@salutejs/plasma-new-hope 0.89.1-canary.1258.9581780165.0 → 0.90.0-canary.1233.9567966423.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Chip/Chip.tokens.js +2 -0
- package/cjs/components/Chip/Chip.tokens.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js +2 -2
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/Combobox/hooks/useKeyNavigation.js.map +1 -0
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -1
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js.map +1 -1
- package/cjs/components/Combobox/utils/index.js +103 -0
- package/cjs/components/Combobox/utils/index.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.tokens.js +32 -18
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +58 -49
- package/cjs/components/Pagination/Pagination.js +12 -5
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/Pagination.tokens.js +9 -11
- package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +59 -50
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +20 -26
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +5 -20
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_187mk6b.css +3 -0
- package/cjs/components/Select/Select.css +65 -60
- package/cjs/components/Select/Select.js +254 -201
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +51 -36
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_zx0ztg.css +5 -0
- package/cjs/components/Select/Select.tokens.js +58 -166
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/elements/Inner/Inner.css +106 -0
- package/cjs/components/Select/elements/Inner/Inner.js +82 -0
- package/cjs/components/Select/elements/Inner/Inner.js.map +1 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.css +106 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.js +98 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.js.map +1 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.styles.js +104 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.styles.js.map +1 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.styles_545sy7.css +8 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.css +30 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +20 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js.map +1 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +41 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js.map +1 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles_r1sne.css +4 -0
- package/cjs/components/Select/elements/Target/Target.css +66 -0
- package/cjs/components/Select/elements/Target/Target.js +63 -0
- package/cjs/components/Select/elements/Target/Target.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.css +33 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.js +59 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +52 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles_1r519o1.css +5 -0
- package/cjs/components/Select/{ui/SelectTarget/SelectTarget.css → elements/Target/elements/Textfield/Textfield.css} +13 -7
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +113 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +113 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles_hp8mkt.css +12 -0
- package/cjs/components/Select/{ui/SelectChip/SelectChip.css → elements/Target/elements/Textfield/elements/Chip/Chip.css} +1 -1
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js +36 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js.map +1 -0
- package/cjs/components/Select/{ui/SelectChip/SelectChip.styles.js → elements/Target/elements/Textfield/elements/Chip/Chip.styles.js} +5 -8
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles_k6znfr.css +1 -0
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +314 -0
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/components/Select/hooks/usePathMaps.js +37 -0
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -0
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js +39 -0
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
- package/cjs/components/Select/reducers/focusedPathReducer.js +37 -0
- package/cjs/components/Select/reducers/focusedPathReducer.js.map +1 -0
- package/cjs/components/Select/reducers/pathReducer.js +41 -0
- package/cjs/components/Select/reducers/pathReducer.js.map +1 -0
- package/cjs/components/Select/utils/getButtonLabel.js +47 -0
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -0
- package/cjs/components/Select/utils/getCorrectHeight.js +13 -0
- package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -0
- package/cjs/components/Select/utils/getView.js +27 -0
- package/cjs/components/Select/utils/getView.js.map +1 -0
- package/cjs/components/Select/utils/initialItemsTransform.js +19 -0
- package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -0
- package/cjs/components/Select/utils/sizeToIconSize.js +11 -0
- package/cjs/components/Select/utils/sizeToIconSize.js.map +1 -0
- package/cjs/components/Select/utils/updateAncestors.js +32 -0
- package/cjs/components/Select/utils/updateAncestors.js.map +1 -0
- package/cjs/components/Select/utils/updateDescendants.js +16 -0
- package/cjs/components/Select/utils/updateDescendants.js.map +1 -0
- package/cjs/components/Select/utils/updateSingleAncestors.js +13 -0
- package/cjs/components/Select/utils/updateSingleAncestors.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +33 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +31 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +1 -0
- package/cjs/components/_Icon/IconRoot.js +1 -1
- package/cjs/components/_Icon/IconRoot.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js.map +1 -0
- package/cjs/engines/common.js.map +1 -1
- package/cjs/hooks/useOutsideClick.js +26 -0
- package/cjs/hooks/useOutsideClick.js.map +1 -0
- package/cjs/index.css +43 -27
- package/cjs/index.js +6 -18
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/isEmpty.js +49 -0
- package/cjs/utils/isEmpty.js.map +1 -0
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Chip/Chip.tokens.js +2 -0
- package/es/components/Chip/Chip.tokens.js.map +1 -1
- package/es/components/Combobox/Combobox.js +2 -2
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Combobox/hooks/useKeyNavigation.js.map +1 -0
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -1
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js.map +1 -1
- package/es/components/Combobox/utils/index.js +102 -3
- package/es/components/Combobox/utils/index.js.map +1 -1
- package/es/components/Dropdown/Dropdown.tokens.js +32 -18
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Pagination/Pagination.css +58 -49
- package/es/components/Pagination/Pagination.js +12 -5
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/Pagination.tokens.js +9 -11
- package/es/components/Pagination/Pagination.tokens.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +59 -50
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +23 -29
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +6 -19
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_187mk6b.css +3 -0
- package/es/components/Select/Select.css +65 -60
- package/es/components/Select/Select.js +250 -198
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +48 -34
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_zx0ztg.css +5 -0
- package/es/components/Select/Select.tokens.js +58 -166
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/elements/Inner/Inner.css +106 -0
- package/es/components/Select/elements/Inner/Inner.js +78 -0
- package/es/components/Select/elements/Inner/Inner.js.map +1 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.css +106 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.js +94 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.js.map +1 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.styles.js +93 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.styles.js.map +1 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.styles_545sy7.css +8 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.css +30 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +16 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js.map +1 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +34 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js.map +1 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles_r1sne.css +4 -0
- package/es/components/Select/elements/Target/Target.css +66 -0
- package/es/components/Select/elements/Target/Target.js +59 -0
- package/es/components/Select/elements/Target/Target.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Button/Button.css +33 -0
- package/es/components/Select/elements/Target/elements/Button/Button.js +55 -0
- package/es/components/Select/elements/Target/elements/Button/Button.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Button/Button.styles.js +44 -0
- package/es/components/Select/elements/Target/elements/Button/Button.styles.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Button/Button.styles_1r519o1.css +5 -0
- package/es/components/Select/{ui/SelectTarget/SelectTarget.css → elements/Target/elements/Textfield/Textfield.css} +13 -7
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.js +109 -0
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +98 -0
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.styles.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.styles_hp8mkt.css +12 -0
- package/es/components/Select/{ui/SelectChip/SelectChip.css → elements/Target/elements/Textfield/elements/Chip/Chip.css} +1 -1
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js +32 -0
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js +19 -0
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles_k6znfr.css +1 -0
- package/es/components/Select/hooks/useKeyboardNavigation.js +309 -0
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -0
- package/es/components/Select/hooks/usePathMaps.js +33 -0
- package/es/components/Select/hooks/usePathMaps.js.map +1 -0
- package/es/components/Select/reducers/focusedChipIndexReducer.js +35 -0
- package/es/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
- package/es/components/Select/reducers/focusedPathReducer.js +33 -0
- package/es/components/Select/reducers/focusedPathReducer.js.map +1 -0
- package/es/components/Select/reducers/pathReducer.js +37 -0
- package/es/components/Select/reducers/pathReducer.js.map +1 -0
- package/es/components/Select/utils/getButtonLabel.js +43 -0
- package/es/components/Select/utils/getButtonLabel.js.map +1 -0
- package/es/components/Select/utils/getCorrectHeight.js +9 -0
- package/es/components/Select/utils/getCorrectHeight.js.map +1 -0
- package/es/components/Select/utils/getView.js +23 -0
- package/es/components/Select/utils/getView.js.map +1 -0
- package/es/components/Select/utils/initialItemsTransform.js +15 -0
- package/es/components/Select/utils/initialItemsTransform.js.map +1 -0
- package/es/components/Select/utils/sizeToIconSize.js +7 -0
- package/es/components/Select/utils/sizeToIconSize.js.map +1 -0
- package/es/components/Select/utils/updateAncestors.js +28 -0
- package/es/components/Select/utils/updateAncestors.js.map +1 -0
- package/es/components/Select/utils/updateDescendants.js +12 -0
- package/es/components/Select/utils/updateDescendants.js.map +1 -0
- package/es/components/Select/utils/updateSingleAncestors.js +9 -0
- package/es/components/Select/utils/updateSingleAncestors.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +29 -0
- package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +27 -0
- package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +1 -0
- package/es/components/_Icon/IconRoot.js +1 -1
- package/es/components/_Icon/IconRoot.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -0
- package/es/components/_Icon/Icons/IconDisclosureRightCentered.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureRightCentered.js.map +1 -0
- package/es/engines/common.js.map +1 -1
- package/es/hooks/useOutsideClick.js +22 -0
- package/es/hooks/useOutsideClick.js.map +1 -0
- package/es/index.css +43 -27
- package/es/index.js +4 -7
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/utils/isEmpty.js +45 -0
- package/es/utils/isEmpty.js.map +1 -0
- package/package.json +4 -4
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Chip/Chip.tokens.js +2 -0
- package/styled-components/cjs/components/Combobox/Combobox.js +6 -6
- package/styled-components/cjs/components/Combobox/hooks/index.js +14 -1
- package/styled-components/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +4 -5
- package/styled-components/cjs/components/Combobox/utils/index.js +105 -1
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +32 -18
- package/styled-components/cjs/components/Pagination/Pagination.js +12 -5
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +2 -2
- package/styled-components/cjs/components/Pagination/Pagination.tokens.js +9 -11
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +22 -35
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -8
- package/styled-components/cjs/components/Select/Select.js +249 -193
- package/styled-components/cjs/components/Select/Select.styles.js +28 -23
- package/styled-components/cjs/components/Select/Select.tokens.js +73 -167
- package/styled-components/cjs/components/Select/elements/InfiniteLoader/InfiniteLoader.js +18 -0
- package/styled-components/cjs/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.js +24 -0
- package/styled-components/cjs/components/Select/elements/Inner/Inner.js +80 -0
- package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.js +96 -0
- package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.styles.js +63 -0
- package/styled-components/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +19 -0
- package/styled-components/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +25 -0
- package/styled-components/cjs/components/Select/elements/Target/Target.js +62 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.js +58 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +30 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +111 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +63 -0
- package/styled-components/cjs/components/Select/{ui/SelectChip/SelectChip.js → elements/Target/elements/Textfield/elements/Chip/Chip.js} +24 -27
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js +21 -0
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +316 -0
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +33 -0
- package/styled-components/cjs/components/Select/index.js +3 -20
- package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +38 -0
- package/styled-components/cjs/components/Select/reducers/focusedPathReducer.js +40 -0
- package/styled-components/cjs/components/Select/reducers/index.js +38 -0
- package/styled-components/cjs/components/Select/reducers/pathReducer.js +44 -0
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +43 -0
- package/styled-components/cjs/components/Select/utils/getCorrectHeight.js +12 -0
- package/styled-components/cjs/components/Select/utils/getView.js +26 -0
- package/styled-components/cjs/components/Select/utils/index.js +51 -102
- package/styled-components/cjs/components/Select/utils/initialItemsTransform.js +18 -0
- package/styled-components/cjs/components/Select/utils/sizeToIconSize.js +10 -0
- package/styled-components/cjs/components/Select/utils/updateAncestors.js +31 -0
- package/styled-components/cjs/components/Select/utils/updateDescendants.js +15 -0
- package/styled-components/cjs/components/Select/utils/updateSingleAncestors.js +12 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +32 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +30 -0
- package/styled-components/cjs/components/_Icon/IconRoot.js +1 -1
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +14 -0
- package/styled-components/cjs/examples/_helpers.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.config.js +7 -7
- package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +20 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.js +9 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +768 -202
- package/styled-components/cjs/examples/plasma_b2c/components/Select/style.css +38 -0
- package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.config.js +7 -7
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +20 -10
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.js +9 -13
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +768 -198
- package/styled-components/cjs/examples/plasma_web/components/Select/style.css +38 -0
- package/styled-components/cjs/hooks/index.js +7 -0
- package/styled-components/cjs/hooks/useOutsideClick.js +24 -0
- package/styled-components/cjs/utils/index.js +7 -0
- package/styled-components/cjs/utils/isEmpty.js +47 -0
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Chip/Chip.tokens.js +2 -0
- package/styled-components/es/components/Combobox/Combobox.js +2 -2
- package/styled-components/es/components/Combobox/hooks/index.js +2 -1
- package/styled-components/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -2
- package/styled-components/es/components/Combobox/utils/index.js +105 -1
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +32 -18
- package/styled-components/es/components/Pagination/Pagination.js +12 -5
- package/styled-components/es/components/Pagination/Pagination.styles.js +2 -2
- package/styled-components/es/components/Pagination/Pagination.tokens.js +9 -11
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +22 -33
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -8
- package/styled-components/es/components/Select/Select.js +245 -190
- package/styled-components/es/components/Select/Select.styles.js +25 -21
- package/styled-components/es/components/Select/Select.tokens.js +72 -166
- package/styled-components/es/components/Select/elements/InfiniteLoader/InfiniteLoader.js +11 -0
- package/styled-components/es/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.js +17 -0
- package/styled-components/es/components/Select/elements/Inner/Inner.js +73 -0
- package/styled-components/es/components/Select/elements/Inner/elements/Item/Item.js +87 -0
- package/styled-components/es/components/Select/elements/Inner/elements/Item/Item.styles.js +56 -0
- package/styled-components/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +12 -0
- package/styled-components/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +18 -0
- package/styled-components/es/components/Select/elements/Target/Target.js +55 -0
- package/styled-components/es/components/Select/elements/Target/elements/Button/Button.js +51 -0
- package/styled-components/es/components/Select/elements/Target/elements/Button/Button.styles.js +23 -0
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/Textfield.js +104 -0
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +56 -0
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js +28 -0
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js +14 -0
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +310 -0
- package/styled-components/es/components/Select/hooks/usePathMaps.js +27 -0
- package/styled-components/es/components/Select/index.js +2 -2
- package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +32 -0
- package/styled-components/es/components/Select/reducers/focusedPathReducer.js +34 -0
- package/styled-components/es/components/Select/reducers/index.js +3 -0
- package/styled-components/es/components/Select/reducers/pathReducer.js +38 -0
- package/styled-components/es/components/Select/utils/getButtonLabel.js +37 -0
- package/styled-components/es/components/Select/utils/getCorrectHeight.js +6 -0
- package/styled-components/es/components/Select/utils/getView.js +20 -0
- package/styled-components/es/components/Select/utils/index.js +8 -106
- package/styled-components/es/components/Select/utils/initialItemsTransform.js +12 -0
- package/styled-components/es/components/Select/utils/sizeToIconSize.js +4 -0
- package/styled-components/es/components/Select/utils/updateAncestors.js +25 -0
- package/styled-components/es/components/Select/utils/updateDescendants.js +9 -0
- package/styled-components/es/components/Select/utils/updateSingleAncestors.js +6 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +25 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +23 -0
- package/styled-components/es/components/_Icon/IconRoot.js +1 -1
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDownCentered.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureRightCentered.js +15 -0
- package/styled-components/es/components/_Icon/index.js +2 -0
- package/styled-components/es/examples/_helpers.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.config.js +7 -7
- package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +20 -10
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.js +3 -12
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +768 -202
- package/styled-components/es/examples/plasma_b2c/components/Select/style.css +38 -0
- package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.config.js +7 -7
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +20 -10
- package/styled-components/es/examples/plasma_web/components/Select/Select.js +3 -12
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +768 -198
- package/styled-components/es/examples/plasma_web/components/Select/style.css +38 -0
- package/styled-components/es/hooks/index.js +1 -0
- package/styled-components/es/hooks/useOutsideClick.js +18 -0
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/isEmpty.js +42 -0
- package/types/components/Chip/Chip.tokens.d.ts +2 -0
- package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
- package/types/components/Combobox/Select.types.d.ts +99 -0
- package/types/components/Combobox/Select.types.d.ts.map +1 -0
- package/types/components/Combobox/hooks/index.d.ts +1 -0
- package/types/components/Combobox/hooks/index.d.ts.map +1 -1
- package/types/components/Combobox/hooks/useKeyNavigation.d.ts.map +1 -0
- package/types/components/Combobox/ui/ComboboxTarget/ComboboxTarget.d.ts.map +1 -1
- package/types/components/Combobox/utils/index.d.ts +13 -1
- package/types/components/Combobox/utils/index.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +17 -17
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +5 -9
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.tokens.d.ts +9 -11
- package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.types.d.ts +6 -1
- package/types/components/Pagination/Pagination.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +53 -43
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.d.ts +5 -2
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +7 -8
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +11 -6
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +71 -165
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +128 -65
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.d.ts +6 -0
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.d.ts.map +1 -0
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.d.ts +29 -0
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.d.ts.map +1 -0
- package/types/components/Select/elements/Inner/Inner.d.ts +4 -0
- package/types/components/Select/elements/Inner/Inner.d.ts.map +1 -0
- package/types/components/Select/elements/Inner/Inner.type.d.ts +13 -0
- package/types/components/Select/elements/Inner/Inner.type.d.ts.map +1 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.d.ts +4 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.d.ts.map +1 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.styles.d.ts +18 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.styles.d.ts.map +1 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.types.d.ts +57 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.types.d.ts.map +1 -0
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.d.ts +4 -0
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.d.ts.map +1 -0
- package/types/components/Select/{ui/SelectTarget/SelectTarget.styles.d.ts → elements/SelectNotFoundContent/SelectNotFoundContent.styles.d.ts} +6 -12
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.d.ts.map +1 -0
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.types.d.ts +8 -0
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.types.d.ts.map +1 -0
- package/types/components/Select/elements/Target/Target.d.ts +4 -0
- package/types/components/Select/elements/Target/Target.d.ts.map +1 -0
- package/types/components/Select/elements/Target/Target.types.d.ts +14 -0
- package/types/components/Select/elements/Target/Target.types.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Button/Button.d.ts +4 -0
- package/types/components/Select/elements/Target/elements/Button/Button.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Button/Button.styles.d.ts +49 -0
- package/types/components/Select/elements/Target/elements/Button/Button.styles.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Button/Button.types.d.ts +4 -0
- package/types/components/Select/elements/Target/elements/Button/Button.types.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.d.ts +4 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.styles.d.ts +60 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.styles.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.types.d.ts +4 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.types.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.d.ts +9 -0
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.d.ts +3 -0
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.d.ts.map +1 -0
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +43 -0
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/Select/hooks/usePathMaps.d.ts +8 -0
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -0
- package/types/components/Select/index.d.ts +3 -3
- 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/focusedPathReducer.d.ts +16 -0
- package/types/components/Select/reducers/focusedPathReducer.d.ts.map +1 -0
- package/types/components/Select/reducers/index.d.ts +4 -0
- package/types/components/Select/reducers/index.d.ts.map +1 -0
- package/types/components/Select/reducers/pathReducer.d.ts +20 -0
- package/types/components/Select/reducers/pathReducer.d.ts.map +1 -0
- package/types/components/Select/utils/getButtonLabel.d.ts +3 -0
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -0
- package/types/components/Select/utils/getCorrectHeight.d.ts +3 -0
- package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -0
- package/types/components/Select/utils/getView.d.ts +3 -0
- package/types/components/Select/utils/getView.d.ts.map +1 -0
- package/types/components/Select/utils/index.d.ts +8 -13
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/initialItemsTransform.d.ts +3 -0
- package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -0
- package/types/components/Select/utils/sizeToIconSize.d.ts +3 -0
- package/types/components/Select/utils/sizeToIconSize.d.ts.map +1 -0
- package/types/components/Select/utils/updateAncestors.d.ts +4 -0
- package/types/components/Select/utils/updateAncestors.d.ts.map +1 -0
- package/types/components/Select/utils/updateDescendants.d.ts +4 -0
- package/types/components/Select/utils/updateDescendants.d.ts.map +1 -0
- package/types/components/Select/utils/updateSingleAncestors.d.ts +4 -0
- package/types/components/Select/utils/updateSingleAncestors.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureDownCentered.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureDownCentered.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureRightCentered.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureRightCentered.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureDownCentered.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureDownCentered.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureRightCentered.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureRightCentered.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +2 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/engines/common.d.ts +1 -1
- package/types/engines/common.d.ts.map +1 -1
- package/types/engines/types.d.ts +1 -1
- package/types/engines/types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Pagination/Pagination.config.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Pagination/Pagination.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Pagination/Pagination.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -5
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +70 -55
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Pagination/Pagination.config.d.ts +1 -1
- package/types/examples/plasma_web/components/Pagination/Pagination.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Pagination/Pagination.d.ts +1 -1
- package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -5
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +70 -55
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/useOutsideClick.d.ts +3 -0
- package/types/hooks/useOutsideClick.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/types/utils/isEmpty.d.ts +3 -0
- package/types/utils/isEmpty.d.ts.map +1 -0
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_rtehle.css +0 -4
- package/cjs/components/Select/Select.styles_1q3i6gw.css +0 -4
- package/cjs/components/Select/hooks/useKeyNavigation.js.map +0 -1
- package/cjs/components/Select/ui/SelectChip/SelectChip.js +0 -39
- package/cjs/components/Select/ui/SelectChip/SelectChip.js.map +0 -1
- package/cjs/components/Select/ui/SelectChip/SelectChip.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectChip/SelectChip.styles_1u4uw04.css +0 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +0 -35
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +0 -41
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -12
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +0 -35
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +0 -41
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -12
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +0 -35
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +0 -41
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -12
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +0 -35
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +0 -41
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -12
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectItem/SelectItem.css +0 -35
- package/cjs/components/Select/ui/SelectItem/SelectItem.js +0 -40
- package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +0 -1
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +0 -19
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles_vk39mp.css +0 -1
- package/cjs/components/Select/ui/SelectItem/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectItem/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectItem/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectItem/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +0 -148
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +0 -1
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -112
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css +0 -6
- package/cjs/components/Select/utils/index.js +0 -112
- package/cjs/components/Select/utils/index.js.map +0 -1
- package/cjs/components/Select/variations/_target/base.js +0 -9
- package/cjs/components/Select/variations/_target/base.js.map +0 -1
- package/cjs/components/Select/variations/_target/base_x642ct.css +0 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_rtehle.css +0 -4
- package/es/components/Select/Select.styles_1q3i6gw.css +0 -4
- package/es/components/Select/hooks/useKeyNavigation.js.map +0 -1
- package/es/components/Select/ui/SelectChip/SelectChip.js +0 -35
- package/es/components/Select/ui/SelectChip/SelectChip.js.map +0 -1
- package/es/components/Select/ui/SelectChip/SelectChip.styles.js +0 -22
- package/es/components/Select/ui/SelectChip/SelectChip.styles.js.map +0 -1
- package/es/components/Select/ui/SelectChip/SelectChip.styles_1u4uw04.css +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.css +0 -35
- package/es/components/Select/ui/SelectDivider/SelectDivider.js +0 -36
- package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -7
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.css +0 -35
- package/es/components/Select/ui/SelectFooter/SelectFooter.js +0 -36
- package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -7
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.css +0 -35
- package/es/components/Select/ui/SelectGroup/SelectGroup.js +0 -36
- package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -7
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.css +0 -35
- package/es/components/Select/ui/SelectHeader/SelectHeader.js +0 -36
- package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -7
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectItem/SelectItem.css +0 -35
- package/es/components/Select/ui/SelectItem/SelectItem.js +0 -35
- package/es/components/Select/ui/SelectItem/SelectItem.js.map +0 -1
- package/es/components/Select/ui/SelectItem/SelectItem.styles.js +0 -15
- package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +0 -1
- package/es/components/Select/ui/SelectItem/SelectItem.styles_vk39mp.css +0 -1
- package/es/components/Select/ui/SelectItem/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectItem/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectItem/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectItem/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectItem/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectItem/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectTarget/SelectTarget.js +0 -144
- package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +0 -1
- package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -103
- package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js.map +0 -1
- package/es/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css +0 -6
- package/es/components/Select/utils/index.js +0 -105
- package/es/components/Select/utils/index.js.map +0 -1
- package/es/components/Select/variations/_target/base.js +0 -5
- package/es/components/Select/variations/_target/base.js.map +0 -1
- package/es/components/Select/variations/_target/base_x642ct.css +0 -1
- package/styled-components/cjs/components/Select/Select.template-doc.mdx +0 -115
- package/styled-components/cjs/components/Select/hooks/index.js +0 -12
- package/styled-components/cjs/components/Select/ui/SelectChip/SelectChip.styles.js +0 -25
- package/styled-components/cjs/components/Select/ui/SelectDivider/SelectDivider.js +0 -29
- package/styled-components/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -12
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_size/tokens.json +0 -8
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.js +0 -29
- package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -12
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/tokens.json +0 -12
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/tokens.json +0 -9
- package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.js +0 -29
- package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -12
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_size/tokens.json +0 -20
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_view/tokens.json +0 -10
- package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.js +0 -29
- package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -12
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_size/tokens.json +0 -12
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_view/tokens.json +0 -9
- package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +0 -29
- package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +0 -13
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_size/tokens.json +0 -19
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_view/tokens.json +0 -9
- package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +0 -157
- package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -69
- package/styled-components/cjs/components/Select/ui/index.js +0 -77
- package/styled-components/cjs/components/Select/variations/_target/base.js +0 -8
- package/styled-components/cjs/components/Select/variations/_target/tokens.json +0 -1
- package/styled-components/es/components/Select/Select.template-doc.mdx +0 -115
- package/styled-components/es/components/Select/hooks/index.js +0 -1
- package/styled-components/es/components/Select/ui/SelectChip/SelectChip.js +0 -31
- package/styled-components/es/components/Select/ui/SelectChip/SelectChip.styles.js +0 -19
- package/styled-components/es/components/Select/ui/SelectDivider/SelectDivider.js +0 -23
- package/styled-components/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -7
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_size/tokens.json +0 -8
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Select/ui/SelectFooter/SelectFooter.js +0 -23
- package/styled-components/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -7
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_size/tokens.json +0 -12
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_view/tokens.json +0 -9
- package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.js +0 -23
- package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -7
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_size/tokens.json +0 -20
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_view/tokens.json +0 -10
- package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.js +0 -23
- package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -7
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_size/tokens.json +0 -12
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_view/tokens.json +0 -9
- package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +0 -23
- package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +0 -8
- package/styled-components/es/components/Select/ui/SelectItem/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectItem/variations/_size/tokens.json +0 -19
- package/styled-components/es/components/Select/ui/SelectItem/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectItem/variations/_view/tokens.json +0 -9
- package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +0 -148
- package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -62
- package/styled-components/es/components/Select/ui/index.js +0 -6
- package/styled-components/es/components/Select/variations/_target/base.js +0 -2
- package/styled-components/es/components/Select/variations/_target/tokens.json +0 -1
- package/types/components/Select/hooks/index.d.ts +0 -2
- package/types/components/Select/hooks/index.d.ts.map +0 -1
- package/types/components/Select/hooks/useKeyNavigation.d.ts.map +0 -1
- package/types/components/Select/ui/SelectChip/SelectChip.d.ts +0 -7
- package/types/components/Select/ui/SelectChip/SelectChip.d.ts.map +0 -1
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectChip/SelectChip.types.d.ts +0 -37
- package/types/components/Select/ui/SelectChip/SelectChip.types.d.ts.map +0 -1
- package/types/components/Select/ui/SelectDivider/SelectDivider.d.ts +0 -29
- package/types/components/Select/ui/SelectDivider/SelectDivider.d.ts.map +0 -1
- package/types/components/Select/ui/SelectDivider/SelectDivider.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectDivider/SelectDivider.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectDivider/SelectDivider.types.d.ts +0 -3
- package/types/components/Select/ui/SelectDivider/SelectDivider.types.d.ts.map +0 -1
- package/types/components/Select/ui/SelectDivider/variations/_size/base.d.ts +0 -2
- package/types/components/Select/ui/SelectDivider/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectDivider/variations/_view/base.d.ts +0 -2
- package/types/components/Select/ui/SelectDivider/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectFooter/SelectFooter.d.ts +0 -29
- package/types/components/Select/ui/SelectFooter/SelectFooter.d.ts.map +0 -1
- package/types/components/Select/ui/SelectFooter/SelectFooter.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectFooter/SelectFooter.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectFooter/SelectFooter.type.d.ts +0 -3
- package/types/components/Select/ui/SelectFooter/SelectFooter.type.d.ts.map +0 -1
- package/types/components/Select/ui/SelectFooter/variations/_size/base.d.ts +0 -2
- package/types/components/Select/ui/SelectFooter/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectFooter/variations/_view/base.d.ts +0 -2
- package/types/components/Select/ui/SelectFooter/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectGroup/SelectGroup.d.ts +0 -37
- package/types/components/Select/ui/SelectGroup/SelectGroup.d.ts.map +0 -1
- package/types/components/Select/ui/SelectGroup/SelectGroup.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectGroup/SelectGroup.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectGroup/SelectGroup.type.d.ts +0 -3
- package/types/components/Select/ui/SelectGroup/SelectGroup.type.d.ts.map +0 -1
- package/types/components/Select/ui/SelectGroup/variations/_size/base.d.ts +0 -2
- package/types/components/Select/ui/SelectGroup/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectGroup/variations/_view/base.d.ts +0 -2
- package/types/components/Select/ui/SelectGroup/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectHeader/SelectHeader.d.ts +0 -29
- package/types/components/Select/ui/SelectHeader/SelectHeader.d.ts.map +0 -1
- package/types/components/Select/ui/SelectHeader/SelectHeader.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectHeader/SelectHeader.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectHeader/SelectHeader.type.d.ts +0 -3
- package/types/components/Select/ui/SelectHeader/SelectHeader.type.d.ts.map +0 -1
- package/types/components/Select/ui/SelectHeader/variations/_size/base.d.ts +0 -2
- package/types/components/Select/ui/SelectHeader/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectHeader/variations/_view/base.d.ts +0 -2
- package/types/components/Select/ui/SelectHeader/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectItem/SelectItem.d.ts +0 -53
- package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +0 -1
- package/types/components/Select/ui/SelectItem/SelectItem.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectItem/SelectItem.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +0 -3
- package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts.map +0 -1
- package/types/components/Select/ui/SelectItem/variations/_size/base.d.ts +0 -2
- package/types/components/Select/ui/SelectItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectItem/variations/_view/base.d.ts +0 -2
- package/types/components/Select/ui/SelectItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts +0 -7
- package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +0 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.types.d.ts +0 -60
- package/types/components/Select/ui/SelectTarget/SelectTarget.types.d.ts.map +0 -1
- package/types/components/Select/ui/index.d.ts +0 -7
- package/types/components/Select/ui/index.d.ts.map +0 -1
- package/types/components/Select/variations/_target/base.d.ts +0 -2
- package/types/components/Select/variations/_target/base.d.ts.map +0 -1
- /package/cjs/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
- /package/es/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
- /package/styled-components/cjs/components/{Select/ui/SelectChip/SelectChip.types.js → Combobox/Select.types.js} +0 -0
- /package/styled-components/cjs/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectDivider/SelectDivider.types.js → elements/Inner/Inner.type.js} +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectFooter/SelectFooter.type.js → elements/Inner/elements/Item/Item.types.js} +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectGroup/SelectGroup.type.js → elements/SelectNotFoundContent/SelectNotFoundContent.types.js} +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectHeader/SelectHeader.type.js → elements/Target/Target.types.js} +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectItem/SelectItem.type.js → elements/Target/elements/Button/Button.types.js} +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectTarget/SelectTarget.types.js → elements/Target/elements/Textfield/Textfield.types.js} +0 -0
- /package/styled-components/es/components/{Select/ui/SelectChip/SelectChip.types.js → Combobox/Select.types.js} +0 -0
- /package/styled-components/es/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
- /package/styled-components/es/components/Select/{ui/SelectDivider/SelectDivider.types.js → elements/Inner/Inner.type.js} +0 -0
- /package/styled-components/es/components/Select/{ui/SelectFooter/SelectFooter.type.js → elements/Inner/elements/Item/Item.types.js} +0 -0
- /package/styled-components/es/components/Select/{ui/SelectGroup/SelectGroup.type.js → elements/SelectNotFoundContent/SelectNotFoundContent.types.js} +0 -0
- /package/styled-components/es/components/Select/{ui/SelectHeader/SelectHeader.type.js → elements/Target/Target.types.js} +0 -0
- /package/styled-components/es/components/Select/{ui/SelectItem/SelectItem.type.js → elements/Target/elements/Button/Button.types.js} +0 -0
- /package/styled-components/es/components/Select/{ui/SelectTarget/SelectTarget.types.js → elements/Target/elements/Textfield/Textfield.types.js} +0 -0
- /package/types/components/{Select → Combobox}/hooks/useKeyNavigation.d.ts +0 -0
package/cjs/index.js
CHANGED
@@ -18,6 +18,7 @@ var useUniqId = require('./hooks/useUniqId.js');
|
|
18
18
|
var usePreviousValue = require('./hooks/usePreviousValue.js');
|
19
19
|
var useForceUpdate = require('./hooks/useForceUpdate.js');
|
20
20
|
var useDidMountEffect = require('./hooks/useDidMountEffect.js');
|
21
|
+
var useOutsideClick = require('./hooks/useOutsideClick.js');
|
21
22
|
var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
|
22
23
|
var index$1 = require('./utils/index.js');
|
23
24
|
var Button = require('./components/Button/Button.js');
|
@@ -160,12 +161,7 @@ var Progress = require('./components/Progress/Progress.js');
|
|
160
161
|
var Progress_tokens = require('./components/Progress/Progress.tokens.js');
|
161
162
|
var Select = require('./components/Select/Select.js');
|
162
163
|
var Select_tokens = require('./components/Select/Select.tokens.js');
|
163
|
-
var
|
164
|
-
var SelectFooter = require('./components/Select/ui/SelectFooter/SelectFooter.js');
|
165
|
-
var SelectGroup = require('./components/Select/ui/SelectGroup/SelectGroup.js');
|
166
|
-
var SelectHeader = require('./components/Select/ui/SelectHeader/SelectHeader.js');
|
167
|
-
var SelectItem = require('./components/Select/ui/SelectItem/SelectItem.js');
|
168
|
-
var SelectTarget = require('./components/Select/ui/SelectTarget/SelectTarget.js');
|
164
|
+
var SelectNotFoundContent = require('./components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js');
|
169
165
|
var Divider = require('./components/Divider/Divider.js');
|
170
166
|
var Divider_tokens = require('./components/Divider/Divider.tokens.js');
|
171
167
|
var Toolbar = require('./components/Toolbar/Toolbar.js');
|
@@ -190,6 +186,7 @@ var extractTextFrom = require('./utils/extractTextFrom.js');
|
|
190
186
|
var getSizeValueFromProp = require('./utils/getSizeValueFromProp.js');
|
191
187
|
var react = require('./utils/react.js');
|
192
188
|
var isNumber = require('./utils/isNumber.js');
|
189
|
+
var isEmpty = require('./utils/isEmpty.js');
|
193
190
|
|
194
191
|
|
195
192
|
|
@@ -272,6 +269,7 @@ exports.useUniqId = useUniqId.useUniqId;
|
|
272
269
|
exports.usePreviousValue = usePreviousValue.usePreviousValue;
|
273
270
|
exports.useForceUpdate = useForceUpdate.useForceUpdate;
|
274
271
|
exports.useDidMountEffect = useDidMountEffect.useDidMountEffect;
|
272
|
+
exports.useOutsideClick = useOutsideClick.useOutsideClick;
|
275
273
|
exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
|
276
274
|
exports.composableStyle = index$1.composableStyle;
|
277
275
|
exports.cx = index$1.cx;
|
@@ -502,19 +500,8 @@ exports.progressRoot = Progress.progressRoot;
|
|
502
500
|
exports.progressTokens = Progress_tokens.tokens;
|
503
501
|
exports.selectConfig = Select.selectConfig;
|
504
502
|
exports.selectRoot = Select.selectRoot;
|
505
|
-
exports.selectClasses = Select_tokens.classes;
|
506
503
|
exports.selectTokens = Select_tokens.tokens;
|
507
|
-
exports.
|
508
|
-
exports.selectDividerRoot = SelectDivider.selectDividerRoot;
|
509
|
-
exports.selectFooterConfig = SelectFooter.selectFooterConfig;
|
510
|
-
exports.selectFooterRoot = SelectFooter.selectFooterRoot;
|
511
|
-
exports.selectGroupConfig = SelectGroup.selectGroupConfig;
|
512
|
-
exports.selectGroupRoot = SelectGroup.selectGroupRoot;
|
513
|
-
exports.selectHeaderConfig = SelectHeader.selectHeaderConfig;
|
514
|
-
exports.selectHeaderRoot = SelectHeader.selectHeaderRoot;
|
515
|
-
exports.selectItemConfig = SelectItem.selectItemConfig;
|
516
|
-
exports.selectItemRoot = SelectItem.selectItemRoot;
|
517
|
-
exports.SelectTarget = SelectTarget.SelectTarget;
|
504
|
+
exports.SelectNotFoundContent = SelectNotFoundContent.SelectNotFoundContent;
|
518
505
|
exports.dividerConfig = Divider.dividerConfig;
|
519
506
|
exports.dividerRoot = Divider.dividerRoot;
|
520
507
|
exports.dividerClasses = Divider_tokens.classes;
|
@@ -548,4 +535,5 @@ exports.getSizeValueFromProp = getSizeValueFromProp.getSizeValueFromProp;
|
|
548
535
|
exports.IS_REACT_18 = react.IS_REACT_18;
|
549
536
|
exports.safeUseId = react.safeUseId;
|
550
537
|
exports.isNumber = isNumber.isNumber;
|
538
|
+
exports.isEmpty = isEmpty.isEmpty;
|
551
539
|
//# sourceMappingURL=index.js.map
|
package/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/utils/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;;;;
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { isEmpty } from './isEmpty';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;;;;AASaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;;;;"}
|
@@ -0,0 +1,49 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
+
|
7
|
+
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
8
|
+
var isEmpty = function isEmpty(obj) {
|
9
|
+
// null and undefined are "empty"
|
10
|
+
if (obj == null) {
|
11
|
+
return true;
|
12
|
+
}
|
13
|
+
|
14
|
+
// Assume if it has a length property with a non-zero value
|
15
|
+
// that that property is correct.
|
16
|
+
if (obj.length > 0) {
|
17
|
+
return false;
|
18
|
+
}
|
19
|
+
if (obj.length === 0) {
|
20
|
+
return true;
|
21
|
+
}
|
22
|
+
|
23
|
+
// If it isn't an object at this point
|
24
|
+
// it is empty, but it can't be anything *but* empty
|
25
|
+
// Is it empty? Depends on your application.
|
26
|
+
if (_rollupPluginBabelHelpers.typeof(obj) !== 'object') {
|
27
|
+
return true;
|
28
|
+
}
|
29
|
+
|
30
|
+
// Otherwise, does it have any properties of its own?
|
31
|
+
// Note that this doesn't handle
|
32
|
+
// toString and valueOf enumeration bugs in IE < 9
|
33
|
+
for (var key in obj) {
|
34
|
+
if (hasOwnProperty.call(obj, key)) {
|
35
|
+
return false;
|
36
|
+
}
|
37
|
+
}
|
38
|
+
return true;
|
39
|
+
};
|
40
|
+
|
41
|
+
// Example
|
42
|
+
// '' true
|
43
|
+
// '{}' true
|
44
|
+
// '[]' true
|
45
|
+
// '123' false
|
46
|
+
// '[123]' false
|
47
|
+
|
48
|
+
exports.isEmpty = isEmpty;
|
49
|
+
//# sourceMappingURL=isEmpty.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"isEmpty.js","sources":["../../src/utils/isEmpty.ts"],"sourcesContent":["const { hasOwnProperty } = Object.prototype;\n\nconst isEmpty = (obj: any): boolean => {\n // null and undefined are \"empty\"\n if (obj == null) {\n return true;\n }\n\n // Assume if it has a length property with a non-zero value\n // that that property is correct.\n if (obj.length > 0) {\n return false;\n }\n if (obj.length === 0) {\n return true;\n }\n\n // If it isn't an object at this point\n // it is empty, but it can't be anything *but* empty\n // Is it empty? Depends on your application.\n if (typeof obj !== 'object') {\n return true;\n }\n\n // Otherwise, does it have any properties of its own?\n // Note that this doesn't handle\n // toString and valueOf enumeration bugs in IE < 9\n for (const key in obj) {\n if (hasOwnProperty.call(obj, key)) {\n return false;\n }\n }\n\n return true;\n};\n\nexport { isEmpty };\n\n// Example\n// '' true\n// '{}' true\n// '[]' true\n// '123' false\n// '[123]' false\n"],"names":["hasOwnProperty","Object","prototype","isEmpty","obj","length","_typeof","key","call"],"mappings":";;;;;;AAAA,IAAQA,cAAc,GAAKC,MAAM,CAACC,SAAS,CAAnCF,cAAc,CAAA;AAEtB,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAIC,GAAQ,EAAc;AACnC;EACA,IAAIA,GAAG,IAAI,IAAI,EAAE;AACb,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;;AAEA;AACA;AACA,EAAA,IAAIA,GAAG,CAACC,MAAM,GAAG,CAAC,EAAE;AAChB,IAAA,OAAO,KAAK,CAAA;AAChB,GAAA;AACA,EAAA,IAAID,GAAG,CAACC,MAAM,KAAK,CAAC,EAAE;AAClB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;;AAEA;AACA;AACA;AACA,EAAA,IAAIC,gCAAA,CAAOF,GAAG,CAAA,KAAK,QAAQ,EAAE;AACzB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;;AAEA;AACA;AACA;AACA,EAAA,KAAK,IAAMG,GAAG,IAAIH,GAAG,EAAE;IACnB,IAAIJ,cAAc,CAACQ,IAAI,CAACJ,GAAG,EAAEG,GAAG,CAAC,EAAE;AAC/B,MAAA,OAAO,KAAK,CAAA;AAChB,KAAA;AACJ,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACf,EAAC;;AAID;AACA;AACA;AACA;AACA;AACA;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ButtonText = styled.span`\n min-width: 4ch;\n flex-shrink: 2;\n
|
1
|
+
{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ButtonText = styled.span`\n min-width: 4ch;\n flex-shrink: 2;\n\n ${applyEllipsis()}\n\n\n &.${String(classes.contentRelaxed)} {\n text-align: start;\n flex-grow: 2;\n }\n`;\n\nexport const ButtonValue = styled.span`\n color: var(${tokens.buttonValueColor});\n\n margin: var(${tokens.buttonValueMargin});\n\n min-width: 4ch;\n\n ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ contentPlacing: string; isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: ${({ contentPlacing }) => contentPlacing};\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: flex;\n margin: var(${tokens.buttonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n display: flex;\n margin: var(${tokens.buttonRightContentMargin});\n`;\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n\n :hover {\n color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorHover}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleHover});\n }\n\n :active {\n color: var(${tokens.buttonColorActive}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleActive});\n }\n\n height: var(${tokens.buttonHeight});\n width: var(${tokens.buttonWidth});\n\n /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n padding: 0 var(${tokens.buttonPadding}, calc(var(${tokens.buttonHeight}) * 1.618 / 4));\n\n font-family: var(${tokens.buttonFontFamily});\n font-size: var(${tokens.buttonFontSize});\n font-style: var(${tokens.buttonFontStyle});\n font-weight: var(${tokens.buttonFontWeight});\n letter-spacing: var(${tokens.buttonLetterSpacing});\n line-height: var(${tokens.buttonLineHeight});\n\n /* TODO: #710 make it token API ? */\n --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n\n &[disabled] {\n opacity: var(${tokens.buttonDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n }\n }\n\n &.${classes.fixedStretching} {\n width: var(${tokens.buttonWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: fit-content;\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","ButtonText","styled","name","class","propsAsIs","ButtonValue","_exp6","_ref","isLoading","_exp7","_ref2","contentPlacing","LoadWrap","vars","Loader","_exp8","StyledSpinner","StyledContentLeft","StyledContentRight","base"],"mappings":";;;;;;;AASA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,UAAU,gBAAGC,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC,EAAA;;AAED;AAAA,IAAAE,KAAA,GAnCkBA,SAmClBA,KAAAA,GAAA;AAAA,EAAA,OAEe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,GAAG,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArCvCA,SAqCuCA,KAAAA,GAAA;AAAA,EAAA,OAGlC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,cAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJtD,IAAMC,QAAQ,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfP,KAA0C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAGlCG,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAG5D,EAAA;AAEM,IAAMK,MAAM,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAW,KAAA,GA/CgBA,SA+ChBA,KAAAA,GAAA;AAAA,EAAA,OAEkCjB,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMkB,aAAa,gBAAGf,MAAM,CAAAc,KAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMa,iBAAiB,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGvC,EAAA;AAEM,IAAMe,IAAI,GA0BhB;;;;"}
|
@@ -17,6 +17,8 @@ var tokens = {
|
|
17
17
|
focusColor: '--plasma-chip-focus-color',
|
18
18
|
outlineSize: '--plasma-chip-outline-size',
|
19
19
|
closeIconColor: '--plasma-chip-close-icon-color',
|
20
|
+
closeIconColorHover: '--plasma-chip-close-icon-color-hover',
|
21
|
+
closeIconColorActive: '--plasma-chip-close-icon-color-active',
|
20
22
|
borderRadius: '--plasma-chip-border-radius',
|
21
23
|
pilledBorderRadius: '--plasma-chip-pilled-border-radius',
|
22
24
|
width: '--plasma-chip-width',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Chip.tokens.js","sources":["../../../src/components/Chip/Chip.tokens.ts"],"sourcesContent":["export const classes = {\n pilled: 'chip-pilled',\n};\n\nexport const tokens = {\n background: '--plasma-chip-background',\n color: '--plasma-chip-color',\n backgroundHover: '--plasma-chip-background-hover',\n colorHover: '--plasma-chip-color-hover',\n scaleHover: '--plasma-chip-scale-hover',\n backgroundReadOnly: '--plasma-chip-background-readonly',\n colorReadOnly: '--plasma-chip-color-readonly',\n backgroundReadOnlyHover: '--plasma-chip-background-readonly-hover',\n colorReadOnlyHover: '--plasma-chip-color-readonly-hover',\n backgroundActive: '--plasma-chip-background-active',\n colorActive: '--plasma-chip-color-active',\n scaleActive: '--plasma-chip-scale-active',\n focusColor: '--plasma-chip-focus-color',\n outlineSize: '--plasma-chip-outline-size',\n closeIconColor: '--plasma-chip-close-icon-color',\n\n borderRadius: '--plasma-chip-border-radius',\n pilledBorderRadius: '--plasma-chip-pilled-border-radius',\n width: '--plasma-chip-width',\n height: '--plasma-chip-height',\n paddingTop: '--plasma-chip-padding-top',\n paddingRight: '--plasma-chip-padding-right',\n paddingBottom: '--plasma-chip-padding-bottom',\n paddingLeft: '--plasma-chip-padding-left',\n closeIconSize: '--plasma-chip-close-icon-size',\n\n disabledOpacity: '--plasma-chip-disabled-opacity',\n\n fontFamily: '--plasma-chip-font-family',\n fontSize: '--plasma-chip-font-size',\n fontStyle: '--plasma-chip-font-style',\n fontWeight: '--plasma-chip-font-weight',\n letterSpacing: '--plasma-chip-letter-spacing',\n lineHeight: '--plasma-chip-lineheight',\n\n leftContentMarginLeft: '--plasma-chip-left-content-margin-left',\n leftContentMarginRight: '--plasma-chip-left-content-margin-right',\n rightContentMarginLeft: '--plasma-chip-right-content-margin-left',\n rightContentMarginRight: '--plasma-chip-right-content-margin-right',\n clearContentMarginLeft: '--plasma-chip-clear-content-margin-left',\n clearContentMarginRight: '--plasma-chip-clear-content-margin-right',\n};\n"],"names":["classes","pilled","tokens","background","color","backgroundHover","colorHover","scaleHover","backgroundReadOnly","colorReadOnly","backgroundReadOnlyHover","colorReadOnlyHover","backgroundActive","colorActive","scaleActive","focusColor","outlineSize","closeIconColor","borderRadius","pilledBorderRadius","width","height","paddingTop","paddingRight","paddingBottom","paddingLeft","closeIconSize","disabledOpacity","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight","clearContentMarginLeft","clearContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,aAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,cAAc,EAAE,gCAAgC;
|
1
|
+
{"version":3,"file":"Chip.tokens.js","sources":["../../../src/components/Chip/Chip.tokens.ts"],"sourcesContent":["export const classes = {\n pilled: 'chip-pilled',\n};\n\nexport const tokens = {\n background: '--plasma-chip-background',\n color: '--plasma-chip-color',\n backgroundHover: '--plasma-chip-background-hover',\n colorHover: '--plasma-chip-color-hover',\n scaleHover: '--plasma-chip-scale-hover',\n backgroundReadOnly: '--plasma-chip-background-readonly',\n colorReadOnly: '--plasma-chip-color-readonly',\n backgroundReadOnlyHover: '--plasma-chip-background-readonly-hover',\n colorReadOnlyHover: '--plasma-chip-color-readonly-hover',\n backgroundActive: '--plasma-chip-background-active',\n colorActive: '--plasma-chip-color-active',\n scaleActive: '--plasma-chip-scale-active',\n focusColor: '--plasma-chip-focus-color',\n outlineSize: '--plasma-chip-outline-size',\n closeIconColor: '--plasma-chip-close-icon-color',\n closeIconColorHover: '--plasma-chip-close-icon-color-hover',\n closeIconColorActive: '--plasma-chip-close-icon-color-active',\n\n borderRadius: '--plasma-chip-border-radius',\n pilledBorderRadius: '--plasma-chip-pilled-border-radius',\n width: '--plasma-chip-width',\n height: '--plasma-chip-height',\n paddingTop: '--plasma-chip-padding-top',\n paddingRight: '--plasma-chip-padding-right',\n paddingBottom: '--plasma-chip-padding-bottom',\n paddingLeft: '--plasma-chip-padding-left',\n closeIconSize: '--plasma-chip-close-icon-size',\n\n disabledOpacity: '--plasma-chip-disabled-opacity',\n\n fontFamily: '--plasma-chip-font-family',\n fontSize: '--plasma-chip-font-size',\n fontStyle: '--plasma-chip-font-style',\n fontWeight: '--plasma-chip-font-weight',\n letterSpacing: '--plasma-chip-letter-spacing',\n lineHeight: '--plasma-chip-lineheight',\n\n leftContentMarginLeft: '--plasma-chip-left-content-margin-left',\n leftContentMarginRight: '--plasma-chip-left-content-margin-right',\n rightContentMarginLeft: '--plasma-chip-right-content-margin-left',\n rightContentMarginRight: '--plasma-chip-right-content-margin-right',\n clearContentMarginLeft: '--plasma-chip-clear-content-margin-left',\n clearContentMarginRight: '--plasma-chip-clear-content-margin-right',\n};\n"],"names":["classes","pilled","tokens","background","color","backgroundHover","colorHover","scaleHover","backgroundReadOnly","colorReadOnly","backgroundReadOnlyHover","colorReadOnlyHover","backgroundActive","colorActive","scaleActive","focusColor","outlineSize","closeIconColor","closeIconColorHover","closeIconColorActive","borderRadius","pilledBorderRadius","width","height","paddingTop","paddingRight","paddingBottom","paddingLeft","closeIconSize","disabledOpacity","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight","clearContentMarginLeft","clearContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,aAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,oBAAoB,EAAE,uCAAuC;AAE7DC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,aAAa,EAAE,+BAA+B;AAE9CC,EAAAA,eAAe,EAAE,gCAAgC;AAEjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,0BAA0B;AAEtCC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;"}
|
@@ -3,10 +3,10 @@ import React, { forwardRef, useState, useRef, useEffect, Children } from 'react'
|
|
3
3
|
import { safeUseId, useForkRef } from '@salutejs/plasma-core';
|
4
4
|
import { cx } from '../../utils/index.js';
|
5
5
|
import { getPlacements } from '../Dropdown/utils/index.js';
|
6
|
-
import { getChildren, getValues, getNewSelected } from '../Select/utils/index.js';
|
7
|
-
import { useKeyNavigation } from '../Select/hooks/useKeyNavigation.js';
|
8
6
|
import { useForceUpdate } from '../../hooks/useForceUpdate.js';
|
9
7
|
import { useDidMountEffect } from '../../hooks/useDidMountEffect.js';
|
8
|
+
import { getChildren, getValues, getNewSelected } from './utils/index.js';
|
9
|
+
import { useKeyNavigation } from './hooks/useKeyNavigation.js';
|
10
10
|
import { base } from './variations/_view/base.js';
|
11
11
|
import { base as base$1 } from './variations/_size/base.js';
|
12
12
|
import '@linaria/react';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.js","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { getPlacements } from '../Dropdown/utils';\nimport { getChildren, getNewSelected, getValues } from '../Select/utils';\nimport { useKeyNavigation } from '../Select/hooks';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n forwardRef<HTMLInputElement, ComboboxProps>(\n (\n {\n name,\n form,\n readOnly,\n disabled,\n label,\n placeholder,\n id,\n children,\n role,\n view,\n size,\n frame,\n usePortal,\n negativeResultContent = 'Элементы не найдены',\n enumerationType = 'comma',\n opened = false,\n placement = 'bottom',\n onToggle,\n onKeyDown,\n filterFunction,\n ...rest\n },\n outerRootRef,\n ) => {\n const forceUpdate = useForceUpdate();\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const { valueType = 'single', value } = rest;\n const offset = [0, 4] as [number, number];\n\n const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n const targetRef = useRef<HTMLInputElement>(null);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n const comboboxRef = useRef<HTMLDivElement>(null);\n const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n const [innerOpened, setInnerOpened] = useState(opened);\n const [search, setSearch] = useState<string | undefined>('');\n const [filterValue, setFilterValue] = useState(search);\n\n // INFO: нужно высчитывать для корректной работы портала\n const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n // INFO: Из-за того, что классы передаются через ref,\n // состояние пропсов после изменения view, size\n // всегда предыдущее, поэтому нужно делать форс-ререндер\n useDidMountEffect(() => {\n forceUpdate();\n }, [view, size]);\n\n useEffect(() => {\n if (disabled || readOnly) {\n return;\n }\n\n setInnerOpened(opened);\n }, [opened, disabled, readOnly]);\n\n useEffect(() => {\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (opened) {\n setFilterValue('');\n }\n }, []);\n\n const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (!innerOpened) {\n setFilterValue('');\n }\n\n if (onToggle) {\n onToggle(openValue, event);\n\n return;\n }\n\n setInnerOpened(openValue);\n };\n\n const closedWithoutChanges = useRef(true);\n\n const updateValue = (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n const {\n dataset: { value: newValue },\n } = item;\n\n if (rest.valueType === 'multiple') {\n const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n rest.onChangeValue?.(newSelected);\n\n return;\n }\n\n const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n rest.onChangeValue?.(newSelected);\n\n onInnerToggle?.(false, event);\n\n closedWithoutChanges.current = false;\n };\n\n const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n // INFO: Для корректной работы компонента Popper\n event.stopPropagation();\n\n const item = event.currentTarget as HTMLElement;\n\n updateValue(item, event);\n };\n\n const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n if (rest.valueType !== 'multiple') {\n return;\n }\n\n rest.onChangeValue?.(newValue);\n };\n\n const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n controlledRefs,\n opened: innerOpened,\n enumerationType,\n valueType,\n componentType: 'combobox',\n value,\n search: filterValue,\n updateOpened: onInnerToggle,\n updateValue,\n });\n\n const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n const childrenMemo = getChildren(\n childrenArray,\n { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n value,\n filterValue,\n filterFunction,\n ).filter(Boolean);\n\n const values = getValues(childrenArray, value);\n\n const onSearch = (newSearch?: string, newOpened?: boolean) => {\n setSearch(newSearch);\n setFilterValue(newSearch);\n setInnerOpened(newOpened ?? true);\n };\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n onKeyDownTarget(event);\n };\n\n return (\n <StyledRoot ref={comboboxRef}>\n <StyledNativeSelect\n aria-invalid=\"false\"\n aria-hidden=\"true\"\n aria-readonly={readOnly}\n tabIndex={-1}\n form={form}\n name={name}\n value={`${value}`}\n disabled={disabled || readOnly}\n />\n <StyledPopover\n role={role}\n isOpen={innerOpened}\n onToggle={onInnerToggle}\n target={\n <ComboboxTarget\n opened={innerOpened}\n values={values}\n label={label}\n placeholder={placeholder}\n search={search}\n enumerationType={enumerationType}\n valueType={valueType}\n readOnly={readOnly}\n disabled={disabled}\n size={size}\n closedWithoutChanges={closedWithoutChanges}\n ref={handleRef}\n chipsRefs={chipsRefs}\n inputRef={inputRef}\n id={innerId}\n onChange={onChangeChipValue}\n onSearch={onSearch}\n onKeyDown={onKeyDownHandle}\n {...rest}\n />\n }\n className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n id={innerId}\n offset={offset}\n placement={getPlacements(placement)}\n usePortal={usePortal}\n selectWidth={dynamicTargetWidth}\n frame={frame}\n trigger=\"click\"\n isFocusTrapped={false}\n preventOverflow={false}\n closeOnEsc={false}\n closeOnOverlayClick\n >\n <Root ref={setRef} view={view} size={size}>\n <StyledCombobox onKeyDown={onKeyDownSelect}>\n {childrenMemo.length ? (\n childrenMemo\n ) : (\n <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n )}\n </StyledCombobox>\n </Root>\n </StyledPopover>\n </StyledRoot>\n );\n },\n );\n\nexport const comboboxConfig = {\n name: 'Combobox',\n tag: 'div',\n layout: comboboxRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["comboboxRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","_ref$negativeResultCo","negativeResultContent","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","onKeyDown","filterFunction","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","_useState3","_useState4","innerOpened","setInnerOpened","_useState5","_useState6","search","setSearch","_useState7","_useState8","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","_rest$onChangeValue3","_useKeyNavigation","useKeyNavigation","componentType","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","StyledPopover","isOpen","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Combobox.js","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { getPlacements } from '../Dropdown/utils';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { useKeyNavigation } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n forwardRef<HTMLInputElement, ComboboxProps>(\n (\n {\n name,\n form,\n readOnly,\n disabled,\n label,\n placeholder,\n id,\n children,\n role,\n view,\n size,\n frame,\n usePortal,\n negativeResultContent = 'Элементы не найдены',\n enumerationType = 'comma',\n opened = false,\n placement = 'bottom',\n onToggle,\n onKeyDown,\n filterFunction,\n ...rest\n },\n outerRootRef,\n ) => {\n const forceUpdate = useForceUpdate();\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const { valueType = 'single', value } = rest;\n const offset = [0, 4] as [number, number];\n\n const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n const targetRef = useRef<HTMLInputElement>(null);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n const comboboxRef = useRef<HTMLDivElement>(null);\n const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n const [innerOpened, setInnerOpened] = useState(opened);\n const [search, setSearch] = useState<string | undefined>('');\n const [filterValue, setFilterValue] = useState(search);\n\n // INFO: нужно высчитывать для корректной работы портала\n const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n // INFO: Из-за того, что классы передаются через ref,\n // состояние пропсов после изменения view, size\n // всегда предыдущее, поэтому нужно делать форс-ререндер\n useDidMountEffect(() => {\n forceUpdate();\n }, [view, size]);\n\n useEffect(() => {\n if (disabled || readOnly) {\n return;\n }\n\n setInnerOpened(opened);\n }, [opened, disabled, readOnly]);\n\n useEffect(() => {\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (opened) {\n setFilterValue('');\n }\n }, []);\n\n const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (!innerOpened) {\n setFilterValue('');\n }\n\n if (onToggle) {\n onToggle(openValue, event);\n\n return;\n }\n\n setInnerOpened(openValue);\n };\n\n const closedWithoutChanges = useRef(true);\n\n const updateValue = (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n const {\n dataset: { value: newValue },\n } = item;\n\n if (rest.valueType === 'multiple') {\n const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n rest.onChangeValue?.(newSelected);\n\n return;\n }\n\n const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n rest.onChangeValue?.(newSelected);\n\n onInnerToggle?.(false, event);\n\n closedWithoutChanges.current = false;\n };\n\n const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n // INFO: Для корректной работы компонента Popper\n event.stopPropagation();\n\n const item = event.currentTarget as HTMLElement;\n\n updateValue(item, event);\n };\n\n const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n if (rest.valueType !== 'multiple') {\n return;\n }\n\n rest.onChangeValue?.(newValue);\n };\n\n const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n controlledRefs,\n opened: innerOpened,\n enumerationType,\n valueType,\n componentType: 'combobox',\n value,\n search: filterValue,\n updateOpened: onInnerToggle,\n updateValue,\n });\n\n const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n const childrenMemo = getChildren(\n childrenArray,\n { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n value,\n filterValue,\n filterFunction,\n ).filter(Boolean);\n\n const values = getValues(childrenArray, value);\n\n const onSearch = (newSearch?: string, newOpened?: boolean) => {\n setSearch(newSearch);\n setFilterValue(newSearch);\n setInnerOpened(newOpened ?? true);\n };\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n onKeyDownTarget(event);\n };\n\n return (\n <StyledRoot ref={comboboxRef}>\n <StyledNativeSelect\n aria-invalid=\"false\"\n aria-hidden=\"true\"\n aria-readonly={readOnly}\n tabIndex={-1}\n form={form}\n name={name}\n value={`${value}`}\n disabled={disabled || readOnly}\n />\n <StyledPopover\n role={role}\n isOpen={innerOpened}\n onToggle={onInnerToggle}\n target={\n <ComboboxTarget\n opened={innerOpened}\n values={values}\n label={label}\n placeholder={placeholder}\n search={search}\n enumerationType={enumerationType}\n valueType={valueType}\n readOnly={readOnly}\n disabled={disabled}\n size={size}\n closedWithoutChanges={closedWithoutChanges}\n ref={handleRef}\n chipsRefs={chipsRefs}\n inputRef={inputRef}\n id={innerId}\n onChange={onChangeChipValue}\n onSearch={onSearch}\n onKeyDown={onKeyDownHandle}\n {...rest}\n />\n }\n className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n id={innerId}\n offset={offset}\n placement={getPlacements(placement)}\n usePortal={usePortal}\n selectWidth={dynamicTargetWidth}\n frame={frame}\n trigger=\"click\"\n isFocusTrapped={false}\n preventOverflow={false}\n closeOnEsc={false}\n closeOnOverlayClick\n >\n <Root ref={setRef} view={view} size={size}>\n <StyledCombobox onKeyDown={onKeyDownSelect}>\n {childrenMemo.length ? (\n childrenMemo\n ) : (\n <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n )}\n </StyledCombobox>\n </Root>\n </StyledPopover>\n </StyledRoot>\n );\n },\n );\n\nexport const comboboxConfig = {\n name: 'Combobox',\n tag: 'div',\n layout: comboboxRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["comboboxRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","_ref$negativeResultCo","negativeResultContent","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","onKeyDown","filterFunction","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","_useState3","_useState4","innerOpened","setInnerOpened","_useState5","_useState6","search","setSearch","_useState7","_useState8","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","_rest$onChangeValue3","_useKeyNavigation","useKeyNavigation","componentType","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","StyledPopover","isOpen","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useKeyNavigation.js","sources":["../../../../src/components/Combobox/hooks/useKeyNavigation.ts"],"sourcesContent":["import { KeyboardEvent, useCallback, useEffect, useState } from 'react';\n\nimport type { UseKeyNavigationProps } from '../Select.types';\n\nexport const Keys = {\n Enter: 'Enter',\n Space: 'Space',\n Tab: 'Tab',\n Escape: 'Escape',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Backspace: 'Backspace',\n ShiftLeft: 'ShiftLeft',\n ShiftRight: 'ShiftRight',\n};\n\nexport const useKeyNavigation = ({\n controlledRefs: { targetRef, chipsRefs, selectRef, itemsRefs, inputRef },\n opened,\n enumerationType,\n valueType,\n componentType = 'select',\n value,\n search,\n updateValue,\n updateOpened,\n}: UseKeyNavigationProps) => {\n const [selectItemIndex, setSelectItemIndex] = useState(-1);\n const [selectChipIndex, setSelectChipIndex] = useState(-1);\n\n useEffect(() => {\n if (!opened) {\n setSelectItemIndex(-1);\n setSelectChipIndex(-1);\n\n return;\n }\n\n itemsRefs?.current?.[selectItemIndex]?.focus();\n }, [opened]);\n\n useEffect(() => {\n itemsRefs?.current?.[selectItemIndex]?.focus();\n }, [value, search]);\n\n const onKeyDownTarget = useCallback(\n (event: KeyboardEvent<HTMLButtonElement | HTMLInputElement>) => {\n const { code } = event;\n\n const chipsRefsCount = chipsRefs.current.length;\n let scrollIntoView = false;\n let newOpened = opened;\n let newSelectItemIndex = selectItemIndex;\n let newSelectChipIndex = selectChipIndex;\n let focusedItem: HTMLElement | HTMLInputElement | null = null;\n\n if (code === Keys.Enter || (code === Keys.Space && componentType !== 'combobox')) {\n event.preventDefault();\n }\n\n if (code === Keys.Escape) {\n newOpened = false;\n newSelectItemIndex = -1;\n newSelectChipIndex = -1;\n focusedItem = targetRef.current;\n }\n\n if (code === Keys.ArrowLeft && valueType === 'multiple' && enumerationType === 'chip') {\n const index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;\n\n newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;\n newSelectChipIndex =\n document.activeElement === inputRef?.current ? chipsRefsCount - 1 : newSelectChipIndex;\n\n focusedItem = chipsRefs.current?.[newSelectChipIndex];\n\n scrollIntoView = true;\n }\n\n if (code === Keys.ArrowRight && valueType === 'multiple' && enumerationType === 'chip') {\n const index = selectChipIndex + 1 === chipsRefsCount ? selectChipIndex : selectChipIndex + 1;\n\n newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;\n focusedItem =\n index === selectChipIndex\n ? (inputRef?.current as HTMLInputElement)\n : chipsRefs.current?.[newSelectChipIndex];\n\n scrollIntoView = true;\n }\n\n if (code === Keys.Backspace && document.activeElement !== inputRef?.current) {\n const index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;\n\n newSelectChipIndex = chipsRefsCount === 0 ? -1 : index;\n focusedItem = chipsRefsCount === 0 ? (inputRef || targetRef)?.current : chipsRefs?.current?.[index];\n\n scrollIntoView = true;\n }\n\n if (\n code === Keys.ArrowUp ||\n code === Keys.ArrowDown ||\n (code === Keys.Enter && componentType !== 'combobox') ||\n (code === Keys.Space && componentType !== 'combobox')\n ) {\n newOpened = true;\n newSelectItemIndex = selectItemIndex === -1 ? 0 : selectItemIndex;\n focusedItem = itemsRefs.current?.[newSelectItemIndex];\n }\n\n // INFO: Для кейсов, когда поведение закрытия может контролироваться снаружи\n if (code !== Keys.Enter || componentType !== 'combobox') {\n updateOpened(newOpened, event);\n }\n\n setSelectItemIndex(newSelectItemIndex);\n setSelectChipIndex(newSelectChipIndex);\n\n focusedItem?.focus();\n\n if (scrollIntoView) {\n focusedItem?.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n },\n [opened, selectItemIndex, selectChipIndex, valueType, enumerationType, componentType, updateOpened],\n );\n\n const onKeyDownSelect = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n const { code, shiftKey } = event;\n\n const itemsRefsCount = itemsRefs.current.length;\n const chipsRefsCount = chipsRefs.current.length;\n let scrollIntoView = false;\n let newOpened = opened;\n let newSelectItemIndex = selectItemIndex;\n let newSelectChipIndex = selectChipIndex;\n let focusedItem: HTMLElement | HTMLInputElement | null = null;\n\n if (code === Keys.Enter || code === Keys.Tab) {\n event.preventDefault();\n }\n\n if (code === Keys.Escape) {\n newOpened = false;\n newSelectItemIndex = -1;\n newSelectChipIndex = -1;\n focusedItem = (inputRef || targetRef).current;\n }\n\n if (code === Keys.Tab) {\n newOpened = false;\n newSelectItemIndex = -1;\n newSelectChipIndex = -1;\n focusedItem = (shiftKey\n ? selectRef.current?.previousSibling\n : selectRef.current?.nextSibling) as HTMLElement;\n }\n\n if (code === Keys.ArrowUp) {\n newSelectItemIndex = newSelectItemIndex - 1 === -1 ? itemsRefsCount - 1 : newSelectItemIndex - 1;\n focusedItem = itemsRefs?.current?.[newSelectItemIndex];\n }\n\n if (code === Keys.ArrowDown) {\n newSelectItemIndex = newSelectItemIndex + 1 === itemsRefsCount ? 0 : newSelectItemIndex + 1;\n focusedItem = itemsRefs?.current?.[newSelectItemIndex];\n }\n\n if (\n (code === Keys.ArrowRight || code === Keys.ArrowLeft) &&\n valueType === 'multiple' &&\n enumerationType === 'chip' &&\n chipsRefsCount\n ) {\n newSelectChipIndex = chipsRefsCount - 1;\n newSelectItemIndex = -1;\n focusedItem = chipsRefs?.current?.[newSelectChipIndex];\n\n scrollIntoView = true;\n }\n\n if (code === Keys.Enter || (code === Keys.Space && componentType !== 'combobox')) {\n const item = itemsRefs.current[newSelectItemIndex] as HTMLElement;\n\n // TODO: #1016\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (item.ariaDisabled) {\n return;\n }\n\n updateValue(item, event);\n\n newOpened = valueType === 'single' ? false : opened;\n focusedItem = valueType === 'single' ? targetRef.current : focusedItem;\n }\n\n const isValidKeyCode = [\n Keys.ShiftLeft,\n Keys.ShiftRight,\n Keys.ArrowDown,\n Keys.ArrowLeft,\n Keys.ArrowRight,\n Keys.ArrowUp,\n Keys.Enter,\n Keys.Escape,\n Keys.Tab,\n ].includes(code);\n\n if (componentType === 'combobox' && !isValidKeyCode) {\n event.stopPropagation();\n\n focusedItem = inputRef?.current as HTMLInputElement;\n newSelectItemIndex = -1;\n newSelectChipIndex = -1;\n }\n\n updateOpened(newOpened, event);\n setSelectItemIndex(newSelectItemIndex);\n setSelectChipIndex(newSelectChipIndex);\n\n focusedItem?.focus();\n\n if (scrollIntoView) {\n focusedItem?.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n },\n [\n opened,\n selectItemIndex,\n selectChipIndex,\n valueType,\n enumerationType,\n componentType,\n updateOpened,\n updateValue,\n ],\n );\n\n return { onKeyDownTarget, onKeyDownSelect } as const;\n};\n"],"names":["Keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Backspace","ShiftLeft","ShiftRight","useKeyNavigation","_ref","_ref$controlledRefs","controlledRefs","targetRef","chipsRefs","selectRef","itemsRefs","inputRef","opened","enumerationType","valueType","_ref$componentType","componentType","value","search","updateValue","updateOpened","_useState","useState","_useState2","_slicedToArray","selectItemIndex","setSelectItemIndex","_useState3","_useState4","selectChipIndex","setSelectChipIndex","useEffect","_itemsRefs$current","current","focus","_itemsRefs$current2","onKeyDownTarget","useCallback","event","_focusedItem","code","chipsRefsCount","length","scrollIntoView","newOpened","newSelectItemIndex","newSelectChipIndex","focusedItem","preventDefault","_chipsRefs$current","index","document","activeElement","_chipsRefs$current2","_ref2","_chipsRefs$current3","_itemsRefs$current3","_focusedItem2","behavior","block","inline","onKeyDownSelect","_focusedItem3","shiftKey","itemsRefsCount","_selectRef$current","_selectRef$current2","previousSibling","nextSibling","_itemsRefs$current4","_itemsRefs$current5","_chipsRefs$current4","item","ariaDisabled","isValidKeyCode","includes","stopPropagation","_focusedItem4"],"mappings":"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"}
|
@@ -4,7 +4,7 @@ import { classes } from '../../Combobox.tokens.js';
|
|
4
4
|
import { cx } from '../../../../utils/index.js';
|
5
5
|
import { ComboboxChip } from '../ComboboxChip/ComboboxChip.js';
|
6
6
|
import { useFocusController } from '../../hooks/useFocusController.js';
|
7
|
-
import { Keys } from '
|
7
|
+
import { Keys } from '../../hooks/useKeyNavigation.js';
|
8
8
|
import { StyledComboboxTarget, StyledContent, StyledText, StyledChips, StyledComboboxInput, StyledComboboxInputHelper, StyledLabel, StyledArrow } from './ComboboxTarget.styles.js';
|
9
9
|
|
10
10
|
var _excluded = ["values", "search", "label", "placeholder", "opened", "readOnly", "disabled", "enumerationType", "valueType", "size", "closedWithoutChanges", "id", "chipsRefs", "inputRef", "onChange", "onSearch", "onKeyDown"];
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ComboboxTarget.js","sources":["../../../../../src/components/Combobox/ui/ComboboxTarget/ComboboxTarget.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\n\nimport { classes } from '../../Combobox.tokens';\nimport { cx } from '../../../../utils';\nimport { ComboboxChip } from '../ComboboxChip/ComboboxChip';\nimport type { ComboboxPrimitiveValue } from '../../Combobox.types';\nimport { useFocusController } from '../../hooks';\nimport { Keys } from '../../../Select/hooks/useKeyNavigation';\n\nimport {\n StyledArrow,\n StyledChips,\n StyledContent,\n StyledLabel,\n StyledComboboxInput,\n StyledComboboxInputHelper,\n StyledComboboxTarget,\n StyledText,\n} from './ComboboxTarget.styles';\nimport type { ComboboxTargetProps } from './ComboboxTarget.types';\n\nconst {\n hasChips,\n innerLabelUp,\n arrowInverse,\n comboboxTargetArrow,\n comboboxTargeText,\n comboboxTargetInput,\n comboboxTargetLabel,\n} = classes;\n\n/**\n * Элемент для выпадающего списка\n */\nexport const ComboboxTarget = forwardRef<HTMLInputElement, ComboboxTargetProps>(\n (\n {\n values,\n search,\n label,\n placeholder,\n opened,\n readOnly,\n disabled,\n enumerationType,\n valueType,\n size,\n closedWithoutChanges,\n id,\n chipsRefs,\n inputRef,\n onChange,\n onSearch,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputHelperRef = useRef<HTMLDivElement>(null);\n const [focused, setFocused] = useState(false);\n\n const controlledRefs = { contentRef, inputHelperRef, inputRef };\n const textContent = values?.map(([, text]) => text).join(', ');\n const hasValue = values?.some(([value]) => value);\n\n const isEnumerationComma = enumerationType === 'comma';\n const isExtraSmall = size === 'xs';\n const isInputNotEmpty = hasValue || search;\n const isInputActive = !hasValue && (opened || (focused && !readOnly));\n const hasLabel = label && !isExtraSmall && isEnumerationComma;\n const hasOnlyLabel = !placeholder || label;\n const hasNoAnyTip = !placeholder && !label;\n const placeholderValue = (!label && !hasValue) || isExtraSmall ? placeholder : undefined;\n\n const withInnerLabelUp =\n !isExtraSmall && !hasNoAnyTip && hasOnlyLabel && (isInputActive || (hasLabel && isInputNotEmpty))\n ? innerLabelUp\n : undefined;\n const withArrowInverse = opened ? arrowInverse : undefined;\n const withHasChips = hasValue && enumerationType === 'chip' ? hasChips : undefined;\n\n const isLabelVisible = (!hasValue && !isExtraSmall) || hasLabel;\n const isEnumerationVisible = hasValue && valueType !== 'single';\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const { onClickText, onFocusInput, onBlurInput } = useFocusController({\n controlledRefs,\n opened,\n hasValue,\n textContent,\n search,\n values,\n valueType,\n readOnly,\n closedWithoutChanges,\n updateFocused: setFocused,\n updateSearch: onSearch,\n onChipClick,\n });\n\n const onChipClear = (value: ComboboxPrimitiveValue, text: ComboboxPrimitiveValue, index: number) => {\n const newValue = values\n ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n .map(([itemValue]) => itemValue);\n\n chipsRefs?.current.splice(index, 1);\n onChange?.(newValue);\n };\n\n const onChipKeyDown = (\n value: ComboboxPrimitiveValue,\n text: ComboboxPrimitiveValue,\n index: number,\n event: React.KeyboardEvent<HTMLButtonElement>,\n ) => {\n const { code } = event;\n\n if (code === Keys.Tab) {\n event.preventDefault();\n }\n\n if (code === Keys.Backspace) {\n onChipClear(value, text, index);\n }\n };\n\n const onKeyDownInput = (event: React.KeyboardEvent<HTMLInputElement>) => {\n const { code } = event;\n\n if (opened && code === Keys.Tab) {\n event.preventDefault();\n }\n\n if (code === Keys.Backspace && !event.currentTarget?.value.length) {\n const newValue = values?.map(([itemValue]) => itemValue);\n newValue?.pop();\n chipsRefs?.current.pop();\n\n onChange?.(newValue);\n }\n };\n\n const onChangeInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n onSearch?.(event.currentTarget.value);\n };\n\n const onWheel = (event: React.WheelEvent<HTMLDivElement>) => {\n const { deltaY } = event;\n\n if (contentRef.current) {\n contentRef.current.scrollLeft += Math.round(deltaY);\n }\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs && chipsRefs.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n if (chipsRefs) {\n chipsRefs.current = [];\n }\n\n return (\n <StyledComboboxTarget\n ref={ref}\n opened={opened}\n readOnly={readOnly}\n disabled={disabled}\n title={textContent}\n aria-label={label}\n className={cx(withInnerLabelUp, withHasChips)}\n onWheel={onWheel}\n onKeyDown={onKeyDown}\n {...rest}\n >\n <StyledContent tabIndex={-1} ref={contentRef} className={withHasChips}>\n {isEnumerationVisible &&\n (isEnumerationComma ? (\n <StyledText className={comboboxTargeText} onClick={onClickText}>\n {textContent}\n </StyledText>\n ) : (\n <StyledChips>\n {values?.map(([value, text], index) => (\n <ComboboxChip\n index={index}\n ref={(element) => getRef(element, index)}\n key={`${value}_${text}`}\n disabled={disabled}\n readOnly={readOnly}\n value={value}\n text={text}\n onClear={(v, t) => onChipClear(v, t, index)}\n onClick={onChipClick}\n onKeyDown={onChipKeyDown}\n />\n ))}\n </StyledChips>\n ))}\n <StyledComboboxInput\n ref={inputRef}\n role=\"textbox\"\n className={comboboxTargetInput}\n value={search}\n placeholder={placeholderValue}\n disabled={disabled}\n readOnly={readOnly}\n onFocus={onFocusInput}\n onBlur={onBlurInput}\n onChange={onChangeInput}\n onKeyDown={onKeyDownInput}\n />\n {valueType === 'multiple' && (\n <StyledComboboxInputHelper ref={inputHelperRef}>{search}</StyledComboboxInputHelper>\n )}\n </StyledContent>\n {isLabelVisible && (\n <StyledLabel className={comboboxTargetLabel} htmlFor={id}>\n {label}\n </StyledLabel>\n )}\n <StyledArrow size=\"s\" className={cx(comboboxTargetArrow, withArrowInverse)} />\n </StyledComboboxTarget>\n );\n },\n);\n"],"names":["hasChips","classes","innerLabelUp","arrowInverse","comboboxTargetArrow","comboboxTargeText","comboboxTargetInput","comboboxTargetLabel","ComboboxTarget","forwardRef","_ref","ref","values","search","label","placeholder","opened","readOnly","disabled","enumerationType","valueType","size","closedWithoutChanges","id","chipsRefs","inputRef","onChange","onSearch","onKeyDown","rest","_objectWithoutProperties","_excluded","contentRef","useRef","inputHelperRef","_useState","useState","_useState2","_slicedToArray","focused","setFocused","controlledRefs","textContent","map","_ref2","_ref3","text","join","hasValue","some","_ref4","_ref5","value","isEnumerationComma","isExtraSmall","isInputNotEmpty","isInputActive","hasLabel","hasOnlyLabel","hasNoAnyTip","placeholderValue","undefined","withInnerLabelUp","withArrowInverse","withHasChips","isLabelVisible","isEnumerationVisible","onChipClick","event","stopPropagation","_useFocusController","useFocusController","updateFocused","updateSearch","onClickText","onFocusInput","onBlurInput","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","Keys","Tab","preventDefault","Backspace","onKeyDownInput","_event$currentTarget","currentTarget","length","_ref10","_ref11","pop","onChangeInput","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledComboboxTarget","_extends","title","className","cx","StyledContent","tabIndex","StyledText","onClick","StyledChips","_ref12","_ref13","ComboboxChip","key","concat","onClear","v","t","StyledComboboxInput","role","onFocus","onBlur","StyledComboboxInputHelper","StyledLabel","htmlFor","StyledArrow"],"mappings":";;;;;;;;;;AAqBA,IACIA,QAAQ,GAORC,OAAO,CAPPD,QAAQ;EACRE,YAAY,GAMZD,OAAO,CANPC,YAAY;EACZC,YAAY,GAKZF,OAAO,CALPE,YAAY;EACZC,mBAAmB,GAInBH,OAAO,CAJPG,mBAAmB;EACnBC,iBAAiB,GAGjBJ,OAAO,CAHPI,iBAAiB;EACjBC,mBAAmB,GAEnBL,OAAO,CAFPK,mBAAmB;EACnBC,mBAAmB,GACnBN,OAAO,CADPM,mBAAmB,CAAA;;AAGvB;AACA;AACA;AACO,IAAMC,cAAc,gBAAGC,UAAU,CACpC,UAAAC,IAAA,EAqBIC,GAAG,EACF;AAAA,EAAA,IApBGC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,MAAM,GAAAN,IAAA,CAANM,MAAM;IACNC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,eAAe,GAAAT,IAAA,CAAfS,eAAe;IACfC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACTC,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,oBAAoB,GAAAZ,IAAA,CAApBY,oBAAoB;IACpBC,EAAE,GAAAb,IAAA,CAAFa,EAAE;IACFC,SAAS,GAAAd,IAAA,CAATc,SAAS;IACTC,QAAQ,GAAAf,IAAA,CAARe,QAAQ;IACRC,QAAQ,GAAAhB,IAAA,CAARgB,QAAQ;IACRC,QAAQ,GAAAjB,IAAA,CAARiB,QAAQ;IACRC,SAAS,GAAAlB,IAAA,CAATkB,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAApB,IAAA,EAAAqB,SAAA,CAAA,CAAA;AAIX,EAAA,IAAMC,UAAU,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAMC,cAAc,GAAGD,MAAM,CAAiB,IAAI,CAAC,CAAA;AACnD,EAAA,IAAAE,SAAA,GAA8BC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtCI,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE1B,EAAA,IAAMI,cAAc,GAAG;AAAET,IAAAA,UAAU,EAAVA,UAAU;AAAEE,IAAAA,cAAc,EAAdA,cAAc;AAAET,IAAAA,QAAQ,EAARA,QAAAA;GAAU,CAAA;EAC/D,IAAMiB,WAAW,GAAG9B,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAE+B,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,KAAA,GAAAP,cAAA,CAAAM,KAAA,EAAA,CAAA,CAAA;AAAIE,MAAAA,IAAI,GAAAD,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OAAMC,IAAI,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC9D,IAAMC,QAAQ,GAAGpC,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEqC,IAAI,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,KAAA,GAAAb,cAAA,CAAAY,KAAA,EAAA,CAAA,CAAA;AAAEE,MAAAA,KAAK,GAAAD,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OAAMC,KAAK,CAAA;GAAC,CAAA,CAAA;AAEjD,EAAA,IAAMC,kBAAkB,GAAGlC,eAAe,KAAK,OAAO,CAAA;AACtD,EAAA,IAAMmC,YAAY,GAAGjC,IAAI,KAAK,IAAI,CAAA;AAClC,EAAA,IAAMkC,eAAe,GAAGP,QAAQ,IAAInC,MAAM,CAAA;EAC1C,IAAM2C,aAAa,GAAG,CAACR,QAAQ,KAAKhC,MAAM,IAAKuB,OAAO,IAAI,CAACtB,QAAS,CAAC,CAAA;AACrE,EAAA,IAAMwC,QAAQ,GAAG3C,KAAK,IAAI,CAACwC,YAAY,IAAID,kBAAkB,CAAA;AAC7D,EAAA,IAAMK,YAAY,GAAG,CAAC3C,WAAW,IAAID,KAAK,CAAA;AAC1C,EAAA,IAAM6C,WAAW,GAAG,CAAC5C,WAAW,IAAI,CAACD,KAAK,CAAA;AAC1C,EAAA,IAAM8C,gBAAgB,GAAI,CAAC9C,KAAK,IAAI,CAACkC,QAAQ,IAAKM,YAAY,GAAGvC,WAAW,GAAG8C,SAAS,CAAA;AAExF,EAAA,IAAMC,gBAAgB,GAClB,CAACR,YAAY,IAAI,CAACK,WAAW,IAAID,YAAY,KAAKF,aAAa,IAAKC,QAAQ,IAAIF,eAAgB,CAAC,GAC3FrD,YAAY,GACZ2D,SAAS,CAAA;AACnB,EAAA,IAAME,gBAAgB,GAAG/C,MAAM,GAAGb,YAAY,GAAG0D,SAAS,CAAA;EAC1D,IAAMG,YAAY,GAAGhB,QAAQ,IAAI7B,eAAe,KAAK,MAAM,GAAGnB,QAAQ,GAAG6D,SAAS,CAAA;EAElF,IAAMI,cAAc,GAAI,CAACjB,QAAQ,IAAI,CAACM,YAAY,IAAKG,QAAQ,CAAA;AAC/D,EAAA,IAAMS,oBAAoB,GAAGlB,QAAQ,IAAI5B,SAAS,KAAK,QAAQ,CAAA;AAE/D,EAAA,IAAM+C,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA0C,EAAA;AAAA,IAAA,OAAKA,KAAK,CAACC,eAAe,EAAE,CAAA;AAAA,GAAA,CAAA;EAE3F,IAAAC,mBAAA,GAAmDC,kBAAkB,CAAC;AAClE9B,MAAAA,cAAc,EAAdA,cAAc;AACdzB,MAAAA,MAAM,EAANA,MAAM;AACNgC,MAAAA,QAAQ,EAARA,QAAQ;AACRN,MAAAA,WAAW,EAAXA,WAAW;AACX7B,MAAAA,MAAM,EAANA,MAAM;AACND,MAAAA,MAAM,EAANA,MAAM;AACNQ,MAAAA,SAAS,EAATA,SAAS;AACTH,MAAAA,QAAQ,EAARA,QAAQ;AACRK,MAAAA,oBAAoB,EAApBA,oBAAoB;AACpBkD,MAAAA,aAAa,EAAEhC,UAAU;AACzBiC,MAAAA,YAAY,EAAE9C,QAAQ;AACtBwC,MAAAA,WAAW,EAAXA,WAAAA;AACJ,KAAC,CAAC;IAbMO,WAAW,GAAAJ,mBAAA,CAAXI,WAAW;IAAEC,YAAY,GAAAL,mBAAA,CAAZK,YAAY;IAAEC,WAAW,GAAAN,mBAAA,CAAXM,WAAW,CAAA;EAe9C,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIzB,KAA6B,EAAEN,IAA4B,EAAEgC,KAAa,EAAK;IAChG,IAAMC,QAAQ,GAAGnE,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CACjBoE,MAAM,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAA5C,cAAA,CAAA2C,KAAA,EAAA,CAAA,CAAA;AAAEE,QAAAA,SAAS,GAAAD,KAAA,CAAA,CAAA,CAAA;AAAEE,QAAAA,QAAQ,GAAAF,KAAA,CAAA,CAAA,CAAA,CAAA;MAAA,OAAM,EAAEC,SAAS,KAAK/B,KAAK,IAAIgC,QAAQ,KAAKtC,IAAI,CAAC,CAAA;AAAA,KAAA,CAAC,CAC/EH,GAAG,CAAC,UAAA0C,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAhD,cAAA,CAAA+C,KAAA,EAAA,CAAA,CAAA;AAAEF,QAAAA,SAAS,GAAAG,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAAA,OAAMH,SAAS,CAAA;KAAC,CAAA,CAAA;AAEpC3D,IAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAE+D,OAAO,CAACC,MAAM,CAACV,KAAK,EAAE,CAAC,CAAC,CAAA;AACnCpD,IAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAGqD,QAAQ,CAAC,CAAA;GACvB,CAAA;AAED,EAAA,IAAMU,aAAa,GAAG,SAAhBA,aAAaA,CACfrC,KAA6B,EAC7BN,IAA4B,EAC5BgC,KAAa,EACbV,KAA6C,EAC5C;AACD,IAAA,IAAQsB,IAAI,GAAKtB,KAAK,CAAdsB,IAAI,CAAA;AAEZ,IAAA,IAAIA,IAAI,KAAKC,IAAI,CAACC,GAAG,EAAE;MACnBxB,KAAK,CAACyB,cAAc,EAAE,CAAA;AAC1B,KAAA;AAEA,IAAA,IAAIH,IAAI,KAAKC,IAAI,CAACG,SAAS,EAAE;AACzBjB,MAAAA,WAAW,CAACzB,KAAK,EAAEN,IAAI,EAAEgC,KAAK,CAAC,CAAA;AACnC,KAAA;GACH,CAAA;AAED,EAAA,IAAMiB,cAAc,GAAG,SAAjBA,cAAcA,CAAI3B,KAA4C,EAAK;AAAA,IAAA,IAAA4B,oBAAA,CAAA;AACrE,IAAA,IAAQN,IAAI,GAAKtB,KAAK,CAAdsB,IAAI,CAAA;AAEZ,IAAA,IAAI1E,MAAM,IAAI0E,IAAI,KAAKC,IAAI,CAACC,GAAG,EAAE;MAC7BxB,KAAK,CAACyB,cAAc,EAAE,CAAA;AAC1B,KAAA;IAEA,IAAIH,IAAI,KAAKC,IAAI,CAACG,SAAS,IAAI,EAAA,CAAAE,oBAAA,GAAC5B,KAAK,CAAC6B,aAAa,MAAA,IAAA,IAAAD,oBAAA,KAAnBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAqB5C,KAAK,CAAC8C,MAAM,CAAE,EAAA;MAC/D,IAAMnB,QAAQ,GAAGnE,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAE+B,GAAG,CAAC,UAAAwD,MAAA,EAAA;AAAA,QAAA,IAAAC,MAAA,GAAA9D,cAAA,CAAA6D,MAAA,EAAA,CAAA,CAAA;AAAEhB,UAAAA,SAAS,GAAAiB,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAAA,OAAMjB,SAAS,CAAA;OAAC,CAAA,CAAA;AACxDJ,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAEsB,GAAG,EAAE,CAAA;MACf7E,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAE+D,OAAO,CAACc,GAAG,EAAE,CAAA;AAExB3E,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAGqD,QAAQ,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,IAAMuB,aAAa,GAAG,SAAhBA,aAAaA,CAAIlC,KAA0C,EAAK;IAClEzC,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAGyC,KAAK,CAAC6B,aAAa,CAAC7C,KAAK,CAAC,CAAA;GACxC,CAAA;AAED,EAAA,IAAMmD,OAAO,GAAG,SAAVA,OAAOA,CAAInC,KAAuC,EAAK;AACzD,IAAA,IAAQoC,MAAM,GAAKpC,KAAK,CAAhBoC,MAAM,CAAA;IAEd,IAAIxE,UAAU,CAACuD,OAAO,EAAE;MACpBvD,UAAU,CAACuD,OAAO,CAACkB,UAAU,IAAIC,IAAI,CAACC,KAAK,CAACH,MAAM,CAAC,CAAA;AACvD,KAAA;GACH,CAAA;EAED,IAAMI,MAAM,GAAG,SAATA,MAAMA,CAAIC,OAAiC,EAAE/B,KAAa,EAAK;AACjE,IAAA,IAAI+B,OAAO,IAAIrF,SAAS,IAAIA,SAAS,CAAC+D,OAAO,EAAE;AAC3C/D,MAAAA,SAAS,CAAC+D,OAAO,CAACT,KAAK,CAAC,GAAG+B,OAAO,CAAA;AACtC,KAAA;GACH,CAAA;;AAED;AACA,EAAA,IAAIrF,SAAS,EAAE;IACXA,SAAS,CAAC+D,OAAO,GAAG,EAAE,CAAA;AAC1B,GAAA;AAEA,EAAA,oBACIuB,KAAA,CAAAC,aAAA,CAACC,oBAAoB,EAAAC,QAAA,CAAA;AACjBtG,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBgG,IAAAA,KAAK,EAAExE,WAAY;AACnB,IAAA,YAAA,EAAY5B,KAAM;AAClBqG,IAAAA,SAAS,EAAEC,EAAE,CAACtD,gBAAgB,EAAEE,YAAY,CAAE;AAC9CuC,IAAAA,OAAO,EAAEA,OAAQ;AACjB3E,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EACjBC,IAAI,CAERiF,eAAAA,KAAA,CAAAC,aAAA,CAACM,aAAa,EAAA;IAACC,QAAQ,EAAE,CAAC,CAAE;AAAC3G,IAAAA,GAAG,EAAEqB,UAAW;AAACmF,IAAAA,SAAS,EAAEnD,YAAAA;GACpDE,EAAAA,oBAAoB,KAChBb,kBAAkB,gBACfyD,KAAA,CAAAC,aAAA,CAACQ,UAAU,EAAA;AAACJ,IAAAA,SAAS,EAAE9G,iBAAkB;AAACmH,IAAAA,OAAO,EAAE9C,WAAAA;GAC9ChC,EAAAA,WACO,CAAC,gBAEboE,KAAA,CAAAC,aAAA,CAACU,WAAW,EACP7G,IAAAA,EAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAE+B,GAAG,CAAC,UAAA+E,MAAA,EAAgB5C,KAAK,EAAA;AAAA,IAAA,IAAA6C,MAAA,GAAArF,cAAA,CAAAoF,MAAA,EAAA,CAAA,CAAA;AAAnBtE,MAAAA,KAAK,GAAAuE,MAAA,CAAA,CAAA,CAAA;AAAE7E,MAAAA,IAAI,GAAA6E,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAA,oBACtBb,KAAA,CAAAC,aAAA,CAACa,YAAY,EAAA;AACT9C,MAAAA,KAAK,EAAEA,KAAM;MACbnE,GAAG,EAAE,SAAAA,GAAAA,CAACkG,OAAO,EAAA;AAAA,QAAA,OAAKD,MAAM,CAACC,OAAO,EAAE/B,KAAK,CAAC,CAAA;OAAC;MACzC+C,GAAG,EAAA,EAAA,CAAAC,MAAA,CAAK1E,KAAK,OAAA0E,MAAA,CAAIhF,IAAI,CAAG;AACxB5B,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,QAAQ,EAAEA,QAAS;AACnBmC,MAAAA,KAAK,EAAEA,KAAM;AACbN,MAAAA,IAAI,EAAEA,IAAK;AACXiF,MAAAA,OAAO,EAAE,SAAAA,OAACC,CAAAA,CAAC,EAAEC,CAAC,EAAA;AAAA,QAAA,OAAKpD,WAAW,CAACmD,CAAC,EAAEC,CAAC,EAAEnD,KAAK,CAAC,CAAA;OAAC;AAC5C0C,MAAAA,OAAO,EAAErD,WAAY;AACrBvC,MAAAA,SAAS,EAAE6D,aAAAA;AAAc,KAC5B,CAAC,CAAA;GACL,CACQ,CAChB,CAAC,eACNqB,KAAA,CAAAC,aAAA,CAACmB,mBAAmB,EAAA;AAChBvH,IAAAA,GAAG,EAAEc,QAAS;AACd0G,IAAAA,IAAI,EAAC,SAAS;AACdhB,IAAAA,SAAS,EAAE7G,mBAAoB;AAC/B8C,IAAAA,KAAK,EAAEvC,MAAO;AACdE,IAAAA,WAAW,EAAE6C,gBAAiB;AAC9B1C,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,QAAQ,EAAEA,QAAS;AACnBmH,IAAAA,OAAO,EAAEzD,YAAa;AACtB0D,IAAAA,MAAM,EAAEzD,WAAY;AACpBlD,IAAAA,QAAQ,EAAE4E,aAAc;AACxB1E,IAAAA,SAAS,EAAEmE,cAAAA;GACd,CAAC,EACD3E,SAAS,KAAK,UAAU,iBACrB0F,KAAA,CAAAC,aAAA,CAACuB,yBAAyB,EAAA;AAAC3H,IAAAA,GAAG,EAAEuB,cAAAA;GAAiBrB,EAAAA,MAAkC,CAE5E,CAAC,EACfoD,cAAc,iBACX6C,KAAA,CAAAC,aAAA,CAACwB,WAAW,EAAA;AAACpB,IAAAA,SAAS,EAAE5G,mBAAoB;AAACiI,IAAAA,OAAO,EAAEjH,EAAAA;AAAG,GAAA,EACpDT,KACQ,CAChB,eACDgG,KAAA,CAAAC,aAAA,CAAC0B,WAAW,EAAA;AAACpH,IAAAA,IAAI,EAAC,GAAG;AAAC8F,IAAAA,SAAS,EAAEC,EAAE,CAAChH,mBAAmB,EAAE2D,gBAAgB,CAAA;AAAE,GAAE,CAC3D,CAAC,CAAA;AAE/B,CACJ;;;;"}
|
1
|
+
{"version":3,"file":"ComboboxTarget.js","sources":["../../../../../src/components/Combobox/ui/ComboboxTarget/ComboboxTarget.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\n\nimport { classes } from '../../Combobox.tokens';\nimport { cx } from '../../../../utils';\nimport { ComboboxChip } from '../ComboboxChip/ComboboxChip';\nimport type { ComboboxPrimitiveValue } from '../../Combobox.types';\nimport { useFocusController, Keys } from '../../hooks';\n\nimport {\n StyledArrow,\n StyledChips,\n StyledContent,\n StyledLabel,\n StyledComboboxInput,\n StyledComboboxInputHelper,\n StyledComboboxTarget,\n StyledText,\n} from './ComboboxTarget.styles';\nimport type { ComboboxTargetProps } from './ComboboxTarget.types';\n\nconst {\n hasChips,\n innerLabelUp,\n arrowInverse,\n comboboxTargetArrow,\n comboboxTargeText,\n comboboxTargetInput,\n comboboxTargetLabel,\n} = classes;\n\n/**\n * Элемент для выпадающего списка\n */\nexport const ComboboxTarget = forwardRef<HTMLInputElement, ComboboxTargetProps>(\n (\n {\n values,\n search,\n label,\n placeholder,\n opened,\n readOnly,\n disabled,\n enumerationType,\n valueType,\n size,\n closedWithoutChanges,\n id,\n chipsRefs,\n inputRef,\n onChange,\n onSearch,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputHelperRef = useRef<HTMLDivElement>(null);\n const [focused, setFocused] = useState(false);\n\n const controlledRefs = { contentRef, inputHelperRef, inputRef };\n const textContent = values?.map(([, text]) => text).join(', ');\n const hasValue = values?.some(([value]) => value);\n\n const isEnumerationComma = enumerationType === 'comma';\n const isExtraSmall = size === 'xs';\n const isInputNotEmpty = hasValue || search;\n const isInputActive = !hasValue && (opened || (focused && !readOnly));\n const hasLabel = label && !isExtraSmall && isEnumerationComma;\n const hasOnlyLabel = !placeholder || label;\n const hasNoAnyTip = !placeholder && !label;\n const placeholderValue = (!label && !hasValue) || isExtraSmall ? placeholder : undefined;\n\n const withInnerLabelUp =\n !isExtraSmall && !hasNoAnyTip && hasOnlyLabel && (isInputActive || (hasLabel && isInputNotEmpty))\n ? innerLabelUp\n : undefined;\n const withArrowInverse = opened ? arrowInverse : undefined;\n const withHasChips = hasValue && enumerationType === 'chip' ? hasChips : undefined;\n\n const isLabelVisible = (!hasValue && !isExtraSmall) || hasLabel;\n const isEnumerationVisible = hasValue && valueType !== 'single';\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const { onClickText, onFocusInput, onBlurInput } = useFocusController({\n controlledRefs,\n opened,\n hasValue,\n textContent,\n search,\n values,\n valueType,\n readOnly,\n closedWithoutChanges,\n updateFocused: setFocused,\n updateSearch: onSearch,\n onChipClick,\n });\n\n const onChipClear = (value: ComboboxPrimitiveValue, text: ComboboxPrimitiveValue, index: number) => {\n const newValue = values\n ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n .map(([itemValue]) => itemValue);\n\n chipsRefs?.current.splice(index, 1);\n onChange?.(newValue);\n };\n\n const onChipKeyDown = (\n value: ComboboxPrimitiveValue,\n text: ComboboxPrimitiveValue,\n index: number,\n event: React.KeyboardEvent<HTMLButtonElement>,\n ) => {\n const { code } = event;\n\n if (code === Keys.Tab) {\n event.preventDefault();\n }\n\n if (code === Keys.Backspace) {\n onChipClear(value, text, index);\n }\n };\n\n const onKeyDownInput = (event: React.KeyboardEvent<HTMLInputElement>) => {\n const { code } = event;\n\n if (opened && code === Keys.Tab) {\n event.preventDefault();\n }\n\n if (code === Keys.Backspace && !event.currentTarget?.value.length) {\n const newValue = values?.map(([itemValue]) => itemValue);\n newValue?.pop();\n chipsRefs?.current.pop();\n\n onChange?.(newValue);\n }\n };\n\n const onChangeInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n onSearch?.(event.currentTarget.value);\n };\n\n const onWheel = (event: React.WheelEvent<HTMLDivElement>) => {\n const { deltaY } = event;\n\n if (contentRef.current) {\n contentRef.current.scrollLeft += Math.round(deltaY);\n }\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs && chipsRefs.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n if (chipsRefs) {\n chipsRefs.current = [];\n }\n\n return (\n <StyledComboboxTarget\n ref={ref}\n opened={opened}\n readOnly={readOnly}\n disabled={disabled}\n title={textContent}\n aria-label={label}\n className={cx(withInnerLabelUp, withHasChips)}\n onWheel={onWheel}\n onKeyDown={onKeyDown}\n {...rest}\n >\n <StyledContent tabIndex={-1} ref={contentRef} className={withHasChips}>\n {isEnumerationVisible &&\n (isEnumerationComma ? (\n <StyledText className={comboboxTargeText} onClick={onClickText}>\n {textContent}\n </StyledText>\n ) : (\n <StyledChips>\n {values?.map(([value, text], index) => (\n <ComboboxChip\n index={index}\n ref={(element) => getRef(element, index)}\n key={`${value}_${text}`}\n disabled={disabled}\n readOnly={readOnly}\n value={value}\n text={text}\n onClear={(v, t) => onChipClear(v, t, index)}\n onClick={onChipClick}\n onKeyDown={onChipKeyDown}\n />\n ))}\n </StyledChips>\n ))}\n <StyledComboboxInput\n ref={inputRef}\n role=\"textbox\"\n className={comboboxTargetInput}\n value={search}\n placeholder={placeholderValue}\n disabled={disabled}\n readOnly={readOnly}\n onFocus={onFocusInput}\n onBlur={onBlurInput}\n onChange={onChangeInput}\n onKeyDown={onKeyDownInput}\n />\n {valueType === 'multiple' && (\n <StyledComboboxInputHelper ref={inputHelperRef}>{search}</StyledComboboxInputHelper>\n )}\n </StyledContent>\n {isLabelVisible && (\n <StyledLabel className={comboboxTargetLabel} htmlFor={id}>\n {label}\n </StyledLabel>\n )}\n <StyledArrow size=\"s\" className={cx(comboboxTargetArrow, withArrowInverse)} />\n </StyledComboboxTarget>\n );\n },\n);\n"],"names":["hasChips","classes","innerLabelUp","arrowInverse","comboboxTargetArrow","comboboxTargeText","comboboxTargetInput","comboboxTargetLabel","ComboboxTarget","forwardRef","_ref","ref","values","search","label","placeholder","opened","readOnly","disabled","enumerationType","valueType","size","closedWithoutChanges","id","chipsRefs","inputRef","onChange","onSearch","onKeyDown","rest","_objectWithoutProperties","_excluded","contentRef","useRef","inputHelperRef","_useState","useState","_useState2","_slicedToArray","focused","setFocused","controlledRefs","textContent","map","_ref2","_ref3","text","join","hasValue","some","_ref4","_ref5","value","isEnumerationComma","isExtraSmall","isInputNotEmpty","isInputActive","hasLabel","hasOnlyLabel","hasNoAnyTip","placeholderValue","undefined","withInnerLabelUp","withArrowInverse","withHasChips","isLabelVisible","isEnumerationVisible","onChipClick","event","stopPropagation","_useFocusController","useFocusController","updateFocused","updateSearch","onClickText","onFocusInput","onBlurInput","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","Keys","Tab","preventDefault","Backspace","onKeyDownInput","_event$currentTarget","currentTarget","length","_ref10","_ref11","pop","onChangeInput","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledComboboxTarget","_extends","title","className","cx","StyledContent","tabIndex","StyledText","onClick","StyledChips","_ref12","_ref13","ComboboxChip","key","concat","onClear","v","t","StyledComboboxInput","role","onFocus","onBlur","StyledComboboxInputHelper","StyledLabel","htmlFor","StyledArrow"],"mappings":";;;;;;;;;;AAoBA,IACIA,QAAQ,GAORC,OAAO,CAPPD,QAAQ;EACRE,YAAY,GAMZD,OAAO,CANPC,YAAY;EACZC,YAAY,GAKZF,OAAO,CALPE,YAAY;EACZC,mBAAmB,GAInBH,OAAO,CAJPG,mBAAmB;EACnBC,iBAAiB,GAGjBJ,OAAO,CAHPI,iBAAiB;EACjBC,mBAAmB,GAEnBL,OAAO,CAFPK,mBAAmB;EACnBC,mBAAmB,GACnBN,OAAO,CADPM,mBAAmB,CAAA;;AAGvB;AACA;AACA;AACO,IAAMC,cAAc,gBAAGC,UAAU,CACpC,UAAAC,IAAA,EAqBIC,GAAG,EACF;AAAA,EAAA,IApBGC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,MAAM,GAAAN,IAAA,CAANM,MAAM;IACNC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,eAAe,GAAAT,IAAA,CAAfS,eAAe;IACfC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACTC,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,oBAAoB,GAAAZ,IAAA,CAApBY,oBAAoB;IACpBC,EAAE,GAAAb,IAAA,CAAFa,EAAE;IACFC,SAAS,GAAAd,IAAA,CAATc,SAAS;IACTC,QAAQ,GAAAf,IAAA,CAARe,QAAQ;IACRC,QAAQ,GAAAhB,IAAA,CAARgB,QAAQ;IACRC,QAAQ,GAAAjB,IAAA,CAARiB,QAAQ;IACRC,SAAS,GAAAlB,IAAA,CAATkB,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAApB,IAAA,EAAAqB,SAAA,CAAA,CAAA;AAIX,EAAA,IAAMC,UAAU,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAMC,cAAc,GAAGD,MAAM,CAAiB,IAAI,CAAC,CAAA;AACnD,EAAA,IAAAE,SAAA,GAA8BC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtCI,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE1B,EAAA,IAAMI,cAAc,GAAG;AAAET,IAAAA,UAAU,EAAVA,UAAU;AAAEE,IAAAA,cAAc,EAAdA,cAAc;AAAET,IAAAA,QAAQ,EAARA,QAAAA;GAAU,CAAA;EAC/D,IAAMiB,WAAW,GAAG9B,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAE+B,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,KAAA,GAAAP,cAAA,CAAAM,KAAA,EAAA,CAAA,CAAA;AAAIE,MAAAA,IAAI,GAAAD,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OAAMC,IAAI,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC9D,IAAMC,QAAQ,GAAGpC,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEqC,IAAI,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,KAAA,GAAAb,cAAA,CAAAY,KAAA,EAAA,CAAA,CAAA;AAAEE,MAAAA,KAAK,GAAAD,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OAAMC,KAAK,CAAA;GAAC,CAAA,CAAA;AAEjD,EAAA,IAAMC,kBAAkB,GAAGlC,eAAe,KAAK,OAAO,CAAA;AACtD,EAAA,IAAMmC,YAAY,GAAGjC,IAAI,KAAK,IAAI,CAAA;AAClC,EAAA,IAAMkC,eAAe,GAAGP,QAAQ,IAAInC,MAAM,CAAA;EAC1C,IAAM2C,aAAa,GAAG,CAACR,QAAQ,KAAKhC,MAAM,IAAKuB,OAAO,IAAI,CAACtB,QAAS,CAAC,CAAA;AACrE,EAAA,IAAMwC,QAAQ,GAAG3C,KAAK,IAAI,CAACwC,YAAY,IAAID,kBAAkB,CAAA;AAC7D,EAAA,IAAMK,YAAY,GAAG,CAAC3C,WAAW,IAAID,KAAK,CAAA;AAC1C,EAAA,IAAM6C,WAAW,GAAG,CAAC5C,WAAW,IAAI,CAACD,KAAK,CAAA;AAC1C,EAAA,IAAM8C,gBAAgB,GAAI,CAAC9C,KAAK,IAAI,CAACkC,QAAQ,IAAKM,YAAY,GAAGvC,WAAW,GAAG8C,SAAS,CAAA;AAExF,EAAA,IAAMC,gBAAgB,GAClB,CAACR,YAAY,IAAI,CAACK,WAAW,IAAID,YAAY,KAAKF,aAAa,IAAKC,QAAQ,IAAIF,eAAgB,CAAC,GAC3FrD,YAAY,GACZ2D,SAAS,CAAA;AACnB,EAAA,IAAME,gBAAgB,GAAG/C,MAAM,GAAGb,YAAY,GAAG0D,SAAS,CAAA;EAC1D,IAAMG,YAAY,GAAGhB,QAAQ,IAAI7B,eAAe,KAAK,MAAM,GAAGnB,QAAQ,GAAG6D,SAAS,CAAA;EAElF,IAAMI,cAAc,GAAI,CAACjB,QAAQ,IAAI,CAACM,YAAY,IAAKG,QAAQ,CAAA;AAC/D,EAAA,IAAMS,oBAAoB,GAAGlB,QAAQ,IAAI5B,SAAS,KAAK,QAAQ,CAAA;AAE/D,EAAA,IAAM+C,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA0C,EAAA;AAAA,IAAA,OAAKA,KAAK,CAACC,eAAe,EAAE,CAAA;AAAA,GAAA,CAAA;EAE3F,IAAAC,mBAAA,GAAmDC,kBAAkB,CAAC;AAClE9B,MAAAA,cAAc,EAAdA,cAAc;AACdzB,MAAAA,MAAM,EAANA,MAAM;AACNgC,MAAAA,QAAQ,EAARA,QAAQ;AACRN,MAAAA,WAAW,EAAXA,WAAW;AACX7B,MAAAA,MAAM,EAANA,MAAM;AACND,MAAAA,MAAM,EAANA,MAAM;AACNQ,MAAAA,SAAS,EAATA,SAAS;AACTH,MAAAA,QAAQ,EAARA,QAAQ;AACRK,MAAAA,oBAAoB,EAApBA,oBAAoB;AACpBkD,MAAAA,aAAa,EAAEhC,UAAU;AACzBiC,MAAAA,YAAY,EAAE9C,QAAQ;AACtBwC,MAAAA,WAAW,EAAXA,WAAAA;AACJ,KAAC,CAAC;IAbMO,WAAW,GAAAJ,mBAAA,CAAXI,WAAW;IAAEC,YAAY,GAAAL,mBAAA,CAAZK,YAAY;IAAEC,WAAW,GAAAN,mBAAA,CAAXM,WAAW,CAAA;EAe9C,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIzB,KAA6B,EAAEN,IAA4B,EAAEgC,KAAa,EAAK;IAChG,IAAMC,QAAQ,GAAGnE,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CACjBoE,MAAM,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAA5C,cAAA,CAAA2C,KAAA,EAAA,CAAA,CAAA;AAAEE,QAAAA,SAAS,GAAAD,KAAA,CAAA,CAAA,CAAA;AAAEE,QAAAA,QAAQ,GAAAF,KAAA,CAAA,CAAA,CAAA,CAAA;MAAA,OAAM,EAAEC,SAAS,KAAK/B,KAAK,IAAIgC,QAAQ,KAAKtC,IAAI,CAAC,CAAA;AAAA,KAAA,CAAC,CAC/EH,GAAG,CAAC,UAAA0C,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAhD,cAAA,CAAA+C,KAAA,EAAA,CAAA,CAAA;AAAEF,QAAAA,SAAS,GAAAG,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAAA,OAAMH,SAAS,CAAA;KAAC,CAAA,CAAA;AAEpC3D,IAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAE+D,OAAO,CAACC,MAAM,CAACV,KAAK,EAAE,CAAC,CAAC,CAAA;AACnCpD,IAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAGqD,QAAQ,CAAC,CAAA;GACvB,CAAA;AAED,EAAA,IAAMU,aAAa,GAAG,SAAhBA,aAAaA,CACfrC,KAA6B,EAC7BN,IAA4B,EAC5BgC,KAAa,EACbV,KAA6C,EAC5C;AACD,IAAA,IAAQsB,IAAI,GAAKtB,KAAK,CAAdsB,IAAI,CAAA;AAEZ,IAAA,IAAIA,IAAI,KAAKC,IAAI,CAACC,GAAG,EAAE;MACnBxB,KAAK,CAACyB,cAAc,EAAE,CAAA;AAC1B,KAAA;AAEA,IAAA,IAAIH,IAAI,KAAKC,IAAI,CAACG,SAAS,EAAE;AACzBjB,MAAAA,WAAW,CAACzB,KAAK,EAAEN,IAAI,EAAEgC,KAAK,CAAC,CAAA;AACnC,KAAA;GACH,CAAA;AAED,EAAA,IAAMiB,cAAc,GAAG,SAAjBA,cAAcA,CAAI3B,KAA4C,EAAK;AAAA,IAAA,IAAA4B,oBAAA,CAAA;AACrE,IAAA,IAAQN,IAAI,GAAKtB,KAAK,CAAdsB,IAAI,CAAA;AAEZ,IAAA,IAAI1E,MAAM,IAAI0E,IAAI,KAAKC,IAAI,CAACC,GAAG,EAAE;MAC7BxB,KAAK,CAACyB,cAAc,EAAE,CAAA;AAC1B,KAAA;IAEA,IAAIH,IAAI,KAAKC,IAAI,CAACG,SAAS,IAAI,EAAA,CAAAE,oBAAA,GAAC5B,KAAK,CAAC6B,aAAa,MAAA,IAAA,IAAAD,oBAAA,KAAnBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAqB5C,KAAK,CAAC8C,MAAM,CAAE,EAAA;MAC/D,IAAMnB,QAAQ,GAAGnE,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAE+B,GAAG,CAAC,UAAAwD,MAAA,EAAA;AAAA,QAAA,IAAAC,MAAA,GAAA9D,cAAA,CAAA6D,MAAA,EAAA,CAAA,CAAA;AAAEhB,UAAAA,SAAS,GAAAiB,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAAA,OAAMjB,SAAS,CAAA;OAAC,CAAA,CAAA;AACxDJ,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAEsB,GAAG,EAAE,CAAA;MACf7E,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAE+D,OAAO,CAACc,GAAG,EAAE,CAAA;AAExB3E,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAGqD,QAAQ,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,IAAMuB,aAAa,GAAG,SAAhBA,aAAaA,CAAIlC,KAA0C,EAAK;IAClEzC,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAGyC,KAAK,CAAC6B,aAAa,CAAC7C,KAAK,CAAC,CAAA;GACxC,CAAA;AAED,EAAA,IAAMmD,OAAO,GAAG,SAAVA,OAAOA,CAAInC,KAAuC,EAAK;AACzD,IAAA,IAAQoC,MAAM,GAAKpC,KAAK,CAAhBoC,MAAM,CAAA;IAEd,IAAIxE,UAAU,CAACuD,OAAO,EAAE;MACpBvD,UAAU,CAACuD,OAAO,CAACkB,UAAU,IAAIC,IAAI,CAACC,KAAK,CAACH,MAAM,CAAC,CAAA;AACvD,KAAA;GACH,CAAA;EAED,IAAMI,MAAM,GAAG,SAATA,MAAMA,CAAIC,OAAiC,EAAE/B,KAAa,EAAK;AACjE,IAAA,IAAI+B,OAAO,IAAIrF,SAAS,IAAIA,SAAS,CAAC+D,OAAO,EAAE;AAC3C/D,MAAAA,SAAS,CAAC+D,OAAO,CAACT,KAAK,CAAC,GAAG+B,OAAO,CAAA;AACtC,KAAA;GACH,CAAA;;AAED;AACA,EAAA,IAAIrF,SAAS,EAAE;IACXA,SAAS,CAAC+D,OAAO,GAAG,EAAE,CAAA;AAC1B,GAAA;AAEA,EAAA,oBACIuB,KAAA,CAAAC,aAAA,CAACC,oBAAoB,EAAAC,QAAA,CAAA;AACjBtG,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBgG,IAAAA,KAAK,EAAExE,WAAY;AACnB,IAAA,YAAA,EAAY5B,KAAM;AAClBqG,IAAAA,SAAS,EAAEC,EAAE,CAACtD,gBAAgB,EAAEE,YAAY,CAAE;AAC9CuC,IAAAA,OAAO,EAAEA,OAAQ;AACjB3E,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EACjBC,IAAI,CAERiF,eAAAA,KAAA,CAAAC,aAAA,CAACM,aAAa,EAAA;IAACC,QAAQ,EAAE,CAAC,CAAE;AAAC3G,IAAAA,GAAG,EAAEqB,UAAW;AAACmF,IAAAA,SAAS,EAAEnD,YAAAA;GACpDE,EAAAA,oBAAoB,KAChBb,kBAAkB,gBACfyD,KAAA,CAAAC,aAAA,CAACQ,UAAU,EAAA;AAACJ,IAAAA,SAAS,EAAE9G,iBAAkB;AAACmH,IAAAA,OAAO,EAAE9C,WAAAA;GAC9ChC,EAAAA,WACO,CAAC,gBAEboE,KAAA,CAAAC,aAAA,CAACU,WAAW,EACP7G,IAAAA,EAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAE+B,GAAG,CAAC,UAAA+E,MAAA,EAAgB5C,KAAK,EAAA;AAAA,IAAA,IAAA6C,MAAA,GAAArF,cAAA,CAAAoF,MAAA,EAAA,CAAA,CAAA;AAAnBtE,MAAAA,KAAK,GAAAuE,MAAA,CAAA,CAAA,CAAA;AAAE7E,MAAAA,IAAI,GAAA6E,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAA,oBACtBb,KAAA,CAAAC,aAAA,CAACa,YAAY,EAAA;AACT9C,MAAAA,KAAK,EAAEA,KAAM;MACbnE,GAAG,EAAE,SAAAA,GAAAA,CAACkG,OAAO,EAAA;AAAA,QAAA,OAAKD,MAAM,CAACC,OAAO,EAAE/B,KAAK,CAAC,CAAA;OAAC;MACzC+C,GAAG,EAAA,EAAA,CAAAC,MAAA,CAAK1E,KAAK,OAAA0E,MAAA,CAAIhF,IAAI,CAAG;AACxB5B,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,QAAQ,EAAEA,QAAS;AACnBmC,MAAAA,KAAK,EAAEA,KAAM;AACbN,MAAAA,IAAI,EAAEA,IAAK;AACXiF,MAAAA,OAAO,EAAE,SAAAA,OAACC,CAAAA,CAAC,EAAEC,CAAC,EAAA;AAAA,QAAA,OAAKpD,WAAW,CAACmD,CAAC,EAAEC,CAAC,EAAEnD,KAAK,CAAC,CAAA;OAAC;AAC5C0C,MAAAA,OAAO,EAAErD,WAAY;AACrBvC,MAAAA,SAAS,EAAE6D,aAAAA;AAAc,KAC5B,CAAC,CAAA;GACL,CACQ,CAChB,CAAC,eACNqB,KAAA,CAAAC,aAAA,CAACmB,mBAAmB,EAAA;AAChBvH,IAAAA,GAAG,EAAEc,QAAS;AACd0G,IAAAA,IAAI,EAAC,SAAS;AACdhB,IAAAA,SAAS,EAAE7G,mBAAoB;AAC/B8C,IAAAA,KAAK,EAAEvC,MAAO;AACdE,IAAAA,WAAW,EAAE6C,gBAAiB;AAC9B1C,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,QAAQ,EAAEA,QAAS;AACnBmH,IAAAA,OAAO,EAAEzD,YAAa;AACtB0D,IAAAA,MAAM,EAAEzD,WAAY;AACpBlD,IAAAA,QAAQ,EAAE4E,aAAc;AACxB1E,IAAAA,SAAS,EAAEmE,cAAAA;GACd,CAAC,EACD3E,SAAS,KAAK,UAAU,iBACrB0F,KAAA,CAAAC,aAAA,CAACuB,yBAAyB,EAAA;AAAC3H,IAAAA,GAAG,EAAEuB,cAAAA;GAAiBrB,EAAAA,MAAkC,CAE5E,CAAC,EACfoD,cAAc,iBACX6C,KAAA,CAAAC,aAAA,CAACwB,WAAW,EAAA;AAACpB,IAAAA,SAAS,EAAE5G,mBAAoB;AAACiI,IAAAA,OAAO,EAAEjH,EAAAA;AAAG,GAAA,EACpDT,KACQ,CAChB,eACDgG,KAAA,CAAAC,aAAA,CAAC0B,WAAW,EAAA;AAACpH,IAAAA,IAAI,EAAC,GAAG;AAAC8F,IAAAA,SAAS,EAAEC,EAAE,CAAChH,mBAAmB,EAAE2D,gBAAgB,CAAA;AAAE,GAAE,CAC3D,CAAC,CAAA;AAE/B,CACJ;;;;"}
|