@salutejs/plasma-new-hope 0.154.0-canary.1392.11041436795.0 → 0.154.0-canary.1428.11047556363.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +4 -0
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +9 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/Calendar/utils/constants.js +83 -11
- package/cjs/components/Calendar/utils/constants.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.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/Segment/tokens.js +1 -15
- package/cjs/components/Segment/tokens.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -7
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +112 -68
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +7 -1
- 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/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_escgtx.css +1 -0
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base_m358nl.css +1 -0
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +4 -6
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +7 -15
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +1 -30
- 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/_Icon/Icon.assets/{DisclosureLeftCentered.js → DisclosureLeft.js} +3 -3
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +23 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -0
- package/cjs/components/_Icon/Icons/{IconDisclosureLeftCentered.js → IconDisclosureLeft.js} +5 -5
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconDisclosureRight.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureRight.js.map +1 -0
- package/cjs/index.css +10 -13
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/emotion/cjs/components/Calendar/Calendar.template-doc.mdx +26 -1
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/emotion/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +6 -5
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/emotion/cjs/components/Calendar/utils/constants.js +87 -12
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/emotion/cjs/components/Segment/tokens.js +1 -15
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +115 -66
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +33 -15
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +7 -15
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -20
- 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/_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/Calendar/Calendar.stories.tsx +17 -3
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
- 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/Calendar/Calendar.stories.tsx +17 -3
- package/emotion/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
- 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/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -5
- package/emotion/es/components/Calendar/Calendar.template-doc.mdx +26 -1
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/emotion/es/components/Calendar/hooks/useMonths.js +6 -4
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +7 -6
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/emotion/es/components/Calendar/utils/constants.js +86 -11
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -2
- package/emotion/es/components/Segment/tokens.js +1 -15
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -69
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +32 -14
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +8 -16
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -19
- 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/_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/Calendar/Calendar.stories.tsx +17 -3
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/emotion/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
- 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/Calendar/Calendar.stories.tsx +17 -3
- package/emotion/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
- 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/es/_virtual/_rollupPluginBabelHelpers.js +4 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hooks/useMonths.js +6 -4
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +9 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/Calendar/utils/constants.js +83 -12
- package/es/components/Calendar/utils/constants.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.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/Segment/tokens.js +1 -15
- package/es/components/Segment/tokens.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -7
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -73
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +7 -2
- 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/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_escgtx.css +1 -0
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base_m358nl.css +1 -0
- package/es/components/Segment/ui/SegmentItem/SegmentItem.css +4 -6
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js +8 -16
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +2 -29
- 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/_Icon/Icon.assets/{DisclosureLeftCentered.js → DisclosureLeft.js} +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +19 -0
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -0
- package/es/components/_Icon/Icons/{IconDisclosureLeftCentered.js → IconDisclosureLeft.js} +5 -5
- package/es/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -0
- package/es/components/_Icon/Icons/IconDisclosureRight.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureRight.js.map +1 -0
- package/es/index.css +10 -13
- package/package.json +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/Calendar.template-doc.mdx +26 -1
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/styled-components/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +6 -5
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/styled-components/cjs/components/Calendar/utils/constants.js +87 -12
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/styled-components/cjs/components/Segment/tokens.js +1 -15
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +115 -66
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +13 -4
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +7 -15
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -16
- 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/_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/Calendar/Calendar.stories.tsx +17 -3
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- 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 +42 -118
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +7 -10
- 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/Calendar/Calendar.stories.tsx +17 -3
- package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- 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 +42 -119
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +7 -13
- 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/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/styled-components/es/components/Calendar/Calendar.template-doc.mdx +26 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/styled-components/es/components/Calendar/hooks/useMonths.js +6 -4
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +7 -6
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/styled-components/es/components/Calendar/utils/constants.js +86 -11
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +1 -0
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -2
- package/styled-components/es/components/Segment/tokens.js +1 -15
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -69
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +12 -3
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +8 -16
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +3 -15
- 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/_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/Calendar/Calendar.stories.tsx +17 -3
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- 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 +42 -118
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +7 -10
- 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/Calendar/Calendar.stories.tsx +17 -3
- package/styled-components/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- 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 +42 -119
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +7 -13
- 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/types/components/Calendar/Calendar.types.d.ts +5 -0
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hooks/types.d.ts +2 -1
- package/types/components/Calendar/hooks/types.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/Calendar/utils/constants.d.ts +8 -5
- package/types/components/Calendar/utils/constants.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- 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 +1 -10
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +1 -0
- 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/SegmentGroup/variations/_filledBackgound/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/variations/_size/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +2 -8
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +1 -7
- package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +1 -14
- 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/_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/Segment/Segment.d.ts +1 -10
- 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/Segment/Segment.d.ts +1 -13
- 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/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_6y4o38.css +0 -3
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +0 -1
- 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/SegmentGroup/variations/_size/base_1dfesjp.css +0 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_1s77lh9.css +0 -4
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_jww0qh.css +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.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_6y4o38.css +0 -3
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +0 -1
- 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/SegmentGroup/variations/_size/base_1dfesjp.css +0 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_1s77lh9.css +0 -4
- package/es/components/Segment/ui/SegmentItem/variations/_view/base_jww0qh.css +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureLeftCentered.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
@@ -16,9 +16,11 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
|
|
16
16
|
eventList = _ref.eventList,
|
17
17
|
disabledList = _ref.disabledList,
|
18
18
|
min = _ref.min,
|
19
|
-
max = _ref.max
|
19
|
+
max = _ref.max,
|
20
|
+
_ref$locale = _ref.locale,
|
21
|
+
locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
|
20
22
|
return (0, _react.useMemo)(function () {
|
21
|
-
var months = _utils.SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
|
23
|
+
var months = _utils.SHORT_MONTH_NAME[locale].map(function (monthName, monthIndex) {
|
22
24
|
return {
|
23
25
|
monthName: monthName,
|
24
26
|
monthIndex: monthIndex,
|
@@ -27,7 +29,7 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
|
|
27
29
|
return (0, _utils.isSelectedMonth)(date, monthIndex, v);
|
28
30
|
})) : (0, _utils.isSelectedMonth)(date, monthIndex, value),
|
29
31
|
inRange: Array.isArray(value) ? (0, _utils.isDateInRange)(date.year, monthIndex, 1, value) : false,
|
30
|
-
monthFullName: _utils.MONTH_NAMES[monthIndex],
|
32
|
+
monthFullName: _utils.MONTH_NAMES[locale][monthIndex],
|
31
33
|
date: {
|
32
34
|
year: date.year,
|
33
35
|
monthIndex: monthIndex,
|
@@ -47,5 +49,5 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
|
|
47
49
|
return (0, _utils.getMatrix)(modifiedMonths, 3);
|
48
50
|
}
|
49
51
|
return (0, _utils.getMatrix)(months, 3);
|
50
|
-
}, [date, value, eventList, disabledList, max, min]);
|
52
|
+
}, [date, value, eventList, disabledList, max, min, locale]);
|
51
53
|
};
|
@@ -42,7 +42,9 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
|
|
42
42
|
onChangeDay = _ref.onChangeDay,
|
43
43
|
onHoverDay = _ref.onHoverDay,
|
44
44
|
onSetSelected = _ref.onSetSelected,
|
45
|
-
onKeyDown = _ref.onKeyDown
|
45
|
+
onKeyDown = _ref.onKeyDown,
|
46
|
+
_ref$locale = _ref.locale,
|
47
|
+
locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
|
46
48
|
var _useDays = (0, _hooks.useDays)({
|
47
49
|
date: currentDate,
|
48
50
|
value: value,
|
@@ -113,10 +115,10 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
|
|
113
115
|
id: "withShift"
|
114
116
|
}, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledFlex, {
|
115
117
|
role: "row"
|
116
|
-
}, _utils.SHORT_DAY_NAMES.map(function (name) {
|
118
|
+
}, _utils.SHORT_DAY_NAMES[locale].map(function (name) {
|
117
119
|
return /*#__PURE__*/_react["default"].createElement(_DateStructureItem.DateStructureItem, {
|
118
120
|
role: "columnheader",
|
119
|
-
"aria-label": _utils.FULL_DAY_NAMES[name],
|
121
|
+
"aria-label": _utils.FULL_DAY_NAMES[locale][name],
|
120
122
|
key: name,
|
121
123
|
dayOfWeek: true,
|
122
124
|
day: name,
|
@@ -28,7 +28,8 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
|
|
28
28
|
isDouble = _ref.isDouble,
|
29
29
|
onPrev = _ref.onPrev,
|
30
30
|
onNext = _ref.onNext,
|
31
|
-
onUpdateCalendarState = _ref.onUpdateCalendarState
|
31
|
+
onUpdateCalendarState = _ref.onUpdateCalendarState,
|
32
|
+
locale = _ref.locale;
|
32
33
|
var handleCalendarState = (0, _react.useCallback)(function () {
|
33
34
|
var newSize = isDouble ? _reducer.sizeMap.Months["double"] : _reducer.sizeMap.Months.single;
|
34
35
|
if (type === _types.CalendarState.Days) {
|
@@ -43,7 +44,7 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
|
|
43
44
|
return '';
|
44
45
|
}
|
45
46
|
if (type === _types.CalendarState.Days) {
|
46
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
|
47
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
|
47
48
|
color: "inherit",
|
48
49
|
size: size === 'xs' ? 'xs' : 's'
|
49
50
|
})));
|
@@ -62,7 +63,7 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
|
|
62
63
|
}));
|
63
64
|
}
|
64
65
|
return '';
|
65
|
-
}, [type, startYear, size]);
|
66
|
+
}, [type, startYear, size, locale]);
|
66
67
|
var currentCalendarType = (0, _utils.getCalendarType)(type);
|
67
68
|
var PreviousButton = (0, _react.useMemo)(function () {
|
68
69
|
return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledArrow, {
|
@@ -70,7 +71,7 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
|
|
70
71
|
onClick: function onClick() {
|
71
72
|
return onPrev();
|
72
73
|
}
|
73
|
-
}, /*#__PURE__*/_react["default"].createElement(_Icon.
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
|
74
75
|
color: "inherit",
|
75
76
|
size: size === 'xs' ? 'xs' : 's'
|
76
77
|
}));
|
@@ -81,7 +82,7 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
|
|
81
82
|
onClick: function onClick() {
|
82
83
|
return onNext();
|
83
84
|
}
|
84
|
-
}, /*#__PURE__*/_react["default"].createElement(_Icon.
|
85
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
|
85
86
|
color: "inherit",
|
86
87
|
size: size === 'xs' ? 'xs' : 's'
|
87
88
|
}));
|
@@ -40,14 +40,16 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
|
|
40
40
|
onChangeMonth = _ref.onChangeMonth,
|
41
41
|
onHoverMonth = _ref.onHoverMonth,
|
42
42
|
onSetSelected = _ref.onSetSelected,
|
43
|
-
onKeyDown = _ref.onKeyDown
|
43
|
+
onKeyDown = _ref.onKeyDown,
|
44
|
+
locale = _ref.locale;
|
44
45
|
var _useMonths = (0, _hooks.useMonths)({
|
45
46
|
date: currentDate,
|
46
47
|
value: value,
|
47
48
|
eventList: eventList,
|
48
49
|
disabledList: disabledList,
|
49
50
|
min: min,
|
50
|
-
max: max
|
51
|
+
max: max,
|
52
|
+
locale: locale
|
51
53
|
}),
|
52
54
|
_useMonths2 = _slicedToArray(_useMonths, 2),
|
53
55
|
months = _useMonths2[0],
|
@@ -26,7 +26,7 @@ var getStartYear = exports.getStartYear = function getStartYear(year) {
|
|
26
26
|
return Math.floor(year / _constants.YEAR_RENDER_COUNT) * _constants.YEAR_RENDER_COUNT;
|
27
27
|
};
|
28
28
|
var getNextDate = exports.getNextDate = function getNextDate(currentYear, currentMonth) {
|
29
|
-
return currentMonth + 1 === _constants.
|
29
|
+
return currentMonth + 1 === _constants.MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
|
30
30
|
};
|
31
31
|
var getPrevDate = exports.getPrevDate = function getPrevDate(currentYear, currentMonth) {
|
32
32
|
return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];
|
@@ -3,7 +3,50 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.quarterDates = exports.offsetMap = exports.YEAR_RENDER_COUNT = exports.SHORT_MONTH_NAME = exports.SHORT_DAY_NAMES = exports.ROW_YEAR_STEP = exports.ROW_STEP = exports.ROW_QUARTER_STEP = exports.ROW_MONTH_STEP = exports.QUARTER_NAMES = exports.MONTH_NAMES = exports.FULL_DAY_NAMES = void 0;
|
6
|
+
exports.quarterDates = exports.offsetMap = exports.YEAR_RENDER_COUNT = exports.SHORT_MONTH_NAME = exports.SHORT_DAY_NAMES = exports.ROW_YEAR_STEP = exports.ROW_STEP = exports.ROW_QUARTER_STEP = exports.ROW_MONTH_STEP = exports.QUARTER_NAMES = exports.MONTH_NAMES = exports.MONTHS = exports.FULL_DAY_NAMES = void 0;
|
7
|
+
function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
|
8
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
9
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
10
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
11
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
12
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
13
|
+
var LOCALES = {
|
14
|
+
ru: 'ru-RU',
|
15
|
+
en: 'en-US'
|
16
|
+
};
|
17
|
+
var MONTHS = exports.MONTHS = /*#__PURE__*/Array.from({
|
18
|
+
length: 12
|
19
|
+
}, function (_, i) {
|
20
|
+
return i + 1;
|
21
|
+
});
|
22
|
+
var WEEKS = /*#__PURE__*/Array.from({
|
23
|
+
length: 7
|
24
|
+
}, function (_, i) {
|
25
|
+
return i + 1;
|
26
|
+
});
|
27
|
+
var callbackDayFormatter = function callbackDayFormatter(locale, options) {
|
28
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCALES[locale], options);
|
29
|
+
return function (index) {
|
30
|
+
// INFO: Start for monday
|
31
|
+
var day = new Date(Date.UTC(2024, 0, index));
|
32
|
+
var _dateFormatter$format = dateFormatter.format(day),
|
33
|
+
_dateFormatter$format2 = _toArray(_dateFormatter$format),
|
34
|
+
first = _dateFormatter$format2[0],
|
35
|
+
rest = _dateFormatter$format2.slice(1);
|
36
|
+
return first.toUpperCase() + rest.join('');
|
37
|
+
};
|
38
|
+
};
|
39
|
+
var callbackMonthFormatter = function callbackMonthFormatter(locale, options) {
|
40
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCALES[locale], options);
|
41
|
+
return function (month) {
|
42
|
+
var data = new Date(Date.UTC(2024, month - 1));
|
43
|
+
var _dateFormatter$format3 = dateFormatter.format(data),
|
44
|
+
_dateFormatter$format4 = _toArray(_dateFormatter$format3),
|
45
|
+
first = _dateFormatter$format4[0],
|
46
|
+
rest = _dateFormatter$format4.slice(1);
|
47
|
+
return first.toUpperCase() + rest.join('').replace('.', '');
|
48
|
+
};
|
49
|
+
};
|
7
50
|
var ROW_STEP = exports.ROW_STEP = 6;
|
8
51
|
var ROW_MONTH_STEP = exports.ROW_MONTH_STEP = 4;
|
9
52
|
var ROW_YEAR_STEP = exports.ROW_YEAR_STEP = 4;
|
@@ -34,15 +77,47 @@ var quarterDates = exports.quarterDates = {
|
|
34
77
|
day: 1
|
35
78
|
}
|
36
79
|
};
|
37
|
-
var SHORT_DAY_NAMES = exports.SHORT_DAY_NAMES =
|
80
|
+
var SHORT_DAY_NAMES = exports.SHORT_DAY_NAMES = {
|
81
|
+
ru: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('ru', {
|
82
|
+
weekday: 'short'
|
83
|
+
})),
|
84
|
+
en: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('en', {
|
85
|
+
weekday: 'short'
|
86
|
+
}))
|
87
|
+
};
|
38
88
|
var FULL_DAY_NAMES = exports.FULL_DAY_NAMES = {
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
89
|
+
ru: {
|
90
|
+
Пн: 'Понедельник',
|
91
|
+
Вт: 'Вторник',
|
92
|
+
Ср: 'Среда',
|
93
|
+
Чт: 'Четверг',
|
94
|
+
Пт: 'Пятница',
|
95
|
+
Сб: 'Суббота',
|
96
|
+
Вс: 'Воскресенье'
|
97
|
+
},
|
98
|
+
en: {
|
99
|
+
Mon: 'Monday',
|
100
|
+
Tue: 'Tuesday',
|
101
|
+
Wed: 'Wednesday',
|
102
|
+
Thu: 'Thursday',
|
103
|
+
Fri: 'Friday',
|
104
|
+
Sat: 'Saturday',
|
105
|
+
Sun: 'Sunday'
|
106
|
+
}
|
107
|
+
};
|
108
|
+
var SHORT_MONTH_NAME = exports.SHORT_MONTH_NAME = {
|
109
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
110
|
+
month: 'short'
|
111
|
+
})),
|
112
|
+
en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
|
113
|
+
month: 'short'
|
114
|
+
}))
|
115
|
+
};
|
116
|
+
var MONTH_NAMES = exports.MONTH_NAMES = {
|
117
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
118
|
+
month: 'long'
|
119
|
+
})),
|
120
|
+
en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
|
121
|
+
month: 'long'
|
122
|
+
}))
|
123
|
+
};
|
@@ -313,6 +313,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
313
313
|
offset: offset,
|
314
314
|
type: type,
|
315
315
|
onToggle: handleToggle,
|
316
|
+
lang: lang,
|
316
317
|
isDoubleCalendar: isDoubleCalendar,
|
317
318
|
onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
|
318
319
|
handleCommitFirstDate(firstDate, false, true, dateInfo);
|
@@ -34,6 +34,8 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
34
34
|
offset = _ref.offset,
|
35
35
|
type = _ref.type,
|
36
36
|
size = _ref.size,
|
37
|
+
_ref$lang = _ref.lang,
|
38
|
+
lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
|
37
39
|
onChangeValue = _ref.onChangeValue,
|
38
40
|
onChangeStartOfRange = _ref.onChangeStartOfRange,
|
39
41
|
onToggle = _ref.onToggle;
|
@@ -63,6 +65,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
63
65
|
disabledYearList: disabledYearList,
|
64
66
|
min: min,
|
65
67
|
max: max,
|
68
|
+
locale: lang,
|
66
69
|
includeEdgeDates: includeEdgeDates,
|
67
70
|
onChangeValue: onChangeValue,
|
68
71
|
onChangeStartOfRange: onChangeStartOfRange
|
@@ -94,6 +97,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
94
97
|
min: min,
|
95
98
|
max: max,
|
96
99
|
type: type,
|
100
|
+
locale: lang,
|
97
101
|
includeEdgeDates: includeEdgeDates,
|
98
102
|
onChangeValue: onChangeValue,
|
99
103
|
onChangeStartOfRange: onChangeStartOfRange
|
@@ -210,6 +210,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
210
210
|
max: max,
|
211
211
|
includeEdgeDates: includeEdgeDates,
|
212
212
|
isRange: false,
|
213
|
+
locale: lang,
|
213
214
|
onChangeValue: function onChangeValue(date, dateInfo) {
|
214
215
|
return handleCommitDate(date, false, true, dateInfo);
|
215
216
|
}
|
@@ -85,7 +85,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
85
85
|
"aria-haspopup": ariaHasPopup,
|
86
86
|
"aria-level": ariaLevel,
|
87
87
|
"aria-label": ariaLabel
|
88
|
-
}, 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.
|
88
|
+
}, 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, {
|
89
89
|
size: disclosureIconSize,
|
90
90
|
color: "inherit"
|
91
91
|
})));
|
@@ -8,12 +8,7 @@ var classes = exports.classes = {
|
|
8
8
|
selectedSegmentItem: 'selected-segment-item',
|
9
9
|
segmentPilled: 'segment-pilled',
|
10
10
|
segmentGroupFilledBackground: 'segment-group-filled-background',
|
11
|
-
segmentStretch: 'segment-stretched'
|
12
|
-
segmentVertical: 'segment-vertical',
|
13
|
-
segmentArrowPadding: 'segment-arrow-padding',
|
14
|
-
segmentGroupClipScroll: 'segment-group-clip-scroll',
|
15
|
-
segmentGroupClipShowAll: 'segment-group-clip-show-all',
|
16
|
-
segmentXsSize: 'segment-xs-size'
|
11
|
+
segmentStretch: 'segment-stretched'
|
17
12
|
};
|
18
13
|
var tokens = exports.tokens = {
|
19
14
|
fontFamily: '--plasma-segment-item-font-family',
|
@@ -28,8 +23,6 @@ var tokens = exports.tokens = {
|
|
28
23
|
groupPilledBorderRadius: '--plasma-segment-group-pilled-border-radius',
|
29
24
|
groupWidth: '--plasma-segment-group-width',
|
30
25
|
groupHeight: '--plasma-segment-group-height',
|
31
|
-
groupArrowPadding: '--plasma-segment-group-arrow-padding',
|
32
|
-
groupVerticalArrowPadding: '--plasma-segment-group-vertical-arrow-padding',
|
33
26
|
groupBackgroundColor: '--plasma-segment-group-background-color',
|
34
27
|
groupFilledBackgroundColor: '--plasma-segment-group-filled-background-color',
|
35
28
|
itemBorderRadius: '--plasma-segment-item-border-radius',
|
@@ -37,21 +30,14 @@ var tokens = exports.tokens = {
|
|
37
30
|
itemWidth: '--plasma-segment-item-width',
|
38
31
|
itemHeight: '--plasma-segment-item-height',
|
39
32
|
itemPadding: '--plasma-segment-item-padding',
|
40
|
-
itemPilledPadding: '--plasma-segment-item-pilled-padding',
|
41
33
|
itemMarginLeft: '--plasma-segment-item-margin-left',
|
42
|
-
itemContentPadding: '--plasma-segment-item-content-padding',
|
43
|
-
itemIconMargin: '--plasma-segment-item-content-icon-margin',
|
44
34
|
itemColor: '--plasma-segment-item-color',
|
45
35
|
itemBackgroundColor: '--plasma-segment-item-background-color',
|
46
36
|
itemColorHover: '--plasma-segment-item-color-hover',
|
47
37
|
itemBackgroundColorHover: '--plasma-segment-item-background-color-hover',
|
48
|
-
itemAdditionalColor: '--plasma-segment-item-additional-color',
|
49
|
-
itemAdditionalColorHover: '--plasma-segment-item-additional-color-hover',
|
50
38
|
itemSelectedColor: '--plasma-segment-item-selected-color',
|
51
39
|
itemSelectedBackgroundColor: '--plasma-segment-item-selected-background-color',
|
52
40
|
itemSelectedColorHover: '--plasma-segment-item-selected-color-hover',
|
53
41
|
itemSelectedBackgroundColorHover: '--plasma-segment-item-selected-background-color-hover',
|
54
|
-
itemSelectedAdditionalColor: '--plasma-segment-item-selected-additional-color',
|
55
|
-
itemSelectedAdditionalColorHover: '--plasma-segment-item-selected-additional-color-hover',
|
56
42
|
disabledOpacity: '--plasma-segment-disabled-opacity'
|
57
43
|
};
|
@@ -4,9 +4,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.segmentGroupRoot = exports.segmentGroupConfig =
|
7
|
+
exports.segmentGroupRoot = exports.segmentGroupConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
|
+
var _Icon = /*#__PURE__*/require("../../../_Icon");
|
10
11
|
var _tokens = /*#__PURE__*/require("../../tokens");
|
11
12
|
var _utils = /*#__PURE__*/require("../../../../utils");
|
12
13
|
var _SegmentProvider = /*#__PURE__*/require("../../SegmentProvider/SegmentProvider");
|
@@ -16,112 +17,162 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
|
16
17
|
var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
|
17
18
|
var _base5 = /*#__PURE__*/require("./variations/_filledBackgound/base");
|
18
19
|
var _base6 = /*#__PURE__*/require("./variations/_stretch/base");
|
19
|
-
var _base7 = /*#__PURE__*/require("./variations/_orientation/base");
|
20
20
|
var _SegmentGroup = /*#__PURE__*/require("./SegmentGroup.styles");
|
21
|
-
var _excluded = ["id", "selectionMode", "pilled", "stretch", "
|
21
|
+
var _excluded = ["id", "selectionMode", "pilled", "stretch", "filledBackground", "disabled", "size", "view", "children"];
|
22
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); }
|
23
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; }
|
24
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); }
|
25
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
26
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
27
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
28
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
29
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
30
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
25
31
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
26
32
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
27
|
-
var Keys = /*#__PURE__*/function (Keys) {
|
28
|
-
Keys[Keys["end"] = 35] = "end";
|
29
|
-
Keys[Keys["home"] = 36] = "home";
|
30
|
-
Keys[Keys["left"] = 37] = "left";
|
31
|
-
Keys[Keys["right"] = 39] = "right";
|
32
|
-
return Keys;
|
33
|
-
}(Keys || {});
|
34
|
-
var getChildNodes = exports.getChildNodes = function getChildNodes(wrapper) {
|
35
|
-
var container = wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstChild;
|
36
|
-
return container ? Array.from(container === null || container === void 0 ? void 0 : container.childNodes) : [];
|
37
|
-
};
|
38
33
|
var segmentGroupRoot = exports.segmentGroupRoot = function segmentGroupRoot(Root) {
|
39
34
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
|
40
35
|
var id = props.id,
|
41
36
|
selectionMode = props.selectionMode,
|
42
37
|
pilled = props.pilled,
|
43
38
|
stretch = props.stretch,
|
44
|
-
_props$orientation = props.orientation,
|
45
|
-
orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
|
46
39
|
_props$filledBackgrou = props.filledBackground,
|
47
40
|
filledBackground = _props$filledBackgrou === void 0 ? false : _props$filledBackgrou,
|
48
|
-
_props$hasBackground = props.hasBackground,
|
49
|
-
hasBackground = _props$hasBackground === void 0 ? false : _props$hasBackground,
|
50
41
|
_props$disabled = props.disabled,
|
51
42
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
52
43
|
size = props.size,
|
53
44
|
view = props.view,
|
54
45
|
children = props.children,
|
55
46
|
rest = _objectWithoutProperties(props, _excluded);
|
56
|
-
var scrollRef = (0, _react.useRef)(null);
|
57
|
-
var trackRef = (0, _react.useRef)(null);
|
58
47
|
var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(),
|
59
48
|
setSelectionMode = _useSegmentInner.setSelectionMode,
|
60
49
|
setDisabledGroup = _useSegmentInner.setDisabledGroup;
|
50
|
+
var _useState = (0, _react.useState)(0),
|
51
|
+
_useState2 = _slicedToArray(_useState, 2),
|
52
|
+
index = _useState2[0],
|
53
|
+
setIndex = _useState2[1];
|
54
|
+
var _useState3 = (0, _react.useState)(false),
|
55
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
56
|
+
firstItemVisible = _useState4[0],
|
57
|
+
setFirstItemVisible = _useState4[1];
|
58
|
+
var _useState5 = (0, _react.useState)(false),
|
59
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
60
|
+
lastItemVisible = _useState6[0],
|
61
|
+
setLastItemVisible = _useState6[1];
|
61
62
|
var uniqId = (0, _plasmaCore.safeUseId)();
|
62
63
|
var segmentGroupId = id || uniqId;
|
63
|
-
var
|
64
|
-
var
|
65
|
-
var filledBackgroundAttr = filledBackground || hasBackground;
|
66
|
-
var stretchClass = stretch ? _tokens.classes.segmentStretch : undefined;
|
67
|
-
var orientationClass = isVertical ? _tokens.classes.segmentVertical : undefined;
|
64
|
+
var pilledAttr = view !== 'clear' && pilled;
|
65
|
+
var filledBackgroundAttr = view !== 'clear' && filledBackground;
|
68
66
|
var pilledClass = pilledAttr ? _tokens.classes.segmentPilled : undefined;
|
69
67
|
var filledClass = filledBackgroundAttr ? _tokens.classes.segmentGroupFilledBackground : undefined;
|
70
|
-
var
|
71
|
-
|
72
|
-
|
73
|
-
|
68
|
+
var stretchClass = firstItemVisible && lastItemVisible && stretch ? _tokens.classes.segmentStretch : undefined;
|
69
|
+
var items = (_react.Children === null || _react.Children === void 0 ? void 0 : _react.Children.map(children, function (child) {
|
70
|
+
return child;
|
71
|
+
})) || [];
|
72
|
+
var onPrev = (0, _react.useCallback)(function () {
|
73
|
+
!disabled && setIndex(function (prevIndex) {
|
74
|
+
return prevIndex > 0 ? prevIndex - 1 : 0;
|
74
75
|
});
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
}
|
94
|
-
if (nextIndex !== index) {
|
95
|
-
var _childNodes$nextIndex, _childNodes$nextIndex2;
|
96
|
-
event.preventDefault();
|
97
|
-
(_childNodes$nextIndex = childNodes[nextIndex]) === null || _childNodes$nextIndex === void 0 || _childNodes$nextIndex.focus();
|
98
|
-
(_childNodes$nextIndex2 = childNodes[nextIndex]) === null || _childNodes$nextIndex2 === void 0 || _childNodes$nextIndex2.scrollIntoView({
|
99
|
-
block: 'center',
|
100
|
-
inline: 'center',
|
101
|
-
behavior: 'smooth'
|
76
|
+
}, [disabled]);
|
77
|
+
var onNext = (0, _react.useCallback)(function () {
|
78
|
+
!disabled && setIndex(function (prevIndex) {
|
79
|
+
return prevIndex < items.length - 1 ? prevIndex + 1 : prevIndex;
|
80
|
+
});
|
81
|
+
}, [disabled]);
|
82
|
+
var onIntersecting = function onIntersecting(setVisible) {
|
83
|
+
return function (entries) {
|
84
|
+
/*
|
85
|
+
* Пробегаемся по элементам на которых есть слушатель события появления.
|
86
|
+
* Если элемент находится в зоне видимости или выходит из нее, меняем значение флага видимости
|
87
|
+
*/
|
88
|
+
entries.forEach(function (entry) {
|
89
|
+
if (entry.isIntersecting) {
|
90
|
+
setVisible(true);
|
91
|
+
} else {
|
92
|
+
setVisible(false);
|
93
|
+
}
|
102
94
|
});
|
103
|
-
}
|
104
|
-
}
|
95
|
+
};
|
96
|
+
};
|
97
|
+
var _useCarousel = (0, _plasmaCore.useCarousel)({
|
98
|
+
index: index,
|
99
|
+
axis: 'x',
|
100
|
+
scrollAlign: 'start',
|
101
|
+
detectActive: true,
|
102
|
+
debounceMs: 250,
|
103
|
+
onIndexChange: setIndex
|
104
|
+
}),
|
105
|
+
scrollRef = _useCarousel.scrollRef,
|
106
|
+
trackRef = _useCarousel.trackRef;
|
107
|
+
var PreviousButton = (0, _react.useMemo)(function () {
|
108
|
+
return /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledArrow, {
|
109
|
+
type: "button",
|
110
|
+
"aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
|
111
|
+
onClick: onPrev,
|
112
|
+
tabIndex: disabled ? -1 : 0,
|
113
|
+
disabled: disabled
|
114
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
|
115
|
+
color: "var(".concat(_tokens.tokens.arrowColor, ")")
|
116
|
+
}));
|
117
|
+
}, [onPrev]);
|
118
|
+
var NextButton = (0, _react.useMemo)(function () {
|
119
|
+
return /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledArrow, {
|
120
|
+
type: "button",
|
121
|
+
"aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
|
122
|
+
onClick: onNext,
|
123
|
+
tabIndex: disabled ? -1 : 0,
|
124
|
+
disabled: disabled
|
125
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
|
126
|
+
color: "var(".concat(_tokens.tokens.arrowColor, ")")
|
127
|
+
}));
|
128
|
+
}, [onNext]);
|
105
129
|
(0, _react.useEffect)(function () {
|
106
130
|
selectionMode && setSelectionMode(selectionMode);
|
107
131
|
setDisabledGroup(disabled);
|
108
132
|
}, [selectionMode, disabled]);
|
133
|
+
(0, _react.useEffect)(function () {
|
134
|
+
var _trackRef$current;
|
135
|
+
// Intersection observer для первого сегмента
|
136
|
+
var observeFirstItem = new IntersectionObserver(onIntersecting(setFirstItemVisible), {
|
137
|
+
root: null,
|
138
|
+
rootMargin: '0px',
|
139
|
+
threshold: 0.5
|
140
|
+
});
|
141
|
+
|
142
|
+
// Intersection observer для последнего сегмента
|
143
|
+
var observeLastItem = new IntersectionObserver(onIntersecting(setLastItemVisible), {
|
144
|
+
root: null,
|
145
|
+
rootMargin: '0px',
|
146
|
+
threshold: 0.5
|
147
|
+
});
|
148
|
+
|
149
|
+
// получаем список сегментов внутри SegmentGroup
|
150
|
+
var childrenArray = Array.from(((_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.children) || []);
|
151
|
+
if (childrenArray.length) {
|
152
|
+
// подписываемся на событие появление внутри SegmentGroup
|
153
|
+
observeFirstItem.observe(childrenArray[0]);
|
154
|
+
observeLastItem.observe(childrenArray[childrenArray.length - 1]);
|
155
|
+
}
|
156
|
+
return function () {
|
157
|
+
// отписываемся от события появления внутри SegmentGroup
|
158
|
+
observeFirstItem.disconnect();
|
159
|
+
observeLastItem.disconnect();
|
160
|
+
};
|
161
|
+
}, [children]);
|
109
162
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
110
163
|
view: view,
|
111
164
|
size: size,
|
112
|
-
orientation: orientation,
|
113
165
|
id: segmentGroupId,
|
114
166
|
ref: outerRef,
|
115
167
|
filledBackground: filledBackgroundAttr,
|
116
168
|
disabled: disabled,
|
117
169
|
pilled: pilledAttr,
|
118
|
-
className: (0, _utils.cx)(pilledClass, filledClass, stretchClass
|
119
|
-
|
120
|
-
}, rest), /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledContentWrapper, {
|
170
|
+
className: (0, _utils.cx)(pilledClass, filledClass, stretchClass)
|
171
|
+
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledContentWrapper, {
|
121
172
|
ref: scrollRef
|
122
173
|
}, /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledContent, {
|
123
174
|
ref: trackRef
|
124
|
-
}, children)));
|
175
|
+
}, children)), !lastItemVisible && NextButton);
|
125
176
|
});
|
126
177
|
};
|
127
178
|
var segmentGroupConfig = exports.segmentGroupConfig = {
|
@@ -148,15 +199,13 @@ var segmentGroupConfig = exports.segmentGroupConfig = {
|
|
148
199
|
css: _base6.base,
|
149
200
|
attrs: true
|
150
201
|
},
|
151
|
-
orientation: {
|
152
|
-
css: _base7.base
|
153
|
-
},
|
154
202
|
filledBackground: {
|
155
203
|
css: _base5.base,
|
156
204
|
attrs: true
|
157
205
|
}
|
158
206
|
},
|
159
207
|
defaults: {
|
208
|
+
view: 'clear',
|
160
209
|
size: 'xs'
|
161
210
|
}
|
162
211
|
};
|