@salutejs/plasma-new-hope 0.339.0-canary.2289.18741878167.0 → 0.339.0-canary.2289.18750003812.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/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -0
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_1vl4r1x.css → DateStructureItem.styles_1jogt74.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +0 -5
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +19 -0
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +19 -0
- package/cjs/components/Popover/Popover.js +0 -1
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Select/Select.css +19 -0
- package/cjs/components/Select/Select.js +44 -9
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.tokens.js +2 -0
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +185 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +7 -3
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/reducers/treePathReducer.js +87 -0
- package/cjs/components/Select/reducers/treePathReducer.js.map +1 -0
- package/cjs/components/Select/ui/TreeList/TreeList.css +57 -0
- package/cjs/components/Select/ui/TreeList/TreeList.js +96 -0
- package/cjs/components/Select/ui/TreeList/TreeList.js.map +1 -0
- package/cjs/components/Select/ui/TreeList/TreeList.styles.js +30 -0
- package/cjs/components/Select/ui/TreeList/TreeList.styles.js.map +1 -0
- package/cjs/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +2 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.css +54 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.js +130 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +214 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles_i0dby2.css +15 -0
- package/cjs/components/Table/Table.css +19 -0
- package/cjs/components/Table/ui/Cell/Cell.css +19 -0
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +19 -0
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +19 -0
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +19 -0
- package/cjs/components/Tree/utils/traverseTree.js +2 -23
- package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
- package/cjs/index.css +23 -4
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/deepCopy.js +30 -0
- package/cjs/utils/deepCopy.js.map +1 -0
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -0
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +8 -8
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +0 -5
- package/emotion/cjs/components/Popover/Popover.js +0 -1
- package/emotion/cjs/components/Select/Select.js +33 -6
- package/emotion/cjs/components/Select/Select.tokens.js +2 -0
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +166 -0
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +35 -3
- package/emotion/cjs/components/Select/reducers/index.js +1 -0
- package/emotion/cjs/components/Select/reducers/treePathReducer.js +98 -0
- package/emotion/cjs/components/Select/ui/TreeList/TreeList.js +126 -0
- package/emotion/cjs/components/Select/ui/TreeList/TreeList.styles.js +36 -0
- package/emotion/cjs/components/Select/ui/TreeList/TreeList.types.js +4 -0
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.js +150 -0
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +186 -0
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js +4 -0
- package/emotion/cjs/components/Select/ui/index.js +1 -0
- package/emotion/cjs/components/Tree/utils/traverseTree.js +2 -60
- package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
- package/emotion/cjs/utils/deepCopy.js +82 -0
- package/emotion/cjs/utils/index.js +4 -0
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +1 -0
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +8 -8
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +0 -5
- package/emotion/es/components/Popover/Popover.js +0 -1
- package/emotion/es/components/Select/Select.js +35 -8
- package/emotion/es/components/Select/Select.tokens.js +2 -0
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +166 -0
- package/emotion/es/components/Select/hooks/usePathMaps.js +36 -4
- package/emotion/es/components/Select/reducers/index.js +1 -0
- package/emotion/es/components/Select/reducers/treePathReducer.js +81 -0
- package/emotion/es/components/Select/ui/TreeList/TreeList.js +75 -0
- package/emotion/es/components/Select/ui/TreeList/TreeList.styles.js +13 -0
- package/emotion/es/components/Select/ui/TreeList/TreeList.types.js +1 -0
- package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js +99 -0
- package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +122 -0
- package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.types.js +1 -0
- package/emotion/es/components/Select/ui/index.js +1 -0
- package/emotion/es/components/Tree/utils/traverseTree.js +1 -59
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/Select/Select.config.js +24 -24
- package/emotion/es/utils/deepCopy.js +72 -0
- package/emotion/es/utils/index.js +1 -0
- package/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/es/components/Calendar/CalendarBase/CalendarBase.js +1 -0
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_1vl4r1x.css → DateStructureItem.styles_1jogt74.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/es/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/es/components/DatePicker/SingleDate/SingleDate.js +0 -5
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Pagination/Pagination.css +19 -0
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +19 -0
- package/es/components/Popover/Popover.js +0 -1
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Select/Select.css +19 -0
- package/es/components/Select/Select.js +44 -9
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.tokens.js +2 -0
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +185 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +7 -3
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/reducers/treePathReducer.js +82 -0
- package/es/components/Select/reducers/treePathReducer.js.map +1 -0
- package/es/components/Select/ui/TreeList/TreeList.css +57 -0
- package/es/components/Select/ui/TreeList/TreeList.js +88 -0
- package/es/components/Select/ui/TreeList/TreeList.js.map +1 -0
- package/es/components/Select/ui/TreeList/TreeList.styles.js +25 -0
- package/es/components/Select/ui/TreeList/TreeList.styles.js.map +1 -0
- package/es/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +2 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.css +54 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.js +122 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +196 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.styles_i0dby2.css +15 -0
- package/es/components/Table/Table.css +19 -0
- package/es/components/Table/ui/Cell/Cell.css +19 -0
- package/es/components/Table/ui/EditableCell/EditableCell.css +19 -0
- package/es/components/Table/ui/HeadCell/HeadCell.css +19 -0
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +19 -0
- package/es/components/Tree/utils/traverseTree.js +2 -23
- package/es/components/Tree/utils/traverseTree.js.map +1 -1
- package/es/index.css +23 -4
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/es/utils/deepCopy.js +26 -0
- package/es/utils/deepCopy.js.map +1 -0
- package/es/utils/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -0
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +6 -5
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +0 -5
- package/styled-components/cjs/components/Popover/Popover.js +0 -1
- package/styled-components/cjs/components/Select/Select.js +33 -6
- package/styled-components/cjs/components/Select/Select.tokens.js +2 -0
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +166 -0
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +35 -3
- package/styled-components/cjs/components/Select/reducers/index.js +1 -0
- package/styled-components/cjs/components/Select/reducers/treePathReducer.js +98 -0
- package/styled-components/cjs/components/Select/ui/TreeList/TreeList.js +126 -0
- package/styled-components/cjs/components/Select/ui/TreeList/TreeList.styles.js +50 -0
- package/styled-components/cjs/components/Select/ui/TreeList/TreeList.types.js +4 -0
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js +150 -0
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +300 -0
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js +4 -0
- package/styled-components/cjs/components/Select/ui/index.js +1 -0
- package/styled-components/cjs/components/Tree/utils/traverseTree.js +2 -60
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/cjs/examples/components/Select/Select.config.js +12 -4
- package/styled-components/cjs/utils/deepCopy.js +82 -0
- package/styled-components/cjs/utils/index.js +4 -0
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +1 -0
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +6 -5
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +0 -5
- package/styled-components/es/components/Popover/Popover.js +0 -1
- package/styled-components/es/components/Select/Select.js +35 -8
- package/styled-components/es/components/Select/Select.tokens.js +2 -0
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +166 -0
- package/styled-components/es/components/Select/hooks/usePathMaps.js +36 -4
- package/styled-components/es/components/Select/reducers/index.js +1 -0
- package/styled-components/es/components/Select/reducers/treePathReducer.js +81 -0
- package/styled-components/es/components/Select/ui/TreeList/TreeList.js +75 -0
- package/styled-components/es/components/Select/ui/TreeList/TreeList.styles.js +27 -0
- package/styled-components/es/components/Select/ui/TreeList/TreeList.types.js +1 -0
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.js +99 -0
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +236 -0
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.types.js +1 -0
- package/styled-components/es/components/Select/ui/index.js +1 -0
- package/styled-components/es/components/Tree/utils/traverseTree.js +1 -59
- package/styled-components/es/examples/components/Select/Select.config.js +12 -4
- package/styled-components/es/utils/deepCopy.js +72 -0
- package/styled-components/es/utils/index.js +1 -0
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +12 -0
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +2 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +26 -2
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -2
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/reducers/index.d.ts +1 -0
- package/types/components/Select/reducers/index.d.ts.map +1 -1
- package/types/components/Select/reducers/treePathReducer.d.ts +14 -0
- package/types/components/Select/reducers/treePathReducer.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/TreeList.d.ts +4 -0
- package/types/components/Select/ui/TreeList/TreeList.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/TreeList.styles.d.ts +6 -0
- package/types/components/Select/ui/TreeList/TreeList.styles.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/TreeList.types.d.ts +11 -0
- package/types/components/Select/ui/TreeList/TreeList.types.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts +4 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts +64 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts +14 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts.map +1 -0
- package/types/components/Select/ui/index.d.ts +1 -0
- package/types/components/Select/ui/index.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +12 -0
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
- package/types/examples/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +12 -0
- package/types/examples/components/Select/Select.d.ts.map +1 -1
- package/types/utils/deepCopy.d.ts +2 -0
- package/types/utils/deepCopy.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
package/es/index.css
CHANGED
|
@@ -342,10 +342,10 @@
|
|
|
342
342
|
.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;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;position:relative;}.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8.CalendarHeader_styles_13bk6ms_focusVisible__821c1ed8:focus::before,.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
|
343
343
|
.CalendarHeader_styles_13bk6ms_s1fi7s2r__821c1ed8{color:var(--plasma-calendar-header-arrow-color);}
|
|
344
344
|
|
|
345
|
-
.
|
|
346
|
-
.
|
|
347
|
-
.
|
|
348
|
-
.
|
|
345
|
+
.DateStructureItem_styles_1jogt74_s140bov1__5d6e738e{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);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;}.DateStructureItem_styles_1jogt74_s140bov1__5d6e738e.DateStructureItem_styles_1jogt74_itemInRange__5d6e738e:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1jogt74_s140bov1__5d6e738e.DateStructureItem_styles_1jogt74_itemSideInRange__5d6e738e:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1jogt74_s140bov1__5d6e738e.DateStructureItem_styles_1jogt74_itemSideLeft__5d6e738e:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1jogt74_s140bov1__5d6e738e.DateStructureItem_styles_1jogt74_itemSideRight__5d6e738e:before{right:var(--s140bov1-0);}
|
|
346
|
+
.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);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;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemHovered__5d6e738e,.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemHovered__5d6e738e:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemSelected__5d6e738e:not(.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e.DateStructureItem_styles_1jogt74_itemSelected__5d6e738e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e.DateStructureItem_styles_1jogt74_itemSelected__5d6e738e > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_focusVisible__5d6e738e:focus::before,.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e{position:relative;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e.DateStructureItem_styles_1jogt74_focusVisible__5d6e738e:focus::before,.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_dayInCurrentMonth__5d6e738e:not(.DateStructureItem_styles_1jogt74_itemDisabled__5d6e738e):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_dayOfWeek__5d6e738e{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemDisabled__5d6e738e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemDisabledCurrent__5d6e738e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e > .DateStructureItem_styles_1jogt74_itemInRange__5d6e738e:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e > .DateStructureItem_styles_1jogt74_itemSideRight__5d6e738e:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e > .DateStructureItem_styles_1jogt74_itemSideLeft__5d6e738e:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e .DateStructureItem_styles_1jogt74_popoverWrapper__5d6e738e.DateStructureItem_styles_1jogt74_popoverTargetAsRef__5d6e738e{z-index:-1;width:100%;}
|
|
347
|
+
.DateStructureItem_styles_1jogt74_s1wqrord__5d6e738e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
|
|
348
|
+
.DateStructureItem_styles_1jogt74_s1cvvf5__5d6e738e{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
|
349
349
|
|
|
350
350
|
.CalendarDays_styles_445k2m_s1jnjaxw__ac4a553a{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
|
|
351
351
|
.CalendarDays_styles_445k2m_s1rv3pd5__ac4a553a{display:none;}
|
|
@@ -710,6 +710,25 @@
|
|
|
710
710
|
.SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
|
|
711
711
|
.SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
|
|
712
712
|
|
|
713
|
+
|
|
714
|
+
.Item_styles_i0dby2_s14rxgk6__158876c7{--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%;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellContent__158876c7,.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextbox__158876c7{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7{position:relative;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7:before{content:' ';visibility:hidden;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
715
|
+
|
|
716
|
+
.Item_styles_i0dby2_s1t6abbl__158876c7{--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);}
|
|
717
|
+
.Item_styles_i0dby2_swduayr__158876c7{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
|
|
718
|
+
.Item_styles_i0dby2_s1r3fsvz__158876c7{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_i0dby2_s1r3fsvz__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
|
|
719
|
+
.Item_styles_i0dby2_s1us4s6s__158876c7{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_i0dby2_s1us4s6s__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
|
|
720
|
+
.Item_styles_i0dby2_s14lzt5m__158876c7{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
|
|
721
|
+
.Item_styles_i0dby2_d1178nq__158876c7{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_i0dby2_d1178nq__158876c7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
|
722
|
+
.Item_styles_i0dby2_i1noc5rg__158876c7{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);}
|
|
723
|
+
.Item_styles_i0dby2_s1azt70o__158876c7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
724
|
+
.Item_styles_i0dby2_wa9o46g__158876c7{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;}.Item_styles_i0dby2_wa9o46g__158876c7:hover:not(.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsActive__158876c7{background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_i0dby2_wa9o46g__158876c7:focus{outline:none;}.Item_styles_i0dby2_wa9o46g__158876c7::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;}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsFocused__158876c7:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
|
725
|
+
|
|
726
|
+
|
|
727
|
+
.Item_styles_i0dby2_o1888l7c__158876c7{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);}
|
|
728
|
+
|
|
729
|
+
.TreeList_styles_1t38mek_lm92bs9__3097faae{width:100%;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
|
|
730
|
+
.TreeList_styles_1t38mek_s12qznqt__3097faae{max-height:var(--s12qznqt-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
|
|
731
|
+
|
|
713
732
|
.Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
|
|
714
733
|
.Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
|
|
715
734
|
|
package/es/index.js
CHANGED
|
@@ -35,6 +35,7 @@ export { createEvent } from './utils/createEvent.js';
|
|
|
35
35
|
export { noop } from './utils/noop.js';
|
|
36
36
|
export { getHeightAsNumber } from './utils/getHeightAsNumber.js';
|
|
37
37
|
export { createConditionalComponent } from './utils/createConditionalComponent.js';
|
|
38
|
+
export { deepCopy } from './utils/deepCopy.js';
|
|
38
39
|
export { fixedForwardRef } from './utils/fixedForwardRef.js';
|
|
39
40
|
export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
|
|
40
41
|
export { getCodeValue, getFieldPattern, getPlaceholderValue } from './utils/initialValuesHelper.js';
|
package/es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { typeof as _typeof, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
|
|
3
|
+
// Blazing-fast хелпер для глубокого копирования объектов.
|
|
4
|
+
// Ссылки на функции (React-компоненты) сохраняются.
|
|
5
|
+
var deepCopy = function deepCopy(obj) {
|
|
6
|
+
if (obj === null || _typeof(obj) !== 'object') {
|
|
7
|
+
return obj;
|
|
8
|
+
}
|
|
9
|
+
if (Array.isArray(obj)) {
|
|
10
|
+
return obj.map(function (item) {
|
|
11
|
+
return deepCopy(item);
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
if (obj.$$typeof === Symbol["for"]('react.element') || obj.$$typeof === Symbol["for"]('react.fragment') || _typeof(obj === null || obj === void 0 ? void 0 : obj.$$typeof) === 'symbol') {
|
|
15
|
+
return obj;
|
|
16
|
+
}
|
|
17
|
+
return Object.fromEntries(Object.entries(obj).map(function (_ref) {
|
|
18
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
19
|
+
key = _ref2[0],
|
|
20
|
+
value = _ref2[1];
|
|
21
|
+
return [key, deepCopy(value)];
|
|
22
|
+
}));
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { deepCopy };
|
|
26
|
+
//# sourceMappingURL=deepCopy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,OAAA,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,OAAA,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,cAAA,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;;;;"}
|
package/es/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\nexport { deepCopy } from './deepCopy';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAkBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.339.0-canary.2289.
|
|
3
|
+
"version": "0.339.0-canary.2289.18750003812.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
82
|
-
"@salutejs/plasma-sb-utils": "0.209.0-canary.2289.
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.209.0-canary.2289.18750003812.0",
|
|
83
83
|
"@salutejs/plasma-themes": "0.38.0",
|
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
"@linaria/react": "5.0.3",
|
|
118
118
|
"@popperjs/core": "2.11.8",
|
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
|
120
|
-
"@salutejs/plasma-core": "1.209.0-canary.2289.
|
|
120
|
+
"@salutejs/plasma-core": "1.209.0-canary.2289.18750003812.0",
|
|
121
121
|
"@salutejs/react-maskinput": "3.2.6",
|
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "99bb1a421a4930e6314c09bcfa7a501396ddd83d"
|
|
141
141
|
}
|
|
@@ -401,6 +401,7 @@ var calendarBaseRoot = function(Root) {
|
|
|
401
401
|
opened: Boolean(eventNodes === null || eventNodes === void 0 ? void 0 : eventNodes.length),
|
|
402
402
|
target: eventTooltipTargetRef,
|
|
403
403
|
frame: rootRef,
|
|
404
|
+
isFocusTrapped: false,
|
|
404
405
|
text: tooltipContent(),
|
|
405
406
|
trigger: "hover"
|
|
406
407
|
}, eventTooltipOptions)));
|
package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js
CHANGED
|
@@ -40,7 +40,7 @@ var sideInRange = function() {
|
|
|
40
40
|
};
|
|
41
41
|
var StyledItem = _styledcomponents.default.div.withConfig({
|
|
42
42
|
displayName: "DateStructureItem.styles__StyledItem",
|
|
43
|
-
componentId: "sc-
|
|
43
|
+
componentId: "sc-ac5d10be-0"
|
|
44
44
|
})([
|
|
45
45
|
"border-radius:calc(var(",
|
|
46
46
|
") - 0.125rem);",
|
|
@@ -68,7 +68,7 @@ var disabledCurrentItem = function() {
|
|
|
68
68
|
};
|
|
69
69
|
var StyledItemRoot = _styledcomponents.default.div.withConfig({
|
|
70
70
|
displayName: "DateStructureItem.styles__StyledItemRoot",
|
|
71
|
-
componentId: "sc-
|
|
71
|
+
componentId: "sc-ac5d10be-1"
|
|
72
72
|
})([
|
|
73
73
|
"font-family:var(",
|
|
74
74
|
");font-size:var(",
|
|
@@ -100,6 +100,7 @@ var StyledItemRoot = _styledcomponents.default.div.withConfig({
|
|
|
100
100
|
":before{width:calc(100% + 2px);height:100%;}& > .",
|
|
101
101
|
":before{width:100%;right:-1px;left:unset;}& > .",
|
|
102
102
|
":before{width:100%;left:-1px;right:unset;}}& .",
|
|
103
|
+
".",
|
|
103
104
|
"{z-index:-1;width:100%;}"
|
|
104
105
|
], _Calendartokens.innerTokens.dateStructureFontFamily, _Calendartokens.innerTokens.dateStructureFontSize, _Calendartokens.innerTokens.dateStructureFontStyle, _Calendartokens.innerTokens.dateStructureFontWeight, _Calendartokens.innerTokens.dateStructureFontLetterSpacing, _Calendartokens.innerTokens.dateStructureFontLineHeight, _Calendartokens.innerTokens.dateStructureBorderRadius, String(_mixins1.flexCenter), function(param) {
|
|
105
106
|
var isDayInCurrentMonth = param.isDayInCurrentMonth;
|
|
@@ -135,17 +136,17 @@ var StyledItemRoot = _styledcomponents.default.div.withConfig({
|
|
|
135
136
|
}, disabledItem(), _Calendartokens.classes.disabledCurrent, function(param) {
|
|
136
137
|
var isDayInCurrentMonth = param.isDayInCurrentMonth;
|
|
137
138
|
return isDayInCurrentMonth ? "var(".concat(_Calendartokens.tokens.calendarContentPrimaryDisabledColor, ")") : "var(".concat(_Calendartokens.tokens.calendarContentSecondaryDisabledColor, ")");
|
|
138
|
-
}, disabledCurrentItem(), _Calendartokens.classes.currentItem, _Calendartokens.classes.inRange, _Calendartokens.classes.sideRight, _Calendartokens.classes.sideLeft, _Popover.popoverClasses.targetAsRef);
|
|
139
|
+
}, disabledCurrentItem(), _Calendartokens.classes.currentItem, _Calendartokens.classes.inRange, _Calendartokens.classes.sideRight, _Calendartokens.classes.sideLeft, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.targetAsRef);
|
|
139
140
|
var StyledEvents = _styledcomponents.default.div.withConfig({
|
|
140
141
|
displayName: "DateStructureItem.styles__StyledEvents",
|
|
141
|
-
componentId: "sc-
|
|
142
|
+
componentId: "sc-ac5d10be-2"
|
|
142
143
|
})([
|
|
143
144
|
"display:flex;position:absolute;bottom:var(",
|
|
144
145
|
",0.25rem);"
|
|
145
146
|
], _Calendartokens.tokens.calendarEventItemBottom);
|
|
146
147
|
var StyledEvent = _styledcomponents.default.div.withConfig({
|
|
147
148
|
displayName: "DateStructureItem.styles__StyledEvent",
|
|
148
|
-
componentId: "sc-
|
|
149
|
+
componentId: "sc-ac5d10be-3"
|
|
149
150
|
})([
|
|
150
151
|
"margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:",
|
|
151
152
|
";"
|
|
@@ -294,11 +294,6 @@ var datePickerRoot = function(Root) {
|
|
|
294
294
|
return;
|
|
295
295
|
}
|
|
296
296
|
var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== _useKeyboardNavigation.keys.Escape ? true : innerOpened;
|
|
297
|
-
if (!innerOpened && !calendarValue) {
|
|
298
|
-
setInnerDate(function(prevValue) {
|
|
299
|
-
return prevValue === undefined ? null : undefined;
|
|
300
|
-
});
|
|
301
|
-
}
|
|
302
297
|
if (onToggle) {
|
|
303
298
|
onToggle(isCalendarOpen, event);
|
|
304
299
|
return;
|
|
@@ -178,7 +178,7 @@ var selectRoot = function(Root) {
|
|
|
178
178
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
179
179
|
var _getItemByFocused;
|
|
180
180
|
var // eslint-disable-block @typescript-eslint/ban-ts-comment
|
|
181
|
-
id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
|
|
181
|
+
id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
|
|
182
182
|
_offset = props._offset, // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.
|
|
183
183
|
// @ts-ignore
|
|
184
184
|
required = props.required, // @ts-ignore
|
|
@@ -199,6 +199,8 @@ var selectRoot = function(Root) {
|
|
|
199
199
|
"onChange",
|
|
200
200
|
"target",
|
|
201
201
|
"items",
|
|
202
|
+
"treeView",
|
|
203
|
+
"arrowPlacement",
|
|
202
204
|
"placement",
|
|
203
205
|
"label",
|
|
204
206
|
"labelPlacement",
|
|
@@ -257,13 +259,14 @@ var selectRoot = function(Root) {
|
|
|
257
259
|
items
|
|
258
260
|
]);
|
|
259
261
|
// Создаем структуры для быстрой работы с деревом
|
|
260
|
-
var _usePathMaps1 = _sliced_to_array((0, _usePathMaps.usePathMaps)(transformedItems),
|
|
262
|
+
var _usePathMaps1 = _sliced_to_array((0, _usePathMaps.usePathMaps)(transformedItems), 5), pathMap = _usePathMaps1[0], focusedToValueMap = _usePathMaps1[1], valueToCheckedMap = _usePathMaps1[2], valueToItemMap = _usePathMaps1[3], valueToPathMap = _usePathMaps1[4];
|
|
261
263
|
var _useState = _sliced_to_array((0, _react.useState)(props.multiselect ? [] : ''), 2), internalValue = _useState[0], setInternalValue = _useState[1];
|
|
262
264
|
var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
|
|
263
265
|
var floatingPopoverRef = (0, _react.useRef)(null);
|
|
264
266
|
// Состояния дерева элементов
|
|
265
267
|
var _useReducer = _sliced_to_array((0, _react.useReducer)(_reducers.pathReducer, []), 2), path = _useReducer[0], dispatchPath = _useReducer[1];
|
|
266
|
-
var _useReducer1 = _sliced_to_array((0, _react.useReducer)(_reducers.
|
|
268
|
+
var _useReducer1 = _sliced_to_array((0, _react.useReducer)(_reducers.treePathReducer, {}), 2), treePath = _useReducer1[0], dispatchTreePath = _useReducer1[1];
|
|
269
|
+
var _useReducer2 = _sliced_to_array((0, _react.useReducer)(_reducers.focusedPathReducer, []), 2), focusedPath = _useReducer2[0], dispatchFocusedPath = _useReducer2[1];
|
|
267
270
|
var _useState1 = _sliced_to_array((0, _react.useState)(valueToCheckedMap), 2), checked = _useState1[0], setChecked = _useState1[1];
|
|
268
271
|
var isCurrentListOpen = Boolean(path[0]);
|
|
269
272
|
var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
|
|
@@ -332,6 +335,9 @@ var selectRoot = function(Root) {
|
|
|
332
335
|
dispatchPath({
|
|
333
336
|
type: 'reset'
|
|
334
337
|
});
|
|
338
|
+
dispatchTreePath({
|
|
339
|
+
type: 'reset'
|
|
340
|
+
});
|
|
335
341
|
// Скроллим чипы к левому краю при закрытии компонента
|
|
336
342
|
var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
|
|
337
343
|
if (multiselect && value.length > 0 && el) {
|
|
@@ -394,6 +400,9 @@ var selectRoot = function(Root) {
|
|
|
394
400
|
dispatchFocusedPath({
|
|
395
401
|
type: 'reset'
|
|
396
402
|
});
|
|
403
|
+
dispatchTreePath({
|
|
404
|
+
type: 'reset'
|
|
405
|
+
});
|
|
397
406
|
}
|
|
398
407
|
if (onChange) {
|
|
399
408
|
onChange(newValues, item);
|
|
@@ -418,6 +427,9 @@ var selectRoot = function(Root) {
|
|
|
418
427
|
dispatchFocusedPath({
|
|
419
428
|
type: 'reset'
|
|
420
429
|
});
|
|
430
|
+
dispatchTreePath({
|
|
431
|
+
type: 'reset'
|
|
432
|
+
});
|
|
421
433
|
}
|
|
422
434
|
// Закрываем список, если элемент уже выбран.
|
|
423
435
|
if (mode === 'radio' && isCurrentChecked) {
|
|
@@ -455,7 +467,11 @@ var selectRoot = function(Root) {
|
|
|
455
467
|
pathMap: pathMap,
|
|
456
468
|
focusedToValueMap: focusedToValueMap,
|
|
457
469
|
handleListToggle: handleListToggle,
|
|
458
|
-
handlePressDown: handlePressDown
|
|
470
|
+
handlePressDown: handlePressDown,
|
|
471
|
+
treePath: treePath,
|
|
472
|
+
dispatchTreePath: dispatchTreePath,
|
|
473
|
+
treeView: treeView,
|
|
474
|
+
valueToPathMap: valueToPathMap
|
|
459
475
|
}).onKeyDown;
|
|
460
476
|
// В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
|
|
461
477
|
// Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
|
|
@@ -530,7 +546,11 @@ var selectRoot = function(Root) {
|
|
|
530
546
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
531
547
|
// @ts-ignore
|
|
532
548
|
// eslint-disable-next-line no-underscore-dangle
|
|
533
|
-
_checkboxAppearance: rest._checkboxAppearance
|
|
549
|
+
_checkboxAppearance: rest._checkboxAppearance,
|
|
550
|
+
treePath: treePath,
|
|
551
|
+
dispatchTreePath: dispatchTreePath,
|
|
552
|
+
arrowPlacement: arrowPlacement,
|
|
553
|
+
valueToPathMap: valueToPathMap
|
|
534
554
|
}
|
|
535
555
|
}, /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
|
|
536
556
|
ref: floatingPopoverRef,
|
|
@@ -579,7 +599,14 @@ var selectRoot = function(Root) {
|
|
|
579
599
|
chipView: chipView,
|
|
580
600
|
disabled: disabled,
|
|
581
601
|
readOnly: readOnly
|
|
582
|
-
}, rest), /*#__PURE__*/ _react.default.createElement(
|
|
602
|
+
}, rest), treeView ? /*#__PURE__*/ _react.default.createElement(_ui.TreeList, {
|
|
603
|
+
items: items,
|
|
604
|
+
listMaxHeight: listMaxHeight,
|
|
605
|
+
onScroll: virtual ? undefined : handleScroll,
|
|
606
|
+
virtual: virtual,
|
|
607
|
+
beforeList: beforeList,
|
|
608
|
+
afterList: afterList
|
|
609
|
+
}) : /*#__PURE__*/ _react.default.createElement(_Selectstyles.ListWrapper, {
|
|
583
610
|
ref: listWrapperRef,
|
|
584
611
|
listWidth: listWidth
|
|
585
612
|
}, /*#__PURE__*/ _react.default.createElement(_Selectstyles.Ul, {
|
|
@@ -54,6 +54,8 @@ var tokens = {
|
|
|
54
54
|
itemDisabledOpacity: '--plasma-select-item-disabled-opacity',
|
|
55
55
|
itemDisabledColor: '--plasma-select-item-disabled-color',
|
|
56
56
|
itemIconColor: '--plasma-select-item-icon-color',
|
|
57
|
+
itemGap: '--plasma-select-item-gap',
|
|
58
|
+
itemTreeOffsetWidth: '--plasma-select-item-tree-offset-width',
|
|
57
59
|
cellPadding: '--plasma-select-cell-padding',
|
|
58
60
|
cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',
|
|
59
61
|
cellPaddingContent: '--plasma-select-cell-padding-content',
|
|
@@ -19,6 +19,7 @@ _export(exports, {
|
|
|
19
19
|
return useKeyNavigation;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
+
var _treePathReducer = require("../reducers/treePathReducer");
|
|
22
23
|
var JUMP_SIZE = 10;
|
|
23
24
|
var keys = {
|
|
24
25
|
Enter: 'Enter',
|
|
@@ -42,6 +43,39 @@ var getItemByFocused = function(focusedPath, focusedToValueMap) {
|
|
|
42
43
|
return focusedToValueMap.get(focusedPathAsString);
|
|
43
44
|
};
|
|
44
45
|
var useKeyNavigation = function(param) {
|
|
46
|
+
var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, treeView = param.treeView, valueToPathMap = param.valueToPathMap;
|
|
47
|
+
if (treeView) {
|
|
48
|
+
return keyboardNavigationTree({
|
|
49
|
+
focusedPath: focusedPath,
|
|
50
|
+
dispatchFocusedPath: dispatchFocusedPath,
|
|
51
|
+
path: path,
|
|
52
|
+
dispatchPath: dispatchPath,
|
|
53
|
+
pathMap: pathMap,
|
|
54
|
+
focusedToValueMap: focusedToValueMap,
|
|
55
|
+
handleListToggle: handleListToggle,
|
|
56
|
+
handlePressDown: handlePressDown,
|
|
57
|
+
treePath: treePath,
|
|
58
|
+
dispatchTreePath: dispatchTreePath,
|
|
59
|
+
treeView: treeView,
|
|
60
|
+
valueToPathMap: valueToPathMap
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
return keyboardNavigationDefault({
|
|
64
|
+
focusedPath: focusedPath,
|
|
65
|
+
dispatchFocusedPath: dispatchFocusedPath,
|
|
66
|
+
path: path,
|
|
67
|
+
dispatchPath: dispatchPath,
|
|
68
|
+
pathMap: pathMap,
|
|
69
|
+
focusedToValueMap: focusedToValueMap,
|
|
70
|
+
handleListToggle: handleListToggle,
|
|
71
|
+
handlePressDown: handlePressDown,
|
|
72
|
+
treePath: treePath,
|
|
73
|
+
dispatchTreePath: dispatchTreePath,
|
|
74
|
+
treeView: treeView,
|
|
75
|
+
valueToPathMap: valueToPathMap
|
|
76
|
+
});
|
|
77
|
+
};
|
|
78
|
+
var keyboardNavigationDefault = function(param) {
|
|
45
79
|
var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown;
|
|
46
80
|
var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
|
|
47
81
|
var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
|
|
@@ -306,3 +340,135 @@ var useKeyNavigation = function(param) {
|
|
|
306
340
|
onKeyDown: onKeyDown
|
|
307
341
|
};
|
|
308
342
|
};
|
|
343
|
+
var keyboardNavigationTree = function(param) {
|
|
344
|
+
var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, valueToPathMap = param.valueToPathMap;
|
|
345
|
+
var _currentItem_parent_items, _currentItem_parent;
|
|
346
|
+
var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
|
|
347
|
+
var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
|
|
348
|
+
var currentLength = (currentItem === null || currentItem === void 0 ? void 0 : (_currentItem_parent = currentItem.parent) === null || _currentItem_parent === void 0 ? void 0 : (_currentItem_parent_items = _currentItem_parent.items) === null || _currentItem_parent_items === void 0 ? void 0 : _currentItem_parent_items.length) || pathMap.get('root') || 0;
|
|
349
|
+
var onKeyDown = function(event) {
|
|
350
|
+
switch(event.code){
|
|
351
|
+
case keys.ArrowUp:
|
|
352
|
+
{
|
|
353
|
+
if (focusedPath.length) {
|
|
354
|
+
if (currentIndex > 0) {
|
|
355
|
+
dispatchFocusedPath({
|
|
356
|
+
type: 'change_last_focus',
|
|
357
|
+
value: currentIndex - 1
|
|
358
|
+
});
|
|
359
|
+
}
|
|
360
|
+
} else {
|
|
361
|
+
dispatchPath({
|
|
362
|
+
type: 'opened_first_level'
|
|
363
|
+
});
|
|
364
|
+
dispatchFocusedPath({
|
|
365
|
+
type: 'set_initial_focus'
|
|
366
|
+
});
|
|
367
|
+
handleListToggle(true);
|
|
368
|
+
}
|
|
369
|
+
break;
|
|
370
|
+
}
|
|
371
|
+
case keys.ArrowDown:
|
|
372
|
+
{
|
|
373
|
+
if (focusedPath.length) {
|
|
374
|
+
if (currentIndex + 1 < currentLength) {
|
|
375
|
+
dispatchFocusedPath({
|
|
376
|
+
type: 'change_last_focus',
|
|
377
|
+
value: currentIndex + 1
|
|
378
|
+
});
|
|
379
|
+
}
|
|
380
|
+
} else {
|
|
381
|
+
dispatchPath({
|
|
382
|
+
type: 'opened_first_level'
|
|
383
|
+
});
|
|
384
|
+
dispatchFocusedPath({
|
|
385
|
+
type: 'set_initial_focus'
|
|
386
|
+
});
|
|
387
|
+
handleListToggle(true);
|
|
388
|
+
}
|
|
389
|
+
break;
|
|
390
|
+
}
|
|
391
|
+
case keys.ArrowLeft:
|
|
392
|
+
{
|
|
393
|
+
if (path[0]) {
|
|
394
|
+
if (focusedPath.length) {
|
|
395
|
+
var isCurrentLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get((currentItem === null || currentItem === void 0 ? void 0 : currentItem.value.toString()) || '') || []);
|
|
396
|
+
if (isCurrentLevelOpened) {
|
|
397
|
+
dispatchTreePath({
|
|
398
|
+
type: 'toggled_level',
|
|
399
|
+
value: valueToPathMap.get((currentItem === null || currentItem === void 0 ? void 0 : currentItem.value.toString()) || '') || []
|
|
400
|
+
});
|
|
401
|
+
} else if (focusedPath.length === 1) {
|
|
402
|
+
handleListToggle(false);
|
|
403
|
+
} else {
|
|
404
|
+
dispatchFocusedPath({
|
|
405
|
+
type: 'return_prev_focus'
|
|
406
|
+
});
|
|
407
|
+
}
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
break;
|
|
411
|
+
}
|
|
412
|
+
case keys.ArrowRight:
|
|
413
|
+
{
|
|
414
|
+
if (path[0]) {
|
|
415
|
+
if (!focusedPath.length) {
|
|
416
|
+
break;
|
|
417
|
+
}
|
|
418
|
+
if ((currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled) || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.isDisabled)) {
|
|
419
|
+
break;
|
|
420
|
+
}
|
|
421
|
+
if (currentItem === null || currentItem === void 0 ? void 0 : currentItem.items) {
|
|
422
|
+
var isCurrentLevelOpened1 = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(currentItem.value.toString()) || []);
|
|
423
|
+
if (isCurrentLevelOpened1) {
|
|
424
|
+
dispatchFocusedPath({
|
|
425
|
+
type: 'add_focus',
|
|
426
|
+
value: 0
|
|
427
|
+
});
|
|
428
|
+
} else {
|
|
429
|
+
dispatchTreePath({
|
|
430
|
+
type: 'toggled_level',
|
|
431
|
+
value: valueToPathMap.get(currentItem.value.toString()) || []
|
|
432
|
+
});
|
|
433
|
+
}
|
|
434
|
+
}
|
|
435
|
+
}
|
|
436
|
+
break;
|
|
437
|
+
}
|
|
438
|
+
case keys.Space:
|
|
439
|
+
case keys.Enter:
|
|
440
|
+
{
|
|
441
|
+
event.preventDefault();
|
|
442
|
+
if (!path[0]) {
|
|
443
|
+
dispatchPath({
|
|
444
|
+
type: 'opened_first_level'
|
|
445
|
+
});
|
|
446
|
+
dispatchFocusedPath({
|
|
447
|
+
type: 'set_initial_focus'
|
|
448
|
+
});
|
|
449
|
+
break;
|
|
450
|
+
}
|
|
451
|
+
if (!currentItem || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled) || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.isDisabled)) {
|
|
452
|
+
break;
|
|
453
|
+
}
|
|
454
|
+
handlePressDown(currentItem);
|
|
455
|
+
break;
|
|
456
|
+
}
|
|
457
|
+
case keys.Tab:
|
|
458
|
+
case keys.Escape:
|
|
459
|
+
{
|
|
460
|
+
if (path[0]) {
|
|
461
|
+
handleListToggle(false);
|
|
462
|
+
}
|
|
463
|
+
break;
|
|
464
|
+
}
|
|
465
|
+
default:
|
|
466
|
+
{
|
|
467
|
+
break;
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
};
|
|
471
|
+
return {
|
|
472
|
+
onKeyDown: onKeyDown
|
|
473
|
+
};
|
|
474
|
+
};
|