@salutejs/plasma-new-hope 0.173.0-canary.1488.11458822191.0 → 0.173.0-canary.1497.11456665098.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +28 -14
- package/cjs/components/Combobox/ComboboxOld/Combobox.js +2 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +3 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +3 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +3 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +3 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.css +30 -16
- package/cjs/components/Dropdown/Dropdown.js +66 -44
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +14 -27
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_18f0qpm.css +2 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js +24 -1
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js +104 -0
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -0
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -52
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +27 -31
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/cjs/components/Dropdown/utils/getItemByFocused.js +13 -0
- package/cjs/components/Dropdown/utils/getItemByFocused.js.map +1 -0
- package/cjs/components/Dropdown/utils/getItemId.js +10 -0
- package/cjs/components/Dropdown/utils/getItemId.js.map +1 -0
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -1
- package/cjs/hooks/useOutsideClick.js +1 -1
- package/cjs/hooks/useOutsideClick.js.map +1 -1
- package/cjs/index.css +11 -15
- package/cjs/index.js +0 -3
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Dropdown/Dropdown.js +58 -36
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +9 -25
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +36 -2
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +109 -0
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -41
- package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
- package/emotion/cjs/components/Dropdown/utils/getItemId.js +9 -0
- package/emotion/cjs/components/Dropdown/utils/index.js +16 -1
- package/emotion/cjs/examples/_helpers.js +14 -3
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/emotion/cjs/examples/themes/declaration.d.ts +4 -0
- package/emotion/cjs/examples/themes/index.js +15 -0
- package/emotion/cjs/examples/themes/plasma_b2c.module.css +984 -0
- package/emotion/cjs/examples/themes/plasma_web.module.css +984 -0
- package/emotion/cjs/hooks/useOutsideClick.js +1 -1
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/Dropdown/Dropdown.js +60 -39
- package/emotion/es/components/Dropdown/Dropdown.styles.js +9 -25
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +35 -1
- package/emotion/es/components/Dropdown/FloatingPopover.js +102 -0
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +22 -42
- package/emotion/es/components/Dropdown/utils/getItemByFocused.js +6 -0
- package/emotion/es/components/Dropdown/utils/getItemId.js +3 -0
- package/emotion/es/components/Dropdown/utils/index.js +3 -1
- package/emotion/es/examples/_helpers.js +14 -3
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/emotion/es/examples/themes/declaration.d.ts +4 -0
- package/emotion/es/examples/themes/index.js +7 -0
- package/emotion/es/examples/themes/plasma_b2c.module.css +984 -0
- package/emotion/es/examples/themes/plasma_web.module.css +984 -0
- package/emotion/es/hooks/useOutsideClick.js +1 -1
- package/emotion/es/index.js +1 -2
- package/es/components/Combobox/ComboboxOld/Combobox.css +28 -14
- package/es/components/Combobox/ComboboxOld/Combobox.js +2 -1
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +3 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +3 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +3 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +3 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/es/components/Dropdown/Dropdown.css +30 -16
- package/es/components/Dropdown/Dropdown.js +67 -46
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +15 -27
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_18f0qpm.css +2 -0
- package/es/components/Dropdown/Dropdown.tokens.js +24 -1
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/FloatingPopover.js +100 -0
- package/es/components/Dropdown/FloatingPopover.js.map +1 -0
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -53
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +26 -29
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/es/components/Dropdown/utils/getItemByFocused.js +9 -0
- package/es/components/Dropdown/utils/getItemByFocused.js.map +1 -0
- package/es/components/Dropdown/utils/getItemId.js +6 -0
- package/es/components/Dropdown/utils/getItemId.js.map +1 -0
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Select/utils/getCorrectHeight.js.map +1 -1
- package/es/hooks/useOutsideClick.js +1 -1
- package/es/hooks/useOutsideClick.js.map +1 -1
- package/es/index.css +11 -15
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/package.json +2 -3
- package/styled-components/cjs/components/Dropdown/Dropdown.js +58 -36
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -15
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +36 -2
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +109 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +17 -19
- package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
- package/styled-components/cjs/components/Dropdown/utils/getItemId.js +9 -0
- package/styled-components/cjs/components/Dropdown/utils/index.js +16 -1
- package/styled-components/cjs/examples/_helpers.js +14 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/styled-components/cjs/examples/themes/declaration.d.ts +4 -0
- package/styled-components/cjs/examples/themes/index.js +15 -0
- package/styled-components/cjs/examples/themes/plasma_b2c.module.css +984 -0
- package/styled-components/cjs/examples/themes/plasma_web.module.css +984 -0
- package/styled-components/cjs/hooks/useOutsideClick.js +1 -1
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Dropdown/Dropdown.js +60 -39
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +9 -15
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +35 -1
- package/styled-components/es/components/Dropdown/FloatingPopover.js +102 -0
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -20
- package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +6 -0
- package/styled-components/es/components/Dropdown/utils/getItemId.js +3 -0
- package/styled-components/es/components/Dropdown/utils/index.js +3 -1
- package/styled-components/es/examples/_helpers.js +14 -3
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +20 -5
- package/styled-components/es/examples/themes/declaration.d.ts +4 -0
- package/styled-components/es/examples/themes/index.js +7 -0
- package/styled-components/es/examples/themes/plasma_b2c.module.css +984 -0
- package/styled-components/es/examples/themes/plasma_web.module.css +984 -0
- package/styled-components/es/hooks/useOutsideClick.js +1 -1
- package/styled-components/es/index.js +1 -2
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +2 -1
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +2 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +1 -6
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +25 -0
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +31 -5
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/FloatingPopover.d.ts +5 -0
- package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -0
- package/types/components/Dropdown/index.d.ts +1 -1
- package/types/components/Dropdown/index.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -12
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +32 -3
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -14
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Dropdown/utils/getItemByFocused.d.ts +4 -0
- package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +1 -0
- package/types/components/Dropdown/utils/getItemId.d.ts +2 -0
- package/types/components/Dropdown/utils/getItemId.d.ts.map +1 -0
- package/types/components/Dropdown/utils/index.d.ts +2 -0
- package/types/components/Dropdown/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/getCorrectHeight.d.ts +2 -2
- package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -1
- package/types/examples/_helpers.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts +3 -3
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +4 -4
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts +3 -3
- package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +4 -4
- package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/themes/index.d.ts +6 -0
- package/types/examples/themes/index.d.ts.map +1 -0
- package/types/hooks/useOutsideClick.d.ts +1 -1
- package/types/hooks/useOutsideClick.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
- package/cjs/components/ViewContainer/ViewContainer.js +0 -38
- package/cjs/components/ViewContainer/ViewContainer.js.map +0 -1
- package/cjs/components/ViewContainer/ViewContainer_yiqfcb.css +0 -1
- package/cjs/components/ViewContainer/_view/base.js +0 -9
- package/cjs/components/ViewContainer/_view/base.js.map +0 -1
- package/cjs/components/ViewContainer/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/ViewContainer/ViewContainer.js +0 -49
- package/emotion/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/emotion/cjs/components/ViewContainer/_view/base.js +0 -8
- package/emotion/cjs/components/ViewContainer/_view/tokens.json +0 -1
- package/emotion/cjs/components/ViewContainer/index.js +0 -18
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -16
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -16
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/es/components/ViewContainer/ViewContainer.js +0 -40
- package/emotion/es/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/emotion/es/components/ViewContainer/_view/base.js +0 -2
- package/emotion/es/components/ViewContainer/_view/tokens.json +0 -1
- package/emotion/es/components/ViewContainer/index.js +0 -1
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -10
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -10
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -5
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
- package/es/components/ViewContainer/ViewContainer.js +0 -33
- package/es/components/ViewContainer/ViewContainer.js.map +0 -1
- package/es/components/ViewContainer/ViewContainer_yiqfcb.css +0 -1
- package/es/components/ViewContainer/_view/base.js +0 -5
- package/es/components/ViewContainer/_view/base.js.map +0 -1
- package/es/components/ViewContainer/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/ViewContainer/ViewContainer.js +0 -40
- package/styled-components/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/styled-components/cjs/components/ViewContainer/_view/base.js +0 -8
- package/styled-components/cjs/components/ViewContainer/_view/tokens.json +0 -1
- package/styled-components/cjs/components/ViewContainer/index.js +0 -18
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -16
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -16
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/es/components/ViewContainer/ViewContainer.js +0 -31
- package/styled-components/es/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/styled-components/es/components/ViewContainer/_view/base.js +0 -2
- package/styled-components/es/components/ViewContainer/_view/tokens.json +0 -1
- package/styled-components/es/components/ViewContainer/index.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -10
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -10
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -5
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/types/components/ViewContainer/ViewContainer.d.ts +0 -26
- package/types/components/ViewContainer/ViewContainer.d.ts.map +0 -1
- package/types/components/ViewContainer/_view/base.d.ts +0 -2
- package/types/components/ViewContainer/_view/base.d.ts.map +0 -1
- package/types/components/ViewContainer/index.d.ts +0 -2
- package/types/components/ViewContainer/index.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts +0 -9
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts +0 -8
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts.map +0 -1
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts +0 -9
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts +0 -8
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts.map +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useOutsideClick.js","sources":["../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { RefObject } from 'react';\n\nexport const useOutsideClick = <T extends HTMLElement = HTMLElement>(\n callback: () => void,\n secondaryRef?: RefObject<HTMLElement | null> | null,\n) => {\n const ref = useRef<T | null>(null);\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n if (\n !secondaryRef?.current ||\n (secondaryRef.current && !secondaryRef.current.contains(event.target as Node))\n ) {\n callback();\n }\n }\n };\n\n document.addEventListener('mouseup', handleClickOutside);\n document.addEventListener('touchend', handleClickOutside);\n\n return () => {\n document.removeEventListener('mouseup', handleClickOutside);\n document.removeEventListener('touchend', handleClickOutside);\n };\n }, [callback]);\n\n return ref;\n};\n"],"names":["useOutsideClick","callback","secondaryRef","ref","useRef","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;;;;;AAGO,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CACxBC,
|
1
|
+
{"version":3,"file":"useOutsideClick.js","sources":["../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { RefObject } from 'react';\n\nexport const useOutsideClick = <T extends HTMLElement = HTMLElement>(\n callback: (event: MouseEvent | TouchEvent) => void,\n secondaryRef?: RefObject<HTMLElement | null> | null,\n) => {\n const ref = useRef<T | null>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n if (\n !secondaryRef?.current ||\n (secondaryRef.current && !secondaryRef.current.contains(event.target as Node))\n ) {\n callback(event);\n }\n }\n };\n\n document.addEventListener('mouseup', handleClickOutside);\n document.addEventListener('touchend', handleClickOutside);\n\n return () => {\n document.removeEventListener('mouseup', handleClickOutside);\n document.removeEventListener('touchend', handleClickOutside);\n };\n }, [callback]);\n\n return ref;\n};\n"],"names":["useOutsideClick","callback","secondaryRef","ref","useRef","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;;;;;AAGO,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CACxBC,QAAkD,EAClDC,YAAmD,EAClD;AACD,EAAA,IAAMC,GAAG,GAAGC,YAAM,CAAW,IAAI,CAAC,CAAA;AAElCC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAK;AAC3D,MAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,CAACL,GAAG,CAACK,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAC,EAAE;QAC5D,IACI,EAACR,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,IAAZA,YAAY,CAAEM,OAAO,CACrBN,IAAAA,YAAY,CAACM,OAAO,IAAI,CAACN,YAAY,CAACM,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAE,EAChF;UACET,QAAQ,CAACM,KAAK,CAAC,CAAA;AACnB,SAAA;AACJ,OAAA;KACH,CAAA;AAEDI,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC,CAAA;AACxDK,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,UAAU,EAAEN,kBAAkB,CAAC,CAAA;AAEzD,IAAA,OAAO,YAAM;AACTK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC,CAAA;AAC3DK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,UAAU,EAAEP,kBAAkB,CAAC,CAAA;KAC/D,CAAA;AACL,GAAC,EAAE,CAACL,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OAAOE,GAAG,CAAA;AACd;;;;"}
|
package/cjs/index.css
CHANGED
@@ -354,9 +354,8 @@
|
|
354
354
|
|
355
355
|
.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec,.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec > div{width:var(--s1ewnow2-0);height:var(--s1ewnow2-1);}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
|
356
356
|
|
357
|
-
.
|
358
|
-
|
359
|
-
.Dropdown_styles_1tihqkp_byfocd2__39673f55{display:inline-block;}
|
357
|
+
.Dropdown_styles_18f0qpm_un7uamp__64c00440{box-sizing:border-box;width:var(--un7uamp-0);height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow:var(--un7uamp-3);background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-dropdown-border-radius);}
|
358
|
+
|
360
359
|
|
361
360
|
.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
|
362
361
|
|
@@ -367,17 +366,16 @@
|
|
367
366
|
|
368
367
|
.DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
|
369
368
|
|
370
|
-
.
|
371
|
-
|
372
|
-
.
|
373
|
-
.
|
374
|
-
.
|
375
|
-
.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding-top:var(--w1jav4ek-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w1jav4ek-1);padding-left:var(--plasma-dropdown-item-padding-left);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a:hover:not(.DropdownItem_styles_blclup_dropdownItemIsDisabled__8eef3b3a){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsActive__8eef3b3a{background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsDisabled__8eef3b3a{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a:focus{outline:none;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_blclup_w1jav4ek__8eef3b3a.DropdownItem_styles_blclup_dropdownItemIsFocused__8eef3b3a:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}
|
369
|
+
.DropdownItem_styles_17va0nk_c1gkzlls__c9d95fff{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
370
|
+
|
371
|
+
.DropdownItem_styles_17va0nk_d1m97l2m__c9d95fff{line-height:0;color:var(--text-secondary);}
|
372
|
+
.DropdownItem_styles_17va0nk_doib72h__c9d95fff{height:1px;margin-top:var(--doib72h-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--doib72h-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
373
|
+
.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-dropdown-item-height);margin:0;box-sizing:content-box;padding:var(--w6l2f0g-0);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:var(--plasma-dropdown-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;position:relative;}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff:hover:not(.DropdownItem_styles_17va0nk_dropdownItemIsDisabled__c9d95fff){cursor:pointer;background-color:var(--surface-transparent-secondary);}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff.DropdownItem_styles_17va0nk_dropdownItemIsActive__c9d95fff{background-color:var(--surface-transparent-secondary);}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff.DropdownItem_styles_17va0nk_dropdownItemIsDisabled__c9d95fff{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff:focus{outline:none;}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_17va0nk_w6l2f0g__c9d95fff.DropdownItem_styles_17va0nk_dropdownItemIsFocused__c9d95fff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
376
374
|
|
377
|
-
.
|
378
|
-
.
|
379
|
-
.
|
380
|
-
.
|
375
|
+
.DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
|
376
|
+
.DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
|
377
|
+
.DropdownItem_styles_1lyg81y_s1dea6tl__b17ea060{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
378
|
+
.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:focus{outline:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_focusVisible__b17ea060:focus::before,.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
|
381
379
|
|
382
380
|
.Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
|
383
381
|
.Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -782,5 +780,3 @@
|
|
782
780
|
|
783
781
|
.IconButton_styles_1q2jfs2_s15ptif0__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
784
782
|
.IconButton_styles_1q2jfs2_shuaj1a__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
785
|
-
|
786
|
-
.ViewContainer_yiqfcb_bemjbnt__5b2a6776{position:relative;}
|
package/cjs/index.js
CHANGED
@@ -197,7 +197,6 @@ var Editable_tokens = require('./components/Editable/Editable.tokens.js');
|
|
197
197
|
var Mask = require('./components/Mask/Mask.js');
|
198
198
|
var Attach = require('./components/Attach/Attach.js');
|
199
199
|
var Attach_tokens = require('./components/Attach/Attach.tokens.js');
|
200
|
-
var ViewContainer = require('./components/ViewContainer/ViewContainer.js');
|
201
200
|
var common = require('./engines/common.js');
|
202
201
|
var canUseDOM = require('./utils/canUseDOM.js');
|
203
202
|
var extractTextFrom = require('./utils/extractTextFrom.js');
|
@@ -585,8 +584,6 @@ exports.composeMask = Mask.composeMask;
|
|
585
584
|
exports.attachConfig = Attach.attachConfig;
|
586
585
|
exports.attachRoot = Attach.attachRoot;
|
587
586
|
exports.attachTokens = Attach_tokens.tokens;
|
588
|
-
exports.viewContainerConfig = ViewContainer.viewContainerConfig;
|
589
|
-
exports.viewContainerRoot = ViewContainer.viewContainerRoot;
|
590
587
|
exports.component = common.component;
|
591
588
|
exports.mergeConfig = common.mergeConfig;
|
592
589
|
exports.canUseDOM = canUseDOM.canUseDOM;
|
package/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -4,9 +4,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.dropdownRoot = exports.dropdownConfig = void 0;
|
7
|
+
exports.dropdownRoot = exports.dropdownConfig = exports.Context = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
9
10
|
var _utils = /*#__PURE__*/require("../../utils");
|
11
|
+
var _hooks = /*#__PURE__*/require("../../hooks");
|
10
12
|
var _pathReducer = /*#__PURE__*/require("./reducers/pathReducer");
|
11
13
|
var _focusedPathReducer = /*#__PURE__*/require("./reducers/focusedPathReducer");
|
12
14
|
var _ui = /*#__PURE__*/require("./ui");
|
@@ -17,6 +19,7 @@ var _utils2 = /*#__PURE__*/require("./utils");
|
|
17
19
|
var _Dropdown2 = /*#__PURE__*/require("./Dropdown.tokens");
|
18
20
|
var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
|
19
21
|
var _useHashMaps3 = /*#__PURE__*/require("./hooks/useHashMaps");
|
22
|
+
var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
|
20
23
|
var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow", "portal"];
|
21
24
|
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); }
|
22
25
|
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; }
|
@@ -29,17 +32,19 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
29
32
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
30
33
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
31
34
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
35
|
+
var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
|
36
|
+
|
32
37
|
/**
|
33
38
|
* Выпадающий список.
|
34
39
|
*/
|
35
40
|
var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
|
36
41
|
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
42
|
+
var _getItemByFocused;
|
37
43
|
var items = _ref.items,
|
38
44
|
children = _ref.children,
|
39
45
|
_ref$placement = _ref.placement,
|
40
|
-
placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
|
41
|
-
|
42
|
-
offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
|
46
|
+
placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
|
47
|
+
offset = _ref.offset,
|
43
48
|
_ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
|
44
49
|
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
45
50
|
onToggle = _ref.onToggle,
|
@@ -76,6 +81,25 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
|
|
76
81
|
_useHashMaps2 = _slicedToArray(_useHashMaps, 2),
|
77
82
|
pathMap = _useHashMaps2[0],
|
78
83
|
focusedToValueMap = _useHashMaps2[1];
|
84
|
+
var activeDescendantItemValue = ((_getItemByFocused = (0, _utils2.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
|
85
|
+
var floatingPopoverRef = (0, _react.useRef)(null);
|
86
|
+
var treeId = (0, _plasmaCore.safeUseId)();
|
87
|
+
|
88
|
+
// Логика работы при клике за пределами выпадающего списка
|
89
|
+
var targetRef = (0, _hooks.useOutsideClick)(function (event) {
|
90
|
+
if (!isCurrentListOpen || !closeOnOverlayClick) {
|
91
|
+
return;
|
92
|
+
}
|
93
|
+
dispatchPath({
|
94
|
+
type: 'reset'
|
95
|
+
});
|
96
|
+
dispatchFocusedPath({
|
97
|
+
type: 'reset'
|
98
|
+
});
|
99
|
+
if (onToggle) {
|
100
|
+
onToggle(false, event);
|
101
|
+
}
|
102
|
+
}, floatingPopoverRef);
|
79
103
|
var handleGlobalToggle = function handleGlobalToggle(opened, event) {
|
80
104
|
if (opened) {
|
81
105
|
dispatchPath({
|
@@ -107,66 +131,64 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
|
|
107
131
|
}),
|
108
132
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
109
133
|
var isCurrentListOpen = Boolean(path[0]);
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
134
|
+
return /*#__PURE__*/_react["default"].createElement(Context.Provider, {
|
135
|
+
value: {
|
136
|
+
focusedPath: focusedPath,
|
137
|
+
size: size,
|
138
|
+
variant: variant,
|
139
|
+
itemRole: itemRole,
|
140
|
+
handleGlobalToggle: handleGlobalToggle,
|
141
|
+
closeOnSelect: closeOnSelect,
|
142
|
+
onHover: onHover,
|
143
|
+
onItemClick: onItemClick,
|
144
|
+
onItemSelect: onItemSelect,
|
145
|
+
hasArrow: hasArrow,
|
146
|
+
treeId: treeId
|
147
|
+
}
|
148
|
+
}, /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
|
149
|
+
ref: floatingPopoverRef,
|
118
150
|
opened: isCurrentListOpen,
|
119
151
|
onToggle: handleGlobalToggle,
|
152
|
+
placement: placement,
|
120
153
|
offset: offset,
|
121
|
-
|
154
|
+
portal: portal,
|
122
155
|
trigger: trigger,
|
123
|
-
closeOnOverlayClick: closeOnOverlayClick,
|
124
|
-
isFocusTrapped: false,
|
125
156
|
target: (0, _utils2.childrenWithProps)(children, {
|
126
157
|
role: 'combobox',
|
127
|
-
'aria-controls':
|
158
|
+
'aria-controls': "".concat(treeId, "_tree_level_1"),
|
128
159
|
'aria-expanded': isCurrentListOpen,
|
129
|
-
'aria-activedescendant':
|
160
|
+
'aria-activedescendant': activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue.toString()) : '',
|
130
161
|
onKeyDown: onKeyDown
|
131
|
-
})
|
132
|
-
preventOverflow: false,
|
133
|
-
usePortal: Boolean(portal),
|
134
|
-
frame: portal
|
162
|
+
})
|
135
163
|
}, /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
136
164
|
className: (0, _utils.cx)(className, _Dropdown2.classes.dropdownRoot),
|
137
165
|
ref: ref,
|
138
166
|
view: view,
|
139
|
-
size: size
|
167
|
+
size: size,
|
168
|
+
style: {
|
169
|
+
display: 'inline-block'
|
170
|
+
}
|
140
171
|
}, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
|
172
|
+
ref: targetRef,
|
173
|
+
id: "".concat(treeId, "_tree_level_1"),
|
174
|
+
role: "tree",
|
141
175
|
listHeight: listHeight,
|
142
176
|
listOverflow: listOverflow,
|
143
|
-
role: "tree",
|
144
|
-
id: "tree_level_1",
|
145
177
|
listWidth: listWidth
|
146
178
|
}, items.map(function (item, index) {
|
147
179
|
return /*#__PURE__*/_react["default"].createElement(_ui.DropdownInner, {
|
148
180
|
key: "".concat(index, "/0"),
|
149
181
|
item: item,
|
150
182
|
currentLevel: 0,
|
151
|
-
focusedPath: focusedPath,
|
152
183
|
trigger: trigger,
|
153
184
|
path: path,
|
154
185
|
dispatchPath: dispatchPath,
|
155
186
|
index: index,
|
156
|
-
itemRole: itemRole,
|
157
187
|
listHeight: listHeight,
|
158
188
|
listOverflow: listOverflow,
|
159
|
-
|
160
|
-
closeOnSelect: closeOnSelect,
|
161
|
-
onHover: onHover,
|
162
|
-
onItemSelect: onItemSelect,
|
163
|
-
onItemClick: onItemClick,
|
164
|
-
listWidth: listWidth,
|
165
|
-
variant: variant,
|
166
|
-
hasArrow: hasArrow,
|
167
|
-
size: size
|
189
|
+
listWidth: listWidth
|
168
190
|
});
|
169
|
-
}))));
|
191
|
+
})))));
|
170
192
|
});
|
171
193
|
};
|
172
194
|
var dropdownConfig = exports.dropdownConfig = {
|
@@ -3,42 +3,26 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.base = exports.Ul =
|
6
|
+
exports.base = exports.Ul = void 0;
|
7
7
|
var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
|
8
8
|
var _react = /*#__PURE__*/require("@emotion/react");
|
9
|
-
var _engines = /*#__PURE__*/require("../../engines");
|
10
|
-
var _Popover = /*#__PURE__*/require("../Popover");
|
11
9
|
var _utils = /*#__PURE__*/require("./utils");
|
12
10
|
var _Dropdown = /*#__PURE__*/require("./Dropdown.tokens");
|
13
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
14
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
15
|
-
var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
|
16
|
-
var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _base["default"])(Popover, {
|
17
|
-
target: "euqmbvx1",
|
18
|
-
label: "plasma-new-hope__StyledPopover"
|
19
|
-
})(".", /*#__PURE__*/String(_Popover.popoverClasses.wrapper), ",.", /*#__PURE__*/String(_Popover.popoverClasses.target), "{display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk0QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyBwb3BvdmVyQ29uZmlnLCBwb3BvdmVyQ2xhc3NlcyB9IGZyb20gJy4uL1BvcG92ZXInO1xuXG5pbXBvcnQgeyBnZXRDb3JyZWN0SGVpZ2h0IH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgeyBEcm9wZG93blByb3BzIH0gZnJvbSAnLi9Ecm9wZG93bi50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpYFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyKX0sIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdEhlaWdodDogRHJvcGRvd25Qcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RPdmVyZmxvdzogRHJvcGRvd25Qcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgaXNJbm5lclVsPzogYm9vbGVhbjtcbiAgICBsaXN0V2lkdGg/OiBEcm9wZG93blByb3BzWydsaXN0V2lkdGgnXTtcbn0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5ib3hTaGFkb3d9KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8IGB2YXIoJHt0b2tlbnMud2lkdGh9KWB9O1xuICAgIGhlaWdodDogJHsoeyBsaXN0SGVpZ2h0IH0pID0+IChsaXN0SGVpZ2h0ID8gZ2V0Q29ycmVjdEhlaWdodChsaXN0SGVpZ2h0KSA6ICdhdXRvJyl9O1xuICAgIG92ZXJmbG93OiAkeyh7IGxpc3RPdmVyZmxvdyB9KSA9PiBsaXN0T3ZlcmZsb3cgfHwgJ2luaXRpYWwnfTtcblxuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMCAwIHZhcigke3Rva2Vucy5wYWRkaW5nfSlgIDogMCl9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5gO1xuIl19 */"));
|
20
12
|
var Ul = exports.Ul = /*#__PURE__*/(0, _base["default"])("ul", {
|
21
13
|
target: "euqmbvx0",
|
22
14
|
label: "plasma-new-hope__Ul"
|
23
|
-
})("box-sizing:border-box;
|
15
|
+
})("box-sizing:border-box;width:", function (_ref) {
|
24
16
|
var listWidth = _ref.listWidth;
|
25
17
|
return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
|
26
18
|
}, ";height:", function (_ref2) {
|
27
19
|
var listHeight = _ref2.listHeight;
|
28
20
|
return listHeight ? (0, _utils.getCorrectHeight)(listHeight) : 'auto';
|
29
|
-
}, ";
|
30
|
-
var
|
21
|
+
}, ";margin:", function (_ref3) {
|
22
|
+
var isInnerUl = _ref3.isInnerUl;
|
23
|
+
return isInnerUl ? "calc(var(".concat(_Dropdown.tokens.padding, ") * -1) 0.125rem 0") : 0;
|
24
|
+
}, ";padding:var(", _Dropdown.tokens.padding, ") 0;overflow:", function (_ref4) {
|
25
|
+
var listOverflow = _ref4.listOverflow;
|
31
26
|
return listOverflow || 'initial';
|
32
|
-
}, ";
|
33
|
-
|
34
|
-
return isInnerUl ? "calc(var(".concat(_Dropdown.tokens.padding, ") * -1) 0 0 var(").concat(_Dropdown.tokens.padding, ")") : 0;
|
35
|
-
}, ";padding:var(", _Dropdown.tokens.padding, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyBwb3BvdmVyQ29uZmlnLCBwb3BvdmVyQ2xhc3NlcyB9IGZyb20gJy4uL1BvcG92ZXInO1xuXG5pbXBvcnQgeyBnZXRDb3JyZWN0SGVpZ2h0IH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgeyBEcm9wZG93blByb3BzIH0gZnJvbSAnLi9Ecm9wZG93bi50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpYFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyKX0sIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdEhlaWdodDogRHJvcGRvd25Qcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RPdmVyZmxvdzogRHJvcGRvd25Qcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgaXNJbm5lclVsPzogYm9vbGVhbjtcbiAgICBsaXN0V2lkdGg/OiBEcm9wZG93blByb3BzWydsaXN0V2lkdGgnXTtcbn0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5ib3hTaGFkb3d9KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8IGB2YXIoJHt0b2tlbnMud2lkdGh9KWB9O1xuICAgIGhlaWdodDogJHsoeyBsaXN0SGVpZ2h0IH0pID0+IChsaXN0SGVpZ2h0ID8gZ2V0Q29ycmVjdEhlaWdodChsaXN0SGVpZ2h0KSA6ICdhdXRvJyl9O1xuICAgIG92ZXJmbG93OiAkeyh7IGxpc3RPdmVyZmxvdyB9KSA9PiBsaXN0T3ZlcmZsb3cgfHwgJ2luaXRpYWwnfTtcblxuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMCAwIHZhcigke3Rva2Vucy5wYWRkaW5nfSlgIDogMCl9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5gO1xuIl19 */"));
|
36
|
-
var base = exports.base = process.env.NODE_ENV === "production" ? {
|
37
|
-
name: "1mufh2u-plasma-new-hope__base",
|
38
|
-
styles: "display:inline-block;label:plasma-new-hope__base;"
|
39
|
-
} : {
|
40
|
-
name: "1mufh2u-plasma-new-hope__base",
|
41
|
-
styles: "display:inline-block;label:plasma-new-hope__base;",
|
42
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgcG9wb3ZlckNvbmZpZywgcG9wb3ZlckNsYXNzZXMgfSBmcm9tICcuLi9Qb3BvdmVyJztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Ecm9wZG93bi50b2tlbnMnO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKWBcbiAgICAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMud3JhcHBlcil9LCAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMudGFyZ2V0KX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbiAgICBsaXN0T3ZlcmZsb3c6IERyb3Bkb3duUHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG4gICAgbGlzdFdpZHRoPzogRHJvcGRvd25Qcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuYm94U2hhZG93fSk7XG5cbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiAobGlzdEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdzogJHsoeyBsaXN0T3ZlcmZsb3cgfSkgPT4gbGlzdE92ZXJmbG93IHx8ICdpbml0aWFsJ307XG5cbiAgICBtYXJnaW46ICR7KHsgaXNJbm5lclVsIH0pID0+IChpc0lubmVyVWwgPyBgY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICogLTEpIDAgMCB2YXIoJHt0b2tlbnMucGFkZGluZ30pYCA6IDApfTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcbiJdfQ== */",
|
43
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
44
|
-
};
|
27
|
+
}, ";background:var(", _Dropdown.constants.background, ");box-shadow:", _Dropdown.constants.boxShadow, ";border-radius:var(", _Dropdown.tokens.borderRadius, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBnZXRDb3JyZWN0SGVpZ2h0IH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgeyBEcm9wZG93blByb3BzIH0gZnJvbSAnLi9Ecm9wZG93bi50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cyB9IGZyb20gJy4vRHJvcGRvd24udG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0SGVpZ2h0OiBEcm9wZG93blByb3BzWydsaXN0SGVpZ2h0J107XG4gICAgbGlzdE92ZXJmbG93OiBEcm9wZG93blByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0V2lkdGg/OiBEcm9wZG93blByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8IGB2YXIoJHt0b2tlbnMud2lkdGh9KWB9O1xuICAgIGhlaWdodDogJHsoeyBsaXN0SGVpZ2h0IH0pID0+IChsaXN0SGVpZ2h0ID8gZ2V0Q29ycmVjdEhlaWdodChsaXN0SGVpZ2h0KSA6ICdhdXRvJyl9O1xuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMC4xMjVyZW0gMGAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAwO1xuICAgIG92ZXJmbG93OiAkeyh7IGxpc3RPdmVyZmxvdyB9KSA9PiBsaXN0T3ZlcmZsb3cgfHwgJ2luaXRpYWwnfTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHtjb25zdGFudHMuYmFja2dyb3VuZH0pO1xuICAgIGJveC1zaGFkb3c6ICR7Y29uc3RhbnRzLmJveFNoYWRvd307XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
|
28
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IERyb3Bkb3duUHJvcHMgfSBmcm9tICcuL0Ryb3Bkb3duLnR5cGVzJztcbmltcG9ydCB7IHRva2VucywgY29uc3RhbnRzIH0gZnJvbSAnLi9Ecm9wZG93bi50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbiAgICBsaXN0T3ZlcmZsb3c6IERyb3Bkb3duUHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgYHZhcigke3Rva2Vucy53aWR0aH0pYH07XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwLjEyNXJlbSAwYCA6IDApfTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pIDA7XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */"));
|
@@ -3,13 +3,13 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.tokens = exports.classes = void 0;
|
6
|
+
exports.tokens = exports.constants = exports.classes = void 0;
|
7
7
|
var classes = exports.classes = {
|
8
8
|
dropdownRoot: 'dropdown-root',
|
9
9
|
dropdownItemIsFocused: 'dropdown-item-is-focused',
|
10
10
|
dropdownItemIsDisabled: 'dropdown-item-is-disabled',
|
11
11
|
dropdownItemIsActive: 'dropdown-item-is-active',
|
12
|
-
dropdownItemIsSelected: '
|
12
|
+
dropdownItemIsSelected: 'dropdown-item-is-selected'
|
13
13
|
};
|
14
14
|
var tokens = exports.tokens = {
|
15
15
|
background: '--plasma-dropdown-background',
|
@@ -20,6 +20,8 @@ var tokens = exports.tokens = {
|
|
20
20
|
disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
|
21
21
|
disabledOpacity: '--plasma-dropdown-disabled-opacity',
|
22
22
|
focusColor: '--plasma-dropdown-focus-color',
|
23
|
+
// Old
|
24
|
+
|
23
25
|
dividerColor: '--plasma-dropdown-divider-color',
|
24
26
|
dividerMarginTop: '--plasma-dropdown-divider-margin-top',
|
25
27
|
dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',
|
@@ -34,6 +36,7 @@ var tokens = exports.tokens = {
|
|
34
36
|
itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
|
35
37
|
// Old
|
36
38
|
itemColor: '--plasma-dropdown-item-color',
|
39
|
+
// Old
|
37
40
|
itemColorSelected: '--plasma-dropdown-item-color-selected',
|
38
41
|
// Old
|
39
42
|
itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
|
@@ -52,11 +55,17 @@ var tokens = exports.tokens = {
|
|
52
55
|
itemMarginLeft: '--plasma-dropdown-item-margin-left',
|
53
56
|
// Old
|
54
57
|
itemPaddingTop: '--plasma-dropdown-item-padding-top',
|
58
|
+
// Old
|
55
59
|
itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight',
|
60
|
+
// Old
|
56
61
|
itemPaddingRight: '--plasma-dropdown-item-padding-right',
|
62
|
+
// Old
|
57
63
|
itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',
|
64
|
+
// Old
|
58
65
|
itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight',
|
66
|
+
// Old
|
59
67
|
itemPaddingLeft: '--plasma-dropdown-item-padding-left',
|
68
|
+
// Old
|
60
69
|
itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
|
61
70
|
// Old
|
62
71
|
itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
|
@@ -71,6 +80,20 @@ var tokens = exports.tokens = {
|
|
71
80
|
itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',
|
72
81
|
itemFontLetterSpacing: '--plasma-dropdown-item-line-height',
|
73
82
|
itemFontLineHeight: '--plasma-dropdown-item-font-weight',
|
83
|
+
itemPadding: '--plasma-dropdown-item-padding',
|
84
|
+
itemPaddingTight: '--plasma-dropdown-item-padding-tight',
|
85
|
+
cellPadding: '--plasma-dropdown-cell-padding',
|
86
|
+
cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',
|
87
|
+
cellPaddingContent: '--plasma-dropdown-cell-padding-content',
|
88
|
+
cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',
|
89
|
+
cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',
|
90
|
+
cellGap: '--plasma-dropdown-cell-gap',
|
91
|
+
cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',
|
92
|
+
cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',
|
93
|
+
cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',
|
94
|
+
cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',
|
95
|
+
cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',
|
96
|
+
cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',
|
74
97
|
// TODO: Remove below tokens as soon as they are no longer needed
|
75
98
|
footerBackground: '--plasma-dropdown-footer-background',
|
76
99
|
footerWidth: '--plasma-dropdown-footer-width',
|
@@ -134,4 +157,15 @@ var tokens = exports.tokens = {
|
|
134
157
|
groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',
|
135
158
|
groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',
|
136
159
|
groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left'
|
160
|
+
};
|
161
|
+
var constants = exports.constants = {
|
162
|
+
focusColor: '--surface-accent',
|
163
|
+
background: '--surface-solid-card',
|
164
|
+
boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
|
165
|
+
disclosureIconColor: '--text-secondary',
|
166
|
+
itemBackground: '--plasma-colors-transparent',
|
167
|
+
itemBackgroundHover: '--surface-transparent-secondary',
|
168
|
+
opacity: '0.4',
|
169
|
+
cellTitleColor: '--text-primary',
|
170
|
+
cellBackgroundColor: '--plasma-colors-transparent'
|
137
171
|
};
|
@@ -0,0 +1,109 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.FloatingPopover = void 0;
|
7
|
+
var _react = /*#__PURE__*/require("@floating-ui/react");
|
8
|
+
var _react2 = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
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
|
+
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
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
13
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
14
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
15
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
16
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
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
|
+
var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
19
|
+
var target = _ref.target,
|
20
|
+
children = _ref.children,
|
21
|
+
opened = _ref.opened,
|
22
|
+
onToggle = _ref.onToggle,
|
23
|
+
placement = _ref.placement,
|
24
|
+
portal = _ref.portal,
|
25
|
+
_ref$offset = _ref.offset,
|
26
|
+
offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
|
27
|
+
isInner = _ref.isInner,
|
28
|
+
trigger = _ref.trigger;
|
29
|
+
var _useFloating = (0, _react.useFloating)({
|
30
|
+
placement: placement === 'auto' ? undefined : placement,
|
31
|
+
open: opened,
|
32
|
+
middleware: [placement === 'auto' && (0, _react.autoPlacement)(), (0, _react.offset)({
|
33
|
+
mainAxis: offset[1],
|
34
|
+
crossAxis: offset[0]
|
35
|
+
}), (0, _react.flip)({
|
36
|
+
fallbackAxisSideDirection: 'end'
|
37
|
+
}), (0, _react.shift)()]
|
38
|
+
}),
|
39
|
+
refs = _useFloating.refs,
|
40
|
+
floatingStyles = _useFloating.floatingStyles;
|
41
|
+
var wrappedId = (0, _plasmaCore.safeUseId)();
|
42
|
+
var handleTargetClick = function handleTargetClick(event) {
|
43
|
+
if (trigger === 'hover') {
|
44
|
+
return;
|
45
|
+
}
|
46
|
+
if (onToggle) {
|
47
|
+
onToggle(!opened, event);
|
48
|
+
}
|
49
|
+
};
|
50
|
+
var handleTargetMouseEnter = function handleTargetMouseEnter(event) {
|
51
|
+
if (trigger === 'click' || opened) {
|
52
|
+
return;
|
53
|
+
}
|
54
|
+
onToggle(true, event);
|
55
|
+
};
|
56
|
+
var handleTargetMouseLeave = function handleTargetMouseLeave(event) {
|
57
|
+
if (event.relatedTarget instanceof HTMLElement && refs.floating.current instanceof HTMLElement) {
|
58
|
+
var _refs$floating$curren;
|
59
|
+
if (trigger === 'click' || !opened || event.relatedTarget && refs.floating && (_refs$floating$curren = refs.floating.current) !== null && _refs$floating$curren !== void 0 && _refs$floating$curren.contains(event.relatedTarget)) {
|
60
|
+
return;
|
61
|
+
}
|
62
|
+
onToggle(false, event);
|
63
|
+
}
|
64
|
+
};
|
65
|
+
var handleFloatingMouseLeave = function handleFloatingMouseLeave(event) {
|
66
|
+
if (event.relatedTarget instanceof HTMLElement && refs.reference.current instanceof HTMLElement) {
|
67
|
+
var _refs$reference$curre;
|
68
|
+
if (trigger === 'click' || !opened || event.relatedTarget && refs.reference && (_refs$reference$curre = refs.reference.current) !== null && _refs$reference$curre !== void 0 && _refs$reference$curre.contains(event.relatedTarget)) {
|
69
|
+
return;
|
70
|
+
}
|
71
|
+
onToggle(false, event);
|
72
|
+
}
|
73
|
+
};
|
74
|
+
return /*#__PURE__*/_react2["default"].createElement("div", {
|
75
|
+
id: wrappedId,
|
76
|
+
style: {
|
77
|
+
display: isInner ? 'block' : 'inline-block'
|
78
|
+
},
|
79
|
+
ref: ref
|
80
|
+
}, /*#__PURE__*/_react2["default"].createElement("div", {
|
81
|
+
ref: refs.setReference,
|
82
|
+
onClick: handleTargetClick,
|
83
|
+
onMouseEnter: handleTargetMouseEnter,
|
84
|
+
onMouseLeave: handleTargetMouseLeave
|
85
|
+
}, target), opened && /*#__PURE__*/_react2["default"].createElement(_react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/_react2["default"].createElement("div", {
|
86
|
+
ref: refs.setFloating,
|
87
|
+
onMouseLeave: handleFloatingMouseLeave,
|
88
|
+
style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
|
89
|
+
zIndex: 1
|
90
|
+
})
|
91
|
+
}, children)));
|
92
|
+
});
|
93
|
+
// root - принимает ref контейнера портала.
|
94
|
+
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
95
|
+
var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
|
96
|
+
if (!portal) {
|
97
|
+
return {
|
98
|
+
id: wrappedId
|
99
|
+
};
|
100
|
+
}
|
101
|
+
if (typeof portal === 'string') {
|
102
|
+
return {
|
103
|
+
id: portal
|
104
|
+
};
|
105
|
+
}
|
106
|
+
return {
|
107
|
+
root: portal
|
108
|
+
};
|
109
|
+
};
|