@ultraviolet/ui 2.0.0-beta.9 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionBar/index.cjs +3 -3
- package/dist/components/ActionBar/index.js +3 -3
- package/dist/components/Alert/index.cjs +23 -23
- package/dist/components/Alert/index.js +21 -21
- package/dist/components/{AvatarV2 → Avatar}/constants.cjs +10 -10
- package/dist/components/{AvatarV2 → Avatar}/constants.js +10 -10
- package/dist/components/Avatar/index.cjs +117 -37
- package/dist/components/Avatar/index.d.ts +3 -43
- package/dist/components/Avatar/index.js +119 -39
- package/dist/components/{AvatarV2 → Avatar}/types.d.ts +1 -1
- package/dist/components/Badge/index.cjs +5 -5
- package/dist/components/Badge/index.js +2 -2
- package/dist/components/Banner/index.cjs +24 -24
- package/dist/components/Banner/index.js +21 -21
- package/dist/components/BarChart/Tooltip.cjs +4 -4
- package/dist/components/BarChart/Tooltip.js +4 -4
- package/dist/components/BarChart/index.cjs +6 -6
- package/dist/components/BarChart/index.js +4 -4
- package/dist/components/BarStack/index.cjs +7 -7
- package/dist/components/BarStack/index.js +5 -5
- package/dist/components/Breadcrumbs/components/Item.cjs +4 -4
- package/dist/components/Breadcrumbs/components/Item.js +4 -4
- package/dist/components/Bullet/index.cjs +15 -19
- package/dist/components/Bullet/index.d.ts +4 -6
- package/dist/components/Bullet/index.js +16 -20
- package/dist/components/Button/index.cjs +25 -19
- package/dist/components/Button/index.d.ts +8 -2
- package/dist/components/Button/index.js +20 -14
- package/dist/components/Card/index.cjs +10 -11
- package/dist/components/Card/index.d.ts +0 -4
- package/dist/components/Card/index.js +8 -9
- package/dist/components/Carousel/index.cjs +18 -18
- package/dist/components/Carousel/index.js +13 -13
- package/dist/components/Checkbox/index.cjs +44 -62
- package/dist/components/Checkbox/index.d.ts +0 -8
- package/dist/components/Checkbox/index.js +34 -52
- package/dist/components/CheckboxGroup/index.cjs +16 -15
- package/dist/components/CheckboxGroup/index.d.ts +3 -3
- package/dist/components/CheckboxGroup/index.js +12 -11
- package/dist/components/Chip/ChipContext.cjs +2 -2
- package/dist/components/Chip/ChipIcon.cjs +5 -5
- package/dist/components/Chip/ChipIcon.js +3 -3
- package/dist/components/Chip/index.cjs +14 -14
- package/dist/components/Chip/index.d.ts +2 -2
- package/dist/components/Chip/index.js +5 -5
- package/dist/components/CopyButton/index.cjs +2 -3
- package/dist/components/CopyButton/index.d.ts +1 -5
- package/dist/components/CopyButton/index.js +2 -3
- package/dist/components/DateInput/Context.cjs +12 -12
- package/dist/components/DateInput/Context.js +10 -10
- package/dist/components/DateInput/components/CalendarContent.cjs +9 -9
- package/dist/components/DateInput/components/CalendarContent.js +7 -7
- package/dist/components/DateInput/components/CalendarDaily.cjs +21 -21
- package/dist/components/DateInput/components/CalendarDaily.js +18 -18
- package/dist/components/DateInput/components/CalendarMonthly.cjs +19 -19
- package/dist/components/DateInput/components/CalendarMonthly.js +16 -16
- package/dist/components/DateInput/components/Popup.cjs +5 -5
- package/dist/components/DateInput/components/Popup.js +2 -2
- package/dist/components/DateInput/helpers.cjs +20 -0
- package/dist/components/DateInput/helpers.d.ts +2 -0
- package/dist/components/DateInput/helpers.js +20 -0
- package/dist/components/DateInput/index.cjs +67 -56
- package/dist/components/DateInput/index.js +55 -44
- package/dist/components/Dialog/Context.cjs +3 -3
- package/dist/components/Dialog/components/Button.cjs +1 -1
- package/dist/components/Dialog/components/Button.js +1 -1
- package/dist/components/Dialog/components/CancelButton.cjs +1 -1
- package/dist/components/Dialog/components/CancelButton.js +1 -1
- package/dist/components/Dialog/components/Text.cjs +1 -1
- package/dist/components/Dialog/components/Text.js +1 -1
- package/dist/components/Dialog/index.cjs +6 -6
- package/dist/components/Dialog/index.d.ts +14 -9
- package/dist/components/Dialog/index.js +4 -4
- package/dist/components/Drawer/index.cjs +49 -27
- package/dist/components/Drawer/index.d.ts +16 -4
- package/dist/components/Drawer/index.js +49 -27
- package/dist/components/EmptyState/index.cjs +17 -17
- package/dist/components/EmptyState/index.d.ts +2 -2
- package/dist/components/EmptyState/index.js +17 -17
- package/dist/components/Expandable/index.cjs +24 -15
- package/dist/components/Expandable/index.js +18 -9
- package/dist/components/ExpandableCard/components/Title.cjs +1 -1
- package/dist/components/ExpandableCard/components/Title.js +1 -1
- package/dist/components/ExpandableCard/index.cjs +32 -32
- package/dist/components/ExpandableCard/index.js +18 -18
- package/dist/components/GlobalAlert/GlobalAlertLink.cjs +1 -1
- package/dist/components/GlobalAlert/GlobalAlertLink.js +1 -1
- package/dist/components/GlobalAlert/index.cjs +10 -10
- package/dist/components/GlobalAlert/index.js +8 -8
- package/dist/components/InfiniteScroll/index.cjs +9 -9
- package/dist/components/InfiniteScroll/index.js +2 -2
- package/dist/components/Label/index.cjs +8 -8
- package/dist/components/Label/index.js +8 -8
- package/dist/components/LineChart/CustomLegend.cjs +20 -20
- package/dist/components/LineChart/CustomLegend.js +20 -20
- package/dist/components/LineChart/Tooltip.cjs +4 -4
- package/dist/components/LineChart/Tooltip.js +4 -4
- package/dist/components/LineChart/index.cjs +11 -11
- package/dist/components/LineChart/index.js +8 -8
- package/dist/components/Link/index.cjs +22 -38
- package/dist/components/Link/index.d.ts +3 -12
- package/dist/components/Link/index.js +16 -32
- package/dist/components/List/Cell.cjs +4 -17
- package/dist/components/List/Cell.d.ts +0 -6
- package/dist/components/List/Cell.js +2 -15
- package/dist/components/List/HeaderCell.cjs +5 -5
- package/dist/components/List/HeaderCell.js +6 -6
- package/dist/components/List/HeaderRow.cjs +4 -6
- package/dist/components/List/HeaderRow.js +4 -6
- package/dist/components/List/ListContext.cjs +30 -30
- package/dist/components/List/ListContext.js +7 -7
- package/dist/components/List/Row.cjs +58 -37
- package/dist/components/List/Row.d.ts +8 -1
- package/dist/components/List/Row.js +46 -25
- package/dist/components/List/SelectBar.cjs +3 -3
- package/dist/components/List/SelectBar.js +1 -1
- package/dist/components/List/SkeletonRows.cjs +3 -3
- package/dist/components/List/SkeletonRows.js +3 -3
- package/dist/components/List/index.cjs +15 -14
- package/dist/components/List/index.d.ts +10 -8
- package/dist/components/List/index.js +9 -8
- package/dist/components/Loader/index.cjs +13 -13
- package/dist/components/Loader/index.d.ts +3 -3
- package/dist/components/Loader/index.js +13 -13
- package/dist/components/Menu/MenuContent.cjs +222 -0
- package/dist/components/{MenuV2 → Menu}/MenuContent.d.ts +3 -4
- package/dist/components/Menu/MenuContent.js +220 -0
- package/dist/components/Menu/MenuProvider.cjs +42 -0
- package/dist/components/Menu/MenuProvider.d.ts +24 -0
- package/dist/components/Menu/MenuProvider.js +42 -0
- package/dist/components/Menu/components/Group.cjs +34 -0
- package/dist/components/{MenuV2 → Menu}/components/Group.d.ts +1 -1
- package/dist/components/Menu/components/Group.js +32 -0
- package/dist/components/Menu/components/Item.cjs +172 -0
- package/dist/components/Menu/components/Item.js +171 -0
- package/dist/components/{MenuV2 → Menu}/constants.cjs +2 -3
- package/dist/components/Menu/constants.js +7 -0
- package/dist/components/Menu/helpers.cjs +48 -0
- package/dist/components/{MenuV2 → Menu}/helpers.d.ts +2 -1
- package/dist/components/{MenuV2 → Menu}/helpers.js +17 -0
- package/dist/components/Menu/index.cjs +12 -108
- package/dist/components/Menu/index.d.ts +62 -35
- package/dist/components/Menu/index.js +13 -107
- package/dist/components/{MenuV2 → Menu}/types.d.ts +3 -11
- package/dist/components/Meter/index.cjs +6 -6
- package/dist/components/Meter/index.js +6 -6
- package/dist/components/Modal/ModalContent.cjs +7 -13
- package/dist/components/Modal/ModalContent.d.ts +1 -2
- package/dist/components/Modal/ModalContent.js +7 -13
- package/dist/components/Modal/ModalProvider.cjs +10 -10
- package/dist/components/Modal/ModalProvider.js +2 -2
- package/dist/components/Modal/components/Dialog.cjs +23 -25
- package/dist/components/Modal/components/Dialog.d.ts +1 -1
- package/dist/components/Modal/components/Dialog.js +8 -10
- package/dist/components/Modal/components/Disclosure.cjs +15 -18
- package/dist/components/Modal/components/Disclosure.d.ts +1 -1
- package/dist/components/Modal/components/Disclosure.js +11 -14
- package/dist/components/Modal/index.cjs +14 -16
- package/dist/components/Modal/index.d.ts +1 -18
- package/dist/components/Modal/index.js +8 -10
- package/dist/components/Modal/types.d.ts +2 -16
- package/dist/components/Notice/index.cjs +3 -3
- package/dist/components/Notice/index.js +3 -3
- package/dist/components/Notification/index.cjs +6 -6
- package/dist/components/Notification/index.js +6 -6
- package/dist/components/NumberInput/index.cjs +194 -194
- package/dist/components/NumberInput/index.d.ts +30 -33
- package/dist/components/NumberInput/index.js +190 -190
- package/dist/components/Pagination/PaginationButtons.cjs +13 -13
- package/dist/components/Pagination/PaginationButtons.js +8 -8
- package/dist/components/Pagination/PerPage.cjs +15 -15
- package/dist/components/Pagination/PerPage.js +15 -15
- package/dist/components/Pagination/index.cjs +6 -6
- package/dist/components/Pagination/index.js +2 -2
- package/dist/components/PasswordCheck/index.cjs +3 -3
- package/dist/components/PasswordCheck/index.js +3 -3
- package/dist/components/PieChart/Legends.cjs +13 -13
- package/dist/components/PieChart/Legends.js +13 -13
- package/dist/components/PieChart/Tooltip.cjs +7 -7
- package/dist/components/PieChart/Tooltip.js +7 -7
- package/dist/components/PieChart/index.cjs +11 -11
- package/dist/components/PieChart/index.js +8 -8
- package/dist/components/Popover/index.cjs +17 -17
- package/dist/components/Popover/index.d.ts +6 -4
- package/dist/components/Popover/index.js +9 -9
- package/dist/components/Popup/helpers.cjs +55 -15
- package/dist/components/Popup/helpers.d.ts +3 -3
- package/dist/components/Popup/helpers.js +55 -15
- package/dist/components/Popup/index.cjs +40 -44
- package/dist/components/Popup/index.js +14 -18
- package/dist/components/ProgressBar/index.cjs +9 -9
- package/dist/components/ProgressBar/index.js +9 -9
- package/dist/components/Radio/index.cjs +15 -15
- package/dist/components/Radio/index.d.ts +9 -9
- package/dist/components/Radio/index.js +12 -12
- package/dist/components/RadioGroup/index.cjs +13 -14
- package/dist/components/RadioGroup/index.d.ts +3 -8
- package/dist/components/RadioGroup/index.js +9 -10
- package/dist/components/Row/index.cjs +19 -7
- package/dist/components/Row/index.d.ts +5 -5
- package/dist/components/Row/index.js +19 -7
- package/dist/components/SearchInput/Key.cjs +9 -9
- package/dist/components/SearchInput/Key.d.ts +5 -5
- package/dist/components/SearchInput/Key.js +7 -7
- package/dist/components/SearchInput/KeyGroup.cjs +2 -2
- package/dist/components/SearchInput/KeyGroup.js +2 -2
- package/dist/components/SearchInput/index.cjs +27 -27
- package/dist/components/SearchInput/index.d.ts +1 -1
- package/dist/components/SearchInput/index.js +8 -8
- package/dist/components/SearchInput/types.d.ts +3 -3
- package/dist/components/SelectInput/Dropdown.cjs +477 -0
- package/dist/components/SelectInput/Dropdown.js +475 -0
- package/dist/components/SelectInput/DropdownOption.cjs +91 -0
- package/dist/components/SelectInput/DropdownOption.js +89 -0
- package/dist/components/SelectInput/SearchBarDropdown.cjs +129 -0
- package/dist/components/SelectInput/SearchBarDropdown.js +127 -0
- package/dist/components/SelectInput/SelectBar.cjs +364 -0
- package/dist/components/SelectInput/SelectBar.js +362 -0
- package/dist/components/{SelectInputV2 → SelectInput}/SelectInputProvider.cjs +64 -64
- package/dist/components/{SelectInputV2 → SelectInput}/SelectInputProvider.d.ts +2 -1
- package/dist/components/{SelectInputV2 → SelectInput}/SelectInputProvider.js +50 -50
- package/dist/components/SelectInput/index.cjs +68 -496
- package/dist/components/SelectInput/index.d.ts +119 -63
- package/dist/components/SelectInput/index.js +68 -494
- package/dist/components/{SelectInputV2 → SelectInput}/types.cjs +3 -3
- package/dist/components/{SelectInputV2 → SelectInput}/types.js +3 -3
- package/dist/components/SelectableCard/index.cjs +31 -31
- package/dist/components/SelectableCard/index.js +18 -18
- package/dist/components/SelectableCardGroup/index.cjs +11 -11
- package/dist/components/SelectableCardGroup/index.d.ts +1 -1
- package/dist/components/SelectableCardGroup/index.js +7 -7
- package/dist/components/SelectableCardOptionGroup/Provider.cjs +7 -7
- package/dist/components/SelectableCardOptionGroup/Provider.d.ts +2 -2
- package/dist/components/SelectableCardOptionGroup/Provider.js +4 -4
- package/dist/components/SelectableCardOptionGroup/components/Image.cjs +2 -2
- package/dist/components/SelectableCardOptionGroup/components/Image.js +2 -2
- package/dist/components/SelectableCardOptionGroup/components/Option.cjs +18 -18
- package/dist/components/SelectableCardOptionGroup/components/Option.d.ts +5 -5
- package/dist/components/SelectableCardOptionGroup/components/Option.js +16 -16
- package/dist/components/SelectableCardOptionGroup/index.cjs +8 -8
- package/dist/components/SelectableCardOptionGroup/index.d.ts +3 -3
- package/dist/components/SelectableCardOptionGroup/index.js +6 -6
- package/dist/components/Separator/index.cjs +8 -9
- package/dist/components/Separator/index.d.ts +1 -5
- package/dist/components/Separator/index.js +8 -9
- package/dist/components/Skeleton/Block.cjs +2 -2
- package/dist/components/Skeleton/Slider.cjs +3 -3
- package/dist/components/Skeleton/Slider.js +3 -3
- package/dist/components/Skeleton/index.cjs +4 -4
- package/dist/components/Skeleton/index.js +4 -4
- package/dist/components/Slider/components/DoubleSlider.cjs +36 -36
- package/dist/components/Slider/components/DoubleSlider.js +23 -23
- package/dist/components/Slider/components/Options.cjs +3 -3
- package/dist/components/Slider/components/Options.js +3 -3
- package/dist/components/Slider/components/SingleSlider.cjs +33 -33
- package/dist/components/Slider/components/SingleSlider.js +16 -16
- package/dist/components/Slider/index.cjs +9 -9
- package/dist/components/Slider/index.js +7 -7
- package/dist/components/Slider/styles.d.ts +35 -24
- package/dist/components/Snippet/index.cjs +16 -16
- package/dist/components/Snippet/index.js +14 -14
- package/dist/components/Stack/index.cjs +31 -11
- package/dist/components/Stack/index.d.ts +9 -9
- package/dist/components/Stack/index.js +31 -11
- package/dist/components/Status/index.cjs +4 -4
- package/dist/components/Status/index.js +4 -4
- package/dist/components/StepList/index.cjs +5 -5
- package/dist/components/StepList/index.js +5 -5
- package/dist/components/Stepper/Step.cjs +14 -14
- package/dist/components/Stepper/Step.js +10 -10
- package/dist/components/Stepper/StepperProvider.cjs +17 -17
- package/dist/components/Stepper/StepperProvider.js +10 -10
- package/dist/components/Stepper/index.cjs +13 -13
- package/dist/components/Stepper/index.js +7 -7
- package/dist/components/SwitchButton/FocusOverlay.cjs +3 -3
- package/dist/components/SwitchButton/FocusOverlay.js +3 -3
- package/dist/components/SwitchButton/Option.cjs +30 -9
- package/dist/components/SwitchButton/Option.d.ts +4 -2
- package/dist/components/SwitchButton/Option.js +27 -6
- package/dist/components/SwitchButton/SwitchButtonContext.cjs +3 -3
- package/dist/components/SwitchButton/index.cjs +38 -24
- package/dist/components/SwitchButton/index.d.ts +3 -1
- package/dist/components/SwitchButton/index.js +27 -13
- package/dist/components/Table/Cell.cjs +2 -2
- package/dist/components/Table/Cell.js +2 -2
- package/dist/components/Table/HeaderCell.cjs +6 -6
- package/dist/components/Table/HeaderCell.js +7 -7
- package/dist/components/Table/HeaderRow.cjs +2 -2
- package/dist/components/Table/HeaderRow.js +2 -2
- package/dist/components/Table/Row.cjs +19 -19
- package/dist/components/Table/Row.js +9 -9
- package/dist/components/Table/SelectBar.cjs +3 -3
- package/dist/components/Table/SelectBar.js +1 -1
- package/dist/components/Table/SkeletonRows.cjs +3 -3
- package/dist/components/Table/SkeletonRows.js +3 -3
- package/dist/components/Table/TableContext.cjs +8 -8
- package/dist/components/Table/TableContext.js +3 -3
- package/dist/components/Table/index.cjs +17 -17
- package/dist/components/Table/index.d.ts +12 -12
- package/dist/components/Table/index.js +9 -9
- package/dist/components/Tabs/Tab.cjs +13 -13
- package/dist/components/Tabs/Tab.js +10 -10
- package/dist/components/Tabs/TabMenu.cjs +12 -12
- package/dist/components/Tabs/TabMenu.d.ts +3 -3
- package/dist/components/Tabs/TabMenu.js +10 -10
- package/dist/components/Tabs/TabMenuItem.cjs +7 -7
- package/dist/components/Tabs/TabMenuItem.js +5 -5
- package/dist/components/Tabs/TabsContext.cjs +3 -3
- package/dist/components/Tabs/index.cjs +18 -18
- package/dist/components/Tabs/index.d.ts +3 -3
- package/dist/components/Tabs/index.js +7 -7
- package/dist/components/Tag/index.cjs +12 -12
- package/dist/components/Tag/index.js +10 -10
- package/dist/components/TagInput/index.cjs +24 -26
- package/dist/components/TagInput/index.d.ts +1 -17
- package/dist/components/TagInput/index.js +17 -19
- package/dist/components/TagList/index.cjs +29 -29
- package/dist/components/TagList/index.js +16 -16
- package/dist/components/Text/index.cjs +4 -6
- package/dist/components/Text/index.d.ts +2 -6
- package/dist/components/Text/index.js +2 -4
- package/dist/components/TextArea/index.cjs +23 -23
- package/dist/components/TextArea/index.js +14 -14
- package/dist/components/TextInput/index.cjs +179 -343
- package/dist/components/TextInput/index.d.ts +74 -68
- package/dist/components/TextInput/index.js +177 -340
- package/dist/components/{TimeInputV2 → TimeInput}/constants.cjs +2 -2
- package/dist/components/{TimeInputV2 → TimeInput}/constants.js +2 -2
- package/dist/components/TimeInput/index.cjs +320 -23
- package/dist/components/TimeInput/index.d.ts +44 -20
- package/dist/components/TimeInput/index.js +320 -25
- package/dist/components/Toaster/components/Button.cjs +1 -1
- package/dist/components/Toaster/components/Button.js +1 -1
- package/dist/components/Toaster/index.cjs +4 -12
- package/dist/components/Toaster/index.d.ts +0 -4
- package/dist/components/Toaster/index.js +4 -12
- package/dist/components/Toggle/index.cjs +17 -17
- package/dist/components/Toggle/index.js +11 -11
- package/dist/components/ToggleGroup/index.cjs +13 -13
- package/dist/components/ToggleGroup/index.d.ts +1 -1
- package/dist/components/ToggleGroup/index.js +9 -9
- package/dist/components/Tooltip/index.cjs +4 -4
- package/dist/components/Tooltip/index.d.ts +36 -4
- package/dist/components/Tooltip/index.js +2 -2
- package/dist/components/UnitInput/index.cjs +39 -56
- package/dist/components/UnitInput/index.d.ts +8 -7
- package/dist/components/UnitInput/index.js +34 -51
- package/dist/components/VerificationCode/index.cjs +13 -13
- package/dist/components/VerificationCode/index.js +8 -8
- package/dist/components/index.d.ts +4 -11
- package/dist/helpers/nivoTheme.cjs +2 -2
- package/dist/helpers/nivoTheme.d.ts +2 -2
- package/dist/helpers/nivoTheme.js +2 -2
- package/dist/hooks/useIsOverflowing.cjs +3 -3
- package/dist/index.cjs +124 -140
- package/dist/index.d.ts +3 -3
- package/dist/index.js +6 -22
- package/dist/theme/index.d.ts +14 -19
- package/dist/utils/index.d.ts +3 -3
- package/package.json +8 -12
- package/dist/components/AvatarV2/index.cjs +0 -139
- package/dist/components/AvatarV2/index.d.ts +0 -5
- package/dist/components/AvatarV2/index.js +0 -137
- package/dist/components/Menu/Item.cjs +0 -93
- package/dist/components/Menu/Item.d.ts +0 -15
- package/dist/components/Menu/Item.js +0 -92
- package/dist/components/MenuV2/MenuContent.cjs +0 -163
- package/dist/components/MenuV2/MenuContent.js +0 -161
- package/dist/components/MenuV2/MenuProvider.cjs +0 -31
- package/dist/components/MenuV2/MenuProvider.d.ts +0 -14
- package/dist/components/MenuV2/MenuProvider.js +0 -31
- package/dist/components/MenuV2/components/Group.cjs +0 -34
- package/dist/components/MenuV2/components/Group.js +0 -32
- package/dist/components/MenuV2/components/Item.cjs +0 -135
- package/dist/components/MenuV2/components/Item.js +0 -134
- package/dist/components/MenuV2/constants.js +0 -8
- package/dist/components/MenuV2/helpers.cjs +0 -31
- package/dist/components/MenuV2/index.cjs +0 -20
- package/dist/components/MenuV2/index.d.ts +0 -77
- package/dist/components/MenuV2/index.js +0 -20
- package/dist/components/NumberInput/helpers.cjs +0 -10
- package/dist/components/NumberInput/helpers.d.ts +0 -4
- package/dist/components/NumberInput/helpers.js +0 -10
- package/dist/components/NumberInputV2/index.cjs +0 -262
- package/dist/components/NumberInputV2/index.d.ts +0 -38
- package/dist/components/NumberInputV2/index.js +0 -260
- package/dist/components/PasswordStrengthMeter/index.cjs +0 -98
- package/dist/components/PasswordStrengthMeter/index.d.ts +0 -39
- package/dist/components/PasswordStrengthMeter/index.js +0 -96
- package/dist/components/SelectInputV2/Dropdown.cjs +0 -477
- package/dist/components/SelectInputV2/Dropdown.js +0 -475
- package/dist/components/SelectInputV2/DropdownOption.cjs +0 -91
- package/dist/components/SelectInputV2/DropdownOption.js +0 -89
- package/dist/components/SelectInputV2/SearchBarDropdown.cjs +0 -129
- package/dist/components/SelectInputV2/SearchBarDropdown.js +0 -127
- package/dist/components/SelectInputV2/SelectBar.cjs +0 -364
- package/dist/components/SelectInputV2/SelectBar.js +0 -362
- package/dist/components/SelectInputV2/index.cjs +0 -91
- package/dist/components/SelectInputV2/index.d.ts +0 -126
- package/dist/components/SelectInputV2/index.js +0 -89
- package/dist/components/TextInputV2/index.cjs +0 -223
- package/dist/components/TextInputV2/index.d.ts +0 -81
- package/dist/components/TextInputV2/index.js +0 -221
- package/dist/components/TimeInputV2/index.cjs +0 -326
- package/dist/components/TimeInputV2/index.d.ts +0 -49
- package/dist/components/TimeInputV2/index.js +0 -324
- package/dist/helpers/isJSON.cjs +0 -10
- package/dist/helpers/isJSON.js +0 -11
- package/dist/theme/ThemeRegistry.cjs +0 -56
- package/dist/theme/ThemeRegistry.d.ts +0 -12
- package/dist/theme/ThemeRegistry.js +0 -55
- package/dist/components/{AvatarV2 → Avatar}/constants.d.ts +9 -9
- package/dist/components/{MenuV2 → Menu}/components/Item.d.ts +0 -0
- package/dist/components/{MenuV2 → Menu}/constants.d.ts +2 -2
- package/dist/components/{SelectInputV2 → SelectInput}/Dropdown.d.ts +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/DropdownOption.d.ts +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/SearchBarDropdown.d.ts +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/SelectBar.d.ts +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/findOptionInOptions.cjs +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/findOptionInOptions.d.ts +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/findOptionInOptions.js +0 -0
- package/dist/components/{SelectInputV2 → SelectInput}/types.d.ts +2 -2
- package/dist/components/{TimeInputV2 → TimeInput}/constants.d.ts +2 -2
- /package/dist/components/{TimeInputV2 → TimeInput}/helpers.cjs +0 -0
- /package/dist/components/{TimeInputV2 → TimeInput}/helpers.d.ts +0 -0
- /package/dist/components/{TimeInputV2 → TimeInput}/helpers.js +0 -0
|
@@ -9,10 +9,10 @@ import { Popup } from "../Popup/index.js";
|
|
|
9
9
|
import { Stack } from "../Stack/index.js";
|
|
10
10
|
import { Text } from "../Text/index.js";
|
|
11
11
|
const SIZES_WIDTH = {
|
|
12
|
-
|
|
13
|
-
// in rem
|
|
12
|
+
large: 32.5,
|
|
14
13
|
medium: 26.25,
|
|
15
|
-
|
|
14
|
+
small: 20
|
|
15
|
+
// in rem
|
|
16
16
|
};
|
|
17
17
|
const StyledPopup = /* @__PURE__ */ _styled(Popup, process.env.NODE_ENV === "production" ? {
|
|
18
18
|
shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
|
|
@@ -35,7 +35,7 @@ const StyledPopup = /* @__PURE__ */ _styled(Popup, process.env.NODE_ENV === "pro
|
|
|
35
35
|
}) => sentiment === "neutral" ? theme.colors.neutral.background : theme.colors.primary.backgroundStrong, ';&[data-has-arrow="true"]{&::after{border-color:', ({
|
|
36
36
|
theme,
|
|
37
37
|
sentiment
|
|
38
|
-
}) => sentiment === "neutral" ? theme.colors.neutral.background : theme.colors.primary.backgroundStrong, " transparent transparent transparent;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
}) => sentiment === "neutral" ? theme.colors.neutral.background : theme.colors.primary.backgroundStrong, " transparent transparent transparent;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IE1vZGFsQ29udGV4dCB9IGZyb20gJy4uL01vZGFsL01vZGFsUHJvdmlkZXInXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIFNlbnRpbWVudFR5cGUgPSAnbmV1dHJhbCcgfCAncHJpbWFyeSdcblxuY29uc3QgU0laRVNfV0lEVEggPSB7XG4gIGxhcmdlOiAzMi41LFxuICBtZWRpdW06IDI2LjI1LFxuICBzbWFsbDogMjAsIC8vIGluIHJlbVxufVxuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzZW50aW1lbnQnLCAnc2l6ZSddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzZW50aW1lbnQ6IFNlbnRpbWVudFR5cGVcbiAgc2l6ZToga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG59PmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1yZW07XG4gIG1heC13aWR0aDogJHsoeyBzaXplIH0pID0+IFNJWkVTX1dJRFRIW3NpemVdfXJlbTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLnBvcG92ZXJ9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT5cbiAgICBzZW50aW1lbnQgPT09ICduZXV0cmFsJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kXG4gICAgICA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuXG4gIC8vIE92ZXJyaWRlcyB0aGUgZGVmYXVsdCBwb3B1cCBhcnJvdyBjb2xvciB0byBtYXRjaCB0aGUgYmFja2dyb3VuZCBjb2xvclxuICAmW2RhdGEtaGFzLWFycm93PVwidHJ1ZVwiXSB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT5cbiAgICAgICAgc2VudGltZW50ID09PSAnbmV1dHJhbCdcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRcbiAgICAgICAgICA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5XG4gICAgICAgICAgICAgIC5iYWNrZ3JvdW5kU3Ryb25nfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDsgXG4gICAgfVxuICB9XG5gXG5cbi8vIFRoaXMgaXMgdG8gYXZvaWQgaGF2aW5nIHRleHQgaW5oZXJpdCBjb2xvciBmcm9tIHBvcHVwICh3aGljaCBpcyB3aGl0ZSBvbiB3aGl0ZSBiYWNrZ3JvdW5kKVxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbmBcblxudHlwZSBDb250ZW50V3JhcHBlclByb3BzID0gUGljazxcbiAgUG9wb3ZlclByb3BzLFxuICAndGl0bGUnIHwgJ29uQ2xvc2UnIHwgJ3NlbnRpbWVudCcgfCAnY2hpbGRyZW4nXG4+XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gKHtcbiAgdGl0bGUsXG4gIG9uQ2xvc2UsXG4gIGNoaWxkcmVuLFxuICBzZW50aW1lbnQsXG59OiBDb250ZW50V3JhcHBlclByb3BzKSA9PiAoXG4gIDxTdHlsZWRTdGFjayBnYXA9ezF9PlxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwiaDNcIlxuICAgICAgICBwcm9taW5lbmNlPXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdzdHJvbmcnIDogJ3N0cm9uZ2VyJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICd3aGl0ZSd9XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9UZXh0PlxuICAgICAgPEJ1dHRvblxuICAgICAgICBhcmlhLWxhYmVsPVwiY2xvc2VcIlxuICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ25ldXRyYWwnIDogJ3ByaW1hcnknfVxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB2YXJpYW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdnaG9zdCcgOiAnZmlsbGVkJ31cbiAgICAgID5cbiAgICAgICAgPENsb3NlSWNvbiAvPlxuICAgICAgPC9CdXR0b24+XG4gICAgPC9TdGFjaz5cbiAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwicFwiXG4gICAgICAgIHByb21pbmVuY2U9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ3N0cm9uZycgOiAnc3Ryb25nZXInfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ25ldXRyYWwnIDogJ3doaXRlJ31cbiAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICApIDogKFxuICAgICAgY2hpbGRyZW5cbiAgICApfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuXG50eXBlIFBvcG92ZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjb250ZW50OiBSZWFjdE5vZGVcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ/OiBTZW50aW1lbnRUeXBlXG4gIHZpc2libGU/OiBib29sZWFuXG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgU0laRVNfV0lEVEhcbiAgb25DbG9zZT86ICgpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgbWF4SGVpZ2h0Pzogc3RyaW5nXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0LCB0aGUgcG9ydGFsIHRhcmdldCBpcyBjaGlsZHJlbiBjb250YWluZXIgb3IgZG9jdW1lbnQuYm9keSBpZiBjaGlsZHJlbiBpcyBhIGZ1bmN0aW9uLiBZb3UgY2FuIG92ZXJyaWRlIHRoaXNcbiAgICogYmVoYXZpb3IgYnkgc2V0dGluZyBhIHBvcnRhbFRhcmdldCBwcm9wLlxuICAgKi9cbiAgcG9ydGFsVGFyZ2V0PzogSFRNTEVsZW1lbnRcbiAgcGxhY2VtZW50PzogRXhjbHVkZTxDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+WydwbGFjZW1lbnQnXSwgJ25lc3RlZC1tZW51Jz5cbn0gJiBQaWNrPENvbXBvbmVudFByb3BzPHR5cGVvZiBQb3B1cD4sICdkeW5hbWljRG9tUmVuZGVyaW5nJyB8ICdhbGlnbic+XG5cbi8qKlxuICogUG9wb3ZlciBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGFkZGl0aW9uYWwgaW5mb3JtYXRpb24gb3IgYWN0aW9ucyBvbiB0b3Agb2YgdGhlIG1haW4gY29udGVudCBvZiB0aGUgcGFnZS5cbiAqIEl0IGlzIHVzdWFsbHkgdHJpZ2dlcmVkIGJ5IGNsaWNraW5nIG9uIGEgYnV0dG9uLiBJdCBpbmNsdWRlcyBhIHRpdGxlLCBhIGNsb3NlIGJ1dHRvbiBhbmQgYSBjb250ZW50IGFyZWEuXG4gKi9cbmV4cG9ydCBjb25zdCBQb3BvdmVyID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHZpc2libGUgPSBmYWxzZSxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcGxhY2VtZW50LFxuICAgICAgY29udGVudCxcbiAgICAgIHRpdGxlLFxuICAgICAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICAgICAgc2l6ZSA9ICdtZWRpdW0nLFxuICAgICAgb25DbG9zZSxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIG1heFdpZHRoLFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgICAgIHBvcnRhbFRhcmdldCxcbiAgICAgIGR5bmFtaWNEb21SZW5kZXJpbmcsXG4gICAgICBhbGlnbixcbiAgICB9OiBQb3BvdmVyUHJvcHMsXG4gICAgcmVmOiBSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBpbm5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgICBjb25zdCBpc0luc2lkZU1vZGFsID0gdXNlQ29udGV4dChNb2RhbENvbnRleHQpXG4gICAgY29uc3QgW2xvY2FsVmlzaWJsZSwgc2V0TG9jYWxWaXNpYmxlXSA9IHVzZVN0YXRlKHZpc2libGUpXG5cbiAgICAvLyBXZSBjaGFuZ2UgbG9jYWwgdmFsdWUgaWYgdmlzaWJsZSBwcm9wIGNoYW5nZXNcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0TG9jYWxWaXNpYmxlKHZpc2libGUpXG4gICAgfSwgW3Zpc2libGVdKVxuXG4gICAgY29uc3QgbG9jYWxPbkNsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgc2V0TG9jYWxWaXNpYmxlKGZhbHNlKVxuICAgICAgb25DbG9zZT8uKClcbiAgICB9LCBbb25DbG9zZV0pXG5cbiAgICBjb25zdCBzbWFydFBvcnRhbFRhcmdldCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgaWYgKCFwb3J0YWxUYXJnZXQgJiYgaXNJbnNpZGVNb2RhbCkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkXG4gICAgICB9XG5cbiAgICAgIGlmICghcG9ydGFsVGFyZ2V0ICYmICFpc0luc2lkZU1vZGFsKSB7XG4gICAgICAgIHJldHVybiBkb2N1bWVudC5ib2R5XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBwb3J0YWxUYXJnZXRcbiAgICB9LCBbaXNJbnNpZGVNb2RhbCwgcG9ydGFsVGFyZ2V0XSlcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgIGR5bmFtaWNEb21SZW5kZXJpbmc9e2R5bmFtaWNEb21SZW5kZXJpbmd9XG4gICAgICAgIGhpZGVPbkNsaWNrT3V0c2lkZVxuICAgICAgICBpbm5lclJlZj17aW5uZXJSZWZ9XG4gICAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICAgIG9uQ2xvc2U9e2xvY2FsT25DbG9zZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIHBvcnRhbFRhcmdldD17c21hcnRQb3J0YWxUYXJnZXR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgdGV4dD17XG4gICAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgICB9XG4gICAgICAgIHZpc2libGU9e2xvY2FsVmlzaWJsZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRQb3B1cD5cbiAgICApXG4gIH0sXG4pXG4iXX0= */"));
|
|
39
39
|
const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
|
|
40
40
|
target: "ejpxv5a0"
|
|
41
41
|
} : {
|
|
@@ -43,7 +43,7 @@ const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "pro
|
|
|
43
43
|
label: "StyledStack"
|
|
44
44
|
})("color:", ({
|
|
45
45
|
theme
|
|
46
|
-
}) => theme.colors.neutral.text, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
46
|
+
}) => theme.colors.neutral.text, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUG9wb3Zlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUsIFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBNb2RhbENvbnRleHQgfSBmcm9tICcuLi9Nb2RhbC9Nb2RhbFByb3ZpZGVyJ1xuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICcuLi9Qb3B1cCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxudHlwZSBTZW50aW1lbnRUeXBlID0gJ25ldXRyYWwnIHwgJ3ByaW1hcnknXG5cbmNvbnN0IFNJWkVTX1dJRFRIID0ge1xuICBsYXJnZTogMzIuNSxcbiAgbWVkaXVtOiAyNi4yNSxcbiAgc21hbGw6IDIwLCAvLyBpbiByZW1cbn1cblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2VudGltZW50JywgJ3NpemUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHtcbiAgc2VudGltZW50OiBTZW50aW1lbnRUeXBlXG4gIHNpemU6IGtleW9mIHR5cGVvZiBTSVpFU19XSURUSFxufT5gXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIHdpZHRoOiAkeyh7IHNpemUgfSkgPT4gU0laRVNfV0lEVEhbc2l6ZV19cmVtO1xuICBtYXgtd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1yZW07XG4gIHRleHQtYWxpZ246IGluaXRpYWw7XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5wb3BvdmVyfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+XG4gICAgc2VudGltZW50ID09PSAnbmV1dHJhbCdcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFxuICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcblxuICAvLyBPdmVycmlkZXMgdGhlIGRlZmF1bHQgcG9wdXAgYXJyb3cgY29sb3IgdG8gbWF0Y2ggdGhlIGJhY2tncm91bmQgY29sb3JcbiAgJltkYXRhLWhhcy1hcnJvdz1cInRydWVcIl0ge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+XG4gICAgICAgIHNlbnRpbWVudCA9PT0gJ25ldXRyYWwnXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kXG4gICAgICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgICAgICAgICAuYmFja2dyb3VuZFN0cm9uZ30gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7IFxuICAgIH1cbiAgfVxuYFxuXG4vLyBUaGlzIGlzIHRvIGF2b2lkIGhhdmluZyB0ZXh0IGluaGVyaXQgY29sb3IgZnJvbSBwb3B1cCAod2hpY2ggaXMgd2hpdGUgb24gd2hpdGUgYmFja2dyb3VuZClcbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG5gXG5cbnR5cGUgQ29udGVudFdyYXBwZXJQcm9wcyA9IFBpY2s8XG4gIFBvcG92ZXJQcm9wcyxcbiAgJ3RpdGxlJyB8ICdvbkNsb3NlJyB8ICdzZW50aW1lbnQnIHwgJ2NoaWxkcmVuJ1xuPlxuXG5jb25zdCBDb250ZW50V3JhcHBlciA9ICh7XG4gIHRpdGxlLFxuICBvbkNsb3NlLFxuICBjaGlsZHJlbixcbiAgc2VudGltZW50LFxufTogQ29udGVudFdyYXBwZXJQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZ2FwPXsxfT5cbiAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICA8VGV4dFxuICAgICAgICBhcz1cImgzXCJcbiAgICAgICAgcHJvbWluZW5jZT17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnc3Ryb25nJyA6ICdzdHJvbmdlcid9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnbmV1dHJhbCcgOiAnd2hpdGUnfVxuICAgICAgICB2YXJpYW50PVwiYm9keVN0cm9uZ1wiXG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxCdXR0b25cbiAgICAgICAgYXJpYS1sYWJlbD1cImNsb3NlXCJcbiAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICdwcmltYXJ5J31cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnZ2hvc3QnIDogJ2ZpbGxlZCd9XG4gICAgICA+XG4gICAgICAgIDxDbG9zZUljb24gLz5cbiAgICAgIDwvQnV0dG9uPlxuICAgIDwvU3RhY2s+XG4gICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ3N0cmluZycgPyAoXG4gICAgICA8VGV4dFxuICAgICAgICBhcz1cInBcIlxuICAgICAgICBwcm9taW5lbmNlPXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdzdHJvbmcnIDogJ3N0cm9uZ2VyJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICd3aGl0ZSd9XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKSA6IChcbiAgICAgIGNoaWxkcmVuXG4gICAgKX1cbiAgPC9TdHlsZWRTdGFjaz5cbilcblxudHlwZSBQb3BvdmVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY29udGVudDogUmVhY3ROb2RlXG4gIHRpdGxlOiBzdHJpbmdcbiAgc2VudGltZW50PzogU2VudGltZW50VHlwZVxuICB2aXNpYmxlPzogYm9vbGVhblxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIG1heEhlaWdodD86IHN0cmluZ1xuICAvKipcbiAgICogQnkgZGVmYXVsdCwgdGhlIHBvcnRhbCB0YXJnZXQgaXMgY2hpbGRyZW4gY29udGFpbmVyIG9yIGRvY3VtZW50LmJvZHkgaWYgY2hpbGRyZW4gaXMgYSBmdW5jdGlvbi4gWW91IGNhbiBvdmVycmlkZSB0aGlzXG4gICAqIGJlaGF2aW9yIGJ5IHNldHRpbmcgYSBwb3J0YWxUYXJnZXQgcHJvcC5cbiAgICovXG4gIHBvcnRhbFRhcmdldD86IEhUTUxFbGVtZW50XG4gIHBsYWNlbWVudD86IEV4Y2x1ZGU8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFBvcHVwPlsncGxhY2VtZW50J10sICduZXN0ZWQtbWVudSc+XG59ICYgUGljazxDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+LCAnZHluYW1pY0RvbVJlbmRlcmluZycgfCAnYWxpZ24nPlxuXG4vKipcbiAqIFBvcG92ZXIgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhZGRpdGlvbmFsIGluZm9ybWF0aW9uIG9yIGFjdGlvbnMgb24gdG9wIG9mIHRoZSBtYWluIGNvbnRlbnQgb2YgdGhlIHBhZ2UuXG4gKiBJdCBpcyB1c3VhbGx5IHRyaWdnZXJlZCBieSBjbGlja2luZyBvbiBhIGJ1dHRvbi4gSXQgaW5jbHVkZXMgYSB0aXRsZSwgYSBjbG9zZSBidXR0b24gYW5kIGEgY29udGVudCBhcmVhLlxuICovXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2aXNpYmxlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHBsYWNlbWVudCxcbiAgICAgIGNvbnRlbnQsXG4gICAgICB0aXRsZSxcbiAgICAgIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgICAgIHNpemUgPSAnbWVkaXVtJyxcbiAgICAgIG9uQ2xvc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBwb3J0YWxUYXJnZXQsXG4gICAgICBkeW5hbWljRG9tUmVuZGVyaW5nLFxuICAgICAgYWxpZ24sXG4gICAgfTogUG9wb3ZlclByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxEaXZFbGVtZW50PixcbiAgKSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgaXNJbnNpZGVNb2RhbCA9IHVzZUNvbnRleHQoTW9kYWxDb250ZXh0KVxuICAgIGNvbnN0IFtsb2NhbFZpc2libGUsIHNldExvY2FsVmlzaWJsZV0gPSB1c2VTdGF0ZSh2aXNpYmxlKVxuXG4gICAgLy8gV2UgY2hhbmdlIGxvY2FsIHZhbHVlIGlmIHZpc2libGUgcHJvcCBjaGFuZ2VzXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZSh2aXNpYmxlKVxuICAgIH0sIFt2aXNpYmxlXSlcblxuICAgIGNvbnN0IGxvY2FsT25DbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZShmYWxzZSlcbiAgICAgIG9uQ2xvc2U/LigpXG4gICAgfSwgW29uQ2xvc2VdKVxuXG4gICAgY29uc3Qgc21hcnRQb3J0YWxUYXJnZXQgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghcG9ydGFsVGFyZ2V0ICYmIGlzSW5zaWRlTW9kYWwpIHtcbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZFxuICAgICAgfVxuXG4gICAgICBpZiAoIXBvcnRhbFRhcmdldCAmJiAhaXNJbnNpZGVNb2RhbCkge1xuICAgICAgICByZXR1cm4gZG9jdW1lbnQuYm9keVxuICAgICAgfVxuXG4gICAgICByZXR1cm4gcG9ydGFsVGFyZ2V0XG4gICAgfSwgW2lzSW5zaWRlTW9kYWwsIHBvcnRhbFRhcmdldF0pXG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFBvcHVwXG4gICAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBkZWJvdW5jZURlbGF5PXswfVxuICAgICAgICBkeW5hbWljRG9tUmVuZGVyaW5nPXtkeW5hbWljRG9tUmVuZGVyaW5nfVxuICAgICAgICBoaWRlT25DbGlja091dHNpZGVcbiAgICAgICAgaW5uZXJSZWY9e2lubmVyUmVmfVxuICAgICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICBwb3J0YWxUYXJnZXQ9e3NtYXJ0UG9ydGFsVGFyZ2V0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIHRleHQ9e1xuICAgICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgICAgb25DbG9zZT17bG9jYWxPbkNsb3NlfVxuICAgICAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgICAgfVxuICAgICAgICB2aXNpYmxlPXtsb2NhbFZpc2libGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
|
|
47
47
|
const ContentWrapper = ({
|
|
48
48
|
title,
|
|
49
49
|
onClose,
|
|
@@ -51,10 +51,10 @@ const ContentWrapper = ({
|
|
|
51
51
|
sentiment
|
|
52
52
|
}) => /* @__PURE__ */ jsxs(StyledStack, { gap: 1, children: [
|
|
53
53
|
/* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [
|
|
54
|
-
/* @__PURE__ */ jsx(Text, {
|
|
55
|
-
/* @__PURE__ */ jsx(Button, {
|
|
54
|
+
/* @__PURE__ */ jsx(Text, { as: "h3", prominence: sentiment === "neutral" ? "strong" : "stronger", sentiment: sentiment === "neutral" ? "neutral" : "white", variant: "bodyStrong", children: title }),
|
|
55
|
+
/* @__PURE__ */ jsx(Button, { "aria-label": "close", onClick: onClose, sentiment: sentiment === "neutral" ? "neutral" : "primary", size: "small", variant: sentiment === "neutral" ? "ghost" : "filled", children: /* @__PURE__ */ jsx(CloseIcon, {}) })
|
|
56
56
|
] }),
|
|
57
|
-
typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
|
|
57
|
+
typeof children === "string" ? /* @__PURE__ */ jsx(Text, { as: "p", prominence: sentiment === "neutral" ? "strong" : "stronger", sentiment: sentiment === "neutral" ? "neutral" : "white", variant: "bodySmall", children }) : children
|
|
58
58
|
] });
|
|
59
59
|
const Popover = forwardRef(({
|
|
60
60
|
visible = false,
|
|
@@ -92,7 +92,7 @@ const Popover = forwardRef(({
|
|
|
92
92
|
}
|
|
93
93
|
return portalTarget;
|
|
94
94
|
}, [isInsideModal, portalTarget]);
|
|
95
|
-
return /* @__PURE__ */ jsx(StyledPopup, {
|
|
95
|
+
return /* @__PURE__ */ jsx(StyledPopup, { align, className, "data-testid": dataTestId, debounceDelay: 0, dynamicDomRendering, hideOnClickOutside: true, innerRef, maxHeight, maxWidth, onClose: localOnClose, placement, portalTarget: smartPortalTarget, ref, role: "dialog", sentiment, size, tabIndex: -1, text: /* @__PURE__ */ jsx(ContentWrapper, { onClose: localOnClose, sentiment, title, children: content }), visible: localVisible, children });
|
|
96
96
|
});
|
|
97
97
|
export {
|
|
98
98
|
Popover
|
|
@@ -8,16 +8,17 @@ const DEFAULT_POSITIONS = {
|
|
|
8
8
|
arrowTop: 0,
|
|
9
9
|
arrowTransform: "translate(-50%, -50)",
|
|
10
10
|
placement: "top",
|
|
11
|
-
rotate: 135,
|
|
12
11
|
popupInitialPosition: "translate3d(0px, 0px, 0)",
|
|
13
|
-
popupPosition: "translate3d(0px, 0px, 0)"
|
|
12
|
+
popupPosition: "translate3d(0px, 0px, 0)",
|
|
13
|
+
rotate: 135
|
|
14
14
|
};
|
|
15
15
|
const computePlacement = ({
|
|
16
16
|
childrenStructuredRef,
|
|
17
17
|
popupStructuredRef,
|
|
18
18
|
offsetParentRect,
|
|
19
19
|
offsetParent,
|
|
20
|
-
popupPortalTarget
|
|
20
|
+
popupPortalTarget,
|
|
21
|
+
isNestedMenu
|
|
21
22
|
}) => {
|
|
22
23
|
const {
|
|
23
24
|
top: childrenTop,
|
|
@@ -37,6 +38,12 @@ const computePlacement = ({
|
|
|
37
38
|
width: popupWidth,
|
|
38
39
|
height: popupHeight
|
|
39
40
|
} = popupStructuredRef;
|
|
41
|
+
if (isNestedMenu) {
|
|
42
|
+
if (overloadedChildrenRight + popupWidth + TOTAL_USED_SPACE > window.innerWidth) {
|
|
43
|
+
return "left";
|
|
44
|
+
}
|
|
45
|
+
return "right";
|
|
46
|
+
}
|
|
40
47
|
if (overloadedChildrenTop - popupHeight - TOTAL_USED_SPACE < 0) {
|
|
41
48
|
return "bottom";
|
|
42
49
|
}
|
|
@@ -126,17 +133,17 @@ const computePositions = ({
|
|
|
126
133
|
const childrenRect = childrenRef.current.getBoundingClientRect();
|
|
127
134
|
const offsetParent = findOffsetParent(childrenRef);
|
|
128
135
|
const offsetParentRect = offsetParent?.getBoundingClientRect() ?? {
|
|
129
|
-
top: 0,
|
|
130
136
|
left: 0,
|
|
131
|
-
right: window?.innerWidth ?? 0
|
|
137
|
+
right: window?.innerWidth ?? 0,
|
|
138
|
+
top: 0
|
|
132
139
|
};
|
|
133
140
|
const popupStructuredRef = popupRef.current.getBoundingClientRect();
|
|
134
141
|
const placementBasedOnWindowSize = placement === "auto" ? computePlacement({
|
|
135
142
|
childrenStructuredRef: childrenRect,
|
|
136
|
-
|
|
143
|
+
offsetParent,
|
|
137
144
|
offsetParentRect,
|
|
138
145
|
popupPortalTarget,
|
|
139
|
-
|
|
146
|
+
popupStructuredRef
|
|
140
147
|
}) : placement;
|
|
141
148
|
const {
|
|
142
149
|
top: childrenTop,
|
|
@@ -169,9 +176,9 @@ const computePositions = ({
|
|
|
169
176
|
arrowTop: -arrowWidth - 5,
|
|
170
177
|
arrowTransform: "",
|
|
171
178
|
placement: "bottom",
|
|
172
|
-
rotate: 180,
|
|
173
179
|
popupInitialPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY - TOTAL_USED_SPACE}px, 0)`,
|
|
174
|
-
popupPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY}px, 0)
|
|
180
|
+
popupPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY}px, 0)`,
|
|
181
|
+
rotate: 180
|
|
175
182
|
};
|
|
176
183
|
}
|
|
177
184
|
case "left": {
|
|
@@ -182,9 +189,9 @@ const computePositions = ({
|
|
|
182
189
|
arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
|
|
183
190
|
arrowTransform: "translate(-50%, -50%)",
|
|
184
191
|
placement: "left",
|
|
185
|
-
rotate: -90,
|
|
186
192
|
popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
187
|
-
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)
|
|
193
|
+
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
194
|
+
rotate: -90
|
|
188
195
|
};
|
|
189
196
|
}
|
|
190
197
|
case "right": {
|
|
@@ -195,9 +202,42 @@ const computePositions = ({
|
|
|
195
202
|
arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
|
|
196
203
|
arrowTransform: "translate(50%, -50%)",
|
|
197
204
|
placement: "right",
|
|
198
|
-
rotate: 90,
|
|
199
205
|
popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
200
|
-
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)
|
|
206
|
+
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
207
|
+
rotate: 90
|
|
208
|
+
};
|
|
209
|
+
}
|
|
210
|
+
case "nested-menu": {
|
|
211
|
+
if (computePlacement({
|
|
212
|
+
childrenStructuredRef: childrenRect,
|
|
213
|
+
isNestedMenu: true,
|
|
214
|
+
offsetParent,
|
|
215
|
+
offsetParentRect,
|
|
216
|
+
popupPortalTarget,
|
|
217
|
+
popupStructuredRef
|
|
218
|
+
}) === "right") {
|
|
219
|
+
const positionX2 = overloadedChildrenRight + arrowWidth + SPACE * 2;
|
|
220
|
+
const positionY2 = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 8;
|
|
221
|
+
return {
|
|
222
|
+
arrowLeft: -arrowWidth - 5,
|
|
223
|
+
arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
|
|
224
|
+
arrowTransform: "translate(50%, -50%)",
|
|
225
|
+
placement: "right",
|
|
226
|
+
popupInitialPosition: `translate3d(${positionX2 - TOTAL_USED_SPACE}px, ${positionY2 + popupOverflow}px, 0)`,
|
|
227
|
+
popupPosition: `translate3d(${positionX2}px, ${positionY2 + popupOverflow}px, 0)`,
|
|
228
|
+
rotate: 90
|
|
229
|
+
};
|
|
230
|
+
}
|
|
231
|
+
const positionX = overloadedChildrenLeft - popupWidth - arrowWidth - SPACE * 2;
|
|
232
|
+
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
233
|
+
return {
|
|
234
|
+
arrowLeft: popupWidth + arrowWidth + 5,
|
|
235
|
+
arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
|
|
236
|
+
arrowTransform: "translate(-50%, -50%)",
|
|
237
|
+
placement: "left",
|
|
238
|
+
popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
239
|
+
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
240
|
+
rotate: -90
|
|
201
241
|
};
|
|
202
242
|
}
|
|
203
243
|
default: {
|
|
@@ -208,9 +248,9 @@ const computePositions = ({
|
|
|
208
248
|
arrowTop: popupHeight - 1,
|
|
209
249
|
arrowTransform: "",
|
|
210
250
|
placement: "top",
|
|
211
|
-
rotate: 0,
|
|
212
251
|
popupInitialPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY + TOTAL_USED_SPACE}px, 0)`,
|
|
213
|
-
popupPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY}px, 0)
|
|
252
|
+
popupPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY}px, 0)`,
|
|
253
|
+
rotate: 0
|
|
214
254
|
};
|
|
215
255
|
}
|
|
216
256
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { RefObject } from 'react';
|
|
2
|
-
export type PopupPlacement = 'top' | 'right' | 'bottom' | 'left' | 'auto';
|
|
2
|
+
export type PopupPlacement = 'top' | 'right' | 'bottom' | 'left' | 'auto' | 'nested-menu';
|
|
3
3
|
export type PopupAlign = 'start' | 'center';
|
|
4
4
|
export declare const DEFAULT_ARROW_WIDTH = 8;
|
|
5
5
|
export declare const DEFAULT_POSITIONS: {
|
|
@@ -7,9 +7,9 @@ export declare const DEFAULT_POSITIONS: {
|
|
|
7
7
|
arrowTop: number;
|
|
8
8
|
arrowTransform: string;
|
|
9
9
|
placement: string;
|
|
10
|
-
rotate: number;
|
|
11
10
|
popupInitialPosition: string;
|
|
12
11
|
popupPosition: string;
|
|
12
|
+
rotate: number;
|
|
13
13
|
};
|
|
14
14
|
type ComputePositionsTypes = {
|
|
15
15
|
placement: PopupPlacement;
|
|
@@ -27,8 +27,8 @@ export declare const computePositions: ({ placement, childrenRef, popupRef, popu
|
|
|
27
27
|
arrowTop: number;
|
|
28
28
|
arrowTransform: string;
|
|
29
29
|
placement: string;
|
|
30
|
-
rotate: number;
|
|
31
30
|
popupInitialPosition: string;
|
|
32
31
|
popupPosition: string;
|
|
32
|
+
rotate: number;
|
|
33
33
|
};
|
|
34
34
|
export {};
|
|
@@ -6,16 +6,17 @@ const DEFAULT_POSITIONS = {
|
|
|
6
6
|
arrowTop: 0,
|
|
7
7
|
arrowTransform: "translate(-50%, -50)",
|
|
8
8
|
placement: "top",
|
|
9
|
-
rotate: 135,
|
|
10
9
|
popupInitialPosition: "translate3d(0px, 0px, 0)",
|
|
11
|
-
popupPosition: "translate3d(0px, 0px, 0)"
|
|
10
|
+
popupPosition: "translate3d(0px, 0px, 0)",
|
|
11
|
+
rotate: 135
|
|
12
12
|
};
|
|
13
13
|
const computePlacement = ({
|
|
14
14
|
childrenStructuredRef,
|
|
15
15
|
popupStructuredRef,
|
|
16
16
|
offsetParentRect,
|
|
17
17
|
offsetParent,
|
|
18
|
-
popupPortalTarget
|
|
18
|
+
popupPortalTarget,
|
|
19
|
+
isNestedMenu
|
|
19
20
|
}) => {
|
|
20
21
|
const {
|
|
21
22
|
top: childrenTop,
|
|
@@ -35,6 +36,12 @@ const computePlacement = ({
|
|
|
35
36
|
width: popupWidth,
|
|
36
37
|
height: popupHeight
|
|
37
38
|
} = popupStructuredRef;
|
|
39
|
+
if (isNestedMenu) {
|
|
40
|
+
if (overloadedChildrenRight + popupWidth + TOTAL_USED_SPACE > window.innerWidth) {
|
|
41
|
+
return "left";
|
|
42
|
+
}
|
|
43
|
+
return "right";
|
|
44
|
+
}
|
|
38
45
|
if (overloadedChildrenTop - popupHeight - TOTAL_USED_SPACE < 0) {
|
|
39
46
|
return "bottom";
|
|
40
47
|
}
|
|
@@ -124,17 +131,17 @@ const computePositions = ({
|
|
|
124
131
|
const childrenRect = childrenRef.current.getBoundingClientRect();
|
|
125
132
|
const offsetParent = findOffsetParent(childrenRef);
|
|
126
133
|
const offsetParentRect = offsetParent?.getBoundingClientRect() ?? {
|
|
127
|
-
top: 0,
|
|
128
134
|
left: 0,
|
|
129
|
-
right: window?.innerWidth ?? 0
|
|
135
|
+
right: window?.innerWidth ?? 0,
|
|
136
|
+
top: 0
|
|
130
137
|
};
|
|
131
138
|
const popupStructuredRef = popupRef.current.getBoundingClientRect();
|
|
132
139
|
const placementBasedOnWindowSize = placement === "auto" ? computePlacement({
|
|
133
140
|
childrenStructuredRef: childrenRect,
|
|
134
|
-
|
|
141
|
+
offsetParent,
|
|
135
142
|
offsetParentRect,
|
|
136
143
|
popupPortalTarget,
|
|
137
|
-
|
|
144
|
+
popupStructuredRef
|
|
138
145
|
}) : placement;
|
|
139
146
|
const {
|
|
140
147
|
top: childrenTop,
|
|
@@ -167,9 +174,9 @@ const computePositions = ({
|
|
|
167
174
|
arrowTop: -arrowWidth - 5,
|
|
168
175
|
arrowTransform: "",
|
|
169
176
|
placement: "bottom",
|
|
170
|
-
rotate: 180,
|
|
171
177
|
popupInitialPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY - TOTAL_USED_SPACE}px, 0)`,
|
|
172
|
-
popupPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY}px, 0)
|
|
178
|
+
popupPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY}px, 0)`,
|
|
179
|
+
rotate: 180
|
|
173
180
|
};
|
|
174
181
|
}
|
|
175
182
|
case "left": {
|
|
@@ -180,9 +187,9 @@ const computePositions = ({
|
|
|
180
187
|
arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
|
|
181
188
|
arrowTransform: "translate(-50%, -50%)",
|
|
182
189
|
placement: "left",
|
|
183
|
-
rotate: -90,
|
|
184
190
|
popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
185
|
-
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)
|
|
191
|
+
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
192
|
+
rotate: -90
|
|
186
193
|
};
|
|
187
194
|
}
|
|
188
195
|
case "right": {
|
|
@@ -193,9 +200,42 @@ const computePositions = ({
|
|
|
193
200
|
arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
|
|
194
201
|
arrowTransform: "translate(50%, -50%)",
|
|
195
202
|
placement: "right",
|
|
196
|
-
rotate: 90,
|
|
197
203
|
popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
198
|
-
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)
|
|
204
|
+
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
205
|
+
rotate: 90
|
|
206
|
+
};
|
|
207
|
+
}
|
|
208
|
+
case "nested-menu": {
|
|
209
|
+
if (computePlacement({
|
|
210
|
+
childrenStructuredRef: childrenRect,
|
|
211
|
+
isNestedMenu: true,
|
|
212
|
+
offsetParent,
|
|
213
|
+
offsetParentRect,
|
|
214
|
+
popupPortalTarget,
|
|
215
|
+
popupStructuredRef
|
|
216
|
+
}) === "right") {
|
|
217
|
+
const positionX2 = overloadedChildrenRight + arrowWidth + SPACE * 2;
|
|
218
|
+
const positionY2 = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 8;
|
|
219
|
+
return {
|
|
220
|
+
arrowLeft: -arrowWidth - 5,
|
|
221
|
+
arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
|
|
222
|
+
arrowTransform: "translate(50%, -50%)",
|
|
223
|
+
placement: "right",
|
|
224
|
+
popupInitialPosition: `translate3d(${positionX2 - TOTAL_USED_SPACE}px, ${positionY2 + popupOverflow}px, 0)`,
|
|
225
|
+
popupPosition: `translate3d(${positionX2}px, ${positionY2 + popupOverflow}px, 0)`,
|
|
226
|
+
rotate: 90
|
|
227
|
+
};
|
|
228
|
+
}
|
|
229
|
+
const positionX = overloadedChildrenLeft - popupWidth - arrowWidth - SPACE * 2;
|
|
230
|
+
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
231
|
+
return {
|
|
232
|
+
arrowLeft: popupWidth + arrowWidth + 5,
|
|
233
|
+
arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
|
|
234
|
+
arrowTransform: "translate(-50%, -50%)",
|
|
235
|
+
placement: "left",
|
|
236
|
+
popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
237
|
+
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
238
|
+
rotate: -90
|
|
199
239
|
};
|
|
200
240
|
}
|
|
201
241
|
default: {
|
|
@@ -206,9 +246,9 @@ const computePositions = ({
|
|
|
206
246
|
arrowTop: popupHeight - 1,
|
|
207
247
|
arrowTransform: "",
|
|
208
248
|
placement: "top",
|
|
209
|
-
rotate: 0,
|
|
210
249
|
popupInitialPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY + TOTAL_USED_SPACE}px, 0)`,
|
|
211
|
-
popupPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY}px, 0)
|
|
250
|
+
popupPosition: `translate3d(${!isAligned ? positionX + popupOverflow : positionX}px, ${positionY}px, 0)`,
|
|
251
|
+
rotate: 0
|
|
212
252
|
};
|
|
213
253
|
}
|
|
214
254
|
}
|