@salutejs/plasma-new-hope 0.188.0-canary.1550.11777193712.0 → 0.188.0-canary.1553.11776288397.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/Chip/Chip.js +1 -3
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +22 -21
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -0
- 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/Inner/Inner.css +22 -21
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +22 -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 -16
- 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 +107 -35
- 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 +61 -46
- package/emotion/cjs/components/Chip/Chip.js +1 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -0
- 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/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 -15
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +49 -26
- 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 +75 -25
- 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/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/es/components/Chip/Chip.js +1 -3
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -0
- 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/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 -18
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +48 -25
- 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 +75 -25
- 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/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/es/components/Autocomplete/Autocomplete.css +22 -21
- package/es/components/Chip/Chip.js +1 -3
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +22 -21
- package/es/components/Combobox/ComboboxNew/Combobox.js +1 -0
- 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/Inner/Inner.css +22 -21
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +22 -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 -18
- 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 +99 -36
- 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 +61 -46
- package/package.json +4 -4
- package/styled-components/cjs/components/Chip/Chip.js +1 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -0
- 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/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 +26 -11
- 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 -15
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +25 -19
- 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 +62 -21
- 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/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/es/components/Chip/Chip.js +1 -3
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -0
- 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/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 +25 -10
- 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 -18
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +24 -18
- 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 +62 -21
- 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/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/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +3 -1
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +40 -40
- 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.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/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/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
- 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_web/components/Combobox/Combobox.d.ts +24 -24
- 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/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_96j02v.css +0 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1kgvsdc.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_xyln0f.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/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/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/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_96j02v.css +0 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_1kgvsdc.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_xyln0f.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/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/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/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
@@ -1,5 +1,11 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
declare const Select: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
+
size: {
|
4
|
+
xs: import("@linaria/core").LinariaClassName;
|
5
|
+
s: import("@linaria/core").LinariaClassName;
|
6
|
+
m: import("@linaria/core").LinariaClassName;
|
7
|
+
l: import("@linaria/core").LinariaClassName;
|
8
|
+
};
|
3
9
|
view: {
|
4
10
|
default: import("@linaria/core").LinariaClassName;
|
5
11
|
positive: import("@linaria/core").LinariaClassName;
|
@@ -12,24 +18,11 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
12
18
|
black: import("@linaria/core").LinariaClassName;
|
13
19
|
white: import("@linaria/core").LinariaClassName;
|
14
20
|
};
|
15
|
-
size: {
|
16
|
-
l: import("@linaria/core").LinariaClassName;
|
17
|
-
m: import("@linaria/core").LinariaClassName;
|
18
|
-
s: import("@linaria/core").LinariaClassName;
|
19
|
-
xs: import("@linaria/core").LinariaClassName;
|
20
|
-
};
|
21
|
-
labelPlacement: {
|
22
|
-
inner: import("@linaria/core").LinariaClassName;
|
23
|
-
outer: import("@linaria/core").LinariaClassName;
|
24
|
-
};
|
25
21
|
chipView: {
|
26
22
|
default: import("@linaria/core").LinariaClassName;
|
27
23
|
secondary: import("@linaria/core").LinariaClassName;
|
28
24
|
accent: import("@linaria/core").LinariaClassName;
|
29
25
|
};
|
30
|
-
disabled: {
|
31
|
-
true: import("@linaria/core").LinariaClassName;
|
32
|
-
};
|
33
26
|
}> & (({
|
34
27
|
target?: "textfield-like" | undefined;
|
35
28
|
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
@@ -41,33 +34,33 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
41
34
|
multiselect?: false | undefined;
|
42
35
|
separator?: undefined;
|
43
36
|
} & {
|
44
|
-
value
|
37
|
+
value: any;
|
45
38
|
onChange?: ((value: any) => void) | undefined;
|
46
39
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
47
40
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
41
|
+
status?: "error" | "success" | "warning" | undefined;
|
48
42
|
placeholder?: string | undefined;
|
49
43
|
helperText?: string | undefined;
|
50
44
|
disabled?: boolean | undefined;
|
51
|
-
items?: import("
|
52
|
-
onItemSelect?: ((e: import("
|
45
|
+
items?: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
46
|
+
onItemSelect?: ((e: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
47
|
+
hasItems?: boolean | undefined;
|
53
48
|
children?: undefined;
|
49
|
+
isOpen?: boolean | undefined;
|
54
50
|
isTargetAmount?: boolean | undefined;
|
55
|
-
renderTarget?: ((item: import("
|
56
|
-
placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
|
51
|
+
renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
52
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
57
53
|
label?: string | undefined;
|
58
54
|
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
59
55
|
variant?: "normal" | "tight" | undefined;
|
60
56
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
61
57
|
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
62
|
-
renderValue?: ((item: import("
|
63
|
-
renderItem?: ((item: import("
|
58
|
+
renderValue?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
59
|
+
renderItem?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
64
60
|
closeAfterSelect?: boolean | undefined;
|
65
61
|
size?: string | undefined;
|
66
62
|
view?: string | undefined;
|
67
63
|
chipView?: string | undefined;
|
68
|
-
status?: "error" | "success" | "warning" | undefined;
|
69
|
-
hasItems?: boolean | undefined;
|
70
|
-
isOpen?: boolean | undefined;
|
71
64
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
72
65
|
target?: "textfield-like" | undefined;
|
73
66
|
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
@@ -79,33 +72,33 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
79
72
|
multiselect?: true | undefined;
|
80
73
|
separator?: string | undefined;
|
81
74
|
} & {
|
82
|
-
value
|
75
|
+
value: any;
|
83
76
|
onChange?: ((value: any) => void) | undefined;
|
84
77
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
85
78
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
79
|
+
status?: "error" | "success" | "warning" | undefined;
|
86
80
|
placeholder?: string | undefined;
|
87
81
|
helperText?: string | undefined;
|
88
82
|
disabled?: boolean | undefined;
|
89
|
-
items?: import("
|
90
|
-
onItemSelect?: ((e: import("
|
83
|
+
items?: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
84
|
+
onItemSelect?: ((e: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
85
|
+
hasItems?: boolean | undefined;
|
91
86
|
children?: undefined;
|
87
|
+
isOpen?: boolean | undefined;
|
92
88
|
isTargetAmount?: boolean | undefined;
|
93
|
-
renderTarget?: ((item: import("
|
94
|
-
placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
|
89
|
+
renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
90
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
95
91
|
label?: string | undefined;
|
96
92
|
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
97
93
|
variant?: "normal" | "tight" | undefined;
|
98
94
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
99
95
|
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
100
|
-
renderValue?: ((item: import("
|
101
|
-
renderItem?: ((item: import("
|
96
|
+
renderValue?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
97
|
+
renderItem?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
102
98
|
closeAfterSelect?: boolean | undefined;
|
103
99
|
size?: string | undefined;
|
104
100
|
view?: string | undefined;
|
105
101
|
chipView?: string | undefined;
|
106
|
-
status?: "error" | "success" | "warning" | undefined;
|
107
|
-
hasItems?: boolean | undefined;
|
108
|
-
isOpen?: boolean | undefined;
|
109
102
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
110
103
|
target?: "button-like" | undefined;
|
111
104
|
view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
|
@@ -117,33 +110,33 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
117
110
|
multiselect?: false | undefined;
|
118
111
|
separator?: undefined;
|
119
112
|
} & {
|
120
|
-
value
|
113
|
+
value: any;
|
121
114
|
onChange?: ((value: any) => void) | undefined;
|
122
115
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
123
116
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
117
|
+
status?: "error" | "success" | "warning" | undefined;
|
124
118
|
placeholder?: string | undefined;
|
125
119
|
helperText?: string | undefined;
|
126
120
|
disabled?: boolean | undefined;
|
127
|
-
items?: import("
|
128
|
-
onItemSelect?: ((e: import("
|
121
|
+
items?: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
122
|
+
onItemSelect?: ((e: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
123
|
+
hasItems?: boolean | undefined;
|
129
124
|
children?: undefined;
|
125
|
+
isOpen?: boolean | undefined;
|
130
126
|
isTargetAmount?: boolean | undefined;
|
131
|
-
renderTarget?: ((item: import("
|
132
|
-
placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
|
127
|
+
renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
128
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
133
129
|
label?: string | undefined;
|
134
130
|
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
135
131
|
variant?: "normal" | "tight" | undefined;
|
136
132
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
137
133
|
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
138
|
-
renderValue?: ((item: import("
|
139
|
-
renderItem?: ((item: import("
|
134
|
+
renderValue?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
135
|
+
renderItem?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
140
136
|
closeAfterSelect?: boolean | undefined;
|
141
137
|
size?: string | undefined;
|
142
138
|
view?: string | undefined;
|
143
139
|
chipView?: string | undefined;
|
144
|
-
status?: "error" | "success" | "warning" | undefined;
|
145
|
-
hasItems?: boolean | undefined;
|
146
|
-
isOpen?: boolean | undefined;
|
147
140
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
|
148
141
|
target?: "button-like" | undefined;
|
149
142
|
view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
|
@@ -155,33 +148,33 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
155
148
|
multiselect?: true | undefined;
|
156
149
|
separator?: string | undefined;
|
157
150
|
} & {
|
158
|
-
value
|
151
|
+
value: any;
|
159
152
|
onChange?: ((value: any) => void) | undefined;
|
160
153
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
161
154
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
155
|
+
status?: "error" | "success" | "warning" | undefined;
|
162
156
|
placeholder?: string | undefined;
|
163
157
|
helperText?: string | undefined;
|
164
158
|
disabled?: boolean | undefined;
|
165
|
-
items?: import("
|
166
|
-
onItemSelect?: ((e: import("
|
159
|
+
items?: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
|
160
|
+
onItemSelect?: ((e: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
|
161
|
+
hasItems?: boolean | undefined;
|
167
162
|
children?: undefined;
|
163
|
+
isOpen?: boolean | undefined;
|
168
164
|
isTargetAmount?: boolean | undefined;
|
169
|
-
renderTarget?: ((item: import("
|
170
|
-
placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
|
165
|
+
renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
166
|
+
placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
|
171
167
|
label?: string | undefined;
|
172
168
|
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
173
169
|
variant?: "normal" | "tight" | undefined;
|
174
170
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
175
171
|
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
176
|
-
renderValue?: ((item: import("
|
177
|
-
renderItem?: ((item: import("
|
172
|
+
renderValue?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
|
173
|
+
renderItem?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
|
178
174
|
closeAfterSelect?: boolean | undefined;
|
179
175
|
size?: string | undefined;
|
180
176
|
view?: string | undefined;
|
181
177
|
chipView?: string | undefined;
|
182
|
-
status?: "error" | "success" | "warning" | undefined;
|
183
|
-
hasItems?: boolean | undefined;
|
184
|
-
isOpen?: boolean | undefined;
|
185
178
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
|
186
179
|
export { Select };
|
187
180
|
//# sourceMappingURL=Select.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Select/Select.ts"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Select/Select.ts"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAA0B,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
@@ -1,3 +0,0 @@
|
|
1
|
-
.s1e57mfu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
|
2
|
-
.s5dck5y{--plasma-select-button-color:var(--plasma-pagination-button-color);--plasma-select-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
|
3
|
-
.squvg2e{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
|
@@ -1,87 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
-
var react = require('@floating-ui/react');
|
7
|
-
var React = require('react');
|
8
|
-
var plasmaCore = require('@salutejs/plasma-core');
|
9
|
-
var getPlacement = require('./utils/getPlacement.js');
|
10
|
-
var getFallbackPlacements = require('./utils/getFallbackPlacements.js');
|
11
|
-
|
12
|
-
var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
13
|
-
var target = _ref.target,
|
14
|
-
children = _ref.children,
|
15
|
-
opened = _ref.opened,
|
16
|
-
onToggle = _ref.onToggle,
|
17
|
-
placement = _ref.placement,
|
18
|
-
portal = _ref.portal,
|
19
|
-
listWidth = _ref.listWidth,
|
20
|
-
_ref$offset = _ref.offset,
|
21
|
-
offset = _ref$offset === void 0 ? 0 : _ref$offset;
|
22
|
-
var _useFloating = react.useFloating({
|
23
|
-
placement: getPlacement.getPlacement(placement),
|
24
|
-
open: opened,
|
25
|
-
middleware: [react.offset(offset), react.flip({
|
26
|
-
fallbackPlacements: getFallbackPlacements.getFallbackPlacements(placement)
|
27
|
-
}), react.shift(), react.size({
|
28
|
-
apply: function apply(_ref2) {
|
29
|
-
var rects = _ref2.rects,
|
30
|
-
elements = _ref2.elements;
|
31
|
-
Object.assign(elements.floating.style, {
|
32
|
-
width: listWidth || "".concat(rects.reference.width, "px")
|
33
|
-
});
|
34
|
-
}
|
35
|
-
})]
|
36
|
-
}),
|
37
|
-
refs = _useFloating.refs,
|
38
|
-
floatingStyles = _useFloating.floatingStyles;
|
39
|
-
var wrappedId = plasmaCore.safeUseId();
|
40
|
-
var handleClick = function handleClick() {
|
41
|
-
if (onToggle) {
|
42
|
-
onToggle(!opened);
|
43
|
-
}
|
44
|
-
};
|
45
|
-
|
46
|
-
// Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
|
47
|
-
// Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
|
48
|
-
// Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
|
49
|
-
// но выпадающий список должен позиционироваться непосредственно возле самого инпута.
|
50
|
-
var isTargetAsFunction = typeof target === 'function';
|
51
|
-
return /*#__PURE__*/React.createElement("div", {
|
52
|
-
ref: ref,
|
53
|
-
id: wrappedId
|
54
|
-
}, /*#__PURE__*/React.createElement("div", {
|
55
|
-
ref: isTargetAsFunction ? undefined : refs.setReference,
|
56
|
-
onClick: handleClick
|
57
|
-
}, typeof target === 'function' ? target(refs.setReference) : target), opened &&
|
58
|
-
/*#__PURE__*/
|
59
|
-
// root - принимает ref контейнера портала.
|
60
|
-
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
61
|
-
React.createElement(react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement("div", {
|
62
|
-
ref: refs.setFloating,
|
63
|
-
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, floatingStyles), {}, {
|
64
|
-
zIndex: 1
|
65
|
-
})
|
66
|
-
}, children)));
|
67
|
-
});
|
68
|
-
// root - принимает ref контейнера портала.
|
69
|
-
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
70
|
-
var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
|
71
|
-
if (!portal) {
|
72
|
-
return {
|
73
|
-
id: wrappedId
|
74
|
-
};
|
75
|
-
}
|
76
|
-
if (typeof portal === 'string') {
|
77
|
-
return {
|
78
|
-
id: portal
|
79
|
-
};
|
80
|
-
}
|
81
|
-
return {
|
82
|
-
root: portal
|
83
|
-
};
|
84
|
-
};
|
85
|
-
|
86
|
-
exports.FloatingPopover = FloatingPopover;
|
87
|
-
//# sourceMappingURL=FloatingPopover.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/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 { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.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: getPlacement(placement),\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackPlacements: getFallbackPlacements(placement) }),\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 {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","getPlacement","open","middleware","offsetMiddleware","flip","fallbackPlacements","getFallbackPlacements","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","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":";;;;;;;;;;;AAOMA,IAAAA,eAAe,gBAAGC,gBAAU,CAC9B,UAAAC,IAAA,EAAmFC,GAAG,EAAK;AAAA,EAAA,IAAxFC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAAC,WAAA,GAAAT,IAAA,CAAEU,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,WAAA,CAAA;EAC3E,IAAAE,YAAA,GAAiCC,iBAAW,CAAC;AACzCN,MAAAA,SAAS,EAAEO,yBAAY,CAACP,SAAS,CAAC;AAClCQ,MAAAA,IAAI,EAAEV,MAAM;MACZW,UAAU,EAAE,CACRC,YAAgB,CAACN,MAAM,CAAC,EACxBO,UAAI,CAAC;QAAEC,kBAAkB,EAAEC,2CAAqB,CAACb,SAAS,CAAA;AAAE,OAAC,CAAC,EAC9Dc,WAAK,EAAE,EACPC,UAAI,CAAC;QACDC,KAAK,EAAA,SAAAA,KAAAC,CAAAA,KAAA,EAAsB;AAAA,UAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ,CAAA;UACnBC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACC,KAAK,EAAE;YACnCC,KAAK,EAAEtB,SAAS,IAAAuB,EAAAA,CAAAA,MAAA,CAAOP,KAAK,CAACQ,SAAS,CAACF,KAAK,EAAA,IAAA,CAAA;AAChD,WAAC,CAAC,CAAA;AACN,SAAA;AACJ,OAAC,CAAC,CAAA;AAEV,KAAC,CAAC;IAfMG,IAAI,GAAAtB,YAAA,CAAJsB,IAAI;IAAEC,cAAc,GAAAvB,YAAA,CAAduB,cAAc,CAAA;AAiB5B,EAAA,IAAMC,SAAS,GAAGC,oBAAS,EAAE,CAAA;AAE7B,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAIhC,QAAQ,EAAE;MACVA,QAAQ,CAAC,CAACD,MAAM,CAAC,CAAA;AACrB,KAAA;GACH,CAAA;;AAED;AACA;AACA;AACA;AACA,EAAA,IAAMkC,kBAAkB,GAAG,OAAOpC,MAAM,KAAK,UAAU,CAAA;EAEvD,oBACIqC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKvC,IAAAA,GAAG,EAAEA,GAAI;AAACwC,IAAAA,EAAE,EAAEN,SAAAA;GACfI,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKvC,IAAAA,GAAG,EAAEqC,kBAAkB,GAAGI,SAAS,GAAGT,IAAI,CAACU,YAAa;AAACC,IAAAA,OAAO,EAAEP,WAAAA;AAAY,GAAA,EAC9E,OAAOnC,MAAM,KAAK,UAAU,GAAGA,MAAM,CAAC+B,IAAI,CAACU,YAAmB,CAAC,GAAGzC,MAClE,CAAC,EAELE,MAAM;AAAA;AACH;AACA;AACAmC,EAAAA,KAAA,CAAAC,aAAA,CAACK,oBAAc,EAAKC,sBAAsB,CAACvC,MAAM,EAAE4B,SAAS,CAAC,eACzDI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKvC,GAAG,EAAEgC,IAAI,CAACc,WAAY;AAAClB,IAAAA,KAAK,EAAAmB,uCAAA,CAAAA,uCAAA,KAAOd,cAAc,CAAA,EAAA,EAAA,EAAA;AAAEe,MAAAA,MAAM,EAAE,CAAA;AAAC,KAAA,CAAA;GAC5D9C,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,IAAM2C,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACxBvC,MAAsC,EACtC4B,SAAiB,EACa;EAC9B,IAAI,CAAC5B,MAAM,EAAE;IACT,OAAO;AAAEkC,MAAAA,EAAE,EAAEN,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,OAAO5B,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;AAAEkC,MAAAA,EAAE,EAAElC,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;AAAE2C,IAAAA,IAAI,EAAE3C,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
.upxbau6{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);height:var(--upxbau6-1);overflow:var(--upxbau6-2);border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--upxbau6-3);padding:var(--plasma-select-padding) 0;}
|
2
|
-
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.s1vls8ri{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s1vls8ri div[class^='CellContent'],.s1vls8ri div[class^='CellTextboxStyled']{-webkit-flex:1;-ms-flex:1;flex:1;}.s1vls8ri div[class^='StyledTextboxTitle']{position:relative;}.s1vls8ri div[class^='StyledTextboxTitle']:before{content:' ';visibility:hidden;}.s1vls8ri div[class^='StyledTextboxTitle'] span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
2
|
-
|
3
|
-
.s17z4dei{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
|
4
|
-
.s1nd9idj{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
|
5
|
-
.dnb2nsj{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dnb2nsj:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
6
|
-
.i581hb1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
|
7
|
-
.scgpql7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
8
|
-
.wzzpzvq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.wzzpzvq:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wzzpzvq:focus{outline:none;}.wzzpzvq::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.wzzpzvq.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
9
|
-
|
@@ -1,5 +0,0 @@
|
|
1
|
-
.sfn0xs0{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
|
2
|
-
.i1akdel6{line-height:0;color:var(--plasma-select-button-arrow-color);}.i1akdel6:hover{color:var(--plasma-select-button-arrow-color-hover);}.i1akdel6:active{color:var(--plasma-select-button-arrow-color-active);}
|
3
|
-
.sn98tws{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
4
|
-
.ba2820e{display:inline;}.ba2820e .select-without-box-shadow::before{box-shadow:none !important;}.ba2820e .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
5
|
-
.lpf11kx{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
@@ -1,3 +0,0 @@
|
|
1
|
-
.s1yhwv5r{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.s1yhwv5r div[class^='InputWrapper']:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
2
|
-
.i7x5udn{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.i7x5udn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i7x5udn:hover,.i7x5udn:active{color:var(--i7x5udn-1);}
|
3
|
-
|
@@ -1,15 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var getFallbackPlacements = function getFallbackPlacements(placement) {
|
6
|
-
if (placement instanceof Array) {
|
7
|
-
return placement.map(function (p) {
|
8
|
-
return "".concat(p, "-start");
|
9
|
-
});
|
10
|
-
}
|
11
|
-
return undefined;
|
12
|
-
};
|
13
|
-
|
14
|
-
exports.getFallbackPlacements = getFallbackPlacements;
|
15
|
-
//# sourceMappingURL=getFallbackPlacements.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"getFallbackPlacements.js","sources":["../../../../src/components/Select/utils/getFallbackPlacements.ts"],"sourcesContent":["import { AlignedPlacement, Placement } from '@floating-ui/react';\n\nimport type { FloatingPopoverProps } from '../Select.types';\n\nexport const getFallbackPlacements = (\n placement: NonNullable<FloatingPopoverProps['placement']>,\n): Placement[] | undefined => {\n if (placement instanceof Array) {\n return placement.map((p) => `${p}-start`) as AlignedPlacement[];\n }\n\n return undefined;\n};\n"],"names":["getFallbackPlacements","placement","Array","map","p","concat","undefined"],"mappings":";;;;IAIaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,SAAyD,EAC/B;EAC1B,IAAIA,SAAS,YAAYC,KAAK,EAAE;AAC5B,IAAA,OAAOD,SAAS,CAACE,GAAG,CAAC,UAACC,CAAC,EAAA;MAAA,OAAAC,EAAAA,CAAAA,MAAA,CAAQD,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,KAAQ,CAAC,CAAA;AAC7C,GAAA;AAEA,EAAA,OAAOE,SAAS,CAAA;AACpB;;;;"}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var getItemId = function getItemId(treeId, value) {
|
6
|
-
return "".concat(treeId, "-").concat(value);
|
7
|
-
};
|
8
|
-
|
9
|
-
exports.getItemId = getItemId;
|
10
|
-
//# sourceMappingURL=getItemId.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"getItemId.js","sources":["../../../../src/components/Select/utils/getItemId.ts"],"sourcesContent":["export const getItemId = (treeId: string, value: string): string => {\n return `${treeId}-${value}`;\n};\n"],"names":["getItemId","treeId","value","concat"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAIC,MAAc,EAAEC,KAAa,EAAa;AAChE,EAAA,OAAA,EAAA,CAAAC,MAAA,CAAUF,MAAM,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAID,KAAK,CAAA,CAAA;AAC7B;;;;"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var getPlacement = function getPlacement(placement) {
|
6
|
-
if (placement instanceof Array) {
|
7
|
-
return undefined;
|
8
|
-
}
|
9
|
-
return "".concat(placement, "-start");
|
10
|
-
};
|
11
|
-
|
12
|
-
exports.getPlacement = getPlacement;
|
13
|
-
//# sourceMappingURL=getPlacement.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"getPlacement.js","sources":["../../../../src/components/Select/utils/getPlacement.ts"],"sourcesContent":["import { AlignedPlacement, Placement } from '@floating-ui/react';\n\nimport type { FloatingPopoverProps } from '../Select.types';\n\nexport const getPlacement = (placement: NonNullable<FloatingPopoverProps['placement']>): Placement | undefined => {\n if (placement instanceof Array) {\n return undefined;\n }\n\n return `${placement}-start` as AlignedPlacement;\n};\n"],"names":["getPlacement","placement","Array","undefined","concat"],"mappings":";;;;IAIaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,SAAyD,EAA4B;EAC9G,IAAIA,SAAS,YAAYC,KAAK,EAAE;AAC5B,IAAA,OAAOC,SAAS,CAAA;AACpB,GAAA;EAEA,OAAAC,EAAAA,CAAAA,MAAA,CAAUH,SAAS,EAAA,QAAA,CAAA,CAAA;AACvB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .smqgwd8,.b15d3bnf.label-placement-inner .s7hnwwb{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}
|
@@ -1,91 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.FloatingPopover = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@floating-ui/react");
|
8
|
-
var _react2 = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
|
-
var _utils = /*#__PURE__*/require("./utils");
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
14
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
15
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
16
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
17
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
18
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
19
|
-
var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
20
|
-
var target = _ref.target,
|
21
|
-
children = _ref.children,
|
22
|
-
opened = _ref.opened,
|
23
|
-
onToggle = _ref.onToggle,
|
24
|
-
placement = _ref.placement,
|
25
|
-
portal = _ref.portal,
|
26
|
-
listWidth = _ref.listWidth,
|
27
|
-
_ref$offset = _ref.offset,
|
28
|
-
offset = _ref$offset === void 0 ? 0 : _ref$offset;
|
29
|
-
var _useFloating = (0, _react.useFloating)({
|
30
|
-
placement: (0, _utils.getPlacement)(placement),
|
31
|
-
open: opened,
|
32
|
-
middleware: [(0, _react.offset)(offset), (0, _react.flip)({
|
33
|
-
fallbackPlacements: (0, _utils.getFallbackPlacements)(placement)
|
34
|
-
}), (0, _react.shift)(), (0, _react.size)({
|
35
|
-
apply: function apply(_ref2) {
|
36
|
-
var rects = _ref2.rects,
|
37
|
-
elements = _ref2.elements;
|
38
|
-
Object.assign(elements.floating.style, {
|
39
|
-
width: listWidth || "".concat(rects.reference.width, "px")
|
40
|
-
});
|
41
|
-
}
|
42
|
-
})]
|
43
|
-
}),
|
44
|
-
refs = _useFloating.refs,
|
45
|
-
floatingStyles = _useFloating.floatingStyles;
|
46
|
-
var wrappedId = (0, _plasmaCore.safeUseId)();
|
47
|
-
var handleClick = function handleClick() {
|
48
|
-
if (onToggle) {
|
49
|
-
onToggle(!opened);
|
50
|
-
}
|
51
|
-
};
|
52
|
-
|
53
|
-
// Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
|
54
|
-
// Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
|
55
|
-
// Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
|
56
|
-
// но выпадающий список должен позиционироваться непосредственно возле самого инпута.
|
57
|
-
var isTargetAsFunction = typeof target === 'function';
|
58
|
-
return /*#__PURE__*/_react2["default"].createElement("div", {
|
59
|
-
ref: ref,
|
60
|
-
id: wrappedId
|
61
|
-
}, /*#__PURE__*/_react2["default"].createElement("div", {
|
62
|
-
ref: isTargetAsFunction ? undefined : refs.setReference,
|
63
|
-
onClick: handleClick
|
64
|
-
}, typeof target === 'function' ? target(refs.setReference) : target), opened &&
|
65
|
-
/*#__PURE__*/
|
66
|
-
// root - принимает ref контейнера портала.
|
67
|
-
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
68
|
-
_react2["default"].createElement(_react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/_react2["default"].createElement("div", {
|
69
|
-
ref: refs.setFloating,
|
70
|
-
style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
|
71
|
-
zIndex: 1
|
72
|
-
})
|
73
|
-
}, children)));
|
74
|
-
});
|
75
|
-
// root - принимает ref контейнера портала.
|
76
|
-
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
77
|
-
var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
|
78
|
-
if (!portal) {
|
79
|
-
return {
|
80
|
-
id: wrappedId
|
81
|
-
};
|
82
|
-
}
|
83
|
-
if (typeof portal === 'string') {
|
84
|
-
return {
|
85
|
-
id: portal
|
86
|
-
};
|
87
|
-
}
|
88
|
-
return {
|
89
|
-
root: portal
|
90
|
-
};
|
91
|
-
};
|
@@ -1,14 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.getFallbackPlacements = void 0;
|
7
|
-
var getFallbackPlacements = exports.getFallbackPlacements = function getFallbackPlacements(placement) {
|
8
|
-
if (placement instanceof Array) {
|
9
|
-
return placement.map(function (p) {
|
10
|
-
return "".concat(p, "-start");
|
11
|
-
});
|
12
|
-
}
|
13
|
-
return undefined;
|
14
|
-
};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.getPlacement = void 0;
|
7
|
-
var getPlacement = exports.getPlacement = function getPlacement(placement) {
|
8
|
-
if (placement instanceof Array) {
|
9
|
-
return undefined;
|
10
|
-
}
|
11
|
-
return "".concat(placement, "-start");
|
12
|
-
};
|