@salutejs/plasma-new-hope 0.336.0-canary.2205.17469493929.0 → 0.336.0-canary.2208.17465207747.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/Combobox/ComboboxNew/Combobox.css +6 -6
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +23 -22
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +4 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_261unw.css → Combobox.styles_isfa46.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +7 -3
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -11
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
- package/cjs/components/Drawer/hooks/useDrawer.js +12 -0
- package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.css +2 -2
- package/cjs/components/Dropdown/Dropdown.js +6 -5
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +9 -2
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/{es/components/Dropdown/Dropdown.styles_kkvnr1.css → cjs/components/Dropdown/Dropdown.styles_zheit5.css} +1 -1
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +7 -3
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -9
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +2 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/cjs/components/Select/Select.css +2 -2
- package/cjs/components/Select/Select.js +3 -4
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +4 -3
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_dta4dl.css → Select.styles_bjoo18.css} +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +7 -3
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +2 -2
- package/cjs/components/Select/ui/Inner/Inner.js +5 -11
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Table/Table.css +2 -2
- package/cjs/components/Table/ui/Cell/Cell.css +2 -2
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -2
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -2
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
- package/cjs/index.css +10 -10
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -20
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +16 -16
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +7 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +9 -50
- package/emotion/cjs/components/Drawer/hooks/useDrawer.js +11 -0
- package/emotion/cjs/components/Dropdown/Dropdown.js +6 -5
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +8 -5
- package/emotion/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +7 -3
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +11 -48
- package/emotion/cjs/components/Select/Select.js +2 -4
- package/emotion/cjs/components/Select/Select.styles.js +8 -8
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +7 -3
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -50
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +22 -20
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +16 -16
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +7 -3
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -11
- package/emotion/es/components/Drawer/hooks/useDrawer.js +11 -0
- package/emotion/es/components/Dropdown/Dropdown.js +6 -5
- package/emotion/es/components/Dropdown/Dropdown.styles.js +8 -5
- package/emotion/es/components/Dropdown/hooks/useKeyboardNavigation.js +7 -3
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -9
- package/emotion/es/components/Select/Select.js +2 -4
- package/emotion/es/components/Select/Select.styles.js +8 -8
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +7 -3
- package/emotion/es/components/Select/ui/Inner/Inner.js +6 -11
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/es/components/Combobox/ComboboxNew/Combobox.css +6 -6
- package/es/components/Combobox/ComboboxNew/Combobox.js +23 -22
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +4 -3
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/{Combobox.styles_261unw.css → Combobox.styles_isfa46.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +7 -3
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -12
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
- package/es/components/Drawer/hooks/useDrawer.js +12 -0
- package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.css +2 -2
- package/es/components/Dropdown/Dropdown.js +6 -5
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +9 -2
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/{cjs/components/Dropdown/Dropdown.styles_kkvnr1.css → es/components/Dropdown/Dropdown.styles_zheit5.css} +1 -1
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js +7 -3
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +10 -10
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Pagination/Pagination.css +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/es/components/Select/Select.css +2 -2
- package/es/components/Select/Select.js +3 -4
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +4 -3
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_dta4dl.css → Select.styles_bjoo18.css} +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +7 -3
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +2 -2
- package/es/components/Select/ui/Inner/Inner.js +6 -12
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Table/Table.css +2 -2
- package/es/components/Table/ui/Cell/Cell.css +2 -2
- package/es/components/Table/ui/EditableCell/EditableCell.css +2 -2
- package/es/components/Table/ui/HeadCell/HeadCell.css +2 -2
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
- package/es/index.css +10 -10
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -20
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +9 -9
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +7 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +9 -50
- package/styled-components/cjs/components/Drawer/hooks/useDrawer.js +11 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +6 -5
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +7 -3
- package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +7 -3
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +11 -48
- package/styled-components/cjs/components/Select/Select.js +2 -4
- package/styled-components/cjs/components/Select/Select.styles.js +5 -5
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +7 -3
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -50
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +22 -20
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +9 -9
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +7 -3
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -11
- package/styled-components/es/components/Drawer/hooks/useDrawer.js +11 -0
- package/styled-components/es/components/Dropdown/Dropdown.js +6 -5
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +7 -3
- package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +7 -3
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -9
- package/styled-components/es/components/Select/Select.js +2 -4
- package/styled-components/es/components/Select/Select.styles.js +5 -5
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +7 -3
- package/styled-components/es/components/Select/ui/Inner/Inner.js +6 -11
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +6 -6
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts +1 -2
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts +2 -6
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Drawer/hooks/useDrawer.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +2 -2
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +1 -0
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +5 -5
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +3 -2
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +3 -7
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -6
- 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.styles.d.ts +1 -0
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +10 -10
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts +1 -2
- package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +3 -11
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +6 -6
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/Dropdown/Dropdown.d.ts +1 -1
- package/types/examples/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +6 -6
- package/types/examples/components/Select/Select.d.ts.map +1 -1
package/es/index.css
CHANGED
@@ -429,8 +429,8 @@
|
|
429
429
|
.Drawer_styles_h5od79_s1ewnow2__f99f45af{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
|
430
430
|
.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerOverlay__f99f45af{-webkit-animation:Drawer_styles_h5od79_fadeInSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_fadeInSv7q57r__f99f45af 0.2s forwards;-webkit-scrollbar-gutter:stable;-moz-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_drawerOverlay__f99f45af{-webkit-animation:Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_fadeInSv7q57r__f99f45af{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_h5od79_fadeInSv7q57r__f99f45af{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af{from{opacity:1;}to{opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af,.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
|
431
431
|
|
432
|
-
.
|
433
|
-
.
|
432
|
+
.Dropdown_styles_zheit5_ln7uamp__21de70ca{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);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-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
|
433
|
+
.Dropdown_styles_zheit5_ujr7fmv__21de70ca{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
|
434
434
|
|
435
435
|
|
436
436
|
.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
|
@@ -639,13 +639,13 @@
|
|
639
639
|
.SelectAll_styles_tjme4i_d4ty997__a0f87d11{background:var(--surface-solid-card);}
|
640
640
|
.SelectAll_styles_tjme4i_dxn0wk6__a0f87d11{height:0.0625rem;margin-top:var(--dxn0wk6-0);margin-right:var(--plasma-combobox-divider-margin-right);margin-left:var(--plasma-combobox-divider-margin-left);background:var(--plasma-combobox-divider-color);}
|
641
641
|
|
642
|
-
.
|
643
|
-
.
|
644
|
-
.
|
645
|
-
.
|
642
|
+
.Combobox_styles_isfa46_lxiiees__91df7bfb{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-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);}
|
643
|
+
.Combobox_styles_isfa46_u1veo3wn__91df7bfb{max-height:var(--u1veo3wn-0);overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_isfa46_u1veo3wn__91df7bfb .Combobox_styles_isfa46_comboboxEmptyStateWrapper__91df7bfb{box-shadow:none;}
|
644
|
+
.Combobox_styles_isfa46_i1hxiinv__91df7bfb{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_isfa46_i1hxiinv__91df7bfb .Combobox_styles_isfa46_arrowInverse__91df7bfb{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_isfa46_i1hxiinv__91df7bfb:hover,.Combobox_styles_isfa46_i1hxiinv__91df7bfb:active{color:var(--i1hxiinv-1);}
|
645
|
+
.Combobox_styles_isfa46_sr87xox__91df7bfb{width:var(--sr87xox-0);height:var(--sr87xox-0);}
|
646
646
|
|
647
|
-
.
|
648
|
-
.
|
647
|
+
.Combobox_styles_isfa46_spp7ogj__91df7bfb{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
|
648
|
+
.Combobox_styles_isfa46_s3gft12__91df7bfb{margin:0;padding:0;}
|
649
649
|
|
650
650
|
.SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
651
651
|
|
@@ -699,8 +699,8 @@
|
|
699
699
|
.SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
|
700
700
|
.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);}
|
701
701
|
|
702
|
-
.
|
703
|
-
.
|
702
|
+
.Select_styles_bjoo18_lpxbau6__2367a782{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);}
|
703
|
+
.Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);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;}
|
704
704
|
|
705
705
|
|
706
706
|
.SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.336.0-canary.
|
3
|
+
"version": "0.336.0-canary.2208.17465207747.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -137,5 +137,5 @@
|
|
137
137
|
"sideEffects": [
|
138
138
|
"*.css"
|
139
139
|
],
|
140
|
-
"gitHead": "
|
140
|
+
"gitHead": "92cc5e932323a5ab0c930d3988cd089dff1705ab"
|
141
141
|
}
|
@@ -282,7 +282,6 @@ var comboboxRoot = function(Root) {
|
|
282
282
|
var floatingPopoverRef = (0, _react.useRef)(null);
|
283
283
|
var inputForkRef = (0, _plasmacore.useForkRef)(inputRef, ref);
|
284
284
|
var treeId = (0, _utils.safeUseId)();
|
285
|
-
var listWrapperRef = (0, _react.useRef)(null);
|
286
285
|
var filteredItems = (0, _react.useMemo)(function() {
|
287
286
|
return (0, _utils2.filterItems)(transformedItems, textValue, (0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue), filter);
|
288
287
|
}, [
|
@@ -343,10 +342,22 @@ var comboboxRoot = function(Root) {
|
|
343
342
|
setInternalValue(newValue);
|
344
343
|
}
|
345
344
|
};
|
346
|
-
var handleClickArrow = function(
|
347
|
-
|
348
|
-
|
349
|
-
|
345
|
+
var handleClickArrow = function() {
|
346
|
+
if (disabled || readOnly) {
|
347
|
+
return;
|
348
|
+
}
|
349
|
+
if (isCurrentListOpen) {
|
350
|
+
dispatchPath({
|
351
|
+
type: 'reset'
|
352
|
+
});
|
353
|
+
} else {
|
354
|
+
dispatchPath({
|
355
|
+
type: 'opened_first_level'
|
356
|
+
});
|
357
|
+
}
|
358
|
+
dispatchFocusedPath({
|
359
|
+
type: 'reset'
|
360
|
+
});
|
350
361
|
};
|
351
362
|
// Обработчик изменения значения в инпуте
|
352
363
|
var handleTextValueChange = function(e) {
|
@@ -483,12 +494,6 @@ var comboboxRoot = function(Root) {
|
|
483
494
|
onChange(isCurrentChecked ? '' : item.value, item);
|
484
495
|
}
|
485
496
|
};
|
486
|
-
// Обработчик клика на таргет
|
487
|
-
var handleTargetClick = function() {
|
488
|
-
if (!isCurrentListOpen) {
|
489
|
-
handleListToggle(true);
|
490
|
-
}
|
491
|
-
};
|
492
497
|
var getChips = function() {
|
493
498
|
if (multiple && Array.isArray(value)) {
|
494
499
|
if (value.length === 0) return [];
|
@@ -621,14 +626,13 @@ var comboboxRoot = function(Root) {
|
|
621
626
|
}, /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
|
622
627
|
ref: floatingPopoverRef,
|
623
628
|
opened: isCurrentListOpen,
|
629
|
+
onToggle: handleListToggle,
|
624
630
|
placement: placement,
|
625
631
|
portal: portal,
|
626
632
|
listWidth: listWidth,
|
627
633
|
offset: _offset,
|
628
634
|
target: function(referenceRef) {
|
629
|
-
return /*#__PURE__*/ _react.default.createElement(
|
630
|
-
onClick: handleTargetClick
|
631
|
-
}, /*#__PURE__*/ _react.default.createElement(_ui.StyledTextField, _object_spread_props(_object_spread({
|
635
|
+
return /*#__PURE__*/ _react.default.createElement(_ui.StyledTextField, _object_spread_props(_object_spread({
|
632
636
|
ref: name ? inputRef : inputForkRef,
|
633
637
|
inputWrapperRef: referenceRef,
|
634
638
|
value: textValue,
|
@@ -642,8 +646,7 @@ var comboboxRoot = function(Root) {
|
|
642
646
|
contentLeft: contentLeft,
|
643
647
|
contentRight: /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.IconArrowWrapper, {
|
644
648
|
disabled: disabled,
|
645
|
-
onClick: handleClickArrow
|
646
|
-
className: _Comboboxtokens.classes.comboboxTargetArrow
|
649
|
+
onClick: handleClickArrow
|
647
650
|
}, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledArrow, {
|
648
651
|
color: "inherit",
|
649
652
|
size: (0, _utils1.sizeToIconSize)(size),
|
@@ -670,7 +673,7 @@ var comboboxRoot = function(Root) {
|
|
670
673
|
enumerationType: 'plain'
|
671
674
|
}, rest), {
|
672
675
|
_onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
|
673
|
-
}))
|
676
|
+
}));
|
674
677
|
},
|
675
678
|
zIndex: zIndex,
|
676
679
|
isInner: false
|
@@ -682,7 +685,6 @@ var comboboxRoot = function(Root) {
|
|
682
685
|
readOnly: readOnly,
|
683
686
|
name: name
|
684
687
|
}, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.ListWrapper, {
|
685
|
-
ref: listWrapperRef,
|
686
688
|
listWidth: listWidth
|
687
689
|
}, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.Ul, {
|
688
690
|
role: "tree",
|
@@ -691,6 +693,7 @@ var comboboxRoot = function(Root) {
|
|
691
693
|
listMaxHeight: listMaxHeight || listHeight,
|
692
694
|
ref: targetRef,
|
693
695
|
virtual: virtual,
|
696
|
+
listOverflow: listOverflow,
|
694
697
|
onScroll: virtual ? undefined : onScroll
|
695
698
|
}, beforeList, (0, _utils.isEmpty)(filteredItems) ? /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledEmptyState, {
|
696
699
|
className: _Comboboxtokens.classes.emptyStateWrapper,
|
@@ -712,8 +715,7 @@ var comboboxRoot = function(Root) {
|
|
712
715
|
path: path,
|
713
716
|
dispatchPath: dispatchPath,
|
714
717
|
index: index,
|
715
|
-
listWidth: listWidth
|
716
|
-
portal: listWrapperRef
|
718
|
+
listWidth: listWidth
|
717
719
|
});
|
718
720
|
})), afterList)))))));
|
719
721
|
});
|
@@ -84,7 +84,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_EmptyState.emptyStateConfig);
|
|
84
84
|
var EmptyState = (0, _engines.component)(mergedConfig);
|
85
85
|
var ListWrapper = _styledcomponents.default.div.withConfig({
|
86
86
|
displayName: "Combobox.styles__ListWrapper",
|
87
|
-
componentId: "sc-
|
87
|
+
componentId: "sc-7fefedf8-0"
|
88
88
|
})([
|
89
89
|
"width:",
|
90
90
|
";padding:calc(var(",
|
@@ -101,10 +101,10 @@ var ListWrapper = _styledcomponents.default.div.withConfig({
|
|
101
101
|
}, _Comboboxtokens.tokens.padding, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.constants.background, _Comboboxtokens.constants.boxShadow, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.dropdownBorderColor);
|
102
102
|
var Ul = _styledcomponents.default.ul.withConfig({
|
103
103
|
displayName: "Combobox.styles__Ul",
|
104
|
-
componentId: "sc-
|
104
|
+
componentId: "sc-7fefedf8-1"
|
105
105
|
})([
|
106
106
|
"max-height:",
|
107
|
-
";overflow-
|
107
|
+
";overflow-y:",
|
108
108
|
";border-radius:calc(var(",
|
109
109
|
") - 0.125rem - var(",
|
110
110
|
",0rem));margin:0;padding:0;.",
|
@@ -113,12 +113,12 @@ var Ul = _styledcomponents.default.ul.withConfig({
|
|
113
113
|
var virtual = param.virtual, listMaxHeight = param.listMaxHeight;
|
114
114
|
return virtual ? 'auto' : listMaxHeight || 'auto';
|
115
115
|
}, function(param) {
|
116
|
-
var virtual = param.virtual;
|
117
|
-
return virtual ? 'visible' : '
|
116
|
+
var virtual = param.virtual, listOverflow = param.listOverflow;
|
117
|
+
return virtual ? 'visible' : listOverflow || 'visible';
|
118
118
|
}, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.classes.emptyStateWrapper);
|
119
119
|
var IconArrowWrapper = _styledcomponents.default.div.withConfig({
|
120
120
|
displayName: "Combobox.styles__IconArrowWrapper",
|
121
|
-
componentId: "sc-
|
121
|
+
componentId: "sc-7fefedf8-2"
|
122
122
|
})([
|
123
123
|
"line-height:0;color:var(",
|
124
124
|
");cursor:",
|
@@ -138,7 +138,7 @@ var sizeMap = {
|
|
138
138
|
};
|
139
139
|
var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentered).withConfig({
|
140
140
|
displayName: "Combobox.styles__StyledArrow",
|
141
|
-
componentId: "sc-
|
141
|
+
componentId: "sc-7fefedf8-3"
|
142
142
|
})([
|
143
143
|
"width:",
|
144
144
|
";height:",
|
@@ -155,7 +155,7 @@ var base = (0, _styledcomponents.css)([
|
|
155
155
|
]);
|
156
156
|
var StyledEmptyState = (0, _styledcomponents.default)(EmptyState).withConfig({
|
157
157
|
displayName: "Combobox.styles__StyledEmptyState",
|
158
|
-
componentId: "sc-
|
158
|
+
componentId: "sc-7fefedf8-4"
|
159
159
|
})([
|
160
160
|
"",
|
161
161
|
":var(",
|
@@ -177,7 +177,7 @@ var StyledEmptyState = (0, _styledcomponents.default)(EmptyState).withConfig({
|
|
177
177
|
], _EmptyState.emptyStateTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _EmptyState.emptyStateTokens.padding, _Comboboxtokens.tokens.emptyStatePadding, _EmptyState.emptyStateTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _EmptyState.emptyStateTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _EmptyState.emptyStateTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _EmptyState.emptyStateTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight, _Comboboxtokens.tokens.textFieldLineHeight);
|
178
178
|
var StyledLeftHelper = _styledcomponents.default.span.withConfig({
|
179
179
|
displayName: "Combobox.styles__StyledLeftHelper",
|
180
|
-
componentId: "sc-
|
180
|
+
componentId: "sc-7fefedf8-5"
|
181
181
|
})([
|
182
182
|
"margin:0;padding:0;"
|
183
183
|
]);
|
@@ -23,7 +23,7 @@ var classes = {
|
|
23
23
|
dropdownItemIsFocused: 'dropdown-item-is-focused',
|
24
24
|
dropdownItemIsDisabled: 'dropdown-item-is-disabled',
|
25
25
|
dropdownItemIsActive: 'dropdown-item-is-active',
|
26
|
-
|
26
|
+
selectTargetArrow: 'combobox-target-arrow',
|
27
27
|
arrowInverse: 'arrow-inverse',
|
28
28
|
textfieldTarget: 'combobox-textfield-target',
|
29
29
|
selectChipIsFocused: 'combobox-chip-is-focused',
|
package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js
CHANGED
@@ -180,9 +180,13 @@ var useKeyNavigation = function(param) {
|
|
180
180
|
case keys.Tab:
|
181
181
|
case keys.Escape:
|
182
182
|
{
|
183
|
-
|
184
|
-
|
185
|
-
}
|
183
|
+
dispatchPath({
|
184
|
+
type: 'reset'
|
185
|
+
});
|
186
|
+
dispatchFocusedPath({
|
187
|
+
type: 'reset'
|
188
|
+
});
|
189
|
+
handleListToggle(false);
|
186
190
|
if (multiple) {
|
187
191
|
setTextValue('');
|
188
192
|
} else if (textValue !== value) {
|
@@ -8,55 +8,19 @@ Object.defineProperty(exports, "Inner", {
|
|
8
8
|
return Inner;
|
9
9
|
}
|
10
10
|
});
|
11
|
-
var _react = /*#__PURE__*/
|
11
|
+
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
12
12
|
var _utils = require("../../../../../utils");
|
13
13
|
var _FloatingPopover = require("../../FloatingPopover");
|
14
14
|
var _utils1 = require("../../../../../utils");
|
15
15
|
var _Comboboxstyles = require("../../Combobox.styles");
|
16
16
|
var _ui = require("./ui");
|
17
|
-
function
|
18
|
-
|
19
|
-
|
20
|
-
var cacheNodeInterop = new WeakMap();
|
21
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
22
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
23
|
-
})(nodeInterop);
|
24
|
-
}
|
25
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
26
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
27
|
-
return obj;
|
28
|
-
}
|
29
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
30
|
-
return {
|
31
|
-
default: obj
|
32
|
-
};
|
33
|
-
}
|
34
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
35
|
-
if (cache && cache.has(obj)) {
|
36
|
-
return cache.get(obj);
|
37
|
-
}
|
38
|
-
var newObj = {
|
39
|
-
__proto__: null
|
17
|
+
function _interop_require_default(obj) {
|
18
|
+
return obj && obj.__esModule ? obj : {
|
19
|
+
default: obj
|
40
20
|
};
|
41
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
42
|
-
for(var key in obj){
|
43
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
44
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
45
|
-
if (desc && (desc.get || desc.set)) {
|
46
|
-
Object.defineProperty(newObj, key, desc);
|
47
|
-
} else {
|
48
|
-
newObj[key] = obj[key];
|
49
|
-
}
|
50
|
-
}
|
51
|
-
}
|
52
|
-
newObj.default = obj;
|
53
|
-
if (cache) {
|
54
|
-
cache.set(obj, newObj);
|
55
|
-
}
|
56
|
-
return newObj;
|
57
21
|
}
|
58
22
|
var Inner = function(param) {
|
59
|
-
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth
|
23
|
+
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth;
|
60
24
|
var handleToggle = function(opened) {
|
61
25
|
if (opened) {
|
62
26
|
dispatchPath({
|
@@ -71,7 +35,6 @@ var Inner = function(param) {
|
|
71
35
|
});
|
72
36
|
}
|
73
37
|
};
|
74
|
-
var listWrapperRef = (0, _react.useRef)(null);
|
75
38
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
76
39
|
var treeId = (0, _utils.safeUseId)();
|
77
40
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
@@ -92,16 +55,13 @@ var Inner = function(param) {
|
|
92
55
|
ariaLevel: nextLevel,
|
93
56
|
ariaLabel: item.label
|
94
57
|
}),
|
95
|
-
isInner: true
|
96
|
-
portal: portal
|
58
|
+
isInner: true
|
97
59
|
}, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.ListWrapper, {
|
98
|
-
listWidth: listWidth
|
99
|
-
ref: listWrapperRef
|
60
|
+
listWidth: listWidth
|
100
61
|
}, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.Ul, {
|
101
62
|
role: "group",
|
102
63
|
id: listId,
|
103
|
-
virtual: false
|
104
|
-
listMaxHeight: item === null || item === void 0 ? void 0 : item.listMaxHeight
|
64
|
+
virtual: false
|
105
65
|
}, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(innerItem, innerIndex) {
|
106
66
|
return /*#__PURE__*/ _react.default.createElement(Inner, {
|
107
67
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
@@ -110,8 +70,7 @@ var Inner = function(param) {
|
|
110
70
|
path: path,
|
111
71
|
dispatchPath: dispatchPath,
|
112
72
|
index: innerIndex,
|
113
|
-
listWidth: listWidth
|
114
|
-
portal: listWrapperRef
|
73
|
+
listWidth: listWidth
|
115
74
|
});
|
116
75
|
}))));
|
117
76
|
}
|
@@ -97,6 +97,17 @@ var useDrawer = function(param) {
|
|
97
97
|
isOpen,
|
98
98
|
popupController.items
|
99
99
|
]);
|
100
|
+
// При анмаунте компонента нужно обновлять overflow у body.
|
101
|
+
(0, _react.useEffect)(function() {
|
102
|
+
return function() {
|
103
|
+
if (!_utils.canUseDOM) {
|
104
|
+
return;
|
105
|
+
}
|
106
|
+
if (!(0, _DrawerContext.hasDrawers)(Array.from(popupController.items.values()))) {
|
107
|
+
document.body.style.overflow = overflow.current;
|
108
|
+
}
|
109
|
+
};
|
110
|
+
}, []);
|
100
111
|
var drawerInfo = _object_spread({
|
101
112
|
id: id,
|
102
113
|
info: {
|
@@ -176,7 +176,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
176
176
|
}
|
177
177
|
var dropdownRoot = function(Root) {
|
178
178
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
|
179
|
-
var items = _param.items, children = _param.children, placement = _param.placement, offset = _param.offset, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, onToggle = _param.onToggle, size = _param.size, view = _param.view, _param_itemRole = _param.itemRole, itemRole = _param_itemRole === void 0 ? 'treeitem' : _param_itemRole, className = _param.className, listMaxHeight = _param.listMaxHeight, listWidth = _param.listWidth, listHeight = _param.listHeight, _param_closeOnSelect = _param.closeOnSelect, closeOnSelect = _param_closeOnSelect === void 0 ? true : _param_closeOnSelect, onHover = _param.onHover, onItemSelect = _param.onItemSelect, onItemClick = _param.onItemClick, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_openByRightClick = _param.openByRightClick, openByRightClick = _param_openByRightClick === void 0 ? false : _param_openByRightClick, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'normal' : _param_variant, _param_hasArrow = _param.hasArrow, hasArrow = _param_hasArrow === void 0 ? true : _param_hasArrow, _param_alwaysOpened = _param.alwaysOpened, alwaysOpened = _param_alwaysOpened === void 0 ? false : _param_alwaysOpened, portal = _param.portal, renderItem = _param.renderItem, zIndex = _param.zIndex, beforeList = _param.beforeList, afterList = _param.afterList, rest = _object_without_properties(_param, [
|
179
|
+
var items = _param.items, children = _param.children, placement = _param.placement, offset = _param.offset, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, onToggle = _param.onToggle, size = _param.size, view = _param.view, _param_itemRole = _param.itemRole, itemRole = _param_itemRole === void 0 ? 'treeitem' : _param_itemRole, className = _param.className, listMaxHeight = _param.listMaxHeight, listWidth = _param.listWidth, listHeight = _param.listHeight, listOverflow = _param.listOverflow, _param_closeOnSelect = _param.closeOnSelect, closeOnSelect = _param_closeOnSelect === void 0 ? true : _param_closeOnSelect, onHover = _param.onHover, onItemSelect = _param.onItemSelect, onItemClick = _param.onItemClick, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_openByRightClick = _param.openByRightClick, openByRightClick = _param_openByRightClick === void 0 ? false : _param_openByRightClick, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'normal' : _param_variant, _param_hasArrow = _param.hasArrow, hasArrow = _param_hasArrow === void 0 ? true : _param_hasArrow, _param_alwaysOpened = _param.alwaysOpened, alwaysOpened = _param_alwaysOpened === void 0 ? false : _param_alwaysOpened, portal = _param.portal, renderItem = _param.renderItem, zIndex = _param.zIndex, beforeList = _param.beforeList, afterList = _param.afterList, rest = _object_without_properties(_param, [
|
180
180
|
"items",
|
181
181
|
"children",
|
182
182
|
"placement",
|
@@ -190,6 +190,7 @@ var dropdownRoot = function(Root) {
|
|
190
190
|
"listMaxHeight",
|
191
191
|
"listWidth",
|
192
192
|
"listHeight",
|
193
|
+
"listOverflow",
|
193
194
|
"closeOnSelect",
|
194
195
|
"onHover",
|
195
196
|
"onItemSelect",
|
@@ -215,7 +216,6 @@ var dropdownRoot = function(Root) {
|
|
215
216
|
var _useHashMaps1 = _sliced_to_array((0, _useHashMaps.useHashMaps)(items), 2), pathMap = _useHashMaps1[0], focusedToValueMap = _useHashMaps1[1];
|
216
217
|
var activeDescendantItemValue = ((_getItemByFocused = (0, _utils2.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
|
217
218
|
var floatingPopoverRef = (0, _react.useRef)(null);
|
218
|
-
var listWrapperRef = (0, _react.useRef)(null);
|
219
219
|
var treeId = (0, _utils.safeUseId)();
|
220
220
|
// Логика работы при клике за пределами выпадающего списка
|
221
221
|
var targetRef = (0, _hooks.useOutsideClick)(function(event) {
|
@@ -314,12 +314,12 @@ var dropdownRoot = function(Root) {
|
|
314
314
|
display: 'inline-block'
|
315
315
|
}
|
316
316
|
}, rest), /*#__PURE__*/ _react.default.createElement(_Dropdownstyles.ListWrapper, {
|
317
|
-
ref: listWrapperRef,
|
318
317
|
listWidth: listWidth
|
319
318
|
}, /*#__PURE__*/ _react.default.createElement(_Dropdownstyles.Ul, {
|
320
319
|
ref: targetRef,
|
321
320
|
id: "".concat(treeId, "_tree_level_1"),
|
322
321
|
role: "tree",
|
322
|
+
listOverflow: listOverflow,
|
323
323
|
listMaxHeight: listMaxHeight || listHeight
|
324
324
|
}, beforeList, items.map(function(item, index) {
|
325
325
|
return /*#__PURE__*/ _react.default.createElement(_ui.DropdownInner, {
|
@@ -330,8 +330,9 @@ var dropdownRoot = function(Root) {
|
|
330
330
|
path: path,
|
331
331
|
dispatchPath: dispatchPath,
|
332
332
|
index: index,
|
333
|
-
|
334
|
-
|
333
|
+
listOverflow: listOverflow,
|
334
|
+
listMaxHeight: listMaxHeight || listHeight,
|
335
|
+
listWidth: listWidth
|
335
336
|
});
|
336
337
|
}), afterList)))));
|
337
338
|
});
|
@@ -65,7 +65,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
65
65
|
}
|
66
66
|
var ListWrapper = _styledcomponents.default.div.withConfig({
|
67
67
|
displayName: "Dropdown.styles__ListWrapper",
|
68
|
-
componentId: "sc-
|
68
|
+
componentId: "sc-eabc61b1-0"
|
69
69
|
})([
|
70
70
|
"width:",
|
71
71
|
";padding:calc(var(",
|
@@ -82,15 +82,19 @@ var ListWrapper = _styledcomponents.default.div.withConfig({
|
|
82
82
|
}, _Dropdowntokens.tokens.padding, _Dropdowntokens.tokens.borderWidth, _Dropdowntokens.tokens.borderRadius, _Dropdowntokens.constants.background, _Dropdowntokens.constants.boxShadow, _Dropdowntokens.tokens.borderWidth, _Dropdowntokens.tokens.borderColor);
|
83
83
|
var Ul = _styledcomponents.default.ul.withConfig({
|
84
84
|
displayName: "Dropdown.styles__Ul",
|
85
|
-
componentId: "sc-
|
85
|
+
componentId: "sc-eabc61b1-1"
|
86
86
|
})([
|
87
87
|
"max-height:",
|
88
|
-
";overflow-
|
88
|
+
";overflow-y:",
|
89
|
+
";border-radius:calc(var(",
|
89
90
|
") - 0.125rem - var(",
|
90
91
|
",0rem));margin:0;padding:0;"
|
91
92
|
], function(param) {
|
92
93
|
var listMaxHeight = param.listMaxHeight;
|
93
94
|
return listMaxHeight ? (0, _utils.getCorrectHeight)(listMaxHeight) : 'auto';
|
95
|
+
}, function(param) {
|
96
|
+
var listOverflow = param.listOverflow;
|
97
|
+
return listOverflow || 'visible';
|
94
98
|
}, _Dropdowntokens.tokens.borderRadius, _Dropdowntokens.tokens.borderWidth);
|
95
99
|
var base = (0, _styledcomponents.css)([
|
96
100
|
""
|
@@ -180,9 +180,13 @@ var useKeyNavigation = function(param) {
|
|
180
180
|
case keys.Tab:
|
181
181
|
case keys.Escape:
|
182
182
|
{
|
183
|
-
|
184
|
-
|
185
|
-
}
|
183
|
+
dispatchFocusedPath({
|
184
|
+
type: 'reset'
|
185
|
+
});
|
186
|
+
dispatchPath({
|
187
|
+
type: 'reset'
|
188
|
+
});
|
189
|
+
handleGlobalToggle(false, event);
|
186
190
|
break;
|
187
191
|
}
|
188
192
|
case keys.Home:
|
@@ -8,55 +8,19 @@ Object.defineProperty(exports, "DropdownInner", {
|
|
8
8
|
return DropdownInner;
|
9
9
|
}
|
10
10
|
});
|
11
|
-
var _react = /*#__PURE__*/
|
11
|
+
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
12
12
|
var _utils = require("../../../../utils");
|
13
13
|
var _DropdownItem = require("../DropdownItem/DropdownItem");
|
14
14
|
var _Dropdownstyles = require("../../Dropdown.styles");
|
15
15
|
var _FloatingPopover = require("../../FloatingPopover");
|
16
16
|
var _utils1 = require("../../utils");
|
17
|
-
function
|
18
|
-
|
19
|
-
|
20
|
-
var cacheNodeInterop = new WeakMap();
|
21
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
22
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
23
|
-
})(nodeInterop);
|
24
|
-
}
|
25
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
26
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
27
|
-
return obj;
|
28
|
-
}
|
29
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
30
|
-
return {
|
31
|
-
default: obj
|
32
|
-
};
|
33
|
-
}
|
34
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
35
|
-
if (cache && cache.has(obj)) {
|
36
|
-
return cache.get(obj);
|
37
|
-
}
|
38
|
-
var newObj = {
|
39
|
-
__proto__: null
|
17
|
+
function _interop_require_default(obj) {
|
18
|
+
return obj && obj.__esModule ? obj : {
|
19
|
+
default: obj
|
40
20
|
};
|
41
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
42
|
-
for(var key in obj){
|
43
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
44
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
45
|
-
if (desc && (desc.get || desc.set)) {
|
46
|
-
Object.defineProperty(newObj, key, desc);
|
47
|
-
} else {
|
48
|
-
newObj[key] = obj[key];
|
49
|
-
}
|
50
|
-
}
|
51
|
-
}
|
52
|
-
newObj.default = obj;
|
53
|
-
if (cache) {
|
54
|
-
cache.set(obj, newObj);
|
55
|
-
}
|
56
|
-
return newObj;
|
57
21
|
}
|
58
22
|
var DropdownInner = function(param) {
|
59
|
-
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, trigger = param.trigger,
|
23
|
+
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, trigger = param.trigger, listMaxHeight = param.listMaxHeight, listOverflow = param.listOverflow, listWidth = param.listWidth;
|
60
24
|
var handleToggle = function(opened) {
|
61
25
|
if (opened) {
|
62
26
|
dispatchPath({
|
@@ -71,7 +35,6 @@ var DropdownInner = function(param) {
|
|
71
35
|
});
|
72
36
|
}
|
73
37
|
};
|
74
|
-
var listWrapperRef = (0, _react.useRef)(null);
|
75
38
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
76
39
|
var treeId = (0, _utils.safeUseId)();
|
77
40
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
@@ -92,15 +55,14 @@ var DropdownInner = function(param) {
|
|
92
55
|
ariaLevel: nextLevel,
|
93
56
|
ariaLabel: item.label
|
94
57
|
}),
|
95
|
-
isInner: true
|
96
|
-
portal: portal
|
58
|
+
isInner: true
|
97
59
|
}, /*#__PURE__*/ _react.default.createElement(_Dropdownstyles.ListWrapper, {
|
98
|
-
ref: listWrapperRef,
|
99
60
|
listWidth: listWidth
|
100
61
|
}, /*#__PURE__*/ _react.default.createElement(_Dropdownstyles.Ul, {
|
101
62
|
id: listId,
|
102
63
|
role: "group",
|
103
|
-
listMaxHeight:
|
64
|
+
listMaxHeight: listMaxHeight,
|
65
|
+
listOverflow: listOverflow
|
104
66
|
}, item.items.map(function(innerItem, innerIndex) {
|
105
67
|
return /*#__PURE__*/ _react.default.createElement(DropdownInner, {
|
106
68
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
@@ -110,8 +72,9 @@ var DropdownInner = function(param) {
|
|
110
72
|
dispatchPath: dispatchPath,
|
111
73
|
index: innerIndex,
|
112
74
|
trigger: trigger,
|
113
|
-
|
114
|
-
|
75
|
+
listMaxHeight: listMaxHeight,
|
76
|
+
listOverflow: listOverflow,
|
77
|
+
listWidth: listWidth
|
115
78
|
});
|
116
79
|
}))));
|
117
80
|
}
|
@@ -267,7 +267,6 @@ var selectRoot = function(Root) {
|
|
267
267
|
var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
|
268
268
|
var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
|
269
269
|
var treeId = (0, _utils.safeUseId)();
|
270
|
-
var listWrapperRef = (0, _react.useRef)(null);
|
271
270
|
var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : (0, _utils1.getView)(status, outerView);
|
272
271
|
// Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
|
273
272
|
var requiredProps = props.target === 'button-like' ? undefined : {
|
@@ -554,12 +553,12 @@ var selectRoot = function(Root) {
|
|
554
553
|
disabled: disabled,
|
555
554
|
readOnly: readOnly
|
556
555
|
}, rest), /*#__PURE__*/ _react.default.createElement(_Selectstyles.ListWrapper, {
|
557
|
-
ref: listWrapperRef,
|
558
556
|
listWidth: listWidth
|
559
557
|
}, /*#__PURE__*/ _react.default.createElement(_Selectstyles.Ul, {
|
560
558
|
role: "tree",
|
561
559
|
id: "".concat(treeId, "_tree_level_1"),
|
562
560
|
"aria-multiselectable": Boolean(props.multiselect),
|
561
|
+
listOverflow: listOverflow,
|
563
562
|
listMaxHeight: listMaxHeight || listHeight,
|
564
563
|
onScroll: virtual ? undefined : handleScroll,
|
565
564
|
ref: targetRef,
|
@@ -580,8 +579,7 @@ var selectRoot = function(Root) {
|
|
580
579
|
path: path,
|
581
580
|
dispatchPath: dispatchPath,
|
582
581
|
index: index,
|
583
|
-
listWidth: listWidth
|
584
|
-
portal: listWrapperRef
|
582
|
+
listWidth: listWidth
|
585
583
|
});
|
586
584
|
}), afterList))))));
|
587
585
|
});
|