@salutejs/plasma-new-hope 0.114.1-canary.1333.10216082008.0 → 0.115.0-canary.1328.10215259724.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.css +8 -8
- package/cjs/components/Button/Button.styles.js +1 -1
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/{Button.styles_1oz1dew.css → Button.styles_1sopr3d.css} +2 -2
- package/cjs/components/Button/Button.tokens.js +2 -0
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/cjs/components/Drawer/Drawer.css +8 -8
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/cjs/components/EmptyState/EmptyState.css +8 -8
- package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +8 -8
- package/cjs/components/IconButton/IconButton.css +8 -8
- package/cjs/components/Notification/Notification.css +8 -8
- package/cjs/components/Notification/NotificationsProvider.css +8 -8
- package/cjs/components/Pagination/Pagination.css +29 -29
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/cjs/components/Select/Select.css +30 -30
- package/cjs/components/Select/Select.js +28 -32
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +1 -1
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/{es/components/Select/Select.styles_zx0ztg.css → cjs/components/Select/Select.styles_1e7cbbz.css} +1 -1
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +31 -31
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/cjs/components/Select/ui/Target/Target.css +26 -26
- package/cjs/components/Select/ui/Target/Target.js +7 -11
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +12 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css → cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css} +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css} +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +12 -13
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +2 -5
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.css +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.js +2 -8
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base_q8xs21.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.css +6 -6
- package/cjs/components/Tabs/ui/Tabs/Tabs.js +8 -51
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +7 -7
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/Tabs/{Tabs.styles_z4dnzh.css → Tabs.styles_1b8qt33.css} +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/{base_1c7lnrm.css → base_176tz0n.css} +1 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_view/{base_aij3sf.css → base_4xkt26.css} +1 -1
- package/cjs/components/Toast/Toast.css +8 -8
- package/cjs/components/Toast/ToastController.css +8 -8
- package/cjs/index.css +38 -38
- package/emotion/cjs/components/Button/Button.styles.js +8 -8
- package/emotion/cjs/components/Button/Button.tokens.js +2 -0
- package/emotion/cjs/components/Select/Select.js +28 -32
- package/emotion/cjs/components/Select/Select.styles.js +6 -6
- package/emotion/cjs/components/Select/Select.tokens.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +7 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +8 -5
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +16 -13
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +12 -13
- package/emotion/cjs/components/Tabs/tokens.js +2 -5
- package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.js +2 -8
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +8 -51
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +16 -8
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +17 -16
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +196 -287
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +17 -16
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +196 -287
- package/emotion/es/components/Button/Button.styles.js +8 -8
- package/emotion/es/components/Button/Button.tokens.js +2 -0
- package/emotion/es/components/Select/Select.js +28 -32
- package/emotion/es/components/Select/Select.styles.js +6 -6
- package/emotion/es/components/Select/Select.tokens.js +1 -1
- package/emotion/es/components/Select/ui/Target/Target.js +7 -11
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +8 -5
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +16 -13
- package/emotion/es/components/Select/utils/getButtonLabel.js +12 -13
- package/emotion/es/components/Tabs/tokens.js +2 -5
- package/emotion/es/components/Tabs/ui/TabItem/TabItem.js +2 -8
- package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +9 -52
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +17 -9
- package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/emotion/es/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +17 -16
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +196 -287
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +17 -16
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +196 -287
- package/es/components/Button/Button.css +8 -8
- package/es/components/Button/Button.styles.js +1 -1
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/{Button.styles_1oz1dew.css → Button.styles_1sopr3d.css} +2 -2
- package/es/components/Button/Button.tokens.js +2 -0
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/es/components/Drawer/Drawer.css +8 -8
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/es/components/EmptyState/EmptyState.css +8 -8
- package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +8 -8
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Notification/Notification.css +8 -8
- package/es/components/Notification/NotificationsProvider.css +8 -8
- package/es/components/Pagination/Pagination.css +29 -29
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/es/components/Select/Select.css +30 -30
- package/es/components/Select/Select.js +28 -32
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +1 -1
- package/es/components/Select/Select.styles.js.map +1 -1
- package/{cjs/components/Select/Select.styles_zx0ztg.css → es/components/Select/Select.styles_1e7cbbz.css} +1 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +31 -31
- package/es/components/Select/ui/Inner/ui/Item/Item.css +30 -30
- package/es/components/Select/ui/Target/Target.css +26 -26
- package/es/components/Select/ui/Target/Target.js +7 -11
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +14 -14
- package/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +12 -2
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css → es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css} +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css} +1 -1
- package/es/components/Select/utils/getButtonLabel.js +12 -13
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Tabs/tokens.js +2 -5
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.css +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.js +2 -8
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base_q8xs21.css +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.css +6 -6
- package/es/components/Tabs/ui/Tabs/Tabs.js +9 -52
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js +7 -7
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
- package/es/components/Tabs/ui/Tabs/{Tabs.styles_z4dnzh.css → Tabs.styles_1b8qt33.css} +2 -2
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -1
- package/es/components/Tabs/ui/Tabs/variations/_stretch/{base_1c7lnrm.css → base_176tz0n.css} +1 -1
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/Tabs/variations/_view/{base_aij3sf.css → base_4xkt26.css} +1 -1
- package/es/components/Toast/Toast.css +8 -8
- package/es/components/Toast/ToastController.css +8 -8
- package/es/index.css +38 -38
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.tokens.js +2 -0
- package/styled-components/cjs/components/Select/Select.js +28 -32
- package/styled-components/cjs/components/Select/Select.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +7 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -3
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -1
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +12 -13
- package/styled-components/cjs/components/Tabs/tokens.js +2 -5
- package/styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js +2 -8
- package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +8 -51
- package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +5 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +196 -287
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +5 -4
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +196 -287
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/Button.tokens.js +2 -0
- package/styled-components/es/components/Select/Select.js +28 -32
- package/styled-components/es/components/Select/Select.styles.js +1 -1
- package/styled-components/es/components/Select/Select.tokens.js +1 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +7 -11
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +7 -8
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -3
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -1
- package/styled-components/es/components/Select/utils/getButtonLabel.js +12 -13
- package/styled-components/es/components/Tabs/tokens.js +2 -5
- package/styled-components/es/components/Tabs/ui/TabItem/TabItem.js +2 -8
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +9 -52
- package/styled-components/es/components/Tabs/ui/Tabs/Tabs.styles.js +3 -3
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +5 -4
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +196 -287
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.config.js +5 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +196 -287
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +2 -0
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -4
- package/types/components/Select/Select.types.d.ts +12 -8
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +2 -1
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +4 -2
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +4 -2
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +3 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +0 -3
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +2 -4
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts +5 -12
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -4
- package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +1 -2
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +4 -4
- package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts +1 -0
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +1 -2
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +1 -2
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["
|
1
|
+
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
2
2
|
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); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
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."); }
|
@@ -26,9 +26,7 @@ export var Context = /*#__PURE__*/createContext({});
|
|
26
26
|
*/
|
27
27
|
export var selectRoot = function selectRoot(Root) {
|
28
28
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
29
|
-
var
|
30
|
-
multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
|
31
|
-
outerValue = props.value,
|
29
|
+
var outerValue = props.value,
|
32
30
|
outerOnChange = props.onChange,
|
33
31
|
_props$target = props.target,
|
34
32
|
target = _props$target === void 0 ? 'textfield-like' : _props$target,
|
@@ -40,8 +38,6 @@ export var selectRoot = function selectRoot(Root) {
|
|
40
38
|
labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
|
41
39
|
placeholder = props.placeholder,
|
42
40
|
helperText = props.helperText,
|
43
|
-
_props$isTargetAmount = props.isTargetAmount,
|
44
|
-
isTargetAmount = _props$isTargetAmount === void 0 ? false : _props$isTargetAmount,
|
45
41
|
_props$disabled = props.disabled,
|
46
42
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
47
43
|
view = props.view,
|
@@ -58,7 +54,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
58
54
|
renderValue = props.renderValue,
|
59
55
|
renderItem = props.renderItem,
|
60
56
|
rest = _objectWithoutProperties(props, _excluded);
|
61
|
-
var _useState = useState(outerValue || multiselect ? [] : ''),
|
57
|
+
var _useState = useState(outerValue || props.multiselect ? [] : ''),
|
62
58
|
_useState2 = _slicedToArray(_useState, 2),
|
63
59
|
internalValue = _useState2[0],
|
64
60
|
setInternalValue = _useState2[1];
|
@@ -119,30 +115,32 @@ export var selectRoot = function selectRoot(Root) {
|
|
119
115
|
}
|
120
116
|
};
|
121
117
|
var handleCheckboxChange = function handleCheckboxChange(item) {
|
122
|
-
|
123
|
-
|
124
|
-
checkedCopy.
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
118
|
+
if (props.multiselect) {
|
119
|
+
var checkedCopy = new Map(checked);
|
120
|
+
if (!checkedCopy.get(item.value)) {
|
121
|
+
checkedCopy.set(item.value, true);
|
122
|
+
updateDescendants(item, checkedCopy, true);
|
123
|
+
} else {
|
124
|
+
checkedCopy.set(item.value, false);
|
125
|
+
updateDescendants(item, checkedCopy, false);
|
126
|
+
}
|
127
|
+
updateAncestors(item, checkedCopy);
|
128
|
+
var newValues = [];
|
129
|
+
valueToItemMap.forEach(function (item, key) {
|
130
|
+
if (checkedCopy.get(key)) {
|
131
|
+
newValues.push(item.value);
|
132
|
+
}
|
133
|
+
});
|
134
|
+
if (onChange) {
|
135
|
+
onChange(newValues);
|
135
136
|
}
|
136
|
-
});
|
137
|
-
if (onChange) {
|
138
|
-
onChange(newValues);
|
139
137
|
}
|
140
138
|
};
|
141
139
|
var handleItemClick = function handleItemClick(item, e) {
|
142
140
|
if (!isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
|
143
141
|
return;
|
144
142
|
}
|
145
|
-
if (multiselect) {
|
143
|
+
if (props.multiselect) {
|
146
144
|
handleCheckboxChange(item);
|
147
145
|
} else {
|
148
146
|
if (e) {
|
@@ -168,7 +166,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
168
166
|
var handlePressDown = function handlePressDown(item, e) {
|
169
167
|
if (isEmpty(item.items)) {
|
170
168
|
handleItemClick(item, e);
|
171
|
-
} else if (multiselect) {
|
169
|
+
} else if (props.multiselect) {
|
172
170
|
handleCheckboxChange(item);
|
173
171
|
}
|
174
172
|
};
|
@@ -180,6 +178,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
180
178
|
}
|
181
179
|
};
|
182
180
|
var _useKeyNavigation = useKeyNavigation({
|
181
|
+
value: value,
|
183
182
|
focusedPath: focusedPath,
|
184
183
|
dispatchFocusedPath: dispatchFocusedPath,
|
185
184
|
path: path,
|
@@ -190,10 +189,9 @@ export var selectRoot = function selectRoot(Root) {
|
|
190
189
|
handlePressDown: handlePressDown,
|
191
190
|
focusedChipIndex: focusedChipIndex,
|
192
191
|
dispatchFocusedChipIndex: dispatchFocusedChipIndex,
|
193
|
-
value: value,
|
194
192
|
valueToItemMap: valueToItemMap,
|
195
|
-
multiselect: multiselect,
|
196
|
-
isTargetAmount: isTargetAmount
|
193
|
+
multiselect: props.multiselect,
|
194
|
+
isTargetAmount: props.isTargetAmount
|
197
195
|
}),
|
198
196
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
199
197
|
var isCurrentListOpen = Boolean(path[0]);
|
@@ -227,7 +225,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
227
225
|
value: {
|
228
226
|
focusedPath: focusedPath,
|
229
227
|
checked: checked,
|
230
|
-
multiselect: multiselect,
|
228
|
+
multiselect: props.multiselect,
|
231
229
|
size: size,
|
232
230
|
handleCheckboxChange: handleCheckboxChange,
|
233
231
|
handleItemClick: handleItemClick,
|
@@ -244,10 +242,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
244
242
|
trigger: "click",
|
245
243
|
target: /*#__PURE__*/React.createElement(Target, {
|
246
244
|
opened: isCurrentListOpen,
|
247
|
-
target: target,
|
248
245
|
value: value,
|
249
|
-
isTargetAmount: isTargetAmount,
|
250
|
-
multiselect: multiselect,
|
251
246
|
valueToItemMap: valueToItemMap,
|
252
247
|
focusedPath: focusedPath,
|
253
248
|
focusedToValueMap: focusedToValueMap,
|
@@ -257,6 +252,7 @@ export var selectRoot = function selectRoot(Root) {
|
|
257
252
|
onKeyDown: onKeyDown,
|
258
253
|
focusedChipIndex: focusedChipIndex,
|
259
254
|
labelPlacement: labelPlacement,
|
255
|
+
selectProps: props,
|
260
256
|
size: size,
|
261
257
|
contentLeft: contentLeft,
|
262
258
|
disabled: disabled,
|
@@ -10,7 +10,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
10
10
|
})([".", ",.", "{width:100%;}"], /*#__PURE__*/String(popoverClasses.root), /*#__PURE__*/String(popoverClasses.target));
|
11
11
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-le54jv-1"
|
13
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:
|
13
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
|
14
14
|
var listWidth = _ref.listWidth;
|
15
15
|
return listWidth || '100%';
|
16
16
|
}, function (_ref2) {
|
@@ -79,7 +79,7 @@ export var constants = {
|
|
79
79
|
focusColor: '--surface-accent',
|
80
80
|
focusSize: '0.0625rem',
|
81
81
|
background: '--surface-solid-card',
|
82
|
-
boxShadow: '
|
82
|
+
boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
|
83
83
|
disclosureIconColor: '--text-secondary',
|
84
84
|
disclosureIconColorHover: '--text-secondary-hover',
|
85
85
|
itemBackground: '--plasma-colors-transparent',
|
@@ -2,9 +2,6 @@ import React from 'react';
|
|
2
2
|
import { Button, Textfield } from './ui';
|
3
3
|
export var Target = function Target(_ref) {
|
4
4
|
var value = _ref.value,
|
5
|
-
multiselect = _ref.multiselect,
|
6
|
-
isTargetAmount = _ref.isTargetAmount,
|
7
|
-
target = _ref.target,
|
8
5
|
opened = _ref.opened,
|
9
6
|
valueToItemMap = _ref.valueToItemMap,
|
10
7
|
onChipClick = _ref.onChipClick,
|
@@ -18,12 +15,11 @@ export var Target = function Target(_ref) {
|
|
18
15
|
disabled = _ref.disabled,
|
19
16
|
renderValue = _ref.renderValue,
|
20
17
|
focusedPath = _ref.focusedPath,
|
21
|
-
focusedToValueMap = _ref.focusedToValueMap
|
22
|
-
|
18
|
+
focusedToValueMap = _ref.focusedToValueMap,
|
19
|
+
selectProps = _ref.selectProps;
|
20
|
+
return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
|
23
21
|
opened: opened,
|
24
22
|
value: value,
|
25
|
-
isTargetAmount: isTargetAmount,
|
26
|
-
multiselect: multiselect,
|
27
23
|
valueToItemMap: valueToItemMap,
|
28
24
|
onKeyDown: onKeyDown,
|
29
25
|
label: label,
|
@@ -31,12 +27,11 @@ export var Target = function Target(_ref) {
|
|
31
27
|
disabled: disabled,
|
32
28
|
renderValue: renderValue,
|
33
29
|
focusedPath: focusedPath,
|
34
|
-
focusedToValueMap: focusedToValueMap
|
30
|
+
focusedToValueMap: focusedToValueMap,
|
31
|
+
selectProps: selectProps
|
35
32
|
}) : /*#__PURE__*/React.createElement(Textfield, {
|
36
33
|
opened: opened,
|
37
34
|
value: value,
|
38
|
-
isTargetAmount: isTargetAmount,
|
39
|
-
multiselect: multiselect,
|
40
35
|
valueToItemMap: valueToItemMap,
|
41
36
|
onChipClick: onChipClick,
|
42
37
|
label: label,
|
@@ -49,6 +44,7 @@ export var Target = function Target(_ref) {
|
|
49
44
|
disabled: disabled,
|
50
45
|
renderValue: renderValue,
|
51
46
|
focusedPath: focusedPath,
|
52
|
-
focusedToValueMap: focusedToValueMap
|
47
|
+
focusedToValueMap: focusedToValueMap,
|
48
|
+
selectProps: selectProps
|
53
49
|
});
|
54
50
|
};
|
@@ -6,8 +6,6 @@ import { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } fro
|
|
6
6
|
export var Button = function Button(_ref) {
|
7
7
|
var opened = _ref.opened,
|
8
8
|
value = _ref.value,
|
9
|
-
isTargetAmount = _ref.isTargetAmount,
|
10
|
-
multiselect = _ref.multiselect,
|
11
9
|
valueToItemMap = _ref.valueToItemMap,
|
12
10
|
onKeyDown = _ref.onKeyDown,
|
13
11
|
label = _ref.label,
|
@@ -15,7 +13,8 @@ export var Button = function Button(_ref) {
|
|
15
13
|
disabled = _ref.disabled,
|
16
14
|
renderValue = _ref.renderValue,
|
17
15
|
focusedPath = _ref.focusedPath,
|
18
|
-
focusedToValueMap = _ref.focusedToValueMap
|
16
|
+
focusedToValueMap = _ref.focusedToValueMap,
|
17
|
+
selectProps = _ref.selectProps;
|
19
18
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
20
19
|
var getActiveDescendant = function getActiveDescendant() {
|
21
20
|
var _focusedToValueMap$ge;
|
@@ -38,13 +37,13 @@ export var Button = function Button(_ref) {
|
|
38
37
|
"aria-controls": "tree_level_1",
|
39
38
|
"aria-expanded": opened,
|
40
39
|
"aria-activedescendant": getActiveDescendant(),
|
41
|
-
"aria-label": label
|
42
|
-
|
40
|
+
"aria-label": label,
|
41
|
+
renderTarget: Boolean(selectProps.renderTarget)
|
42
|
+
}, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
|
43
43
|
value: value,
|
44
|
-
isTargetAmount: isTargetAmount,
|
45
|
-
multiselect: multiselect,
|
46
44
|
valueToItemMap: valueToItemMap,
|
47
45
|
label: label,
|
48
|
-
renderValue: renderValue
|
46
|
+
renderValue: renderValue,
|
47
|
+
selectProps: selectProps
|
49
48
|
}))));
|
50
49
|
};
|
@@ -8,7 +8,10 @@ var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
|
8
8
|
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
9
9
|
export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
|
10
10
|
componentId: "plasma-new-hope__sc-38cqi1-0"
|
11
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":
|
11
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], buttonTokens.buttonColor, tokens.targetButtonColor, buttonTokens.buttonColorHover, tokens.targetButtonColorHover, buttonTokens.buttonColorActive, tokens.targetButtonColorActive, buttonTokens.buttonBackgroundColor, tokens.targetButtonBackgroundColor, buttonTokens.buttonBackgroundColorHover, tokens.targetButtonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, tokens.targetButtonBackgroundColorActive, buttonTokens.buttonRightContentMargin, tokens.targetButtonArrowMargin, buttonTokens.buttonHeight, function (_ref) {
|
12
|
+
var renderTarget = _ref.renderTarget;
|
13
|
+
return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
|
14
|
+
}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetButtonPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor);
|
12
15
|
export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
|
13
16
|
componentId: "plasma-new-hope__sc-38cqi1-1"
|
14
17
|
})(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], tokens.targetButtonArrowColor, tokens.targetButtonArrowColorHover, tokens.targetButtonArrowColorActive);
|
@@ -17,7 +20,7 @@ export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withCon
|
|
17
20
|
})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
|
18
21
|
export var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
|
19
22
|
componentId: "plasma-new-hope__sc-38cqi1-3"
|
20
|
-
})(["display:inline;.", "::before{box-shadow:none !important;}"], classes.selectWithoutBoxShadow);
|
23
|
+
})(["display:inline;.", "::before{box-shadow:none !important;}.", "{transform:rotate(-180deg);}"], classes.selectWithoutBoxShadow, classes.arrowInverse);
|
21
24
|
export var Label = /*#__PURE__*/styled.div.withConfig({
|
22
25
|
componentId: "plasma-new-hope__sc-38cqi1-4"
|
23
|
-
})(["display:inline;width:100%;text-align:left;", "
|
26
|
+
})(["display:inline;width:100%;text-align:left;", ""], /*#__PURE__*/applyEllipsis());
|
@@ -49,8 +49,6 @@ var getLabel = function getLabel(_ref) {
|
|
49
49
|
export var Textfield = function Textfield(_ref2) {
|
50
50
|
var opened = _ref2.opened,
|
51
51
|
value = _ref2.value,
|
52
|
-
isTargetAmount = _ref2.isTargetAmount,
|
53
|
-
multiselect = _ref2.multiselect,
|
54
52
|
valueToItemMap = _ref2.valueToItemMap,
|
55
53
|
onChipClick = _ref2.onChipClick,
|
56
54
|
label = _ref2.label,
|
@@ -63,7 +61,8 @@ export var Textfield = function Textfield(_ref2) {
|
|
63
61
|
disabled = _ref2.disabled,
|
64
62
|
renderValue = _ref2.renderValue,
|
65
63
|
focusedPath = _ref2.focusedPath,
|
66
|
-
focusedToValueMap = _ref2.focusedToValueMap
|
64
|
+
focusedToValueMap = _ref2.focusedToValueMap,
|
65
|
+
selectProps = _ref2.selectProps;
|
67
66
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
68
67
|
var getActiveDescendant = function getActiveDescendant() {
|
69
68
|
var _focusedToValueMap$ge;
|
@@ -84,19 +83,20 @@ export var Textfield = function Textfield(_ref2) {
|
|
84
83
|
"aria-controls": "tree_level_1",
|
85
84
|
"aria-expanded": opened,
|
86
85
|
"aria-activedescendant": getActiveDescendant(),
|
87
|
-
"aria-label": label
|
88
|
-
|
86
|
+
"aria-label": label,
|
87
|
+
renderTarget: Boolean(selectProps.renderTarget)
|
88
|
+
}, /*#__PURE__*/React.createElement(Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && (!selectProps.multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
|
89
89
|
value: value,
|
90
|
-
isTargetAmount: isTargetAmount,
|
91
90
|
valueToItemMap: valueToItemMap,
|
92
91
|
onChipClick: onChipClick,
|
93
|
-
label: label,
|
94
|
-
placeholder: placeholder,
|
95
92
|
focusedChipIndex: focusedChipIndex,
|
93
|
+
label: label,
|
96
94
|
labelPlacement: labelPlacement,
|
97
|
-
|
98
|
-
|
99
|
-
|
95
|
+
placeholder: placeholder,
|
96
|
+
isTargetAmount: selectProps.isTargetAmount,
|
97
|
+
renderValue: renderValue,
|
98
|
+
size: size
|
99
|
+
}))), /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
|
100
100
|
size: sizeToIconSize(size),
|
101
101
|
color: "inherit",
|
102
102
|
className: cx(classes.selectTargetArrow, withArrowInverse)
|
@@ -18,7 +18,10 @@ export var TextfieldWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
18
18
|
}, classes.selectWithoutBoxShadow);
|
19
19
|
export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
|
20
20
|
componentId: "plasma-new-hope__sc-1akl2tk-1"
|
21
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":
|
21
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonHeight, function (_ref3) {
|
22
|
+
var renderTarget = _ref3.renderTarget;
|
23
|
+
return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
|
24
|
+
}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, constants.textfieldBorderSize, tokens.targetTextfieldBorderColor, /*#__PURE__*/addFocus({
|
22
25
|
outlineOffset: constants.textfieldBorderSize,
|
23
26
|
outlineSize: constants.focusSize,
|
24
27
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.borderRadius, ") - ").concat(constants.textfieldBorderSize, ")"),
|
@@ -1,31 +1,30 @@
|
|
1
1
|
import { isEmpty } from '../../../utils';
|
2
2
|
var getLabel = function getLabel(_ref) {
|
3
|
-
var
|
4
|
-
|
5
|
-
|
3
|
+
var value = _ref.value,
|
4
|
+
valueToItemMap = _ref.valueToItemMap,
|
5
|
+
renderValue = _ref.renderValue;
|
6
6
|
var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
|
7
7
|
label = _ref2.label;
|
8
8
|
return renderValue ? renderValue(value, label) : label;
|
9
9
|
};
|
10
10
|
export var getButtonLabel = function getButtonLabel(_ref3) {
|
11
11
|
var value = _ref3.value,
|
12
|
-
label = _ref3.label,
|
13
|
-
isTargetAmount = _ref3.isTargetAmount,
|
14
|
-
multiselect = _ref3.multiselect,
|
15
12
|
valueToItemMap = _ref3.valueToItemMap,
|
16
|
-
|
13
|
+
label = _ref3.label,
|
14
|
+
renderValue = _ref3.renderValue,
|
15
|
+
selectProps = _ref3.selectProps;
|
17
16
|
if (isEmpty(value)) {
|
18
|
-
return label;
|
17
|
+
return label || '';
|
19
18
|
}
|
20
|
-
if (multiselect && isTargetAmount) {
|
19
|
+
if (selectProps.multiselect && selectProps.isTargetAmount) {
|
21
20
|
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
|
22
21
|
}
|
23
|
-
if (multiselect && Array.isArray(value)) {
|
24
|
-
return value.map(function (itemValue) {
|
22
|
+
if (selectProps.multiselect && Array.isArray(value)) {
|
23
|
+
return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {
|
25
24
|
return getLabel({
|
26
|
-
renderValue: renderValue,
|
27
25
|
value: itemValue,
|
28
|
-
valueToItemMap: valueToItemMap
|
26
|
+
valueToItemMap: valueToItemMap,
|
27
|
+
renderValue: renderValue
|
29
28
|
});
|
30
29
|
}).join(', ');
|
31
30
|
}
|
@@ -9,9 +9,7 @@ export var classes = {
|
|
9
9
|
tabRightContent: 'tab-item-right-content',
|
10
10
|
tabLeftContent: 'tab-item-left-content',
|
11
11
|
tabsHasLeftArrow: 'tabs-has-left-arrow',
|
12
|
-
tabsHasRightArrow: 'tabs-has-right-arrow'
|
13
|
-
tabsClipScroll: 'tabs-clip-scroll',
|
14
|
-
tabsClipShowAll: 'tabs-clip-show-all'
|
12
|
+
tabsHasRightArrow: 'tabs-has-right-arrow'
|
15
13
|
};
|
16
14
|
export var tokens = {
|
17
15
|
disabledOpacity: '--plasma-tabs-disabled-opacity',
|
@@ -28,7 +26,7 @@ export var tokens = {
|
|
28
26
|
outlineFocusColor: '--plasma-tabs-outline-focus-color',
|
29
27
|
arrowColor: '--plasma-tabs-arrow-color',
|
30
28
|
tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',
|
31
|
-
tabsBackgroundColor: '--plasma-tabs-
|
29
|
+
tabsBackgroundColor: '--plasma-tabs-backgorund-color',
|
32
30
|
tabsBorderRadius: '--plasma-tabs-border-radius',
|
33
31
|
tabsWidth: '--plasma-tabs-width',
|
34
32
|
tabsHeight: '--plasma-tabs-height',
|
@@ -52,7 +50,6 @@ export var tokens = {
|
|
52
50
|
itemColor: '--plasma-tab-item-color',
|
53
51
|
itemBackgroundColor: '--plasma-tab-item-background-color',
|
54
52
|
itemColorHover: '--plasma-tab-item-color-hover',
|
55
|
-
itemColorActive: '--plasma-tab-item-color-active',
|
56
53
|
itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',
|
57
54
|
itemSelectedColor: '--plasma-tab-item-selected-color',
|
58
55
|
itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className"
|
1
|
+
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className"];
|
2
2
|
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); }
|
3
3
|
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; }
|
4
4
|
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; }
|
@@ -31,7 +31,6 @@ export var tabItemRoot = function tabItemRoot(Root) {
|
|
31
31
|
itemIndex = props.itemIndex,
|
32
32
|
tabIndex = props.tabIndex,
|
33
33
|
className = props.className,
|
34
|
-
onClick = props.onClick,
|
35
34
|
rest = _objectWithoutProperties(props, _excluded);
|
36
35
|
var innerRef = useRef(null);
|
37
36
|
var ref = useForkRef(outerRef, innerRef);
|
@@ -73,10 +72,6 @@ export var tabItemRoot = function tabItemRoot(Root) {
|
|
73
72
|
onIndexChange === null || onIndexChange === void 0 || onIndexChange(focusIndex);
|
74
73
|
refs.setCurrent(focusIndex);
|
75
74
|
}, [refs, innerRef, onIndexChange, disabled]);
|
76
|
-
var handleClick = useCallback(function (event) {
|
77
|
-
event.currentTarget.scrollIntoView();
|
78
|
-
onClick && onClick(event);
|
79
|
-
}, [onClick]);
|
80
75
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
81
76
|
ref: ref,
|
82
77
|
disabled: disabled,
|
@@ -86,8 +81,7 @@ export var tabItemRoot = function tabItemRoot(Root) {
|
|
86
81
|
size: size,
|
87
82
|
onFocus: onItemFocus,
|
88
83
|
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
89
|
-
className: cx(pilledClass, selectedClass, animatedClass, className)
|
90
|
-
onClick: handleClick
|
84
|
+
className: cx(pilledClass, selectedClass, animatedClass, className)
|
91
85
|
}, rest), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(LeftContent, {
|
92
86
|
className: classes.tabLeftContent
|
93
87
|
}, contentLeft), /*#__PURE__*/React.createElement(StyledContent, {
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
2
|
import { classes, tokens } from '../../../../tokens';
|
3
3
|
import { RightContent } from '../../TabItem.styles';
|
4
|
-
export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");margin-left:var(", ",var(", "));&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}
|
4
|
+
export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");margin-left:var(", ",var(", "));&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&.", "{transition:var(", ");}&.", "{color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");&::after{background:var(", ");}}", "{color:var(", ");&:hover{color:var(", ");}}&::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(", ");height:var(", ");border-radius:1px;}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemMarginLeftFilled, tokens.itemMarginLeft, tokens.itemColorHover, tokens.itemBackgroundColorHover, RightContent, tokens.additionalContentHoverColor, /*#__PURE__*/String(classes.tabItemAnimated), tokens.itemBackgroundTransition, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, tokens.itemSelectedDividerColorHover, RightContent, tokens.additionalContentSelectedColor, tokens.additionalContentSelectedHoverColor, tokens.itemSelectedDividerColor, tokens.itemSelectedDividerHeight);
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["id", "stretch", "disabled", "
|
1
|
+
var _excluded = ["id", "stretch", "disabled", "size", "view", "children", "pilled", "index", "className"];
|
2
2
|
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); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
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,7 +9,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
9
9
|
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; }
|
10
10
|
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; }
|
11
11
|
import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react';
|
12
|
-
import { safeUseId } from '@salutejs/plasma-core';
|
12
|
+
import { animatedScrollToX, safeUseId } from '@salutejs/plasma-core';
|
13
13
|
import { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
|
14
14
|
import { classes, tokens } from '../../tokens';
|
15
15
|
import { cx } from '../../../../utils';
|
@@ -34,13 +34,10 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
34
34
|
stretch = _props$stretch === void 0 ? false : _props$stretch,
|
35
35
|
_props$disabled = props.disabled,
|
36
36
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
37
|
-
_props$clip = props.clip,
|
38
|
-
clip = _props$clip === void 0 ? 'scroll' : _props$clip,
|
39
37
|
size = props.size,
|
40
38
|
view = props.view,
|
41
39
|
children = props.children,
|
42
|
-
|
43
|
-
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
40
|
+
pilled = props.pilled,
|
44
41
|
index = props.index,
|
45
42
|
className = props.className,
|
46
43
|
rest = _objectWithoutProperties(props, _excluded);
|
@@ -63,41 +60,14 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
63
60
|
var stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;
|
64
61
|
var hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;
|
65
62
|
var hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;
|
66
|
-
var clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;
|
67
|
-
var clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;
|
68
63
|
var scrollRef = useRef(null);
|
69
64
|
var trackRef = useRef(null);
|
70
|
-
var leftArrowRef = useRef(null);
|
71
65
|
var onPrev = useCallback(function () {
|
72
|
-
|
73
|
-
|
74
|
-
return;
|
75
|
-
}
|
76
|
-
var scrollLeft = Math.round(scrollRef.current.scrollLeft);
|
77
|
-
var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
|
78
|
-
if (!item.current || item.current.offsetLeft === undefined) {
|
79
|
-
return;
|
80
|
-
}
|
81
|
-
var tabStartX = item.current.offsetLeft;
|
82
|
-
return tabStartX < scrollLeft;
|
83
|
-
});
|
84
|
-
firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView();
|
85
|
-
}, [disabled, scrollRef, refs]);
|
66
|
+
!disabled && scrollRef.current && animatedScrollToX(scrollRef.current, scrollRef.current.scrollLeft - scrollRef.current.offsetWidth / 2);
|
67
|
+
}, [disabled, scrollRef]);
|
86
68
|
var onNext = useCallback(function () {
|
87
|
-
|
88
|
-
|
89
|
-
return;
|
90
|
-
}
|
91
|
-
var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
|
92
|
-
var lastOverflowingTab = refs.items.find(function (item) {
|
93
|
-
if (!item.current || item.current.offsetLeft === undefined) {
|
94
|
-
return;
|
95
|
-
}
|
96
|
-
var tabEndX = item.current.offsetLeft + item.current.offsetWidth;
|
97
|
-
return tabEndX > scrollRight;
|
98
|
-
});
|
99
|
-
lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView();
|
100
|
-
}, [disabled, scrollRef, refs]);
|
69
|
+
!disabled && scrollRef.current && animatedScrollToX(scrollRef.current, scrollRef.current.scrollLeft + scrollRef.current.offsetWidth / 2);
|
70
|
+
}, [disabled, scrollRef]);
|
101
71
|
var PreviousButton = useMemo(function () {
|
102
72
|
return /*#__PURE__*/React.createElement(StyledArrow, {
|
103
73
|
type: "button",
|
@@ -106,7 +76,6 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
106
76
|
tabIndex: disabled ? -1 : 0,
|
107
77
|
disabled: disabled,
|
108
78
|
isFilled: isFilled,
|
109
|
-
ref: leftArrowRef,
|
110
79
|
isLeftArrow: true
|
111
80
|
}, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
|
112
81
|
color: "var(".concat(tokens.arrowColor, ")")
|
@@ -127,9 +96,8 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
127
96
|
var handleScroll = useCallback(function (event) {
|
128
97
|
event.stopPropagation();
|
129
98
|
var maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;
|
130
|
-
|
131
|
-
|
132
|
-
setLastItemVisible(scrollLeft >= maxScrollLeft);
|
99
|
+
setFirstItemVisible(event.currentTarget.scrollLeft <= 0);
|
100
|
+
setLastItemVisible(event.currentTarget.scrollLeft >= maxScrollLeft);
|
133
101
|
}, [setFirstItemVisible, setLastItemVisible]);
|
134
102
|
var onKeyDown = useCallback(function (event) {
|
135
103
|
if (index === undefined) {
|
@@ -169,16 +137,6 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
169
137
|
var _scrollRef$current, _scrollRef$current2;
|
170
138
|
setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollWidth) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientWidth));
|
171
139
|
}, []);
|
172
|
-
|
173
|
-
// Этот хук компенсирует появление левой стрелки при прокрутке
|
174
|
-
useEffect(function () {
|
175
|
-
if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
|
176
|
-
return;
|
177
|
-
}
|
178
|
-
scrollRef.current.scrollTo({
|
179
|
-
left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
|
180
|
-
});
|
181
|
-
}, [firstItemVisible, scrollRef, leftArrowRef]);
|
182
140
|
return /*#__PURE__*/React.createElement(TabsContext.Provider, {
|
183
141
|
value: refs
|
184
142
|
}, /*#__PURE__*/React.createElement(Root, _extends({
|
@@ -192,7 +150,6 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
192
150
|
className: cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className),
|
193
151
|
onKeyDown: onKeyDown
|
194
152
|
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
|
195
|
-
className: cx(clipScrollClass, clipShowAllClass),
|
196
153
|
ref: scrollRef,
|
197
154
|
onScroll: handleScroll
|
198
155
|
}, /*#__PURE__*/React.createElement(StyledContent, {
|
@@ -3,14 +3,14 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
|
|
3
3
|
import { css } from 'styled-components';
|
4
4
|
import styled from 'styled-components';
|
5
5
|
import { addFocus } from '../../../../mixins';
|
6
|
-
import {
|
7
|
-
export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n
|
6
|
+
import { tokens } from '../../tokens';
|
7
|
+
export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n position: relative;\n"])));
|
8
8
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
9
9
|
componentId: "plasma-new-hope__sc-1ibkmsl-0"
|
10
10
|
})(["display:inline-flex;flex-direction:row;align-items:center;"]);
|
11
11
|
export var StyledContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-1ibkmsl-1"
|
13
|
-
})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center
|
13
|
+
})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;overflow:scroll;position:relative;height:100%;width:100%;display:flex;align-items:center;scrollbar-width:none;::-webkit-scrollbar{display:none;}overscroll-behavior:contain;"]);
|
14
14
|
export var StyledArrow = /*#__PURE__*/styled.button.withConfig({
|
15
15
|
componentId: "plasma-new-hope__sc-1ibkmsl-2"
|
16
16
|
})(["display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;", ";&[disabled]{cursor:not-allowed;}--plasma_private-outer-padding:", ";padding-right:", ";padding-left:", ";"], /*#__PURE__*/addFocus({
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
2
|
import { classes } from '../../../../tokens';
|
3
3
|
import { StyledContent, StyledContentWrapper } from '../../Tabs.styles';
|
4
|
-
export var base = /*#__PURE__*/css(["&.", "{width:100%;", ",", ",", " > button{width:100%;
|
4
|
+
export var base = /*#__PURE__*/css(["&.", "{width:100%;", ",", ",", " > button{width:100%;}}"], classes.tabsStretch, StyledContentWrapper, StyledContent, StyledContent);
|
@@ -1 +1 @@
|
|
1
|
-
["--plasma-tabs-
|
1
|
+
["--plasma-tabs-backgorund-color", "--plasma-tabs-divider-height", "--plasma-tabs-divider-color"]
|