@salutejs/plasma-new-hope 0.173.0-canary.1497.11459278795.0 → 0.173.0-canary.1500.11456169969.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Badge/Badge.css +2 -0
- package/cjs/components/Badge/Badge.js +9 -2
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +2 -1
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Badge/variations/_truncate/base.js +9 -0
- package/cjs/components/Badge/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Badge/variations/_truncate/base_nf9u2h.css +1 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +14 -28
- package/cjs/components/Combobox/ComboboxOld/Combobox.js +1 -2
- package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +2 -3
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +2 -3
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +2 -3
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +2 -3
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.css +16 -30
- package/cjs/components/Dropdown/Dropdown.js +44 -66
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +27 -14
- 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 +1 -24
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +52 -17
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -46
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +18 -29
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +31 -27
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +6 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_1lyg81y.css → DropdownItem.styles_12e50g5.css} +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +2 -1
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +2 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +2 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base_1kepful.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +7 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_16d3lah.css → VerticalTabItem.styles_1yspq9o.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +2 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base_14x17ie.css +1 -0
- package/cjs/hooks/useOutsideClick.js +1 -1
- package/cjs/hooks/useOutsideClick.js.map +1 -1
- package/cjs/index.css +28 -16
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Badge/Badge.js +9 -2
- package/emotion/cjs/components/Badge/Badge.tokens.js +2 -1
- package/emotion/cjs/components/Badge/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Badge/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/components/Dropdown/Dropdown.js +36 -58
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +25 -9
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +2 -36
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +51 -17
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +18 -29
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +41 -21
- package/emotion/cjs/components/Dropdown/utils/index.js +1 -16
- package/emotion/cjs/components/Tabs/tokens.js +2 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +11 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +17 -14
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +9 -2
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +5 -20
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +57 -5
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +18 -15
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +9 -6
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +5 -20
- package/emotion/cjs/hooks/useOutsideClick.js +1 -1
- package/emotion/es/components/Badge/Badge.js +9 -2
- package/emotion/es/components/Badge/Badge.tokens.js +2 -1
- package/emotion/es/components/Badge/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Badge/variations/_truncate/tokens.json +1 -0
- package/emotion/es/components/Dropdown/Dropdown.js +39 -60
- package/emotion/es/components/Dropdown/Dropdown.styles.js +25 -9
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +1 -35
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +52 -18
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +20 -31
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +42 -22
- package/emotion/es/components/Dropdown/utils/index.js +1 -3
- package/emotion/es/components/Tabs/tokens.js +2 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +5 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +1 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +4 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +1 -0
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +17 -14
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +9 -2
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +5 -20
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +57 -5
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +18 -15
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +9 -6
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +5 -20
- package/emotion/es/hooks/useOutsideClick.js +1 -1
- package/es/components/Badge/Badge.css +2 -0
- package/es/components/Badge/Badge.js +9 -2
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +2 -1
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Badge/variations/_truncate/base.js +5 -0
- package/es/components/Badge/variations/_truncate/base.js.map +1 -0
- package/es/components/Badge/variations/_truncate/base_nf9u2h.css +1 -0
- package/es/components/Combobox/ComboboxOld/Combobox.css +14 -28
- package/es/components/Combobox/ComboboxOld/Combobox.js +1 -2
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +2 -3
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +2 -3
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +2 -3
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +2 -3
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/es/components/Dropdown/Dropdown.css +16 -30
- package/es/components/Dropdown/Dropdown.js +46 -67
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +27 -15
- 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 +1 -24
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +53 -18
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -46
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +20 -31
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +29 -26
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +6 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_1lyg81y.css → DropdownItem.styles_12e50g5.css} +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Select/utils/getCorrectHeight.js.map +1 -1
- package/es/components/Tabs/tokens.js +2 -1
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +2 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +2 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base_1kepful.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +7 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_16d3lah.css → VerticalTabItem.styles_1yspq9o.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +2 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base_14x17ie.css +1 -0
- package/es/hooks/useOutsideClick.js +1 -1
- package/es/hooks/useOutsideClick.js.map +1 -1
- package/es/index.css +28 -16
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.js +9 -2
- package/styled-components/cjs/components/Badge/Badge.tokens.js +2 -1
- package/styled-components/cjs/components/Badge/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Badge/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +36 -58
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +15 -9
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +2 -36
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +51 -17
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +18 -29
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +19 -17
- package/styled-components/cjs/components/Dropdown/utils/index.js +1 -16
- package/styled-components/cjs/components/Tabs/tokens.js +2 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +11 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +9 -2
- 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 +5 -20
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +57 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +3 -0
- 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 +5 -20
- package/styled-components/cjs/hooks/useOutsideClick.js +1 -1
- package/styled-components/es/components/Badge/Badge.js +9 -2
- package/styled-components/es/components/Badge/Badge.tokens.js +2 -1
- package/styled-components/es/components/Badge/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Badge/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/components/Dropdown/Dropdown.js +39 -60
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +15 -9
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +1 -35
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +52 -18
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +20 -31
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +20 -18
- package/styled-components/es/components/Dropdown/utils/index.js +1 -3
- package/styled-components/es/components/Tabs/tokens.js +2 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -2
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +11 -3
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +5 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -2
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -2
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +9 -2
- 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 +5 -20
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +57 -5
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +3 -0
- 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 +5 -20
- package/styled-components/es/hooks/useOutsideClick.js +1 -1
- package/types/components/Badge/Badge.d.ts +4 -0
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +1 -0
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +5 -0
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Badge/variations/_truncate/base.d.ts +2 -0
- package/types/components/Badge/variations/_truncate/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +1 -2
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +1 -2
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +6 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +0 -25
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +5 -31
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- 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 +12 -1
- 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 +3 -32
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +14 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Dropdown/utils/index.d.ts +0 -2
- 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/components/Tabs/TabItem.types.d.ts +5 -0
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/Tabs.types.d.ts +5 -0
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +1 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +3 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +3 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +3 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +4 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.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_b2c/components/Tabs/TabItem.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +3 -0
- package/types/examples/plasma_web/components/Badge/Badge.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/hooks/useOutsideClick.d.ts +1 -1
- package/types/hooks/useOutsideClick.d.ts.map +1 -1
- package/types/utils/index.d.ts +1 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_18f0qpm.css +0 -2
- package/cjs/components/Dropdown/FloatingPopover.js +0 -104
- package/cjs/components/Dropdown/FloatingPopover.js.map +0 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +0 -5
- package/cjs/components/Dropdown/utils/getItemByFocused.js +0 -13
- package/cjs/components/Dropdown/utils/getItemByFocused.js.map +0 -1
- package/cjs/components/Dropdown/utils/getItemId.js +0 -10
- package/cjs/components/Dropdown/utils/getItemId.js.map +0 -1
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +0 -109
- package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +0 -12
- package/emotion/cjs/components/Dropdown/utils/getItemId.js +0 -9
- package/emotion/es/components/Dropdown/FloatingPopover.js +0 -102
- package/emotion/es/components/Dropdown/utils/getItemByFocused.js +0 -6
- package/emotion/es/components/Dropdown/utils/getItemId.js +0 -3
- package/es/components/Dropdown/Dropdown.styles_18f0qpm.css +0 -2
- package/es/components/Dropdown/FloatingPopover.js +0 -100
- package/es/components/Dropdown/FloatingPopover.js.map +0 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +0 -5
- package/es/components/Dropdown/utils/getItemByFocused.js +0 -9
- package/es/components/Dropdown/utils/getItemByFocused.js.map +0 -1
- package/es/components/Dropdown/utils/getItemId.js +0 -6
- package/es/components/Dropdown/utils/getItemId.js.map +0 -1
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +0 -109
- package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +0 -12
- package/styled-components/cjs/components/Dropdown/utils/getItemId.js +0 -9
- package/styled-components/es/components/Dropdown/FloatingPopover.js +0 -102
- package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +0 -6
- package/styled-components/es/components/Dropdown/utils/getItemId.js +0 -3
- package/types/components/Dropdown/FloatingPopover.d.ts +0 -5
- package/types/components/Dropdown/FloatingPopover.d.ts.map +0 -1
- package/types/components/Dropdown/utils/getItemByFocused.d.ts +0 -4
- package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +0 -1
- package/types/components/Dropdown/utils/getItemId.d.ts +0 -2
- package/types/components/Dropdown/utils/getItemId.d.ts.map +0 -1
@@ -5,21 +5,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.DropdownInner = void 0;
|
7
7
|
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
-
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
9
8
|
var _ = /*#__PURE__*/require("..");
|
10
9
|
var _Dropdown = /*#__PURE__*/require("../../Dropdown.styles");
|
11
|
-
var _FloatingPopover = /*#__PURE__*/require("../../FloatingPopover");
|
12
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
11
|
var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
|
14
12
|
var item = _ref.item,
|
15
13
|
currentLevel = _ref.currentLevel,
|
14
|
+
focusedPath = _ref.focusedPath,
|
16
15
|
path = _ref.path,
|
17
16
|
dispatchPath = _ref.dispatchPath,
|
18
17
|
index = _ref.index,
|
19
18
|
trigger = _ref.trigger,
|
19
|
+
itemRole = _ref.itemRole,
|
20
20
|
listHeight = _ref.listHeight,
|
21
21
|
listOverflow = _ref.listOverflow,
|
22
|
-
|
22
|
+
handleGlobalToggle = _ref.handleGlobalToggle,
|
23
|
+
closeOnSelect = _ref.closeOnSelect,
|
24
|
+
onHover = _ref.onHover,
|
25
|
+
onItemSelect = _ref.onItemSelect,
|
26
|
+
onItemClick = _ref.onItemClick,
|
27
|
+
listWidth = _ref.listWidth,
|
28
|
+
variant = _ref.variant,
|
29
|
+
hasArrow = _ref.hasArrow,
|
30
|
+
size = _ref.size;
|
23
31
|
var handleToggle = function handleToggle(opened) {
|
24
32
|
if (opened) {
|
25
33
|
dispatchPath({
|
@@ -35,53 +43,79 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
|
|
35
43
|
}
|
36
44
|
};
|
37
45
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
38
|
-
var
|
39
|
-
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
46
|
+
var listId = "tree_level_".concat(currentLevel + 2);
|
40
47
|
var nextLevel = currentLevel + 1;
|
41
48
|
if (item !== null && item !== void 0 && item.items) {
|
42
|
-
return /*#__PURE__*/_react["default"].createElement(
|
43
|
-
placement: "right-start",
|
49
|
+
return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
|
44
50
|
opened: isCurrentListOpen,
|
45
|
-
|
51
|
+
usePortal: false,
|
52
|
+
placement: "right-start",
|
46
53
|
trigger: trigger,
|
47
54
|
target: /*#__PURE__*/_react["default"].createElement(_.DropdownItem, {
|
48
55
|
item: item,
|
49
56
|
index: index,
|
50
57
|
path: path,
|
58
|
+
focusedPath: focusedPath,
|
51
59
|
currentLevel: currentLevel,
|
60
|
+
itemRole: itemRole,
|
61
|
+
onHover: onHover,
|
62
|
+
onItemSelect: onItemSelect,
|
63
|
+
onItemClick: onItemClick,
|
64
|
+
variant: variant,
|
65
|
+
hasArrow: hasArrow,
|
52
66
|
ariaControls: listId,
|
53
67
|
ariaExpanded: isCurrentListOpen,
|
54
68
|
ariaLevel: nextLevel,
|
55
|
-
ariaLabel: item.label
|
69
|
+
ariaLabel: item.label,
|
70
|
+
size: size
|
56
71
|
}),
|
57
|
-
|
72
|
+
onToggle: handleToggle,
|
73
|
+
isFocusTrapped: false,
|
74
|
+
preventOverflow: false
|
58
75
|
}, /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
|
59
|
-
id: listId,
|
60
|
-
role: "group",
|
61
|
-
isInnerUl: true,
|
62
76
|
listHeight: listHeight,
|
63
77
|
listOverflow: listOverflow,
|
64
|
-
|
78
|
+
role: "group",
|
79
|
+
id: listId,
|
80
|
+
listWidth: listWidth,
|
81
|
+
isInnerUl: true
|
65
82
|
}, item.items.map(function (innerItem, innerIndex) {
|
66
83
|
return /*#__PURE__*/_react["default"].createElement(DropdownInner, {
|
67
84
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
68
85
|
item: innerItem,
|
69
86
|
currentLevel: nextLevel,
|
87
|
+
focusedPath: focusedPath,
|
70
88
|
path: path,
|
71
89
|
dispatchPath: dispatchPath,
|
72
90
|
index: innerIndex,
|
73
91
|
trigger: trigger,
|
92
|
+
itemRole: itemRole,
|
74
93
|
listHeight: listHeight,
|
75
94
|
listOverflow: listOverflow,
|
76
|
-
|
95
|
+
handleGlobalToggle: handleGlobalToggle,
|
96
|
+
closeOnSelect: closeOnSelect,
|
97
|
+
onHover: onHover,
|
98
|
+
onItemSelect: onItemSelect,
|
99
|
+
onItemClick: onItemClick,
|
100
|
+
listWidth: listWidth,
|
101
|
+
variant: variant,
|
102
|
+
hasArrow: hasArrow,
|
103
|
+
size: size
|
77
104
|
});
|
78
105
|
})));
|
79
106
|
}
|
80
107
|
return /*#__PURE__*/_react["default"].createElement(_.DropdownItem, {
|
81
108
|
item: item,
|
82
|
-
path: path,
|
83
109
|
index: index,
|
110
|
+
focusedPath: focusedPath,
|
84
111
|
currentLevel: currentLevel,
|
85
|
-
|
112
|
+
itemRole: itemRole,
|
113
|
+
handleGlobalToggle: handleGlobalToggle,
|
114
|
+
closeOnSelect: closeOnSelect,
|
115
|
+
onHover: onHover,
|
116
|
+
onItemSelect: onItemSelect,
|
117
|
+
onItemClick: onItemClick,
|
118
|
+
variant: variant,
|
119
|
+
size: size
|
86
120
|
});
|
87
121
|
};
|
@@ -9,20 +9,29 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
|
|
9
9
|
var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
|
10
10
|
var _utils = /*#__PURE__*/require("../../../../utils");
|
11
11
|
var _Icon = /*#__PURE__*/require("../../../_Icon");
|
12
|
-
var _Dropdown2 = /*#__PURE__*/require("../../Dropdown");
|
13
|
-
var _utils2 = /*#__PURE__*/require("../../utils");
|
14
12
|
var _DropdownItem = /*#__PURE__*/require("./DropdownItem.styles");
|
15
13
|
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); }
|
16
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
17
15
|
var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
18
16
|
var item = _ref.item,
|
19
17
|
path = _ref.path,
|
18
|
+
focusedPath = _ref.focusedPath,
|
20
19
|
currentLevel = _ref.currentLevel,
|
21
20
|
index = _ref.index,
|
21
|
+
itemRole = _ref.itemRole,
|
22
|
+
closeOnSelect = _ref.closeOnSelect,
|
23
|
+
handleGlobalToggle = _ref.handleGlobalToggle,
|
24
|
+
onHover = _ref.onHover,
|
25
|
+
onItemSelect = _ref.onItemSelect,
|
26
|
+
onItemClick = _ref.onItemClick,
|
22
27
|
ariaControls = _ref.ariaControls,
|
23
28
|
ariaExpanded = _ref.ariaExpanded,
|
29
|
+
ariaHasPopup = _ref.ariaHasPopup,
|
24
30
|
ariaLevel = _ref.ariaLevel,
|
25
|
-
ariaLabel = _ref.ariaLabel
|
31
|
+
ariaLabel = _ref.ariaLabel,
|
32
|
+
variant = _ref.variant,
|
33
|
+
hasArrow = _ref.hasArrow,
|
34
|
+
size = _ref.size;
|
26
35
|
var value = item.value,
|
27
36
|
label = item.label,
|
28
37
|
disabled = item.disabled,
|
@@ -32,19 +41,6 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
32
41
|
dividerBefore = item.dividerBefore,
|
33
42
|
dividerAfter = item.dividerAfter;
|
34
43
|
var ref = (0, _react.useRef)(null);
|
35
|
-
var _useContext = (0, _react.useContext)(_Dropdown2.Context),
|
36
|
-
focusedPath = _useContext.focusedPath,
|
37
|
-
size = _useContext.size,
|
38
|
-
variant = _useContext.variant,
|
39
|
-
itemRole = _useContext.itemRole,
|
40
|
-
handleGlobalToggle = _useContext.handleGlobalToggle,
|
41
|
-
closeOnSelect = _useContext.closeOnSelect,
|
42
|
-
onHover = _useContext.onHover,
|
43
|
-
onItemSelect = _useContext.onItemSelect,
|
44
|
-
onItemClick = _useContext.onItemClick,
|
45
|
-
hasArrow = _useContext.hasArrow,
|
46
|
-
treeId = _useContext.treeId;
|
47
|
-
var hasDescendants = Boolean(item.items);
|
48
44
|
var disclosureIconSize = size === 'xs' ? 'xs' : 's';
|
49
45
|
var isDisabledClassName = disabled || isDisabled ? _Dropdown.classes.dropdownItemIsDisabled : undefined;
|
50
46
|
var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Dropdown.classes.dropdownItemIsFocused : undefined;
|
@@ -68,9 +64,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
68
64
|
if (onItemClick) {
|
69
65
|
onItemClick(item, event);
|
70
66
|
}
|
71
|
-
|
72
|
-
// Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.
|
73
|
-
if (closeOnSelect && !hasDescendants) {
|
67
|
+
if (handleGlobalToggle && closeOnSelect) {
|
74
68
|
handleGlobalToggle(false, event);
|
75
69
|
}
|
76
70
|
};
|
@@ -82,25 +76,20 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
82
76
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, dividerBefore && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {
|
83
77
|
variant: variant
|
84
78
|
}), /*#__PURE__*/_react["default"].createElement(_DropdownItem.Wrapper, {
|
85
|
-
ref: ref,
|
86
79
|
className: (0, _utils.cx)(isDisabledClassName, focusedClass, activeClass),
|
87
|
-
id:
|
80
|
+
id: value.toString(),
|
88
81
|
role: itemRole,
|
82
|
+
ref: ref,
|
83
|
+
"aria-disabled": disabled || isDisabled,
|
89
84
|
onClick: handleClick,
|
90
85
|
onMouseEnter: handleHover,
|
91
86
|
variant: variant,
|
92
|
-
"aria-disabled": disabled || isDisabled,
|
93
87
|
"aria-controls": ariaControls,
|
94
88
|
"aria-expanded": ariaExpanded,
|
89
|
+
"aria-haspopup": ariaHasPopup,
|
95
90
|
"aria-level": ariaLevel,
|
96
91
|
"aria-label": ariaLabel
|
97
|
-
}, /*#__PURE__*/_react["default"].createElement(_DropdownItem.
|
98
|
-
contentLeft: contentLeft,
|
99
|
-
contentRight: contentRight,
|
100
|
-
alignContentLeft: "center",
|
101
|
-
alignContentRight: "center",
|
102
|
-
title: label
|
103
|
-
})), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
|
92
|
+
}, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
|
104
93
|
size: disclosureIconSize,
|
105
94
|
color: "inherit"
|
106
95
|
}))), dividerAfter && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {
|
@@ -3,26 +3,25 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Wrapper = exports.
|
6
|
+
exports.Wrapper = exports.StyledText = exports.StyledContentRight = exports.StyledContentLeft = exports.Divider = exports.DisclosureIconWrapper = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
|
9
9
|
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
10
|
-
var _Cell = /*#__PURE__*/require("../../../Cell");
|
11
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
12
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
|
-
var
|
14
|
-
var Cell = /*#__PURE__*/(0, _engines.component)(mergedCellConfig);
|
15
|
-
var CellWrapper = exports.CellWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
+
var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
16
12
|
componentId: "plasma-new-hope__sc-hs0ek1-0"
|
17
|
-
})(["
|
18
|
-
var
|
13
|
+
})(["display:inline-flex;"]);
|
14
|
+
var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
15
|
componentId: "plasma-new-hope__sc-hs0ek1-1"
|
20
|
-
})([""]);
|
16
|
+
})(["margin-left:auto;display:inline-flex;"]);
|
21
17
|
var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
22
18
|
componentId: "plasma-new-hope__sc-hs0ek1-2"
|
23
|
-
})(["line-height:0;color:var(", ");"], _Dropdown.
|
24
|
-
var
|
19
|
+
})(["line-height:0;color:var(", ");"], _Dropdown.tokens.disclosureIconColor);
|
20
|
+
var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
25
21
|
componentId: "plasma-new-hope__sc-hs0ek1-3"
|
22
|
+
})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
23
|
+
var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-hs0ek1-4"
|
26
25
|
})(["height:1px;margin-top:", ";margin-right:var(", ");margin-bottom:", ";margin-left:var(", ");background:var(", ");"], function (_ref) {
|
27
26
|
var variant = _ref.variant;
|
28
27
|
return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginTopTight : _Dropdown.tokens.dividerMarginTop, ")");
|
@@ -31,15 +30,18 @@ var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.wi
|
|
31
30
|
return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginBottomTight : _Dropdown.tokens.dividerMarginBottom, ")");
|
32
31
|
}, _Dropdown.tokens.dividerMarginLeft, _Dropdown.tokens.dividerColor);
|
33
32
|
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
34
|
-
componentId: "plasma-new-hope__sc-hs0ek1-
|
35
|
-
})(["display:flex;align-items:center;
|
33
|
+
componentId: "plasma-new-hope__sc-hs0ek1-5"
|
34
|
+
})(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding-top:", ";padding-right:var(", ");padding-bottom:", ";padding-left:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref3) {
|
36
35
|
var variant = _ref3.variant;
|
37
|
-
return "var(".concat(variant === 'tight' ? _Dropdown.tokens.
|
38
|
-
}, _Dropdown.tokens.
|
36
|
+
return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTopTight : _Dropdown.tokens.itemPaddingTop, ")");
|
37
|
+
}, _Dropdown.tokens.itemPaddingRight, function (_ref4) {
|
38
|
+
var variant = _ref4.variant;
|
39
|
+
return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingBottomTight : _Dropdown.tokens.itemPaddingBottom, ")");
|
40
|
+
}, _Dropdown.tokens.itemPaddingLeft, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.tokens.itemBackground, _Dropdown.tokens.itemColor, _Dropdown.tokens.itemBorderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.disabledOpacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
39
41
|
outlineSize: '0.0625rem',
|
40
42
|
outlineOffset: '0',
|
41
|
-
outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.
|
43
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.tokens.focusColor, ")"),
|
42
44
|
outlineRadius: /*#__PURE__*/"var(".concat(_Dropdown.tokens.itemBorderRadius, ")"),
|
43
45
|
hasTransition: false,
|
44
|
-
customFocusRules: /*#__PURE__*/"\n &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.
|
46
|
+
customFocusRules: /*#__PURE__*/"\n &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.tokens.focusColor, ");\n }\n ")
|
45
47
|
}));
|
@@ -3,23 +3,8 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.getCorrectHeight = exports.childrenWithProps = void 0;
|
7
|
-
Object.defineProperty(exports, "getItemByFocused", {
|
8
|
-
enumerable: true,
|
9
|
-
get: function get() {
|
10
|
-
return _getItemByFocused.getItemByFocused;
|
11
|
-
}
|
12
|
-
});
|
13
|
-
Object.defineProperty(exports, "getItemId", {
|
14
|
-
enumerable: true,
|
15
|
-
get: function get() {
|
16
|
-
return _getItemId.getItemId;
|
17
|
-
}
|
18
|
-
});
|
19
|
-
exports.getValidComponent = void 0;
|
6
|
+
exports.getValidComponent = exports.getCorrectHeight = exports.childrenWithProps = void 0;
|
20
7
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
21
|
-
var _getItemId = /*#__PURE__*/require("./getItemId");
|
22
|
-
var _getItemByFocused = /*#__PURE__*/require("./getItemByFocused");
|
23
8
|
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); }
|
24
9
|
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; }
|
25
10
|
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); }
|
@@ -20,7 +20,8 @@ var classes = exports.classes = {
|
|
20
20
|
tabsHasTopArrow: 'tabs-has-top-arrow',
|
21
21
|
tabsHasBottomArrow: 'tabs-has-bottom-arrow',
|
22
22
|
tabsClipScroll: 'tabs-clip-scroll',
|
23
|
-
tabsClipShowAll: 'tabs-clip-show-all'
|
23
|
+
tabsClipShowAll: 'tabs-clip-show-all',
|
24
|
+
tabsTruncate: 'tabs-truncate'
|
24
25
|
};
|
25
26
|
var tokens = exports.tokens = {
|
26
27
|
disabledOpacity: '--plasma-tabs-disabled-opacity',
|
package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js
CHANGED
@@ -14,8 +14,9 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
|
|
14
14
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
15
15
|
var _base3 = /*#__PURE__*/require("./variations/_pilled/base");
|
16
16
|
var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
|
+
var _base5 = /*#__PURE__*/require("./variations/_truncate/base");
|
17
18
|
var _HorizontalTabItem = /*#__PURE__*/require("./HorizontalTabItem.styles");
|
18
|
-
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
|
19
|
+
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "truncate"];
|
19
20
|
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); }
|
20
21
|
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; }
|
21
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -42,6 +43,7 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
|
|
42
43
|
tabIndex = props.tabIndex,
|
43
44
|
className = props.className,
|
44
45
|
onClick = props.onClick,
|
46
|
+
truncate = props.truncate,
|
45
47
|
rest = _objectWithoutProperties(props, _excluded);
|
46
48
|
var innerRef = (0, _react.useRef)(null);
|
47
49
|
var ref = (0, _plasmaCore.useForkRef)(outerRef, innerRef);
|
@@ -103,9 +105,10 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
|
|
103
105
|
role: role,
|
104
106
|
view: view,
|
105
107
|
size: size,
|
108
|
+
truncate: truncate,
|
106
109
|
onFocus: onItemFocus,
|
107
110
|
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
108
|
-
className: (0, _utils.cx)(pilledClass, selectedClass, animatedClass, className),
|
111
|
+
className: (0, _utils.cx)(pilledClass, selectedClass, animatedClass, truncate && _tokens.classes.tabsTruncate, className),
|
109
112
|
onClick: handleClick
|
110
113
|
}, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.LeftContent, {
|
111
114
|
className: _tokens.classes.tabLeftContent
|
@@ -134,6 +137,9 @@ var horizontalTabItemConfig = exports.horizontalTabItemConfig = {
|
|
134
137
|
},
|
135
138
|
pilled: {
|
136
139
|
css: _base3.base
|
140
|
+
},
|
141
|
+
truncate: {
|
142
|
+
css: _base5.base
|
137
143
|
}
|
138
144
|
},
|
139
145
|
defaults: {
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
|
+
var _HorizontalTabItem = /*#__PURE__*/require("../../HorizontalTabItem.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{overflow:hidden;text-overflow:ellipsis;}", "{overflow:hidden;text-overflow:ellipsis;}}"], _tokens.classes.tabsTruncate, _HorizontalTabItem.StyledContent, _HorizontalTabItem.TabItemValue);
|
@@ -0,0 +1 @@
|
|
1
|
+
[]
|
package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js
CHANGED
@@ -16,8 +16,9 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
|
16
16
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
17
|
var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
|
18
18
|
var _base5 = /*#__PURE__*/require("./variations/_stretch/base");
|
19
|
+
var _base6 = /*#__PURE__*/require("./variations/_truncate/base");
|
19
20
|
var _HorizontalTabs = /*#__PURE__*/require("./HorizontalTabs.styles");
|
20
|
-
var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className"];
|
21
|
+
var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className", "truncate"];
|
21
22
|
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
23
|
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; }
|
23
24
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -52,6 +53,8 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
|
|
52
53
|
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
53
54
|
index = props.index,
|
54
55
|
className = props.className,
|
56
|
+
_props$truncate = props.truncate,
|
57
|
+
truncate = _props$truncate === void 0 ? false : _props$truncate,
|
55
58
|
rest = _objectWithoutProperties(props, _excluded);
|
56
59
|
var _useState = (0, _react.useState)(true),
|
57
60
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -69,7 +72,8 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
|
|
69
72
|
var isFilled = view === 'filled'; // outer padding is only for filled view
|
70
73
|
var pilledAttr = view !== 'clear' && pilled;
|
71
74
|
var pilledClass = pilledAttr ? _tokens.classes.tabsPilled : undefined;
|
72
|
-
var
|
75
|
+
var canStretch = truncate ? true : firstItemVisible && lastItemVisible;
|
76
|
+
var stretchClass = canStretch && stretch ? _tokens.classes.tabsStretch : undefined;
|
73
77
|
var hasLeftArrowClass = !firstItemVisible ? _tokens.classes.tabsHasLeftArrow : undefined;
|
74
78
|
var hasRightArrowClass = !lastItemVisible ? _tokens.classes.tabsHasRightArrow : undefined;
|
75
79
|
var clipScrollClass = clip === 'scroll' ? _tokens.classes.tabsClipScroll : undefined;
|
@@ -204,7 +208,8 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
|
|
204
208
|
id: tabsId,
|
205
209
|
ref: outerRef,
|
206
210
|
disabled: disabled,
|
207
|
-
|
211
|
+
truncate: truncate,
|
212
|
+
className: (0, _utils.cx)(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, truncate && _tokens.classes.tabsTruncate, className),
|
208
213
|
onKeyDown: onKeyDown
|
209
214
|
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledContentWrapper, {
|
210
215
|
className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
|
@@ -237,6 +242,9 @@ var horizontalTabsConfig = exports.horizontalTabsConfig = {
|
|
237
242
|
},
|
238
243
|
pilled: {
|
239
244
|
css: _base4.base
|
245
|
+
},
|
246
|
+
truncate: {
|
247
|
+
css: _base6.base
|
240
248
|
}
|
241
249
|
},
|
242
250
|
defaults: {
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
|
+
var _HorizontalTabItem = /*#__PURE__*/require("../../../HorizontalTabItem/HorizontalTabItem.styles");
|
10
|
+
var _HorizontalTabs = /*#__PURE__*/require("../../HorizontalTabs.styles");
|
11
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:100%;overflow:hidden;.", "{min-width:0;}", "{width:100%;}", "{overflow:hidden;text-overflow:ellipsis;}", "{overflow:hidden;text-overflow:ellipsis;}}"], _tokens.classes.tabsTruncate, _HorizontalTabItem.base, _HorizontalTabs.StyledContent, _HorizontalTabItem.StyledContent, _HorizontalTabItem.TabItemValue);
|
@@ -0,0 +1 @@
|
|
1
|
+
[]
|
package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js
CHANGED
@@ -14,7 +14,8 @@ var _VerticalTabItem = /*#__PURE__*/require("./VerticalTabItem.styles");
|
|
14
14
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
15
15
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
16
16
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
|
-
var
|
17
|
+
var _base4 = /*#__PURE__*/require("./variations/_truncate/base");
|
18
|
+
var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentLeft", "contentRight", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "truncate"];
|
18
19
|
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); }
|
19
20
|
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; }
|
20
21
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -36,6 +37,7 @@ var verticalTabItemRoot = exports.verticalTabItemRoot = function verticalTabItem
|
|
36
37
|
tabIndex = props.tabIndex,
|
37
38
|
className = props.className,
|
38
39
|
onClick = props.onClick,
|
40
|
+
truncate = props.truncate,
|
39
41
|
rest = _objectWithoutProperties(props, _excluded);
|
40
42
|
var innerRef = (0, _react.useRef)(null);
|
41
43
|
var ref = (0, _plasmaCore.useForkRef)(outerRef, innerRef);
|
@@ -92,9 +94,10 @@ var verticalTabItemRoot = exports.verticalTabItemRoot = function verticalTabItem
|
|
92
94
|
role: role,
|
93
95
|
view: view,
|
94
96
|
size: size,
|
97
|
+
truncate: truncate,
|
95
98
|
onFocus: onItemFocus,
|
96
99
|
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
97
|
-
className: (0, _utils.cx)(selectedClass, className),
|
100
|
+
className: (0, _utils.cx)(selectedClass, truncate && _tokens.classes.tabsTruncate, className),
|
98
101
|
onClick: handleClick
|
99
102
|
}, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_VerticalTabItem.LeftContent, {
|
100
103
|
className: _tokens.classes.tabLeftContent
|
@@ -120,6 +123,9 @@ var verticalTabItemConfig = exports.verticalTabItemConfig = {
|
|
120
123
|
disabled: {
|
121
124
|
css: _base3.base,
|
122
125
|
attrs: true
|
126
|
+
},
|
127
|
+
truncate: {
|
128
|
+
css: _base4.base
|
123
129
|
}
|
124
130
|
},
|
125
131
|
defaults: {
|
package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js
CHANGED
@@ -24,7 +24,7 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["defa
|
|
24
24
|
})(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
|
25
25
|
var TabItemValue = exports.TabItemValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
26
26
|
componentId: "plasma-new-hope__sc-1pflgj8-1"
|
27
|
-
})(["color:var(", ");"], _tokens.tokens.itemValueColor);
|
27
|
+
})(["white-space:nowrap;color:var(", ");"], _tokens.tokens.itemValueColor);
|
28
28
|
var RightContent = exports.RightContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
29
|
componentId: "plasma-new-hope__sc-1pflgj8-2"
|
30
30
|
})(["display:flex;color:inherit;&:hover{color:inherit;}"]);
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
|
+
var _VerticalTabItem = /*#__PURE__*/require("../../VerticalTabItem.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{overflow:hidden;text-overflow:ellipsis;}", "{overflow:hidden;text-overflow:ellipsis;}}"], _tokens.classes.tabsTruncate, _VerticalTabItem.StyledContent, _VerticalTabItem.TabItemValue);
|
@@ -0,0 +1 @@
|
|
1
|
+
[]
|
@@ -15,7 +15,8 @@ var _VerticalTabs = /*#__PURE__*/require("./VerticalTabs.styles");
|
|
15
15
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
16
16
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
17
17
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
18
|
-
var
|
18
|
+
var _base4 = /*#__PURE__*/require("./variations/_truncate/base");
|
19
|
+
var _excluded = ["id", "disabled", "clip", "size", "view", "children", "index", "className", "orientation", "hasDivider", "truncate"];
|
19
20
|
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); }
|
20
21
|
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; }
|
21
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -49,6 +50,8 @@ var verticalTabsRoot = exports.verticalTabsRoot = function verticalTabsRoot(Root
|
|
49
50
|
orientation = props.orientation,
|
50
51
|
_props$hasDivider = props.hasDivider,
|
51
52
|
hasDivider = _props$hasDivider === void 0 ? true : _props$hasDivider,
|
53
|
+
_props$truncate = props.truncate,
|
54
|
+
truncate = _props$truncate === void 0 ? false : _props$truncate,
|
52
55
|
rest = _objectWithoutProperties(props, _excluded);
|
53
56
|
var _useState = (0, _react.useState)(true),
|
54
57
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -190,7 +193,8 @@ var verticalTabsRoot = exports.verticalTabsRoot = function verticalTabsRoot(Root
|
|
190
193
|
id: tabsId,
|
191
194
|
ref: outerRef,
|
192
195
|
disabled: disabled,
|
193
|
-
|
196
|
+
truncate: truncate,
|
197
|
+
className: (0, _utils.cx)(hasTopArrowClass, hasBottomArrowClass, noDividerClass, truncate && _tokens.classes.tabsTruncate, className),
|
194
198
|
onKeyDown: onKeyDown,
|
195
199
|
orientation: orientation
|
196
200
|
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_VerticalTabs.StyledContentWrapper, {
|
@@ -217,6 +221,10 @@ var verticalTabsConfig = exports.verticalTabsConfig = {
|
|
217
221
|
disabled: {
|
218
222
|
css: _base3.base,
|
219
223
|
attrs: true
|
224
|
+
},
|
225
|
+
truncate: {
|
226
|
+
css: _base4.base,
|
227
|
+
attrs: true
|
220
228
|
}
|
221
229
|
},
|
222
230
|
defaults: {
|
package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js
ADDED
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
|
+
var _VerticalTabs = /*#__PURE__*/require("../../VerticalTabs.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{max-width:100%;", "{max-width:100%;}}"], _tokens.classes.tabsTruncate, _VerticalTabs.StyledContent);
|
@@ -0,0 +1 @@
|
|
1
|
+
[]
|
@@ -31,6 +31,10 @@ const meta: Meta<typeof Badge> = {
|
|
31
31
|
control: { type: 'boolean' },
|
32
32
|
if: { arg: 'clear', truthy: false },
|
33
33
|
},
|
34
|
+
maxWidth: {
|
35
|
+
control: { type: 'text' },
|
36
|
+
if: { arg: 'truncate', truthy: true },
|
37
|
+
},
|
34
38
|
...disableProps(['contentLeft', 'contentRight']),
|
35
39
|
},
|
36
40
|
};
|
@@ -64,7 +68,7 @@ export const Default: Story = {
|
|
64
68
|
},
|
65
69
|
},
|
66
70
|
args: {
|
67
|
-
text: 'Hello',
|
71
|
+
text: 'Hello Kitty',
|
68
72
|
view: 'default',
|
69
73
|
size: 'm',
|
70
74
|
enableContentLeft: false,
|
@@ -72,8 +76,10 @@ export const Default: Story = {
|
|
72
76
|
clear: false,
|
73
77
|
pilled: false,
|
74
78
|
transparent: false,
|
79
|
+
truncate: false,
|
80
|
+
maxWidth: '100px',
|
75
81
|
},
|
76
|
-
render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
|
82
|
+
render: ({ enableContentLeft, enableContentRight, size, maxWidth, ...rest }: StoryProps) => {
|
77
83
|
const iconSize = size === 'l' ? '1rem' : '0.75rem';
|
78
84
|
|
79
85
|
return (
|
@@ -81,6 +87,7 @@ export const Default: Story = {
|
|
81
87
|
contentLeft={enableContentLeft ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
|
82
88
|
contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
|
83
89
|
size={size}
|
90
|
+
style={{ maxWidth }}
|
84
91
|
{...rest}
|
85
92
|
/>
|
86
93
|
);
|