@salutejs/plasma-new-hope 0.339.0-canary.2286.18557548158.0 → 0.339.0-canary.2287.18675801044.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 -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/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 +714 -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 -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/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 +903 -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/Combobox/Combobox.js +15 -0
- 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 -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/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 +844 -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 -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/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 +705 -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 +2 -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/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 +903 -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 +102 -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 -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/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 +844 -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 +92 -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 +19 -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 +63 -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 +69 -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 +33 -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 -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/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 -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/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 -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/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 -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/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 -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/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 -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/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 -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/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,89 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var Select_context = require('../../../../../../Select.context.js');
|
|
7
|
-
var Select_tokens = require('../../../../../../Select.tokens.js');
|
|
8
|
-
var Item_styles = require('../../Item.styles.js');
|
|
9
|
-
var sizeToIconSize = require('../../../../../../utils/sizeToIconSize.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
14
|
-
|
|
15
|
-
var _StyledIndicator;
|
|
16
|
-
var ItemArrowLeft = function ItemArrowLeft(_ref) {
|
|
17
|
-
var _valueToPathMap$get;
|
|
18
|
-
var item = _ref.item,
|
|
19
|
-
index = _ref.index,
|
|
20
|
-
onClick = _ref.onClick,
|
|
21
|
-
onChange = _ref.onChange,
|
|
22
|
-
isCurrentLevelOpened = _ref.isCurrentLevelOpened;
|
|
23
|
-
var label = item.label,
|
|
24
|
-
disabled = item.disabled,
|
|
25
|
-
isDisabled = item.isDisabled,
|
|
26
|
-
contentLeft = item.contentLeft,
|
|
27
|
-
contentRight = item.contentRight;
|
|
28
|
-
var isLeaf = !(item !== null && item !== void 0 && item.items);
|
|
29
|
-
var _useContext = React.useContext(Select_context.Context),
|
|
30
|
-
checked = _useContext.checked,
|
|
31
|
-
multiselect = _useContext.multiselect,
|
|
32
|
-
size = _useContext.size,
|
|
33
|
-
variant = _useContext.variant,
|
|
34
|
-
renderItem = _useContext.renderItem,
|
|
35
|
-
_checkboxAppearance = _useContext._checkboxAppearance,
|
|
36
|
-
focusedPath = _useContext.focusedPath,
|
|
37
|
-
valueToPathMap = _useContext.valueToPathMap;
|
|
38
|
-
var itemDisabled = Boolean(disabled || isDisabled);
|
|
39
|
-
var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
|
|
40
|
-
var withArrowInverse = isCurrentLevelOpened ? Select_tokens.classes.arrowInverse : undefined;
|
|
41
|
-
var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? Select_tokens.classes.dropdownItemIsFocused : undefined;
|
|
42
|
-
return /*#__PURE__*/React__default.default.createElement(Item_styles.Wrapper, {
|
|
43
|
-
className: focusedClass,
|
|
44
|
-
onClick: onClick,
|
|
45
|
-
variant: variant,
|
|
46
|
-
role: "treeitem"
|
|
47
|
-
}, /*#__PURE__*/React__default.default.createElement(Item_styles.Offset, {
|
|
48
|
-
depth: currentItemDepth
|
|
49
|
-
}), /*#__PURE__*/React__default.default.createElement(Item_styles.DisclosureIconWrapper, {
|
|
50
|
-
visibility: isLeaf ? 'hidden' : 'visible'
|
|
51
|
-
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledArrowLeft, {
|
|
52
|
-
size: sizeToIconSize.sizeToIconSize(size, variant),
|
|
53
|
-
color: "inherit",
|
|
54
|
-
className: withArrowInverse
|
|
55
|
-
})), multiselect && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
|
|
56
|
-
variant: variant
|
|
57
|
-
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckboxWrapper, {
|
|
58
|
-
onClick: function onClick(e) {
|
|
59
|
-
return e.stopPropagation();
|
|
60
|
-
}
|
|
61
|
-
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckbox, {
|
|
62
|
-
disabled: itemDisabled,
|
|
63
|
-
checked: Boolean(checked.get(item.value)),
|
|
64
|
-
indeterminate: checked.get(item.value) === 'indeterminate',
|
|
65
|
-
onChange: onChange,
|
|
66
|
-
appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
|
|
67
|
-
}))), renderItem ? /*#__PURE__*/React__default.default.createElement(Item_styles.StyledText, null, renderItem(item)) : /*#__PURE__*/React__default.default.createElement(Item_styles.StyledWrapper, {
|
|
68
|
-
disabled: itemDisabled
|
|
69
|
-
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCell, {
|
|
70
|
-
contentLeft: contentLeft,
|
|
71
|
-
contentRight: contentRight
|
|
72
|
-
// TODO: #1548
|
|
73
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
74
|
-
// @ts-ignore
|
|
75
|
-
,
|
|
76
|
-
title: /*#__PURE__*/React__default.default.createElement("span", null, label)
|
|
77
|
-
})), !multiselect && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
|
|
78
|
-
variant: variant
|
|
79
|
-
}, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIndicator, {
|
|
80
|
-
size: "s",
|
|
81
|
-
view: "default"
|
|
82
|
-
}))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIconDone, {
|
|
83
|
-
size: sizeToIconSize.sizeToIconSize(size, variant),
|
|
84
|
-
color: "inherit"
|
|
85
|
-
})));
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
exports.ItemArrowLeft = ItemArrowLeft;
|
|
89
|
-
//# sourceMappingURL=ItemArrowLeft.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ItemArrowLeft.js","sources":["../../../../../../../../../src/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FC } from 'react';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { Context } from 'src/components/Select/Select.context';\nimport { classes } from 'src/components/Select/Select.tokens';\n\nimport {\n DisclosureIconWrapper,\n IconWrapper,\n StyledArrowLeft,\n StyledCell,\n StyledCheckbox,\n StyledCheckboxWrapper,\n StyledIconDone,\n StyledIndicator,\n StyledText,\n StyledWrapper,\n Wrapper,\n Offset,\n} from '../../Item.styles';\nimport { ItemArrowProps } from '../../Item.types';\n\nexport const ItemArrowLeft: FC<ItemArrowProps> = ({ item, index, onClick, onChange, isCurrentLevelOpened }) => {\n const { label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n const isLeaf = !item?.items;\n\n const {\n checked,\n multiselect,\n size,\n variant,\n renderItem,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n _checkboxAppearance,\n focusedPath,\n valueToPathMap,\n } = useContext(Context);\n\n const itemDisabled = Boolean(disabled || isDisabled);\n\n const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n const focusedClass =\n currentItemDepth === focusedPath.length - 1 && index === focusedPath?.[currentItemDepth]\n ? classes.dropdownItemIsFocused\n : undefined;\n\n return (\n <Wrapper className={focusedClass} onClick={onClick} variant={variant} role=\"treeitem\">\n <Offset depth={currentItemDepth} />\n\n <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n <StyledArrowLeft size={sizeToIconSize(size, variant)} color=\"inherit\" className={withArrowInverse} />\n </DisclosureIconWrapper>\n\n {multiselect && (\n <IconWrapper variant={variant}>\n <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n disabled={itemDisabled}\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={onChange}\n appearance={_checkboxAppearance ?? 'default'}\n />\n </StyledCheckboxWrapper>\n </IconWrapper>\n )}\n\n {renderItem ? (\n <StyledText>{renderItem(item)}</StyledText>\n ) : (\n <StyledWrapper disabled={itemDisabled}>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n // TODO: #1548\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n title={<span>{label}</span>}\n />\n </StyledWrapper>\n )}\n\n {!multiselect && (\n <IconWrapper variant={variant}>\n {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {checked.get(item.value) === 'done' && (\n <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n )}\n </Wrapper>\n );\n};\n"],"names":["ItemArrowLeft","_ref","_valueToPathMap$get","item","index","onClick","onChange","isCurrentLevelOpened","label","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","valueToPathMap","itemDisabled","Boolean","currentItemDepth","get","value","toString","length","withArrowInverse","classes","arrowInverse","undefined","focusedClass","dropdownItemIsFocused","React","createElement","Wrapper","className","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","e","stopPropagation","StyledCheckbox","indeterminate","appearance","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator","StyledIndicator","view","StyledIconDone"],"mappings":"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"}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var Select_context = require('../../../../../../Select.context.js');
|
|
7
|
-
var Select_tokens = require('../../../../../../Select.tokens.js');
|
|
8
|
-
var Item_styles = require('../../Item.styles.js');
|
|
9
|
-
var sizeToIconSize = require('../../../../../../utils/sizeToIconSize.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
14
|
-
|
|
15
|
-
var _StyledIndicator;
|
|
16
|
-
var ItemArrowRight = function ItemArrowRight(_ref) {
|
|
17
|
-
var _valueToPathMap$get;
|
|
18
|
-
var item = _ref.item,
|
|
19
|
-
index = _ref.index,
|
|
20
|
-
onClick = _ref.onClick,
|
|
21
|
-
onChange = _ref.onChange,
|
|
22
|
-
isCurrentLevelOpened = _ref.isCurrentLevelOpened;
|
|
23
|
-
var label = item.label,
|
|
24
|
-
disabled = item.disabled,
|
|
25
|
-
isDisabled = item.isDisabled,
|
|
26
|
-
contentLeft = item.contentLeft,
|
|
27
|
-
contentRight = item.contentRight;
|
|
28
|
-
var isLeaf = !(item !== null && item !== void 0 && item.items);
|
|
29
|
-
var _useContext = React.useContext(Select_context.Context),
|
|
30
|
-
checked = _useContext.checked,
|
|
31
|
-
multiselect = _useContext.multiselect,
|
|
32
|
-
size = _useContext.size,
|
|
33
|
-
variant = _useContext.variant,
|
|
34
|
-
renderItem = _useContext.renderItem,
|
|
35
|
-
_checkboxAppearance = _useContext._checkboxAppearance,
|
|
36
|
-
focusedPath = _useContext.focusedPath,
|
|
37
|
-
valueToPathMap = _useContext.valueToPathMap;
|
|
38
|
-
var itemDisabled = Boolean(disabled || isDisabled);
|
|
39
|
-
var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
|
|
40
|
-
var withArrowInverse = isCurrentLevelOpened ? Select_tokens.classes.arrowInverse : undefined;
|
|
41
|
-
var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? Select_tokens.classes.dropdownItemIsFocused : undefined;
|
|
42
|
-
return /*#__PURE__*/React__default.default.createElement(Item_styles.Wrapper, {
|
|
43
|
-
className: focusedClass,
|
|
44
|
-
onClick: onClick,
|
|
45
|
-
variant: variant,
|
|
46
|
-
role: "treeitem"
|
|
47
|
-
}, /*#__PURE__*/React__default.default.createElement(Item_styles.Offset, {
|
|
48
|
-
depth: currentItemDepth
|
|
49
|
-
}), multiselect && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
|
|
50
|
-
variant: variant
|
|
51
|
-
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckboxWrapper, {
|
|
52
|
-
onClick: function onClick(e) {
|
|
53
|
-
return e.stopPropagation();
|
|
54
|
-
}
|
|
55
|
-
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckbox, {
|
|
56
|
-
disabled: itemDisabled,
|
|
57
|
-
checked: Boolean(checked.get(item.value)),
|
|
58
|
-
indeterminate: checked.get(item.value) === 'indeterminate',
|
|
59
|
-
onChange: onChange,
|
|
60
|
-
appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
|
|
61
|
-
}))), !multiselect && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
|
|
62
|
-
variant: variant
|
|
63
|
-
}, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIndicator, {
|
|
64
|
-
size: "s",
|
|
65
|
-
view: "default"
|
|
66
|
-
}))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIconDone, {
|
|
67
|
-
size: sizeToIconSize.sizeToIconSize(size, variant),
|
|
68
|
-
color: "inherit"
|
|
69
|
-
})), renderItem ? /*#__PURE__*/React__default.default.createElement(Item_styles.StyledText, null, renderItem(item)) : /*#__PURE__*/React__default.default.createElement(Item_styles.StyledWrapper, {
|
|
70
|
-
disabled: itemDisabled
|
|
71
|
-
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCell, {
|
|
72
|
-
contentLeft: contentLeft,
|
|
73
|
-
contentRight: contentRight
|
|
74
|
-
// TODO: #1548
|
|
75
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
76
|
-
// @ts-ignore
|
|
77
|
-
,
|
|
78
|
-
title: /*#__PURE__*/React__default.default.createElement("span", null, label)
|
|
79
|
-
})), /*#__PURE__*/React__default.default.createElement(Item_styles.DisclosureIconWrapper, {
|
|
80
|
-
visibility: isLeaf ? 'hidden' : 'visible'
|
|
81
|
-
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledArrowRight, {
|
|
82
|
-
size: sizeToIconSize.sizeToIconSize(size, variant),
|
|
83
|
-
color: "inherit",
|
|
84
|
-
className: withArrowInverse
|
|
85
|
-
})));
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
exports.ItemArrowRight = ItemArrowRight;
|
|
89
|
-
//# sourceMappingURL=ItemArrowRight.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ItemArrowRight.js","sources":["../../../../../../../../../src/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FC } from 'react';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { Context } from 'src/components/Select/Select.context';\nimport { classes } from 'src/components/Select/Select.tokens';\n\nimport {\n DisclosureIconWrapper,\n IconWrapper,\n StyledArrowRight,\n StyledCell,\n StyledCheckbox,\n StyledCheckboxWrapper,\n StyledIconDone,\n StyledIndicator,\n StyledText,\n StyledWrapper,\n Wrapper,\n Offset,\n} from '../../Item.styles';\nimport { ItemArrowProps } from '../../Item.types';\n\nexport const ItemArrowRight: FC<ItemArrowProps> = ({ item, index, onClick, onChange, isCurrentLevelOpened }) => {\n const { label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n const isLeaf = !item?.items;\n\n const {\n checked,\n multiselect,\n size,\n variant,\n renderItem,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n _checkboxAppearance,\n focusedPath,\n valueToPathMap,\n } = useContext(Context);\n\n const itemDisabled = Boolean(disabled || isDisabled);\n\n const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n const focusedClass =\n currentItemDepth === focusedPath.length - 1 && index === focusedPath?.[currentItemDepth]\n ? classes.dropdownItemIsFocused\n : undefined;\n\n return (\n <Wrapper className={focusedClass} onClick={onClick} variant={variant} role=\"treeitem\">\n <Offset depth={currentItemDepth} />\n\n {multiselect && (\n <IconWrapper variant={variant}>\n <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n disabled={itemDisabled}\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={onChange}\n appearance={_checkboxAppearance ?? 'default'}\n />\n </StyledCheckboxWrapper>\n </IconWrapper>\n )}\n\n {!multiselect && (\n <IconWrapper variant={variant}>\n {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {checked.get(item.value) === 'done' && (\n <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n )}\n\n {renderItem ? (\n <StyledText>{renderItem(item)}</StyledText>\n ) : (\n <StyledWrapper disabled={itemDisabled}>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n // TODO: #1548\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n title={<span>{label}</span>}\n />\n </StyledWrapper>\n )}\n\n <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n <StyledArrowRight size={sizeToIconSize(size, variant)} color=\"inherit\" className={withArrowInverse} />\n </DisclosureIconWrapper>\n </Wrapper>\n );\n};\n"],"names":["ItemArrowRight","_ref","_valueToPathMap$get","item","index","onClick","onChange","isCurrentLevelOpened","label","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","valueToPathMap","itemDisabled","Boolean","currentItemDepth","get","value","toString","length","withArrowInverse","classes","arrowInverse","undefined","focusedClass","dropdownItemIsFocused","React","createElement","Wrapper","className","role","Offset","depth","IconWrapper","StyledCheckboxWrapper","e","stopPropagation","StyledCheckbox","indeterminate","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","DisclosureIconWrapper","visibility","StyledArrowRight"],"mappings":"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"}
|
|
@@ -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,124 +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;
|
|
59
|
-
if (virtual) {
|
|
60
|
-
return /*#__PURE__*/ _react.default.createElement(VirtualTreeList, {
|
|
61
|
-
items: items,
|
|
62
|
-
listMaxHeight: listMaxHeight,
|
|
63
|
-
onScroll: onScroll
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
return /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ListWrapper, null, /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ScrollContainer, {
|
|
67
|
-
listMaxHeight: listMaxHeight,
|
|
68
|
-
onScroll: onScroll
|
|
69
|
-
}, items === null || items === void 0 ? void 0 : items.map(function(item, index) {
|
|
70
|
-
return /*#__PURE__*/ _react.default.createElement(_Item.Item, {
|
|
71
|
-
key: index,
|
|
72
|
-
index: index,
|
|
73
|
-
item: item
|
|
74
|
-
});
|
|
75
|
-
})));
|
|
76
|
-
};
|
|
77
|
-
var VirtualTreeList = function(param) {
|
|
78
|
-
var _param_items = param.items, items = _param_items === void 0 ? [] : _param_items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll;
|
|
79
|
-
var _virtualItems_;
|
|
80
|
-
var parentRef = (0, _react.useRef)(null);
|
|
81
|
-
var virtualizer = (0, _reactvirtual.useVirtualizer)({
|
|
82
|
-
count: items.length,
|
|
83
|
-
getScrollElement: function() {
|
|
84
|
-
return parentRef.current;
|
|
85
|
-
},
|
|
86
|
-
estimateSize: function() {
|
|
87
|
-
return 48;
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
var virtualItems = virtualizer.getVirtualItems();
|
|
91
|
-
var _virtualItems__start;
|
|
92
|
-
return /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ListWrapper, null, /*#__PURE__*/ _react.default.createElement("div", {
|
|
93
|
-
ref: parentRef,
|
|
94
|
-
style: {
|
|
95
|
-
height: 'auto',
|
|
96
|
-
maxHeight: (0, _utils.getHeightAsNumber)(listMaxHeight),
|
|
97
|
-
overflowY: 'auto'
|
|
98
|
-
},
|
|
99
|
-
onScroll: onScroll
|
|
100
|
-
}, /*#__PURE__*/ _react.default.createElement("div", {
|
|
101
|
-
style: {
|
|
102
|
-
height: virtualizer.getTotalSize(),
|
|
103
|
-
width: '100%',
|
|
104
|
-
position: 'relative'
|
|
105
|
-
}
|
|
106
|
-
}, /*#__PURE__*/ _react.default.createElement("div", {
|
|
107
|
-
style: {
|
|
108
|
-
position: 'absolute',
|
|
109
|
-
top: 0,
|
|
110
|
-
left: 0,
|
|
111
|
-
width: '100%',
|
|
112
|
-
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)")
|
|
113
|
-
}
|
|
114
|
-
}, virtualItems.map(function(virtualRow) {
|
|
115
|
-
return /*#__PURE__*/ _react.default.createElement("div", {
|
|
116
|
-
key: virtualRow.key,
|
|
117
|
-
"data-index": virtualRow.index,
|
|
118
|
-
ref: virtualizer.measureElement
|
|
119
|
-
}, /*#__PURE__*/ _react.default.createElement(_Item.Item, {
|
|
120
|
-
item: items[virtualRow.index],
|
|
121
|
-
index: virtualRow.index
|
|
122
|
-
}));
|
|
123
|
-
})))));
|
|
124
|
-
};
|