@salutejs/plasma-new-hope 0.190.0-canary.1550.11795356464.0 → 0.190.0-canary.1552.11794692529.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +22 -21
- package/cjs/components/Cell/Cell.js +1 -3
- package/cjs/components/Cell/Cell.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/cjs/components/Chip/Chip.js +1 -3
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +24 -21
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +32 -6
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
- 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 +50 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js +37 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +15 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles_22v2s5.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +24 -21
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +24 -21
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +22 -21
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -21
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +22 -21
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +37 -86
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +37 -86
- 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_1fesyfv.css +3 -0
- package/cjs/components/Range/Range.css +22 -21
- package/cjs/components/Select/Select.css +34 -83
- package/cjs/components/Select/Select.js +139 -179
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +50 -17
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_768h42.css +5 -0
- package/cjs/components/Select/Select.tokens.js +78 -122
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +72 -19
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +1 -4
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js +39 -0
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
- package/cjs/components/Select/ui/Inner/Inner.css +34 -83
- 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 +34 -83
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +12 -20
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +51 -34
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +9 -0
- package/cjs/components/Select/ui/Target/Target.css +17 -58
- package/cjs/components/Select/ui/Target/Target.js +16 -34
- 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 +14 -10
- 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_lxxm4p.css +5 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +38 -53
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +97 -84
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +103 -38
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +12 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +21 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +36 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +1 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +22 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +1 -0
- package/cjs/components/Select/utils/getView.js +2 -2
- package/cjs/components/Select/utils/getView.js.map +1 -1
- package/cjs/components/Select/variations/_size/base.js +9 -0
- package/cjs/components/Select/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/variations/_view/base.js +9 -0
- package/cjs/components/Select/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Slider/Slider.css +22 -21
- package/cjs/components/Slider/components/Double/Double.css +22 -21
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +22 -21
- package/cjs/components/TextField/TextField.js +0 -7
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +22 -14
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_j7dqpn.css → cjs/components/TextField/TextField.styles_grgg7q.css} +7 -6
- package/cjs/components/TextField/ui/Hint/Hint.css +21 -20
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- 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_1396md2.css → base_1i91sjp.css} +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_3domm.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/{base_1jvcf9a.css → base_17ypmu7.css} +1 -1
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/{base_1tei47x.css → base_1xdmaqh.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/{base_8ogww5.css → base_qhyte8.css} +1 -1
- package/cjs/index.css +63 -46
- package/cjs/index.js +0 -2
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/syntheticEvent.js +55 -0
- package/cjs/utils/syntheticEvent.js.map +1 -0
- package/emotion/cjs/components/Cell/Cell.js +1 -3
- package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/emotion/cjs/components/Chip/Chip.js +1 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +33 -7
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +5 -19
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js +38 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +13 -0
- package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/cjs/components/Select/Select.js +136 -177
- package/emotion/cjs/components/Select/Select.styles.js +31 -13
- package/emotion/cjs/components/Select/Select.tokens.js +60 -125
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +73 -19
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +1 -4
- package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +38 -0
- package/emotion/cjs/components/Select/reducers/index.js +11 -0
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +12 -19
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +50 -27
- package/emotion/cjs/components/Select/ui/Target/Target.js +18 -38
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +16 -13
- 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 +99 -88
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +74 -27
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +37 -0
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +22 -0
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +16 -0
- package/emotion/cjs/components/Select/utils/getView.js +2 -2
- package/emotion/cjs/components/Select/utils/index.js +1 -22
- package/emotion/cjs/components/Select/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Select/variations/_size/tokens.json +9 -0
- package/emotion/cjs/components/Select/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Select/variations/_view/tokens.json +1 -0
- package/emotion/cjs/components/TextField/TextField.js +1 -8
- package/emotion/cjs/components/TextField/TextField.styles.js +40 -36
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +20 -28
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +20 -28
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
- package/emotion/cjs/index.js +0 -11
- package/emotion/cjs/utils/index.js +1 -9
- package/emotion/cjs/utils/syntheticEvent.js +53 -0
- package/emotion/es/components/Cell/Cell.js +1 -3
- package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/emotion/es/components/Chip/Chip.js +1 -3
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +34 -7
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
- package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
- package/emotion/es/components/Combobox/ComboboxNew/ui/Form/Form.js +29 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +6 -0
- package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/es/components/Select/Select.js +141 -182
- package/emotion/es/components/Select/Select.styles.js +30 -12
- package/emotion/es/components/Select/Select.tokens.js +60 -125
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +72 -18
- package/emotion/es/components/Select/hooks/usePathMaps.js +1 -4
- package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +32 -0
- package/emotion/es/components/Select/reducers/index.js +2 -1
- package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +15 -22
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +49 -26
- package/emotion/es/components/Select/ui/Target/Target.js +17 -35
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +16 -11
- 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 +99 -86
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +74 -27
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +28 -0
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +15 -0
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +1 -0
- package/emotion/es/components/Select/utils/getView.js +2 -2
- package/emotion/es/components/Select/utils/index.js +1 -4
- package/emotion/es/components/Select/variations/_size/base.js +2 -0
- package/emotion/es/components/Select/variations/_size/tokens.json +9 -0
- package/emotion/es/components/Select/variations/_view/base.js +2 -0
- package/emotion/es/components/Select/variations/_view/tokens.json +1 -0
- package/emotion/es/components/TextField/TextField.js +1 -8
- package/emotion/es/components/TextField/TextField.styles.js +40 -36
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +21 -29
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +21 -29
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
- package/emotion/es/index.js +0 -1
- package/emotion/es/utils/index.js +1 -2
- package/emotion/es/utils/syntheticEvent.js +47 -0
- package/es/components/Autocomplete/Autocomplete.css +22 -21
- package/es/components/Cell/Cell.js +1 -3
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/es/components/Chip/Chip.js +1 -3
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +24 -21
- package/es/components/Combobox/ComboboxNew/Combobox.js +34 -8
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
- 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 +50 -1
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.css +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.js +33 -0
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +11 -0
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Form/Form.styles_22v2s5.css +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +24 -21
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +24 -21
- package/es/components/DatePicker/RangeDate/RangeDate.css +22 -21
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -21
- package/es/components/DatePicker/SingleDate/SingleDate.css +22 -21
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Pagination/Pagination.css +37 -86
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +37 -86
- 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_1fesyfv.css +3 -0
- package/es/components/Range/Range.css +22 -21
- package/es/components/Select/Select.css +34 -83
- package/es/components/Select/Select.js +142 -182
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +48 -18
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_768h42.css +5 -0
- package/es/components/Select/Select.tokens.js +78 -123
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +73 -19
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +1 -4
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/reducers/focusedChipIndexReducer.js +35 -0
- package/es/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
- package/es/components/Select/ui/Inner/Inner.css +34 -83
- 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 +34 -83
- package/es/components/Select/ui/Inner/ui/Item/Item.js +14 -22
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +50 -33
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +9 -0
- package/es/components/Select/ui/Target/Target.css +17 -58
- package/es/components/Select/ui/Target/Target.js +17 -35
- 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 +15 -11
- 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_lxxm4p.css +5 -0
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +38 -53
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +99 -86
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +95 -39
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +12 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +21 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +32 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +1 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +18 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +1 -0
- package/es/components/Select/utils/getView.js +2 -2
- package/es/components/Select/utils/getView.js.map +1 -1
- package/es/components/Select/variations/_size/base.js +5 -0
- package/es/components/Select/variations/_size/base.js.map +1 -0
- package/es/components/Select/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/variations/_view/base.js +5 -0
- package/es/components/Select/variations/_view/base.js.map +1 -0
- package/es/components/Select/variations/_view/base_x642ct.css +1 -0
- package/es/components/Slider/Slider.css +22 -21
- package/es/components/Slider/components/Double/Double.css +22 -21
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +22 -21
- package/es/components/TextField/TextField.js +0 -7
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +22 -14
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_j7dqpn.css → es/components/TextField/TextField.styles_grgg7q.css} +7 -6
- package/es/components/TextField/ui/Hint/Hint.css +21 -20
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- 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_1396md2.css → base_1i91sjp.css} +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base_3domm.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/{base_1jvcf9a.css → base_17ypmu7.css} +1 -1
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/{base_1tei47x.css → base_1xdmaqh.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/{base_8ogww5.css → base_qhyte8.css} +1 -1
- package/es/index.css +63 -46
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/utils/syntheticEvent.js +50 -0
- package/es/utils/syntheticEvent.js.map +1 -0
- package/package.json +2 -2
- package/styled-components/cjs/components/Cell/Cell.js +1 -3
- package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/styled-components/cjs/components/Chip/Chip.js +1 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +33 -7
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +5 -19
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Form/Form.js +38 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +12 -0
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.js +136 -177
- package/styled-components/cjs/components/Select/Select.styles.js +27 -12
- package/styled-components/cjs/components/Select/Select.tokens.js +60 -125
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +73 -19
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +1 -4
- package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +38 -0
- package/styled-components/cjs/components/Select/reducers/index.js +11 -0
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +12 -19
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -20
- package/styled-components/cjs/components/Select/ui/Target/Target.js +18 -38
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +16 -13
- 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 +99 -88
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +61 -23
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +37 -0
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +21 -0
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +16 -0
- package/styled-components/cjs/components/Select/utils/getView.js +2 -2
- package/styled-components/cjs/components/Select/utils/index.js +1 -22
- package/styled-components/cjs/components/Select/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Select/variations/_size/tokens.json +9 -0
- package/styled-components/cjs/components/Select/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Select/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/TextField.js +0 -7
- package/styled-components/cjs/components/TextField/TextField.styles.js +15 -12
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +20 -28
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +20 -28
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/cjs/utils/index.js +1 -9
- package/styled-components/cjs/utils/syntheticEvent.js +53 -0
- package/styled-components/es/components/Cell/Cell.js +1 -3
- package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/styled-components/es/components/Chip/Chip.js +1 -3
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +34 -7
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Form/Form.js +29 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js +5 -0
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/es/components/Select/Select.js +141 -182
- package/styled-components/es/components/Select/Select.styles.js +26 -11
- package/styled-components/es/components/Select/Select.tokens.js +60 -125
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +72 -18
- package/styled-components/es/components/Select/hooks/usePathMaps.js +1 -4
- package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +32 -0
- package/styled-components/es/components/Select/reducers/index.js +2 -1
- package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +15 -22
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +25 -19
- package/styled-components/es/components/Select/ui/Target/Target.js +17 -35
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +16 -11
- 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 +99 -86
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +61 -23
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +28 -0
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +14 -0
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +1 -0
- package/styled-components/es/components/Select/utils/getView.js +2 -2
- package/styled-components/es/components/Select/utils/index.js +1 -4
- package/styled-components/es/components/Select/variations/_size/base.js +2 -0
- package/styled-components/es/components/Select/variations/_size/tokens.json +9 -0
- package/styled-components/es/components/Select/variations/_view/base.js +2 -0
- package/styled-components/es/components/Select/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/TextField/TextField.js +0 -7
- package/styled-components/es/components/TextField/TextField.styles.js +15 -12
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +21 -29
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +21 -29
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
- package/styled-components/es/index.js +0 -1
- package/styled-components/es/utils/index.js +1 -2
- package/styled-components/es/utils/syntheticEvent.js +47 -0
- package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
- package/types/components/Cell/Cell.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts +2 -2
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +25 -3
- 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 +3 -1
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Form/Form.d.ts +6 -0
- package/types/components/Combobox/ComboboxNew/ui/Form/Form.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Form/Form.styles.d.ts +3 -0
- package/types/components/Combobox/ComboboxNew/ui/Form/Form.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
- package/types/components/Notification/Notification.styles.d.ts +2 -2
- package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
- package/types/components/Pagination/Pagination.styles.d.ts +4 -4
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +40 -40
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
- package/types/components/Range/Range.styles.d.ts +16 -16
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +11 -5
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +9 -0
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +58 -121
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +20 -41
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +11 -5
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +1 -2
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/index.d.ts.map +1 -1
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +11 -0
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +1 -0
- package/types/components/Select/reducers/index.d.ts +1 -0
- 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 +2 -32
- 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 +0 -9
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +2 -14
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +9 -10
- 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.styles.d.ts +2 -2
- 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 +60 -628
- 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 +4 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +9 -0
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +1 -0
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +3 -0
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +1 -0
- package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +2 -0
- package/types/components/Select/ui/Target/ui/Textfield/ui/index.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 +0 -3
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Select/variations/_size/base.d.ts +2 -0
- package/types/components/Select/variations/_size/base.d.ts.map +1 -0
- package/types/components/Select/variations/_view/base.d.ts +2 -0
- package/types/components/Select/variations/_view/base.d.ts.map +1 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +3 -1
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +1 -3
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/Toast/Toast.styles.d.ts +2 -2
- package/types/components/Toast/utils.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
- package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +1100 -140
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +7 -15
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +46 -53
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
- package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +1100 -140
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.config.d.ts +7 -15
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +46 -53
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/types/types/index.d.ts +0 -2
- package/types/types/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/types/utils/syntheticEvent.d.ts +4 -0
- package/types/utils/syntheticEvent.d.ts.map +1 -0
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +0 -3
- package/cjs/components/Select/FloatingPopover.js +0 -87
- package/cjs/components/Select/FloatingPopover.js.map +0 -1
- package/cjs/components/Select/Select.styles_1p5c9p3.css +0 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +0 -9
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +0 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_lu1i4v.css +0 -3
- package/cjs/components/Select/utils/getFallbackPlacements.js +0 -15
- package/cjs/components/Select/utils/getFallbackPlacements.js.map +0 -1
- package/cjs/components/Select/utils/getItemId.js +0 -10
- package/cjs/components/Select/utils/getItemId.js.map +0 -1
- package/cjs/components/Select/utils/getPlacement.js +0 -13
- package/cjs/components/Select/utils/getPlacement.js.map +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
- package/cjs/utils/fixedForwardRef.js +0 -12
- package/cjs/utils/fixedForwardRef.js.map +0 -1
- package/emotion/cjs/components/Select/FloatingPopover.js +0 -91
- package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +0 -14
- package/emotion/cjs/components/Select/utils/getItemId.js +0 -9
- package/emotion/cjs/components/Select/utils/getPlacement.js +0 -12
- package/emotion/cjs/types/DistributiveOmit.js +0 -5
- package/emotion/cjs/types/DistributivePick.js +0 -5
- package/emotion/cjs/utils/fixedForwardRef.js +0 -11
- package/emotion/es/components/Select/FloatingPopover.js +0 -84
- package/emotion/es/components/Select/utils/getFallbackPlacements.js +0 -8
- package/emotion/es/components/Select/utils/getItemId.js +0 -3
- package/emotion/es/components/Select/utils/getPlacement.js +0 -6
- package/emotion/es/types/DistributiveOmit.js +0 -1
- package/emotion/es/types/DistributivePick.js +0 -1
- package/emotion/es/utils/fixedForwardRef.js +0 -4
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +0 -3
- package/es/components/Select/FloatingPopover.js +0 -83
- package/es/components/Select/FloatingPopover.js.map +0 -1
- package/es/components/Select/Select.styles_1p5c9p3.css +0 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +0 -9
- package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +0 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_lu1i4v.css +0 -3
- package/es/components/Select/utils/getFallbackPlacements.js +0 -11
- package/es/components/Select/utils/getFallbackPlacements.js.map +0 -1
- package/es/components/Select/utils/getItemId.js +0 -6
- package/es/components/Select/utils/getItemId.js.map +0 -1
- package/es/components/Select/utils/getPlacement.js +0 -9
- package/es/components/Select/utils/getPlacement.js.map +0 -1
- package/es/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
- package/es/utils/fixedForwardRef.js +0 -8
- package/es/utils/fixedForwardRef.js.map +0 -1
- package/styled-components/cjs/components/Select/FloatingPopover.js +0 -91
- package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +0 -14
- package/styled-components/cjs/components/Select/utils/getItemId.js +0 -9
- package/styled-components/cjs/components/Select/utils/getPlacement.js +0 -12
- package/styled-components/cjs/types/DistributiveOmit.js +0 -5
- package/styled-components/cjs/types/DistributivePick.js +0 -5
- package/styled-components/cjs/utils/fixedForwardRef.js +0 -11
- package/styled-components/es/components/Select/FloatingPopover.js +0 -84
- package/styled-components/es/components/Select/utils/getFallbackPlacements.js +0 -8
- package/styled-components/es/components/Select/utils/getItemId.js +0 -3
- package/styled-components/es/components/Select/utils/getPlacement.js +0 -6
- package/styled-components/es/types/DistributiveOmit.js +0 -1
- package/styled-components/es/types/DistributivePick.js +0 -1
- package/styled-components/es/utils/fixedForwardRef.js +0 -4
- package/types/components/Select/FloatingPopover.d.ts +0 -5
- package/types/components/Select/FloatingPopover.d.ts.map +0 -1
- package/types/components/Select/utils/getFallbackPlacements.d.ts +0 -4
- package/types/components/Select/utils/getFallbackPlacements.d.ts.map +0 -1
- package/types/components/Select/utils/getItemId.d.ts +0 -2
- package/types/components/Select/utils/getItemId.d.ts.map +0 -1
- package/types/components/Select/utils/getPlacement.d.ts +0 -4
- package/types/components/Select/utils/getPlacement.d.ts.map +0 -1
- package/types/types/DistributiveOmit.d.ts +0 -2
- package/types/types/DistributiveOmit.d.ts.map +0 -1
- package/types/types/DistributivePick.d.ts +0 -2
- package/types/types/DistributivePick.d.ts.map +0 -1
- package/types/utils/fixedForwardRef.d.ts +0 -3
- package/types/utils/fixedForwardRef.d.ts.map +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.tokens.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n selectTargetArrow: 'combobox-target-arrow',\n arrowInverse: 'arrow-inverse',\n textfieldTarget: 'combobox-textfield-target',\n selectChipIsFocused: 'combobox-chip-is-focused',\n selectWithoutBoxShadow: 'combobox-without-box-shadow',\n selectItemCheckbox: 'combobox-item-checkbox',\n selectSpinner: 'combobox-spinner',\n emptyStateWrapper: 'combobox-empty-state-wrapper',\n};\n\nexport const tokens = {\n borderRadius: '--plasma-combobox-border-radius',\n padding: '--plasma-combobox-padding',\n focusOffset: '--plasma-combobox-focus-offset',\n\n fontFamily: '--plasma-combobox-font-family',\n fontSize: '--plasma-combobox-font-size',\n fontStyle: '--plasma-combobox-font-style',\n fontWeight: '--plasma-combobox-font-weight',\n fontLetterSpacing: '--plasma-combobox-font-letter-spacing',\n fontLineHeight: '--plasma-combobox-font-line-height',\n\n dropdownBorderColor: '--plasma-select-dropdown-border-color',\n dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n itemHeight: '--plasma-combobox-item-height',\n itemBorderRadius: '--plasma-combobox-item-border-radius',\n itemPadding: '--plasma-combobox-item-padding',\n itemPaddingTight: '--plasma-combobox-item-padding-tight',\n itemIconSize: '--plasma-combobox-item-icon-size',\n itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',\n itemIconMargin: '--plasma-combobox-item-icon-margin',\n itemBackgroundHover: '--plasma-combobox-item-background-hover',\n\n cellPadding: '--plasma-combobox-cell-padding',\n cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',\n cellPaddingContent: '--plasma-combobox-cell-padding-content',\n cellPaddingRightContent: '--plasma-combobox-cell-padding-right-content',\n cellTextboxGap: '--plasma-combobox-cell-textbox-gap',\n cellGap: '--plasma-combobox-cell-gap',\n cellTitleFontFamily: '--plasma-combobox-cell-title-font-family',\n cellTitleFontSize: '--plasma-combobox-cell-title-font-size',\n cellTitleFontStyle: '--plasma-combobox-cell-title-font-style',\n cellTitleFontWeight: '--plasma-combobox-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-combobox-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-combobox-cell-title-line-height',\n\n checkboxTriggerSize: '--plasma-combobox-checkbox-trigger-size',\n checkboxTriggerSizeTight: '--plasma-combobox-checkbox-trigger-size-tight',\n checkboxTriggerBorderRadius: '--plasma-combobox-checkbox-trigger-border-radius',\n checkboxTriggerBorderRadiusTight: '--plasma-combobox-checkbox-trigger-border-radius-tight',\n checkboxFillColor: '--plasma-combobox-checkbox-fill-color',\n checkboxIconColor: '--plasma-combobox-checkbox-icon-color',\n checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',\n\n indicatorSize: '--plasma-combobox-indicator-size',\n\n // Токены для TextField\n textFieldColor: '--plasma-combobox-new-textfield-color',\n textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',\n\n textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',\n\n textFieldBorderColor: '--plasma-combobox-new-textfield-border-color',\n textFieldBorderColorHover: '--plasma-combobox-new-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-combobox-new-textfield-border-color-focus',\n\n textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield-placeholder-color-readonly',\n\n textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',\n textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',\n textFieldPlaceholderColorFocus: '--plasma-combobox-new-textfield-placeholder-color-focus',\n textFieldClearPlaceholderColor: '--plasma-combobox-new-textfield-clear-placeholder-color',\n textFieldClearPlaceholderColorFocus: '--plasma-combobox-new-textfield-clear-placeholder-color-focus',\n textFieldOptionalColor: '--plasma-combobox-new-textfield-optional-color',\n\n textFieldHeight: '--plasma-combobox-new-textfield-height',\n textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',\n textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',\n\n textFieldPadding: '--plasma-combobox-new-textfield-padding',\n textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',\n\n textFieldLeftContentMargin: '--plasma-combobox-new-textfield-left-content-margin',\n textFieldRightContentMargin: '--plasma-combobox-new-textfield-right-content-margin',\n\n textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',\n textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',\n textFieldFontSize: '--plasma-combobox-new-textfield-font-size',\n textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',\n\n textFieldContentSlotColor: '--plasma-combobox-new-textfield-content-slot-color',\n textFieldContentSlotColorHover: '--plasma-combobox-new-textfield-content-slot-color-hover',\n textFieldContentSlotColorActive: '--plasma-combobox-new-textfield-content-slot-color-active',\n\n textFieldContentSlotRightColor: '--plasma-combobox-new-textfield-content-right-slot-color',\n textFieldContentSlotRightColorHover: '--plasma-combobox-new-textfield-content-right-slot-color-hover',\n textFieldContentSlotRightColorActive: '--plasma-combobox-new-textfield-content-right-slot-color-active',\n\n textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',\n textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield-label-color-readonly',\n textFieldLabelOffset: '--plasma-combobox-new-textfield-label-offset',\n textFieldClearLabelOffset: '--plasma-combobox-new-textfield-clear-label-offset',\n\n textFieldLabelFontFamily: '--plasma-combobox-new-textfield-label-font-family',\n textFieldLabelFontStyle: '--plasma-combobox-new-textfield-label-font-style',\n textFieldLabelFontSize: '--plasma-combobox-new-textfield-label-font-size',\n textFieldLabelFontWeight: '--plasma-combobox-new-textfield-label-font-weight',\n textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield-label-letter-spacing',\n textFieldLabelLineHeight: '--plasma-combobox-new-textfield-label-line-height',\n\n textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner-label-font-family',\n textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner-label-font-style',\n textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner-label-font-size',\n textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner-label-font-weight',\n textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner-label-letter-spacing',\n textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner-label-line-height',\n\n textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-label-padding',\n textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-content-padding',\n\n textFieldTitleCaptionColor: '--plasma-combobox-new-textfield-title-caption-color',\n textFieldTitleCaptionColorReadOnly: '--plasma-combobox-new-textfield-title-caption-color-readonly',\n textFieldTitleCaptionInnerLabelOffset: '--plasma-combobox-new-textfield-title-caption-label-inner-offset',\n\n textFieldTitleCaptionFontFamily: '--plasma-combobox-new-textfield-title-caption-font-family',\n textFieldTitleCaptionFontStyle: '--plasma-combobox-new-textfield-title-caption-font-style',\n textFieldTitleCaptionFontSize: '--plasma-combobox-new-textfield-title-caption-font-size',\n textFieldTitleCaptionFontWeight: '--plasma-combobox-new-textfield-title-caption-font-weight',\n textFieldTitleCaptionLetterSpacing: '--plasma-combobox-new-textfield-title-caption-letter-spacing',\n textFieldTitleCaptionLineHeight: '--plasma-combobox-new-textfield-title-caption-line-height',\n\n textFieldLeftHelperColor: '--plasma-combobox-new-textfield-left-helper-color',\n textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield-left-helper-color-readonly',\n textFieldLeftHelperOffset: '--plasma-combobox-new-textfield-left-helper-offset',\n\n textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield-left-helper-font-family',\n textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield-left-helper-font-style',\n textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield-left-helper-font-size',\n textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield-left-helper-font-weight',\n textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield-left-helper-letter-spacing',\n textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield-left-helper-line-height',\n\n textFieldTextBeforeColor: '--plasma-combobox-new-textfield-before-text-color',\n textFieldTextAfterColor: '--plasma-combobox-new-textfield-after-text-color',\n textFieldTextBeforeMargin: '--plasma-combobox-new-textfield-before-text-margin',\n textFieldTextAfterMargin: '--plasma-combobox-new-textfield-after-text-margin',\n\n textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',\n\n textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',\n textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',\n textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',\n textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',\n textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',\n textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',\n textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',\n textFieldChipScaleHover: '--plasma-combobox-new-textfield-chip-scale-hover',\n textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',\n textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',\n textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',\n textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',\n textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',\n textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',\n textFieldChipScaleActive: '--plasma-combobox-new-textfield-chip-scale-active',\n textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',\n textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',\n textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',\n textFieldChipPaddingTop: '--plasma-combobox-new-textfield-chip-padding-top',\n textFieldChipPaddingRight: '--plasma-combobox-new-textfield-chip-padding-right',\n textFieldChipPaddingBottom: '--plasma-combobox-new-textfield-chip-padding-bottom',\n textFieldChipPaddingLeft: '--plasma-combobox-new-textfield-chip-padding-left',\n textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',\n textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',\n textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',\n textFieldChipFontStyle: '--plasma-combobox-new-textfield-chip-font-style',\n textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',\n textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',\n textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',\n textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',\n textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',\n textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-readonly',\n\n textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',\n\n textFieldIndicatorColor: '--plasma-combobox-new-textfield-indicator-color',\n textFieldIndicatorSizeInner: '--plasma-combobox-new-textfield-indicator-size-inner',\n textFieldIndicatorSizeOuter: '--plasma-combobox-new-textfield-indicator-size-outer',\n textFieldIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-indicator-placement-inner',\n textFieldIndicatorLabelPlacementOuter: '--plasma-combobox-new-textfield-indicator-placement-outer',\n textFieldIndicatorLabelPlacementInnerRight: '--plasma-combobox-new-textfield-indicator-placement-inner-right',\n textFieldIndicatorLabelPlacementOuterRight: '--plasma-combobox-new-textfield-indicator-placement-outer-right',\n textFieldClearIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-clear-indicator-placement-inner',\n textFieldClearIndicatorLabelPlacementInnerRight:\n '--plasma-combobox-new-textfield-clear-indicator-placement-inner-right',\n textFieldClearIndicatorHintInnerRight: '--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right',\n\n // Токены для EmptyState\n emptyStatePadding: '--plasma-combobox-new-empty-state-padding',\n\n labelOffset: '--plasma-combobox-label-offset',\n\n innerLabelGap: '--plasma-combobox-inner-label-gap',\n\n helperTextColor: '--plasma-combobox-helper-text-color',\n helperTextOffset: '--plasma-combobox-helper-text-offset',\n\n spinnerSize: '--plasma-combobox-spinner-size',\n spinnerSizeTight: '--plasma-combobox-spinner-size-tight',\n\n disclosureIconColor: '--plasma-combobox-disclosure-icon-color',\n disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n focusSize: '0.0625rem',\n background: '--surface-solid-card',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n itemBackground: '--plasma-colors-transparent',\n textfieldTargetColor: '--text-primary',\n textfieldOuterLabelColor: '--text-primary',\n textfieldInnerLabelColor: '--text-secondary',\n textfieldPlaceholderColor: '--text-secondary',\n textfieldBorderSize: '0.0625rem',\n opacity: '0.4',\n fontFamily: '--plasma-typo-body-xs-font-family',\n fontSize: '--plasma-typo-body-xs-font-size',\n fontStyle: '--plasma-typo-body-xs-font-style',\n fontWeight: '--plasma-typo-body-xs-font-weight',\n fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',\n fontLineHeight: '--plasma-typo-body-xs-line-height',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectItemCheckbox","selectSpinner","emptyStateWrapper","tokens","borderRadius","padding","focusOffset","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight","dropdownBorderColor","dropdownBorderWidth","itemHeight","itemBorderRadius","itemPadding","itemPaddingTight","itemIconSize","itemIconSizeTight","itemIconMargin","itemBackgroundHover","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","checkboxTriggerSize","checkboxTriggerSizeTight","checkboxTriggerBorderRadius","checkboxTriggerBorderRadiusTight","checkboxFillColor","checkboxIconColor","checkboxTriggerBorderColor","indicatorSize","textFieldColor","textFieldClearColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldClearPlaceholderColor","textFieldClearPlaceholderColorFocus","textFieldOptionalColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldClearLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldTitleCaptionColor","textFieldTitleCaptionColorReadOnly","textFieldTitleCaptionInnerLabelOffset","textFieldTitleCaptionFontFamily","textFieldTitleCaptionFontStyle","textFieldTitleCaptionFontSize","textFieldTitleCaptionFontWeight","textFieldTitleCaptionLetterSpacing","textFieldTitleCaptionLineHeight","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldChipHeight","textFieldChipBorderRadius","textFieldChipGap","textFieldChipBackground","textFieldChipColor","textFieldChipBackgroundHover","textFieldChipColorHover","textFieldChipScaleHover","textFieldChipBackgroundReadOnly","textFieldChipColorReadOnly","textFieldChipBackgroundReadOnlyHover","textFieldChipColorReadOnlyHover","textFieldChipBackgroundActive","textFieldChipColorActive","textFieldChipScaleActive","textFieldChipCloseIconColor","textFieldChipOutlineSize","textFieldChipWidth","textFieldChipPaddingTop","textFieldChipPaddingRight","textFieldChipPaddingBottom","textFieldChipPaddingLeft","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldChipOpacityReadonly","textFieldFocusColor","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","emptyStatePadding","labelOffset","innerLabelGap","helperTextColor","helperTextOffset","spinnerSize","spinnerSizeTight","disclosureIconColor","disclosureIconColorHover"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,qBAAqB,EAAE,0BAA0B;AACjDC,EAAAA,sBAAsB,EAAE,2BAA2B;AACnDC,EAAAA,oBAAoB,EAAE,yBAAyB;AAC/CC,EAAAA,iBAAiB,EAAE,uBAAuB;AAC1CC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,eAAe,EAAE,2BAA2B;AAC5CC,EAAAA,mBAAmB,EAAE,0BAA0B;AAC/CC,EAAAA,sBAAsB,EAAE,6BAA6B;AACrDC,EAAAA,kBAAkB,EAAE,wBAAwB;AAC5CC,EAAAA,aAAa,EAAE,kBAAkB;AACjCC,EAAAA,iBAAiB,EAAE,8BAAA;AACvB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,OAAO,EAAE,2BAA2B;AACpCC,EAAAA,WAAW,EAAE,gCAAgC;AAE7CC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,QAAQ,EAAE,6BAA6B;AACvCC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,cAAc,EAAE,oCAAoC;AAEpDC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAE5DC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,YAAY,EAAE,kCAAkC;AAChDC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,mBAAmB,EAAE,yCAAyC;AAE9DC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrEC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,uBAAuB,EAAE,8CAA8C;AACvEC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,OAAO,EAAE,4BAA4B;AACrCC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,kBAAkB,EAAE,yCAAyC;AAC7DC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrEC,EAAAA,mBAAmB,EAAE,0CAA0C;AAE/DC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,wBAAwB,EAAE,+CAA+C;AACzEC,EAAAA,2BAA2B,EAAE,kDAAkD;AAC/EC,EAAAA,gCAAgC,EAAE,wDAAwD;AAC1FC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,0BAA0B,EAAE,iDAAiD;AAE7EC,EAAAA,aAAa,EAAE,kCAAkC;AAEjD;AACAC,EAAAA,cAAc,EAAE,uCAAuC;AACvDC,EAAAA,mBAAmB,EAAE,6CAA6C;AAElEC,EAAAA,wBAAwB,EAAE,kDAAkD;AAC5EC,EAAAA,6BAA6B,EAAE,wDAAwD;AACvFC,EAAAA,6BAA6B,EAAE,wDAAwD;AAEvFC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,yBAAyB,EAAE,oDAAoD;AAE/EC,EAAAA,sBAAsB,EAAE,gDAAgD;AACxEC,EAAAA,gCAAgC,EAAE,mDAAmD;AACrFC,EAAAA,4BAA4B,EAAE,uDAAuD;AACrFC,EAAAA,iCAAiC,EAAE,4DAA4D;AAE/FC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,yBAAyB,EAAE,mDAAmD;AAC9EC,EAAAA,8BAA8B,EAAE,yDAAyD;AACzFC,EAAAA,8BAA8B,EAAE,yDAAyD;AACzFC,EAAAA,mCAAmC,EAAE,+DAA+D;AACpGC,EAAAA,sBAAsB,EAAE,gDAAgD;AAExEC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,qBAAqB,EAAE,+CAA+C;AAEtEC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,yBAAyB,EAAE,oDAAoD;AAE/EC,EAAAA,0BAA0B,EAAE,qDAAqD;AACjFC,EAAAA,2BAA2B,EAAE,sDAAsD;AAEnFC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,sBAAsB,EAAE,gDAAgD;AACxEC,EAAAA,mBAAmB,EAAE,6CAA6C;AAElEC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,8BAA8B,EAAE,0DAA0D;AAC1FC,EAAAA,+BAA+B,EAAE,2DAA2D;AAE5FC,EAAAA,8BAA8B,EAAE,0DAA0D;AAC1FC,EAAAA,mCAAmC,EAAE,gEAAgE;AACrGC,EAAAA,oCAAoC,EAAE,iEAAiE;AAEvGC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,2BAA2B,EAAE,sDAAsD;AACnFC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,yBAAyB,EAAE,oDAAoD;AAE/EC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,sBAAsB,EAAE,iDAAiD;AACzEC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,2BAA2B,EAAE,sDAAsD;AACnFC,EAAAA,wBAAwB,EAAE,mDAAmD;AAE7EC,EAAAA,6BAA6B,EAAE,mEAAmE;AAClGC,EAAAA,4BAA4B,EAAE,kEAAkE;AAChGC,EAAAA,2BAA2B,EAAE,iEAAiE;AAC9FC,EAAAA,6BAA6B,EAAE,mEAAmE;AAClGC,EAAAA,gCAAgC,EAAE,sEAAsE;AACxGC,EAAAA,6BAA6B,EAAE,mEAAmE;AAElGC,EAAAA,0BAA0B,EAAE,+DAA+D;AAC3FC,EAAAA,iCAAiC,EAAE,iEAAiE;AAEpGC,EAAAA,0BAA0B,EAAE,qDAAqD;AACjFC,EAAAA,kCAAkC,EAAE,8DAA8D;AAClGC,EAAAA,qCAAqC,EAAE,kEAAkE;AAEzGC,EAAAA,+BAA+B,EAAE,2DAA2D;AAC5FC,EAAAA,8BAA8B,EAAE,0DAA0D;AAC1FC,EAAAA,6BAA6B,EAAE,yDAAyD;AACxFC,EAAAA,+BAA+B,EAAE,2DAA2D;AAC5FC,EAAAA,kCAAkC,EAAE,8DAA8D;AAClGC,EAAAA,+BAA+B,EAAE,2DAA2D;AAE5FC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,gCAAgC,EAAE,4DAA4D;AAC9FC,EAAAA,yBAAyB,EAAE,oDAAoD;AAE/EC,EAAAA,6BAA6B,EAAE,yDAAyD;AACxFC,EAAAA,4BAA4B,EAAE,wDAAwD;AACtFC,EAAAA,2BAA2B,EAAE,uDAAuD;AACpFC,EAAAA,6BAA6B,EAAE,yDAAyD;AACxFC,EAAAA,gCAAgC,EAAE,4DAA4D;AAC9FC,EAAAA,6BAA6B,EAAE,yDAAyD;AAExFC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,wBAAwB,EAAE,mDAAmD;AAE7EC,EAAAA,wBAAwB,EAAE,kDAAkD;AAE5EC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,gBAAgB,EAAE,0CAA0C;AAC5DC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,4BAA4B,EAAE,uDAAuD;AACrFC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,+BAA+B,EAAE,2DAA2D;AAC5FC,EAAAA,0BAA0B,EAAE,sDAAsD;AAClFC,EAAAA,oCAAoC,EAAE,iEAAiE;AACvGC,EAAAA,+BAA+B,EAAE,4DAA4D;AAC7FC,EAAAA,6BAA6B,EAAE,wDAAwD;AACvFC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,2BAA2B,EAAE,wDAAwD;AACrFC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,0BAA0B,EAAE,qDAAqD;AACjFC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,0BAA0B,EAAE,sDAAsD;AAClFC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,qBAAqB,EAAE,gDAAgD;AACvEC,EAAAA,sBAAsB,EAAE,iDAAiD;AACzEC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,0BAA0B,EAAE,qDAAqD;AACjFC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,mCAAmC,EAAE,gEAAgE;AACrGC,EAAAA,oCAAoC,EAAE,iEAAiE;AACvGC,EAAAA,4BAA4B,EAAE,uDAAuD;AAErFC,EAAAA,mBAAmB,EAAE,6CAA6C;AAElEC,EAAAA,uBAAuB,EAAE,iDAAiD;AAC1EC,EAAAA,2BAA2B,EAAE,sDAAsD;AACnFC,EAAAA,2BAA2B,EAAE,sDAAsD;AACnFC,EAAAA,qCAAqC,EAAE,2DAA2D;AAClGC,EAAAA,qCAAqC,EAAE,2DAA2D;AAClGC,EAAAA,0CAA0C,EAAE,iEAAiE;AAC7GC,EAAAA,0CAA0C,EAAE,iEAAiE;AAC7GC,EAAAA,0CAA0C,EAAE,iEAAiE;AAC7GC,EAAAA,+CAA+C,EAC3C,uEAAuE;AAC3EC,EAAAA,qCAAqC,EAAE,4EAA4E;AAEnH;AACAC,EAAAA,iBAAiB,EAAE,2CAA2C;AAE9DC,EAAAA,WAAW,EAAE,gCAAgC;AAE7CC,EAAAA,aAAa,EAAE,mCAAmC;AAElDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,gBAAgB,EAAE,sCAAsC;AAExDC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,gBAAgB,EAAE,sCAAsC;AAExDC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,wBAAwB,EAAE,+CAAA;AAC9B;;;;"}
|
1
|
+
{"version":3,"file":"Combobox.tokens.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n selectTargetArrow: 'combobox-target-arrow',\n arrowInverse: 'arrow-inverse',\n textfieldTarget: 'combobox-textfield-target',\n selectChipIsFocused: 'combobox-chip-is-focused',\n selectWithoutBoxShadow: 'combobox-without-box-shadow',\n selectItemCheckbox: 'combobox-item-checkbox',\n selectSpinner: 'combobox-spinner',\n emptyStateWrapper: 'combobox-empty-state-wrapper',\n};\n\nexport const tokens = {\n borderRadius: '--plasma-combobox-border-radius',\n padding: '--plasma-combobox-padding',\n focusOffset: '--plasma-combobox-focus-offset',\n\n fontFamily: '--plasma-combobox-font-family',\n fontSize: '--plasma-combobox-font-size',\n fontStyle: '--plasma-combobox-font-style',\n fontWeight: '--plasma-combobox-font-weight',\n fontLetterSpacing: '--plasma-combobox-font-letter-spacing',\n fontLineHeight: '--plasma-combobox-font-line-height',\n\n dropdownBorderColor: '--plasma-select-dropdown-border-color',\n dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n itemHeight: '--plasma-combobox-item-height',\n itemBorderRadius: '--plasma-combobox-item-border-radius',\n itemPadding: '--plasma-combobox-item-padding',\n itemPaddingTight: '--plasma-combobox-item-padding-tight',\n itemIconSize: '--plasma-combobox-item-icon-size',\n itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',\n itemIconMargin: '--plasma-combobox-item-icon-margin',\n itemBackgroundHover: '--plasma-combobox-item-background-hover',\n\n cellPadding: '--plasma-combobox-cell-padding',\n cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',\n cellPaddingContent: '--plasma-combobox-cell-padding-content',\n cellPaddingRightContent: '--plasma-combobox-cell-padding-right-content',\n cellTextboxGap: '--plasma-combobox-cell-textbox-gap',\n cellGap: '--plasma-combobox-cell-gap',\n cellTitleFontFamily: '--plasma-combobox-cell-title-font-family',\n cellTitleFontSize: '--plasma-combobox-cell-title-font-size',\n cellTitleFontStyle: '--plasma-combobox-cell-title-font-style',\n cellTitleFontWeight: '--plasma-combobox-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-combobox-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-combobox-cell-title-line-height',\n\n checkboxTriggerSize: '--plasma-combobox-checkbox-trigger-size',\n checkboxTriggerSizeTight: '--plasma-combobox-checkbox-trigger-size-tight',\n checkboxTriggerBorderRadius: '--plasma-combobox-checkbox-trigger-border-radius',\n checkboxTriggerBorderRadiusTight: '--plasma-combobox-checkbox-trigger-border-radius-tight',\n checkboxFillColor: '--plasma-combobox-checkbox-fill-color',\n checkboxIconColor: '--plasma-combobox-checkbox-icon-color',\n checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',\n\n indicatorSize: '--plasma-combobox-indicator-size',\n\n targetHeight: '--plasma-combobox-target-height',\n\n // Токены для TextField\n textFieldColor: '--plasma-combobox-new-textfield-color',\n textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',\n\n textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',\n\n textFieldBorderColor: '--plasma-combobox-new-textfield-border-color',\n textFieldBorderColorHover: '--plasma-combobox-new-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-combobox-new-textfield-border-color-focus',\n\n textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield-placeholder-color-readonly',\n\n textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',\n textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',\n textFieldPlaceholderColorFocus: '--plasma-combobox-new-textfield-placeholder-color-focus',\n textFieldClearPlaceholderColor: '--plasma-combobox-new-textfield-clear-placeholder-color',\n textFieldClearPlaceholderColorFocus: '--plasma-combobox-new-textfield-clear-placeholder-color-focus',\n textFieldOptionalColor: '--plasma-combobox-new-textfield-optional-color',\n\n textFieldHeight: '--plasma-combobox-new-textfield-height',\n textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',\n textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',\n\n textFieldPadding: '--plasma-combobox-new-textfield-padding',\n textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',\n\n textFieldLeftContentMargin: '--plasma-combobox-new-textfield-left-content-margin',\n textFieldRightContentMargin: '--plasma-combobox-new-textfield-right-content-margin',\n\n textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',\n textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',\n textFieldFontSize: '--plasma-combobox-new-textfield-font-size',\n textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',\n\n textFieldContentSlotColor: '--plasma-combobox-new-textfield-content-slot-color',\n textFieldContentSlotColorHover: '--plasma-combobox-new-textfield-content-slot-color-hover',\n textFieldContentSlotColorActive: '--plasma-combobox-new-textfield-content-slot-color-active',\n\n textFieldContentSlotRightColor: '--plasma-combobox-new-textfield-content-right-slot-color',\n textFieldContentSlotRightColorHover: '--plasma-combobox-new-textfield-content-right-slot-color-hover',\n textFieldContentSlotRightColorActive: '--plasma-combobox-new-textfield-content-right-slot-color-active',\n\n textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',\n textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield-label-color-readonly',\n textFieldLabelOffset: '--plasma-combobox-new-textfield-label-offset',\n textFieldClearLabelOffset: '--plasma-combobox-new-textfield-clear-label-offset',\n\n textFieldLabelFontFamily: '--plasma-combobox-new-textfield-label-font-family',\n textFieldLabelFontStyle: '--plasma-combobox-new-textfield-label-font-style',\n textFieldLabelFontSize: '--plasma-combobox-new-textfield-label-font-size',\n textFieldLabelFontWeight: '--plasma-combobox-new-textfield-label-font-weight',\n textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield-label-letter-spacing',\n textFieldLabelLineHeight: '--plasma-combobox-new-textfield-label-line-height',\n\n textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner-label-font-family',\n textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner-label-font-style',\n textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner-label-font-size',\n textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner-label-font-weight',\n textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner-label-letter-spacing',\n textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner-label-line-height',\n\n textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-label-padding',\n textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-content-padding',\n\n textFieldTitleCaptionColor: '--plasma-combobox-new-textfield-title-caption-color',\n textFieldTitleCaptionColorReadOnly: '--plasma-combobox-new-textfield-title-caption-color-readonly',\n textFieldTitleCaptionInnerLabelOffset: '--plasma-combobox-new-textfield-title-caption-label-inner-offset',\n\n textFieldTitleCaptionFontFamily: '--plasma-combobox-new-textfield-title-caption-font-family',\n textFieldTitleCaptionFontStyle: '--plasma-combobox-new-textfield-title-caption-font-style',\n textFieldTitleCaptionFontSize: '--plasma-combobox-new-textfield-title-caption-font-size',\n textFieldTitleCaptionFontWeight: '--plasma-combobox-new-textfield-title-caption-font-weight',\n textFieldTitleCaptionLetterSpacing: '--plasma-combobox-new-textfield-title-caption-letter-spacing',\n textFieldTitleCaptionLineHeight: '--plasma-combobox-new-textfield-title-caption-line-height',\n\n textFieldLeftHelperColor: '--plasma-combobox-new-textfield-left-helper-color',\n textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield-left-helper-color-readonly',\n textFieldLeftHelperOffset: '--plasma-combobox-new-textfield-left-helper-offset',\n\n textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield-left-helper-font-family',\n textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield-left-helper-font-style',\n textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield-left-helper-font-size',\n textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield-left-helper-font-weight',\n textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield-left-helper-letter-spacing',\n textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield-left-helper-line-height',\n\n textFieldTextBeforeColor: '--plasma-combobox-new-textfield-before-text-color',\n textFieldTextAfterColor: '--plasma-combobox-new-textfield-after-text-color',\n textFieldTextBeforeMargin: '--plasma-combobox-new-textfield-before-text-margin',\n textFieldTextAfterMargin: '--plasma-combobox-new-textfield-after-text-margin',\n\n textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',\n\n textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',\n textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',\n textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',\n textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',\n textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',\n textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',\n textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',\n textFieldChipScaleHover: '--plasma-combobox-new-textfield-chip-scale-hover',\n textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',\n textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',\n textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',\n textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',\n textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',\n textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',\n textFieldChipScaleActive: '--plasma-combobox-new-textfield-chip-scale-active',\n textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',\n textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',\n textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',\n textFieldChipPaddingTop: '--plasma-combobox-new-textfield-chip-padding-top',\n textFieldChipPaddingRight: '--plasma-combobox-new-textfield-chip-padding-right',\n textFieldChipPaddingBottom: '--plasma-combobox-new-textfield-chip-padding-bottom',\n textFieldChipPaddingLeft: '--plasma-combobox-new-textfield-chip-padding-left',\n textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',\n textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',\n textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',\n textFieldChipFontStyle: '--plasma-combobox-new-textfield-chip-font-style',\n textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',\n textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',\n textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',\n textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',\n textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',\n textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-readonly',\n\n textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',\n\n textFieldIndicatorColor: '--plasma-combobox-new-textfield-indicator-color',\n textFieldIndicatorSizeInner: '--plasma-combobox-new-textfield-indicator-size-inner',\n textFieldIndicatorSizeOuter: '--plasma-combobox-new-textfield-indicator-size-outer',\n textFieldIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-indicator-placement-inner',\n textFieldIndicatorLabelPlacementOuter: '--plasma-combobox-new-textfield-indicator-placement-outer',\n textFieldIndicatorLabelPlacementInnerRight: '--plasma-combobox-new-textfield-indicator-placement-inner-right',\n textFieldIndicatorLabelPlacementOuterRight: '--plasma-combobox-new-textfield-indicator-placement-outer-right',\n textFieldClearIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-clear-indicator-placement-inner',\n textFieldClearIndicatorLabelPlacementInnerRight:\n '--plasma-combobox-new-textfield-clear-indicator-placement-inner-right',\n textFieldClearIndicatorHintInnerRight: '--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right',\n\n // Токены для EmptyState\n emptyStatePadding: '--plasma-combobox-new-empty-state-padding',\n\n labelOffset: '--plasma-combobox-label-offset',\n\n innerLabelGap: '--plasma-combobox-inner-label-gap',\n\n helperTextColor: '--plasma-combobox-helper-text-color',\n helperTextOffset: '--plasma-combobox-helper-text-offset',\n\n spinnerSize: '--plasma-combobox-spinner-size',\n spinnerSizeTight: '--plasma-combobox-spinner-size-tight',\n\n disclosureIconColor: '--plasma-combobox-disclosure-icon-color',\n disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n focusSize: '0.0625rem',\n background: '--surface-solid-card',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n itemBackground: '--plasma-colors-transparent',\n textfieldTargetColor: '--text-primary',\n textfieldOuterLabelColor: '--text-primary',\n textfieldInnerLabelColor: '--text-secondary',\n textfieldPlaceholderColor: '--text-secondary',\n textfieldBorderSize: '0.0625rem',\n opacity: '0.4',\n fontFamily: '--plasma-typo-body-xs-font-family',\n fontSize: '--plasma-typo-body-xs-font-size',\n fontStyle: '--plasma-typo-body-xs-font-style',\n fontWeight: '--plasma-typo-body-xs-font-weight',\n fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',\n fontLineHeight: '--plasma-typo-body-xs-line-height',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectItemCheckbox","selectSpinner","emptyStateWrapper","tokens","borderRadius","padding","focusOffset","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight","dropdownBorderColor","dropdownBorderWidth","itemHeight","itemBorderRadius","itemPadding","itemPaddingTight","itemIconSize","itemIconSizeTight","itemIconMargin","itemBackgroundHover","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","checkboxTriggerSize","checkboxTriggerSizeTight","checkboxTriggerBorderRadius","checkboxTriggerBorderRadiusTight","checkboxFillColor","checkboxIconColor","checkboxTriggerBorderColor","indicatorSize","targetHeight","textFieldColor","textFieldClearColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldClearPlaceholderColor","textFieldClearPlaceholderColorFocus","textFieldOptionalColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldClearLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldTitleCaptionColor","textFieldTitleCaptionColorReadOnly","textFieldTitleCaptionInnerLabelOffset","textFieldTitleCaptionFontFamily","textFieldTitleCaptionFontStyle","textFieldTitleCaptionFontSize","textFieldTitleCaptionFontWeight","textFieldTitleCaptionLetterSpacing","textFieldTitleCaptionLineHeight","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldChipHeight","textFieldChipBorderRadius","textFieldChipGap","textFieldChipBackground","textFieldChipColor","textFieldChipBackgroundHover","textFieldChipColorHover","textFieldChipScaleHover","textFieldChipBackgroundReadOnly","textFieldChipColorReadOnly","textFieldChipBackgroundReadOnlyHover","textFieldChipColorReadOnlyHover","textFieldChipBackgroundActive","textFieldChipColorActive","textFieldChipScaleActive","textFieldChipCloseIconColor","textFieldChipOutlineSize","textFieldChipWidth","textFieldChipPaddingTop","textFieldChipPaddingRight","textFieldChipPaddingBottom","textFieldChipPaddingLeft","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldChipOpacityReadonly","textFieldFocusColor","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","emptyStatePadding","labelOffset","innerLabelGap","helperTextColor","helperTextOffset","spinnerSize","spinnerSizeTight","disclosureIconColor","disclosureIconColorHover"],"mappings":"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"}
|
@@ -52,30 +52,16 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
52
52
|
/*#__PURE__*/
|
53
53
|
// root - принимает ref контейнера портала.
|
54
54
|
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
55
|
-
React.createElement(FloatingPortal,
|
55
|
+
React.createElement(FloatingPortal, {
|
56
|
+
root: portal,
|
57
|
+
id: portal ? undefined : wrappedId
|
58
|
+
}, /*#__PURE__*/React.createElement("div", {
|
56
59
|
ref: refs.setFloating,
|
57
60
|
style: _objectSpread2(_objectSpread2({}, floatingStyles), {}, {
|
58
61
|
zIndex: 1
|
59
62
|
})
|
60
63
|
}, children)));
|
61
64
|
});
|
62
|
-
// root - принимает ref контейнера портала.
|
63
|
-
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
64
|
-
var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
|
65
|
-
if (!portal) {
|
66
|
-
return {
|
67
|
-
id: wrappedId
|
68
|
-
};
|
69
|
-
}
|
70
|
-
if (typeof portal === 'string') {
|
71
|
-
return {
|
72
|
-
id: portal
|
73
|
-
};
|
74
|
-
}
|
75
|
-
return {
|
76
|
-
root: portal
|
77
|
-
};
|
78
|
-
};
|
79
65
|
|
80
66
|
export { FloatingPopover };
|
81
67
|
//# sourceMappingURL=FloatingPopover.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement,\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth || `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {
|
1
|
+
{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement,\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth || `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal root={portal} id={portal ? undefined : wrappedId}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","open","middleware","offsetMiddleware","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","root","setFloating","_objectSpread","zIndex"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"getPathMaps.js","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/getPathMaps.ts"],"sourcesContent":["import { isEmpty } from '../../../../utils';\nimport { ComboboxProps } from '../Combobox.types';\nimport { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nexport type PathMapType = Map<string, number>;\nexport type FocusedToValueMapType = Map<string, ItemOptionTransformed>;\nexport type ValueToCheckedMapType = Map<ItemOptionTransformed['value'], boolean | 'done' | 'dot' | 'indeterminate'>;\nexport type ValueToItemMapType = Map<ItemOptionTransformed['value'], ItemOptionTransformed>;\nexport type LabelToItemMapType = Map<ItemOptionTransformed['label'], ItemOptionTransformed>;\n\nexport const getPathMap = (items: ComboboxProps['items']) => {\n const pathMap: PathMapType = new Map();\n const focusedToValueMap: FocusedToValueMapType = new Map();\n\n pathMap.set('root', items?.length || 0);\n\n const rec = (items: ComboboxProps['items'], prevIndex = '') => {\n items?.forEach((item: ItemOptionTransformed, index: number) => {\n const { value, items: innerItems } = item;\n const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n\n focusedToValueMap.set(currIndex, item);\n\n if (innerItems) {\n pathMap.set(value, innerItems.length);\n rec(innerItems, currIndex);\n }\n });\n };\n rec(items);\n\n return [pathMap, focusedToValueMap] as [PathMapType, FocusedToValueMapType];\n};\n\nexport const getTreeMaps = (items: ComboboxProps['items']) => {\n const valueToCheckedMap: ValueToCheckedMapType = new Map();\n const valueToItemMap: ValueToItemMapType = new Map();\n const labelToItemMap:
|
1
|
+
{"version":3,"file":"getPathMaps.js","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/getPathMaps.ts"],"sourcesContent":["import { isEmpty } from '../../../../utils';\nimport { ComboboxProps } from '../Combobox.types';\nimport { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nexport type PathMapType = Map<string, number>;\nexport type FocusedToValueMapType = Map<string, ItemOptionTransformed>;\nexport type ValueToCheckedMapType = Map<ItemOptionTransformed['value'], boolean | 'done' | 'dot' | 'indeterminate'>;\nexport type ValueToItemMapType = Map<ItemOptionTransformed['value'], ItemOptionTransformed>;\nexport type LabelToItemMapType = Map<ItemOptionTransformed['label'], ItemOptionTransformed>;\n\nexport const getPathMap = (items: ComboboxProps['items']) => {\n const pathMap: PathMapType = new Map();\n const focusedToValueMap: FocusedToValueMapType = new Map();\n\n pathMap.set('root', items?.length || 0);\n\n const rec = (items: ComboboxProps['items'], prevIndex = '') => {\n items?.forEach((item: ItemOptionTransformed, index: number) => {\n const { value, items: innerItems } = item;\n const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n\n focusedToValueMap.set(currIndex, item);\n\n if (innerItems) {\n pathMap.set(value, innerItems.length);\n rec(innerItems, currIndex);\n }\n });\n };\n rec(items);\n\n return [pathMap, focusedToValueMap] as [PathMapType, FocusedToValueMapType];\n};\n\nexport const getTreeMaps = (items: ComboboxProps['items']) => {\n const valueToCheckedMap: ValueToCheckedMapType = new Map();\n const valueToItemMap: ValueToItemMapType = new Map();\n const labelToItemMap: ValueToItemMapType = new Map();\n\n const rec = (items: ComboboxProps['items'], prevIndex = '') => {\n items?.forEach((item: ItemOptionTransformed, index: number) => {\n const { value, label, items: innerItems } = item;\n\n const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n\n valueToCheckedMap.set(value, false);\n\n if (isEmpty(innerItems) || !innerItems) {\n valueToItemMap.set(value, item);\n labelToItemMap.set(label, item);\n } else {\n rec(innerItems, currIndex);\n }\n });\n };\n rec(items);\n\n return [valueToCheckedMap, valueToItemMap, labelToItemMap] as [\n ValueToCheckedMapType,\n ValueToItemMapType,\n LabelToItemMapType,\n ];\n};\n"],"names":["getPathMap","items","pathMap","Map","focusedToValueMap","set","length","rec","prevIndex","arguments","undefined","forEach","item","index","value","innerItems","currIndex","concat","replace","getTreeMaps","valueToCheckedMap","valueToItemMap","labelToItemMap","label","isEmpty"],"mappings":"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"}
|
@@ -29,6 +29,7 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
29
29
|
focusedToValueMap = _ref.focusedToValueMap,
|
30
30
|
handleListToggle = _ref.handleListToggle,
|
31
31
|
handlePressDown = _ref.handlePressDown,
|
32
|
+
multiselect = _ref.multiselect,
|
32
33
|
setTextValue = _ref.setTextValue;
|
33
34
|
var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
|
34
35
|
var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
|
@@ -123,6 +124,7 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
123
124
|
break;
|
124
125
|
}
|
125
126
|
var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
|
127
|
+
console.log('currentItem', currentItem, focusedPath, focusedToValueMap);
|
126
128
|
if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
|
127
129
|
if (path.length > focusedPath.length) {
|
128
130
|
dispatchFocusedPath({
|
@@ -139,6 +141,32 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
139
141
|
}
|
140
142
|
break;
|
141
143
|
}
|
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
|
+
|
142
170
|
case keys.Enter:
|
143
171
|
{
|
144
172
|
event.preventDefault();
|
@@ -155,13 +183,23 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
155
183
|
});
|
156
184
|
break;
|
157
185
|
}
|
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
|
+
|
158
197
|
if (_currentItem) {
|
159
198
|
handlePressDown(_currentItem);
|
160
199
|
}
|
161
200
|
break;
|
162
201
|
}
|
163
202
|
case keys.Tab:
|
164
|
-
case keys.Escape:
|
165
203
|
{
|
166
204
|
dispatchPath({
|
167
205
|
type: 'reset'
|
@@ -173,6 +211,17 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
173
211
|
setTextValue('');
|
174
212
|
break;
|
175
213
|
}
|
214
|
+
case keys.Escape:
|
215
|
+
{
|
216
|
+
dispatchPath({
|
217
|
+
type: 'reset'
|
218
|
+
});
|
219
|
+
dispatchFocusedPath({
|
220
|
+
type: 'reset'
|
221
|
+
});
|
222
|
+
handleListToggle(false);
|
223
|
+
break;
|
224
|
+
}
|
176
225
|
case keys.Home:
|
177
226
|
{
|
178
227
|
if (path[0]) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, Dispatch } from 'react';\nimport React from 'react';\n\nimport { PathAction, PathState, FocusedPathAction, FocusedPathState } from '../reducers';\nimport type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nimport { PathMapType, FocusedToValueMapType } from './getPathMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n Enter: 'Enter',\n Space: 'Space',\n Tab: 'Tab',\n Escape: 'Escape',\n Backspace: 'Backspace',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Home: 'Home',\n End: 'End',\n PageUp: 'PageUp',\n PageDown: 'PageDown',\n};\n\nexport const getItemByFocused = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n return focusedToValueMap.get(focusedPathAsString);\n};\n\ntype Props = {\n focusedPath: FocusedPathState;\n dispatchFocusedPath: Dispatch<FocusedPathAction>;\n path: PathState;\n dispatchPath: Dispatch<PathAction>;\n pathMap: PathMapType;\n focusedToValueMap: FocusedToValueMapType;\n handleListToggle: (opened: boolean) => void;\n handlePressDown: (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => void;\n setTextValue: React.Dispatch<React.SetStateAction<string>>;\n};\n\ntype ReturnedProps = {\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n};\n\nexport const useKeyNavigation = ({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n setTextValue,\n}: Props): ReturnedProps => {\n const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n switch (event.key) {\n case keys.ArrowUp: {\n if (focusedPath.length) {\n if (currentIndex > 0) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n break;\n }\n\n case keys.ArrowDown: {\n if (focusedPath.length) {\n if (currentIndex + 1 < currentLength) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n break;\n }\n\n case keys.ArrowLeft: {\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n\n if (focusedPath.length) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n } else {\n dispatchFocusedPath({ type: 'return_prev_focus' });\n }\n }\n\n if (path.length === 1) {\n handleListToggle(false);\n }\n }\n\n break;\n }\n\n case keys.ArrowRight: {\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n\n if (!focusedPath.length) {\n break;\n }\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n if (currentItem?.items) {\n if (path.length > focusedPath.length) {\n dispatchFocusedPath({ type: 'add_focus', value: 0 });\n } else {\n dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n }\n }\n }\n\n break;\n }\n\n case keys.Enter: {\n event.preventDefault();\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap)!;\n\n if (currentItem?.disabled) {\n break;\n }\n\n if (!path[0]) {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n break;\n }\n\n if (currentItem) {\n handlePressDown(currentItem);\n }\n\n break;\n }\n\n case keys.Tab:\n case keys.Escape: {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n handleListToggle(false);\n setTextValue('');\n\n break;\n }\n\n case keys.Home: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.End: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.PageUp: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n }\n\n break;\n }\n\n case keys.PageDown: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentLength - currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n }\n\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","Backspace","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getItemByFocused","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleListToggle","handlePressDown","setTextValue","currentIndex","length","currentLength","onKeyDown","event","key","type","value","stopPropagation","preventDefault","currentItem","items","toString","disabled"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, Dispatch } from 'react';\nimport React from 'react';\n\nimport { PathAction, PathState, FocusedPathAction, FocusedPathState } from '../reducers';\nimport { ComboboxProps } from '../Combobox.types';\nimport type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nimport { PathMapType, FocusedToValueMapType } from './getPathMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n Enter: 'Enter',\n Space: 'Space',\n Tab: 'Tab',\n Escape: 'Escape',\n Backspace: 'Backspace',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Home: 'Home',\n End: 'End',\n PageUp: 'PageUp',\n PageDown: 'PageDown',\n};\n\nexport const getItemByFocused = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n return focusedToValueMap.get(focusedPathAsString);\n};\n\ntype Props = {\n focusedPath: FocusedPathState;\n dispatchFocusedPath: Dispatch<FocusedPathAction>;\n path: PathState;\n dispatchPath: Dispatch<PathAction>;\n pathMap: PathMapType;\n focusedToValueMap: FocusedToValueMapType;\n handleListToggle: (opened: boolean) => void;\n handlePressDown: (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => void;\n multiselect: ComboboxProps['multiple'];\n setTextValue: React.Dispatch<React.SetStateAction<string>>;\n};\n\ntype ReturnedProps = {\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n};\n\nexport const useKeyNavigation = ({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n multiselect,\n setTextValue,\n}: Props): ReturnedProps => {\n const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n switch (event.key) {\n case keys.ArrowUp: {\n if (focusedPath.length) {\n if (currentIndex > 0) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n break;\n }\n\n case keys.ArrowDown: {\n if (focusedPath.length) {\n if (currentIndex + 1 < currentLength) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n break;\n }\n\n case keys.ArrowLeft: {\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n\n if (focusedPath.length) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n } else {\n dispatchFocusedPath({ type: 'return_prev_focus' });\n }\n }\n\n if (path.length === 1) {\n handleListToggle(false);\n }\n }\n\n break;\n }\n\n case keys.ArrowRight: {\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n\n if (!focusedPath.length) {\n break;\n }\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n console.log('currentItem', currentItem, focusedPath, focusedToValueMap);\n\n if (currentItem?.items) {\n if (path.length > focusedPath.length) {\n dispatchFocusedPath({ type: 'add_focus', value: 0 });\n } else {\n dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n }\n }\n }\n\n break;\n }\n\n case keys.Backspace: {\n if (!multiselect) break;\n\n break;\n }\n\n // case keys.Space: {\n // event.preventDefault();\n //\n // const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n //\n // if (!path[0]) {\n // dispatchPath({ type: 'opened_first_level' });\n // dispatchFocusedPath({ type: 'set_initial_focus' });\n // break;\n // }\n //\n // if (!currentItem || currentItem?.disabled) {\n // break;\n // }\n //\n // handlePressDown(currentItem);\n //\n // break;\n // }\n\n case keys.Enter: {\n event.preventDefault();\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap)!;\n\n if (currentItem?.disabled) {\n break;\n }\n\n if (!path[0]) {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n break;\n }\n\n // if (currentItem?.items) {\n // if (path.length > focusedPath.length) {\n // dispatchFocusedPath({ type: 'add_focus', value: 0 });\n // } else {\n // dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n // }\n //\n // break;\n // }\n\n if (currentItem) {\n handlePressDown(currentItem);\n }\n\n break;\n }\n\n case keys.Tab: {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n handleListToggle(false);\n setTextValue('');\n\n break;\n }\n\n case keys.Escape: {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n handleListToggle(false);\n\n break;\n }\n\n case keys.Home: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.End: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.PageUp: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n }\n\n break;\n }\n\n case keys.PageDown: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentLength - currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n }\n\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","Backspace","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getItemByFocused","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleListToggle","handlePressDown","multiselect","setTextValue","currentIndex","length","currentLength","onKeyDown","event","key","type","value","stopPropagation","preventDefault","currentItem","console","log","items","toString","disabled"],"mappings":"AASA,IAAMA,SAAS,GAAG,EAAE,CAAA;AAEb,IAAMC,IAAI,GAAG;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,UAAA;AACd,EAAC;AAEM,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,WAA6B,EAAEC,iBAAwC,EAAK;EACzG,IAAMC,mBAAmB,GAAGF,WAAW,CAACG,MAAM,CAAC,UAACC,GAAG,EAAEC,CAAC,EAAA;AAAA,IAAA,OAAA,EAAA,CAAAC,MAAA,CAAQF,GAAG,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAID,CAAC,CAAA,CAAA;GAAE,EAAE,EAAE,CAAC,CAACE,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AAElG,EAAA,OAAON,iBAAiB,CAACO,GAAG,CAACN,mBAAmB,CAAC,CAAA;AACrD,EAAC;IAmBYO,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAWD;AAAA,EAAA,IAVxBV,WAAW,GAAAU,IAAA,CAAXV,WAAW;IACXW,mBAAmB,GAAAD,IAAA,CAAnBC,mBAAmB;IACnBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPb,iBAAiB,GAAAS,IAAA,CAAjBT,iBAAiB;IACjBc,gBAAgB,GAAAL,IAAA,CAAhBK,gBAAgB;IAChBC,eAAe,GAAAN,IAAA,CAAfM,eAAe;IACfC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,YAAY,GAAAR,IAAA,CAAZQ,YAAY,CAAA;AAEZ,EAAA,IAAMC,YAAoB,GAAG,CAAAnB,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAGA,WAAW,CAACoB,MAAM,GAAG,CAAC,CAAC,KAAI,CAAC,CAAA;EACvE,IAAMC,aAAqB,GAAGP,OAAO,CAACN,GAAG,CAACI,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAGZ,WAAW,CAACoB,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;AAE9E,EAAA,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAiC,EAAK;IACrD,QAAQA,KAAK,CAACC,GAAG;MACb,KAAKvC,IAAI,CAACQ,OAAO;AAAE,QAAA;UACf,IAAIO,WAAW,CAACoB,MAAM,EAAE;YACpB,IAAID,YAAY,GAAG,CAAC,EAAE;AAClB,cAAA,IAAIP,IAAI,CAACQ,MAAM,GAAGpB,WAAW,CAACoB,MAAM,EAAE;AAClCP,gBAAAA,YAAY,CAAC;AAAEY,kBAAAA,IAAI,EAAE,oBAAA;AAAqB,iBAAC,CAAC,CAAA;AAChD,eAAA;AAEAd,cAAAA,mBAAmB,CAAC;AAAEc,gBAAAA,IAAI,EAAE,mBAAmB;gBAAEC,KAAK,EAAEP,YAAY,GAAG,CAAA;AAAE,eAAC,CAAC,CAAA;AAC/E,aAAA;AACJ,WAAC,MAAM;AACHN,YAAAA,YAAY,CAAC;AAAEY,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5Cd,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAA;AAAoB,aAAC,CAAC,CAAA;YAClDV,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAC1B,WAAA;AAEA,UAAA,IAAIH,IAAI,CAAC,CAAC,CAAC,EAAE;YACTW,KAAK,CAACI,eAAe,EAAE,CAAA;YACvBJ,KAAK,CAACK,cAAc,EAAE,CAAA;AAC1B,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK3C,IAAI,CAACS,SAAS;AAAE,QAAA;UACjB,IAAIM,WAAW,CAACoB,MAAM,EAAE;AACpB,YAAA,IAAID,YAAY,GAAG,CAAC,GAAGE,aAAa,EAAE;AAClC,cAAA,IAAIT,IAAI,CAACQ,MAAM,GAAGpB,WAAW,CAACoB,MAAM,EAAE;AAClCP,gBAAAA,YAAY,CAAC;AAAEY,kBAAAA,IAAI,EAAE,oBAAA;AAAqB,iBAAC,CAAC,CAAA;AAChD,eAAA;AAEAd,cAAAA,mBAAmB,CAAC;AAAEc,gBAAAA,IAAI,EAAE,mBAAmB;gBAAEC,KAAK,EAAEP,YAAY,GAAG,CAAA;AAAE,eAAC,CAAC,CAAA;AAC/E,aAAA;AACJ,WAAC,MAAM;AACHN,YAAAA,YAAY,CAAC;AAAEY,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5Cd,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAA;AAAoB,aAAC,CAAC,CAAA;YAClDV,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAC1B,WAAA;AAEA,UAAA,IAAIH,IAAI,CAAC,CAAC,CAAC,EAAE;YACTW,KAAK,CAACI,eAAe,EAAE,CAAA;YACvBJ,KAAK,CAACK,cAAc,EAAE,CAAA;AAC1B,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK3C,IAAI,CAACM,SAAS;AAAE,QAAA;AACjB,UAAA,IAAIqB,IAAI,CAAC,CAAC,CAAC,EAAE;YACTW,KAAK,CAACI,eAAe,EAAE,CAAA;YACvBJ,KAAK,CAACK,cAAc,EAAE,CAAA;YAEtB,IAAI5B,WAAW,CAACoB,MAAM,EAAE;AACpB,cAAA,IAAIR,IAAI,CAACQ,MAAM,GAAGpB,WAAW,CAACoB,MAAM,EAAE;AAClCP,gBAAAA,YAAY,CAAC;AAAEY,kBAAAA,IAAI,EAAE,oBAAA;AAAqB,iBAAC,CAAC,CAAA;AAChD,eAAC,MAAM;AACHd,gBAAAA,mBAAmB,CAAC;AAAEc,kBAAAA,IAAI,EAAE,mBAAA;AAAoB,iBAAC,CAAC,CAAA;AACtD,eAAA;AACJ,aAAA;AAEA,YAAA,IAAIb,IAAI,CAACQ,MAAM,KAAK,CAAC,EAAE;cACnBL,gBAAgB,CAAC,KAAK,CAAC,CAAA;AAC3B,aAAA;AACJ,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK9B,IAAI,CAACO,UAAU;AAAE,QAAA;AAClB,UAAA,IAAIoB,IAAI,CAAC,CAAC,CAAC,EAAE;YACTW,KAAK,CAACI,eAAe,EAAE,CAAA;YACvBJ,KAAK,CAACK,cAAc,EAAE,CAAA;AAEtB,YAAA,IAAI,CAAC5B,WAAW,CAACoB,MAAM,EAAE;AACrB,cAAA,MAAA;AACJ,aAAA;AAEA,YAAA,IAAMS,WAAW,GAAG9B,gBAAgB,CAACC,WAAW,EAAEC,iBAAiB,CAAC,CAAA;YAEpE6B,OAAO,CAACC,GAAG,CAAC,aAAa,EAAEF,WAAW,EAAE7B,WAAW,EAAEC,iBAAiB,CAAC,CAAA;AAEvE,YAAA,IAAI4B,WAAW,KAAXA,IAAAA,IAAAA,WAAW,eAAXA,WAAW,CAAEG,KAAK,EAAE;AACpB,cAAA,IAAIpB,IAAI,CAACQ,MAAM,GAAGpB,WAAW,CAACoB,MAAM,EAAE;AAClCT,gBAAAA,mBAAmB,CAAC;AAAEc,kBAAAA,IAAI,EAAE,WAAW;AAAEC,kBAAAA,KAAK,EAAE,CAAA;AAAE,iBAAC,CAAC,CAAA;AACxD,eAAC,MAAM;AACHb,gBAAAA,YAAY,CAAC;AAAEY,kBAAAA,IAAI,EAAE,kBAAkB;AAAEC,kBAAAA,KAAK,EAAEG,WAAW,CAACH,KAAK,CAACO,QAAQ,EAAC;AAAE,iBAAC,CAAC,CAAA;AACnF,eAAA;AACJ,aAAA;AACJ,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAKhD,IAAI,CAACK,SAAS;AAAE,QAAA;UACjB,IAAI,CAAC2B,WAAW,EAAE,MAAA;AAElB,UAAA,MAAA;AACJ,SAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;MAEA,KAAKhC,IAAI,CAACC,KAAK;AAAE,QAAA;UACbqC,KAAK,CAACK,cAAc,EAAE,CAAA;AAEtB,UAAA,IAAMC,YAAW,GAAG9B,gBAAgB,CAACC,WAAW,EAAEC,iBAAiB,CAAE,CAAA;AAErE,UAAA,IAAI4B,YAAW,KAAXA,IAAAA,IAAAA,YAAW,eAAXA,YAAW,CAAEK,QAAQ,EAAE;AACvB,YAAA,MAAA;AACJ,WAAA;AAEA,UAAA,IAAI,CAACtB,IAAI,CAAC,CAAC,CAAC,EAAE;AACVC,YAAAA,YAAY,CAAC;AAAEY,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5Cd,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAA;AAAoB,aAAC,CAAC,CAAA;AAClD,YAAA,MAAA;AACJ,WAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,UAAA,IAAII,YAAW,EAAE;YACbb,eAAe,CAACa,YAAW,CAAC,CAAA;AAChC,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK5C,IAAI,CAACG,GAAG;AAAE,QAAA;AACXyB,UAAAA,YAAY,CAAC;AAAEY,YAAAA,IAAI,EAAE,OAAA;AAAQ,WAAC,CAAC,CAAA;AAC/Bd,UAAAA,mBAAmB,CAAC;AAAEc,YAAAA,IAAI,EAAE,OAAA;AAAQ,WAAC,CAAC,CAAA;UACtCV,gBAAgB,CAAC,KAAK,CAAC,CAAA;UACvBG,YAAY,CAAC,EAAE,CAAC,CAAA;AAEhB,UAAA,MAAA;AACJ,SAAA;MAEA,KAAKjC,IAAI,CAACI,MAAM;AAAE,QAAA;AACdwB,UAAAA,YAAY,CAAC;AAAEY,YAAAA,IAAI,EAAE,OAAA;AAAQ,WAAC,CAAC,CAAA;AAC/Bd,UAAAA,mBAAmB,CAAC;AAAEc,YAAAA,IAAI,EAAE,OAAA;AAAQ,WAAC,CAAC,CAAA;UACtCV,gBAAgB,CAAC,KAAK,CAAC,CAAA;AAEvB,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK9B,IAAI,CAACU,IAAI;AAAE,QAAA;AACZ,UAAA,IAAIiB,IAAI,CAAC,CAAC,CAAC,EAAE;AACT,YAAA,IAAIA,IAAI,CAACQ,MAAM,GAAGpB,WAAW,CAACoB,MAAM,EAAE;AAClCP,cAAAA,YAAY,CAAC;AAAEY,gBAAAA,IAAI,EAAE,oBAAA;AAAqB,eAAC,CAAC,CAAA;AAChD,aAAA;AAEAd,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAmB;AAAEC,cAAAA,KAAK,EAAE,CAAA;AAAE,aAAC,CAAC,CAAA;AAChE,WAAC,MAAM;AACHb,YAAAA,YAAY,CAAC;AAAEY,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5Cd,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAA;AAAoB,aAAC,CAAC,CAAA;YAElDV,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAC1B,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK9B,IAAI,CAACW,GAAG;AAAE,QAAA;AACX,UAAA,IAAIgB,IAAI,CAAC,CAAC,CAAC,EAAE;AACT,YAAA,IAAIA,IAAI,CAACQ,MAAM,GAAGpB,WAAW,CAACoB,MAAM,EAAE;AAClCP,cAAAA,YAAY,CAAC;AAAEY,gBAAAA,IAAI,EAAE,oBAAA;AAAqB,eAAC,CAAC,CAAA;AAChD,aAAA;AAEAd,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAmB;cAAEC,KAAK,EAAEL,aAAa,GAAG,CAAA;AAAE,aAAC,CAAC,CAAA;AAChF,WAAC,MAAM;AACHR,YAAAA,YAAY,CAAC;AAAEY,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5Cd,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAmB;cAAEC,KAAK,EAAE,CAACZ,OAAO,CAACN,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAA;AAAE,aAAC,CAAC,CAAA;YAEzFO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAC1B,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK9B,IAAI,CAACY,MAAM;AAAE,QAAA;AACd,UAAA,IAAI,CAACe,IAAI,CAAC,CAAC,CAAC,EAAE;AACV,YAAA,MAAA;AACJ,WAAA;AAEA,UAAA,IAAIA,IAAI,CAACQ,MAAM,GAAGpB,WAAW,CAACoB,MAAM,EAAE;AAClCP,YAAAA,YAAY,CAAC;AAAEY,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAChD,WAAA;UAEA,IAAIN,YAAY,IAAInC,SAAS,EAAE;AAC3B2B,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAmB;AAAEC,cAAAA,KAAK,EAAE,CAAA;AAAE,aAAC,CAAC,CAAA;AAChE,WAAC,MAAM;AACHf,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAmB;cAAEC,KAAK,EAAEP,YAAY,GAAGnC,SAAAA;AAAU,aAAC,CAAC,CAAA;AACvF,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAKC,IAAI,CAACa,QAAQ;AAAE,QAAA;AAChB,UAAA,IAAI,CAACc,IAAI,CAAC,CAAC,CAAC,EAAE;AACV,YAAA,MAAA;AACJ,WAAA;AAEA,UAAA,IAAIA,IAAI,CAACQ,MAAM,GAAGpB,WAAW,CAACoB,MAAM,EAAE;AAClCP,YAAAA,YAAY,CAAC;AAAEY,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAChD,WAAA;AAEA,UAAA,IAAIJ,aAAa,GAAGF,YAAY,IAAInC,SAAS,EAAE;AAC3C2B,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAmB;cAAEC,KAAK,EAAEL,aAAa,GAAG,CAAA;AAAE,aAAC,CAAC,CAAA;AAChF,WAAC,MAAM;AACHV,YAAAA,mBAAmB,CAAC;AAAEc,cAAAA,IAAI,EAAE,mBAAmB;cAAEC,KAAK,EAAEP,YAAY,GAAGnC,SAAAA;AAAU,aAAC,CAAC,CAAA;AACvF,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;AAKJ,KAAA;GACH,CAAA;EAED,OAAO;AAAEsC,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.Form_styles_22v2s5_sngk5la__4621e773{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import React, { forwardRef, useRef, useEffect } from 'react';
|
2
|
+
import { useForkRef } from '@salutejs/plasma-core';
|
3
|
+
import { createEvent } from '../../../../../utils/syntheticEvent.js';
|
4
|
+
import { SelectHidden } from './Form.styles.js';
|
5
|
+
|
6
|
+
var Form = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
7
|
+
var name = _ref.name,
|
8
|
+
multiple = _ref.multiple,
|
9
|
+
value = _ref.value,
|
10
|
+
onChange = _ref.onChange;
|
11
|
+
var values = multiple ? value : [value];
|
12
|
+
var selectRef = useRef(null);
|
13
|
+
var forkRef = useForkRef(selectRef, ref);
|
14
|
+
useEffect(function () {
|
15
|
+
var event = createEvent(selectRef);
|
16
|
+
onChange && onChange(event);
|
17
|
+
}, [values]);
|
18
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
|
19
|
+
ref: forkRef,
|
20
|
+
multiple: multiple,
|
21
|
+
name: name,
|
22
|
+
hidden: true,
|
23
|
+
value: multiple ? values : values[0]
|
24
|
+
}, values.map(function (v) {
|
25
|
+
return /*#__PURE__*/React.createElement("option", {
|
26
|
+
key: v,
|
27
|
+
value: v
|
28
|
+
}, v);
|
29
|
+
})));
|
30
|
+
});
|
31
|
+
|
32
|
+
export { Form };
|
33
|
+
//# sourceMappingURL=Form.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Form.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Form/Form.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../../utils/syntheticEvent';\nimport { ComboboxProps } from '../../Combobox.types';\n\nimport { SelectHidden } from './Form.styles';\n\ntype Props = Pick<ComboboxProps, 'name' | 'value' | 'multiple'> & {\n onChange: (value: ChangeEvent<HTMLSelectElement> | null) => void;\n};\n\nexport const Form = forwardRef<HTMLSelectElement, Props>(({ name, multiple, value, onChange }, ref) => {\n const values = (multiple ? value : [value]) as string[];\n const selectRef = useRef<HTMLSelectElement | null>(null);\n const forkRef = useForkRef(selectRef, ref);\n\n useEffect(() => {\n const event = createEvent(selectRef);\n onChange && onChange(event);\n }, [values]);\n return (\n <>\n <SelectHidden ref={forkRef} multiple={multiple} name={name} hidden value={multiple ? values : values[0]}>\n {values.map((v) => (\n <option key={v} value={v}>\n {v}\n </option>\n ))}\n </SelectHidden>\n </>\n );\n});\n"],"names":["Form","forwardRef","_ref","ref","name","multiple","value","onChange","values","selectRef","useRef","forkRef","useForkRef","useEffect","event","createEvent","React","createElement","Fragment","SelectHidden","hidden","map","v","key"],"mappings":";;;;;AAYO,IAAMA,IAAI,gBAAGC,UAAU,CAA2B,UAAAC,IAAA,EAAsCC,GAAG,EAAK;AAAA,EAAA,IAA3CC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;EACvF,IAAMC,MAAM,GAAIH,QAAQ,GAAGC,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AACvD,EAAA,IAAMG,SAAS,GAAGC,MAAM,CAA2B,IAAI,CAAC,CAAA;AACxD,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,SAAS,EAAEN,GAAG,CAAC,CAAA;AAE1CU,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,KAAK,GAAGC,WAAW,CAACN,SAAS,CAAC,CAAA;AACpCF,IAAAA,QAAQ,IAAIA,QAAQ,CAACO,KAAK,CAAC,CAAA;AAC/B,GAAC,EAAE,CAACN,MAAM,CAAC,CAAC,CAAA;AACZ,EAAA,oBACIQ,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AAAChB,IAAAA,GAAG,EAAEQ,OAAQ;AAACN,IAAAA,QAAQ,EAAEA,QAAS;AAACD,IAAAA,IAAI,EAAEA,IAAK;IAACgB,MAAM,EAAA,IAAA;AAACd,IAAAA,KAAK,EAAED,QAAQ,GAAGG,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EACnGA,MAAM,CAACa,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACVN,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQM,MAAAA,GAAG,EAAED,CAAE;AAAChB,MAAAA,KAAK,EAAEgB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CAAC;;;;"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import './Form.styles_22v2s5.css';
|
2
|
+
import { styled } from '@linaria/react';
|
3
|
+
|
4
|
+
var SelectHidden = /*#__PURE__*/styled('select')({
|
5
|
+
name: "SelectHidden",
|
6
|
+
"class": "sngk5la",
|
7
|
+
propsAsIs: false
|
8
|
+
});
|
9
|
+
|
10
|
+
export { SelectHidden };
|
11
|
+
//# sourceMappingURL=Form.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Form.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Form/Form.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyHidden } from '../../../../../mixins';\n\nexport const SelectHidden = styled.select`\n ${applyHidden()};\n`;\n"],"names":["SelectHidden","styled","name","class","propsAsIs"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.sngk5la{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|