@salutejs/plasma-new-hope 0.148.0-canary.1392.10919911798.0 → 0.148.0-canary.1418.10918226755.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -2
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Mask/Mask.js +46 -0
- package/cjs/components/Mask/Mask.js.map +1 -0
- package/cjs/components/Segment/tokens.js +1 -15
- package/cjs/components/Segment/tokens.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +4 -10
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +86 -169
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +1 -37
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +4 -8
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +4 -11
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +2 -31
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
- package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/{base_omc5u1.css → base_15s0fel.css} +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.js +6 -6
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/cjs/components/TextField/TextField.js +3 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/cjs/index.css +8 -18
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/emotion/cjs/components/Mask/Mask.js +56 -0
- package/emotion/cjs/components/Mask/Mask.template-doc.mdx +125 -0
- package/emotion/cjs/components/Mask/Mask.types.js +5 -0
- package/emotion/cjs/components/Mask/index.js +12 -0
- package/emotion/cjs/components/Segment/tokens.js +1 -15
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +85 -165
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +25 -25
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +4 -11
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -28
- package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +4 -4
- package/emotion/cjs/components/TextField/TextField.js +4 -2
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/emotion/cjs/components/_Icon/index.js +0 -21
- package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.js +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +37 -265
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_web/components/Mask/Mask.js +9 -0
- package/emotion/cjs/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +37 -266
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -15
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -5
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -2
- package/emotion/es/components/Mask/Mask.js +46 -0
- package/emotion/es/components/Mask/Mask.template-doc.mdx +125 -0
- package/emotion/es/components/Mask/Mask.types.js +1 -0
- package/emotion/es/components/Mask/index.js +1 -0
- package/emotion/es/components/Segment/tokens.js +1 -15
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +88 -168
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +25 -25
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +5 -12
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -27
- package/emotion/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +5 -5
- package/emotion/es/components/TextField/TextField.js +4 -2
- package/emotion/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/emotion/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/emotion/es/components/_Icon/index.js +0 -3
- package/emotion/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/es/examples/plasma_b2c/components/Mask/Mask.js +3 -0
- package/emotion/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +37 -265
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/es/examples/plasma_web/components/Mask/Mask.js +3 -0
- package/emotion/es/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +37 -266
- package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -15
- package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/es/index.js +2 -1
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -2
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Mask/Mask.js +42 -0
- package/es/components/Mask/Mask.js.map +1 -0
- package/es/components/Segment/tokens.js +1 -15
- package/es/components/Segment/tokens.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +4 -10
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +90 -172
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +2 -34
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
- package/es/components/Segment/ui/SegmentItem/SegmentItem.css +4 -8
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js +5 -12
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +3 -30
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
- package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_pilled/{base_omc5u1.css → base_15s0fel.css} +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.js +6 -6
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/es/components/TextField/TextField.js +3 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/es/index.css +8 -18
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/package.json +6 -4
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/styled-components/cjs/components/Mask/Mask.js +56 -0
- package/styled-components/cjs/components/Mask/Mask.template-doc.mdx +125 -0
- package/styled-components/cjs/components/Mask/Mask.types.js +5 -0
- package/styled-components/cjs/components/Mask/index.js +12 -0
- package/styled-components/cjs/components/Segment/tokens.js +1 -15
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +85 -165
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +5 -17
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +4 -11
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -23
- package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
- package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +4 -4
- package/styled-components/cjs/components/TextField/TextField.js +3 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/styled-components/cjs/components/_Icon/index.js +0 -21
- package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.js +9 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +37 -265
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +5 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Mask/Mask.js +9 -0
- package/styled-components/cjs/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- package/styled-components/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +37 -266
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +5 -11
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -2
- package/styled-components/es/components/Mask/Mask.js +46 -0
- package/styled-components/es/components/Mask/Mask.template-doc.mdx +125 -0
- package/styled-components/es/components/Mask/Mask.types.js +1 -0
- package/styled-components/es/components/Mask/index.js +1 -0
- package/styled-components/es/components/Segment/tokens.js +1 -15
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +88 -168
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +5 -17
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +5 -12
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -22
- package/styled-components/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
- package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +5 -5
- package/styled-components/es/components/TextField/TextField.js +3 -1
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/styled-components/es/components/_Icon/index.js +0 -3
- package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- package/styled-components/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +37 -265
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +5 -8
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_web/components/Mask/Mask.js +3 -0
- package/styled-components/es/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx +37 -266
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +5 -11
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/es/index.js +2 -1
- package/types/components/Mask/Mask.d.ts +5 -0
- package/types/components/Mask/Mask.d.ts.map +1 -0
- package/types/components/Mask/Mask.types.d.ts +62 -0
- package/types/components/Mask/Mask.types.d.ts.map +1 -0
- package/types/components/Mask/index.d.ts +2 -0
- package/types/components/Mask/index.d.ts.map +1 -0
- package/types/components/Segment/tokens.d.ts +0 -14
- package/types/components/Segment/tokens.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +0 -10
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +0 -12
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +1 -19
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +0 -6
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +1 -9
- package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +0 -12
- package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/variations/_pilled/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureLeft.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
- package/types/components/_Icon/index.d.ts +0 -3
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +191 -0
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +0 -9
- package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/SegmentItem.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +191 -0
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Segment/Segment.d.ts +0 -12
- package/types/examples/plasma_web/components/Segment/Segment.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts +0 -6
- package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/SegmentItem.config.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_u742r1.css +0 -8
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -9
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +0 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +0 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_f1jpip.css +0 -6
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_168a47w.css +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -22
- package/cjs/components/_Icon/Icon.assets/DisclosureDown.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -23
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -22
- package/cjs/components/_Icon/Icon.assets/DisclosureUp.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -23
- package/cjs/components/_Icon/Icons/IconDisclosureDown.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -23
- package/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -23
- package/cjs/components/_Icon/Icons/IconDisclosureUp.js.map +0 -1
- package/emotion/cjs/components/Segment/README.md +0 -61
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -10
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -22
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
- package/emotion/es/components/Segment/README.md +0 -61
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -4
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
- package/emotion/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
- package/emotion/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -15
- package/emotion/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
- package/emotion/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_u742r1.css +0 -8
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -5
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +0 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +0 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_f1jpip.css +0 -6
- package/es/components/Segment/ui/SegmentItem/variations/_view/base_168a47w.css +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -18
- package/es/components/_Icon/Icon.assets/DisclosureDown.js.map +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -19
- package/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -18
- package/es/components/_Icon/Icon.assets/DisclosureUp.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureDown.js +0 -19
- package/es/components/_Icon/Icons/IconDisclosureDown.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -19
- package/es/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureUp.js +0 -19
- package/es/components/_Icon/Icons/IconDisclosureUp.js.map +0 -1
- package/styled-components/cjs/components/Segment/README.md +0 -61
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -10
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -22
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
- package/styled-components/es/components/Segment/README.md +0 -61
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -4
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js +0 -15
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
- package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts +0 -2
- package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureDown.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureDown.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureUp.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureUp.d.ts.map +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeftCentered, IconDisclosureRightCentered } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n}) => {\n const handleCalendarState = useCallback(() => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n }, [type, onUpdateCalendarState]);\n\n const getHeaderContent = useCallback(\n (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n },\n [type, startYear, size],\n );\n\n const currentCalendarType = getCalendarType(type);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n <IconDisclosureLeftCentered color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onPrev],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n <IconDisclosureRightCentered color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onNext],\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n {PreviousButton}\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n {NextButton}\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n {PreviousButton}\n {NextButton}\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","handleCalendarState","useCallback","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeftCentered","NextButton","IconDisclosureRightCentered","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n}) => {\n const handleCalendarState = useCallback(() => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n }, [type, onUpdateCalendarState]);\n\n const getHeaderContent = useCallback(\n (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n },\n [type, startYear, size],\n );\n\n const currentCalendarType = getCalendarType(type);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onPrev],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onNext],\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n {PreviousButton}\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n {NextButton}\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n {PreviousButton}\n {NextButton}\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","handleCalendarState","useCallback","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
|
@@ -2,7 +2,7 @@ import React, { useRef, useEffect } from 'react';
|
|
2
2
|
import { classes } from '../../Dropdown.tokens.js';
|
3
3
|
import { cx } from '../../../../utils/index.js';
|
4
4
|
import '@linaria/react';
|
5
|
-
import {
|
5
|
+
import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
|
6
6
|
import { Wrapper, StyledContentLeft, StyledText, StyledContentRight, DisclosureIconWrapper } from './DropdownItem.styles.js';
|
7
7
|
|
8
8
|
var DropdownItem = function DropdownItem(_ref) {
|
@@ -78,7 +78,7 @@ var DropdownItem = function DropdownItem(_ref) {
|
|
78
78
|
"aria-haspopup": ariaHasPopup,
|
79
79
|
"aria-level": ariaLevel,
|
80
80
|
"aria-label": ariaLabel
|
81
|
-
}, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(
|
81
|
+
}, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRight, {
|
82
82
|
size: disclosureIconSize,
|
83
83
|
color: "inherit"
|
84
84
|
})));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport {
|
1
|
+
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nimport {\n StyledContentLeft,\n StyledContentRight,\n StyledText,\n Wrapper,\n DisclosureIconWrapper,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n item,\n path,\n focusedPath,\n currentLevel,\n index,\n itemRole,\n closeOnSelect,\n handleGlobalToggle,\n onHover,\n onItemSelect,\n onItemClick,\n ariaControls,\n ariaExpanded,\n ariaHasPopup,\n ariaLevel,\n ariaLabel,\n variant,\n hasArrow,\n size,\n}) => {\n const { value, label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n const ref = useRef<HTMLLIElement | null>(null);\n\n const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n const isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (disabled || isDisabled) {\n return;\n }\n\n if (onItemSelect) {\n onItemSelect(item, event);\n }\n\n if (onItemClick) {\n onItemClick(item, event);\n }\n\n if (handleGlobalToggle && closeOnSelect) {\n handleGlobalToggle(false, event);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index);\n }\n };\n\n return (\n <Wrapper\n className={cx(isDisabledClassName, focusedClass, activeClass)}\n id={value.toString()}\n role={itemRole}\n ref={ref}\n aria-disabled={disabled || isDisabled}\n onClick={handleClick}\n onMouseEnter={handleHover}\n variant={variant}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledText>{label}</StyledText>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n\n {item.items && hasArrow && (\n <DisclosureIconWrapper>\n <IconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n );\n};\n"],"names":["DropdownItem","_ref","item","path","focusedPath","currentLevel","index","itemRole","closeOnSelect","handleGlobalToggle","onHover","onItemSelect","onItemClick","ariaControls","ariaExpanded","ariaHasPopup","ariaLevel","ariaLabel","variant","hasArrow","size","value","label","disabled","isDisabled","contentLeft","contentRight","ref","useRef","disclosureIconSize","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","handleHover","React","createElement","Wrapper","className","cx","id","toString","role","onClick","onMouseEnter","StyledContentLeft","StyledText","StyledContentRight","items","DisclosureIconWrapper","IconDisclosureRight","color"],"mappings":"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"}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { forwardRef, useState, useImperativeHandle } from 'react';
|
3
|
+
import maskInputCompose from '@salutejs/react-maskinput';
|
4
|
+
|
5
|
+
var _excluded = ["maskFormat"];
|
6
|
+
var defaultFormatChars = [{
|
7
|
+
str: '0',
|
8
|
+
regexp: /[0-9]/
|
9
|
+
}, {
|
10
|
+
str: '*',
|
11
|
+
regexp: /./
|
12
|
+
}, {
|
13
|
+
str: 'a',
|
14
|
+
regexp: /[a-zA-Z]/
|
15
|
+
}, {
|
16
|
+
str: 'я',
|
17
|
+
regexp: /[а-яА-ЯёЁ]/
|
18
|
+
}];
|
19
|
+
var composeMask = function composeMask(InputComponent) {
|
20
|
+
var MaskedInput = maskInputCompose(InputComponent);
|
21
|
+
return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
|
22
|
+
var _ref$maskFormat = _ref.maskFormat,
|
23
|
+
maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
|
24
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
25
|
+
var _useState = useState(null),
|
26
|
+
_useState2 = _slicedToArray(_useState, 2),
|
27
|
+
ref = _useState2[0],
|
28
|
+
setRef = _useState2[1];
|
29
|
+
useImperativeHandle(outerRef, function () {
|
30
|
+
return ref;
|
31
|
+
}, [ref]);
|
32
|
+
return /*#__PURE__*/React.createElement(MaskedInput, _extends({
|
33
|
+
getReference: function getReference(el) {
|
34
|
+
return setRef(el);
|
35
|
+
},
|
36
|
+
maskFormat: maskFormat
|
37
|
+
}, rest));
|
38
|
+
});
|
39
|
+
};
|
40
|
+
|
41
|
+
export { composeMask };
|
42
|
+
//# sourceMappingURL=Mask.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Mask.js","sources":["../../../src/components/Mask/Mask.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useState } from 'react';\nimport type { FC } from 'react';\nimport maskInputCompose from '@salutejs/react-maskinput';\n\nimport type { CustomInputProps, MaskProps } from './Mask.types';\n\nconst defaultFormatChars = [\n {\n str: '0',\n regexp: /[0-9]/,\n },\n {\n str: '*',\n regexp: /./,\n },\n {\n str: 'a',\n regexp: /[a-zA-Z]/,\n },\n {\n str: 'я',\n regexp: /[а-яА-ЯёЁ]/,\n },\n];\n\nexport const composeMask = <T extends CustomInputProps>(InputComponent: FC<T>) => {\n const MaskedInput = maskInputCompose(InputComponent);\n\n return forwardRef<HTMLInputElement, T & MaskProps>(({ maskFormat = defaultFormatChars, ...rest }, outerRef) => {\n const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n useImperativeHandle(outerRef, () => ref as HTMLInputElement, [ref]);\n\n return <MaskedInput getReference={(el) => setRef(el)} maskFormat={maskFormat} {...(rest as T)} />;\n });\n};\n"],"names":["defaultFormatChars","str","regexp","composeMask","InputComponent","MaskedInput","maskInputCompose","forwardRef","_ref","outerRef","_ref$maskFormat","maskFormat","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","ref","setRef","useImperativeHandle","React","createElement","_extends","getReference","el"],"mappings":";;;;;AAMA,IAAMA,kBAAkB,GAAG,CACvB;AACIC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,OAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,GAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,YAAA;AACZ,CAAC,CACJ,CAAA;IAEYC,WAAW,GAAG,SAAdA,WAAWA,CAAgCC,cAAqB,EAAK;AAC9E,EAAA,IAAMC,WAAW,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;AAEpD,EAAA,oBAAOG,UAAU,CAAkC,UAAAC,IAAA,EAA+CC,QAAQ,EAAK;AAAA,IAAA,IAAAC,eAAA,GAAAF,IAAA,CAAzDG,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAGV,KAAAA,CAAAA,GAAAA,kBAAkB,GAAAU,eAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAC1F,IAAA,IAAAC,SAAA,GAAsBC,QAAQ,CAA0B,IAAI,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtDI,MAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAElBI,mBAAmB,CAACZ,QAAQ,EAAE,YAAA;AAAA,MAAA,OAAMU,GAAG,CAAA;AAAA,KAAoB,EAAE,CAACA,GAAG,CAAC,CAAC,CAAA;AAEnE,IAAA,oBAAOG,KAAA,CAAAC,aAAA,CAAClB,WAAW,EAAAmB,QAAA,CAAA;MAACC,YAAY,EAAE,SAAAA,YAAAA,CAACC,EAAE,EAAA;QAAA,OAAKN,MAAM,CAACM,EAAE,CAAC,CAAA;OAAC;AAACf,MAAAA,UAAU,EAAEA,UAAAA;KAAiBC,EAAAA,IAAI,CAAS,CAAC,CAAA;AACrG,GAAC,CAAC,CAAA;AACN;;;;"}
|
@@ -2,12 +2,7 @@ var classes = {
|
|
2
2
|
selectedSegmentItem: 'selected-segment-item',
|
3
3
|
segmentPilled: 'segment-pilled',
|
4
4
|
segmentGroupFilledBackground: 'segment-group-filled-background',
|
5
|
-
segmentStretch: 'segment-stretched'
|
6
|
-
segmentVertical: 'segment-vertical',
|
7
|
-
segmentArrowPadding: 'segment-arrow-padding',
|
8
|
-
segmentGroupClipScroll: 'segment-group-clip-scroll',
|
9
|
-
segmentGroupClipShowAll: 'segment-group-clip-show-all',
|
10
|
-
segmentXsSize: 'segment-xs-size'
|
5
|
+
segmentStretch: 'segment-stretched'
|
11
6
|
};
|
12
7
|
var tokens = {
|
13
8
|
fontFamily: '--plasma-segment-item-font-family',
|
@@ -22,8 +17,6 @@ var tokens = {
|
|
22
17
|
groupPilledBorderRadius: '--plasma-segment-group-pilled-border-radius',
|
23
18
|
groupWidth: '--plasma-segment-group-width',
|
24
19
|
groupHeight: '--plasma-segment-group-height',
|
25
|
-
groupArrowPadding: '--plasma-segment-group-arrow-padding',
|
26
|
-
groupVerticalArrowPadding: '--plasma-segment-group-vertical-arrow-padding',
|
27
20
|
groupBackgroundColor: '--plasma-segment-group-background-color',
|
28
21
|
groupFilledBackgroundColor: '--plasma-segment-group-filled-background-color',
|
29
22
|
itemBorderRadius: '--plasma-segment-item-border-radius',
|
@@ -31,22 +24,15 @@ var tokens = {
|
|
31
24
|
itemWidth: '--plasma-segment-item-width',
|
32
25
|
itemHeight: '--plasma-segment-item-height',
|
33
26
|
itemPadding: '--plasma-segment-item-padding',
|
34
|
-
itemPilledPadding: '--plasma-segment-item-pilled-padding',
|
35
27
|
itemMarginLeft: '--plasma-segment-item-margin-left',
|
36
|
-
itemContentPadding: '--plasma-segment-item-content-padding',
|
37
|
-
itemIconMargin: '--plasma-segment-item-content-icon-margin',
|
38
28
|
itemColor: '--plasma-segment-item-color',
|
39
29
|
itemBackgroundColor: '--plasma-segment-item-background-color',
|
40
30
|
itemColorHover: '--plasma-segment-item-color-hover',
|
41
31
|
itemBackgroundColorHover: '--plasma-segment-item-background-color-hover',
|
42
|
-
itemAdditionalColor: '--plasma-segment-item-additional-color',
|
43
|
-
itemAdditionalColorHover: '--plasma-segment-item-additional-color-hover',
|
44
32
|
itemSelectedColor: '--plasma-segment-item-selected-color',
|
45
33
|
itemSelectedBackgroundColor: '--plasma-segment-item-selected-background-color',
|
46
34
|
itemSelectedColorHover: '--plasma-segment-item-selected-color-hover',
|
47
35
|
itemSelectedBackgroundColorHover: '--plasma-segment-item-selected-background-color-hover',
|
48
|
-
itemSelectedAdditionalColor: '--plasma-segment-item-selected-additional-color',
|
49
|
-
itemSelectedAdditionalColorHover: '--plasma-segment-item-selected-additional-color-hover',
|
50
36
|
disabledOpacity: '--plasma-segment-disabled-opacity'
|
51
37
|
};
|
52
38
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tokens.js","sources":["../../../src/components/Segment/tokens.ts"],"sourcesContent":["export const classes = {\n selectedSegmentItem: 'selected-segment-item',\n segmentPilled: 'segment-pilled',\n segmentGroupFilledBackground: 'segment-group-filled-background',\n segmentStretch: 'segment-stretched',\n
|
1
|
+
{"version":3,"file":"tokens.js","sources":["../../../src/components/Segment/tokens.ts"],"sourcesContent":["export const classes = {\n selectedSegmentItem: 'selected-segment-item',\n segmentPilled: 'segment-pilled',\n segmentGroupFilledBackground: 'segment-group-filled-background',\n segmentStretch: 'segment-stretched',\n};\n\nexport const tokens = {\n fontFamily: '--plasma-segment-item-font-family',\n fontSize: '--plasma-segment-item-font-size',\n fontStyle: '--plasma-segment-item-font-style',\n fontWeight: '--plasma-segment-item-font-weight',\n letterSpacing: '--plasma-segment-item-letter-spacing',\n lineHeight: '--plasma-segment-item-lineheight',\n\n outlineFocusColor: '--plasma-segment-outline-focus-color',\n\n arrowColor: '--plasma-segment-arrow-color',\n\n groupBorderRadius: '--plasma-segment-group-border-radius',\n groupPilledBorderRadius: '--plasma-segment-group-pilled-border-radius',\n groupWidth: '--plasma-segment-group-width',\n groupHeight: '--plasma-segment-group-height',\n\n groupBackgroundColor: '--plasma-segment-group-background-color',\n groupFilledBackgroundColor: '--plasma-segment-group-filled-background-color',\n\n itemBorderRadius: '--plasma-segment-item-border-radius',\n itemPilledBorderRadius: '--plasma-segment-item-pilled-border-radius',\n itemWidth: '--plasma-segment-item-width',\n itemHeight: '--plasma-segment-item-height',\n itemPadding: '--plasma-segment-item-padding',\n itemMarginLeft: '--plasma-segment-item-margin-left',\n\n itemColor: '--plasma-segment-item-color',\n itemBackgroundColor: '--plasma-segment-item-background-color',\n itemColorHover: '--plasma-segment-item-color-hover',\n itemBackgroundColorHover: '--plasma-segment-item-background-color-hover',\n\n itemSelectedColor: '--plasma-segment-item-selected-color',\n itemSelectedBackgroundColor: '--plasma-segment-item-selected-background-color',\n itemSelectedColorHover: '--plasma-segment-item-selected-color-hover',\n itemSelectedBackgroundColorHover: '--plasma-segment-item-selected-background-color-hover',\n\n disabledOpacity: '--plasma-segment-disabled-opacity',\n};\n"],"names":["classes","selectedSegmentItem","segmentPilled","segmentGroupFilledBackground","segmentStretch","tokens","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","outlineFocusColor","arrowColor","groupBorderRadius","groupPilledBorderRadius","groupWidth","groupHeight","groupBackgroundColor","groupFilledBackgroundColor","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemMarginLeft","itemColor","itemBackgroundColor","itemColorHover","itemBackgroundColorHover","itemSelectedColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedBackgroundColorHover","disabledOpacity"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,mBAAmB,EAAE,uBAAuB;AAC5CC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,4BAA4B,EAAE,iCAAiC;AAC/DC,EAAAA,cAAc,EAAE,mBAAA;AACpB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,mCAAmC;AAC/CC,EAAAA,QAAQ,EAAE,iCAAiC;AAC3CC,EAAAA,SAAS,EAAE,kCAAkC;AAC7CC,EAAAA,UAAU,EAAE,mCAAmC;AAC/CC,EAAAA,aAAa,EAAE,sCAAsC;AACrDC,EAAAA,UAAU,EAAE,kCAAkC;AAE9CC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,UAAU,EAAE,8BAA8B;AAE1CC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzDC,EAAAA,uBAAuB,EAAE,6CAA6C;AACtEC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5CC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,0BAA0B,EAAE,gDAAgD;AAE5EC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,sBAAsB,EAAE,4CAA4C;AACpEC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,cAAc,EAAE,mCAAmC;AAEnDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,wBAAwB,EAAE,8CAA8C;AAExEC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzDC,EAAAA,2BAA2B,EAAE,iDAAiD;AAC9EC,EAAAA,sBAAsB,EAAE,4CAA4C;AACpEC,EAAAA,gCAAgC,EAAE,uDAAuD;AAEzFC,EAAAA,eAAe,EAAE,mCAAA;AACrB;;;;"}
|
@@ -12,13 +12,7 @@
|
|
12
12
|
|
13
13
|
.base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172{width:100%;}.base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172 .base_74wj10_spuzt9m__3b76a172,.base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172 .base_74wj10_sin9wo2__3b76a172,.base_74wj10_b1bb2stb__3b76a172.base_74wj10_segmentStretched__3b76a172 .base_74wj10_sin9wo2__3b76a172 > button{width:100%;}
|
14
14
|
|
15
|
-
.
|
16
|
-
|
17
|
-
.
|
18
|
-
.
|
19
|
-
.SegmentGroup_styles_u742r1_spuzt9m__bd84399a{position:relative;height:100%;width:100%;padding:0.125rem;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;}.SegmentGroup_styles_u742r1_spuzt9m__bd84399a.SegmentGroup_styles_u742r1_segmentGroupClipScroll__bd84399a{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.SegmentGroup_styles_u742r1_spuzt9m__bd84399a.SegmentGroup_styles_u742r1_segmentGroupClipScroll__bd84399a::-webkit-scrollbar{display:none;}.SegmentGroup_styles_u742r1_spuzt9m__bd84399a.SegmentGroup_styles_u742r1_segmentGroupClipShowAll__bd84399a{overflow:visible;}
|
20
|
-
.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;outline:none;position:relative;}.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a.SegmentGroup_styles_u742r1_focusVisible__bd84399a:focus::before,.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a[disabled]{cursor:not-allowed;}
|
21
|
-
.SegmentGroup_styles_u742r1_s3pgccr__bd84399a.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a{padding:var(--plasma-segment-group-arrow-padding);padding-right:0;margin-right:0.1875rem;margin-left:0.125rem;}
|
22
|
-
.SegmentGroup_styles_u742r1_sax6mvm__bd84399a.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a{padding:var(--plasma-segment-group-arrow-padding);padding-left:0;margin-left:0.1875rem;margin-right:0.125rem;}
|
23
|
-
.SegmentGroup_styles_u742r1_s1n81rr8__bd84399a.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a{padding:var(--plasma-segment-group-vertical-arrow-padding);padding-bottom:0;margin-bottom:0.1875rem;}
|
24
|
-
.SegmentGroup_styles_u742r1_s7ukuvj__bd84399a.SegmentGroup_styles_u742r1_s1qf4oye__bd84399a{padding:var(--plasma-segment-group-vertical-arrow-padding);padding-top:0;margin-top:0.1875rem;}
|
15
|
+
.SegmentGroup_styles_m9i9p0_b2sori2__a29c0677{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
16
|
+
.SegmentGroup_styles_m9i9p0_sin9wo2__a29c0677{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
17
|
+
.SegmentGroup_styles_m9i9p0_spuzt9m__a29c0677{position:relative;height:100%;margin:0;padding:0.25rem;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;}.SegmentGroup_styles_m9i9p0_spuzt9m__a29c0677::-webkit-scrollbar{display:none;}
|
18
|
+
.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;}.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677.SegmentGroup_styles_m9i9p0_focusVisible__a29c0677:focus::before,.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-segment-outline-focus-color);}.SegmentGroup_styles_m9i9p0_s1qf4oye__a29c0677[disabled]{cursor:not-allowed;}
|
@@ -1,11 +1,9 @@
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React, { forwardRef,
|
3
|
-
import { safeUseId } from '@salutejs/plasma-core';
|
2
|
+
import React, { forwardRef, useState, Children, useCallback, useMemo, useEffect } from 'react';
|
3
|
+
import { safeUseId, useCarousel } from '@salutejs/plasma-core';
|
4
4
|
import { IconDisclosureLeft } from '../../../_Icon/Icons/IconDisclosureLeft.js';
|
5
5
|
import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
|
6
6
|
import '@linaria/react';
|
7
|
-
import { IconDisclosureDown } from '../../../_Icon/Icons/IconDisclosureDown.js';
|
8
|
-
import { IconDisclosureUp } from '../../../_Icon/Icons/IconDisclosureUp.js';
|
9
7
|
import { tokens, classes } from '../../tokens.js';
|
10
8
|
import { cx } from '../../../../utils/index.js';
|
11
9
|
import { useSegmentInner } from '../../SegmentProvider/SegmentProvider.js';
|
@@ -13,228 +11,151 @@ import { base as base$1 } from './variations/_size/base.js';
|
|
13
11
|
import { base as base$2 } from './variations/_view/base.js';
|
14
12
|
import { base as base$3 } from './variations/_disabled/base.js';
|
15
13
|
import { base as base$4 } from './variations/_pilled/base.js';
|
16
|
-
import { base as base$
|
14
|
+
import { base as base$6 } from './variations/_filledBackgound/base.js';
|
17
15
|
import { base as base$5 } from './variations/_stretch/base.js';
|
18
|
-
import {
|
19
|
-
import { StyledContentWrapper, StyledContent, base, StyledTopArrow, StyledLeftArrow, StyledBottomArrow, StyledRightArrow } from './SegmentGroup.styles.js';
|
16
|
+
import { StyledArrow, StyledContentWrapper, StyledContent, base } from './SegmentGroup.styles.js';
|
20
17
|
|
21
|
-
var _excluded = ["id", "selectionMode", "pilled", "stretch", "
|
22
|
-
var Keys = /*#__PURE__*/function (Keys) {
|
23
|
-
Keys[Keys["end"] = 35] = "end";
|
24
|
-
Keys[Keys["home"] = 36] = "home";
|
25
|
-
Keys[Keys["left"] = 37] = "left";
|
26
|
-
Keys[Keys["right"] = 39] = "right";
|
27
|
-
return Keys;
|
28
|
-
}(Keys || {});
|
29
|
-
var getChildNodes = function getChildNodes(wrapper) {
|
30
|
-
var container = wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstChild;
|
31
|
-
return container ? Array.from(container === null || container === void 0 ? void 0 : container.childNodes) : [];
|
32
|
-
};
|
18
|
+
var _excluded = ["id", "selectionMode", "pilled", "stretch", "filledBackground", "disabled", "size", "view", "children"];
|
33
19
|
var segmentGroupRoot = function segmentGroupRoot(Root) {
|
34
20
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
35
21
|
var id = props.id,
|
36
22
|
selectionMode = props.selectionMode,
|
37
23
|
pilled = props.pilled,
|
38
24
|
stretch = props.stretch,
|
39
|
-
clip = props.clip,
|
40
|
-
_props$orientation = props.orientation,
|
41
|
-
orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
|
42
25
|
_props$filledBackgrou = props.filledBackground,
|
43
26
|
filledBackground = _props$filledBackgrou === void 0 ? false : _props$filledBackgrou,
|
44
|
-
_props$hasBackground = props.hasBackground,
|
45
|
-
hasBackground = _props$hasBackground === void 0 ? false : _props$hasBackground,
|
46
27
|
_props$disabled = props.disabled,
|
47
28
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
48
29
|
size = props.size,
|
49
30
|
view = props.view,
|
50
31
|
children = props.children,
|
51
32
|
rest = _objectWithoutProperties(props, _excluded);
|
52
|
-
var scrollRef = useRef(null);
|
53
|
-
var trackRef = useRef(null);
|
54
|
-
var leftArrowRef = useRef(null);
|
55
33
|
var _useSegmentInner = useSegmentInner(),
|
56
34
|
setSelectionMode = _useSegmentInner.setSelectionMode,
|
57
35
|
setDisabledGroup = _useSegmentInner.setDisabledGroup;
|
58
|
-
var _useState = useState(
|
36
|
+
var _useState = useState(0),
|
59
37
|
_useState2 = _slicedToArray(_useState, 2),
|
60
|
-
|
61
|
-
|
62
|
-
var _useState3 = useState(
|
38
|
+
index = _useState2[0],
|
39
|
+
setIndex = _useState2[1];
|
40
|
+
var _useState3 = useState(false),
|
63
41
|
_useState4 = _slicedToArray(_useState3, 2),
|
64
|
-
|
65
|
-
|
42
|
+
firstItemVisible = _useState4[0],
|
43
|
+
setFirstItemVisible = _useState4[1];
|
44
|
+
var _useState5 = useState(false),
|
45
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
46
|
+
lastItemVisible = _useState6[0],
|
47
|
+
setLastItemVisible = _useState6[1];
|
66
48
|
var uniqId = safeUseId();
|
67
49
|
var segmentGroupId = id || uniqId;
|
68
|
-
var
|
69
|
-
var
|
70
|
-
var filledBackgroundAttr = view !== 'clear' && filledBackground || hasBackground;
|
71
|
-
var stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.segmentStretch : undefined;
|
72
|
-
var orientationClass = isVertical ? classes.segmentVertical : undefined;
|
73
|
-
|
74
|
-
// для появления scroll в fixed отображении
|
75
|
-
var clipScrollClass = clip !== 'showAll' ? classes.segmentGroupClipScroll : undefined;
|
76
|
-
var clipShowAllClass = clip === 'showAll' ? classes.segmentGroupClipShowAll : undefined;
|
50
|
+
var pilledAttr = view !== 'clear' && pilled;
|
51
|
+
var filledBackgroundAttr = view !== 'clear' && filledBackground;
|
77
52
|
var pilledClass = pilledAttr ? classes.segmentPilled : undefined;
|
78
53
|
var filledClass = filledBackgroundAttr ? classes.segmentGroupFilledBackground : undefined;
|
54
|
+
var stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.segmentStretch : undefined;
|
55
|
+
var items = (Children === null || Children === void 0 ? void 0 : Children.map(children, function (child) {
|
56
|
+
return child;
|
57
|
+
})) || [];
|
79
58
|
var onPrev = useCallback(function () {
|
80
|
-
|
81
|
-
return;
|
82
|
-
}
|
83
|
-
var childNodes = getChildNodes(scrollRef.current);
|
84
|
-
var scrollLeft = Math.round(scrollRef.current.scrollLeft);
|
85
|
-
var firstOverflowingTab = childNodes.slice().reverse().find(function (child) {
|
86
|
-
if (!child || child.offsetLeft === undefined) {
|
87
|
-
return;
|
88
|
-
}
|
89
|
-
var tabStartX = child.offsetLeft;
|
90
|
-
return tabStartX < scrollLeft;
|
91
|
-
});
|
92
|
-
firstOverflowingTab === null || firstOverflowingTab === void 0 || firstOverflowingTab.scrollIntoView({
|
93
|
-
block: 'nearest',
|
94
|
-
inline: 'nearest'
|
59
|
+
!disabled && setIndex(function (prevIndex) {
|
60
|
+
return prevIndex > 0 ? prevIndex - 1 : 0;
|
95
61
|
});
|
96
|
-
}, [disabled
|
62
|
+
}, [disabled]);
|
97
63
|
var onNext = useCallback(function () {
|
98
|
-
|
99
|
-
return;
|
100
|
-
}
|
101
|
-
var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
|
102
|
-
var childNodes = getChildNodes(scrollRef.current);
|
103
|
-
var lastOverflowingChild = childNodes.find(function (child) {
|
104
|
-
if (!child || child.offsetLeft === undefined) {
|
105
|
-
return;
|
106
|
-
}
|
107
|
-
var tabEndX = child.offsetLeft + child.offsetWidth;
|
108
|
-
return tabEndX > scrollRight;
|
64
|
+
!disabled && setIndex(function (prevIndex) {
|
65
|
+
return prevIndex < items.length - 1 ? prevIndex + 1 : prevIndex;
|
109
66
|
});
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
switch (event.keyCode) {
|
124
|
-
case Keys.end:
|
125
|
-
nextIndex = maxIndex;
|
126
|
-
break;
|
127
|
-
case Keys.left:
|
128
|
-
nextIndex = index > minIndex ? index - 1 : index;
|
129
|
-
break;
|
130
|
-
case Keys.right:
|
131
|
-
nextIndex = index < maxIndex ? index + 1 : index;
|
132
|
-
break;
|
133
|
-
case Keys.home:
|
134
|
-
nextIndex = minIndex;
|
135
|
-
break;
|
136
|
-
default:
|
137
|
-
return;
|
138
|
-
}
|
139
|
-
if (nextIndex !== index) {
|
140
|
-
var _childNodes$nextIndex, _childNodes$nextIndex2;
|
141
|
-
event.preventDefault();
|
142
|
-
(_childNodes$nextIndex = childNodes[nextIndex]) === null || _childNodes$nextIndex === void 0 || _childNodes$nextIndex.focus();
|
143
|
-
(_childNodes$nextIndex2 = childNodes[nextIndex]) === null || _childNodes$nextIndex2 === void 0 || _childNodes$nextIndex2.scrollIntoView({
|
144
|
-
block: 'center',
|
145
|
-
inline: 'center',
|
146
|
-
behavior: 'smooth'
|
67
|
+
}, [disabled]);
|
68
|
+
var onIntersecting = function onIntersecting(setVisible) {
|
69
|
+
return function (entries) {
|
70
|
+
/*
|
71
|
+
* Пробегаемся по элементам на которых есть слушатель события появления.
|
72
|
+
* Если элемент находится в зоне видимости или выходит из нее, меняем значение флага видимости
|
73
|
+
*/
|
74
|
+
entries.forEach(function (entry) {
|
75
|
+
if (entry.isIntersecting) {
|
76
|
+
setVisible(true);
|
77
|
+
} else {
|
78
|
+
setVisible(false);
|
79
|
+
}
|
147
80
|
});
|
148
|
-
}
|
149
|
-
}
|
150
|
-
var
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
var scrollLeft = Math.round(event.currentTarget.scrollLeft);
|
161
|
-
setFirstItemVisible(scrollLeft <= 0);
|
162
|
-
setLastItemVisible(scrollLeft >= maxScrollLeft);
|
163
|
-
}, [isVertical]);
|
164
|
-
useEffect(function () {
|
165
|
-
var _scrollRef$current3, _scrollRef$current4;
|
166
|
-
if (isVertical) {
|
167
|
-
var _scrollRef$current, _scrollRef$current2;
|
168
|
-
setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollHeight) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientHeight));
|
169
|
-
return;
|
170
|
-
}
|
171
|
-
setLastItemVisible(((_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _scrollRef$current3.scrollWidth) === ((_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.clientWidth));
|
172
|
-
}, [isVertical]);
|
173
|
-
|
174
|
-
// Этот хук компенсирует появление левой/верхней стрелки при прокрутке
|
175
|
-
useEffect(function () {
|
176
|
-
if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
|
177
|
-
return;
|
178
|
-
}
|
179
|
-
if (isVertical) {
|
180
|
-
scrollRef.current.scrollTo({
|
181
|
-
top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight)
|
182
|
-
});
|
183
|
-
return;
|
184
|
-
}
|
185
|
-
scrollRef.current.scrollTo({
|
186
|
-
left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
|
187
|
-
});
|
188
|
-
}, [firstItemVisible, isVertical]);
|
81
|
+
};
|
82
|
+
};
|
83
|
+
var _useCarousel = useCarousel({
|
84
|
+
index: index,
|
85
|
+
axis: 'x',
|
86
|
+
scrollAlign: 'start',
|
87
|
+
detectActive: true,
|
88
|
+
debounceMs: 250,
|
89
|
+
onIndexChange: setIndex
|
90
|
+
}),
|
91
|
+
scrollRef = _useCarousel.scrollRef,
|
92
|
+
trackRef = _useCarousel.trackRef;
|
189
93
|
var PreviousButton = useMemo(function () {
|
190
|
-
|
191
|
-
return /*#__PURE__*/React.createElement(ArrowNode, {
|
94
|
+
return /*#__PURE__*/React.createElement(StyledArrow, {
|
192
95
|
type: "button",
|
193
96
|
"aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
|
194
97
|
onClick: onPrev,
|
195
98
|
tabIndex: disabled ? -1 : 0,
|
196
99
|
disabled: disabled
|
197
|
-
},
|
198
|
-
color: "var(".concat(tokens.arrowColor, ")"),
|
199
|
-
size: "s"
|
200
|
-
}) : /*#__PURE__*/React.createElement(IconDisclosureLeft, {
|
100
|
+
}, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
|
201
101
|
color: "var(".concat(tokens.arrowColor, ")")
|
202
102
|
}));
|
203
|
-
}, [onPrev
|
103
|
+
}, [onPrev]);
|
204
104
|
var NextButton = useMemo(function () {
|
205
|
-
|
206
|
-
return /*#__PURE__*/React.createElement(ArrowNode, {
|
105
|
+
return /*#__PURE__*/React.createElement(StyledArrow, {
|
207
106
|
type: "button",
|
208
107
|
"aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
|
209
108
|
onClick: onNext,
|
210
109
|
tabIndex: disabled ? -1 : 0,
|
211
110
|
disabled: disabled
|
212
|
-
},
|
213
|
-
color: "var(".concat(tokens.arrowColor, ")"),
|
214
|
-
size: "s"
|
215
|
-
}) : /*#__PURE__*/React.createElement(IconDisclosureRight, {
|
111
|
+
}, /*#__PURE__*/React.createElement(IconDisclosureRight, {
|
216
112
|
color: "var(".concat(tokens.arrowColor, ")")
|
217
113
|
}));
|
218
|
-
}, [onNext
|
114
|
+
}, [onNext]);
|
219
115
|
useEffect(function () {
|
220
116
|
selectionMode && setSelectionMode(selectionMode);
|
221
117
|
setDisabledGroup(disabled);
|
222
118
|
}, [selectionMode, disabled]);
|
119
|
+
useEffect(function () {
|
120
|
+
var _trackRef$current;
|
121
|
+
// Intersection observer для первого сегмента
|
122
|
+
var observeFirstItem = new IntersectionObserver(onIntersecting(setFirstItemVisible), {
|
123
|
+
root: null,
|
124
|
+
rootMargin: '0px',
|
125
|
+
threshold: 0.5
|
126
|
+
});
|
127
|
+
|
128
|
+
// Intersection observer для последнего сегмента
|
129
|
+
var observeLastItem = new IntersectionObserver(onIntersecting(setLastItemVisible), {
|
130
|
+
root: null,
|
131
|
+
rootMargin: '0px',
|
132
|
+
threshold: 0.5
|
133
|
+
});
|
134
|
+
|
135
|
+
// получаем список сегментов внутри SegmentGroup
|
136
|
+
var childrenArray = Array.from(((_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.children) || []);
|
137
|
+
if (childrenArray.length) {
|
138
|
+
// подписываемся на событие появление внутри SegmentGroup
|
139
|
+
observeFirstItem.observe(childrenArray[0]);
|
140
|
+
observeLastItem.observe(childrenArray[childrenArray.length - 1]);
|
141
|
+
}
|
142
|
+
return function () {
|
143
|
+
// отписываемся от события появления внутри SegmentGroup
|
144
|
+
observeFirstItem.disconnect();
|
145
|
+
observeLastItem.disconnect();
|
146
|
+
};
|
147
|
+
}, [children]);
|
223
148
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
224
149
|
view: view,
|
225
150
|
size: size,
|
226
|
-
orientation: orientation,
|
227
151
|
id: segmentGroupId,
|
228
152
|
ref: outerRef,
|
229
153
|
filledBackground: filledBackgroundAttr,
|
230
154
|
disabled: disabled,
|
231
155
|
pilled: pilledAttr,
|
232
|
-
className: cx(pilledClass, filledClass, stretchClass
|
233
|
-
onKeyDown: onKeyDown
|
156
|
+
className: cx(pilledClass, filledClass, stretchClass)
|
234
157
|
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
|
235
|
-
|
236
|
-
ref: scrollRef,
|
237
|
-
onScroll: handleScroll
|
158
|
+
ref: scrollRef
|
238
159
|
}, /*#__PURE__*/React.createElement(StyledContent, {
|
239
160
|
ref: trackRef
|
240
161
|
}, children)), !lastItemVisible && NextButton);
|
@@ -264,11 +185,8 @@ var segmentGroupConfig = {
|
|
264
185
|
css: base$5,
|
265
186
|
attrs: true
|
266
187
|
},
|
267
|
-
orientation: {
|
268
|
-
css: base$6
|
269
|
-
},
|
270
188
|
filledBackground: {
|
271
|
-
css: base$
|
189
|
+
css: base$6,
|
272
190
|
attrs: true
|
273
191
|
}
|
274
192
|
},
|
@@ -278,5 +196,5 @@ var segmentGroupConfig = {
|
|
278
196
|
}
|
279
197
|
};
|
280
198
|
|
281
|
-
export {
|
199
|
+
export { segmentGroupConfig, segmentGroupRoot };
|
282
200
|
//# sourceMappingURL=SegmentGroup.js.map
|