@salutejs/plasma-new-hope 0.339.0-canary.2286.18557548158.0 → 0.339.0-canary.2288.18653805742.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Attach/Attach.css +68 -24
- package/cjs/components/Attach/Attach.js +177 -32
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Attach/Attach.styles.js +46 -5
- package/cjs/components/Attach/Attach.styles.js.map +1 -1
- package/cjs/components/Attach/Attach.styles_14g2czk.css +8 -0
- package/cjs/components/Attach/Attach.tokens.js +21 -6
- package/cjs/components/Attach/Attach.tokens.js.map +1 -1
- package/cjs/components/Attach/components/AttachButton/AttachButton.css +82 -15
- package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.css +105 -0
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +29 -0
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js.map +1 -0
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +21 -0
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js.map +1 -0
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles_3t6n6e.css +2 -0
- package/cjs/components/Attach/ui/Cell/Cell.css +60 -0
- package/cjs/components/Attach/ui/Cell/Cell.js +46 -0
- package/cjs/components/Attach/ui/Cell/Cell.js.map +1 -0
- package/cjs/components/Attach/ui/Cell/Cell.styles.js +1 -1
- package/{es/components/Attach/ui/Cell/Cell.styles_69w962.css → cjs/components/Attach/ui/Cell/Cell.styles_lpj30y.css} +1 -1
- package/cjs/components/Attach/ui/Dropdown/Dropdown.css +100 -0
- package/cjs/components/Attach/ui/Dropdown/Dropdown.js +69 -0
- package/cjs/components/Attach/ui/Dropdown/Dropdown.js.map +1 -0
- package/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js +22 -0
- package/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js.map +1 -0
- package/cjs/components/Attach/ui/Dropdown/Dropdown.styles_1ge65dg.css +1 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.css +3 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js +23 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js.map +1 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +15 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js.map +1 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles_5yseaa.css +1 -0
- package/cjs/components/Attach/utils/getFilenameParts.js +21 -0
- package/cjs/components/Attach/utils/getFilenameParts.js.map +1 -0
- package/cjs/components/Attach/variations/_size/base.js +1 -1
- package/cjs/components/Attach/variations/_size/base.js.map +1 -1
- package/cjs/components/Attach/variations/_size/base_1x0gzlt.css +1 -0
- package/cjs/components/Attach/variations/_view/base.js +1 -1
- package/cjs/components/Attach/variations/_view/base_d9xz7t.css +1 -0
- package/cjs/components/Pagination/Pagination.css +0 -19
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -19
- package/cjs/components/Select/Select.css +0 -19
- package/cjs/components/Select/Select.js +9 -42
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.tokens.js +0 -2
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +1 -185
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +3 -7
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Table/Table.css +0 -19
- package/cjs/components/Table/ui/Cell/Cell.css +0 -19
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +0 -19
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +0 -19
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -19
- package/cjs/components/Tree/utils/traverseTree.js +23 -2
- package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js +27 -0
- package/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js +31 -0
- package/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js.map +1 -0
- package/cjs/index.css +17 -28
- package/cjs/index.js +0 -2
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Attach/Attach.js +190 -28
- package/emotion/cjs/components/Attach/Attach.styles.js +33 -14
- package/emotion/cjs/components/Attach/Attach.tokens.js +21 -6
- package/emotion/cjs/components/Attach/components/AttachButton/AttachButton.js +3 -4
- package/emotion/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +64 -0
- package/emotion/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +33 -0
- package/emotion/cjs/components/Attach/components/HiddenWidthHelper/index.js +11 -0
- package/emotion/cjs/components/Attach/components/index.js +19 -0
- package/emotion/cjs/components/Attach/ui/Cell/Cell.js +67 -2
- package/emotion/cjs/components/Attach/ui/Dropdown/Dropdown.js +225 -0
- package/emotion/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js +26 -0
- package/emotion/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js +26 -0
- package/emotion/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +21 -0
- package/emotion/cjs/components/Attach/ui/index.js +29 -0
- package/emotion/cjs/components/Attach/utils/getFilenameParts.js +23 -0
- package/emotion/cjs/components/Attach/utils/index.js +4 -0
- package/emotion/cjs/components/Attach/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Select/Select.js +6 -31
- package/emotion/cjs/components/Select/Select.tokens.js +0 -2
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +0 -166
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +3 -35
- package/emotion/cjs/components/Select/reducers/index.js +0 -1
- package/emotion/cjs/components/Select/ui/index.js +0 -1
- package/emotion/cjs/components/Tree/utils/traverseTree.js +60 -2
- package/emotion/cjs/examples/components/Attach/Attach.config.js +18 -18
- package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
- package/emotion/cjs/utils/index.js +0 -4
- package/emotion/es/components/Attach/Attach.js +193 -31
- package/emotion/es/components/Attach/Attach.styles.js +30 -14
- package/emotion/es/components/Attach/Attach.tokens.js +21 -6
- package/emotion/es/components/Attach/components/AttachButton/AttachButton.js +1 -2
- package/emotion/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +13 -0
- package/emotion/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +10 -0
- package/emotion/es/components/Attach/components/HiddenWidthHelper/index.js +1 -0
- package/emotion/es/components/Attach/components/index.js +2 -0
- package/emotion/es/components/Attach/ui/Cell/Cell.js +25 -1
- package/emotion/es/components/Attach/ui/Dropdown/Dropdown.js +174 -0
- package/emotion/es/components/Attach/ui/Dropdown/Dropdown.styles.js +11 -0
- package/emotion/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +11 -0
- package/emotion/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +6 -0
- package/emotion/es/components/Attach/ui/index.js +6 -0
- package/emotion/es/components/Attach/utils/getFilenameParts.js +13 -0
- package/emotion/es/components/Attach/utils/index.js +1 -0
- package/emotion/es/components/Attach/variations/_size/base.js +1 -1
- package/emotion/es/components/Select/Select.js +8 -33
- package/emotion/es/components/Select/Select.tokens.js +0 -2
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +0 -166
- package/emotion/es/components/Select/hooks/usePathMaps.js +4 -36
- package/emotion/es/components/Select/reducers/index.js +0 -1
- package/emotion/es/components/Select/ui/index.js +0 -1
- package/emotion/es/components/Tree/utils/traverseTree.js +59 -1
- package/emotion/es/examples/components/Attach/Attach.config.js +18 -18
- package/emotion/es/examples/components/Select/Select.config.js +24 -24
- package/emotion/es/utils/index.js +0 -1
- package/es/components/Attach/Attach.css +68 -24
- package/es/components/Attach/Attach.js +180 -35
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Attach/Attach.styles.js +46 -6
- package/es/components/Attach/Attach.styles.js.map +1 -1
- package/es/components/Attach/Attach.styles_14g2czk.css +8 -0
- package/es/components/Attach/Attach.tokens.js +21 -6
- package/es/components/Attach/Attach.tokens.js.map +1 -1
- package/es/components/Attach/components/AttachButton/AttachButton.css +82 -15
- package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.css +105 -0
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +21 -0
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js.map +1 -0
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +16 -0
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js.map +1 -0
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles_3t6n6e.css +2 -0
- package/es/components/Attach/ui/Cell/Cell.css +60 -0
- package/es/components/Attach/ui/Cell/Cell.js +38 -0
- package/es/components/Attach/ui/Cell/Cell.js.map +1 -0
- package/es/components/Attach/ui/Cell/Cell.styles.js +1 -1
- package/{cjs/components/Attach/ui/Cell/Cell.styles_69w962.css → es/components/Attach/ui/Cell/Cell.styles_lpj30y.css} +1 -1
- package/es/components/Attach/ui/Dropdown/Dropdown.css +100 -0
- package/es/components/Attach/ui/Dropdown/Dropdown.js +61 -0
- package/es/components/Attach/ui/Dropdown/Dropdown.js.map +1 -0
- package/es/components/Attach/ui/Dropdown/Dropdown.styles.js +18 -0
- package/es/components/Attach/ui/Dropdown/Dropdown.styles.js.map +1 -0
- package/es/components/Attach/ui/Dropdown/Dropdown.styles_1ge65dg.css +1 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.css +3 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +15 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.js.map +1 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +11 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js.map +1 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles_5yseaa.css +1 -0
- package/es/components/Attach/utils/getFilenameParts.js +17 -0
- package/es/components/Attach/utils/getFilenameParts.js.map +1 -0
- package/es/components/Attach/variations/_size/base.js +1 -1
- package/es/components/Attach/variations/_size/base.js.map +1 -1
- package/es/components/Attach/variations/_size/base_1x0gzlt.css +1 -0
- package/es/components/Attach/variations/_view/base.js +1 -1
- package/es/components/Attach/variations/_view/base_d9xz7t.css +1 -0
- package/es/components/Pagination/Pagination.css +0 -19
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -19
- package/es/components/Select/Select.css +0 -19
- package/es/components/Select/Select.js +9 -42
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.tokens.js +0 -2
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +1 -185
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +3 -7
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Table/Table.css +0 -19
- package/es/components/Table/ui/Cell/Cell.css +0 -19
- package/es/components/Table/ui/EditableCell/EditableCell.css +0 -19
- package/es/components/Table/ui/HeadCell/HeadCell.css +0 -19
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -19
- package/es/components/Tree/utils/traverseTree.js +23 -2
- package/es/components/Tree/utils/traverseTree.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js +19 -0
- package/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconDotsHorizontalOutline.js +23 -0
- package/es/components/_Icon/Icons/IconDotsHorizontalOutline.js.map +1 -0
- package/es/index.css +17 -28
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Attach/Attach.js +190 -28
- package/styled-components/cjs/components/Attach/Attach.styles.js +40 -12
- package/styled-components/cjs/components/Attach/Attach.tokens.js +21 -6
- package/styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js +3 -4
- package/styled-components/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +64 -0
- package/styled-components/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +39 -0
- package/styled-components/cjs/components/Attach/components/HiddenWidthHelper/index.js +11 -0
- package/styled-components/cjs/components/Attach/components/index.js +19 -0
- package/styled-components/cjs/components/Attach/ui/Cell/Cell.js +67 -2
- package/styled-components/cjs/components/Attach/ui/Dropdown/Dropdown.js +225 -0
- package/styled-components/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js +45 -0
- package/styled-components/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js +26 -0
- package/styled-components/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +24 -0
- package/styled-components/cjs/components/Attach/ui/index.js +29 -0
- package/styled-components/cjs/components/Attach/utils/getFilenameParts.js +23 -0
- package/styled-components/cjs/components/Attach/utils/index.js +4 -0
- package/styled-components/cjs/components/Attach/variations/_size/base.js +5 -2
- package/styled-components/cjs/components/Select/Select.js +6 -31
- package/styled-components/cjs/components/Select/Select.tokens.js +0 -2
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +0 -166
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +3 -35
- package/styled-components/cjs/components/Select/reducers/index.js +0 -1
- package/styled-components/cjs/components/Select/ui/index.js +0 -1
- package/styled-components/cjs/components/Tree/utils/traverseTree.js +60 -2
- package/styled-components/cjs/examples/components/Attach/Attach.config.js +64 -32
- package/styled-components/cjs/examples/components/Select/Select.config.js +4 -12
- package/styled-components/cjs/utils/index.js +0 -4
- package/styled-components/es/components/Attach/Attach.js +193 -31
- package/styled-components/es/components/Attach/Attach.styles.js +37 -12
- package/styled-components/es/components/Attach/Attach.tokens.js +21 -6
- package/styled-components/es/components/Attach/components/AttachButton/AttachButton.js +1 -2
- package/styled-components/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +13 -0
- package/styled-components/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +16 -0
- package/styled-components/es/components/Attach/components/HiddenWidthHelper/index.js +1 -0
- package/styled-components/es/components/Attach/components/index.js +2 -0
- package/styled-components/es/components/Attach/ui/Cell/Cell.js +25 -1
- package/styled-components/es/components/Attach/ui/Dropdown/Dropdown.js +174 -0
- package/styled-components/es/components/Attach/ui/Dropdown/Dropdown.styles.js +30 -0
- package/styled-components/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +11 -0
- package/styled-components/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +9 -0
- package/styled-components/es/components/Attach/ui/index.js +6 -0
- package/styled-components/es/components/Attach/utils/getFilenameParts.js +13 -0
- package/styled-components/es/components/Attach/utils/index.js +1 -0
- package/styled-components/es/components/Attach/variations/_size/base.js +5 -2
- package/styled-components/es/components/Select/Select.js +8 -33
- package/styled-components/es/components/Select/Select.tokens.js +0 -2
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +0 -166
- package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -36
- package/styled-components/es/components/Select/reducers/index.js +0 -1
- package/styled-components/es/components/Select/ui/index.js +0 -1
- package/styled-components/es/components/Tree/utils/traverseTree.js +59 -1
- package/styled-components/es/examples/components/Attach/Attach.config.js +64 -32
- package/styled-components/es/examples/components/Select/Select.config.js +4 -12
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Attach/Attach.d.ts.map +1 -1
- package/types/components/Attach/Attach.styles.d.ts +9 -2
- package/types/components/Attach/Attach.styles.d.ts.map +1 -1
- package/types/components/Attach/Attach.tokens.d.ts +13 -0
- package/types/components/Attach/Attach.tokens.d.ts.map +1 -1
- package/types/components/Attach/Attach.types.d.ts +85 -9
- package/types/components/Attach/Attach.types.d.ts.map +1 -1
- package/types/components/Attach/components/AttachButton/AttachButton.d.ts.map +1 -1
- package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.d.ts +10 -0
- package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.d.ts.map +1 -0
- package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.d.ts +3 -0
- package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.d.ts.map +1 -0
- package/types/components/Attach/components/HiddenWidthHelper/index.d.ts +2 -0
- package/types/components/Attach/components/HiddenWidthHelper/index.d.ts.map +1 -0
- package/types/components/Attach/components/index.d.ts +3 -0
- package/types/components/Attach/components/index.d.ts.map +1 -0
- package/types/components/Attach/ui/Cell/Cell.d.ts +14 -1
- package/types/components/Attach/ui/Cell/Cell.d.ts.map +1 -1
- package/types/components/Attach/ui/Dropdown/Dropdown.d.ts +12 -0
- package/types/components/Attach/ui/Dropdown/Dropdown.d.ts.map +1 -0
- package/types/components/Attach/ui/Dropdown/Dropdown.styles.d.ts +31 -0
- package/types/components/Attach/ui/Dropdown/Dropdown.styles.d.ts.map +1 -0
- package/types/components/Attach/ui/MoreTrigger/MoreTrigger.d.ts +6 -0
- package/types/components/Attach/ui/MoreTrigger/MoreTrigger.d.ts.map +1 -0
- package/types/components/Attach/ui/MoreTrigger/MoreTrigger.styles.d.ts +2 -0
- package/types/components/Attach/ui/MoreTrigger/MoreTrigger.styles.d.ts.map +1 -0
- package/types/components/Attach/ui/index.d.ts +7 -0
- package/types/components/Attach/ui/index.d.ts.map +1 -0
- package/types/components/Attach/utils/getFilenameParts.d.ts +8 -0
- package/types/components/Attach/utils/getFilenameParts.d.ts.map +1 -0
- package/types/components/Attach/utils/index.d.ts +1 -0
- package/types/components/Attach/utils/index.d.ts.map +1 -1
- package/types/components/Attach/variations/_size/base.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -12
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +0 -2
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +2 -26
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +2 -6
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +1 -2
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/reducers/index.d.ts +0 -1
- package/types/components/Select/reducers/index.d.ts.map +1 -1
- package/types/components/Select/ui/index.d.ts +0 -1
- package/types/components/Select/ui/index.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +0 -12
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
- package/types/examples/components/Attach/Attach.config.d.ts.map +1 -1
- package/types/examples/components/Attach/Attach.d.ts +448 -16
- package/types/examples/components/Attach/Attach.d.ts.map +1 -1
- package/types/examples/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +0 -12
- package/types/examples/components/Select/Select.d.ts.map +1 -1
- package/types/types/MakeNever.d.ts +4 -0
- package/types/types/MakeNever.d.ts.map +1 -0
- package/types/types/index.d.ts +1 -0
- package/types/types/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Attach/Attach.styles_pso18d.css +0 -7
- package/cjs/components/Attach/variations/_size/base_kpo9at.css +0 -1
- package/cjs/components/Attach/variations/_view/base_1nvsg1b.css +0 -1
- package/cjs/components/Select/reducers/treePathReducer.js +0 -87
- package/cjs/components/Select/reducers/treePathReducer.js.map +0 -1
- package/cjs/components/Select/ui/TreeList/TreeList.css +0 -57
- package/cjs/components/Select/ui/TreeList/TreeList.js +0 -90
- package/cjs/components/Select/ui/TreeList/TreeList.js.map +0 -1
- package/cjs/components/Select/ui/TreeList/TreeList.styles.js +0 -30
- package/cjs/components/Select/ui/TreeList/TreeList.styles.js.map +0 -1
- package/cjs/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +0 -2
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.css +0 -54
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.js +0 -71
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.js.map +0 -1
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -214
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +0 -1
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles_i0dby2.css +0 -15
- package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -89
- package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map +0 -1
- package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -89
- package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map +0 -1
- package/cjs/utils/deepCopy.js +0 -30
- package/cjs/utils/deepCopy.js.map +0 -1
- package/emotion/cjs/components/Select/reducers/treePathReducer.js +0 -98
- package/emotion/cjs/components/Select/ui/TreeList/TreeList.js +0 -124
- package/emotion/cjs/components/Select/ui/TreeList/TreeList.styles.js +0 -36
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.js +0 -101
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -186
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -112
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -112
- package/emotion/cjs/utils/deepCopy.js +0 -82
- package/emotion/es/components/Select/reducers/treePathReducer.js +0 -81
- package/emotion/es/components/Select/ui/TreeList/TreeList.js +0 -73
- package/emotion/es/components/Select/ui/TreeList/TreeList.styles.js +0 -13
- package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js +0 -50
- package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -122
- package/emotion/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -61
- package/emotion/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -61
- package/emotion/es/utils/deepCopy.js +0 -72
- package/es/components/Attach/Attach.styles_pso18d.css +0 -7
- package/es/components/Attach/variations/_size/base_kpo9at.css +0 -1
- package/es/components/Attach/variations/_view/base_1nvsg1b.css +0 -1
- package/es/components/Select/reducers/treePathReducer.js +0 -82
- package/es/components/Select/reducers/treePathReducer.js.map +0 -1
- package/es/components/Select/ui/TreeList/TreeList.css +0 -57
- package/es/components/Select/ui/TreeList/TreeList.js +0 -82
- package/es/components/Select/ui/TreeList/TreeList.js.map +0 -1
- package/es/components/Select/ui/TreeList/TreeList.styles.js +0 -25
- package/es/components/Select/ui/TreeList/TreeList.styles.js.map +0 -1
- package/es/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +0 -2
- package/es/components/Select/ui/TreeList/ui/Item/Item.css +0 -54
- package/es/components/Select/ui/TreeList/ui/Item/Item.js +0 -63
- package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +0 -1
- package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -196
- package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +0 -1
- package/es/components/Select/ui/TreeList/ui/Item/Item.styles_i0dby2.css +0 -15
- package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -81
- package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map +0 -1
- package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -81
- package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map +0 -1
- package/es/utils/deepCopy.js +0 -26
- package/es/utils/deepCopy.js.map +0 -1
- package/styled-components/cjs/components/Select/reducers/treePathReducer.js +0 -98
- package/styled-components/cjs/components/Select/ui/TreeList/TreeList.js +0 -124
- package/styled-components/cjs/components/Select/ui/TreeList/TreeList.styles.js +0 -50
- package/styled-components/cjs/components/Select/ui/TreeList/TreeList.types.js +0 -4
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js +0 -101
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -300
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js +0 -4
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -112
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -112
- package/styled-components/cjs/utils/deepCopy.js +0 -82
- package/styled-components/es/components/Select/reducers/treePathReducer.js +0 -81
- package/styled-components/es/components/Select/ui/TreeList/TreeList.js +0 -73
- package/styled-components/es/components/Select/ui/TreeList/TreeList.styles.js +0 -27
- package/styled-components/es/components/Select/ui/TreeList/TreeList.types.js +0 -1
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.js +0 -50
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -236
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.types.js +0 -1
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -61
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -61
- package/styled-components/es/utils/deepCopy.js +0 -72
- package/types/components/Select/reducers/treePathReducer.d.ts +0 -14
- package/types/components/Select/reducers/treePathReducer.d.ts.map +0 -1
- package/types/components/Select/ui/TreeList/TreeList.d.ts +0 -4
- package/types/components/Select/ui/TreeList/TreeList.d.ts.map +0 -1
- package/types/components/Select/ui/TreeList/TreeList.styles.d.ts +0 -6
- package/types/components/Select/ui/TreeList/TreeList.styles.d.ts.map +0 -1
- package/types/components/Select/ui/TreeList/TreeList.types.d.ts +0 -9
- package/types/components/Select/ui/TreeList/TreeList.types.d.ts.map +0 -1
- package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts +0 -4
- package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts.map +0 -1
- package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts +0 -64
- package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts.map +0 -1
- package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts +0 -14
- package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts.map +0 -1
- package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.d.ts +0 -4
- package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.d.ts.map +0 -1
- package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.d.ts +0 -4
- package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.d.ts.map +0 -1
- package/types/utils/deepCopy.d.ts +0 -2
- package/types/utils/deepCopy.d.ts.map +0 -1
- /package/emotion/cjs/{components/Select/ui/TreeList/TreeList.types.js → types/MakeNever.js} +0 -0
- /package/emotion/es/{components/Select/ui/TreeList/TreeList.types.js → types/MakeNever.js} +0 -0
- /package/{emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js → styled-components/cjs/types/MakeNever.js} +0 -0
- /package/{emotion/es/components/Select/ui/TreeList/ui/Item/Item.types.js → styled-components/es/types/MakeNever.js} +0 -0
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
function _array_like_to_array(arr, len) {
|
|
2
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
+
return arr2;
|
|
5
|
+
}
|
|
6
|
+
function _array_with_holes(arr) {
|
|
7
|
+
if (Array.isArray(arr)) return arr;
|
|
8
|
+
}
|
|
9
|
+
function _define_property(obj, key, value) {
|
|
10
|
+
if (key in obj) {
|
|
11
|
+
Object.defineProperty(obj, key, {
|
|
12
|
+
value: value,
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
obj[key] = value;
|
|
19
|
+
}
|
|
20
|
+
return obj;
|
|
21
|
+
}
|
|
22
|
+
function _iterable_to_array_limit(arr, i) {
|
|
23
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
24
|
+
if (_i == null) return;
|
|
25
|
+
var _arr = [];
|
|
26
|
+
var _n = true;
|
|
27
|
+
var _d = false;
|
|
28
|
+
var _s, _e;
|
|
29
|
+
try {
|
|
30
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
31
|
+
_arr.push(_s.value);
|
|
32
|
+
if (i && _arr.length === i) break;
|
|
33
|
+
}
|
|
34
|
+
} catch (err) {
|
|
35
|
+
_d = true;
|
|
36
|
+
_e = err;
|
|
37
|
+
} finally{
|
|
38
|
+
try {
|
|
39
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
40
|
+
} finally{
|
|
41
|
+
if (_d) throw _e;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
return _arr;
|
|
45
|
+
}
|
|
46
|
+
function _non_iterable_rest() {
|
|
47
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
48
|
+
}
|
|
49
|
+
function _object_spread(target) {
|
|
50
|
+
for(var i = 1; i < arguments.length; i++){
|
|
51
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
52
|
+
var ownKeys = Object.keys(source);
|
|
53
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
54
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
55
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
56
|
+
}));
|
|
57
|
+
}
|
|
58
|
+
ownKeys.forEach(function(key) {
|
|
59
|
+
_define_property(target, key, source[key]);
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
return target;
|
|
63
|
+
}
|
|
64
|
+
function ownKeys(object, enumerableOnly) {
|
|
65
|
+
var keys = Object.keys(object);
|
|
66
|
+
if (Object.getOwnPropertySymbols) {
|
|
67
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
68
|
+
if (enumerableOnly) {
|
|
69
|
+
symbols = symbols.filter(function(sym) {
|
|
70
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
keys.push.apply(keys, symbols);
|
|
74
|
+
}
|
|
75
|
+
return keys;
|
|
76
|
+
}
|
|
77
|
+
function _object_spread_props(target, source) {
|
|
78
|
+
source = source != null ? source : {};
|
|
79
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
80
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
81
|
+
} else {
|
|
82
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
83
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
return target;
|
|
87
|
+
}
|
|
88
|
+
function _object_without_properties(source, excluded) {
|
|
89
|
+
if (source == null) return {};
|
|
90
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
91
|
+
var key, i;
|
|
92
|
+
if (Object.getOwnPropertySymbols) {
|
|
93
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
94
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
95
|
+
key = sourceSymbolKeys[i];
|
|
96
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
97
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
98
|
+
target[key] = source[key];
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
return target;
|
|
102
|
+
}
|
|
103
|
+
function _object_without_properties_loose(source, excluded) {
|
|
104
|
+
if (source == null) return {};
|
|
105
|
+
var target = {};
|
|
106
|
+
var sourceKeys = Object.keys(source);
|
|
107
|
+
var key, i;
|
|
108
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
109
|
+
key = sourceKeys[i];
|
|
110
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
111
|
+
target[key] = source[key];
|
|
112
|
+
}
|
|
113
|
+
return target;
|
|
114
|
+
}
|
|
115
|
+
function _sliced_to_array(arr, i) {
|
|
116
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
117
|
+
}
|
|
118
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
119
|
+
if (!o) return;
|
|
120
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
121
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
122
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
123
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
124
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
125
|
+
}
|
|
126
|
+
import React, { useMemo } from "react";
|
|
127
|
+
import { MoreTrigger } from "../MoreTrigger/MoreTrigger";
|
|
128
|
+
import { CellUI } from "../Cell/Cell";
|
|
129
|
+
import { getFileIcon, getFilenameParts } from "../../utils";
|
|
130
|
+
import { StyledDropdown } from "./Dropdown.styles";
|
|
131
|
+
export var DropdownUI = function(_param) {
|
|
132
|
+
var Root = _param.rootWrapper, size = _param.size, filesInfo = _param.filesInfo, customIcon = _param.customIcon, handleClear = _param.handleClear, rest = _object_without_properties(_param, [
|
|
133
|
+
"rootWrapper",
|
|
134
|
+
"size",
|
|
135
|
+
"filesInfo",
|
|
136
|
+
"customIcon",
|
|
137
|
+
"handleClear"
|
|
138
|
+
]);
|
|
139
|
+
var parsedItems = useMemo(function() {
|
|
140
|
+
return Object.entries(filesInfo).filter(function(param) {
|
|
141
|
+
var _$_param = _sliced_to_array(param, 2), isVisible = _$_param[1].isVisible;
|
|
142
|
+
return !isVisible;
|
|
143
|
+
}).map(function(param) {
|
|
144
|
+
var _$_param = _sliced_to_array(param, 2), key = _$_param[0], _param_ = _$_param[1], filenameWithoutExtension = _param_.filenameWithoutExtension, extension = _param_.extension;
|
|
145
|
+
return {
|
|
146
|
+
value: "".concat(filenameWithoutExtension, ".").concat(extension),
|
|
147
|
+
label: key
|
|
148
|
+
};
|
|
149
|
+
});
|
|
150
|
+
}, [
|
|
151
|
+
filesInfo
|
|
152
|
+
]);
|
|
153
|
+
return /*#__PURE__*/ React.createElement(StyledDropdown, _object_spread_props(_object_spread({
|
|
154
|
+
items: parsedItems,
|
|
155
|
+
renderItem: function(param) {
|
|
156
|
+
var value = param.value, label = param.label;
|
|
157
|
+
var _getFilenameParts = getFilenameParts(String(value)), filenameWithoutExtension = _getFilenameParts.filenameWithoutExtension, extension = _getFilenameParts.extension;
|
|
158
|
+
return /*#__PURE__*/ React.createElement(Root, null, /*#__PURE__*/ React.createElement(CellUI, {
|
|
159
|
+
size: size,
|
|
160
|
+
filenameWithoutExtension: filenameWithoutExtension,
|
|
161
|
+
extension: extension,
|
|
162
|
+
cellContentLeft: customIcon || getFileIcon(extension, size),
|
|
163
|
+
onClick: function() {
|
|
164
|
+
return handleClear(label);
|
|
165
|
+
},
|
|
166
|
+
isInsideDropdown: true
|
|
167
|
+
}));
|
|
168
|
+
}
|
|
169
|
+
}, rest), {
|
|
170
|
+
closeOnSelect: false
|
|
171
|
+
}), /*#__PURE__*/ React.createElement(MoreTrigger, {
|
|
172
|
+
size: size
|
|
173
|
+
}));
|
|
174
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import styled from "@emotion/styled";
|
|
2
|
+
import { Wrapper } from "../../../Dropdown/ui/DropdownItem/DropdownItem.styles";
|
|
3
|
+
import { component, mergeConfig } from "../../../../engines";
|
|
4
|
+
import { dropdownConfig, dropdownTokens } from "../../../Dropdown";
|
|
5
|
+
import { tokens } from "../../Attach.tokens";
|
|
6
|
+
var mergedConfig = mergeConfig(dropdownConfig);
|
|
7
|
+
var Dropdown = component(mergedConfig);
|
|
8
|
+
export var StyledDropdown = /*#__PURE__*/ styled(Dropdown, {
|
|
9
|
+
target: "e1uiza110",
|
|
10
|
+
label: "StyledDropdown"
|
|
11
|
+
})(dropdownTokens.borderWidth, ":var(", tokens.dropdownBorderWidth, ");", dropdownTokens.padding, ":var(", tokens.dropdownPadding, ");", dropdownTokens.borderRadius, ":var(", tokens.dropdownBorderRadius, ");", dropdownTokens.width, ":var(", tokens.dropdownWidth, ");", dropdownTokens.itemPadding, ":var(", tokens.dropdownItemPadding, ");", dropdownTokens.background, ":var(", tokens.dropdownBackground, ");", dropdownTokens.boxShadow, ":var(", tokens.dropdownBoxShadow, ");", dropdownTokens.borderColor, ":var(", tokens.dropdownBorderColor, ");", Wrapper, "{&:hover{cursor:default;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdWkvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC91aS9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgV3JhcHBlciB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL3VpL0Ryb3Bkb3duSXRlbS9Ecm9wZG93bkl0ZW0uc3R5bGVzJztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgZHJvcGRvd25Db25maWcsIGRyb3Bkb3duVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vRHJvcGRvd24nO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vQXR0YWNoLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGRyb3Bkb3duQ29uZmlnKTtcbmNvbnN0IERyb3Bkb3duID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChEcm9wZG93bilgXG4gICAgJHtkcm9wZG93blRva2Vucy5ib3JkZXJXaWR0aH06IHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSk7XG4gICAgJHtkcm9wZG93blRva2Vucy5wYWRkaW5nfTogdmFyKCR7dG9rZW5zLmRyb3Bkb3duUGFkZGluZ30pO1xuICAgICR7ZHJvcGRvd25Ub2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyUmFkaXVzfSk7XG4gICAgJHtkcm9wZG93blRva2Vucy53aWR0aH06IHZhcigke3Rva2Vucy5kcm9wZG93bldpZHRofSk7XG4gICAgJHtkcm9wZG93blRva2Vucy5pdGVtUGFkZGluZ306IHZhcigke3Rva2Vucy5kcm9wZG93bkl0ZW1QYWRkaW5nfSk7XG5cbiAgICAke2Ryb3Bkb3duVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuZHJvcGRvd25CYWNrZ3JvdW5kfSk7XG4gICAgJHtkcm9wZG93blRva2Vucy5ib3hTaGFkb3d9OiB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3hTaGFkb3d9KTtcbiAgICAke2Ryb3Bkb3duVG9rZW5zLmJvcmRlckNvbG9yfTogdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyQ29sb3J9KTtcblxuICAgICR7V3JhcHBlcn0ge1xuICAgICAgICAmOmhvdmVye1xuICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVOEIifQ== */");
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IconDotsHorizontalOutline } from "../../../_Icon";
|
|
3
|
+
import { IconWrapper } from "./MoreTrigger.styles";
|
|
4
|
+
export var MoreTrigger = function(param) {
|
|
5
|
+
var size = param.size;
|
|
6
|
+
var iconSize = size === 'xs' ? 'xs' : 's';
|
|
7
|
+
return /*#__PURE__*/ React.createElement(IconWrapper, null, /*#__PURE__*/ React.createElement(IconDotsHorizontalOutline, {
|
|
8
|
+
size: iconSize,
|
|
9
|
+
color: "inherit"
|
|
10
|
+
}));
|
|
11
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import styled from "@emotion/styled";
|
|
2
|
+
import { tokens } from "../../Attach.tokens";
|
|
3
|
+
export var IconWrapper = /*#__PURE__*/ styled("div", {
|
|
4
|
+
target: "e1w3od1y0",
|
|
5
|
+
label: "IconWrapper"
|
|
6
|
+
})("line-height:0;height:fit-content;padding:var(", tokens.moreIconPadding, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdWkvTW9yZVRyaWdnZXIvTW9yZVRyaWdnZXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC91aS9Nb3JlVHJpZ2dlci9Nb3JlVHJpZ2dlci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IEljb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBsaW5lLWhlaWdodDogMDtcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5tb3JlSWNvblBhZGRpbmd9KTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTJCIn0= */");
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { extractExtension } from "./extractExtension";
|
|
2
|
+
import { getFileIcon } from "./getFileicon";
|
|
3
|
+
export var getFilenameParts = function(filename, size, customIcon) {
|
|
4
|
+
var extension = extractExtension(filename) || '';
|
|
5
|
+
var filenameWithoutExtension = filename.slice(0, -1 - ((extension === null || extension === void 0 ? void 0 : extension.length) || 0)) || '';
|
|
6
|
+
var cellContentLeft = customIcon || getFileIcon(extension, size);
|
|
7
|
+
return {
|
|
8
|
+
extension: extension,
|
|
9
|
+
filenameWithoutExtension: filenameWithoutExtension,
|
|
10
|
+
cellContentLeft: cellContentLeft,
|
|
11
|
+
isVisible: true
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { css } from "@emotion/react";
|
|
2
2
|
import { tokens, classes } from "../../Attach.tokens";
|
|
3
3
|
import { FilenameWrapper, StyledHelperText } from "../../Attach.styles";
|
|
4
|
-
export var base = /*#__PURE__*/ css("&.", classes.horizontal, "{column-gap:var(", tokens.horizontalGap, ");}&.", classes.vertical, "{row-gap:var(", tokens.verticalGap, ");}&.", classes.auto, "{row-gap:var(", tokens.verticalGap, ");column-gap:var(", tokens.horizontalGap, ");}&.", classes.withHelperText, "{row-gap:var(", tokens.verticalGapWithHelperText, ");}", FilenameWrapper, "{font-family:var(", tokens.cellTitleFontFamily, ");font-size:var(", tokens.cellTitleFontSize, ");font-style:var(", tokens.cellTitleFontStyle, ");font-weight:var(", tokens.cellTitleFontWeight, ");letter-spacing:var(", tokens.cellTitleLetterSpacing, ");line-height:var(", tokens.cellTitleLineHeight, ");
|
|
4
|
+
export var base = /*#__PURE__*/ css("&.", classes.horizontal, "{column-gap:var(", tokens.horizontalGap, ");}&.", classes.vertical, "{row-gap:var(", tokens.verticalGap, ");}&.", classes.auto, "{row-gap:var(", tokens.verticalGap, ");column-gap:var(", tokens.horizontalGap, ");}.", classes.horizontal, "{column-gap:var(", tokens.horizontalGap, ");}.", classes.auto, "{column-gap:var(", tokens.horizontalGap, ");}&.", classes.withHelperText, "{row-gap:var(", tokens.verticalGapWithHelperText, ");}", FilenameWrapper, "{font-family:var(", tokens.cellTitleFontFamily, ");font-size:var(", tokens.cellTitleFontSize, ");font-style:var(", tokens.cellTitleFontStyle, ");font-weight:var(", tokens.cellTitleFontWeight, ");letter-spacing:var(", tokens.cellTitleLetterSpacing, ");line-height:var(", tokens.cellTitleLineHeight, ");}", StyledHelperText, "{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcbmltcG9ydCB7IEZpbGVuYW1lV3JhcHBlciwgU3R5bGVkSGVscGVyVGV4dCB9IGZyb20gJy4uLy4uL0F0dGFjaC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5ob3Jpem9udGFsfSB7XG4gICAgICAgIGNvbHVtbi1nYXA6IHZhcigke3Rva2Vucy5ob3Jpem9udGFsR2FwfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgcm93LWdhcDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsR2FwfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYXV0b30ge1xuICAgICAgICByb3ctZ2FwOiB2YXIoJHt0b2tlbnMudmVydGljYWxHYXB9KTtcbiAgICAgICAgY29sdW1uLWdhcDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxHYXB9KTtcbiAgICB9XG5cbiAgICAuJHtjbGFzc2VzLmhvcml6b250YWx9IHtcbiAgICAgICAgY29sdW1uLWdhcDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxHYXB9KTtcbiAgICB9XG5cbiAgICAuJHtjbGFzc2VzLmF1dG99IHtcbiAgICAgICAgY29sdW1uLWdhcDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxHYXB9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy53aXRoSGVscGVyVGV4dH0ge1xuICAgICAgICByb3ctZ2FwOiB2YXIoJHt0b2tlbnMudmVydGljYWxHYXBXaXRoSGVscGVyVGV4dH0pO1xuICAgIH1cblxuICAgICR7RmlsZW5hbWVXcmFwcGVyfSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5jZWxsVGl0bGVGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRIZWxwZXJUZXh0fSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgfVxufVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
|
|
@@ -108,8 +108,8 @@ import { isEmpty, safeUseId } from "../../utils";
|
|
|
108
108
|
import { useOutsideClick } from "../../hooks";
|
|
109
109
|
import { useKeyNavigation, getItemByFocused } from "./hooks/useKeyboardNavigation";
|
|
110
110
|
import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from "./utils";
|
|
111
|
-
import { Inner, Target, VirtualList, SelectAll
|
|
112
|
-
import { pathReducer, focusedPathReducer
|
|
111
|
+
import { Inner, Target, VirtualList, SelectAll } from "./ui";
|
|
112
|
+
import { pathReducer, focusedPathReducer } from "./reducers";
|
|
113
113
|
import { usePathMaps } from "./hooks/usePathMaps";
|
|
114
114
|
import { Ul, base, ListWrapper } from "./Select.styles";
|
|
115
115
|
import { FloatingPopover } from "./FloatingPopover";
|
|
@@ -121,7 +121,7 @@ import { Context } from "./Select.context";
|
|
|
121
121
|
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
122
122
|
var _getItemByFocused;
|
|
123
123
|
var // eslint-disable-block @typescript-eslint/ban-ts-comment
|
|
124
|
-
id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items,
|
|
124
|
+
id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
|
|
125
125
|
_offset = props._offset, // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.
|
|
126
126
|
// @ts-ignore
|
|
127
127
|
required = props.required, // @ts-ignore
|
|
@@ -142,8 +142,6 @@ import { Context } from "./Select.context";
|
|
|
142
142
|
"onChange",
|
|
143
143
|
"target",
|
|
144
144
|
"items",
|
|
145
|
-
"treeView",
|
|
146
|
-
"arrowPlacement",
|
|
147
145
|
"placement",
|
|
148
146
|
"label",
|
|
149
147
|
"labelPlacement",
|
|
@@ -202,14 +200,13 @@ import { Context } from "./Select.context";
|
|
|
202
200
|
items
|
|
203
201
|
]);
|
|
204
202
|
// Создаем структуры для быстрой работы с деревом
|
|
205
|
-
var _usePathMaps = _sliced_to_array(usePathMaps(transformedItems),
|
|
203
|
+
var _usePathMaps = _sliced_to_array(usePathMaps(transformedItems), 4), pathMap = _usePathMaps[0], focusedToValueMap = _usePathMaps[1], valueToCheckedMap = _usePathMaps[2], valueToItemMap = _usePathMaps[3];
|
|
206
204
|
var _useState = _sliced_to_array(useState(props.multiselect ? [] : ''), 2), internalValue = _useState[0], setInternalValue = _useState[1];
|
|
207
205
|
var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
|
|
208
206
|
var floatingPopoverRef = useRef(null);
|
|
209
207
|
// Состояния дерева элементов
|
|
210
208
|
var _useReducer = _sliced_to_array(useReducer(pathReducer, []), 2), path = _useReducer[0], dispatchPath = _useReducer[1];
|
|
211
|
-
var _useReducer1 = _sliced_to_array(useReducer(
|
|
212
|
-
var _useReducer2 = _sliced_to_array(useReducer(focusedPathReducer, []), 2), focusedPath = _useReducer2[0], dispatchFocusedPath = _useReducer2[1];
|
|
209
|
+
var _useReducer1 = _sliced_to_array(useReducer(focusedPathReducer, []), 2), focusedPath = _useReducer1[0], dispatchFocusedPath = _useReducer1[1];
|
|
213
210
|
var _useState1 = _sliced_to_array(useState(valueToCheckedMap), 2), checked = _useState1[0], setChecked = _useState1[1];
|
|
214
211
|
var isCurrentListOpen = Boolean(path[0]);
|
|
215
212
|
var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
|
|
@@ -278,9 +275,6 @@ import { Context } from "./Select.context";
|
|
|
278
275
|
dispatchPath({
|
|
279
276
|
type: 'reset'
|
|
280
277
|
});
|
|
281
|
-
dispatchTreePath({
|
|
282
|
-
type: 'reset'
|
|
283
|
-
});
|
|
284
278
|
// Скроллим чипы к левому краю при закрытии компонента
|
|
285
279
|
var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
|
|
286
280
|
if (multiselect && value.length > 0 && el) {
|
|
@@ -343,9 +337,6 @@ import { Context } from "./Select.context";
|
|
|
343
337
|
dispatchFocusedPath({
|
|
344
338
|
type: 'reset'
|
|
345
339
|
});
|
|
346
|
-
dispatchTreePath({
|
|
347
|
-
type: 'reset'
|
|
348
|
-
});
|
|
349
340
|
}
|
|
350
341
|
if (onChange) {
|
|
351
342
|
onChange(newValues, item);
|
|
@@ -370,9 +361,6 @@ import { Context } from "./Select.context";
|
|
|
370
361
|
dispatchFocusedPath({
|
|
371
362
|
type: 'reset'
|
|
372
363
|
});
|
|
373
|
-
dispatchTreePath({
|
|
374
|
-
type: 'reset'
|
|
375
|
-
});
|
|
376
364
|
}
|
|
377
365
|
// Закрываем список, если элемент уже выбран.
|
|
378
366
|
if (mode === 'radio' && isCurrentChecked) {
|
|
@@ -410,11 +398,7 @@ import { Context } from "./Select.context";
|
|
|
410
398
|
pathMap: pathMap,
|
|
411
399
|
focusedToValueMap: focusedToValueMap,
|
|
412
400
|
handleListToggle: handleListToggle,
|
|
413
|
-
handlePressDown: handlePressDown
|
|
414
|
-
treePath: treePath,
|
|
415
|
-
dispatchTreePath: dispatchTreePath,
|
|
416
|
-
treeView: treeView,
|
|
417
|
-
valueToPathMap: valueToPathMap
|
|
401
|
+
handlePressDown: handlePressDown
|
|
418
402
|
}).onKeyDown;
|
|
419
403
|
// В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
|
|
420
404
|
// Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
|
|
@@ -489,11 +473,7 @@ import { Context } from "./Select.context";
|
|
|
489
473
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
490
474
|
// @ts-ignore
|
|
491
475
|
// eslint-disable-next-line no-underscore-dangle
|
|
492
|
-
_checkboxAppearance: rest._checkboxAppearance
|
|
493
|
-
treePath: treePath,
|
|
494
|
-
dispatchTreePath: dispatchTreePath,
|
|
495
|
-
arrowPlacement: arrowPlacement,
|
|
496
|
-
valueToPathMap: valueToPathMap
|
|
476
|
+
_checkboxAppearance: rest._checkboxAppearance
|
|
497
477
|
}
|
|
498
478
|
}, /*#__PURE__*/ React.createElement(FloatingPopover, {
|
|
499
479
|
ref: floatingPopoverRef,
|
|
@@ -542,12 +522,7 @@ import { Context } from "./Select.context";
|
|
|
542
522
|
chipView: chipView,
|
|
543
523
|
disabled: disabled,
|
|
544
524
|
readOnly: readOnly
|
|
545
|
-
}, rest),
|
|
546
|
-
items: items,
|
|
547
|
-
listMaxHeight: listMaxHeight,
|
|
548
|
-
onScroll: virtual ? undefined : handleScroll,
|
|
549
|
-
virtual: virtual
|
|
550
|
-
}) : /*#__PURE__*/ React.createElement(ListWrapper, {
|
|
525
|
+
}, rest), /*#__PURE__*/ React.createElement(ListWrapper, {
|
|
551
526
|
ref: listWrapperRef,
|
|
552
527
|
listWidth: listWidth
|
|
553
528
|
}, /*#__PURE__*/ React.createElement(Ul, {
|
|
@@ -33,8 +33,6 @@ export var tokens = {
|
|
|
33
33
|
itemDisabledOpacity: '--plasma-select-item-disabled-opacity',
|
|
34
34
|
itemDisabledColor: '--plasma-select-item-disabled-color',
|
|
35
35
|
itemIconColor: '--plasma-select-item-icon-color',
|
|
36
|
-
itemGap: '--plasma-select-item-gap',
|
|
37
|
-
itemTreeOffsetWidth: '--plasma-select-item-tree-offset-width',
|
|
38
36
|
cellPadding: '--plasma-select-cell-padding',
|
|
39
37
|
cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',
|
|
40
38
|
cellPaddingContent: '--plasma-select-cell-padding-content',
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { keyExists } from "../reducers/treePathReducer";
|
|
2
1
|
var JUMP_SIZE = 10;
|
|
3
2
|
export var keys = {
|
|
4
3
|
Enter: 'Enter',
|
|
@@ -22,39 +21,6 @@ export var getItemByFocused = function(focusedPath, focusedToValueMap) {
|
|
|
22
21
|
return focusedToValueMap.get(focusedPathAsString);
|
|
23
22
|
};
|
|
24
23
|
export var useKeyNavigation = function(param) {
|
|
25
|
-
var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, treeView = param.treeView, valueToPathMap = param.valueToPathMap;
|
|
26
|
-
if (treeView) {
|
|
27
|
-
return keyboardNavigationTree({
|
|
28
|
-
focusedPath: focusedPath,
|
|
29
|
-
dispatchFocusedPath: dispatchFocusedPath,
|
|
30
|
-
path: path,
|
|
31
|
-
dispatchPath: dispatchPath,
|
|
32
|
-
pathMap: pathMap,
|
|
33
|
-
focusedToValueMap: focusedToValueMap,
|
|
34
|
-
handleListToggle: handleListToggle,
|
|
35
|
-
handlePressDown: handlePressDown,
|
|
36
|
-
treePath: treePath,
|
|
37
|
-
dispatchTreePath: dispatchTreePath,
|
|
38
|
-
treeView: treeView,
|
|
39
|
-
valueToPathMap: valueToPathMap
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
return keyboardNavigationDefault({
|
|
43
|
-
focusedPath: focusedPath,
|
|
44
|
-
dispatchFocusedPath: dispatchFocusedPath,
|
|
45
|
-
path: path,
|
|
46
|
-
dispatchPath: dispatchPath,
|
|
47
|
-
pathMap: pathMap,
|
|
48
|
-
focusedToValueMap: focusedToValueMap,
|
|
49
|
-
handleListToggle: handleListToggle,
|
|
50
|
-
handlePressDown: handlePressDown,
|
|
51
|
-
treePath: treePath,
|
|
52
|
-
dispatchTreePath: dispatchTreePath,
|
|
53
|
-
treeView: treeView,
|
|
54
|
-
valueToPathMap: valueToPathMap
|
|
55
|
-
});
|
|
56
|
-
};
|
|
57
|
-
var keyboardNavigationDefault = function(param) {
|
|
58
24
|
var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown;
|
|
59
25
|
var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
|
|
60
26
|
var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
|
|
@@ -319,135 +285,3 @@ var keyboardNavigationDefault = function(param) {
|
|
|
319
285
|
onKeyDown: onKeyDown
|
|
320
286
|
};
|
|
321
287
|
};
|
|
322
|
-
var keyboardNavigationTree = function(param) {
|
|
323
|
-
var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, valueToPathMap = param.valueToPathMap;
|
|
324
|
-
var _currentItem_parent_items, _currentItem_parent;
|
|
325
|
-
var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
|
|
326
|
-
var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
|
|
327
|
-
var currentLength = (currentItem === null || currentItem === void 0 ? void 0 : (_currentItem_parent = currentItem.parent) === null || _currentItem_parent === void 0 ? void 0 : (_currentItem_parent_items = _currentItem_parent.items) === null || _currentItem_parent_items === void 0 ? void 0 : _currentItem_parent_items.length) || pathMap.get('root') || 0;
|
|
328
|
-
var onKeyDown = function(event) {
|
|
329
|
-
switch(event.code){
|
|
330
|
-
case keys.ArrowUp:
|
|
331
|
-
{
|
|
332
|
-
if (focusedPath.length) {
|
|
333
|
-
if (currentIndex > 0) {
|
|
334
|
-
dispatchFocusedPath({
|
|
335
|
-
type: 'change_last_focus',
|
|
336
|
-
value: currentIndex - 1
|
|
337
|
-
});
|
|
338
|
-
}
|
|
339
|
-
} else {
|
|
340
|
-
dispatchPath({
|
|
341
|
-
type: 'opened_first_level'
|
|
342
|
-
});
|
|
343
|
-
dispatchFocusedPath({
|
|
344
|
-
type: 'set_initial_focus'
|
|
345
|
-
});
|
|
346
|
-
handleListToggle(true);
|
|
347
|
-
}
|
|
348
|
-
break;
|
|
349
|
-
}
|
|
350
|
-
case keys.ArrowDown:
|
|
351
|
-
{
|
|
352
|
-
if (focusedPath.length) {
|
|
353
|
-
if (currentIndex + 1 < currentLength) {
|
|
354
|
-
dispatchFocusedPath({
|
|
355
|
-
type: 'change_last_focus',
|
|
356
|
-
value: currentIndex + 1
|
|
357
|
-
});
|
|
358
|
-
}
|
|
359
|
-
} else {
|
|
360
|
-
dispatchPath({
|
|
361
|
-
type: 'opened_first_level'
|
|
362
|
-
});
|
|
363
|
-
dispatchFocusedPath({
|
|
364
|
-
type: 'set_initial_focus'
|
|
365
|
-
});
|
|
366
|
-
handleListToggle(true);
|
|
367
|
-
}
|
|
368
|
-
break;
|
|
369
|
-
}
|
|
370
|
-
case keys.ArrowLeft:
|
|
371
|
-
{
|
|
372
|
-
if (path[0]) {
|
|
373
|
-
if (focusedPath.length) {
|
|
374
|
-
var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get((currentItem === null || currentItem === void 0 ? void 0 : currentItem.value.toString()) || '') || []);
|
|
375
|
-
if (isCurrentLevelOpened) {
|
|
376
|
-
dispatchTreePath({
|
|
377
|
-
type: 'toggled_level',
|
|
378
|
-
value: valueToPathMap.get((currentItem === null || currentItem === void 0 ? void 0 : currentItem.value.toString()) || '') || []
|
|
379
|
-
});
|
|
380
|
-
} else if (focusedPath.length === 1) {
|
|
381
|
-
handleListToggle(false);
|
|
382
|
-
} else {
|
|
383
|
-
dispatchFocusedPath({
|
|
384
|
-
type: 'return_prev_focus'
|
|
385
|
-
});
|
|
386
|
-
}
|
|
387
|
-
}
|
|
388
|
-
}
|
|
389
|
-
break;
|
|
390
|
-
}
|
|
391
|
-
case keys.ArrowRight:
|
|
392
|
-
{
|
|
393
|
-
if (path[0]) {
|
|
394
|
-
if (!focusedPath.length) {
|
|
395
|
-
break;
|
|
396
|
-
}
|
|
397
|
-
if ((currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled) || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.isDisabled)) {
|
|
398
|
-
break;
|
|
399
|
-
}
|
|
400
|
-
if (currentItem === null || currentItem === void 0 ? void 0 : currentItem.items) {
|
|
401
|
-
var isCurrentLevelOpened1 = keyExists(treePath, valueToPathMap.get(currentItem.value.toString()) || []);
|
|
402
|
-
if (isCurrentLevelOpened1) {
|
|
403
|
-
dispatchFocusedPath({
|
|
404
|
-
type: 'add_focus',
|
|
405
|
-
value: 0
|
|
406
|
-
});
|
|
407
|
-
} else {
|
|
408
|
-
dispatchTreePath({
|
|
409
|
-
type: 'toggled_level',
|
|
410
|
-
value: valueToPathMap.get(currentItem.value.toString()) || []
|
|
411
|
-
});
|
|
412
|
-
}
|
|
413
|
-
}
|
|
414
|
-
}
|
|
415
|
-
break;
|
|
416
|
-
}
|
|
417
|
-
case keys.Space:
|
|
418
|
-
case keys.Enter:
|
|
419
|
-
{
|
|
420
|
-
event.preventDefault();
|
|
421
|
-
if (!path[0]) {
|
|
422
|
-
dispatchPath({
|
|
423
|
-
type: 'opened_first_level'
|
|
424
|
-
});
|
|
425
|
-
dispatchFocusedPath({
|
|
426
|
-
type: 'set_initial_focus'
|
|
427
|
-
});
|
|
428
|
-
break;
|
|
429
|
-
}
|
|
430
|
-
if (!currentItem || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled) || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.isDisabled)) {
|
|
431
|
-
break;
|
|
432
|
-
}
|
|
433
|
-
handlePressDown(currentItem);
|
|
434
|
-
break;
|
|
435
|
-
}
|
|
436
|
-
case keys.Tab:
|
|
437
|
-
case keys.Escape:
|
|
438
|
-
{
|
|
439
|
-
if (path[0]) {
|
|
440
|
-
handleListToggle(false);
|
|
441
|
-
}
|
|
442
|
-
break;
|
|
443
|
-
}
|
|
444
|
-
default:
|
|
445
|
-
{
|
|
446
|
-
break;
|
|
447
|
-
}
|
|
448
|
-
}
|
|
449
|
-
};
|
|
450
|
-
return {
|
|
451
|
-
onKeyDown: onKeyDown
|
|
452
|
-
};
|
|
453
|
-
};
|
|
@@ -1,54 +1,23 @@
|
|
|
1
|
-
function _array_like_to_array(arr, len) {
|
|
2
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
-
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
-
return arr2;
|
|
5
|
-
}
|
|
6
|
-
function _array_without_holes(arr) {
|
|
7
|
-
if (Array.isArray(arr)) return _array_like_to_array(arr);
|
|
8
|
-
}
|
|
9
|
-
function _iterable_to_array(iter) {
|
|
10
|
-
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
11
|
-
}
|
|
12
|
-
function _non_iterable_spread() {
|
|
13
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
14
|
-
}
|
|
15
|
-
function _to_consumable_array(arr) {
|
|
16
|
-
return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
|
|
17
|
-
}
|
|
18
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
19
|
-
if (!o) return;
|
|
20
|
-
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
21
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
22
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
23
|
-
if (n === "Map" || n === "Set") return Array.from(n);
|
|
24
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
25
|
-
}
|
|
26
1
|
import { isEmpty } from "../../../utils";
|
|
27
|
-
// Рекурсивно проходим по дереву items и создаем
|
|
2
|
+
// Рекурсивно проходим по дереву items и создаем 4 мапы: открытых путей, фокусов, выбранных элементов и айтемов.
|
|
28
3
|
export var usePathMaps = function(items) {
|
|
29
4
|
var pathMap = new Map();
|
|
30
5
|
var focusedToValueMap = new Map();
|
|
31
6
|
var valueToCheckedMap = new Map();
|
|
32
7
|
var valueToItemMap = new Map();
|
|
33
|
-
var valueToPathMap = new Map();
|
|
34
8
|
pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
|
|
35
9
|
var rec = function(items) {
|
|
36
|
-
var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ''
|
|
10
|
+
var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
|
|
37
11
|
items === null || items === void 0 ? void 0 : items.forEach(function(item, index) {
|
|
38
12
|
var value = item.value, innerItems = item.items;
|
|
39
13
|
var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
|
|
40
14
|
focusedToValueMap.set(currIndex, item);
|
|
41
15
|
valueToCheckedMap.set(value, false);
|
|
42
|
-
valueToPathMap.set(value.toString(), _to_consumable_array(path).concat([
|
|
43
|
-
value.toString()
|
|
44
|
-
]));
|
|
45
16
|
if (isEmpty(innerItems) || !innerItems) {
|
|
46
17
|
valueToItemMap.set(value, item);
|
|
47
18
|
} else {
|
|
48
19
|
pathMap.set(value, innerItems.length);
|
|
49
|
-
rec(innerItems, currIndex
|
|
50
|
-
value.toString()
|
|
51
|
-
]));
|
|
20
|
+
rec(innerItems, currIndex);
|
|
52
21
|
}
|
|
53
22
|
});
|
|
54
23
|
};
|
|
@@ -57,7 +26,6 @@ export var usePathMaps = function(items) {
|
|
|
57
26
|
pathMap,
|
|
58
27
|
focusedToValueMap,
|
|
59
28
|
valueToCheckedMap,
|
|
60
|
-
valueToItemMap
|
|
61
|
-
valueToPathMap
|
|
29
|
+
valueToItemMap
|
|
62
30
|
];
|
|
63
31
|
};
|