@salutejs/plasma-new-hope 0.108.0-canary.1312.9993591826.0 → 0.109.0-canary.1233.10010303428.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- 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 +206 -0
- 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/Dropdown/hooks/useKeyboardNavigation.js +63 -24
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +56 -48
- 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 +74 -66
- 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 +4 -24
- 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/SelectNew/Select.css +110 -0
- package/cjs/components/SelectNew/Select.js +321 -0
- package/cjs/components/SelectNew/Select.js.map +1 -0
- package/cjs/components/SelectNew/Select.styles.js +76 -0
- package/cjs/components/SelectNew/Select.styles.js.map +1 -0
- package/cjs/components/SelectNew/Select.styles_vz339q.css +5 -0
- package/cjs/components/SelectNew/Select.tokens.js +85 -0
- package/cjs/components/SelectNew/Select.tokens.js.map +1 -0
- package/cjs/components/SelectNew/hooks/useKeyboardNavigation.js +353 -0
- package/cjs/components/SelectNew/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/components/SelectNew/hooks/usePathMaps.js +37 -0
- package/cjs/components/SelectNew/hooks/usePathMaps.js.map +1 -0
- package/cjs/components/SelectNew/reducers/focusedChipIndexReducer.js +39 -0
- package/cjs/components/SelectNew/reducers/focusedChipIndexReducer.js.map +1 -0
- package/cjs/components/SelectNew/reducers/focusedPathReducer.js +37 -0
- package/cjs/components/SelectNew/reducers/focusedPathReducer.js.map +1 -0
- package/cjs/components/SelectNew/reducers/pathReducer.js +41 -0
- package/cjs/components/SelectNew/reducers/pathReducer.js.map +1 -0
- package/cjs/components/SelectNew/ui/Inner/Inner.css +110 -0
- package/cjs/components/SelectNew/ui/Inner/Inner.js +82 -0
- package/cjs/components/SelectNew/ui/Inner/Inner.js.map +1 -0
- package/cjs/components/SelectNew/ui/Inner/ui/Item/Item.css +110 -0
- package/cjs/components/SelectNew/ui/Inner/ui/Item/Item.js +97 -0
- package/cjs/components/SelectNew/ui/Inner/ui/Item/Item.js.map +1 -0
- package/cjs/components/SelectNew/ui/Inner/ui/Item/Item.styles.js +110 -0
- package/cjs/components/SelectNew/ui/Inner/ui/Item/Item.styles.js.map +1 -0
- package/cjs/components/SelectNew/ui/Inner/ui/Item/Item.styles_11vd50m.css +9 -0
- package/cjs/components/SelectNew/ui/Target/Target.css +66 -0
- package/cjs/components/SelectNew/ui/Target/Target.js +63 -0
- package/cjs/components/SelectNew/ui/Target/Target.js.map +1 -0
- package/cjs/components/SelectNew/ui/Target/ui/Button/Button.css +33 -0
- package/cjs/components/SelectNew/ui/Target/ui/Button/Button.js +59 -0
- package/cjs/components/SelectNew/ui/Target/ui/Button/Button.js.map +1 -0
- package/cjs/components/SelectNew/ui/Target/ui/Button/Button.styles.js +52 -0
- package/cjs/components/SelectNew/ui/Target/ui/Button/Button.styles.js.map +1 -0
- package/cjs/components/SelectNew/ui/Target/ui/Button/Button.styles_1bejm24.css +5 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.css +60 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.js +113 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.js.map +1 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles.js +113 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles_b9od9v.css +12 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.css +21 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.js +36 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +1 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +23 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -0
- package/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles_18igjz1.css +1 -0
- package/cjs/components/SelectNew/utils/getButtonLabel.js +47 -0
- package/cjs/components/SelectNew/utils/getButtonLabel.js.map +1 -0
- package/cjs/components/SelectNew/utils/getCorrectHeight.js +13 -0
- package/cjs/components/SelectNew/utils/getCorrectHeight.js.map +1 -0
- package/cjs/components/SelectNew/utils/initialItemsTransform.js +19 -0
- package/cjs/components/SelectNew/utils/initialItemsTransform.js.map +1 -0
- package/cjs/components/SelectNew/utils/sizeToIconSize.js +11 -0
- package/cjs/components/SelectNew/utils/sizeToIconSize.js.map +1 -0
- package/cjs/components/SelectNew/utils/updateAncestors.js +34 -0
- package/cjs/components/SelectNew/utils/updateAncestors.js.map +1 -0
- package/cjs/components/SelectNew/utils/updateDescendants.js +18 -0
- package/cjs/components/SelectNew/utils/updateDescendants.js.map +1 -0
- package/cjs/components/SelectNew/utils/updateSingleAncestors.js +15 -0
- package/cjs/components/SelectNew/utils/updateSingleAncestors.js.map +1 -0
- package/cjs/components/SelectNew/variations/_size/base.js +9 -0
- package/cjs/components/SelectNew/variations/_size/base.js.map +1 -0
- package/cjs/components/SelectNew/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/SelectNew/variations/_view/base.js +9 -0
- package/cjs/components/SelectNew/variations/_view/base.js.map +1 -0
- package/cjs/components/SelectNew/variations/_view/base_x642ct.css +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/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 -4
- package/cjs/index.js +9 -0
- 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/emotion/cjs/components/Button/Button.styles.js +9 -9
- package/emotion/cjs/components/Chip/Chip.tokens.js +2 -0
- package/emotion/cjs/components/Combobox/Combobox.js +6 -6
- package/emotion/cjs/components/Combobox/Select.types.js +5 -0
- package/emotion/cjs/components/Combobox/hooks/index.js +14 -1
- package/emotion/cjs/components/Combobox/hooks/useKeyNavigation.js +208 -0
- package/emotion/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +4 -5
- package/emotion/cjs/components/Combobox/utils/index.js +105 -1
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +32 -18
- package/emotion/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +63 -24
- package/emotion/cjs/components/Pagination/Pagination.js +12 -5
- package/emotion/cjs/components/Pagination/Pagination.styles.js +8 -8
- package/emotion/cjs/components/Pagination/Pagination.tokens.js +9 -11
- package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +22 -35
- package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +8 -14
- package/emotion/cjs/components/SelectNew/Select.js +316 -0
- package/emotion/cjs/components/SelectNew/Select.styles.js +43 -0
- package/emotion/cjs/components/SelectNew/Select.tokens.js +99 -0
- package/emotion/cjs/components/SelectNew/Select.types.js +5 -0
- package/emotion/cjs/components/SelectNew/hooks/useKeyboardNavigation.js +355 -0
- package/emotion/cjs/components/SelectNew/hooks/usePathMaps.js +33 -0
- package/emotion/cjs/components/SelectNew/index.js +25 -0
- package/emotion/cjs/components/SelectNew/reducers/focusedChipIndexReducer.js +38 -0
- package/emotion/cjs/components/SelectNew/reducers/focusedPathReducer.js +40 -0
- package/emotion/cjs/components/SelectNew/reducers/index.js +38 -0
- package/emotion/cjs/components/SelectNew/reducers/pathReducer.js +44 -0
- package/emotion/cjs/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.js +18 -0
- package/emotion/cjs/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.styles.js +26 -0
- package/emotion/cjs/components/SelectNew/ui/Inner/Inner.js +80 -0
- package/emotion/cjs/components/SelectNew/ui/Inner/Inner.type.js +5 -0
- package/emotion/cjs/components/SelectNew/ui/Inner/ui/Item/Item.js +95 -0
- package/emotion/cjs/components/SelectNew/ui/Inner/ui/Item/Item.styles.js +92 -0
- package/emotion/cjs/components/SelectNew/ui/Inner/ui/Item/Item.types.js +5 -0
- package/emotion/cjs/components/SelectNew/ui/Inner/ui/index.js +16 -0
- package/emotion/cjs/components/SelectNew/ui/Target/Target.js +61 -0
- package/emotion/cjs/components/SelectNew/ui/Target/Target.types.js +5 -0
- package/emotion/cjs/components/SelectNew/ui/Target/ui/Button/Button.js +58 -0
- package/emotion/cjs/components/SelectNew/ui/Target/ui/Button/Button.styles.js +44 -0
- package/emotion/cjs/components/SelectNew/ui/Target/ui/Button/Button.types.js +5 -0
- package/emotion/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.js +111 -0
- package/emotion/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles.js +84 -0
- package/emotion/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.types.js +5 -0
- package/emotion/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.js +37 -0
- package/emotion/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +22 -0
- package/emotion/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/index.js +16 -0
- package/emotion/cjs/components/SelectNew/ui/Target/ui/index.js +27 -0
- package/emotion/cjs/components/SelectNew/ui/index.js +38 -0
- package/emotion/cjs/components/SelectNew/utils/getButtonLabel.js +43 -0
- package/emotion/cjs/components/SelectNew/utils/getCorrectHeight.js +12 -0
- package/emotion/cjs/components/SelectNew/utils/index.js +54 -0
- package/emotion/cjs/components/SelectNew/utils/initialItemsTransform.js +18 -0
- package/emotion/cjs/components/SelectNew/utils/sizeToIconSize.js +10 -0
- package/emotion/cjs/components/SelectNew/utils/updateAncestors.js +33 -0
- package/emotion/cjs/components/SelectNew/utils/updateDescendants.js +17 -0
- package/emotion/cjs/components/SelectNew/utils/updateSingleAncestors.js +14 -0
- package/emotion/cjs/components/SelectNew/variations/_size/base.js +8 -0
- package/emotion/cjs/components/SelectNew/variations/_size/tokens.json +9 -0
- package/emotion/cjs/components/SelectNew/variations/_view/base.js +8 -0
- package/emotion/cjs/components/SelectNew/variations/_view/tokens.json +1 -0
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +32 -0
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +30 -0
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +22 -0
- package/emotion/cjs/components/_Icon/index.js +14 -0
- package/emotion/cjs/examples/_helpers.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Pagination/Pagination.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/SelectNew/Select.config.js +40 -0
- package/emotion/cjs/examples/plasma_b2c/components/SelectNew/Select.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/SelectNew/Select.stories.tsx +825 -0
- package/emotion/cjs/examples/plasma_b2c/components/SelectNew/style.css +36 -0
- package/emotion/cjs/examples/plasma_web/components/Pagination/Pagination.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/SelectNew/Select.config.js +40 -0
- package/emotion/cjs/examples/plasma_web/components/SelectNew/Select.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/SelectNew/Select.stories.tsx +825 -0
- package/emotion/cjs/examples/plasma_web/components/SelectNew/style.css +37 -0
- package/emotion/cjs/hooks/index.js +7 -0
- package/emotion/cjs/hooks/useOutsideClick.js +24 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/cjs/utils/index.js +9 -1
- package/emotion/cjs/utils/isEmpty.js +47 -0
- package/emotion/es/components/Button/Button.styles.js +9 -9
- package/emotion/es/components/Chip/Chip.tokens.js +2 -0
- package/emotion/es/components/Combobox/Combobox.js +2 -2
- package/emotion/es/components/Combobox/Select.types.js +1 -0
- package/emotion/es/components/Combobox/hooks/index.js +2 -1
- package/emotion/es/components/Combobox/hooks/useKeyNavigation.js +202 -0
- package/emotion/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -2
- package/emotion/es/components/Combobox/utils/index.js +105 -1
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +32 -18
- package/emotion/es/components/Dropdown/hooks/useKeyboardNavigation.js +63 -24
- package/emotion/es/components/Pagination/Pagination.js +12 -5
- package/emotion/es/components/Pagination/Pagination.styles.js +8 -8
- package/emotion/es/components/Pagination/Pagination.tokens.js +9 -11
- package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +22 -33
- package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +7 -13
- package/emotion/es/components/SelectNew/Select.js +307 -0
- package/emotion/es/components/SelectNew/Select.styles.js +36 -0
- package/emotion/es/components/SelectNew/Select.tokens.js +93 -0
- package/emotion/es/components/SelectNew/Select.types.js +1 -0
- package/emotion/es/components/SelectNew/hooks/useKeyboardNavigation.js +349 -0
- package/emotion/es/components/SelectNew/hooks/usePathMaps.js +27 -0
- package/emotion/es/components/SelectNew/index.js +2 -0
- package/emotion/es/components/SelectNew/reducers/focusedChipIndexReducer.js +32 -0
- package/emotion/es/components/SelectNew/reducers/focusedPathReducer.js +34 -0
- package/emotion/es/components/SelectNew/reducers/index.js +3 -0
- package/emotion/es/components/SelectNew/reducers/pathReducer.js +38 -0
- package/emotion/es/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.js +11 -0
- package/emotion/es/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.styles.js +19 -0
- package/emotion/es/components/SelectNew/ui/Inner/Inner.js +73 -0
- package/emotion/es/components/SelectNew/ui/Inner/Inner.type.js +1 -0
- package/emotion/es/components/SelectNew/ui/Inner/ui/Item/Item.js +86 -0
- package/emotion/es/components/SelectNew/ui/Inner/ui/Item/Item.styles.js +85 -0
- package/emotion/es/components/SelectNew/ui/Inner/ui/Item/Item.types.js +1 -0
- package/emotion/es/components/SelectNew/ui/Inner/ui/index.js +1 -0
- package/emotion/es/components/SelectNew/ui/Target/Target.js +54 -0
- package/emotion/es/components/SelectNew/ui/Target/Target.types.js +1 -0
- package/emotion/es/components/SelectNew/ui/Target/ui/Button/Button.js +51 -0
- package/emotion/es/components/SelectNew/ui/Target/ui/Button/Button.styles.js +37 -0
- package/emotion/es/components/SelectNew/ui/Target/ui/Button/Button.types.js +1 -0
- package/emotion/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.js +104 -0
- package/emotion/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles.js +77 -0
- package/emotion/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.types.js +1 -0
- package/emotion/es/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.js +28 -0
- package/emotion/es/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +15 -0
- package/emotion/es/components/SelectNew/ui/Target/ui/Textfield/ui/index.js +1 -0
- package/emotion/es/components/SelectNew/ui/Target/ui/index.js +2 -0
- package/emotion/es/components/SelectNew/ui/index.js +3 -0
- package/emotion/es/components/SelectNew/utils/getButtonLabel.js +37 -0
- package/emotion/es/components/SelectNew/utils/getCorrectHeight.js +6 -0
- package/emotion/es/components/SelectNew/utils/index.js +7 -0
- package/emotion/es/components/SelectNew/utils/initialItemsTransform.js +12 -0
- package/emotion/es/components/SelectNew/utils/sizeToIconSize.js +4 -0
- package/emotion/es/components/SelectNew/utils/updateAncestors.js +27 -0
- package/emotion/es/components/SelectNew/utils/updateDescendants.js +11 -0
- package/emotion/es/components/SelectNew/utils/updateSingleAncestors.js +8 -0
- package/emotion/es/components/SelectNew/variations/_size/base.js +2 -0
- package/emotion/es/components/SelectNew/variations/_size/tokens.json +9 -0
- package/emotion/es/components/SelectNew/variations/_view/base.js +2 -0
- package/emotion/es/components/SelectNew/variations/_view/tokens.json +1 -0
- package/emotion/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +25 -0
- package/emotion/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +23 -0
- package/emotion/es/components/_Icon/Icons/IconDisclosureDownCentered.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconDisclosureRightCentered.js +15 -0
- package/emotion/es/components/_Icon/index.js +2 -0
- package/emotion/es/examples/_helpers.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Pagination/Pagination.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +1 -0
- package/emotion/es/examples/plasma_b2c/components/SelectNew/Select.config.js +34 -0
- package/emotion/es/examples/plasma_b2c/components/SelectNew/Select.js +6 -0
- package/emotion/es/examples/plasma_b2c/components/SelectNew/Select.stories.tsx +825 -0
- package/emotion/es/examples/plasma_b2c/components/SelectNew/style.css +36 -0
- package/emotion/es/examples/plasma_web/components/Pagination/Pagination.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/SelectNew/Select.config.js +34 -0
- package/emotion/es/examples/plasma_web/components/SelectNew/Select.js +6 -0
- package/emotion/es/examples/plasma_web/components/SelectNew/Select.stories.tsx +825 -0
- package/emotion/es/examples/plasma_web/components/SelectNew/style.css +37 -0
- package/emotion/es/hooks/index.js +1 -0
- package/emotion/es/hooks/useOutsideClick.js +18 -0
- package/emotion/es/index.js +1 -0
- package/emotion/es/utils/index.js +1 -0
- package/emotion/es/utils/isEmpty.js +42 -0
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- 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 +201 -0
- 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/Dropdown/hooks/useKeyboardNavigation.js +63 -24
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Pagination/Pagination.css +56 -48
- 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 +74 -66
- 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 +5 -23
- 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/SelectNew/Select.css +110 -0
- package/es/components/SelectNew/Select.js +315 -0
- package/es/components/SelectNew/Select.js.map +1 -0
- package/es/components/SelectNew/Select.styles.js +68 -0
- package/es/components/SelectNew/Select.styles.js.map +1 -0
- package/es/components/SelectNew/Select.styles_vz339q.css +5 -0
- package/es/components/SelectNew/Select.tokens.js +80 -0
- package/es/components/SelectNew/Select.tokens.js.map +1 -0
- package/es/components/SelectNew/hooks/useKeyboardNavigation.js +348 -0
- package/es/components/SelectNew/hooks/useKeyboardNavigation.js.map +1 -0
- package/es/components/SelectNew/hooks/usePathMaps.js +33 -0
- package/es/components/SelectNew/hooks/usePathMaps.js.map +1 -0
- package/es/components/SelectNew/reducers/focusedChipIndexReducer.js +35 -0
- package/es/components/SelectNew/reducers/focusedChipIndexReducer.js.map +1 -0
- package/es/components/SelectNew/reducers/focusedPathReducer.js +33 -0
- package/es/components/SelectNew/reducers/focusedPathReducer.js.map +1 -0
- package/es/components/SelectNew/reducers/pathReducer.js +37 -0
- package/es/components/SelectNew/reducers/pathReducer.js.map +1 -0
- package/es/components/SelectNew/ui/Inner/Inner.css +110 -0
- package/es/components/SelectNew/ui/Inner/Inner.js +78 -0
- package/es/components/SelectNew/ui/Inner/Inner.js.map +1 -0
- package/es/components/SelectNew/ui/Inner/ui/Item/Item.css +110 -0
- package/es/components/SelectNew/ui/Inner/ui/Item/Item.js +93 -0
- package/es/components/SelectNew/ui/Inner/ui/Item/Item.js.map +1 -0
- package/es/components/SelectNew/ui/Inner/ui/Item/Item.styles.js +98 -0
- package/es/components/SelectNew/ui/Inner/ui/Item/Item.styles.js.map +1 -0
- package/es/components/SelectNew/ui/Inner/ui/Item/Item.styles_11vd50m.css +9 -0
- package/es/components/SelectNew/ui/Target/Target.css +66 -0
- package/es/components/SelectNew/ui/Target/Target.js +59 -0
- package/es/components/SelectNew/ui/Target/Target.js.map +1 -0
- package/es/components/SelectNew/ui/Target/ui/Button/Button.css +33 -0
- package/es/components/SelectNew/ui/Target/ui/Button/Button.js +55 -0
- package/es/components/SelectNew/ui/Target/ui/Button/Button.js.map +1 -0
- package/es/components/SelectNew/ui/Target/ui/Button/Button.styles.js +44 -0
- package/es/components/SelectNew/ui/Target/ui/Button/Button.styles.js.map +1 -0
- package/es/components/SelectNew/ui/Target/ui/Button/Button.styles_1bejm24.css +5 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.css +60 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.js +109 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.js.map +1 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles.js +98 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles_b9od9v.css +12 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.css +21 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.js +32 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +1 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +19 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -0
- package/es/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles_18igjz1.css +1 -0
- package/es/components/SelectNew/utils/getButtonLabel.js +43 -0
- package/es/components/SelectNew/utils/getButtonLabel.js.map +1 -0
- package/es/components/SelectNew/utils/getCorrectHeight.js +9 -0
- package/es/components/SelectNew/utils/getCorrectHeight.js.map +1 -0
- package/es/components/SelectNew/utils/initialItemsTransform.js +15 -0
- package/es/components/SelectNew/utils/initialItemsTransform.js.map +1 -0
- package/es/components/SelectNew/utils/sizeToIconSize.js +7 -0
- package/es/components/SelectNew/utils/sizeToIconSize.js.map +1 -0
- package/es/components/SelectNew/utils/updateAncestors.js +30 -0
- package/es/components/SelectNew/utils/updateAncestors.js.map +1 -0
- package/es/components/SelectNew/utils/updateDescendants.js +14 -0
- package/es/components/SelectNew/utils/updateDescendants.js.map +1 -0
- package/es/components/SelectNew/utils/updateSingleAncestors.js +11 -0
- package/es/components/SelectNew/utils/updateSingleAncestors.js.map +1 -0
- package/es/components/SelectNew/variations/_size/base.js +5 -0
- package/es/components/SelectNew/variations/_size/base.js.map +1 -0
- package/es/components/SelectNew/variations/_size/base_x642ct.css +1 -0
- package/es/components/SelectNew/variations/_view/base.js +5 -0
- package/es/components/SelectNew/variations/_view/base.js.map +1 -0
- package/es/components/SelectNew/variations/_view/base_x642ct.css +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/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 -4
- package/es/index.js +4 -0
- 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/Select.types.js +5 -0
- package/styled-components/cjs/components/Combobox/hooks/index.js +14 -1
- package/styled-components/cjs/components/Combobox/hooks/useKeyNavigation.js +208 -0
- 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/Dropdown/hooks/useKeyboardNavigation.js +63 -24
- 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 +5 -10
- package/styled-components/cjs/components/SelectNew/Select.js +316 -0
- package/styled-components/cjs/components/SelectNew/Select.styles.js +40 -0
- package/styled-components/cjs/components/SelectNew/Select.tokens.js +99 -0
- package/styled-components/cjs/components/SelectNew/Select.types.js +5 -0
- package/styled-components/cjs/components/SelectNew/hooks/useKeyboardNavigation.js +355 -0
- package/styled-components/cjs/components/SelectNew/hooks/usePathMaps.js +33 -0
- package/styled-components/cjs/components/SelectNew/index.js +25 -0
- package/styled-components/cjs/components/SelectNew/reducers/focusedChipIndexReducer.js +38 -0
- package/styled-components/cjs/components/SelectNew/reducers/focusedPathReducer.js +40 -0
- package/styled-components/cjs/components/SelectNew/reducers/index.js +38 -0
- package/styled-components/cjs/components/SelectNew/reducers/pathReducer.js +44 -0
- package/styled-components/cjs/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.js +18 -0
- package/styled-components/cjs/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.styles.js +24 -0
- package/styled-components/cjs/components/SelectNew/ui/Inner/Inner.js +80 -0
- package/styled-components/cjs/components/SelectNew/ui/Inner/Inner.type.js +5 -0
- package/styled-components/cjs/components/SelectNew/ui/Inner/ui/Item/Item.js +95 -0
- package/styled-components/cjs/components/SelectNew/ui/Inner/ui/Item/Item.styles.js +66 -0
- package/styled-components/cjs/components/SelectNew/ui/Inner/ui/Item/Item.types.js +5 -0
- package/styled-components/cjs/components/SelectNew/ui/Inner/ui/index.js +16 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/Target.js +61 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/Target.types.js +5 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/ui/Button/Button.js +58 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/ui/Button/Button.styles.js +30 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/ui/Button/Button.types.js +5 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.js +111 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles.js +63 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/ui/Textfield/Textfield.types.js +5 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.js +37 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +21 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/ui/Textfield/ui/index.js +16 -0
- package/styled-components/cjs/components/SelectNew/ui/Target/ui/index.js +27 -0
- package/styled-components/cjs/components/SelectNew/ui/index.js +38 -0
- package/styled-components/cjs/components/SelectNew/utils/getButtonLabel.js +43 -0
- package/styled-components/cjs/components/SelectNew/utils/getCorrectHeight.js +12 -0
- package/styled-components/cjs/components/SelectNew/utils/index.js +54 -0
- package/styled-components/cjs/components/SelectNew/utils/initialItemsTransform.js +18 -0
- package/styled-components/cjs/components/SelectNew/utils/sizeToIconSize.js +10 -0
- package/styled-components/cjs/components/SelectNew/utils/updateAncestors.js +33 -0
- package/styled-components/cjs/components/SelectNew/utils/updateDescendants.js +17 -0
- package/styled-components/cjs/components/SelectNew/utils/updateSingleAncestors.js +14 -0
- package/styled-components/cjs/components/SelectNew/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/SelectNew/variations/_size/tokens.json +9 -0
- package/styled-components/cjs/components/SelectNew/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/SelectNew/variations/_view/tokens.json +1 -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/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/SelectNew/Select.config.js +40 -0
- package/styled-components/cjs/examples/plasma_b2c/components/SelectNew/Select.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/SelectNew/Select.stories.tsx +825 -0
- package/styled-components/cjs/examples/plasma_b2c/components/SelectNew/style.css +36 -0
- package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.config.js +7 -7
- package/styled-components/cjs/examples/plasma_web/components/SelectNew/Select.config.js +40 -0
- package/styled-components/cjs/examples/plasma_web/components/SelectNew/Select.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/SelectNew/Select.stories.tsx +825 -0
- package/styled-components/cjs/examples/plasma_web/components/SelectNew/style.css +37 -0
- package/styled-components/cjs/hooks/index.js +7 -0
- package/styled-components/cjs/hooks/useOutsideClick.js +24 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/cjs/utils/index.js +9 -1
- 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/Select.types.js +1 -0
- package/styled-components/es/components/Combobox/hooks/index.js +2 -1
- package/styled-components/es/components/Combobox/hooks/useKeyNavigation.js +202 -0
- 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/Dropdown/hooks/useKeyboardNavigation.js +63 -24
- 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 +4 -9
- package/styled-components/es/components/SelectNew/Select.js +307 -0
- package/styled-components/es/components/SelectNew/Select.styles.js +32 -0
- package/styled-components/es/components/SelectNew/Select.tokens.js +93 -0
- package/styled-components/es/components/SelectNew/Select.types.js +1 -0
- package/styled-components/es/components/SelectNew/hooks/useKeyboardNavigation.js +349 -0
- package/styled-components/es/components/SelectNew/hooks/usePathMaps.js +27 -0
- package/styled-components/es/components/SelectNew/index.js +2 -0
- package/styled-components/es/components/SelectNew/reducers/focusedChipIndexReducer.js +32 -0
- package/styled-components/es/components/SelectNew/reducers/focusedPathReducer.js +34 -0
- package/styled-components/es/components/SelectNew/reducers/index.js +3 -0
- package/styled-components/es/components/SelectNew/reducers/pathReducer.js +38 -0
- package/styled-components/es/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.js +11 -0
- package/styled-components/es/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.styles.js +17 -0
- package/styled-components/es/components/SelectNew/ui/Inner/Inner.js +73 -0
- package/styled-components/es/components/SelectNew/ui/Inner/Inner.type.js +1 -0
- package/styled-components/es/components/SelectNew/ui/Inner/ui/Item/Item.js +86 -0
- package/styled-components/es/components/SelectNew/ui/Inner/ui/Item/Item.styles.js +59 -0
- package/styled-components/es/components/SelectNew/ui/Inner/ui/Item/Item.types.js +1 -0
- package/styled-components/es/components/SelectNew/ui/Inner/ui/index.js +1 -0
- package/styled-components/es/components/SelectNew/ui/Target/Target.js +54 -0
- package/styled-components/es/components/SelectNew/ui/Target/Target.types.js +1 -0
- package/styled-components/es/components/SelectNew/ui/Target/ui/Button/Button.js +51 -0
- package/styled-components/es/components/SelectNew/ui/Target/ui/Button/Button.styles.js +23 -0
- package/styled-components/es/components/SelectNew/ui/Target/ui/Button/Button.types.js +1 -0
- package/styled-components/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.js +104 -0
- package/styled-components/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles.js +56 -0
- package/styled-components/es/components/SelectNew/ui/Target/ui/Textfield/Textfield.types.js +1 -0
- package/styled-components/es/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.js +28 -0
- package/styled-components/es/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +14 -0
- package/styled-components/es/components/SelectNew/ui/Target/ui/Textfield/ui/index.js +1 -0
- package/styled-components/es/components/SelectNew/ui/Target/ui/index.js +2 -0
- package/styled-components/es/components/SelectNew/ui/index.js +3 -0
- package/styled-components/es/components/SelectNew/utils/getButtonLabel.js +37 -0
- package/styled-components/es/components/SelectNew/utils/getCorrectHeight.js +6 -0
- package/styled-components/es/components/SelectNew/utils/index.js +7 -0
- package/styled-components/es/components/SelectNew/utils/initialItemsTransform.js +12 -0
- package/styled-components/es/components/SelectNew/utils/sizeToIconSize.js +4 -0
- package/styled-components/es/components/SelectNew/utils/updateAncestors.js +27 -0
- package/styled-components/es/components/SelectNew/utils/updateDescendants.js +11 -0
- package/styled-components/es/components/SelectNew/utils/updateSingleAncestors.js +8 -0
- package/styled-components/es/components/SelectNew/variations/_size/base.js +2 -0
- package/styled-components/es/components/SelectNew/variations/_size/tokens.json +9 -0
- package/styled-components/es/components/SelectNew/variations/_view/base.js +2 -0
- package/styled-components/es/components/SelectNew/variations/_view/tokens.json +1 -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/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/SelectNew/Select.config.js +34 -0
- package/styled-components/es/examples/plasma_b2c/components/SelectNew/Select.js +6 -0
- package/styled-components/es/examples/plasma_b2c/components/SelectNew/Select.stories.tsx +825 -0
- package/styled-components/es/examples/plasma_b2c/components/SelectNew/style.css +36 -0
- package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.config.js +7 -7
- package/styled-components/es/examples/plasma_web/components/SelectNew/Select.config.js +34 -0
- package/styled-components/es/examples/plasma_web/components/SelectNew/Select.js +6 -0
- package/styled-components/es/examples/plasma_web/components/SelectNew/Select.stories.tsx +825 -0
- package/styled-components/es/examples/plasma_web/components/SelectNew/style.css +37 -0
- package/styled-components/es/hooks/index.js +1 -0
- package/styled-components/es/hooks/useOutsideClick.js +18 -0
- package/styled-components/es/index.js +1 -0
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/isEmpty.js +42 -0
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +2 -2
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- 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 +20 -0
- 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/hooks/useKeyboardNavigation.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/SelectNew/Select.d.ts +28 -0
- package/types/components/SelectNew/Select.d.ts.map +1 -0
- package/types/components/SelectNew/Select.styles.d.ts +17 -0
- package/types/components/SelectNew/Select.styles.d.ts.map +1 -0
- package/types/components/SelectNew/Select.tokens.d.ts +94 -0
- package/types/components/SelectNew/Select.tokens.d.ts.map +1 -0
- package/types/components/SelectNew/Select.types.d.ts +136 -0
- package/types/components/SelectNew/Select.types.d.ts.map +1 -0
- package/types/components/SelectNew/hooks/useKeyboardNavigation.d.ts +43 -0
- package/types/components/SelectNew/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/SelectNew/hooks/usePathMaps.d.ts +8 -0
- package/types/components/SelectNew/hooks/usePathMaps.d.ts.map +1 -0
- package/types/components/SelectNew/index.d.ts +4 -0
- package/types/components/SelectNew/index.d.ts.map +1 -0
- package/types/components/SelectNew/reducers/focusedChipIndexReducer.d.ts +11 -0
- package/types/components/SelectNew/reducers/focusedChipIndexReducer.d.ts.map +1 -0
- package/types/components/SelectNew/reducers/focusedPathReducer.d.ts +16 -0
- package/types/components/SelectNew/reducers/focusedPathReducer.d.ts.map +1 -0
- package/types/components/SelectNew/reducers/index.d.ts +4 -0
- package/types/components/SelectNew/reducers/index.d.ts.map +1 -0
- package/types/components/SelectNew/reducers/pathReducer.d.ts +20 -0
- package/types/components/SelectNew/reducers/pathReducer.d.ts.map +1 -0
- package/types/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.d.ts +6 -0
- package/types/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.d.ts.map +1 -0
- package/types/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.styles.d.ts +29 -0
- package/types/components/SelectNew/ui/InfiniteLoader/InfiniteLoader.styles.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Inner/Inner.d.ts +4 -0
- package/types/components/SelectNew/ui/Inner/Inner.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Inner/Inner.type.d.ts +13 -0
- package/types/components/SelectNew/ui/Inner/Inner.type.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Inner/ui/Item/Item.d.ts +4 -0
- package/types/components/SelectNew/ui/Inner/ui/Item/Item.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Inner/ui/Item/Item.styles.d.ts +19 -0
- package/types/components/SelectNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Inner/ui/Item/Item.types.d.ts +42 -0
- package/types/components/SelectNew/ui/Inner/ui/Item/Item.types.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Inner/ui/index.d.ts +2 -0
- package/types/components/SelectNew/ui/Inner/ui/index.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/Target.d.ts +4 -0
- package/types/components/SelectNew/ui/Target/Target.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/Target.types.d.ts +15 -0
- package/types/components/SelectNew/ui/Target/Target.types.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/ui/Button/Button.d.ts +4 -0
- package/types/components/SelectNew/ui/Target/ui/Button/Button.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/ui/Button/Button.styles.d.ts +49 -0
- package/types/components/SelectNew/ui/Target/ui/Button/Button.styles.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/ui/Button/Button.types.d.ts +4 -0
- package/types/components/SelectNew/ui/Target/ui/Button/Button.types.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/Textfield.d.ts +4 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles.d.ts +60 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/Textfield.types.d.ts +4 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +9 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +3 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/ui/index.d.ts +2 -0
- package/types/components/SelectNew/ui/Target/ui/Textfield/ui/index.d.ts.map +1 -0
- package/types/components/SelectNew/ui/Target/ui/index.d.ts +3 -0
- package/types/components/SelectNew/ui/Target/ui/index.d.ts.map +1 -0
- package/types/components/SelectNew/ui/index.d.ts +4 -0
- package/types/components/SelectNew/ui/index.d.ts.map +1 -0
- package/types/components/SelectNew/utils/getButtonLabel.d.ts +3 -0
- package/types/components/SelectNew/utils/getButtonLabel.d.ts.map +1 -0
- package/types/components/SelectNew/utils/getCorrectHeight.d.ts +3 -0
- package/types/components/SelectNew/utils/getCorrectHeight.d.ts.map +1 -0
- package/types/components/SelectNew/utils/index.d.ts +8 -0
- package/types/components/SelectNew/utils/index.d.ts.map +1 -0
- package/types/components/SelectNew/utils/initialItemsTransform.d.ts +3 -0
- package/types/components/SelectNew/utils/initialItemsTransform.d.ts.map +1 -0
- package/types/components/SelectNew/utils/sizeToIconSize.d.ts +3 -0
- package/types/components/SelectNew/utils/sizeToIconSize.d.ts.map +1 -0
- package/types/components/SelectNew/utils/updateAncestors.d.ts +4 -0
- package/types/components/SelectNew/utils/updateAncestors.d.ts.map +1 -0
- package/types/components/SelectNew/utils/updateDescendants.d.ts +4 -0
- package/types/components/SelectNew/utils/updateDescendants.d.ts.map +1 -0
- package/types/components/SelectNew/utils/updateSingleAncestors.d.ts +4 -0
- package/types/components/SelectNew/utils/updateSingleAncestors.d.ts.map +1 -0
- package/types/components/SelectNew/variations/_size/base.d.ts +2 -0
- package/types/components/SelectNew/variations/_size/base.d.ts.map +1 -0
- package/types/components/SelectNew/variations/_view/base.d.ts +2 -0
- package/types/components/SelectNew/variations/_view/base.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 +3 -3
- package/types/engines/common.d.ts.map +1 -1
- package/types/engines/types.d.ts +3 -3
- package/types/engines/types.d.ts.map +1 -1
- package/types/examples/_helpers.d.ts +2 -2
- package/types/examples/_helpers.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/SelectNew/Select.config.d.ts +33 -0
- package/types/examples/plasma_b2c/components/SelectNew/Select.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/SelectNew/Select.d.ts +80 -0
- package/types/examples/plasma_b2c/components/SelectNew/Select.d.ts.map +1 -0
- 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/SelectNew/Select.config.d.ts +33 -0
- package/types/examples/plasma_web/components/SelectNew/Select.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/SelectNew/Select.d.ts +80 -0
- package/types/examples/plasma_web/components/SelectNew/Select.d.ts.map +1 -0
- 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/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- 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/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_rtehle.css +0 -4
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { HTMLAttributesOmitOnChange } from '../../../../engines/types';\n\nimport {\n StyledAccordionItem,\n StyledAccordionHeader,\n StyledAccordionBody,\n StyledAccordionTitle,\n StyledAccordionContentLeft,\n StyledAccordionHeaderLeft,\n StyledAccordionContentRight,\n StyledArrow,\n StyledMinus,\n StyledPlus,\n StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributesOmitOnChange & AccordionItemProps> = ({\n value,\n contentRight,\n contentLeft,\n title,\n pin = 'square-square',\n children,\n type = 'sign',\n index,\n eventKey,\n disabled,\n onChange,\n}) => {\n const key = eventKey ?? index ?? 0;\n\n const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n const handleOpen = () => {\n if (disabled) {\n return;\n }\n if (onChange) {\n onChange(key, !value);\n }\n };\n\n const leftContentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n const leftPaddingBody = leftContentWidth ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;\n setLeftPadding(leftPaddingBody);\n }, [value, type, leftContentRef, setLeftPadding]);\n\n const openedBodyClass = value ? classes.accordionItemShowBody : undefined;\n\n const StyledAnimationPLus = () => (\n <StyledPlus>\n <StyledMinus size=\"xs\" color=\"inhert\" />\n <StyledMinus\n size=\"xs\"\n color=\"inhert\"\n className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n />\n </StyledPlus>\n );\n\n const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n const disabledClass = disabled ? classes.accordionDisabled : '';\n\n const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n const leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;\n\n const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n const rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;\n\n return (\n <StyledAccordionItem\n className={classes.accordionItem}\n key={key}\n style={{ borderRadius: accordionBorderRadius }}\n >\n <StyledAccordionHeader\n role=\"tab\"\n tabIndex={0}\n onClick={handleOpen}\n className={disabledClass}\n aria-expanded={value}\n aria-controls={`accordion-item-section${key}`}\n id={`accordion-item-${key}`}\n >\n <StyledAccordionHeaderLeft>\n {leftContent && (\n <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n {leftContent}\n </StyledAccordionContentLeft>\n )}\n <StyledAccordionTitle>{title}</StyledAccordionTitle>\n </StyledAccordionHeaderLeft>\n\n <StyledAccordionContentRight className={rightContentRotate}>\n {rightContent && rightContent}\n </StyledAccordionContentRight>\n </StyledAccordionHeader>\n <StyledAccordionBodyAnimate\n aria-labelledby={`accordion-item-${key}`}\n aria-hidden={!value}\n id={`accordion-item-section${key}`}\n className={openedBodyClass}\n style={{ paddingLeft: `${leftPadding}` }}\n >\n <StyledAccordionBody>{children}</StyledAccordionBody>\n </StyledAccordionBodyAnimate>\n </StyledAccordionItem>\n );\n};\n"],"names":["AccordionItem","_ref","_ref2","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","eventKey","disabled","onChange","key","_useState","useState","_useState2","_slicedToArray","leftPadding","setLeftPadding","handleOpen","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","className","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","accordionItem","style","borderRadius","StyledAccordionHeader","role","tabIndex","onClick","id","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody"],"mappings":";;;;;;;;;;;IAqBaA,aAAwE,GAAG,SAA3EA,aAAwEA,CAAAC,IAAA,EAY/E;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAXFC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAAC,QAAA,GAAAN,IAAA,CACLO,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,eAAe,GAAAA,QAAA;IACrBE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IAAAC,SAAA,GAAAT,IAAA,CACRU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;IACbE,KAAK,GAAAX,IAAA,CAALW,KAAK;IACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IACRC,QAAQ,GAAAd,IAAA,CAARc,QAAQ,CAAA;AAER,EAAA,IAAMC,GAAG,GAAAd,CAAAA,KAAA,GAAGW,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAID,KAAK,MAAAV,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,CAAC,CAAA;AAElC,EAAA,IAAAe,SAAA,GAAsCC,cAAQ,EAA0B;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjEI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,UAAU,GAAG,SAAbA,UAAUA,GAAS;AACrB,IAAA,IAAIT,QAAQ,EAAE;AACV,MAAA,OAAA;AACJ,KAAA;AACA,IAAA,IAAIC,QAAQ,EAAE;AACVA,MAAAA,QAAQ,CAACC,GAAG,EAAE,CAACb,KAAK,CAAC,CAAA;AACzB,KAAA;GACH,CAAA;AAED,EAAA,IAAMqB,cAAc,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAEnDC,EAAAA,eAAS,CAAC,YAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,CAAA;IACZ,IAAMC,gBAAgB,GAAAF,CAAAA,qBAAA,GAAGH,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAA,CAAAI,sBAAA,GAAdJ,cAAc,CAAEM,OAAO,MAAAF,IAAAA,IAAAA,sBAAA,KAAvBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAyBG,WAAW,cAAAJ,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,CAAA;AAClE,IAAA,IAAMK,eAAe,GAAGH,gBAAgB,GAAA,OAAA,CAAAI,MAAA,CAAWJ,gBAAgB,EAAAI,WAAAA,CAAAA,CAAAA,MAAA,CAAYC,uBAAM,CAACC,gBAAgB,UAAO,CAAC,CAAA;IAC9Gb,cAAc,CAACU,eAAe,CAAC,CAAA;GAClC,EAAE,CAAC7B,KAAK,EAAEQ,IAAI,EAAEa,cAAc,EAAEF,cAAc,CAAC,CAAC,CAAA;EAEjD,IAAMc,eAAe,GAAGjC,KAAK,GAAGkC,wBAAO,CAACC,qBAAqB,GAAGC,SAAS,CAAA;AAEzE,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAA;AAAA,IAAA,oBACrBC,KAAA,CAAAC,aAAA,CAACC,+BAAU,EAAAC,IAAAA,EAAAA,YAAA,KAAAA,YAAA,gBACPH,KAAA,CAAAC,aAAA,CAACG,gCAAW,EAAA;AAACC,MAAAA,IAAI,EAAC,IAAI;AAACC,MAAAA,KAAK,EAAC,QAAA;AAAQ,KAAE,CAAC,CACxCN,eAAAA,KAAA,CAAAC,aAAA,CAACG,gCAAW,EAAA;AACRC,MAAAA,IAAI,EAAC,IAAI;AACTC,MAAAA,KAAK,EAAC,QAAQ;MACdC,SAAS,EAAEZ,eAAe,KAAfA,IAAAA,IAAAA,eAAe,cAAfA,eAAe,GAAIC,wBAAO,CAACY,6BAAAA;AAA8B,KACvE,CACO,CAAC,CAAA;GAChB,CAAA;AAED,EAAA,IAAMC,qBAAqB,GAAGC,gCAAsB,CAAC3C,GAAG,EAAA,MAAA,CAAAyB,MAAA,CAASC,uBAAM,CAACkB,yBAAyB,EAAA,GAAA,CAAA,EAAK,QAAQ,CAAC,CAAA;EAC/G,IAAMC,aAAa,GAAGvC,QAAQ,GAAGuB,wBAAO,CAACiB,iBAAiB,GAAG,EAAE,CAAA;EAE/D,IAAMC,WAAW,GAAGlD,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,WAAW,GAAKM,IAAI,KAAK,OAAO,GAAA6C,YAAA,KAAAA,YAAA,gBAAGf,KAAA,CAAAC,aAAA,CAACe,gCAAW,EAAA;AAACX,IAAAA,IAAI,EAAC,IAAI;AAACC,IAAAA,KAAK,EAAC,QAAA;GAAU,CAAC,IAAGR,SAAU,CAAA;AAC5G,EAAA,IAAMmB,iBAAiB,GAAG/C,IAAI,KAAK,OAAO,IAAIR,KAAK,GAAGkC,wBAAO,CAACC,qBAAqB,GAAGC,SAAS,CAAA;EAE/F,IAAMoB,YAAY,GAAGvD,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,YAAY,GAAKO,IAAI,KAAK,MAAM,gBAAG8B,KAAA,CAAAC,aAAA,CAACF,mBAAmB,EAAE,IAAA,CAAC,GAAGD,SAAU,CAAA;AAC5F,EAAA,IAAMqB,kBAAkB,GAAGjD,IAAI,KAAK,MAAM,IAAIR,KAAK,GAAGkC,wBAAO,CAACC,qBAAqB,GAAGC,SAAS,CAAA;AAE/F,EAAA,oBACIE,KAAA,CAAAC,aAAA,CAACmB,wCAAmB,EAAA;IAChBb,SAAS,EAAEX,wBAAO,CAACyB,aAAc;AACjC9C,IAAAA,GAAG,EAAEA,GAAI;AACT+C,IAAAA,KAAK,EAAE;AAAEC,MAAAA,YAAY,EAAEd,qBAAAA;AAAsB,KAAA;AAAE,GAAA,eAE/CT,KAAA,CAAAC,aAAA,CAACuB,0CAAqB,EAAA;AAClBC,IAAAA,IAAI,EAAC,KAAK;AACVC,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,OAAO,EAAE7C,UAAW;AACpByB,IAAAA,SAAS,EAAEK,aAAc;AACzB,IAAA,eAAA,EAAelD,KAAM;IACrB,eAAA8B,EAAAA,wBAAAA,CAAAA,MAAA,CAAwCjB,GAAG,CAAG;IAC9CqD,EAAE,EAAA,iBAAA,CAAApC,MAAA,CAAoBjB,GAAG,CAAA;AAAG,GAAA,eAE5ByB,KAAA,CAAAC,aAAA,CAAC4B,8CAAyB,EAAA,IAAA,EACrBf,WAAW,iBACRd,KAAA,CAAAC,aAAA,CAAC6B,+CAA0B,EAAA;AAACC,IAAAA,GAAG,EAAEhD,cAAe;AAACwB,IAAAA,SAAS,EAAEU,iBAAAA;AAAkB,GAAA,EACzEH,WACuB,CAC/B,eACDd,KAAA,CAAAC,aAAA,CAAC+B,yCAAoB,EAAEnE,IAAAA,EAAAA,KAA4B,CAC5B,CAAC,eAE5BmC,KAAA,CAAAC,aAAA,CAACgC,gDAA2B,EAAA;AAAC1B,IAAAA,SAAS,EAAEY,kBAAAA;GACnCD,EAAAA,YAAY,IAAIA,YACQ,CACV,CAAC,eACxBlB,KAAA,CAAAC,aAAA,CAACiC,+CAA0B,EAAA;IACvB,iBAAA1C,EAAAA,iBAAAA,CAAAA,MAAA,CAAmCjB,GAAG,CAAG;AACzC,IAAA,aAAA,EAAa,CAACb,KAAM;AACpBkE,IAAAA,EAAE,EAAApC,wBAAAA,CAAAA,MAAA,CAA2BjB,GAAG,CAAG;AACnCgC,IAAAA,SAAS,EAAEZ,eAAgB;AAC3B2B,IAAAA,KAAK,EAAE;MAAEa,WAAW,EAAA,EAAA,CAAA3C,MAAA,CAAKZ,WAAW,CAAA;AAAG,KAAA;GAEvCoB,eAAAA,KAAA,CAAAC,aAAA,CAACmC,wCAAmB,EAAEpE,IAAAA,EAAAA,QAA8B,CAC5B,CACX,CAAC,CAAA;AAE9B;;;;"}
|
1
|
+
{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { HTMLAttributesWithoutOnChange } from '../../../../engines/types';\n\nimport {\n StyledAccordionItem,\n StyledAccordionHeader,\n StyledAccordionBody,\n StyledAccordionTitle,\n StyledAccordionContentLeft,\n StyledAccordionHeaderLeft,\n StyledAccordionContentRight,\n StyledArrow,\n StyledMinus,\n StyledPlus,\n StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributesWithoutOnChange<HTMLElement> & AccordionItemProps> = ({\n value,\n contentRight,\n contentLeft,\n title,\n pin = 'square-square',\n children,\n type = 'sign',\n index,\n eventKey,\n disabled,\n onChange,\n}) => {\n const key = eventKey ?? index ?? 0;\n\n const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n const handleOpen = () => {\n if (disabled) {\n return;\n }\n if (onChange) {\n onChange(key, !value);\n }\n };\n\n const leftContentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n const leftPaddingBody = leftContentWidth ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;\n setLeftPadding(leftPaddingBody);\n }, [value, type, leftContentRef, setLeftPadding]);\n\n const openedBodyClass = value ? classes.accordionItemShowBody : undefined;\n\n const StyledAnimationPLus = () => (\n <StyledPlus>\n <StyledMinus size=\"xs\" color=\"inhert\" />\n <StyledMinus\n size=\"xs\"\n color=\"inhert\"\n className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n />\n </StyledPlus>\n );\n\n const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n const disabledClass = disabled ? classes.accordionDisabled : '';\n\n const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n const leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;\n\n const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n const rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;\n\n return (\n <StyledAccordionItem\n className={classes.accordionItem}\n key={key}\n style={{ borderRadius: accordionBorderRadius }}\n >\n <StyledAccordionHeader\n role=\"tab\"\n tabIndex={0}\n onClick={handleOpen}\n className={disabledClass}\n aria-expanded={value}\n aria-controls={`accordion-item-section${key}`}\n id={`accordion-item-${key}`}\n >\n <StyledAccordionHeaderLeft>\n {leftContent && (\n <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n {leftContent}\n </StyledAccordionContentLeft>\n )}\n <StyledAccordionTitle>{title}</StyledAccordionTitle>\n </StyledAccordionHeaderLeft>\n\n <StyledAccordionContentRight className={rightContentRotate}>\n {rightContent && rightContent}\n </StyledAccordionContentRight>\n </StyledAccordionHeader>\n <StyledAccordionBodyAnimate\n aria-labelledby={`accordion-item-${key}`}\n aria-hidden={!value}\n id={`accordion-item-section${key}`}\n className={openedBodyClass}\n style={{ paddingLeft: `${leftPadding}` }}\n >\n <StyledAccordionBody>{children}</StyledAccordionBody>\n </StyledAccordionBodyAnimate>\n </StyledAccordionItem>\n );\n};\n"],"names":["AccordionItem","_ref","_ref2","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","eventKey","disabled","onChange","key","_useState","useState","_useState2","_slicedToArray","leftPadding","setLeftPadding","handleOpen","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","className","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","accordionItem","style","borderRadius","StyledAccordionHeader","role","tabIndex","onClick","id","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody"],"mappings":"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"}
|
@@ -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,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,UAAU,gBAAGC,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,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,YAAM,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;;;;;;;;;;;"}
|
@@ -21,6 +21,8 @@ var tokens = {
|
|
21
21
|
focusColor: '--plasma-chip-focus-color',
|
22
22
|
outlineSize: '--plasma-chip-outline-size',
|
23
23
|
closeIconColor: '--plasma-chip-close-icon-color',
|
24
|
+
closeIconColorHover: '--plasma-chip-close-icon-color-hover',
|
25
|
+
closeIconColorActive: '--plasma-chip-close-icon-color-active',
|
24
26
|
borderRadius: '--plasma-chip-border-radius',
|
25
27
|
pilledBorderRadius: '--plasma-chip-pilled-border-radius',
|
26
28
|
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;;;;;"}
|
@@ -6,10 +6,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
|
|
6
6
|
var React = require('react');
|
7
7
|
var plasmaCore = require('@salutejs/plasma-core');
|
8
8
|
var index$1 = require('../../utils/index.js');
|
9
|
-
var index = require('../Select/utils/index.js');
|
10
|
-
var useKeyNavigation = require('../Select/hooks/useKeyNavigation.js');
|
11
9
|
var useForceUpdate = require('../../hooks/useForceUpdate.js');
|
12
10
|
var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
|
11
|
+
var index = require('./utils/index.js');
|
12
|
+
var useKeyNavigation = require('./hooks/useKeyNavigation.js');
|
13
13
|
var base = require('./variations/_view/base.js');
|
14
14
|
var base$1 = require('./variations/_size/base.js');
|
15
15
|
require('@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, getPlacements } from '../../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":";;;;;;;;;;;;;;;;;;;;;;;;;AAeA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACzEC,gBAAU,CACN,UAAAC,IAAA,EAwBIC,YAAY,EACX;AAAA,IAAA,IAAAC,kBAAA,CAAA;AAAA,IAAA,IAvBGC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;MACJC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;MACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;MACRC,KAAK,GAAAP,IAAA,CAALO,KAAK;MACLC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;MACXC,EAAE,GAAAT,IAAA,CAAFS,EAAE;MACFC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,IAAI,GAAAX,IAAA,CAAJW,IAAI;MACJC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;MACJC,IAAI,GAAAb,IAAA,CAAJa,IAAI;MACJC,KAAK,GAAAd,IAAA,CAALc,KAAK;MACLC,SAAS,GAAAf,IAAA,CAATe,SAAS;MAAAC,qBAAA,GAAAhB,IAAA,CACTiB,qBAAqB;AAArBA,MAAAA,qBAAqB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,qBAAqB,GAAAA,qBAAA;MAAAE,oBAAA,GAAAlB,IAAA,CAC7CmB,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,oBAAA;MAAAE,WAAA,GAAApB,IAAA,CACzBqB,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MAAAE,cAAA,GAAAtB,IAAA,CACduB,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MACpBE,QAAQ,GAAAxB,IAAA,CAARwB,QAAQ;MACRC,SAAS,GAAAzB,IAAA,CAATyB,SAAS;MACTC,cAAc,GAAA1B,IAAA,CAAd0B,cAAc;AACXC,MAAAA,IAAI,GAAAC,iDAAA,CAAA5B,IAAA,EAAA6B,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,WAAW,GAAGC,6BAAc,EAAE,CAAA;AACpC,IAAA,IAAMC,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAGzB,EAAE,IAAIuB,MAAM,CAAA;AAC5B,IAAA,IAAAG,eAAA,GAAwCR,IAAI,CAApCS,SAAS;AAATA,MAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MAAEE,KAAK,GAAKV,IAAI,CAAdU,KAAK,CAAA;AACnC,IAAA,IAAMC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAqB,CAAA;AAEzC,IAAA,IAAAC,SAAA,GAAsBC,cAAQ,CAA0B,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtDI,MAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElB,IAAA,IAAMI,SAAS,GAAGC,YAAM,CAAmB,IAAI,CAAC,CAAA;AAChD,IAAA,IAAMC,SAAS,GAAGD,YAAM,CAA2B,EAAE,CAAC,CAAA;AACtD,IAAA,IAAME,WAAW,GAAGF,YAAM,CAAiB,IAAI,CAAC,CAAA;AAChD,IAAA,IAAMG,SAAS,GAAGH,YAAM,CAAwB,EAAE,CAAC,CAAA;AACnD,IAAA,IAAMI,QAAQ,GAAGJ,YAAM,CAAmB,IAAI,CAAC,CAAA;AAC/C,IAAA,IAAMK,SAAS,GAAGC,qBAAU,CAAmBP,SAAS,EAAE5C,YAAY,CAAC,CAAA;AACvE,IAAA,IAAMoD,cAAc,GAAG;AAAER,MAAAA,SAAS,EAATA,SAAS;AAAEE,MAAAA,SAAS,EAATA,SAAS;AAAEO,MAAAA,SAAS,EAAEN,WAAW;AAAEC,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,QAAQ,EAARA,QAAAA;KAAU,CAAA;AAE5F,IAAA,IAAAK,UAAA,GAAsCf,cAAQ,CAACnB,MAAM,CAAC;MAAAmC,UAAA,GAAAd,uCAAA,CAAAa,UAAA,EAAA,CAAA,CAAA;AAA/CE,MAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,IAAA,IAAAG,UAAA,GAA4BnB,cAAQ,CAAqB,EAAE,CAAC;MAAAoB,UAAA,GAAAlB,uCAAA,CAAAiB,UAAA,EAAA,CAAA,CAAA;AAArDE,MAAAA,MAAM,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACxB,IAAA,IAAAG,UAAA,GAAsCvB,cAAQ,CAACqB,MAAM,CAAC;MAAAG,UAAA,GAAAtB,uCAAA,CAAAqB,UAAA,EAAA,CAAA,CAAA;AAA/CE,MAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;;AAElC;AACA,IAAA,IAAMG,kBAAkB,GAAA,CAAAjE,kBAAA,GAAG2C,SAAS,CAACuB,OAAO,MAAA,IAAA,IAAAlE,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBmE,WAAW,CAAA;;AAEzD;AACA;AACA;AACAC,IAAAA,mCAAiB,CAAC,YAAM;AACpBxC,MAAAA,WAAW,EAAE,CAAA;AACjB,KAAC,EAAE,CAAClB,IAAI,EAAEC,IAAI,CAAC,CAAC,CAAA;AAEhB0D,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAIjE,QAAQ,IAAID,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;MAEAqD,cAAc,CAACrC,MAAM,CAAC,CAAA;KACzB,EAAE,CAACA,MAAM,EAAEf,QAAQ,EAAED,QAAQ,CAAC,CAAC,CAAA;AAEhCkE,IAAAA,eAAS,CAAC,YAAM;AACZ;AACA,MAAA,IAAIlD,MAAM,EAAE;QACR6C,cAAc,CAAC,EAAE,CAAC,CAAA;AACtB,OAAA;KACH,EAAE,EAAE,CAAC,CAAA;IAEN,IAAMM,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,SAAkB,EAAEC,KAAmC,EAAK;MAC/E,IAAIpE,QAAQ,IAAID,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;;AAEA;MACA,IAAI,CAACoD,WAAW,EAAE;QACdS,cAAc,CAAC,EAAE,CAAC,CAAA;AACtB,OAAA;AAEA,MAAA,IAAI1C,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACiD,SAAS,EAAEC,KAAK,CAAC,CAAA;AAE1B,QAAA,OAAA;AACJ,OAAA;MAEAhB,cAAc,CAACe,SAAS,CAAC,CAAA;KAC5B,CAAA;AAED,IAAA,IAAME,oBAAoB,GAAG7B,YAAM,CAAC,IAAI,CAAC,CAAA;IAEzC,IAAM8B,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAiB,EAAEH,KAAmC,EAAK;AAAA,MAAA,IAAAI,oBAAA,CAAA;AAC5E,MAAA,IACsBC,QAAQ,GAC1BF,IAAI,CADJG,OAAO,CAAI3C,KAAK,CAAA;AAGpB,MAAA,IAAIV,IAAI,CAACS,SAAS,KAAK,UAAU,EAAE;AAAA,QAAA,IAAA6C,mBAAA,CAAA;AAC/B,QAAA,IAAMC,YAAW,GAAGC,oBAAc,CAACxD,IAAI,CAACU,KAAK,EAAE0C,QAAQ,EAAEpD,IAAI,CAACS,SAAS,CAAC,CAAA;AACxE,QAAA,CAAA6C,mBAAA,GAAAtD,IAAI,CAACyD,aAAa,MAAAH,IAAAA,IAAAA,mBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,mBAAA,CAAAI,IAAA,CAAA1D,IAAI,EAAiBuD,YAAW,CAAC,CAAA;AAEjC,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMA,WAAW,GAAGC,oBAAc,CAACxD,IAAI,CAACU,KAAK,EAAE0C,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAElE,MAAA,CAAAD,oBAAA,GAAAnD,IAAI,CAACyD,aAAa,MAAAN,IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAO,IAAA,CAAA1D,IAAI,EAAiBuD,WAAW,CAAC,CAAA;MAEjCV,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAG,KAAK,EAAEE,KAAK,CAAC,CAAA;MAE7BC,oBAAoB,CAACP,OAAO,GAAG,KAAK,CAAA;KACvC,CAAA;AAED,IAAA,IAAMkB,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIZ,KAAuC,EAAK;AACrE;MACAA,KAAK,CAACa,eAAe,EAAE,CAAA;AAEvB,MAAA,IAAMV,IAAI,GAAGH,KAAK,CAACc,aAA4B,CAAA;AAE/CZ,MAAAA,WAAW,CAACC,IAAI,EAAEH,KAAK,CAAC,CAAA;KAC3B,CAAA;AAED,IAAA,IAAMe,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIV,QAAwC,EAAK;AAAA,MAAA,IAAAW,oBAAA,CAAA;AACpE,MAAA,IAAI/D,IAAI,CAACS,SAAS,KAAK,UAAU,EAAE;AAC/B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,CAAAsD,oBAAA,GAAA/D,IAAI,CAACyD,aAAa,MAAAM,IAAAA,IAAAA,oBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAL,IAAA,CAAA1D,IAAI,EAAiBoD,QAAQ,CAAC,CAAA;KACjC,CAAA;IAED,IAAAY,iBAAA,GAA6CC,iCAAgB,CAAC;AAC1DvC,QAAAA,cAAc,EAAdA,cAAc;AACdhC,QAAAA,MAAM,EAAEoC,WAAW;AACnBtC,QAAAA,eAAe,EAAfA,eAAe;AACfiB,QAAAA,SAAS,EAATA,SAAS;AACTyD,QAAAA,aAAa,EAAE,UAAU;AACzBxD,QAAAA,KAAK,EAALA,KAAK;AACLwB,QAAAA,MAAM,EAAEI,WAAW;AACnB6B,QAAAA,YAAY,EAAEtB,aAAa;AAC3BI,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC;MAVMmB,eAAe,GAAAJ,iBAAA,CAAfI,eAAe;MAAEC,eAAe,GAAAL,iBAAA,CAAfK,eAAe,CAAA;AAYxC,IAAA,IAAMC,aAAa,GAAGC,cAAQ,CAACC,OAAO,CAACzF,QAAQ,CAAyB,CAAA;AAExE,IAAA,IAAM0F,YAAY,GAAGC,iBAAW,CAC5BJ,aAAa,EACb;AAAEK,MAAAA,OAAO,EAAEhB,mBAAmB;AAAEiB,MAAAA,YAAY,EAAEtD,SAAAA;KAAW,EACzDZ,KAAK,EACL4B,WAAW,EACXvC,cACJ,CAAC,CAAC8E,MAAM,CAACC,OAAO,CAAC,CAAA;AAEjB,IAAA,IAAMC,MAAM,GAAGC,eAAS,CAACV,aAAa,EAAE5D,KAAK,CAAC,CAAA;IAE9C,IAAMuE,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,SAAkB,EAAEC,SAAmB,EAAK;MAC1DhD,SAAS,CAAC+C,SAAS,CAAC,CAAA;MACpB3C,cAAc,CAAC2C,SAAS,CAAC,CAAA;MACzBnD,cAAc,CAACoD,SAAS,KAATA,IAAAA,IAAAA,SAAS,cAATA,SAAS,GAAI,IAAI,CAAC,CAAA;KACpC,CAAA;AAED,IAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIrC,KAA4C,EAAK;AACtEjD,MAAAA,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,IAATA,SAAS,CAAGiD,KAAK,CAAC,CAAA;MAClBqB,eAAe,CAACrB,KAAK,CAAC,CAAA;KACzB,CAAA;AAED,IAAA,oBACIsC,KAAA,CAAAC,aAAA,CAACC,0BAAU,EAAA;AAACvE,MAAAA,GAAG,EAAEK,WAAAA;AAAY,KAAA,eACzBgE,KAAA,CAAAC,aAAA,CAACE,kCAAkB,EAAA;AACf,MAAA,cAAA,EAAa,OAAO;AACpB,MAAA,aAAA,EAAY,MAAM;AAClB,MAAA,eAAA,EAAe9G,QAAS;MACxB+G,QAAQ,EAAE,CAAC,CAAE;AACbhH,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXkC,MAAAA,KAAK,EAAAgF,EAAAA,CAAAA,MAAA,CAAKhF,KAAK,CAAG;MAClB/B,QAAQ,EAAEA,QAAQ,IAAID,QAAAA;AAAS,KAClC,CAAC,eACF2G,KAAA,CAAAC,aAAA,CAACK,6BAAa,EAAA;AACV3G,MAAAA,IAAI,EAAEA,IAAK;AACX4G,MAAAA,MAAM,EAAE9D,WAAY;AACpBjC,MAAAA,QAAQ,EAAEgD,aAAc;AACxBgD,MAAAA,MAAM,eACFR,KAAA,CAAAC,aAAA,CAACQ,6BAAc,EAAAC,iCAAA,CAAA;AACXrG,QAAAA,MAAM,EAAEoC,WAAY;AACpBiD,QAAAA,MAAM,EAAEA,MAAO;AACfnG,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,WAAW,EAAEA,WAAY;AACzBqD,QAAAA,MAAM,EAAEA,MAAO;AACf1C,QAAAA,eAAe,EAAEA,eAAgB;AACjCiB,QAAAA,SAAS,EAAEA,SAAU;AACrB/B,QAAAA,QAAQ,EAAEA,QAAS;AACnBC,QAAAA,QAAQ,EAAEA,QAAS;AACnBO,QAAAA,IAAI,EAAEA,IAAK;AACX8D,QAAAA,oBAAoB,EAAEA,oBAAqB;AAC3ChC,QAAAA,GAAG,EAAEQ,SAAU;AACfJ,QAAAA,SAAS,EAAEA,SAAU;AACrBG,QAAAA,QAAQ,EAAEA,QAAS;AACnBzC,QAAAA,EAAE,EAAEyB,OAAQ;AACZyF,QAAAA,QAAQ,EAAElC,iBAAkB;AAC5BmB,QAAAA,QAAQ,EAAEA,QAAS;AACnBnF,QAAAA,SAAS,EAAEsF,eAAAA;OACPpF,EAAAA,IAAI,CACX,CACJ;AACDiG,MAAAA,SAAS,EAAEC,UAAE,CAAClF,GAAG,aAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEmF,SAAS,CAACC,QAAQ,EAAE,CAAE;AAAC;AAC1CtH,MAAAA,EAAE,EAAEyB,OAAQ;AACZI,MAAAA,MAAM,EAAEA,MAAO;AACff,MAAAA,SAAS,EAAEyG,iCAAa,CAACzG,SAAS,CAAE;AACpCR,MAAAA,SAAS,EAAEA,SAAU;AACrBkH,MAAAA,WAAW,EAAE9D,kBAAmB;AAChCrD,MAAAA,KAAK,EAAEA,KAAM;AACboH,MAAAA,OAAO,EAAC,OAAO;AACfC,MAAAA,cAAc,EAAE,KAAM;AACtBC,MAAAA,eAAe,EAAE,KAAM;AACvBC,MAAAA,UAAU,EAAE,KAAM;MAClBC,mBAAmB,EAAA,IAAA;AAAA,KAAA,eAEnBtB,KAAA,CAAAC,aAAA,CAACnH,IAAI,EAAA;AAAC6C,MAAAA,GAAG,EAAEC,MAAO;AAAChC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,eACtCmG,KAAA,CAAAC,aAAA,CAACsB,8BAAc,EAAA;AAAC9G,MAAAA,SAAS,EAAEuE,eAAAA;AAAgB,KAAA,EACtCI,YAAY,CAACoC,MAAM,GAChBpC,YAAY,gBAEZY,KAAA,CAAAC,aAAA,CAACwB,oCAAoB,EAAExH,IAAAA,EAAAA,qBAA4C,CAE3D,CACd,CACK,CACP,CAAC,CAAA;AAErB,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMyH,cAAc,GAAG;AAC1BvI,EAAAA,IAAI,EAAE,UAAU;AAChBwI,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE/I,YAAY;AACpBgJ,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRlI,IAAAA,IAAI,EAAE;AACFmI,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDnI,IAAAA,IAAI,EAAE;AACFkI,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtI,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
|
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, getPlacements } from '../../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,206 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
+
var React = require('react');
|
7
|
+
|
8
|
+
var Keys = {
|
9
|
+
Enter: 'Enter',
|
10
|
+
Space: 'Space',
|
11
|
+
Tab: 'Tab',
|
12
|
+
Escape: 'Escape',
|
13
|
+
ArrowLeft: 'ArrowLeft',
|
14
|
+
ArrowRight: 'ArrowRight',
|
15
|
+
ArrowUp: 'ArrowUp',
|
16
|
+
ArrowDown: 'ArrowDown',
|
17
|
+
Backspace: 'Backspace',
|
18
|
+
ShiftLeft: 'ShiftLeft',
|
19
|
+
ShiftRight: 'ShiftRight'
|
20
|
+
};
|
21
|
+
var useKeyNavigation = function useKeyNavigation(_ref) {
|
22
|
+
var _ref$controlledRefs = _ref.controlledRefs,
|
23
|
+
targetRef = _ref$controlledRefs.targetRef,
|
24
|
+
chipsRefs = _ref$controlledRefs.chipsRefs,
|
25
|
+
selectRef = _ref$controlledRefs.selectRef,
|
26
|
+
itemsRefs = _ref$controlledRefs.itemsRefs,
|
27
|
+
inputRef = _ref$controlledRefs.inputRef,
|
28
|
+
opened = _ref.opened,
|
29
|
+
enumerationType = _ref.enumerationType,
|
30
|
+
valueType = _ref.valueType,
|
31
|
+
_ref$componentType = _ref.componentType,
|
32
|
+
componentType = _ref$componentType === void 0 ? 'select' : _ref$componentType,
|
33
|
+
value = _ref.value,
|
34
|
+
search = _ref.search,
|
35
|
+
updateValue = _ref.updateValue,
|
36
|
+
updateOpened = _ref.updateOpened;
|
37
|
+
var _useState = React.useState(-1),
|
38
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
39
|
+
selectItemIndex = _useState2[0],
|
40
|
+
setSelectItemIndex = _useState2[1];
|
41
|
+
var _useState3 = React.useState(-1),
|
42
|
+
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
43
|
+
selectChipIndex = _useState4[0],
|
44
|
+
setSelectChipIndex = _useState4[1];
|
45
|
+
React.useEffect(function () {
|
46
|
+
var _itemsRefs$current;
|
47
|
+
if (!opened) {
|
48
|
+
setSelectItemIndex(-1);
|
49
|
+
setSelectChipIndex(-1);
|
50
|
+
return;
|
51
|
+
}
|
52
|
+
itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current = itemsRefs.current) === null || _itemsRefs$current === void 0 || (_itemsRefs$current = _itemsRefs$current[selectItemIndex]) === null || _itemsRefs$current === void 0 || _itemsRefs$current.focus();
|
53
|
+
}, [opened]);
|
54
|
+
React.useEffect(function () {
|
55
|
+
var _itemsRefs$current2;
|
56
|
+
itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current2 = itemsRefs.current) === null || _itemsRefs$current2 === void 0 || (_itemsRefs$current2 = _itemsRefs$current2[selectItemIndex]) === null || _itemsRefs$current2 === void 0 || _itemsRefs$current2.focus();
|
57
|
+
}, [value, search]);
|
58
|
+
var onKeyDownTarget = React.useCallback(function (event) {
|
59
|
+
var _focusedItem;
|
60
|
+
var code = event.code;
|
61
|
+
var chipsRefsCount = chipsRefs.current.length;
|
62
|
+
var scrollIntoView = false;
|
63
|
+
var newOpened = opened;
|
64
|
+
var newSelectItemIndex = selectItemIndex;
|
65
|
+
var newSelectChipIndex = selectChipIndex;
|
66
|
+
var focusedItem = null;
|
67
|
+
if (code === Keys.Enter || code === Keys.Space && componentType !== 'combobox') {
|
68
|
+
event.preventDefault();
|
69
|
+
}
|
70
|
+
if (code === Keys.Escape) {
|
71
|
+
newOpened = false;
|
72
|
+
newSelectItemIndex = -1;
|
73
|
+
newSelectChipIndex = -1;
|
74
|
+
focusedItem = targetRef.current;
|
75
|
+
}
|
76
|
+
if (code === Keys.ArrowLeft && valueType === 'multiple' && enumerationType === 'chip') {
|
77
|
+
var _chipsRefs$current;
|
78
|
+
var index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;
|
79
|
+
newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;
|
80
|
+
newSelectChipIndex = document.activeElement === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? chipsRefsCount - 1 : newSelectChipIndex;
|
81
|
+
focusedItem = (_chipsRefs$current = chipsRefs.current) === null || _chipsRefs$current === void 0 ? void 0 : _chipsRefs$current[newSelectChipIndex];
|
82
|
+
scrollIntoView = true;
|
83
|
+
}
|
84
|
+
if (code === Keys.ArrowRight && valueType === 'multiple' && enumerationType === 'chip') {
|
85
|
+
var _chipsRefs$current2;
|
86
|
+
var _index = selectChipIndex + 1 === chipsRefsCount ? selectChipIndex : selectChipIndex + 1;
|
87
|
+
newSelectChipIndex = document.activeElement === targetRef.current ? 0 : _index;
|
88
|
+
focusedItem = _index === selectChipIndex ? inputRef === null || inputRef === void 0 ? void 0 : inputRef.current : (_chipsRefs$current2 = chipsRefs.current) === null || _chipsRefs$current2 === void 0 ? void 0 : _chipsRefs$current2[newSelectChipIndex];
|
89
|
+
scrollIntoView = true;
|
90
|
+
}
|
91
|
+
if (code === Keys.Backspace && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
|
92
|
+
var _ref2, _chipsRefs$current3;
|
93
|
+
var _index2 = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;
|
94
|
+
newSelectChipIndex = chipsRefsCount === 0 ? -1 : _index2;
|
95
|
+
focusedItem = chipsRefsCount === 0 ? (_ref2 = inputRef || targetRef) === null || _ref2 === void 0 ? void 0 : _ref2.current : chipsRefs === null || chipsRefs === void 0 || (_chipsRefs$current3 = chipsRefs.current) === null || _chipsRefs$current3 === void 0 ? void 0 : _chipsRefs$current3[_index2];
|
96
|
+
scrollIntoView = true;
|
97
|
+
}
|
98
|
+
if (code === Keys.ArrowUp || code === Keys.ArrowDown || code === Keys.Enter && componentType !== 'combobox' || code === Keys.Space && componentType !== 'combobox') {
|
99
|
+
var _itemsRefs$current3;
|
100
|
+
newOpened = true;
|
101
|
+
newSelectItemIndex = selectItemIndex === -1 ? 0 : selectItemIndex;
|
102
|
+
focusedItem = (_itemsRefs$current3 = itemsRefs.current) === null || _itemsRefs$current3 === void 0 ? void 0 : _itemsRefs$current3[newSelectItemIndex];
|
103
|
+
}
|
104
|
+
|
105
|
+
// INFO: Для кейсов, когда поведение закрытия может контролироваться снаружи
|
106
|
+
if (code !== Keys.Enter || componentType !== 'combobox') {
|
107
|
+
updateOpened(newOpened, event);
|
108
|
+
}
|
109
|
+
setSelectItemIndex(newSelectItemIndex);
|
110
|
+
setSelectChipIndex(newSelectChipIndex);
|
111
|
+
(_focusedItem = focusedItem) === null || _focusedItem === void 0 || _focusedItem.focus();
|
112
|
+
if (scrollIntoView) {
|
113
|
+
var _focusedItem2;
|
114
|
+
(_focusedItem2 = focusedItem) === null || _focusedItem2 === void 0 || _focusedItem2.scrollIntoView({
|
115
|
+
behavior: 'smooth',
|
116
|
+
block: 'center',
|
117
|
+
inline: 'center'
|
118
|
+
});
|
119
|
+
}
|
120
|
+
}, [opened, selectItemIndex, selectChipIndex, valueType, enumerationType, componentType, updateOpened]);
|
121
|
+
var onKeyDownSelect = React.useCallback(function (event) {
|
122
|
+
var _focusedItem3;
|
123
|
+
var code = event.code,
|
124
|
+
shiftKey = event.shiftKey;
|
125
|
+
var itemsRefsCount = itemsRefs.current.length;
|
126
|
+
var chipsRefsCount = chipsRefs.current.length;
|
127
|
+
var scrollIntoView = false;
|
128
|
+
var newOpened = opened;
|
129
|
+
var newSelectItemIndex = selectItemIndex;
|
130
|
+
var newSelectChipIndex = selectChipIndex;
|
131
|
+
var focusedItem = null;
|
132
|
+
if (code === Keys.Enter || code === Keys.Tab) {
|
133
|
+
event.preventDefault();
|
134
|
+
}
|
135
|
+
if (code === Keys.Escape) {
|
136
|
+
newOpened = false;
|
137
|
+
newSelectItemIndex = -1;
|
138
|
+
newSelectChipIndex = -1;
|
139
|
+
focusedItem = (inputRef || targetRef).current;
|
140
|
+
}
|
141
|
+
if (code === Keys.Tab) {
|
142
|
+
var _selectRef$current, _selectRef$current2;
|
143
|
+
newOpened = false;
|
144
|
+
newSelectItemIndex = -1;
|
145
|
+
newSelectChipIndex = -1;
|
146
|
+
focusedItem = shiftKey ? (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.previousSibling : (_selectRef$current2 = selectRef.current) === null || _selectRef$current2 === void 0 ? void 0 : _selectRef$current2.nextSibling;
|
147
|
+
}
|
148
|
+
if (code === Keys.ArrowUp) {
|
149
|
+
var _itemsRefs$current4;
|
150
|
+
newSelectItemIndex = newSelectItemIndex - 1 === -1 ? itemsRefsCount - 1 : newSelectItemIndex - 1;
|
151
|
+
focusedItem = itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current4 = itemsRefs.current) === null || _itemsRefs$current4 === void 0 ? void 0 : _itemsRefs$current4[newSelectItemIndex];
|
152
|
+
}
|
153
|
+
if (code === Keys.ArrowDown) {
|
154
|
+
var _itemsRefs$current5;
|
155
|
+
newSelectItemIndex = newSelectItemIndex + 1 === itemsRefsCount ? 0 : newSelectItemIndex + 1;
|
156
|
+
focusedItem = itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current5 = itemsRefs.current) === null || _itemsRefs$current5 === void 0 ? void 0 : _itemsRefs$current5[newSelectItemIndex];
|
157
|
+
}
|
158
|
+
if ((code === Keys.ArrowRight || code === Keys.ArrowLeft) && valueType === 'multiple' && enumerationType === 'chip' && chipsRefsCount) {
|
159
|
+
var _chipsRefs$current4;
|
160
|
+
newSelectChipIndex = chipsRefsCount - 1;
|
161
|
+
newSelectItemIndex = -1;
|
162
|
+
focusedItem = chipsRefs === null || chipsRefs === void 0 || (_chipsRefs$current4 = chipsRefs.current) === null || _chipsRefs$current4 === void 0 ? void 0 : _chipsRefs$current4[newSelectChipIndex];
|
163
|
+
scrollIntoView = true;
|
164
|
+
}
|
165
|
+
if (code === Keys.Enter || code === Keys.Space && componentType !== 'combobox') {
|
166
|
+
var item = itemsRefs.current[newSelectItemIndex];
|
167
|
+
|
168
|
+
// TODO: #1016
|
169
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
170
|
+
// @ts-ignore
|
171
|
+
if (item.ariaDisabled) {
|
172
|
+
return;
|
173
|
+
}
|
174
|
+
updateValue(item, event);
|
175
|
+
newOpened = valueType === 'single' ? false : opened;
|
176
|
+
focusedItem = valueType === 'single' ? targetRef.current : focusedItem;
|
177
|
+
}
|
178
|
+
var isValidKeyCode = [Keys.ShiftLeft, Keys.ShiftRight, Keys.ArrowDown, Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowUp, Keys.Enter, Keys.Escape, Keys.Tab].includes(code);
|
179
|
+
if (componentType === 'combobox' && !isValidKeyCode) {
|
180
|
+
event.stopPropagation();
|
181
|
+
focusedItem = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
|
182
|
+
newSelectItemIndex = -1;
|
183
|
+
newSelectChipIndex = -1;
|
184
|
+
}
|
185
|
+
updateOpened(newOpened, event);
|
186
|
+
setSelectItemIndex(newSelectItemIndex);
|
187
|
+
setSelectChipIndex(newSelectChipIndex);
|
188
|
+
(_focusedItem3 = focusedItem) === null || _focusedItem3 === void 0 || _focusedItem3.focus();
|
189
|
+
if (scrollIntoView) {
|
190
|
+
var _focusedItem4;
|
191
|
+
(_focusedItem4 = focusedItem) === null || _focusedItem4 === void 0 || _focusedItem4.scrollIntoView({
|
192
|
+
behavior: 'smooth',
|
193
|
+
block: 'center',
|
194
|
+
inline: 'center'
|
195
|
+
});
|
196
|
+
}
|
197
|
+
}, [opened, selectItemIndex, selectChipIndex, valueType, enumerationType, componentType, updateOpened, updateValue]);
|
198
|
+
return {
|
199
|
+
onKeyDownTarget: onKeyDownTarget,
|
200
|
+
onKeyDownSelect: onKeyDownSelect
|
201
|
+
};
|
202
|
+
};
|
203
|
+
|
204
|
+
exports.Keys = Keys;
|
205
|
+
exports.useKeyNavigation = useKeyNavigation;
|
206
|
+
//# sourceMappingURL=useKeyNavigation.js.map
|
@@ -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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"}
|
@@ -8,7 +8,7 @@ var Combobox_tokens = require('../../Combobox.tokens.js');
|
|
8
8
|
var index = require('../../../../utils/index.js');
|
9
9
|
var ComboboxChip = require('../ComboboxChip/ComboboxChip.js');
|
10
10
|
var useFocusController = require('../../hooks/useFocusController.js');
|
11
|
-
var useKeyNavigation = require('
|
11
|
+
var useKeyNavigation = require('../../hooks/useKeyNavigation.js');
|
12
12
|
var ComboboxTarget_styles = require('./ComboboxTarget.styles.js');
|
13
13
|
|
14
14
|
var _excluded = ["values", "search", "label", "placeholder", "opened", "readOnly", "disabled", "enumerationType", "valueType", "size", "closedWithoutChanges", "id", "chipsRefs", "inputRef", "onChange", "onSearch", "onKeyDown"];
|