@salutejs/plasma-new-hope 0.326.0-canary.2009.15429813487.0 → 0.326.0-canary.2011.15469479103.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/Autocomplete/Autocomplete.css +6 -5
- package/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +12 -6
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles_30e80h.css +5 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +1 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/{SuggestionItem.styles_lpdinw.css → SuggestionItem.styles_7wqokd.css} +1 -1
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.css +2 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +61 -56
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +38 -37
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1fy6e2z.css → cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css} +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +44 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +53 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +3 -0
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +8 -7
- package/cjs/components/Dropdown/Dropdown.css +8 -7
- package/cjs/components/Dropdown/Dropdown.js +7 -5
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +17 -16
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_zheit5.css +3 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js +5 -4
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +8 -7
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1algi32.css +7 -0
- package/cjs/components/Pagination/Pagination.css +57 -52
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +57 -52
- package/cjs/components/Popover/Popover.js +3 -0
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Select/FloatingPopover.js +9 -5
- package/cjs/components/Select/FloatingPopover.js.map +1 -1
- package/cjs/components/Select/Select.css +57 -52
- package/cjs/components/Select/Select.js +14 -5
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +17 -17
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_bjoo18.css +3 -0
- package/cjs/components/Select/Select.tokens.js +9 -2
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +11 -10
- package/cjs/components/Select/ui/Inner/Inner.js +5 -5
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +4 -4
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css +11 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.css +54 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.js +44 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +53 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +3 -0
- package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/cjs/components/Table/Table.css +34 -29
- package/cjs/components/Table/ui/Cell/Cell.css +34 -29
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +34 -29
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +34 -29
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +34 -29
- package/cjs/index.css +54 -42
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +10 -6
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +5 -5
- package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +24 -23
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +30 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
- package/emotion/cjs/components/Dropdown/Dropdown.js +7 -5
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +13 -12
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +2 -2
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +5 -4
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +11 -11
- package/emotion/cjs/components/Popover/Popover.js +3 -0
- package/emotion/cjs/components/Select/FloatingPopover.js +9 -5
- package/emotion/cjs/components/Select/Select.js +13 -5
- package/emotion/cjs/components/Select/Select.styles.js +11 -10
- package/emotion/cjs/components/Select/Select.template-doc.mdx +58 -0
- package/emotion/cjs/components/Select/Select.tokens.js +9 -2
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +5 -5
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
- package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
- package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +30 -0
- package/emotion/cjs/components/Select/ui/index.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
- package/emotion/cjs/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
- package/emotion/cjs/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/emotion/es/components/Autocomplete/Autocomplete.js +3 -3
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +9 -5
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +5 -5
- package/emotion/es/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +14 -6
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +23 -22
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +23 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
- package/emotion/es/components/Dropdown/Dropdown.js +8 -6
- package/emotion/es/components/Dropdown/Dropdown.styles.js +12 -11
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +2 -2
- package/emotion/es/components/Dropdown/FloatingPopover.js +5 -4
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +11 -11
- package/emotion/es/components/Popover/Popover.js +3 -0
- package/emotion/es/components/Select/FloatingPopover.js +9 -5
- package/emotion/es/components/Select/Select.js +15 -7
- package/emotion/es/components/Select/Select.styles.js +10 -9
- package/emotion/es/components/Select/Select.template-doc.mdx +58 -0
- package/emotion/es/components/Select/Select.tokens.js +9 -2
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/emotion/es/components/Select/ui/Inner/Inner.js +6 -6
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
- package/emotion/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
- package/emotion/es/components/Select/ui/SelectAll/SelectAll.styles.js +23 -0
- package/emotion/es/components/Select/ui/index.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
- package/emotion/es/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
- package/emotion/es/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/es/components/Autocomplete/Autocomplete.css +6 -5
- package/es/components/Autocomplete/Autocomplete.js +3 -3
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles.js +12 -7
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles_30e80h.css +5 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +1 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/SuggestionItem/{SuggestionItem.styles_lpdinw.css → SuggestionItem.styles_7wqokd.css} +1 -1
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.css +2 -2
- package/es/components/Combobox/ComboboxNew/Combobox.css +61 -56
- package/es/components/Combobox/ComboboxNew/Combobox.js +14 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +38 -38
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1fy6e2z.css → es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css} +2 -2
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +36 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +47 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +3 -0
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/es/components/Combobox/ComboboxOld/Combobox.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +8 -7
- package/es/components/Dropdown/Dropdown.css +8 -7
- package/es/components/Dropdown/Dropdown.js +8 -6
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +17 -17
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_zheit5.css +3 -0
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/FloatingPopover.js +5 -4
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +8 -7
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1algi32.css +7 -0
- package/es/components/Pagination/Pagination.css +57 -52
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +57 -52
- package/es/components/Popover/Popover.js +3 -0
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Select/FloatingPopover.js +9 -5
- package/es/components/Select/FloatingPopover.js.map +1 -1
- package/es/components/Select/Select.css +57 -52
- package/es/components/Select/Select.js +15 -6
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +17 -18
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_bjoo18.css +3 -0
- package/es/components/Select/Select.tokens.js +9 -2
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +11 -10
- package/es/components/Select/ui/Inner/Inner.js +6 -6
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +4 -4
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css +11 -0
- package/es/components/Select/ui/SelectAll/SelectAll.css +54 -0
- package/es/components/Select/ui/SelectAll/SelectAll.js +36 -0
- package/es/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
- package/es/components/Select/ui/SelectAll/SelectAll.styles.js +47 -0
- package/es/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/es/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +3 -0
- package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/es/components/Table/Table.css +34 -29
- package/es/components/Table/ui/Cell/Cell.css +34 -29
- package/es/components/Table/ui/EditableCell/EditableCell.css +34 -29
- package/es/components/Table/ui/HeadCell/HeadCell.css +34 -29
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +34 -29
- package/es/index.css +54 -42
- package/package.json +5 -5
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +9 -6
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +3 -3
- package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +21 -21
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +27 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +7 -5
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -9
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +2 -2
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +5 -4
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -5
- package/styled-components/cjs/components/Popover/Popover.js +3 -0
- package/styled-components/cjs/components/Select/FloatingPopover.js +9 -5
- package/styled-components/cjs/components/Select/Select.js +13 -5
- package/styled-components/cjs/components/Select/Select.styles.js +8 -8
- package/styled-components/cjs/components/Select/Select.template-doc.mdx +58 -0
- package/styled-components/cjs/components/Select/Select.tokens.js +9 -2
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +5 -5
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
- package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +27 -0
- package/styled-components/cjs/components/Select/ui/index.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +14 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +14 -14
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
- package/styled-components/cjs/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/styled-components/es/components/Autocomplete/Autocomplete.js +3 -3
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +8 -5
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +3 -3
- package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +14 -6
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +20 -20
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
- package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +20 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
- package/styled-components/es/components/Dropdown/Dropdown.js +8 -6
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +8 -8
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +2 -2
- package/styled-components/es/components/Dropdown/FloatingPopover.js +5 -4
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -5
- package/styled-components/es/components/Popover/Popover.js +3 -0
- package/styled-components/es/components/Select/FloatingPopover.js +9 -5
- package/styled-components/es/components/Select/Select.js +15 -7
- package/styled-components/es/components/Select/Select.styles.js +7 -7
- package/styled-components/es/components/Select/Select.template-doc.mdx +58 -0
- package/styled-components/es/components/Select/Select.tokens.js +9 -2
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/styled-components/es/components/Select/ui/Inner/Inner.js +6 -6
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
- package/styled-components/es/components/Select/ui/SelectAll/SelectAll.styles.js +20 -0
- package/styled-components/es/components/Select/ui/index.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +14 -14
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
- package/styled-components/es/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +14 -14
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
- package/styled-components/es/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.styles.d.ts +1 -0
- package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -2
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +7 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +12 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/FloatingPopover.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/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts +7 -0
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts +10 -0
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/index.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/ui/index.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +3 -2
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +3 -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/FloatingPopover.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +3 -2
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +7 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +13 -1
- 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/SelectAll/SelectAll.d.ts +7 -0
- package/types/components/Select/ui/SelectAll/SelectAll.d.ts.map +1 -0
- package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts +10 -0
- package/types/components/Select/ui/SelectAll/SelectAll.styles.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 +3 -0
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles_1qe8z2l.css +0 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
- package/cjs/components/Dropdown/Dropdown.styles_1ao2kug.css +0 -2
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1lp7sqa.css +0 -7
- package/cjs/components/Select/Select.styles_11cghkj.css +0 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +0 -11
- package/es/components/Autocomplete/Autocomplete.styles_1qe8z2l.css +0 -4
- package/es/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
- package/es/components/Dropdown/Dropdown.styles_1ao2kug.css +0 -2
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1lp7sqa.css +0 -7
- package/es/components/Select/Select.styles_11cghkj.css +0 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +0 -11
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.326.0-canary.
|
3
|
+
"version": "0.326.0-canary.2011.15469479103.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -79,8 +79,8 @@
|
|
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.199.0-canary.
|
83
|
-
"@salutejs/plasma-themes": "0.34.0-canary.
|
82
|
+
"@salutejs/plasma-sb-utils": "0.199.0-canary.2011.15469479103.0",
|
83
|
+
"@salutejs/plasma-themes": "0.34.0-canary.2011.15469479103.0",
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
86
86
|
"@storybook/manager-api": "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.198.0-canary.
|
120
|
+
"@salutejs/plasma-core": "1.198.0-canary.2011.15469479103.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": "3c87a00b79a5d1ffce269e07bb3e6e2650b9a6e1"
|
141
141
|
}
|
@@ -191,7 +191,7 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
191
191
|
labelPlacement: labelPlacement,
|
192
192
|
disabled: disabled,
|
193
193
|
readOnly: readOnly
|
194
|
-
}, /*#__PURE__*/_react["default"].createElement(_Autocomplete.Ul, {
|
194
|
+
}, /*#__PURE__*/_react["default"].createElement(_Autocomplete.ListWrapper, null, /*#__PURE__*/_react["default"].createElement(_Autocomplete.Ul, {
|
195
195
|
ref: targetRef,
|
196
196
|
id: listId,
|
197
197
|
role: "listbox",
|
@@ -215,7 +215,7 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
215
215
|
focused: focused === index,
|
216
216
|
renderItem: renderItem
|
217
217
|
});
|
218
|
-
}), afterList), renderListEnd && /*#__PURE__*/_react["default"].createElement(_Autocomplete.InfiniteLoaderWrapper, null, renderListEnd())))));
|
218
|
+
}), afterList), renderListEnd && /*#__PURE__*/_react["default"].createElement(_Autocomplete.InfiniteLoaderWrapper, null, renderListEnd()))))));
|
219
219
|
});
|
220
220
|
};
|
221
221
|
var autocompleteConfig = exports.autocompleteConfig = {
|
@@ -4,22 +4,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.base = exports.Ul = exports.StyledLeftHelper = exports.InfiniteLoaderWrapper = void 0;
|
7
|
+
exports.base = exports.Ul = exports.StyledLeftHelper = exports.ListWrapper = exports.InfiniteLoaderWrapper = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
|
9
9
|
var _Autocomplete = /*#__PURE__*/require("./Autocomplete.tokens");
|
10
10
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
11
11
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
12
12
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
|
13
|
-
var
|
13
|
+
var ListWrapper = exports.ListWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
14
14
|
componentId: "plasma-new-hope__sc-ff6pwi-0"
|
15
|
-
})(["
|
15
|
+
})(["margin:var(", ") 0 0 0;padding:calc(var(", ") + var(", ",0rem));border-radius:var(", ");box-sizing:border-box;background:var(", ");box-shadow:var(", "),inset 0 0 0 var(", ",0rem) var(", ",transparent);"], _Autocomplete.tokens.margin, _Autocomplete.tokens.padding, _Autocomplete.tokens.dropdownBorderWidth, _Autocomplete.tokens.borderRadius, _Autocomplete.tokens.background, _Autocomplete.tokens.boxShadow, _Autocomplete.tokens.dropdownBorderWidth, _Autocomplete.tokens.dropdownBorderColor);
|
16
|
+
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
17
|
+
componentId: "plasma-new-hope__sc-ff6pwi-1"
|
18
|
+
})(["border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));height:auto;max-height:", ";overflow:auto;margin:0;padding:0;"], _Autocomplete.tokens.borderRadius, _Autocomplete.tokens.dropdownBorderWidth, function (_ref) {
|
16
19
|
var virtual = _ref.virtual,
|
17
20
|
listMaxHeight = _ref.listMaxHeight;
|
18
21
|
return virtual ? 'auto' : listMaxHeight || 'auto';
|
19
|
-
}
|
22
|
+
});
|
20
23
|
var InfiniteLoaderWrapper = exports.InfiniteLoaderWrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
21
|
-
componentId: "plasma-new-hope__sc-ff6pwi-
|
24
|
+
componentId: "plasma-new-hope__sc-ff6pwi-2"
|
22
25
|
})(["display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", ");"], _Autocomplete.tokens.textFieldHeight);
|
23
26
|
var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
24
|
-
componentId: "plasma-new-hope__sc-ff6pwi-
|
27
|
+
componentId: "plasma-new-hope__sc-ff6pwi-3"
|
25
28
|
})(["margin:0;padding:0;"]);
|
package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js
CHANGED
@@ -14,10 +14,10 @@ var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].
|
|
14
14
|
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
15
15
|
componentId: "plasma-new-hope__sc-1m9plqu-1"
|
16
16
|
})(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover{cursor:pointer;background:var(", ");}:focus{outline:none;}", ";"], _Autocomplete.tokens.itemPadding, _Autocomplete.tokens.itemFontFamily, _Autocomplete.tokens.itemFontSize, _Autocomplete.tokens.itemFontStyle, _Autocomplete.tokens.itemFontWeight, _Autocomplete.tokens.itemFontLetterSpacing, _Autocomplete.tokens.itemFontLineHeight, _Autocomplete.tokens.itemBackground, _Autocomplete.tokens.itemColor, _Autocomplete.tokens.itemBorderRadius, _Autocomplete.tokens.itemBackgroundHover, /*#__PURE__*/(0, _mixins.addFocus)({
|
17
|
-
outlineSize: '0
|
17
|
+
outlineSize: '0',
|
18
18
|
outlineOffset: '0',
|
19
19
|
outlineColor: /*#__PURE__*/"var(".concat(_Autocomplete.tokens.focusColor, ")"),
|
20
|
-
outlineRadius: /*#__PURE__*/"var(".concat(_Autocomplete.tokens.
|
20
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Autocomplete.tokens.borderRadius, ") - 0.125rem - var(").concat(_Autocomplete.tokens.dropdownBorderWidth, ", 0rem))"),
|
21
21
|
hasTransition: false,
|
22
|
-
customFocusRules: /*#__PURE__*/"\n &.".concat(_Autocomplete.classes.suggestionItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Autocomplete.tokens.focusColor, ");\n }\n ")
|
22
|
+
customFocusRules: /*#__PURE__*/"\n &.".concat(_Autocomplete.classes.suggestionItemIsFocused, ":before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(").concat(_Autocomplete.tokens.focusColor, ");\n }\n ")
|
23
23
|
}));
|
@@ -436,6 +436,64 @@ type Items = Array<{
|
|
436
436
|
}
|
437
437
|
```
|
438
438
|
</TabItem>
|
439
|
+
<TabItem value="selectAll" label="Выбрать всё">
|
440
|
+
Работа с кнопкой "Выбрать всё" осуществляется через свойство `selectAllOptions` только в режиме `multiple`:
|
441
|
+
```tsx
|
442
|
+
type SelectAllProps = {
|
443
|
+
checked?: boolean;
|
444
|
+
indeterminate?: boolean;
|
445
|
+
label?: string;
|
446
|
+
onClick?: () => void;
|
447
|
+
sticky?: boolean;
|
448
|
+
};
|
449
|
+
```
|
450
|
+
Вся логика выбора элементов и взаимодействия с компонентом лежит на стороне пользователя.
|
451
|
+
|
452
|
+
```tsx live
|
453
|
+
import React, { useState } from 'react';
|
454
|
+
import { Select } from '@salutejs/{{ package }}';
|
455
|
+
|
456
|
+
export function App() {
|
457
|
+
const [checked, setChecked] = useState(false);
|
458
|
+
|
459
|
+
const items = [
|
460
|
+
{
|
461
|
+
value: 'north_america',
|
462
|
+
label: 'Северная Америка',
|
463
|
+
},
|
464
|
+
{
|
465
|
+
value: 'south_america',
|
466
|
+
label: 'Южная Америка',
|
467
|
+
items: [
|
468
|
+
{
|
469
|
+
value: 'brazil',
|
470
|
+
label: 'Бразилия',
|
471
|
+
},
|
472
|
+
{
|
473
|
+
value: 'argentina',
|
474
|
+
label: 'Аргентина',
|
475
|
+
},
|
476
|
+
],
|
477
|
+
},
|
478
|
+
];
|
479
|
+
|
480
|
+
return (
|
481
|
+
<div style={{ display: "flex", gap: "30px", height: "300px" }}>
|
482
|
+
<Combobox
|
483
|
+
label="Label"
|
484
|
+
placeholder="Placeholder"
|
485
|
+
items={items}
|
486
|
+
multiple
|
487
|
+
selectAllOptions={{
|
488
|
+
checked,
|
489
|
+
onClick: () => setChecked(prev => !prev)
|
490
|
+
}}
|
491
|
+
/>
|
492
|
+
</div>
|
493
|
+
);
|
494
|
+
}
|
495
|
+
```
|
496
|
+
</TabItem>
|
439
497
|
</Tabs>
|
440
498
|
|
441
499
|
## Использование с React Hook Form и нативной формой
|
@@ -528,7 +528,8 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
528
528
|
_onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
|
529
529
|
}));
|
530
530
|
},
|
531
|
-
zIndex: zIndex
|
531
|
+
zIndex: zIndex,
|
532
|
+
isInner: false
|
532
533
|
}, /*#__PURE__*/_react["default"].createElement(Root, {
|
533
534
|
size: size,
|
534
535
|
view: view,
|
@@ -536,12 +537,13 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
536
537
|
disabled: disabled,
|
537
538
|
readOnly: readOnly,
|
538
539
|
name: name
|
540
|
+
}, /*#__PURE__*/_react["default"].createElement(_Combobox2.ListWrapper, {
|
541
|
+
listWidth: listWidth
|
539
542
|
}, /*#__PURE__*/_react["default"].createElement(_Combobox2.Ul, {
|
540
543
|
role: "tree",
|
541
544
|
id: "".concat(treeId, "_tree_level_1"),
|
542
545
|
"aria-multiselectable": Boolean(multiple),
|
543
546
|
listMaxHeight: listMaxHeight || listHeight,
|
544
|
-
listWidth: listWidth,
|
545
547
|
ref: targetRef,
|
546
548
|
virtual: virtual,
|
547
549
|
listOverflow: listOverflow,
|
@@ -550,7 +552,13 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
550
552
|
className: _Combobox.classes.emptyStateWrapper,
|
551
553
|
size: size,
|
552
554
|
description: emptyStateDescription || 'Ничего не найдено'
|
553
|
-
}) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null,
|
555
|
+
}) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.multiple && props.selectAllOptions &&
|
556
|
+
/*#__PURE__*/
|
557
|
+
// TODO: #2004
|
558
|
+
_react["default"].createElement(_ui.SelectAll, {
|
559
|
+
selectAllOptions: props.selectAllOptions,
|
560
|
+
variant: variant
|
561
|
+
}), virtual ? /*#__PURE__*/_react["default"].createElement(_ui.VirtualList, {
|
554
562
|
items: filteredItems,
|
555
563
|
listMaxHeight: listMaxHeight || listHeight,
|
556
564
|
onScroll: onScroll
|
@@ -564,7 +572,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
564
572
|
index: index,
|
565
573
|
listWidth: listWidth
|
566
574
|
});
|
567
|
-
})), afterList))))));
|
575
|
+
})), afterList)))))));
|
568
576
|
});
|
569
577
|
};
|
570
578
|
var comboboxConfig = exports.comboboxConfig = {
|
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.sizeMap = exports.base = exports.Ul = exports.StyledLeftHelper = exports.StyledEmptyState = exports.StyledArrow = exports.IconArrowWrapper = void 0;
|
7
|
+
exports.sizeMap = exports.base = exports.Ul = exports.StyledLeftHelper = exports.StyledEmptyState = exports.StyledArrow = exports.ListWrapper = exports.IconArrowWrapper = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
|
9
9
|
var _EmptyState = /*#__PURE__*/require("../../EmptyState");
|
10
10
|
var _Icon = /*#__PURE__*/require("../../_Icon");
|
@@ -14,12 +14,15 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
15
|
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_EmptyState.emptyStateConfig);
|
16
16
|
var EmptyState = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
17
|
-
var
|
17
|
+
var ListWrapper = exports.ListWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
18
18
|
componentId: "plasma-new-hope__sc-2kddkg-0"
|
19
|
-
})(["
|
19
|
+
})(["width:", ";padding:calc(var(", ") + var(", ",0rem));border-radius:var(", ");box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);"], function (_ref) {
|
20
20
|
var listWidth = _ref.listWidth;
|
21
21
|
return listWidth || '100%';
|
22
|
-
},
|
22
|
+
}, _Combobox.tokens.padding, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.borderRadius, _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.dropdownBorderColor);
|
23
|
+
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-2kddkg-1"
|
25
|
+
})(["max-height:", ";overflow-y:", ";border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));margin:0;padding:0;.", "{box-shadow:none;}"], function (_ref2) {
|
23
26
|
var virtual = _ref2.virtual,
|
24
27
|
listMaxHeight = _ref2.listMaxHeight;
|
25
28
|
return virtual ? 'auto' : listMaxHeight || 'auto';
|
@@ -27,17 +30,14 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
|
27
30
|
var virtual = _ref3.virtual,
|
28
31
|
listOverflow = _ref3.listOverflow;
|
29
32
|
return virtual ? 'visible' : listOverflow || 'visible';
|
30
|
-
}, _Combobox.tokens.
|
31
|
-
var isInnerUl = _ref4.isInnerUl;
|
32
|
-
return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0 0") : "var(".concat(_Combobox.tokens.margin, ") 0 0 0");
|
33
|
-
}, _Combobox.tokens.padding, _Combobox.classes.emptyStateWrapper);
|
33
|
+
}, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth, _Combobox.classes.emptyStateWrapper);
|
34
34
|
var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
35
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
36
|
-
})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.tokens.disclosureIconColor, function (
|
37
|
-
var disabled =
|
35
|
+
componentId: "plasma-new-hope__sc-2kddkg-2"
|
36
|
+
})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.tokens.disclosureIconColor, function (_ref4) {
|
37
|
+
var disabled = _ref4.disabled;
|
38
38
|
return disabled ? 'inherit' : 'pointer';
|
39
|
-
}, _Combobox.classes.arrowInverse, function (
|
40
|
-
var disabled =
|
39
|
+
}, _Combobox.classes.arrowInverse, function (_ref5) {
|
40
|
+
var disabled = _ref5.disabled;
|
41
41
|
return disabled ? "var(".concat(_Combobox.tokens.disclosureIconColor, ")") : "var(".concat(_Combobox.tokens.disclosureIconColorHover, ")");
|
42
42
|
});
|
43
43
|
|
@@ -47,20 +47,20 @@ var sizeMap = exports.sizeMap = {
|
|
47
47
|
s: '1.5rem'
|
48
48
|
};
|
49
49
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
|
50
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
51
|
-
})(["width:", ";height:", ";"], function (
|
50
|
+
componentId: "plasma-new-hope__sc-2kddkg-3"
|
51
|
+
})(["width:", ";height:", ";"], function (_ref6) {
|
52
|
+
var _ref6$size = _ref6.size,
|
53
|
+
size = _ref6$size === void 0 ? 'xs' : _ref6$size;
|
54
|
+
return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
55
|
+
}, function (_ref7) {
|
52
56
|
var _ref7$size = _ref7.size,
|
53
57
|
size = _ref7$size === void 0 ? 'xs' : _ref7$size;
|
54
58
|
return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
55
|
-
}, function (_ref8) {
|
56
|
-
var _ref8$size = _ref8.size,
|
57
|
-
size = _ref8$size === void 0 ? 'xs' : _ref8$size;
|
58
|
-
return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
59
59
|
});
|
60
60
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
|
61
61
|
var StyledEmptyState = exports.StyledEmptyState = /*#__PURE__*/(0, _styledComponents["default"])(EmptyState).withConfig({
|
62
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
62
|
+
componentId: "plasma-new-hope__sc-2kddkg-4"
|
63
63
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _EmptyState.emptyStateTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _EmptyState.emptyStateTokens.padding, _Combobox.tokens.emptyStatePadding, _EmptyState.emptyStateTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _EmptyState.emptyStateTokens.fontSize, _Combobox.tokens.textFieldFontSize, _EmptyState.emptyStateTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _EmptyState.emptyStateTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _Combobox.tokens.textFieldLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight, _Combobox.tokens.textFieldLineHeight);
|
64
64
|
var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
65
|
-
componentId: "plasma-new-hope__sc-2kddkg-
|
65
|
+
componentId: "plasma-new-hope__sc-2kddkg-5"
|
66
66
|
})(["margin:0;padding:0;"]);
|
@@ -223,14 +223,21 @@ var tokens = exports.tokens = {
|
|
223
223
|
disclosureIconColor: '--plasma-combobox-disclosure-icon-color',
|
224
224
|
disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover',
|
225
225
|
disclosureIconSize: '--plasma-select-disclosure-icon-size',
|
226
|
-
disclosureIconMargin: '--plasma-select-disclosure-icon-margin'
|
226
|
+
disclosureIconMargin: '--plasma-select-disclosure-icon-margin',
|
227
|
+
dividerMarginTop: '--plasma-combobox-divider-margin-top',
|
228
|
+
dividerMarginTopTight: '--plasma-combobox-divider-margin-top-tight',
|
229
|
+
dividerMarginRight: '--plasma-combobox-divider-margin-right',
|
230
|
+
dividerMarginBottom: '--plasma-combobox-divider-margin-bottom',
|
231
|
+
dividerMarginBottomTight: '--plasma-combobox-divider-margin-bottom-tight',
|
232
|
+
dividerMarginLeft: '--plasma-combobox-divider-margin-left',
|
233
|
+
dividerColor: '--plasma-combobox-divider-color'
|
227
234
|
};
|
228
235
|
var constants = exports.constants = {
|
229
236
|
focusColor: '--surface-accent',
|
230
237
|
focusSize: '0.0625rem',
|
231
238
|
background: '--surface-solid-card',
|
232
239
|
boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
|
233
|
-
itemBackground: '--
|
240
|
+
itemBackground: '--surface-clear',
|
234
241
|
textfieldTargetColor: '--text-primary',
|
235
242
|
textfieldOuterLabelColor: '--text-primary',
|
236
243
|
textfieldInnerLabelColor: '--text-secondary',
|
@@ -244,5 +251,5 @@ var constants = exports.constants = {
|
|
244
251
|
fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',
|
245
252
|
fontLineHeight: '--plasma-typo-body-xs-line-height',
|
246
253
|
cellTitleColor: '--text-primary',
|
247
|
-
cellBackgroundColor: '--
|
254
|
+
cellBackgroundColor: '--surface-clear'
|
248
255
|
};
|
@@ -15,6 +15,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
15
15
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
16
16
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
17
17
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
18
|
+
// TODO: #2003
|
19
|
+
var LIST_PADDING = 2;
|
18
20
|
var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
19
21
|
var target = _ref.target,
|
20
22
|
children = _ref.children,
|
@@ -23,9 +25,8 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
|
|
23
25
|
placement = _ref.placement,
|
24
26
|
portal = _ref.portal,
|
25
27
|
listWidth = _ref.listWidth,
|
26
|
-
|
27
|
-
|
28
|
-
zIndex = _ref.zIndex;
|
28
|
+
zIndex = _ref.zIndex,
|
29
|
+
isInner = _ref.isInner;
|
29
30
|
var _useFloating = (0, _react.useFloating)({
|
30
31
|
whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
|
31
32
|
return (0, _react.autoUpdate)(referenceEl, floatingEl, update, {
|
@@ -36,14 +37,17 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
|
|
36
37
|
},
|
37
38
|
placement: placement,
|
38
39
|
open: opened,
|
39
|
-
middleware: [(0, _react.offset)(
|
40
|
+
middleware: [(0, _react.offset)({
|
41
|
+
mainAxis: isInner ? LIST_PADDING * 2 : 0,
|
42
|
+
alignmentAxis: isInner ? -LIST_PADDING : 0
|
43
|
+
}), (0, _react.flip)({
|
40
44
|
fallbackAxisSideDirection: 'end'
|
41
45
|
}), (0, _react.shift)(), (0, _react.size)({
|
42
46
|
apply: function apply(_ref2) {
|
43
47
|
var rects = _ref2.rects,
|
44
48
|
elements = _ref2.elements;
|
45
49
|
Object.assign(elements.floating.style, {
|
46
|
-
width: listWidth || "".concat(rects.reference.width, "px")
|
50
|
+
width: listWidth || "".concat(isInner ? rects.reference.width + LIST_PADDING * 2 : rects.reference.width, "px")
|
47
51
|
});
|
48
52
|
}
|
49
53
|
})]
|
@@ -42,7 +42,6 @@ var Inner = exports.Inner = function Inner(_ref) {
|
|
42
42
|
placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right-start',
|
43
43
|
opened: isCurrentListOpen,
|
44
44
|
onToggle: handleToggle,
|
45
|
-
offset: 2,
|
46
45
|
target: /*#__PURE__*/_react["default"].createElement(_ui.Item, {
|
47
46
|
item: item,
|
48
47
|
path: path,
|
@@ -52,12 +51,13 @@ var Inner = exports.Inner = function Inner(_ref) {
|
|
52
51
|
ariaExpanded: isCurrentListOpen,
|
53
52
|
ariaLevel: nextLevel,
|
54
53
|
ariaLabel: item.label
|
55
|
-
})
|
54
|
+
}),
|
55
|
+
isInner: true
|
56
|
+
}, /*#__PURE__*/_react["default"].createElement(_Combobox.ListWrapper, {
|
57
|
+
listWidth: listWidth
|
56
58
|
}, /*#__PURE__*/_react["default"].createElement(_Combobox.Ul, {
|
57
59
|
role: "group",
|
58
60
|
id: listId,
|
59
|
-
isInnerUl: true,
|
60
|
-
listWidth: listWidth,
|
61
61
|
virtual: false
|
62
62
|
}, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
|
63
63
|
return /*#__PURE__*/_react["default"].createElement(Inner, {
|
@@ -69,7 +69,7 @@ var Inner = exports.Inner = function Inner(_ref) {
|
|
69
69
|
index: innerIndex,
|
70
70
|
listWidth: listWidth
|
71
71
|
});
|
72
|
-
})));
|
72
|
+
}))));
|
73
73
|
}
|
74
74
|
return /*#__PURE__*/_react["default"].createElement(_ui.Item, {
|
75
75
|
item: item,
|
package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js
CHANGED
@@ -82,16 +82,16 @@ var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].
|
|
82
82
|
})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
83
83
|
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
84
84
|
componentId: "plasma-new-hope__sc-1n1xg1s-11"
|
85
|
-
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ")
|
85
|
+
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref7) {
|
86
86
|
var variant = _ref7.variant;
|
87
87
|
return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
|
88
|
-
}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
89
|
-
outlineSize: '0
|
88
|
+
}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
89
|
+
outlineSize: '0',
|
90
90
|
outlineOffset: '0',
|
91
91
|
outlineColor: /*#__PURE__*/"var(".concat(_Combobox.constants.focusColor, ")"),
|
92
|
-
outlineRadius: /*#__PURE__*/"var(".concat(_Combobox.tokens.
|
92
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Combobox.tokens.borderRadius, ") - 0.125rem - var(").concat(_Combobox.tokens.dropdownBorderWidth, ", 0rem))"),
|
93
93
|
hasTransition: false,
|
94
|
-
customFocusRules: /*#__PURE__*/"\n &.".concat(_Combobox.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Combobox.constants.focusColor, ");\n }\n ")
|
94
|
+
customFocusRules: /*#__PURE__*/"\n &.".concat(_Combobox.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(").concat(_Combobox.constants.focusColor, ");\n }\n ")
|
95
95
|
}));
|
96
96
|
var StyledCheckboxWrapper = exports.StyledCheckboxWrapper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
97
97
|
componentId: "plasma-new-hope__sc-1n1xg1s-12"
|
@@ -0,0 +1,39 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.SelectAll = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
|
8
|
+
var _Item = /*#__PURE__*/require("../Inner/ui/Item/Item.styles");
|
9
|
+
var _SelectAll = /*#__PURE__*/require("./SelectAll.styles");
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
11
|
+
var SelectAll = exports.SelectAll = function SelectAll(_ref) {
|
12
|
+
var variant = _ref.variant,
|
13
|
+
selectAllOptions = _ref.selectAllOptions;
|
14
|
+
return /*#__PURE__*/_react["default"].createElement(_SelectAll.Wrapper, {
|
15
|
+
variant: variant,
|
16
|
+
onClick: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.onClick,
|
17
|
+
sticky: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.sticky
|
18
|
+
}, /*#__PURE__*/_react["default"].createElement(_Item.Wrapper, {
|
19
|
+
variant: variant
|
20
|
+
}, /*#__PURE__*/_react["default"].createElement(_Item.IconWrapper, {
|
21
|
+
variant: variant
|
22
|
+
}, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckboxWrapper, {
|
23
|
+
onClick: function onClick(e) {
|
24
|
+
return e.preventDefault();
|
25
|
+
}
|
26
|
+
}, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
|
27
|
+
checked: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.checked,
|
28
|
+
indeterminate: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.indeterminate,
|
29
|
+
appearance: "default"
|
30
|
+
}))), /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell
|
31
|
+
// TODO: #1548
|
32
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
33
|
+
// @ts-ignore
|
34
|
+
, {
|
35
|
+
title: /*#__PURE__*/_react["default"].createElement("span", null, (selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.label) || 'Выбрать всё')
|
36
|
+
}))), /*#__PURE__*/_react["default"].createElement(_SelectAll.DividerWrapper, null, /*#__PURE__*/_react["default"].createElement(_SelectAll.Divider, {
|
37
|
+
variant: variant
|
38
|
+
})));
|
39
|
+
};
|
package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js
ADDED
@@ -0,0 +1,27 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Wrapper = exports.DividerWrapper = exports.Divider = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
8
|
+
var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
10
|
+
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-10t9fym-0"
|
12
|
+
})(["position:", ";z-index:10;top:0;display:flex;flex-direction:column;background:var(", ");margin-bottom:", ";border-top-left-radius:calc(var(", ") - 0.125rem - var(", ",0rem));border-top-right-radius:calc(var(", ") - 0.125rem - var(", ",0rem));"], function (_ref) {
|
13
|
+
var sticky = _ref.sticky;
|
14
|
+
return sticky ? 'sticky' : 'static';
|
15
|
+
}, _Combobox.constants.background, function (_ref2) {
|
16
|
+
var variant = _ref2.variant;
|
17
|
+
return "var(".concat(variant === 'tight' ? _Combobox.tokens.dividerMarginBottomTight : _Combobox.tokens.dividerMarginBottom, ")");
|
18
|
+
}, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth);
|
19
|
+
var DividerWrapper = exports.DividerWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
|
+
componentId: "plasma-new-hope__sc-10t9fym-1"
|
21
|
+
})(["background:var(", ");"], _Combobox.constants.background);
|
22
|
+
var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
23
|
+
componentId: "plasma-new-hope__sc-10t9fym-2"
|
24
|
+
})(["height:0.0625rem;margin-top:", ";margin-right:var(", ");margin-left:var(", ");background:var(", ");"], function (_ref3) {
|
25
|
+
var variant = _ref3.variant;
|
26
|
+
return "var(".concat(variant === 'tight' ? _Combobox.tokens.dividerMarginTopTight : _Combobox.tokens.dividerMarginTop, ")");
|
27
|
+
}, _Combobox.tokens.dividerMarginRight, _Combobox.tokens.dividerMarginLeft, _Combobox.tokens.dividerColor);
|
@@ -35,4 +35,15 @@ Object.keys(_VirtualList).forEach(function (key) {
|
|
35
35
|
return _VirtualList[key];
|
36
36
|
}
|
37
37
|
});
|
38
|
+
});
|
39
|
+
var _SelectAll = /*#__PURE__*/require("./SelectAll/SelectAll");
|
40
|
+
Object.keys(_SelectAll).forEach(function (key) {
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
42
|
+
if (key in exports && exports[key] === _SelectAll[key]) return;
|
43
|
+
Object.defineProperty(exports, key, {
|
44
|
+
enumerable: true,
|
45
|
+
get: function get() {
|
46
|
+
return _SelectAll[key];
|
47
|
+
}
|
48
|
+
});
|
38
49
|
});
|
@@ -176,7 +176,8 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
|
|
176
176
|
onKeyDown: onKeyDown,
|
177
177
|
onContextMenu: openByRightClick ? onContextMenu : undefined
|
178
178
|
}),
|
179
|
-
zIndex: zIndex
|
179
|
+
zIndex: zIndex,
|
180
|
+
isInner: false
|
180
181
|
}, /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
181
182
|
className: (0, _utils.cx)(className, _Dropdown2.classes.dropdownRoot),
|
182
183
|
ref: ref,
|
@@ -185,13 +186,14 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
|
|
185
186
|
style: {
|
186
187
|
display: 'inline-block'
|
187
188
|
}
|
188
|
-
}, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.
|
189
|
+
}, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.ListWrapper, {
|
190
|
+
listWidth: listWidth
|
191
|
+
}, /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
|
189
192
|
ref: targetRef,
|
190
193
|
id: "".concat(treeId, "_tree_level_1"),
|
191
194
|
role: "tree",
|
192
195
|
listOverflow: listOverflow,
|
193
|
-
listMaxHeight: listMaxHeight || listHeight
|
194
|
-
listWidth: listWidth
|
196
|
+
listMaxHeight: listMaxHeight || listHeight
|
195
197
|
}, beforeList, items.map(function (item, index) {
|
196
198
|
return /*#__PURE__*/_react["default"].createElement(_ui.DropdownInner, {
|
197
199
|
key: "".concat(index, "/0"),
|
@@ -205,7 +207,7 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
|
|
205
207
|
listMaxHeight: listMaxHeight || listHeight,
|
206
208
|
listWidth: listWidth
|
207
209
|
});
|
208
|
-
}), afterList))));
|
210
|
+
}), afterList)))));
|
209
211
|
});
|
210
212
|
};
|
211
213
|
var dropdownConfig = exports.dropdownConfig = {
|
@@ -4,25 +4,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.base = exports.Ul = void 0;
|
7
|
+
exports.base = exports.Ul = exports.ListWrapper = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
|
9
9
|
var _utils = /*#__PURE__*/require("./utils");
|
10
10
|
var _Dropdown = /*#__PURE__*/require("./Dropdown.tokens");
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
|
-
var
|
13
|
+
var ListWrapper = exports.ListWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
14
14
|
componentId: "plasma-new-hope__sc-13ezpo5-0"
|
15
|
-
})(["
|
15
|
+
})(["width:", ";padding:calc(var(", ") + var(", ",0rem));border-radius:var(", ");box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0) var(", ",transparent);"], function (_ref) {
|
16
16
|
var listWidth = _ref.listWidth;
|
17
17
|
return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
|
18
|
-
},
|
18
|
+
}, _Dropdown.tokens.padding, _Dropdown.tokens.borderWidth, _Dropdown.tokens.borderRadius, _Dropdown.constants.background, _Dropdown.constants.boxShadow, _Dropdown.tokens.borderWidth, _Dropdown.tokens.borderColor);
|
19
|
+
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
20
|
+
componentId: "plasma-new-hope__sc-13ezpo5-1"
|
21
|
+
})(["max-height:", ";overflow-y:", ";border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));margin:0;padding:0;"], function (_ref2) {
|
19
22
|
var listMaxHeight = _ref2.listMaxHeight;
|
20
23
|
return listMaxHeight ? (0, _utils.getCorrectHeight)(listMaxHeight) : 'auto';
|
21
24
|
}, function (_ref3) {
|
22
|
-
var
|
23
|
-
return isInnerUl ? "calc(var(".concat(_Dropdown.tokens.padding, ") * -1) 0.125rem 0") : 0;
|
24
|
-
}, _Dropdown.tokens.padding, function (_ref4) {
|
25
|
-
var listOverflow = _ref4.listOverflow;
|
25
|
+
var listOverflow = _ref3.listOverflow;
|
26
26
|
return listOverflow || 'visible';
|
27
|
-
}, _Dropdown.
|
27
|
+
}, _Dropdown.tokens.borderRadius, _Dropdown.tokens.borderWidth);
|
28
28
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
|
@@ -169,8 +169,8 @@ var constants = exports.constants = {
|
|
169
169
|
background: '--surface-solid-card-brightness',
|
170
170
|
boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
|
171
171
|
disclosureIconColor: '--text-secondary',
|
172
|
-
itemBackground: '--
|
172
|
+
itemBackground: '--surface-clear',
|
173
173
|
opacity: '0.4',
|
174
174
|
cellTitleColor: '--text-primary',
|
175
|
-
cellBackgroundColor: '--
|
175
|
+
cellBackgroundColor: '--surface-clear'
|
176
176
|
};
|