@salutejs/plasma-new-hope 0.339.0-canary.2286.18687473889.0 → 0.339.0-canary.2287.18707472611.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/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 -44
- 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/TimePicker/TimePicker.css +15 -11
- package/cjs/components/TimePicker/TimePicker.js +22 -458
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +17 -21
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/{TimePicker.styles_ar3obv.css → TimePicker.styles_2lk4d9.css} +4 -3
- package/cjs/components/TimePicker/utils/index.js +1 -33
- package/cjs/components/TimePicker/utils/index.js.map +1 -1
- package/cjs/components/TimePickerGrid/TimePickerGrid.css +10 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.js +733 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.js.map +1 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +27 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +2 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +40 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -0
- package/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +12 -12
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +7 -0
- package/cjs/components/TimePickerGrid/utils/index.js +135 -0
- package/cjs/components/TimePickerGrid/utils/index.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_disabled/base.js +9 -0
- package/cjs/components/TimePickerGrid/variations/_disabled/base.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_disabled/base_x642ct.css +1 -0
- package/cjs/components/TimePickerGrid/variations/_size/base.js +9 -0
- package/cjs/components/TimePickerGrid/variations/_size/base.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/TimePickerGrid/variations/_view/base.js +9 -0
- package/cjs/components/TimePickerGrid/variations/_view/base.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Tree/utils/traverseTree.js +23 -2
- package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
- package/cjs/index.css +15 -30
- 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/Select/Select.js +6 -33
- 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/TimePicker/TimePicker.js +22 -488
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +17 -7
- package/emotion/cjs/components/TimePicker/utils/index.js +1 -25
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.js +922 -0
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +34 -0
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +50 -0
- package/emotion/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +30 -0
- package/emotion/cjs/components/TimePickerGrid/index.js +26 -0
- package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
- package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +71 -0
- package/emotion/cjs/components/TimePickerGrid/utils/index.js +166 -0
- package/emotion/cjs/components/TimePickerGrid/variations/_disabled/base.js +12 -0
- package/emotion/cjs/components/TimePickerGrid/variations/_size/base.js +12 -0
- package/emotion/cjs/components/TimePickerGrid/variations/_view/base.js +12 -0
- package/emotion/cjs/components/Tree/utils/traverseTree.js +60 -2
- package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +32 -0
- package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +15 -0
- package/emotion/cjs/utils/index.js +0 -4
- package/emotion/es/components/Select/Select.js +8 -35
- 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/TimePicker/TimePicker.js +25 -491
- package/emotion/es/components/TimePicker/TimePicker.styles.js +14 -7
- package/emotion/es/components/TimePicker/utils/index.js +1 -22
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.js +863 -0
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.styles.js +11 -0
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.tokens.js +32 -0
- package/emotion/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +20 -0
- package/emotion/es/components/TimePickerGrid/index.js +2 -0
- package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +103 -0
- package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +33 -0
- package/emotion/es/components/TimePickerGrid/utils/index.js +133 -0
- package/emotion/es/components/TimePickerGrid/variations/_disabled/base.js +2 -0
- package/emotion/es/components/TimePickerGrid/variations/_size/base.js +2 -0
- package/emotion/es/components/TimePickerGrid/variations/_view/base.js +2 -0
- package/emotion/es/components/Tree/utils/traverseTree.js +59 -1
- package/emotion/es/examples/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +22 -0
- package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.js +5 -0
- package/emotion/es/utils/index.js +0 -1
- 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 -44
- 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/TimePicker/TimePicker.css +15 -11
- package/es/components/TimePicker/TimePicker.js +26 -462
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles.js +17 -21
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/{TimePicker.styles_ar3obv.css → TimePicker.styles_2lk4d9.css} +4 -3
- package/es/components/TimePicker/utils/index.js +2 -32
- package/es/components/TimePicker/utils/index.js.map +1 -1
- package/es/components/TimePickerGrid/TimePickerGrid.css +10 -0
- package/es/components/TimePickerGrid/TimePickerGrid.js +724 -0
- package/es/components/TimePickerGrid/TimePickerGrid.js.map +1 -0
- package/es/components/TimePickerGrid/TimePickerGrid.styles.js +22 -0
- package/es/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -0
- package/es/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +2 -0
- package/es/components/TimePickerGrid/TimePickerGrid.tokens.js +35 -0
- package/es/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +109 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -0
- package/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +11 -11
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +7 -0
- package/es/components/TimePickerGrid/utils/index.js +126 -0
- package/es/components/TimePickerGrid/utils/index.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_disabled/base.js +5 -0
- package/es/components/TimePickerGrid/variations/_disabled/base.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_disabled/base_x642ct.css +1 -0
- package/es/components/TimePickerGrid/variations/_size/base.js +5 -0
- package/es/components/TimePickerGrid/variations/_size/base.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_size/base_x642ct.css +1 -0
- package/es/components/TimePickerGrid/variations/_view/base.js +5 -0
- package/es/components/TimePickerGrid/variations/_view/base.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_view/base_x642ct.css +1 -0
- package/es/components/Tree/utils/traverseTree.js +23 -2
- package/es/components/Tree/utils/traverseTree.js.map +1 -1
- package/es/index.css +15 -30
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Select/Select.js +6 -33
- 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/TimePicker/TimePicker.js +22 -488
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +57 -3
- package/styled-components/cjs/components/TimePicker/utils/index.js +1 -25
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.js +922 -0
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +79 -0
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +50 -0
- package/styled-components/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +30 -0
- package/styled-components/cjs/components/TimePickerGrid/index.js +26 -0
- package/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
- package/styled-components/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +16 -14
- package/styled-components/cjs/components/TimePickerGrid/utils/index.js +166 -0
- package/styled-components/cjs/components/TimePickerGrid/variations/_disabled/base.js +14 -0
- package/styled-components/cjs/components/TimePickerGrid/variations/_size/base.js +14 -0
- package/styled-components/cjs/components/TimePickerGrid/variations/_view/base.js +14 -0
- package/styled-components/cjs/components/Tree/utils/traverseTree.js +60 -2
- package/styled-components/cjs/examples/components/Select/Select.config.js +4 -12
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +3 -2
- package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +103 -0
- package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +15 -0
- package/styled-components/cjs/utils/index.js +0 -4
- package/styled-components/es/components/Select/Select.js +8 -35
- 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/TimePicker/TimePicker.js +25 -491
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +54 -3
- package/styled-components/es/components/TimePicker/utils/index.js +1 -22
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.js +863 -0
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.styles.js +21 -0
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.tokens.js +32 -0
- package/styled-components/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +20 -0
- package/styled-components/es/components/TimePickerGrid/index.js +2 -0
- package/styled-components/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +103 -0
- package/styled-components/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +11 -9
- package/styled-components/es/components/TimePickerGrid/utils/index.js +133 -0
- package/styled-components/es/components/TimePickerGrid/variations/_disabled/base.js +4 -0
- package/styled-components/es/components/TimePickerGrid/variations/_size/base.js +4 -0
- package/styled-components/es/components/TimePickerGrid/variations/_view/base.js +4 -0
- package/styled-components/es/components/Tree/utils/traverseTree.js +59 -1
- package/styled-components/es/examples/components/Select/Select.config.js +4 -12
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +3 -2
- package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +93 -0
- package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.js +5 -0
- package/styled-components/es/utils/index.js +0 -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/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +18 -0
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/utils/index.d.ts +1 -2
- package/types/components/TimePicker/utils/index.d.ts.map +1 -1
- package/types/components/TimePickerGrid/TimePickerGrid.d.ts +61 -0
- package/types/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -0
- package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts +5 -0
- package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts.map +1 -0
- package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts +33 -0
- package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts.map +1 -0
- package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts +65 -0
- package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts.map +1 -0
- package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts +14 -0
- package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/TimePickerGrid/index.d.ts +4 -0
- package/types/components/TimePickerGrid/index.d.ts.map +1 -0
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts +3 -0
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts.map +1 -0
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -0
- package/types/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.d.ts +9 -8
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -0
- package/types/components/TimePickerGrid/utils/index.d.ts +24 -0
- package/types/components/TimePickerGrid/utils/index.d.ts.map +1 -0
- package/types/components/TimePickerGrid/variations/_disabled/base.d.ts +2 -0
- package/types/components/TimePickerGrid/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/TimePickerGrid/variations/_size/base.d.ts +2 -0
- package/types/components/TimePickerGrid/variations/_size/base.d.ts.map +1 -0
- package/types/components/TimePickerGrid/variations/_view/base.d.ts +2 -0
- package/types/components/TimePickerGrid/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tree/utils/traverseTree.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/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
- package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts +21 -0
- package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts.map +1 -0
- package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts +32 -0
- package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -0
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -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 -96
- 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 -130
- 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/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- 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 -126
- package/emotion/cjs/components/Select/ui/TreeList/TreeList.styles.js +0 -36
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.js +0 -150
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -186
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -71
- 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 -75
- package/emotion/es/components/Select/ui/TreeList/TreeList.styles.js +0 -13
- package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js +0 -99
- package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -122
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -33
- package/emotion/es/utils/deepCopy.js +0 -72
- 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 -88
- 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 -122
- 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/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -56
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- 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 -126
- 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 -150
- 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/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- 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 -75
- 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 -99
- 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/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- 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 -11
- 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/TimePicker/ui/TimeColumn/TimeColumn.d.ts +0 -3
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.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 → TimePickerGrid/TimePickerGrid.types.js} +0 -0
- /package/emotion/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/emotion/es/components/{Select/ui/TreeList/TreeList.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
- /package/emotion/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/{emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js → styled-components/cjs/components/TimePickerGrid/TimePickerGrid.types.js} +0 -0
- /package/styled-components/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/{emotion/es/components/Select/ui/TreeList/ui/Item/Item.types.js → styled-components/es/components/TimePickerGrid/TimePickerGrid.types.js} +0 -0
- /package/styled-components/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/types/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.d.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus, applyEllipsis } from 'src/mixins';\nimport { component, mergeConfig } from 'src/engines';\nimport type { SelectProps } from 'src/components/Select';\nimport { CSSProperties } from 'react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\n\nexport const ItemWrapper = styled.div``;\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div<{ disabled?: boolean }>`\n ${cellTokens.cellTitleColor}: ${({ disabled }) =>\n disabled ? `var(${tokens.itemDisabledColor})` : `var(${constants.cellTitleColor})`};\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n\n // TODO: #1548\n & div.cell-content, & div.cell-textbox {\n flex: 1;\n }\n & div.cell-textbox-title {\n position: relative;\n }\n & div.cell-textbox-title:before {\n content: ' ';\n visibility: hidden;\n }\n & div.cell-textbox-title span {\n position: absolute;\n left: 0;\n right: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.itemIconColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrowLeft = styled(IconDisclosureRightCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n\n &.${classes.arrowInverse} {\n transform: rotate(90deg);\n }\n`;\n\nexport const StyledArrowRight = styled(IconDisclosureRightCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n transform: rotate(90deg);\n\n &.${classes.arrowInverse} {\n transform: rotate(-90deg);\n }\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div<{ visibility: CSSProperties['visibility'] }>`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n visibility: ${({ visibility }) => visibility || 'visible'};\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n line-height: 0;\n color: var(${tokens.itemIconColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n gap: var(${tokens.itemGap});\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n user-select: none;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: var(${tokens.itemDisabledOpacity});\n color: var(${tokens.itemDisabledColor});\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n\nexport const ChildItems = styled.div``;\n\nexport const Offset = styled.div<{ depth: number }>`\n width: calc(${({ depth }) => depth || 0} * var(${tokens.itemTreeOffsetWidth}));\n flex: none;\n margin-right: calc(var(${tokens.itemGap}) * -1);\n`;\n"],"names":["ItemWrapper","styled","name","class","propsAsIs","mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","_exp2","_ref","disabled","concat","tokens","itemDisabledColor","constants","cellTitleColor","StyledWrapper","vars","_exp29","StyledCell","_exp30","StyledCheckbox","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref2","_ref2$size","size","disclosureIconSize","xs","s","StyledArrowLeft","_exp54","_exp56","_ref3","_ref3$size","StyledArrowRight","_exp58","IconDone","_exp60","_ref4","_ref4$size","StyledIconDone","_exp62","_ref5","visibility","DisclosureIconWrapper","_exp65","_ref6","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp70","_ref7","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper","ChildItems","_exp88","_ref8","depth","Offset"],"mappings":"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
.s14rxgk6{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s14rxgk6 div.cell-content,.s14rxgk6 div.cell-textbox{-webkit-flex:1;-ms-flex:1;flex:1;}.s14rxgk6 div.cell-textbox-title{position:relative;}.s14rxgk6 div.cell-textbox-title:before{content:' ';visibility:hidden;}.s14rxgk6 div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
3
|
-
|
|
4
|
-
.s1t6abbl{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
|
|
5
|
-
.swduayr{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
|
|
6
|
-
.s1r3fsvz{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.s1r3fsvz.arrow-inverse{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
|
|
7
|
-
.s1us4s6s{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s1us4s6s.arrow-inverse{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
|
|
8
|
-
.s14lzt5m{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
|
|
9
|
-
.d1178nq{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.d1178nq:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
|
10
|
-
.i1noc5rg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
|
|
11
|
-
.s1azt70o{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
12
|
-
.wa9o46g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.wa9o46g:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.wa9o46g.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.wa9o46g.dropdown-item-is-disabled{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.wa9o46g:focus{outline:none;}.wa9o46g::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.wa9o46g.dropdown-item-is-focused:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
.o1888l7c{width:calc(var(--o1888l7c-0) * var(--plasma-select-item-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
.TimeColumn_styles_juymyb_s1okclyy__820070c4{position:relative;width:100%;}
|
|
2
|
-
.TimeColumn_styles_juymyb_s14v4skc__820070c4{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimeColumn_styles_juymyb_s14v4skc__820070c4:hover{background:var(--plasma-time-picker-item-hover-background);}.TimeColumn_styles_juymyb_s14v4skc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerItemActive__820070c4{background:var(--plasma-time-picker-item-active-background);}
|
|
3
|
-
.TimeColumn_styles_juymyb_s1mtrybc__820070c4{max-height:var(--s1mtrybc-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimeColumn_styles_juymyb_s1mtrybc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerColumnActive__820070c4{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimeColumn_styles_juymyb_s1mtrybc__820070c4::-webkit-scrollbar{display:none;width:0;}
|
|
4
|
-
.TimeColumn_styles_juymyb_c3ksbzv__820070c4{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimeColumn_styles_juymyb_c3ksbzv__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerScrollbarVisible__820070c4{opacity:1;pointer-events:auto;}
|
|
5
|
-
.TimeColumn_styles_juymyb_s13lzs6z__820070c4{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
6
|
-
.TimeColumn_styles_juymyb_svmgxvm__820070c4{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimeColumn_styles_juymyb_svmgxvm__820070c4:hover{background:var(--plasma-time-picker-scrollbar-color);}.TimeColumn_styles_juymyb_svmgxvm__820070c4:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
7
|
-
.TimeColumn_styles_juymyb_s1bw3c91__820070c4{width:100%;height:0%.125rem;}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var cls = require('classnames');
|
|
8
|
-
var TimePicker_tokens = require('../../TimePicker.tokens.js');
|
|
9
|
-
var TimeColumn_styles = require('./TimeColumn.styles.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
14
|
-
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
15
|
-
|
|
16
|
-
var _StyledEmpty;
|
|
17
|
-
var renderTimeColumn = function renderTimeColumn(_ref) {
|
|
18
|
-
var values = _ref.values,
|
|
19
|
-
dropdownHeight = _ref.dropdownHeight,
|
|
20
|
-
column = _ref.column,
|
|
21
|
-
columnRef = _ref.columnRef,
|
|
22
|
-
scrollbarState = _ref.scrollbarState,
|
|
23
|
-
setScrollbar = _ref.setScrollbar,
|
|
24
|
-
scrollbarRef = _ref.scrollbarRef,
|
|
25
|
-
thumbRef = _ref.thumbRef,
|
|
26
|
-
timeoutRef = _ref.timeoutRef,
|
|
27
|
-
timeItemRefs = _ref.timeItemRefs,
|
|
28
|
-
activeTime = _ref.activeTime,
|
|
29
|
-
handleTimeItemClick = _ref.handleTimeItemClick,
|
|
30
|
-
handleTimeItemKeyDown = _ref.handleTimeItemKeyDown,
|
|
31
|
-
createScrollbarDragHandler = _ref.createScrollbarDragHandler;
|
|
32
|
-
return /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledRoot, null, /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledTimeColumn, {
|
|
33
|
-
key: column,
|
|
34
|
-
ref: columnRef,
|
|
35
|
-
height: dropdownHeight,
|
|
36
|
-
className: TimePicker_tokens.classes.timeColumn
|
|
37
|
-
}, values.map(function (value, index) {
|
|
38
|
-
return /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledTimeItem, {
|
|
39
|
-
key: value,
|
|
40
|
-
ref: function ref(el) {
|
|
41
|
-
timeItemRefs.current["".concat(column, "-").concat(value)] = el;
|
|
42
|
-
},
|
|
43
|
-
className: cls__default.default(_rollupPluginBabelHelpers.defineProperty({}, TimePicker_tokens.classes.timeItemActive, activeTime[column] === index)),
|
|
44
|
-
onClick: function onClick() {
|
|
45
|
-
return handleTimeItemClick(value, column);
|
|
46
|
-
},
|
|
47
|
-
onKeyDown: function onKeyDown(e) {
|
|
48
|
-
return handleTimeItemKeyDown(e, column, value);
|
|
49
|
-
}
|
|
50
|
-
}, value);
|
|
51
|
-
}), _StyledEmpty || (_StyledEmpty = /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledEmpty, null))), /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.CustomScrollbar, {
|
|
52
|
-
ref: scrollbarRef,
|
|
53
|
-
className: cls__default.default(_rollupPluginBabelHelpers.defineProperty({}, TimePicker_tokens.classes.scrollbarVisible, scrollbarState.isVisible))
|
|
54
|
-
}, /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.ScrollbarTrack, null, /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.ScrollbarThumb, {
|
|
55
|
-
ref: thumbRef,
|
|
56
|
-
style: {
|
|
57
|
-
height: "".concat(scrollbarState.thumbHeight, "px"),
|
|
58
|
-
top: "".concat(scrollbarState.thumbPosition, "px")
|
|
59
|
-
},
|
|
60
|
-
onMouseDown: createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)
|
|
61
|
-
}))));
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
exports.renderTimeColumn = renderTimeColumn;
|
|
65
|
-
//# sourceMappingURL=TimeColumn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimeColumn.js","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.tsx"],"sourcesContent":["import React from 'react';\nimport cls from 'classnames';\n\nimport { classes } from '../../TimePicker.tokens';\n\nimport {\n StyledTimeColumn,\n StyledTimeItem,\n StyledEmpty,\n CustomScrollbar,\n ScrollbarTrack,\n ScrollbarThumb,\n StyledRoot,\n} from './TimeColumn.styles';\nimport { TimeColumnProps } from './TimeColumn.types';\n\nexport const renderTimeColumn = ({\n values,\n dropdownHeight,\n column,\n columnRef,\n scrollbarState,\n setScrollbar,\n scrollbarRef,\n thumbRef,\n timeoutRef,\n timeItemRefs,\n activeTime,\n handleTimeItemClick,\n handleTimeItemKeyDown,\n createScrollbarDragHandler,\n}: TimeColumnProps) => (\n <StyledRoot>\n <StyledTimeColumn key={column} ref={columnRef} height={dropdownHeight} className={classes.timeColumn}>\n {values.map((value, index) => (\n <StyledTimeItem\n key={value}\n ref={(el) => {\n timeItemRefs.current[`${column}-${value}`] = el;\n }}\n className={cls({\n [classes.timeItemActive]: activeTime[column] === index,\n })}\n onClick={() => handleTimeItemClick(value, column)}\n onKeyDown={(e) => handleTimeItemKeyDown(e, column, value)}\n >\n {value}\n </StyledTimeItem>\n ))}\n <StyledEmpty />\n </StyledTimeColumn>\n\n <CustomScrollbar\n ref={scrollbarRef}\n className={cls({\n [classes.scrollbarVisible]: scrollbarState.isVisible,\n })}\n >\n <ScrollbarTrack>\n <ScrollbarThumb\n ref={thumbRef}\n style={{\n height: `${scrollbarState.thumbHeight}px`,\n top: `${scrollbarState.thumbPosition}px`,\n }}\n onMouseDown={createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)}\n />\n </ScrollbarTrack>\n </CustomScrollbar>\n </StyledRoot>\n);\n"],"names":["renderTimeColumn","_ref","values","dropdownHeight","column","columnRef","scrollbarState","setScrollbar","scrollbarRef","thumbRef","timeoutRef","timeItemRefs","activeTime","handleTimeItemClick","handleTimeItemKeyDown","createScrollbarDragHandler","React","createElement","StyledRoot","StyledTimeColumn","key","ref","height","className","classes","timeColumn","map","value","index","StyledTimeItem","el","current","concat","cls","_defineProperty","timeItemActive","onClick","onKeyDown","e","_StyledEmpty","StyledEmpty","CustomScrollbar","scrollbarVisible","isVisible","ScrollbarTrack","ScrollbarThumb","style","thumbHeight","top","thumbPosition","onMouseDown"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimeColumn.styles.js","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../TimePicker.tokens';\n\nexport const StyledRoot = styled.div`\n position: relative;\n width: 100%;\n`;\n\nexport const StyledTimeItem = styled.div`\n height: var(${tokens.itemHeight});\n padding: var(${tokens.itemPadding});\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: 0.05s;\n border-radius: var(${tokens.itemBorderRadius});\n cursor: pointer;\n flex-shrink: 0;\n overflow: auto;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemLetterSpacing});\n line-height: var(${tokens.itemLineHeight});\n\n &:hover {\n background: var(${tokens.itemBackgroundHover});\n }\n &.${classes.timeItemActive} {\n background: var(${tokens.itemBackgroundActive});\n }\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n overflow-y: scroll;\n flex: 1;\n z-index: 3;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: var(${tokens.scrollbarWidth});\n width: 100%;\n\n &.${classes.timeColumnActive} {\n border: 0.125rem solid var(${tokens.itemBackgroundHover});\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n width: 0;\n }\n`;\n\nexport const CustomScrollbar = styled.div`\n position: absolute;\n top: var(${tokens.scrollbarMargin});\n right: 0;\n bottom: var(${tokens.scrollbarMargin});\n width: var(${tokens.scrollbarWidth});\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n z-index: 10;\n overflow: hidden;\n\n &.${classes.scrollbarVisible} {\n opacity: 1;\n pointer-events: auto;\n }\n`;\n\nexport const ScrollbarTrack = styled.div`\n position: relative;\n width: 100%;\n height: 100%;\n background: var(${tokens.scrollbarTrackColor});\n border-radius: var(${tokens.scrollbarWidth});\n`;\n\nexport const ScrollbarThumb = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: var(${tokens.scrollbarColor});\n border-radius: var(${tokens.scrollbarWidth});\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: var(${tokens.scrollbarColor});\n }\n\n &:active {\n background: var(${tokens.scrollbarTrackColor});\n }\n`;\n\nexport const StyledEmpty = styled.div`\n width: 100%;\n height: 0%.125rem;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledTimeItem","_exp13","_ref","height","concat","tokens","columnHeight","StyledTimeColumn","vars","CustomScrollbar","ScrollbarTrack","ScrollbarThumb","StyledEmpty"],"mappings":";;;;;;;AAIO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BnC,EAAA;AAAC,IAAAE,MAAA,GAlCgBA,SAkChBA,MAAAA,GAAA;AAAA,EAAA,OAGgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,wBAAM,CAACC,YAAY,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADlE,IAAMC,gBAAgB,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBP,MAAuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAsBxE,EAAA;AAEM,IAAMQ,eAAe,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBpC,EAAA;AAEM,IAAMW,cAAc,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMnC,EAAA;AAEM,IAAMY,cAAc,gBAAGf,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBnC,EAAA;AAEM,IAAMa,WAAW,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC;;;;;;;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
.s1okclyy{position:relative;width:100%;}
|
|
2
|
-
.s14v4skc{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.s14v4skc:hover{background:var(--plasma-time-picker-item-hover-background);}.s14v4skc.plasma-time-picker-item-active{background:var(--plasma-time-picker-item-active-background);}
|
|
3
|
-
.s1mtrybc{max-height:var(--s1mtrybc-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.s1mtrybc.plasma-time-picker-column-active{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.s1mtrybc::-webkit-scrollbar{display:none;width:0;}
|
|
4
|
-
.c3ksbzv{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.c3ksbzv.plasma-time-picker-scrollbar-visible{opacity:1;pointer-events:auto;}
|
|
5
|
-
.s13lzs6z{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
6
|
-
.svmgxvm{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.svmgxvm:hover{background:var(--plasma-time-picker-scrollbar-color);}.svmgxvm:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
7
|
-
.s1bw3c91{width:100%;height:0%.125rem;}
|
package/cjs/utils/deepCopy.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
-
|
|
7
|
-
// Blazing-fast хелпер для глубокого копирования объектов.
|
|
8
|
-
// Ссылки на функции (React-компоненты) сохраняются.
|
|
9
|
-
var deepCopy = function deepCopy(obj) {
|
|
10
|
-
if (obj === null || _rollupPluginBabelHelpers.typeof(obj) !== 'object') {
|
|
11
|
-
return obj;
|
|
12
|
-
}
|
|
13
|
-
if (Array.isArray(obj)) {
|
|
14
|
-
return obj.map(function (item) {
|
|
15
|
-
return deepCopy(item);
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
if (obj.$$typeof === Symbol["for"]('react.element') || obj.$$typeof === Symbol["for"]('react.fragment') || _rollupPluginBabelHelpers.typeof(obj === null || obj === void 0 ? void 0 : obj.$$typeof) === 'symbol') {
|
|
19
|
-
return obj;
|
|
20
|
-
}
|
|
21
|
-
return Object.fromEntries(Object.entries(obj).map(function (_ref) {
|
|
22
|
-
var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
|
|
23
|
-
key = _ref2[0],
|
|
24
|
-
value = _ref2[1];
|
|
25
|
-
return [key, deepCopy(value)];
|
|
26
|
-
}));
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
exports.deepCopy = deepCopy;
|
|
30
|
-
//# sourceMappingURL=deepCopy.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"deepCopy.js","sources":["../../src/utils/deepCopy.ts"],"sourcesContent":["// Blazing-fast хелпер для глубокого копирования объектов.\n// Ссылки на функции (React-компоненты) сохраняются.\nexport const deepCopy = <T>(obj: T): T => {\n if (obj === null || typeof obj !== 'object') {\n return obj;\n }\n\n if (Array.isArray(obj)) {\n return (obj.map((item) => deepCopy(item)) as unknown) as T;\n }\n\n if (\n (obj as any).$$typeof === Symbol.for('react.element') ||\n (obj as any).$$typeof === Symbol.for('react.fragment') ||\n typeof (obj as any)?.$$typeof === 'symbol'\n ) {\n return obj;\n }\n\n return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, deepCopy(value)])) as T;\n};\n"],"names":["deepCopy","obj","_typeof","Array","isArray","map","item","$$typeof","Symbol","Object","fromEntries","entries","_ref","_ref2","_slicedToArray","key","value"],"mappings":";;;;;;AAAA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAOC,GAAM,EAAQ;EACtC,IAAIA,GAAG,KAAK,IAAI,IAAIC,gCAAA,CAAOD,GAAG,CAAK,KAAA,QAAQ,EAAE;AACzC,IAAA,OAAOA,GAAG,CAAA;AACd,GAAA;AAEA,EAAA,IAAIE,KAAK,CAACC,OAAO,CAACH,GAAG,CAAC,EAAE;AACpB,IAAA,OAAQA,GAAG,CAACI,GAAG,CAAC,UAACC,IAAI,EAAA;MAAA,OAAKN,QAAQ,CAACM,IAAI,CAAC,CAAA;KAAC,CAAA,CAAA;AAC7C,GAAA;AAEA,EAAA,IACKL,GAAG,CAASM,QAAQ,KAAKC,MAAM,CAAA,KAAA,CAAI,CAAC,eAAe,CAAC,IACpDP,GAAG,CAASM,QAAQ,KAAKC,MAAM,CAAI,KAAA,CAAA,CAAC,gBAAgB,CAAC,IACtDN,gCAAA,CAAQD,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAUM,QAAQ,CAAA,KAAK,QAAQ,EAC5C;AACE,IAAA,OAAON,GAAG,CAAA;AACd,GAAA;AAEA,EAAA,OAAOQ,MAAM,CAACC,WAAW,CAACD,MAAM,CAACE,OAAO,CAACV,GAAG,CAAC,CAACI,GAAG,CAAC,UAAAO,IAAA,EAAA;AAAA,IAAA,IAAAC,KAAA,GAAAC,uCAAA,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAEG,MAAAA,GAAG,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,KAAK,GAAAH,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OAAM,CAACE,GAAG,EAAEf,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAA;AAAA,GAAA,CAAC,CAAC,CAAA;AAChG;;;;"}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get keyExists () {
|
|
13
|
-
return keyExists;
|
|
14
|
-
},
|
|
15
|
-
get treePathReducer () {
|
|
16
|
-
return treePathReducer;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
var _utils = require("../../../utils");
|
|
20
|
-
function _type_of(obj) {
|
|
21
|
-
"@swc/helpers - typeof";
|
|
22
|
-
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
23
|
-
}
|
|
24
|
-
var keyExists = function(obj, path) {
|
|
25
|
-
if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null || !Array.isArray(path)) {
|
|
26
|
-
return false;
|
|
27
|
-
}
|
|
28
|
-
var current = obj;
|
|
29
|
-
for(var i = 0; i < path.length; i++){
|
|
30
|
-
var key = path[i];
|
|
31
|
-
if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
|
|
32
|
-
return false;
|
|
33
|
-
}
|
|
34
|
-
current = current[key];
|
|
35
|
-
}
|
|
36
|
-
return true;
|
|
37
|
-
};
|
|
38
|
-
function createObjectAtPath(obj, path) {
|
|
39
|
-
if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null) {
|
|
40
|
-
return;
|
|
41
|
-
}
|
|
42
|
-
var current = obj;
|
|
43
|
-
for(var i = 0; i < path.length; i++){
|
|
44
|
-
var key = path[i];
|
|
45
|
-
if (i === path.length - 1) {
|
|
46
|
-
current[key] = {};
|
|
47
|
-
break;
|
|
48
|
-
}
|
|
49
|
-
if (current[key] === undefined || current[key] === null) {
|
|
50
|
-
current[key] = {};
|
|
51
|
-
}
|
|
52
|
-
current = current[key];
|
|
53
|
-
}
|
|
54
|
-
return obj;
|
|
55
|
-
}
|
|
56
|
-
function removeObjectAtPath(obj, path) {
|
|
57
|
-
if (path.length === 0) {
|
|
58
|
-
return obj;
|
|
59
|
-
}
|
|
60
|
-
var current = obj;
|
|
61
|
-
for(var i = 0; i < path.length; i++){
|
|
62
|
-
var key = path[i];
|
|
63
|
-
if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
|
|
64
|
-
return obj;
|
|
65
|
-
}
|
|
66
|
-
if (i === path.length - 1) {
|
|
67
|
-
delete current[key];
|
|
68
|
-
break;
|
|
69
|
-
}
|
|
70
|
-
current = current[key];
|
|
71
|
-
}
|
|
72
|
-
return obj;
|
|
73
|
-
}
|
|
74
|
-
function treePathReducer(state, action) {
|
|
75
|
-
switch(action.type){
|
|
76
|
-
case 'reset':
|
|
77
|
-
{
|
|
78
|
-
return {};
|
|
79
|
-
}
|
|
80
|
-
case 'toggled_level':
|
|
81
|
-
{
|
|
82
|
-
var stateCopy = (0, _utils.deepCopy)(state);
|
|
83
|
-
var isTargetLevelOpened = keyExists(stateCopy, action.value);
|
|
84
|
-
if (isTargetLevelOpened) {
|
|
85
|
-
// нужно закрыть текущий уровень
|
|
86
|
-
removeObjectAtPath(stateCopy, action.value);
|
|
87
|
-
} else {
|
|
88
|
-
// нужно открыть требуемый уровень
|
|
89
|
-
createObjectAtPath(stateCopy, action.value);
|
|
90
|
-
}
|
|
91
|
-
return stateCopy;
|
|
92
|
-
}
|
|
93
|
-
default:
|
|
94
|
-
{
|
|
95
|
-
return state;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "TreeList", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return TreeList;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
12
|
-
var _reactvirtual = require("@tanstack/react-virtual");
|
|
13
|
-
var _utils = require("../../../../utils");
|
|
14
|
-
var _Item = require("./ui/Item/Item");
|
|
15
|
-
var _TreeListstyles = require("./TreeList.styles");
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
17
|
-
if (typeof WeakMap !== "function") return null;
|
|
18
|
-
var cacheBabelInterop = new WeakMap();
|
|
19
|
-
var cacheNodeInterop = new WeakMap();
|
|
20
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
21
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
22
|
-
})(nodeInterop);
|
|
23
|
-
}
|
|
24
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
25
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
26
|
-
return obj;
|
|
27
|
-
}
|
|
28
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
29
|
-
return {
|
|
30
|
-
default: obj
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
34
|
-
if (cache && cache.has(obj)) {
|
|
35
|
-
return cache.get(obj);
|
|
36
|
-
}
|
|
37
|
-
var newObj = {
|
|
38
|
-
__proto__: null
|
|
39
|
-
};
|
|
40
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
41
|
-
for(var key in obj){
|
|
42
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
43
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
44
|
-
if (desc && (desc.get || desc.set)) {
|
|
45
|
-
Object.defineProperty(newObj, key, desc);
|
|
46
|
-
} else {
|
|
47
|
-
newObj[key] = obj[key];
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
newObj.default = obj;
|
|
52
|
-
if (cache) {
|
|
53
|
-
cache.set(obj, newObj);
|
|
54
|
-
}
|
|
55
|
-
return newObj;
|
|
56
|
-
}
|
|
57
|
-
var TreeList = function(param) {
|
|
58
|
-
var items = param.items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll, virtual = param.virtual, beforeList = param.beforeList, afterList = param.afterList;
|
|
59
|
-
if (virtual) {
|
|
60
|
-
return /*#__PURE__*/ _react.default.createElement(VirtualTreeList, {
|
|
61
|
-
items: items,
|
|
62
|
-
listMaxHeight: listMaxHeight,
|
|
63
|
-
onScroll: onScroll,
|
|
64
|
-
beforeList: beforeList,
|
|
65
|
-
afterList: afterList
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
return /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ListWrapper, null, /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ScrollContainer, {
|
|
69
|
-
listMaxHeight: listMaxHeight,
|
|
70
|
-
onScroll: onScroll
|
|
71
|
-
}, beforeList, items === null || items === void 0 ? void 0 : items.map(function(item, index) {
|
|
72
|
-
return /*#__PURE__*/ _react.default.createElement(_Item.Item, {
|
|
73
|
-
key: index,
|
|
74
|
-
index: index,
|
|
75
|
-
item: item
|
|
76
|
-
});
|
|
77
|
-
}), afterList));
|
|
78
|
-
};
|
|
79
|
-
var VirtualTreeList = function(param) {
|
|
80
|
-
var _param_items = param.items, items = _param_items === void 0 ? [] : _param_items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll, beforeList = param.beforeList, afterList = param.afterList;
|
|
81
|
-
var _virtualItems_;
|
|
82
|
-
var parentRef = (0, _react.useRef)(null);
|
|
83
|
-
var virtualizer = (0, _reactvirtual.useVirtualizer)({
|
|
84
|
-
count: items.length,
|
|
85
|
-
getScrollElement: function() {
|
|
86
|
-
return parentRef.current;
|
|
87
|
-
},
|
|
88
|
-
estimateSize: function() {
|
|
89
|
-
return 48;
|
|
90
|
-
}
|
|
91
|
-
});
|
|
92
|
-
var virtualItems = virtualizer.getVirtualItems();
|
|
93
|
-
var _virtualItems__start;
|
|
94
|
-
return /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ListWrapper, null, beforeList, /*#__PURE__*/ _react.default.createElement("div", {
|
|
95
|
-
ref: parentRef,
|
|
96
|
-
style: {
|
|
97
|
-
height: 'auto',
|
|
98
|
-
maxHeight: (0, _utils.getHeightAsNumber)(listMaxHeight),
|
|
99
|
-
overflowY: 'auto'
|
|
100
|
-
},
|
|
101
|
-
onScroll: onScroll
|
|
102
|
-
}, /*#__PURE__*/ _react.default.createElement("div", {
|
|
103
|
-
style: {
|
|
104
|
-
height: virtualizer.getTotalSize(),
|
|
105
|
-
width: '100%',
|
|
106
|
-
position: 'relative'
|
|
107
|
-
}
|
|
108
|
-
}, /*#__PURE__*/ _react.default.createElement("div", {
|
|
109
|
-
style: {
|
|
110
|
-
position: 'absolute',
|
|
111
|
-
top: 0,
|
|
112
|
-
left: 0,
|
|
113
|
-
width: '100%',
|
|
114
|
-
transform: "translateY(".concat((_virtualItems__start = (_virtualItems_ = virtualItems[0]) === null || _virtualItems_ === void 0 ? void 0 : _virtualItems_.start) !== null && _virtualItems__start !== void 0 ? _virtualItems__start : 0, "px)")
|
|
115
|
-
}
|
|
116
|
-
}, virtualItems.map(function(virtualRow) {
|
|
117
|
-
return /*#__PURE__*/ _react.default.createElement("div", {
|
|
118
|
-
key: virtualRow.key,
|
|
119
|
-
"data-index": virtualRow.index,
|
|
120
|
-
ref: virtualizer.measureElement
|
|
121
|
-
}, /*#__PURE__*/ _react.default.createElement(_Item.Item, {
|
|
122
|
-
item: items[virtualRow.index],
|
|
123
|
-
index: virtualRow.index
|
|
124
|
-
}));
|
|
125
|
-
})))), afterList);
|
|
126
|
-
};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get ListWrapper () {
|
|
13
|
-
return ListWrapper;
|
|
14
|
-
},
|
|
15
|
-
get ScrollContainer () {
|
|
16
|
-
return ScrollContainer;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
|
|
20
|
-
var _Selecttokens = require("../../Select.tokens");
|
|
21
|
-
function _interop_require_default(obj) {
|
|
22
|
-
return obj && obj.__esModule ? obj : {
|
|
23
|
-
default: obj
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
var ListWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
|
|
27
|
-
target: "evbtu0r0",
|
|
28
|
-
label: "ListWrapper"
|
|
29
|
-
})("width:100%;padding:calc(var(", _Selecttokens.tokens.padding, ") + var(", _Selecttokens.tokens.dropdownBorderWidth, ",0rem));border-radius:var(", _Selecttokens.tokens.borderRadius, ");box-sizing:border-box;background:var(", _Selecttokens.constants.background, ");box-shadow:", _Selecttokens.constants.boxShadow, ",inset 0 0 0 var(", _Selecttokens.tokens.dropdownBorderWidth, ",0rem) var(", _Selecttokens.tokens.dropdownBorderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvdWkvVHJlZUxpc3QvVHJlZUxpc3Quc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC91aS9UcmVlTGlzdC9UcmVlTGlzdC5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9TZWxlY3QnO1xuXG5pbXBvcnQgeyBjb25zdGFudHMsIHRva2VucyB9IGZyb20gJy4uLy4uL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSArIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fSxcbiAgICAgICAgaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJDb2xvcn0sIHRyYW5zcGFyZW50KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTY3JvbGxDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0TWF4SGVpZ2h0PzogU2VsZWN0UHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiBsaXN0TWF4SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSAtIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMkIifQ== */");
|
|
30
|
-
var ScrollContainer = (0, /*#__PURE__*/ _styled.default)("div", {
|
|
31
|
-
target: "evbtu0r1",
|
|
32
|
-
label: "ScrollContainer"
|
|
33
|
-
})("max-height:", function(param) {
|
|
34
|
-
var listMaxHeight = param.listMaxHeight;
|
|
35
|
-
return listMaxHeight || 'auto';
|
|
36
|
-
}, ";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(", _Selecttokens.tokens.borderRadius, ") - 0.125rem - var(", _Selecttokens.tokens.dropdownBorderWidth, ",0rem));", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvdWkvVHJlZUxpc3QvVHJlZUxpc3Quc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC91aS9UcmVlTGlzdC9UcmVlTGlzdC5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9TZWxlY3QnO1xuXG5pbXBvcnQgeyBjb25zdGFudHMsIHRva2VucyB9IGZyb20gJy4uLy4uL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSArIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fSxcbiAgICAgICAgaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJDb2xvcn0sIHRyYW5zcGFyZW50KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTY3JvbGxDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0TWF4SGVpZ2h0PzogU2VsZWN0UHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiBsaXN0TWF4SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSAtIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlK0IifQ== */");
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Item", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Item;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
12
|
-
var _Selecttokens = require("../../../../Select.tokens");
|
|
13
|
-
var _utils = require("../../../../utils");
|
|
14
|
-
var _treePathReducer = require("../../../../reducers/treePathReducer");
|
|
15
|
-
var _Selectcontext = require("../../../../Select.context");
|
|
16
|
-
var _Itemstyles = require("./Item.styles");
|
|
17
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
18
|
-
if (typeof WeakMap !== "function") return null;
|
|
19
|
-
var cacheBabelInterop = new WeakMap();
|
|
20
|
-
var cacheNodeInterop = new WeakMap();
|
|
21
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
22
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
23
|
-
})(nodeInterop);
|
|
24
|
-
}
|
|
25
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
26
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
27
|
-
return obj;
|
|
28
|
-
}
|
|
29
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
30
|
-
return {
|
|
31
|
-
default: obj
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
35
|
-
if (cache && cache.has(obj)) {
|
|
36
|
-
return cache.get(obj);
|
|
37
|
-
}
|
|
38
|
-
var newObj = {
|
|
39
|
-
__proto__: null
|
|
40
|
-
};
|
|
41
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
42
|
-
for(var key in obj){
|
|
43
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
44
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
45
|
-
if (desc && (desc.get || desc.set)) {
|
|
46
|
-
Object.defineProperty(newObj, key, desc);
|
|
47
|
-
} else {
|
|
48
|
-
newObj[key] = obj[key];
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
newObj.default = obj;
|
|
53
|
-
if (cache) {
|
|
54
|
-
cache.set(obj, newObj);
|
|
55
|
-
}
|
|
56
|
-
return newObj;
|
|
57
|
-
}
|
|
58
|
-
var Item = function(param) {
|
|
59
|
-
var item = param.item, index = param.index;
|
|
60
|
-
var _valueToPathMap_get, _item_items;
|
|
61
|
-
var label = item.label, value = item.value, disabled = item.disabled, isDisabled = item.isDisabled, contentLeft = item.contentLeft, contentRight = item.contentRight;
|
|
62
|
-
var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
|
|
63
|
-
var _useContext = (0, _react.useContext)(_Selectcontext.Context), checked = _useContext.checked, multiselect = _useContext.multiselect, size = _useContext.size, variant = _useContext.variant, renderItem = _useContext.renderItem, // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
64
|
-
// @ts-ignore
|
|
65
|
-
_checkboxAppearance = _useContext._checkboxAppearance, focusedPath = _useContext.focusedPath, treePath = _useContext.treePath, dispatchTreePath = _useContext.dispatchTreePath, arrowPlacement = _useContext.arrowPlacement, handleItemClick = _useContext.handleItemClick, handleCheckboxChange = _useContext.handleCheckboxChange, valueToPathMap = _useContext.valueToPathMap;
|
|
66
|
-
var itemDisabled = Boolean(disabled || isDisabled);
|
|
67
|
-
var currentItemDepth = (((_valueToPathMap_get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap_get === void 0 ? void 0 : _valueToPathMap_get.length) || 0) - 1;
|
|
68
|
-
var isCurrentLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(value.toString()) || []);
|
|
69
|
-
var withArrowInverse = isCurrentLevelOpened ? _Selecttokens.classes.arrowInverse : undefined;
|
|
70
|
-
var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? _Selecttokens.classes.dropdownItemIsFocused : undefined;
|
|
71
|
-
var handleClick = function(e) {
|
|
72
|
-
if (!isLeaf) {
|
|
73
|
-
dispatchTreePath({
|
|
74
|
-
type: 'toggled_level',
|
|
75
|
-
value: valueToPathMap.get(value.toString()) || []
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
if (handleItemClick) {
|
|
79
|
-
handleItemClick(item, e);
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
var handleChange = function(e) {
|
|
83
|
-
if (itemDisabled) return;
|
|
84
|
-
e.stopPropagation();
|
|
85
|
-
handleCheckboxChange(item);
|
|
86
|
-
};
|
|
87
|
-
return /*#__PURE__*/ _react.default.createElement(_Itemstyles.ItemWrapper, null, /*#__PURE__*/ _react.default.createElement(_Itemstyles.Wrapper, {
|
|
88
|
-
className: focusedClass,
|
|
89
|
-
onClick: handleClick,
|
|
90
|
-
variant: variant,
|
|
91
|
-
role: "treeitem"
|
|
92
|
-
}, /*#__PURE__*/ _react.default.createElement(_Itemstyles.Offset, {
|
|
93
|
-
depth: currentItemDepth
|
|
94
|
-
}), arrowPlacement === 'left' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.DisclosureIconWrapper, {
|
|
95
|
-
visibility: isLeaf ? 'hidden' : 'visible'
|
|
96
|
-
}, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledArrowLeft, {
|
|
97
|
-
size: (0, _utils.sizeToIconSize)(size, variant),
|
|
98
|
-
color: "inherit",
|
|
99
|
-
className: withArrowInverse
|
|
100
|
-
})), multiselect && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
|
|
101
|
-
variant: variant
|
|
102
|
-
}, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCheckboxWrapper, {
|
|
103
|
-
onClick: function(e) {
|
|
104
|
-
return e.stopPropagation();
|
|
105
|
-
}
|
|
106
|
-
}, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCheckbox, {
|
|
107
|
-
disabled: itemDisabled,
|
|
108
|
-
checked: Boolean(checked.get(item.value)),
|
|
109
|
-
indeterminate: checked.get(item.value) === 'indeterminate',
|
|
110
|
-
onChange: handleChange,
|
|
111
|
-
appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
|
|
112
|
-
}))), !multiselect && arrowPlacement === 'right' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
|
|
113
|
-
variant: variant
|
|
114
|
-
}, checked.get(item.value) === 'dot' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIndicator, {
|
|
115
|
-
size: "s",
|
|
116
|
-
view: "default"
|
|
117
|
-
}), checked.get(item.value) === 'done' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIconDone, {
|
|
118
|
-
size: (0, _utils.sizeToIconSize)(size, variant),
|
|
119
|
-
color: "inherit"
|
|
120
|
-
})), renderItem ? /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledText, null, renderItem(item)) : /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledWrapper, {
|
|
121
|
-
disabled: itemDisabled
|
|
122
|
-
}, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCell, {
|
|
123
|
-
contentLeft: contentLeft,
|
|
124
|
-
contentRight: contentRight,
|
|
125
|
-
// TODO: #1548
|
|
126
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
127
|
-
// @ts-ignore
|
|
128
|
-
title: /*#__PURE__*/ _react.default.createElement("span", null, label)
|
|
129
|
-
})), !multiselect && arrowPlacement === 'left' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
|
|
130
|
-
variant: variant
|
|
131
|
-
}, checked.get(item.value) === 'dot' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIndicator, {
|
|
132
|
-
size: "s",
|
|
133
|
-
view: "default"
|
|
134
|
-
}), checked.get(item.value) === 'done' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIconDone, {
|
|
135
|
-
size: (0, _utils.sizeToIconSize)(size, variant),
|
|
136
|
-
color: "inherit"
|
|
137
|
-
})), arrowPlacement === 'right' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.DisclosureIconWrapper, {
|
|
138
|
-
visibility: isLeaf ? 'hidden' : 'visible'
|
|
139
|
-
}, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledArrowRight, {
|
|
140
|
-
size: (0, _utils.sizeToIconSize)(size, variant),
|
|
141
|
-
color: "inherit",
|
|
142
|
-
className: withArrowInverse
|
|
143
|
-
}))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ _react.default.createElement(_Itemstyles.ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
|
|
144
|
-
return /*#__PURE__*/ _react.default.createElement(Item, {
|
|
145
|
-
item: item,
|
|
146
|
-
index: index,
|
|
147
|
-
key: index
|
|
148
|
-
});
|
|
149
|
-
})));
|
|
150
|
-
};
|