PromucFlow_constructor/app/client/packages/design-system/widgets/src/components
Pawan Kumar 65b98c65b5
chore: Allow currency and phone dial code change (#38141)
![CleanShot 2024-12-16 at 16 42
37](https://github.com/user-attachments/assets/1b59a2f9-d8d1-4fa9-8827-493622088e56)

![CleanShot 2024-12-16 at 16 43
12](https://github.com/user-attachments/assets/b8d29bba-55c5-42ec-8352-fb8b374ef8d2)

Fixes #38091 

/ok-to-test tags="@tag.Anvil"

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

## Summary by CodeRabbit

- **New Features**
- Added new props for enhanced styling and functionality in various
components, including `className` and `maxHeight`.
- Introduced dropdown menus for currency and ISD code selection in the
CurrencyInput and PhoneInput components.
- New story added for the `TextField` component showcasing prefix and
suffix usage.
- Added a custom hook `useRootContainer` for better theme provider
management.

- **Bug Fixes**
- Improved conditional rendering for input elements based on prop
values.

- **Style**
- Significant updates to CSS for input and select components, enhancing
layout and visual feedback.
- New CSS classes added for ComboBox and styling adjustments for
existing classes.
	- Enhanced styling for the ComboBox popover and other components.
- New CSS rules for currency and dial code options in respective
widgets.

- **Documentation**
- Updated property configurations for widgets to include new toggle
options for currency and dial code changes.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/12391730072>
> Commit: b8bb73890940ea57a708ffe31b1b61f02fbe7417
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=12391730072&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Anvil`
> Spec:
> <hr>Wed, 18 Dec 2024 11:33:31 UTC
<!-- end of auto-generated comment: Cypress test results  -->
2024-12-19 11:12:23 +05:30
..
Button chore: add soft token + add subtle button variant (#36899) 2024-10-16 15:14:43 +05:30
Calendar chore: make all dates static in calendar story (#38052) 2024-12-10 11:58:00 +05:30
Checkbox chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
ComboBox chore: Allow currency and phone dial code change (#38141) 2024-12-19 11:12:23 +05:30
ContextualHelp chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
Datepicker chore: Allow currency and phone dial code change (#38141) 2024-12-19 11:12:23 +05:30
Field chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
FieldError chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
FieldLabel chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
Flex chore: restructure stories (#35725) 2024-08-17 10:35:10 +05:30
Icon chore: refactor wds combobox component (#36286) 2024-09-17 10:59:01 +03:00
IconButton chore: refactor wds combobox component (#36286) 2024-09-17 10:59:01 +03:00
InlineButtons chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
Input chore: Allow currency and phone dial code change (#38141) 2024-12-19 11:12:23 +05:30
Link chore: Update markdown component + create avatar component + refactor (#36832) 2024-10-14 11:20:21 +05:30
ListBox chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
ListBoxItem chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
Markdown chore: fix code style in markdown (#37141) 2024-10-30 17:31:05 +03:00
Menu chore: Allow currency and phone dial code change (#38141) 2024-12-19 11:12:23 +05:30
MenuItem chore: Allow currency and phone dial code change (#38141) 2024-12-19 11:12:23 +05:30
Modal chore: update anvil modal size api (#37033) 2024-10-23 18:30:39 +05:30
Popover chore: Allow currency and phone dial code change (#38141) 2024-12-19 11:12:23 +05:30
Radio chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
RadioGroup chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
Select chore: Allow currency and phone dial code change (#38141) 2024-12-19 11:12:23 +05:30
Sheet chore: add header to sidebar + add full width state (#37597) 2024-11-21 10:35:25 +05:30
Sidebar chore: fix sidebar mobile responsiveness. (#38159) 2024-12-13 16:56:06 +05:30
Spinner chore: refactor wds combobox component (#36286) 2024-09-17 10:59:01 +03:00
Switch chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
TagGroup chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
Text chore: add datepicker component (#37563) 2024-11-22 15:50:43 +05:30
TextArea fix: add ResizeObserver to change textarea height based on width changes (#38011) 2024-12-06 14:30:02 +03:00
TextField chore: Allow currency and phone dial code change (#38141) 2024-12-19 11:12:23 +05:30
TimeField chore: add datepicker component (#37563) 2024-11-22 15:50:43 +05:30
ToggleGroup chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
ToolbarButtons chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30
Tooltip chore: refactor inputs (#36680) 2024-10-09 16:22:44 +05:30