@salutejs/plasma-new-hope 0.78.0-canary.1195.8939186735.0 → 0.78.0-canary.1201.8968491632.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.styles.js +0 -1
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Combobox/Combobox.css +17 -7
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +15 -6
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +15 -6
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +15 -6
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +15 -6
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +81 -10
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +21 -9
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
- package/cjs/components/Combobox/utils/index.js +23 -0
- package/cjs/components/Combobox/utils/index.js.map +1 -0
- package/cjs/components/Drawer/Drawer.js +0 -1
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.css +25 -2
- package/cjs/components/Dropdown/Dropdown.js +138 -54
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +40 -7
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/hooks/useHashMaps.js +34 -0
- package/cjs/components/Dropdown/hooks/useHashMaps.js.map +1 -0
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +223 -0
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/components/Dropdown/reducers/focusedPathReducer.js +37 -0
- package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
- package/cjs/components/Dropdown/reducers/pathReducer.js +41 -0
- package/cjs/components/Dropdown/reducers/pathReducer.js.map +1 -0
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +122 -0
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +79 -100
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +31 -5
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +30 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +112 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
- package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
- package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
- package/cjs/components/Dropdown/utils/index.js +16 -0
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +14 -7
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +14 -7
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/cjs/components/Select/Select.css +14 -7
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +15 -6
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +15 -6
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +15 -6
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +15 -6
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
- package/cjs/components/Select/ui/SelectItem/SelectItem.css +16 -7
- package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
- package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
- package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
- package/cjs/components/TextField/TextField.js +2 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/cjs/index.css +18 -10
- package/cjs/index.js +8 -7
- package/cjs/index.js.map +1 -1
- package/es/components/Button/Button.styles.js +0 -1
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Combobox/Combobox.css +17 -7
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +15 -6
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +15 -6
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +15 -6
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +15 -6
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +82 -11
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +19 -10
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
- package/es/components/Combobox/utils/index.js +19 -0
- package/es/components/Combobox/utils/index.js.map +1 -0
- package/es/components/Drawer/Drawer.js +0 -1
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.css +25 -2
- package/es/components/Dropdown/Dropdown.js +144 -60
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +39 -7
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
- package/es/components/Dropdown/Dropdown.tokens.js +26 -23
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/hooks/useHashMaps.js +30 -0
- package/es/components/Dropdown/hooks/useHashMaps.js.map +1 -0
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js +218 -0
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
- package/es/components/Dropdown/reducers/focusedPathReducer.js +33 -0
- package/es/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
- package/es/components/Dropdown/reducers/pathReducer.js +37 -0
- package/es/components/Dropdown/reducers/pathReducer.js.map +1 -0
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +118 -0
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +80 -100
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +30 -5
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +23 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +107 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
- package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
- package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
- package/es/components/Dropdown/utils/index.js +16 -2
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Pagination/Pagination.css +14 -7
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +14 -7
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/es/components/Select/Select.css +14 -7
- package/es/components/Select/ui/SelectDivider/SelectDivider.css +15 -6
- package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
- package/es/components/Select/ui/SelectFooter/SelectFooter.css +15 -6
- package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
- package/es/components/Select/ui/SelectGroup/SelectGroup.css +15 -6
- package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
- package/es/components/Select/ui/SelectHeader/SelectHeader.css +15 -6
- package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
- package/es/components/Select/ui/SelectItem/SelectItem.css +16 -7
- package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
- package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
- package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
- package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
- package/es/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
- package/es/components/TextField/TextField.js +3 -3
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/es/index.css +18 -10
- package/es/index.js +4 -3
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.styles.js +2 -10
- package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +91 -2
- package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +27 -7
- package/styled-components/cjs/components/Combobox/utils/index.js +23 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +140 -54
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +22 -7
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
- package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +32 -0
- package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +221 -0
- package/styled-components/cjs/components/Dropdown/index.js +9 -1
- package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +40 -0
- package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +44 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +117 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +5 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +77 -105
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +24 -19
- package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +33 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +5 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +119 -0
- package/styled-components/cjs/components/Dropdown/ui/index.js +19 -5
- package/styled-components/cjs/components/Dropdown/utils/index.js +15 -1
- package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +1 -9
- package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
- package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
- package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.js +4 -4
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +25 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Button/Button.styles.js +2 -10
- package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +90 -3
- package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +23 -6
- package/styled-components/es/components/Combobox/utils/index.js +15 -0
- package/styled-components/es/components/Dropdown/Dropdown.js +142 -55
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +18 -5
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +26 -23
- package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +26 -0
- package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +215 -0
- package/styled-components/es/components/Dropdown/index.js +1 -0
- package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +34 -0
- package/styled-components/es/components/Dropdown/reducers/pathReducer.js +38 -0
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +111 -0
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +1 -0
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +78 -107
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -15
- package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +25 -0
- package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +1 -0
- package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +111 -0
- package/styled-components/es/components/Dropdown/ui/index.js +3 -1
- package/styled-components/es/components/Dropdown/utils/index.js +15 -1
- package/styled-components/es/components/Dropdown/variations/_size/tokens.json +1 -9
- package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
- package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
- package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
- package/styled-components/es/components/TextField/TextField.js +4 -4
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +19 -0
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
- package/styled-components/es/index.js +0 -1
- package/types/components/Button/Button.styles.d.ts +0 -1
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +15 -13
- package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
- package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +5 -1
- package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
- package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +59 -2
- package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
- package/types/components/Combobox/utils/index.d.ts +4 -0
- package/types/components/Combobox/utils/index.d.ts.map +1 -0
- package/types/components/Dropdown/Dropdown.d.ts +4 -4
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +8 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +24 -22
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +64 -40
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/hooks/useHashMaps.d.ts +6 -0
- package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +1 -0
- package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +37 -0
- package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/Dropdown/index.d.ts +3 -1
- package/types/components/Dropdown/index.d.ts.map +1 -1
- package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +16 -0
- package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +1 -0
- package/types/components/Dropdown/reducers/pathReducer.d.ts +20 -0
- package/types/components/Dropdown/reducers/pathReducer.d.ts.map +1 -0
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +5 -0
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -0
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +26 -0
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -0
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +2 -56
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +5 -2
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +44 -38
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +7 -0
- package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +1 -0
- package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +60 -0
- package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +1 -0
- package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +58 -0
- package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +1 -0
- package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +1 -0
- package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +1 -0
- package/types/components/Dropdown/ui/index.d.ts +3 -1
- package/types/components/Dropdown/ui/index.d.ts.map +1 -1
- package/types/components/Dropdown/utils/index.d.ts +5 -2
- package/types/components/Dropdown/utils/index.d.ts.map +1 -1
- package/types/components/Select/ui/SelectItem/SelectItem.d.ts +2 -2
- package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -1
- package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +2 -2
- package/types/components/Select/utils/index.d.ts +1 -1
- package/types/components/TextField/TextField.d.ts +2 -2
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +13 -0
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +2 -2
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +2 -2
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +2 -2
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
- package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
- package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
- package/cjs/components/IconButton/IconButton.css +0 -24
- package/cjs/components/IconButton/IconButton.js +0 -50
- package/cjs/components/IconButton/IconButton.js.map +0 -1
- package/cjs/components/IconButton/IconButton.styles.js +0 -16
- package/cjs/components/IconButton/IconButton.styles.js.map +0 -1
- package/cjs/components/IconButton/IconButton.styles_1hknr37.css +0 -1
- package/cjs/components/IconButton/IconButton.tokens.js +0 -32
- package/cjs/components/IconButton/IconButton.tokens.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
- package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
- package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
- package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
- package/es/components/IconButton/IconButton.css +0 -24
- package/es/components/IconButton/IconButton.js +0 -45
- package/es/components/IconButton/IconButton.js.map +0 -1
- package/es/components/IconButton/IconButton.styles.js +0 -12
- package/es/components/IconButton/IconButton.styles.js.map +0 -1
- package/es/components/IconButton/IconButton.styles_1hknr37.css +0 -1
- package/es/components/IconButton/IconButton.tokens.js +0 -28
- package/es/components/IconButton/IconButton.tokens.js.map +0 -1
- package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +0 -80
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
- package/styled-components/cjs/components/IconButton/IconButton.js +0 -47
- package/styled-components/cjs/components/IconButton/IconButton.styles.js +0 -12
- package/styled-components/cjs/components/IconButton/IconButton.tokens.js +0 -31
- package/styled-components/cjs/components/IconButton/index.js +0 -25
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -27
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -27
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +0 -45
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -69
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -27
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -13
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -27
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -13
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +0 -45
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -69
- package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -22
- package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -21
- package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
- package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +0 -80
- package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
- package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
- package/styled-components/es/components/IconButton/IconButton.js +0 -41
- package/styled-components/es/components/IconButton/IconButton.styles.js +0 -6
- package/styled-components/es/components/IconButton/IconButton.tokens.js +0 -25
- package/styled-components/es/components/IconButton/index.js +0 -2
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -21
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -7
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -21
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -7
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +0 -39
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -69
- package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -21
- package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -7
- package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
- package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -21
- package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -7
- package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +0 -39
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.js +0 -5
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -69
- package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -16
- package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -15
- package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
- package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/IconButton/IconButton.d.ts +0 -35
- package/types/components/IconButton/IconButton.d.ts.map +0 -1
- package/types/components/IconButton/IconButton.styles.d.ts +0 -3
- package/types/components/IconButton/IconButton.styles.d.ts.map +0 -1
- package/types/components/IconButton/IconButton.tokens.d.ts +0 -26
- package/types/components/IconButton/IconButton.tokens.d.ts.map +0 -1
- package/types/components/IconButton/index.d.ts +0 -3
- package/types/components/IconButton/index.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +0 -30
- package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts +0 -18
- package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +0 -30
- package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts +0 -38
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +0 -32
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +0 -18
- package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +0 -30
- package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +0 -18
- package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +0 -30
- package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts +0 -38
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +0 -32
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +0 -15
- package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +0 -51
- package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +0 -1
- /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base_x642ct.css +0 -0
- /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base_x642ct.css +0 -0
- /package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base_x642ct.css +0 -0
- /package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base_x642ct.css +0 -0
- /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
- /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
- /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
- /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
- /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.d.ts +0 -0
- /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.d.ts +0 -0
- /package/types/examples/plasma_b2c/components/Dropdown/{Normal/Dropdown.config.d.ts → Dropdown.config.d.ts} +0 -0
@@ -1,76 +1,100 @@
|
|
1
|
-
import type { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
|
1
|
+
import type { CSSProperties, HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
|
2
|
+
import { DropdownItemOption } from './ui/DropdownItem/DropdownItem.type';
|
2
3
|
export declare type DropdownPlacementBasic = 'top' | 'bottom' | 'right' | 'left';
|
3
4
|
export declare type DropdownPlacement = DropdownPlacementBasic | 'auto';
|
4
5
|
export declare type DropdownTrigger = 'hover' | 'click';
|
5
|
-
export
|
6
|
+
export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
|
6
7
|
/**
|
7
|
-
*
|
8
|
-
* @default
|
9
|
-
* false
|
8
|
+
* Список элементов.
|
10
9
|
*/
|
11
|
-
|
10
|
+
items: Array<DropdownItemOption>;
|
11
|
+
/**
|
12
|
+
* Target для открытия.
|
13
|
+
*/
|
14
|
+
children?: ReactNode;
|
15
|
+
/**
|
16
|
+
* WAI-ARIA role элемента меню.
|
17
|
+
* @default option
|
18
|
+
*/
|
19
|
+
itemRole?: string;
|
20
|
+
/**
|
21
|
+
* Обработчик наведения на item.
|
22
|
+
*/
|
23
|
+
onHover?: (index: number) => void;
|
24
|
+
/**
|
25
|
+
* Обработчик выбора item.
|
26
|
+
*/
|
27
|
+
onItemSelect?: (item: DropdownItemOption, event: SyntheticEvent) => void;
|
12
28
|
/**
|
13
29
|
* Способ открытия дропдауна окна - наведение или клик мышью.
|
14
|
-
* @default
|
15
|
-
* click
|
30
|
+
* @default click
|
16
31
|
*/
|
17
32
|
trigger?: DropdownTrigger;
|
18
33
|
/**
|
19
34
|
* Сторона открытия дропдауна относительно target элемента.
|
20
|
-
* @default
|
21
|
-
* auto
|
35
|
+
* @default bottom
|
22
36
|
*/
|
23
37
|
placement?: DropdownPlacement | Array<DropdownPlacementBasic>;
|
24
38
|
/**
|
25
39
|
* Отступ дропдауна относительно элемента, у которого оно вызвано.
|
26
|
-
* @default
|
27
|
-
* [0, 0]
|
40
|
+
* @default [0, 0]
|
28
41
|
*/
|
29
42
|
offset?: [number, number];
|
30
43
|
/**
|
31
|
-
*
|
44
|
+
* Значение css width для выпадающего списка.
|
45
|
+
* @example width="200px"
|
32
46
|
*/
|
33
|
-
|
47
|
+
listWidth?: CSSProperties['width'];
|
34
48
|
/**
|
35
|
-
*
|
49
|
+
* Стрелка у выпадающего списка.
|
50
|
+
* @default true
|
36
51
|
*/
|
37
|
-
|
52
|
+
hasArrow?: boolean;
|
38
53
|
/**
|
39
|
-
*
|
54
|
+
* Закрыть выпадающий список после выбора.
|
55
|
+
* @default true
|
40
56
|
*/
|
41
|
-
|
57
|
+
closeOnSelect?: boolean;
|
42
58
|
/**
|
43
|
-
*
|
59
|
+
* Закрывать окно при нажатии вне области дропдауна.
|
60
|
+
* @default true
|
44
61
|
*/
|
45
|
-
|
62
|
+
closeOnOverlayClick?: boolean;
|
46
63
|
/**
|
47
|
-
*
|
48
|
-
* @default
|
49
|
-
* true
|
64
|
+
* Событие сворачивания/разворачивания дропдауна.
|
50
65
|
*/
|
51
|
-
|
66
|
+
onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
|
67
|
+
size?: string;
|
68
|
+
view?: string;
|
52
69
|
/**
|
53
|
-
*
|
54
|
-
* @default
|
55
|
-
* true
|
70
|
+
* Вариант: обычный или сжатый
|
71
|
+
* @default normal
|
56
72
|
*/
|
57
|
-
|
73
|
+
variant?: 'normal' | 'tight';
|
58
74
|
/**
|
59
|
-
*
|
60
|
-
* @
|
61
|
-
* true
|
75
|
+
* Обработчик клика по item.
|
76
|
+
* @deprecated использовать onItemSelect.
|
62
77
|
*/
|
63
|
-
|
78
|
+
onItemClick?: (item: DropdownItemOption, event: SyntheticEvent) => void;
|
64
79
|
/**
|
65
|
-
*
|
80
|
+
* Значение css overflow для выпадающего меню.
|
81
|
+
* @default initial
|
82
|
+
* @deprecated
|
83
|
+
* @example listOverflow="scroll"
|
66
84
|
*/
|
67
|
-
|
85
|
+
listOverflow?: CSSProperties['overflow'];
|
68
86
|
/**
|
69
|
-
*
|
87
|
+
* Значение css height для выпадающего меню.
|
88
|
+
* @default initial
|
89
|
+
* @deprecated
|
90
|
+
* @example listHeight="11", listHeight="auto", listHeight={11}
|
70
91
|
*/
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
92
|
+
listHeight?: number | CSSProperties['height'];
|
93
|
+
/**
|
94
|
+
* Индекс элемента при наведении
|
95
|
+
* @deprecated использовать onHover
|
96
|
+
*/
|
97
|
+
hoverIndex?: number;
|
98
|
+
}
|
99
|
+
export declare type HandleGlobalToggleType = (opened: boolean, event: Event | SyntheticEvent<Element, Event>) => void;
|
76
100
|
//# sourceMappingURL=Dropdown.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,oBAAY,sBAAsB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACzE,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG,MAAM,CAAC;AAEhE,oBAAY,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE;;;;;OAKG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC9C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oBAAY,sBAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { DropdownProps } from '../Dropdown.types';
|
2
|
+
import { DropdownItemOption } from '../ui/DropdownItem/DropdownItem.type';
|
3
|
+
export declare type PathMapType = Map<string | number, number>;
|
4
|
+
export declare type FocusedToValueMapType = Map<string, DropdownItemOption>;
|
5
|
+
export declare const useHashMaps: (items: DropdownProps['items']) => [PathMapType, FocusedToValueMapType];
|
6
|
+
//# sourceMappingURL=useHashMaps.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useHashMaps.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useHashMaps.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,oBAAY,WAAW,GAAG,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AACvD,oBAAY,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;AAKpE,eAAO,MAAM,WAAW,UAAW,aAAa,CAAC,OAAO,CAAC,yCAwBxD,CAAC"}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import type { Dispatch } from 'react';
|
2
|
+
import { PathAction, PathState } from '../reducers/pathReducer';
|
3
|
+
import { FocusedPathAction, FocusedPathState } from '../reducers/focusedPathReducer';
|
4
|
+
import { HandleGlobalToggleType, DropdownProps } from '../Dropdown.types';
|
5
|
+
import { PathMapType, FocusedToValueMapType } from './useHashMaps';
|
6
|
+
export declare const keys: {
|
7
|
+
Enter: string;
|
8
|
+
Space: string;
|
9
|
+
Tab: string;
|
10
|
+
Escape: string;
|
11
|
+
ArrowLeft: string;
|
12
|
+
ArrowRight: string;
|
13
|
+
ArrowUp: string;
|
14
|
+
ArrowDown: string;
|
15
|
+
Home: string;
|
16
|
+
End: string;
|
17
|
+
PageUp: string;
|
18
|
+
PageDown: string;
|
19
|
+
};
|
20
|
+
interface Props {
|
21
|
+
focusedPath: FocusedPathState;
|
22
|
+
dispatchFocusedPath: Dispatch<FocusedPathAction>;
|
23
|
+
path: PathState;
|
24
|
+
dispatchPath: Dispatch<PathAction>;
|
25
|
+
pathMap: PathMapType;
|
26
|
+
focusedToValueMap: FocusedToValueMapType;
|
27
|
+
handleGlobalToggle: HandleGlobalToggleType;
|
28
|
+
closeOnSelect: DropdownProps['closeOnSelect'];
|
29
|
+
onItemSelect: DropdownProps['onItemSelect'];
|
30
|
+
onItemClick: DropdownProps['onItemClick'];
|
31
|
+
}
|
32
|
+
interface ReturnedProps {
|
33
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
|
34
|
+
}
|
35
|
+
export declare const useKeyNavigation: ({ focusedPath, dispatchFocusedPath, path, dispatchPath, pathMap, focusedToValueMap, handleGlobalToggle, closeOnSelect, onItemSelect, onItemClick, }: Props) => ReturnedProps;
|
36
|
+
export {};
|
37
|
+
//# sourceMappingURL=useKeyboardNavigation.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAInE,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAahB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,kBAAkB,EAAE,sBAAsB,CAAC;IAC3C,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,wJAW1B,KAAK,KAAG,aA4IV,CAAC"}
|
@@ -1,5 +1,7 @@
|
|
1
1
|
export { dropdownRoot, dropdownConfig } from './Dropdown';
|
2
2
|
export { classes as dropdownClasses, tokens as dropdownTokens } from './Dropdown.tokens';
|
3
|
-
export
|
3
|
+
export { useKeyNavigation as useDropdownKeyNavigation } from './hooks/useKeyboardNavigation';
|
4
4
|
export type { DropdownProps, DropdownPlacementBasic, DropdownPlacement, DropdownTrigger } from './Dropdown.types';
|
5
|
+
export type { DropdownItemProps, DropdownItemOption } from './ui/DropdownItem/DropdownItem.type';
|
6
|
+
export * from './ui';
|
5
7
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzF,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC7F,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAClH,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACjG,cAAc,MAAM,CAAC"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
export declare type FocusedPathState = Array<number>;
|
2
|
+
export declare type FocusedPathAction = {
|
3
|
+
type: 'reset';
|
4
|
+
} | {
|
5
|
+
type: 'set_initial_focus';
|
6
|
+
} | {
|
7
|
+
type: 'change_last_focus';
|
8
|
+
value: number;
|
9
|
+
} | {
|
10
|
+
type: 'add_focus';
|
11
|
+
value: number;
|
12
|
+
} | {
|
13
|
+
type: 'return_prev_focus';
|
14
|
+
};
|
15
|
+
export declare function focusedPathReducer(state: FocusedPathState, action: FocusedPathAction): FocusedPathState;
|
16
|
+
//# sourceMappingURL=focusedPathReducer.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"focusedPathReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/reducers/focusedPathReducer.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAE7C,oBAAY,iBAAiB,GACvB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE,CAAC;AAEpC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,iBAAiB,GAAG,gBAAgB,CA0BvG"}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
export declare type PathState = Array<string>;
|
2
|
+
export declare type PathAction = {
|
3
|
+
type: 'reset';
|
4
|
+
} | {
|
5
|
+
type: 'opened_first_level';
|
6
|
+
} | {
|
7
|
+
type: 'added_next_level';
|
8
|
+
value: string;
|
9
|
+
} | {
|
10
|
+
type: 'removed_last_level';
|
11
|
+
} | {
|
12
|
+
type: 'changed_on_level';
|
13
|
+
value: string;
|
14
|
+
level: number;
|
15
|
+
} | {
|
16
|
+
type: 'cut_by_level';
|
17
|
+
level: number;
|
18
|
+
};
|
19
|
+
export declare function pathReducer(state: PathState, action: PathAction): PathState;
|
20
|
+
//# sourceMappingURL=pathReducer.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"pathReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/reducers/pathReducer.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAEtC,oBAAY,UAAU,GAChB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAG,SAAS,CA8B3E"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DropdownInner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAkHzC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import type { SyntheticEvent, Dispatch } from 'react';
|
2
|
+
import type { DropdownItemOption } from '../DropdownItem/DropdownItem.type';
|
3
|
+
import type { DropdownProps } from '../../Dropdown.types';
|
4
|
+
import type { FocusedPathState } from '../../reducers/focusedPathReducer';
|
5
|
+
import type { PathState, PathAction } from '../../reducers/pathReducer';
|
6
|
+
export interface DropdownInnerProps {
|
7
|
+
item: DropdownItemOption;
|
8
|
+
currentLevel: number;
|
9
|
+
focusedPath: FocusedPathState;
|
10
|
+
path: PathState;
|
11
|
+
dispatchPath: Dispatch<PathAction>;
|
12
|
+
index: number;
|
13
|
+
trigger: DropdownProps['trigger'];
|
14
|
+
itemRole: string;
|
15
|
+
listHeight: DropdownProps['listHeight'];
|
16
|
+
listOverflow: DropdownProps['listOverflow'];
|
17
|
+
handleGlobalToggle: (opened: boolean, event: Event | SyntheticEvent<Element, Event>) => void;
|
18
|
+
closeOnSelect: DropdownProps['closeOnSelect'];
|
19
|
+
onHover: DropdownProps['onHover'];
|
20
|
+
onItemSelect: DropdownProps['onItemSelect'];
|
21
|
+
onItemClick: DropdownProps['onItemClick'];
|
22
|
+
listWidth: DropdownProps['listWidth'];
|
23
|
+
variant: DropdownProps['variant'];
|
24
|
+
hasArrow: DropdownProps['hasArrow'];
|
25
|
+
}
|
26
|
+
//# sourceMappingURL=DropdownInner.type.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DropdownInner.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExE,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,kBAAkB,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAC7F,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACvC"}
|
@@ -1,58 +1,4 @@
|
|
1
|
-
import
|
2
|
-
import { RootProps } from '../../../../engines';
|
1
|
+
import { FC } from 'react';
|
3
2
|
import type { DropdownItemProps } from './DropdownItem.type';
|
4
|
-
|
5
|
-
* Элемент выпадающего списка
|
6
|
-
*/
|
7
|
-
export declare const dropdownItemRoot: (Root: RootProps<HTMLDivElement, DropdownItemProps>) => React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
8
|
-
id?: string | undefined;
|
9
|
-
disabled?: boolean | undefined;
|
10
|
-
label?: React.ReactNode;
|
11
|
-
role?: string | undefined;
|
12
|
-
contentLeft?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
|
13
|
-
contentRight?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
|
14
|
-
name?: string | undefined;
|
15
|
-
checked?: boolean | undefined;
|
16
|
-
text?: string | undefined;
|
17
|
-
value?: string | number | boolean | undefined;
|
18
|
-
isSelected?: boolean | undefined;
|
19
|
-
onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
20
|
-
onSelect?: ((value?: any, text?: any) => void) | undefined;
|
21
|
-
size?: string | undefined;
|
22
|
-
view?: string | undefined;
|
23
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
24
|
-
export declare const dropdownItemConfig: {
|
25
|
-
name: string;
|
26
|
-
tag: string;
|
27
|
-
layout: (Root: RootProps<HTMLDivElement, DropdownItemProps>) => React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
|
28
|
-
id?: string | undefined;
|
29
|
-
disabled?: boolean | undefined;
|
30
|
-
label?: React.ReactNode;
|
31
|
-
role?: string | undefined;
|
32
|
-
contentLeft?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
|
33
|
-
contentRight?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
|
34
|
-
name?: string | undefined;
|
35
|
-
checked?: boolean | undefined;
|
36
|
-
text?: string | undefined;
|
37
|
-
value?: string | number | boolean | undefined;
|
38
|
-
isSelected?: boolean | undefined;
|
39
|
-
onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
|
40
|
-
onSelect?: ((value?: any, text?: any) => void) | undefined;
|
41
|
-
size?: string | undefined;
|
42
|
-
view?: string | undefined;
|
43
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
44
|
-
base: import("@linaria/core").LinariaClassName;
|
45
|
-
variations: {
|
46
|
-
view: {
|
47
|
-
css: import("@linaria/core").LinariaClassName;
|
48
|
-
};
|
49
|
-
size: {
|
50
|
-
css: import("@linaria/core").LinariaClassName;
|
51
|
-
};
|
52
|
-
};
|
53
|
-
defaults: {
|
54
|
-
view: string;
|
55
|
-
size: string;
|
56
|
-
};
|
57
|
-
};
|
3
|
+
export declare const DropdownItem: FC<DropdownItemProps>;
|
58
4
|
//# sourceMappingURL=DropdownItem.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAqB,EAAE,EAAE,MAAM,OAAO,CAAC;AAarD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4F9C,CAAC"}
|
@@ -1,7 +1,10 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
import { DropdownProps } from '../../Dropdown.types';
|
2
3
|
export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
3
4
|
export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
+
export declare const DisclosureIconWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
6
|
export declare const StyledText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
-
export declare const
|
6
|
-
|
7
|
+
export declare const Wrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
|
8
|
+
variant: DropdownProps['variant'];
|
9
|
+
}>;
|
7
10
|
//# sourceMappingURL=DropdownItem.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"DropdownItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAGjC,CAAC;AAEF,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,OAAO;aAAwB,aAAa,CAAC,SAAS,CAAC;EAoDnE,CAAC"}
|
@@ -1,60 +1,66 @@
|
|
1
|
-
import type { HTMLAttributes, ReactNode,
|
2
|
-
|
1
|
+
import type { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
|
2
|
+
import { DropdownProps } from '../../Dropdown.types';
|
3
|
+
import type { FocusedPathState } from '../../reducers/focusedPathReducer';
|
4
|
+
import type { PathState } from '../../reducers/pathReducer';
|
5
|
+
export declare type DropdownItemOption = {
|
3
6
|
/**
|
4
|
-
*
|
7
|
+
* Значение у item
|
5
8
|
*/
|
6
|
-
|
9
|
+
value: string | number;
|
7
10
|
/**
|
8
|
-
*
|
11
|
+
* Метка-подпись к item
|
9
12
|
*/
|
10
|
-
|
13
|
+
label: string;
|
11
14
|
/**
|
12
|
-
*
|
15
|
+
* Список дочерних items.
|
13
16
|
*/
|
14
|
-
|
17
|
+
items?: Array<DropdownItemOption>;
|
15
18
|
/**
|
16
|
-
*
|
19
|
+
* Item не активен
|
17
20
|
*/
|
18
|
-
|
21
|
+
disabled?: boolean;
|
19
22
|
/**
|
20
23
|
* Слот для контента слева
|
21
24
|
*/
|
22
|
-
contentLeft?:
|
25
|
+
contentLeft?: ReactNode;
|
23
26
|
/**
|
24
27
|
* Слот для контента справа
|
25
28
|
*/
|
26
|
-
contentRight?:
|
27
|
-
/**
|
28
|
-
* Название слота контента
|
29
|
-
*/
|
30
|
-
name?: string;
|
31
|
-
/**
|
32
|
-
* Отмечен ли данный элемент
|
33
|
-
*/
|
34
|
-
checked?: boolean;
|
35
|
-
/**
|
36
|
-
* Содержимое контента
|
37
|
-
*/
|
38
|
-
text?: string;
|
39
|
-
/**
|
40
|
-
* Значение контента
|
41
|
-
*/
|
42
|
-
value?: string | number | boolean;
|
29
|
+
contentRight?: ReactNode;
|
43
30
|
/**
|
44
|
-
*
|
31
|
+
* Выбранный item.
|
32
|
+
* @deprecated использовать ContentLeft || ContentRight
|
45
33
|
*/
|
46
|
-
|
34
|
+
isActive?: boolean;
|
47
35
|
/**
|
48
|
-
*
|
36
|
+
* Кастомный цвет текста
|
37
|
+
* @deprecated
|
49
38
|
*/
|
50
|
-
|
39
|
+
color?: string;
|
51
40
|
/**
|
52
|
-
*
|
41
|
+
* Айтем не активен
|
42
|
+
* @deprecated использовать disabled
|
53
43
|
*/
|
54
|
-
|
55
|
-
size?: string;
|
56
|
-
view?: string;
|
44
|
+
isDisabled?: boolean;
|
57
45
|
};
|
58
|
-
export
|
59
|
-
|
46
|
+
export interface DropdownItemProps extends HTMLAttributes<HTMLLIElement> {
|
47
|
+
item: DropdownItemOption;
|
48
|
+
focusedPath: FocusedPathState;
|
49
|
+
currentLevel: number;
|
50
|
+
index: number;
|
51
|
+
variant: DropdownProps['variant'];
|
52
|
+
path?: PathState;
|
53
|
+
itemRole?: DropdownProps['itemRole'];
|
54
|
+
closeOnSelect?: DropdownProps['closeOnSelect'];
|
55
|
+
handleGlobalToggle?: (opened: boolean, event: Event | SyntheticEvent<Element, Event>) => void;
|
56
|
+
onHover?: DropdownProps['onHover'];
|
57
|
+
onItemSelect?: DropdownProps['onItemSelect'];
|
58
|
+
onItemClick?: DropdownProps['onItemClick'];
|
59
|
+
hasArrow?: DropdownProps['hasArrow'];
|
60
|
+
ariaControls?: string;
|
61
|
+
ariaExpanded?: boolean;
|
62
|
+
ariaHasPopup?: React.AriaAttributes['aria-haspopup'];
|
63
|
+
ariaLevel?: React.AriaAttributes['aria-level'];
|
64
|
+
ariaLabel?: React.AriaAttributes['aria-label'];
|
65
|
+
}
|
60
66
|
//# sourceMappingURL=DropdownItem.type.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownItem.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,
|
1
|
+
{"version":3,"file":"DropdownItem.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,aAAa,CAAC;IACpE,IAAI,EAAE,kBAAkB,CAAC;IACzB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAC9F,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;CAClD"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
3
|
+
export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
|
+
export declare const StyledText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
+
export declare const baseContent: string;
|
6
|
+
export declare const base: import("@linaria/core").LinariaClassName;
|
7
|
+
//# sourceMappingURL=DropdownItem.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DropdownItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,iBAAiB,qKAK7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAM9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC;AAGF,eAAO,MAAM,WAAW,QA0DvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
|
@@ -0,0 +1,60 @@
|
|
1
|
+
import type { HTMLAttributes, ReactNode, MouseEvent, ElementType } from 'react';
|
2
|
+
declare type DropdownItemCustomProps = {
|
3
|
+
/**
|
4
|
+
* Уникальный идентификатор элемента
|
5
|
+
*/
|
6
|
+
id?: string;
|
7
|
+
/**
|
8
|
+
* Компонент не активен
|
9
|
+
*/
|
10
|
+
disabled?: boolean;
|
11
|
+
/**
|
12
|
+
* Метка-подпись к элементу
|
13
|
+
*/
|
14
|
+
label?: ReactNode;
|
15
|
+
/**
|
16
|
+
* WAI-ARIA role элемента меню
|
17
|
+
*/
|
18
|
+
role?: string;
|
19
|
+
/**
|
20
|
+
* Слот для контента слева
|
21
|
+
*/
|
22
|
+
contentLeft?: ElementType | ReactNode;
|
23
|
+
/**
|
24
|
+
* Слот для контента справа
|
25
|
+
*/
|
26
|
+
contentRight?: ElementType | ReactNode;
|
27
|
+
/**
|
28
|
+
* Название слота контента
|
29
|
+
*/
|
30
|
+
name?: string;
|
31
|
+
/**
|
32
|
+
* Отмечен ли данный элемент
|
33
|
+
*/
|
34
|
+
checked?: boolean;
|
35
|
+
/**
|
36
|
+
* Содержимое контента
|
37
|
+
*/
|
38
|
+
text?: string;
|
39
|
+
/**
|
40
|
+
* Значение контента
|
41
|
+
*/
|
42
|
+
value?: string | number | boolean;
|
43
|
+
/**
|
44
|
+
* Значение контента
|
45
|
+
*/
|
46
|
+
isSelected?: boolean;
|
47
|
+
/**
|
48
|
+
* Коллбек при клике на элемент
|
49
|
+
*/
|
50
|
+
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
|
51
|
+
/**
|
52
|
+
* Коллбек при выборе элемента
|
53
|
+
*/
|
54
|
+
onSelect?: (value?: any, text?: any) => void;
|
55
|
+
size?: string;
|
56
|
+
view?: string;
|
57
|
+
};
|
58
|
+
export declare type DropdownItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> & DropdownItemCustomProps;
|
59
|
+
export {};
|
60
|
+
//# sourceMappingURL=DropdownItem.type.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DropdownItem.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEhF,aAAK,uBAAuB,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG,uBAAuB,CAAC"}
|