@salutejs/plasma-new-hope 0.187.1-canary.1517.11744378817.0 → 0.188.0-canary.1550.11767527974.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +21 -22
- package/cjs/components/Chip/Chip.js +3 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +86 -37
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
- package/cjs/components/Range/Range.css +21 -22
- package/cjs/components/Select/FloatingPopover.js +87 -0
- package/cjs/components/Select/FloatingPopover.js.map +1 -0
- package/cjs/components/Select/Select.css +83 -34
- package/cjs/components/Select/Select.js +179 -139
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +17 -50
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_96j02v.css +2 -0
- package/cjs/components/Select/Select.tokens.js +122 -78
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -72
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +4 -1
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +83 -34
- package/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +83 -34
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +16 -12
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +34 -51
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1kgvsdc.css +9 -0
- package/cjs/components/Select/ui/Target/Target.css +58 -17
- package/cjs/components/Select/ui/Target/Target.js +34 -16
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +10 -14
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +84 -97
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +35 -107
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mneb9u.css +3 -0
- package/cjs/components/Select/utils/getFallbackPlacements.js +15 -0
- package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
- package/cjs/components/Select/utils/getItemId.js +10 -0
- package/cjs/components/Select/utils/getItemId.js.map +1 -0
- package/cjs/components/Select/utils/getPlacement.js +13 -0
- package/cjs/components/Select/utils/getPlacement.js.map +1 -0
- package/cjs/components/Select/utils/getView.js +2 -2
- package/cjs/components/Select/utils/getView.js.map +1 -1
- package/cjs/components/Slider/Slider.css +21 -22
- package/cjs/components/Slider/components/Double/Double.css +21 -22
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
- package/cjs/components/Steps/Steps.css +10 -10
- package/cjs/components/Steps/Steps.js +14 -21
- package/cjs/components/Steps/Steps.js.map +1 -1
- package/cjs/components/Steps/Steps.styles.js +1 -1
- package/cjs/components/Steps/Steps.styles.js.map +1 -1
- package/cjs/components/Steps/{Steps.styles_wa45kj.css → Steps.styles_1xmqxqu.css} +1 -1
- package/cjs/components/Steps/Steps.tokens.js +0 -1
- package/cjs/components/Steps/Steps.tokens.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
- package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +9 -0
- package/cjs/components/TextField/TextField.js +7 -0
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +14 -22
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_grgg7q.css → cjs/components/TextField/TextField.styles_j7dqpn.css} +6 -7
- package/cjs/components/TextField/ui/Hint/Hint.css +20 -21
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
- package/cjs/index.css +57 -72
- package/emotion/cjs/components/Chip/Chip.js +3 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
- package/emotion/cjs/components/Select/Select.js +177 -136
- package/emotion/cjs/components/Select/Select.styles.js +13 -31
- package/emotion/cjs/components/Select/Select.tokens.js +125 -60
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
- package/emotion/cjs/components/Select/reducers/index.js +0 -11
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +15 -12
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
- package/emotion/cjs/components/Select/ui/Target/Target.js +38 -18
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +25 -75
- package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
- package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
- package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
- package/emotion/cjs/components/Select/utils/getView.js +2 -2
- package/emotion/cjs/components/Select/utils/index.js +22 -1
- package/emotion/cjs/components/Steps/Steps.js +14 -23
- package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
- package/emotion/cjs/components/Steps/Steps.tokens.js +0 -1
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +11 -22
- package/emotion/cjs/components/TextField/TextField.js +8 -1
- package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/emotion/es/components/Chip/Chip.js +3 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/es/components/Select/FloatingPopover.js +84 -0
- package/emotion/es/components/Select/Select.js +182 -141
- package/emotion/es/components/Select/Select.styles.js +12 -30
- package/emotion/es/components/Select/Select.tokens.js +125 -60
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
- package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
- package/emotion/es/components/Select/reducers/index.js +1 -2
- package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +18 -15
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +25 -48
- package/emotion/es/components/Select/ui/Target/Target.js +35 -17
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +25 -75
- package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
- package/emotion/es/components/Select/utils/getItemId.js +3 -0
- package/emotion/es/components/Select/utils/getPlacement.js +6 -0
- package/emotion/es/components/Select/utils/getView.js +2 -2
- package/emotion/es/components/Select/utils/index.js +4 -1
- package/emotion/es/components/Steps/Steps.js +15 -24
- package/emotion/es/components/Steps/Steps.styles.js +1 -1
- package/emotion/es/components/Steps/Steps.tokens.js +0 -1
- package/emotion/es/components/Steps/ui/StepItem/StepItem.js +7 -29
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +11 -22
- package/emotion/es/components/TextField/TextField.js +8 -1
- package/emotion/es/components/TextField/TextField.styles.js +36 -40
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/es/components/Autocomplete/Autocomplete.css +21 -22
- package/es/components/Chip/Chip.js +3 -1
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
- package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
- package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
- package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Pagination/Pagination.css +86 -37
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
- package/es/components/Range/Range.css +21 -22
- package/es/components/Select/FloatingPopover.js +83 -0
- package/es/components/Select/FloatingPopover.js.map +1 -0
- package/es/components/Select/Select.css +83 -34
- package/es/components/Select/Select.js +182 -142
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +18 -48
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_96j02v.css +2 -0
- package/es/components/Select/Select.tokens.js +123 -78
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +4 -1
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +83 -34
- package/es/components/Select/ui/Inner/Inner.js +10 -10
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
- package/es/components/Select/ui/Inner/ui/Item/Item.js +18 -14
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_1kgvsdc.css +9 -0
- package/es/components/Select/ui/Target/Target.css +58 -17
- package/es/components/Select/ui/Target/Target.js +35 -17
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
- package/es/components/Select/ui/Target/ui/Button/Button.js +11 -15
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +36 -99
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mneb9u.css +3 -0
- package/es/components/Select/utils/getFallbackPlacements.js +11 -0
- package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
- package/es/components/Select/utils/getItemId.js +6 -0
- package/es/components/Select/utils/getItemId.js.map +1 -0
- package/es/components/Select/utils/getPlacement.js +9 -0
- package/es/components/Select/utils/getPlacement.js.map +1 -0
- package/es/components/Select/utils/getView.js +2 -2
- package/es/components/Select/utils/getView.js.map +1 -1
- package/es/components/Slider/Slider.css +21 -22
- package/es/components/Slider/components/Double/Double.css +21 -22
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
- package/es/components/Steps/Steps.css +10 -10
- package/es/components/Steps/Steps.js +16 -23
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Steps/Steps.styles.js +1 -1
- package/es/components/Steps/Steps.styles.js.map +1 -1
- package/es/components/Steps/{Steps.styles_wa45kj.css → Steps.styles_1xmqxqu.css} +1 -1
- package/es/components/Steps/Steps.tokens.js +0 -1
- package/es/components/Steps/Steps.tokens.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.js +8 -30
- package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +9 -0
- package/es/components/TextField/TextField.js +7 -0
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +14 -22
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
- package/es/components/TextField/ui/Hint/Hint.css +20 -21
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/variations/_clear/base.js +1 -1
- package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
- package/es/index.css +57 -72
- package/package.json +2 -2
- package/styled-components/cjs/components/Chip/Chip.js +3 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
- package/styled-components/cjs/components/Select/Select.js +177 -136
- package/styled-components/cjs/components/Select/Select.styles.js +11 -26
- package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
- package/styled-components/cjs/components/Select/reducers/index.js +0 -11
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +15 -12
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
- package/styled-components/cjs/components/Select/ui/Target/Target.js +38 -18
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -62
- package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
- package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
- package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
- package/styled-components/cjs/components/Select/utils/getView.js +2 -2
- package/styled-components/cjs/components/Select/utils/index.js +22 -1
- package/styled-components/cjs/components/Steps/Steps.js +14 -23
- package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
- package/styled-components/cjs/components/Steps/Steps.tokens.js +0 -1
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -17
- package/styled-components/cjs/components/TextField/TextField.js +7 -0
- package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/styled-components/es/components/Chip/Chip.js +3 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/es/components/Select/FloatingPopover.js +84 -0
- package/styled-components/es/components/Select/Select.js +182 -141
- package/styled-components/es/components/Select/Select.styles.js +10 -25
- package/styled-components/es/components/Select/Select.tokens.js +125 -60
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
- package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
- package/styled-components/es/components/Select/reducers/index.js +1 -2
- package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +18 -15
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +18 -24
- package/styled-components/es/components/Select/ui/Target/Target.js +35 -17
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -62
- package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
- package/styled-components/es/components/Select/utils/getItemId.js +3 -0
- package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
- package/styled-components/es/components/Select/utils/getView.js +2 -2
- package/styled-components/es/components/Select/utils/index.js +4 -1
- package/styled-components/es/components/Steps/Steps.js +15 -24
- package/styled-components/es/components/Steps/Steps.styles.js +1 -1
- package/styled-components/es/components/Steps/Steps.tokens.js +0 -1
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +7 -29
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -17
- package/styled-components/es/components/TextField/TextField.js +7 -0
- package/styled-components/es/components/TextField/TextField.styles.js +12 -15
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +8 -8
- package/types/components/Select/FloatingPopover.d.ts +5 -0
- package/types/components/Select/FloatingPopover.d.ts.map +1 -0
- package/types/components/Select/Select.d.ts +5 -11
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +0 -9
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +121 -58
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +27 -16
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/reducers/index.d.ts +0 -1
- package/types/components/Select/reducers/index.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +14 -2
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
- package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
- package/types/components/Select/utils/getItemId.d.ts +2 -0
- package/types/components/Select/utils/getItemId.d.ts.map +1 -0
- package/types/components/Select/utils/getPlacement.d.ts +4 -0
- package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
- package/types/components/Select/utils/getView.d.ts +1 -1
- package/types/components/Select/utils/getView.d.ts.map +1 -1
- package/types/components/Select/utils/index.d.ts +3 -0
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Steps/Steps.d.ts.map +1 -1
- package/types/components/Steps/Steps.styles.d.ts.map +1 -1
- package/types/components/Steps/Steps.tokens.d.ts +0 -1
- package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -3
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +21 -14
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +21 -14
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
- package/cjs/components/Select/Select.styles_768h42.css +0 -5
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
- package/cjs/components/Select/variations/_size/base.js +0 -9
- package/cjs/components/Select/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/variations/_view/base.js +0 -9
- package/cjs/components/Select/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_q5nnk6.css +0 -9
- package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
- package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
- package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
- package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
- package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
- package/emotion/es/components/Select/variations/_size/base.js +0 -2
- package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
- package/emotion/es/components/Select/variations/_view/base.js +0 -2
- package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
- package/es/components/Select/Select.styles_768h42.css +0 -5
- package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
- package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
- package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
- package/es/components/Select/variations/_size/base.js +0 -5
- package/es/components/Select/variations/_size/base.js.map +0 -1
- package/es/components/Select/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/variations/_view/base.js +0 -5
- package/es/components/Select/variations/_view/base.js.map +0 -1
- package/es/components/Select/variations/_view/base_x642ct.css +0 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles_q5nnk6.css +0 -9
- package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
- package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
- package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
- package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
- package/styled-components/es/components/Select/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
- package/styled-components/es/components/Select/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
- package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
- package/types/components/Select/variations/_size/base.d.ts +0 -2
- package/types/components/Select/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/variations/_view/base.d.ts +0 -2
- package/types/components/Select/variations/_view/base.d.ts.map +0 -1
@@ -29,7 +29,6 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
29
29
|
focusedToValueMap = _ref.focusedToValueMap,
|
30
30
|
handleListToggle = _ref.handleListToggle,
|
31
31
|
handlePressDown = _ref.handlePressDown,
|
32
|
-
multiselect = _ref.multiselect,
|
33
32
|
setTextValue = _ref.setTextValue;
|
34
33
|
var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
|
35
34
|
var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
|
@@ -124,7 +123,6 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
124
123
|
break;
|
125
124
|
}
|
126
125
|
var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
|
127
|
-
console.log('currentItem', currentItem, focusedPath, focusedToValueMap);
|
128
126
|
if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
|
129
127
|
if (path.length > focusedPath.length) {
|
130
128
|
dispatchFocusedPath({
|
@@ -141,32 +139,6 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
141
139
|
}
|
142
140
|
break;
|
143
141
|
}
|
144
|
-
case keys.Backspace:
|
145
|
-
{
|
146
|
-
if (!multiselect) break;
|
147
|
-
break;
|
148
|
-
}
|
149
|
-
|
150
|
-
// case keys.Space: {
|
151
|
-
// event.preventDefault();
|
152
|
-
//
|
153
|
-
// const currentItem = getItemByFocused(focusedPath, focusedToValueMap);
|
154
|
-
//
|
155
|
-
// if (!path[0]) {
|
156
|
-
// dispatchPath({ type: 'opened_first_level' });
|
157
|
-
// dispatchFocusedPath({ type: 'set_initial_focus' });
|
158
|
-
// break;
|
159
|
-
// }
|
160
|
-
//
|
161
|
-
// if (!currentItem || currentItem?.disabled) {
|
162
|
-
// break;
|
163
|
-
// }
|
164
|
-
//
|
165
|
-
// handlePressDown(currentItem);
|
166
|
-
//
|
167
|
-
// break;
|
168
|
-
// }
|
169
|
-
|
170
142
|
case keys.Enter:
|
171
143
|
{
|
172
144
|
event.preventDefault();
|
@@ -183,34 +155,12 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
183
155
|
});
|
184
156
|
break;
|
185
157
|
}
|
186
|
-
|
187
|
-
// if (currentItem?.items) {
|
188
|
-
// if (path.length > focusedPath.length) {
|
189
|
-
// dispatchFocusedPath({ type: 'add_focus', value: 0 });
|
190
|
-
// } else {
|
191
|
-
// dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });
|
192
|
-
// }
|
193
|
-
//
|
194
|
-
// break;
|
195
|
-
// }
|
196
|
-
|
197
158
|
if (_currentItem) {
|
198
159
|
handlePressDown(_currentItem);
|
199
160
|
}
|
200
161
|
break;
|
201
162
|
}
|
202
163
|
case keys.Tab:
|
203
|
-
{
|
204
|
-
dispatchPath({
|
205
|
-
type: 'reset'
|
206
|
-
});
|
207
|
-
dispatchFocusedPath({
|
208
|
-
type: 'reset'
|
209
|
-
});
|
210
|
-
handleListToggle(false);
|
211
|
-
setTextValue('');
|
212
|
-
break;
|
213
|
-
}
|
214
164
|
case keys.Escape:
|
215
165
|
{
|
216
166
|
dispatchPath({
|
@@ -220,6 +170,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
220
170
|
type: 'reset'
|
221
171
|
});
|
222
172
|
handleListToggle(false);
|
173
|
+
setTextValue('');
|
223
174
|
break;
|
224
175
|
}
|
225
176
|
case keys.Home:
|
@@ -14,14 +14,14 @@ export var SelectPerPageRoot = /*#__PURE__*/_styled("div", {
|
|
14
14
|
} : {
|
15
15
|
name: "4ved3l",
|
16
16
|
styles: "display:flex;align-items:center;gap:0.5rem",
|
17
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
17
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzJDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */",
|
18
18
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
19
19
|
});
|
20
20
|
export var SelectPerPageSelect = /*#__PURE__*/_styled(Select, {
|
21
21
|
target: "e18ppken1",
|
22
22
|
label: "plasma-new-hope__SelectPerPageSelect"
|
23
|
-
})(selectTokens.
|
23
|
+
})(selectTokens.buttonColor, ":var(", tokens.buttonColor, ");", selectTokens.buttonColorHover, ":var(", tokens.buttonColorHover, ");", selectTokens.buttonColorActive, ":var(", tokens.buttonColorActive, ");", selectTokens.buttonBackgroundColor, ":var(", tokens.buttonBackgroundColor, ");", selectTokens.buttonBackgroundColorHover, ":var(", tokens.buttonBackgroundColorHover, ");", selectTokens.buttonBackgroundColorActive, ":var(", tokens.buttonBackgroundColorActive, ");", selectTokens.targetHeight, ":var(", tokens.buttonHeight, ");", selectTokens.buttonPadding, ":var(", tokens.selectTargetPadding, ");", selectTokens.borderRadius, ":var(", tokens.buttonRadius, ");", selectTokens.buttonArrowColor, ":var(", tokens.buttonArrowColor, ");", selectTokens.buttonArrowColorHover, ":var(", tokens.buttonArrowColorHover, ");", selectTokens.buttonArrowColorActive, ":var(", tokens.buttonArrowColorActive, ");", selectTokens.buttonArrowMargin, ":var(", tokens.buttonArrowMargin, ");", selectTokens.padding, ":0.125rem;", selectTokens.itemPadding, ":var(", tokens.selectItemPadding, ");", selectTokens.itemBorderRadius, ":calc(var(", tokens.buttonRadius, ") - 0.125rem);", selectTokens.itemIconMargin, ":0 0.375rem 0 0;", selectTokens.itemIconSize, ":1.5rem;", selectTokens.itemHeight, ":var(", tokens.selectItemHeight, ");", selectTokens.fontFamily, ":var(", tokens.paginationFontFamily, ");", selectTokens.fontSize, ":var(", tokens.paginationFontSize, ");", selectTokens.fontStyle, ":var(", tokens.paginationFontStyle, ");", selectTokens.fontWeight, ":var(", tokens.paginationFontWeight, ");", selectTokens.fontLetterSpacing, ":var(", tokens.paginationLetterSpacing, ");", selectTokens.fontLineHeight, ":var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */"));
|
24
24
|
export var SelectPerPageTypography = /*#__PURE__*/_styled("div", {
|
25
25
|
target: "e18ppken0",
|
26
26
|
label: "plasma-new-hope__SelectPerPageTypography"
|
27
|
-
})("font-family:var(", tokens.paginationFontFamily, ");font-size:var(", tokens.paginationFontSize, ");font-style:var(", tokens.paginationFontStyle, ");font-weight:var(", tokens.paginationFontWeight, ");letter-spacing:var(", tokens.paginationLetterSpacing, ");line-height:var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
27
|
+
})("font-family:var(", tokens.paginationFontFamily, ");font-size:var(", tokens.paginationFontSize, ");font-style:var(", tokens.paginationFontStyle, ");font-weight:var(", tokens.paginationFontWeight, ");letter-spacing:var(", tokens.paginationLetterSpacing, ");line-height:var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb24vdWkvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2UvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBzZWxlY3RDb25maWcsIHNlbGVjdFRva2VucyB9IGZyb20gJy4uLy4uLy4uL1NlbGVjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYWdpbmF0aW9uLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZFNlbGVjdENvbmZpZyA9IG1lcmdlQ29uZmlnKHNlbGVjdENvbmZpZyk7XG5jb25zdCBTZWxlY3QgPSBjb21wb25lbnQobWVyZ2VkU2VsZWN0Q29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAwLjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVNlbGVjdCA9IHN0eWxlZChTZWxlY3QpYFxuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0SGVpZ2h0fTogdmFyKCR7dG9rZW5zLmJ1dHRvbkhlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvblBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0VGFyZ2V0UGFkZGluZ30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5idXR0b25SYWRpdXN9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQXJyb3dDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQXJyb3dNYXJnaW59OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dNYXJnaW59KTtcblxuICAgICR7c2VsZWN0VG9rZW5zLnBhZGRpbmd9OiAwLjEyNXJlbTtcblxuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1QYWRkaW5nfTogdmFyKCR7dG9rZW5zLnNlbGVjdEl0ZW1QYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUJvcmRlclJhZGl1c306IGNhbGModmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pIC0gMC4xMjVyZW0pO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1JY29uTWFyZ2lufTogMCAwLjM3NXJlbSAwIDA7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25TaXplfTogMS41cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1IZWlnaHR9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbUhlaWdodH0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTaXplfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlVHlwb2dyYXBoeSA9IHN0eWxlZC5kaXZgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
|
@@ -0,0 +1,84 @@
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
7
|
+
import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';
|
8
|
+
import React, { forwardRef } from 'react';
|
9
|
+
import { safeUseId } from '@salutejs/plasma-core';
|
10
|
+
import { getPlacement, getFallbackPlacements } from './utils';
|
11
|
+
var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
12
|
+
var target = _ref.target,
|
13
|
+
children = _ref.children,
|
14
|
+
opened = _ref.opened,
|
15
|
+
onToggle = _ref.onToggle,
|
16
|
+
placement = _ref.placement,
|
17
|
+
portal = _ref.portal,
|
18
|
+
listWidth = _ref.listWidth,
|
19
|
+
_ref$offset = _ref.offset,
|
20
|
+
offset = _ref$offset === void 0 ? 0 : _ref$offset;
|
21
|
+
var _useFloating = useFloating({
|
22
|
+
placement: getPlacement(placement),
|
23
|
+
open: opened,
|
24
|
+
middleware: [offsetMiddleware(offset), flip({
|
25
|
+
fallbackPlacements: getFallbackPlacements(placement)
|
26
|
+
}), shift(), size({
|
27
|
+
apply: function apply(_ref2) {
|
28
|
+
var rects = _ref2.rects,
|
29
|
+
elements = _ref2.elements;
|
30
|
+
Object.assign(elements.floating.style, {
|
31
|
+
width: listWidth || "".concat(rects.reference.width, "px")
|
32
|
+
});
|
33
|
+
}
|
34
|
+
})]
|
35
|
+
}),
|
36
|
+
refs = _useFloating.refs,
|
37
|
+
floatingStyles = _useFloating.floatingStyles;
|
38
|
+
var wrappedId = safeUseId();
|
39
|
+
var handleClick = function handleClick() {
|
40
|
+
if (onToggle) {
|
41
|
+
onToggle(!opened);
|
42
|
+
}
|
43
|
+
};
|
44
|
+
|
45
|
+
// Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
|
46
|
+
// Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
|
47
|
+
// Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
|
48
|
+
// но выпадающий список должен позиционироваться непосредственно возле самого инпута.
|
49
|
+
var isTargetAsFunction = typeof target === 'function';
|
50
|
+
return /*#__PURE__*/React.createElement("div", {
|
51
|
+
ref: ref,
|
52
|
+
id: wrappedId
|
53
|
+
}, /*#__PURE__*/React.createElement("div", {
|
54
|
+
ref: isTargetAsFunction ? undefined : refs.setReference,
|
55
|
+
onClick: handleClick
|
56
|
+
}, typeof target === 'function' ? target(refs.setReference) : target), opened &&
|
57
|
+
/*#__PURE__*/
|
58
|
+
// root - принимает ref контейнера портала.
|
59
|
+
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
60
|
+
React.createElement(FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement("div", {
|
61
|
+
ref: refs.setFloating,
|
62
|
+
style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
|
63
|
+
zIndex: 1
|
64
|
+
})
|
65
|
+
}, children)));
|
66
|
+
});
|
67
|
+
// root - принимает ref контейнера портала.
|
68
|
+
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
69
|
+
var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
|
70
|
+
if (!portal) {
|
71
|
+
return {
|
72
|
+
id: wrappedId
|
73
|
+
};
|
74
|
+
}
|
75
|
+
if (typeof portal === 'string') {
|
76
|
+
return {
|
77
|
+
id: portal
|
78
|
+
};
|
79
|
+
}
|
80
|
+
return {
|
81
|
+
root: portal
|
82
|
+
};
|
83
|
+
};
|
84
|
+
export { FloatingPopover };
|