@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/cssm/Component.js +40 -32
- package/accordion/cssm/components/default-control-icon/Component.js +21 -9
- package/accordion/cssm/components/default-control-icon/index.js +7 -5
- package/accordion/cssm/components/index.js +7 -5
- package/accordion/cssm/hooks/index.js +7 -3
- package/accordion/cssm/hooks/useRecalculateContentHeight.js +16 -14
- package/accordion/cssm/index.js +7 -10
- package/action-button/cssm/Component.js +50 -35
- package/action-button/cssm/hooks.js +12 -10
- package/action-button/cssm/index.js +7 -12
- package/action-button/cssm/shared/index.js +7 -2
- package/action-button/cssm/utils.js +5 -3
- package/alert/cssm/Component.js +18 -6
- package/alert/cssm/index.js +7 -5
- package/amount/cssm/component.js +35 -25
- package/amount/cssm/index.js +7 -10
- package/amount/cssm/pure/component.js +24 -15
- package/amount/cssm/pure/index.js +7 -5
- package/amount-input/cssm/Component.js +82 -69
- package/amount-input/cssm/index.js +7 -10
- package/amount-input/cssm/utils/index.js +13 -9
- package/attach/cssm/Component.js +60 -45
- package/attach/cssm/index.js +7 -12
- package/attach/cssm/utils/index.js +5 -3
- package/backdrop/cssm/Component.js +20 -10
- package/backdrop/cssm/index.js +7 -5
- package/badge/cssm/Component.js +32 -23
- package/badge/cssm/index.js +7 -4
- package/bank-card/cssm/Component.js +48 -38
- package/bank-card/cssm/enums.js +4 -4
- package/bank-card/cssm/helpers/getDefaultInputLabel.js +8 -6
- package/bank-card/cssm/index.js +7 -13
- package/bank-card/cssm/utils.js +7 -5
- package/base-modal/Component.js +2 -1
- package/base-modal/cssm/Component.js +119 -103
- package/base-modal/cssm/index.js +14 -15
- package/base-modal/cssm/matches-polyfill.js +2 -2
- package/base-modal/cssm/utils.js +28 -19
- package/base-modal/esm/Component.js +2 -1
- package/base-modal/esm/index.js +1 -0
- package/base-modal/modern/Component.js +2 -1
- package/base-modal/modern/index.js +1 -0
- package/bottom-sheet/cssm/component.js +178 -203
- package/bottom-sheet/cssm/components/footer/Component.js +22 -12
- package/bottom-sheet/cssm/components/header/Component.js +27 -16
- package/bottom-sheet/cssm/components/swipeable-backdrop/Component.js +17 -12
- package/bottom-sheet/cssm/consts/swipeConsts.js +5 -3
- package/bottom-sheet/cssm/enums/swipeEnums.js +4 -4
- package/bottom-sheet/cssm/index.js +10 -19
- package/bottom-sheet/cssm/shared/index.js +7 -2
- package/bottom-sheet/cssm/utils.js +27 -17
- package/button/cssm/Component.responsive.js +18 -25
- package/button/cssm/components/base-button/Component.js +75 -61
- package/button/cssm/components/base-button/index.js +8 -10
- package/button/cssm/desktop/Component.desktop.js +20 -18
- package/button/cssm/desktop/index.js +7 -14
- package/button/cssm/index.js +7 -20
- package/button/cssm/mobile/Component.mobile.js +20 -18
- package/button/cssm/mobile/index.js +7 -14
- package/button/cssm/shared/index.js +7 -2
- package/button/cssm/utils.js +5 -3
- package/calendar/cssm/Component.responsive.js +16 -84
- package/calendar/cssm/components/calendar-mobile/Component.js +132 -172
- package/calendar/cssm/components/calendar-mobile/index.js +9 -79
- package/calendar/cssm/components/days-table/Component.js +102 -104
- package/calendar/cssm/components/days-table/index.js +7 -35
- package/calendar/cssm/components/header/Component.js +20 -8
- package/calendar/cssm/components/header/index.js +7 -4
- package/calendar/cssm/components/month-year-header/Component.js +26 -42
- package/calendar/cssm/components/month-year-header/index.js +7 -32
- package/calendar/cssm/components/months-table/Component.js +26 -38
- package/calendar/cssm/components/months-table/index.js +7 -33
- package/calendar/cssm/components/period-slider/Component.js +51 -71
- package/calendar/cssm/components/period-slider/index.js +9 -43
- package/calendar/cssm/components/period-slider/utils.js +75 -66
- package/calendar/cssm/components/select-button/Component.js +18 -6
- package/calendar/cssm/components/select-button/index.js +7 -5
- package/calendar/cssm/components/years-table/Component.js +26 -15
- package/calendar/cssm/components/years-table/index.js +7 -9
- package/calendar/cssm/desktop/Component.desktop.js +105 -124
- package/calendar/cssm/desktop/index.js +7 -71
- package/calendar/cssm/index.js +7 -81
- package/calendar/cssm/mobile/index.js +9 -79
- package/calendar/cssm/shared/index.js +26 -51
- package/calendar/cssm/useCalendar.js +157 -155
- package/calendar/cssm/usePeriod.js +43 -34
- package/calendar/cssm/utils.js +143 -84
- package/calendar-input/cssm/Component.responsive.js +19 -25
- package/calendar-input/cssm/components/calendar-input/Component.js +77 -62
- package/calendar-input/cssm/components/calendar-input/index.js +7 -13
- package/calendar-input/cssm/desktop/Component.desktop.js +12 -16
- package/calendar-input/cssm/desktop/index.js +7 -15
- package/calendar-input/cssm/index.js +7 -19
- package/calendar-input/cssm/mobile/Component.mobile.js +12 -16
- package/calendar-input/cssm/mobile/index.js +7 -15
- package/calendar-input/cssm/shared/index.js +15 -6
- package/calendar-input/cssm/utils.js +43 -20
- package/calendar-range/cssm/Component.js +15 -27
- package/calendar-range/cssm/components/divider/Component.js +22 -12
- package/calendar-range/cssm/components/divider/index.js +7 -4
- package/calendar-range/cssm/hooks.js +77 -60
- package/calendar-range/cssm/index.js +7 -24
- package/calendar-range/cssm/utils.js +6 -2
- package/calendar-range/cssm/views/popover.js +73 -76
- package/calendar-range/cssm/views/static.js +105 -93
- package/calendar-with-skeleton/cssm/Component.js +33 -22
- package/calendar-with-skeleton/cssm/index.js +7 -7
- package/card-image/cssm/Component.js +37 -24
- package/card-image/cssm/index.js +10 -4
- package/cdn-icon/cssm/Component.js +29 -18
- package/cdn-icon/cssm/index.js +7 -4
- package/chart/cssm/Component.js +125 -128
- package/chart/cssm/components/CustomizedLabel.js +14 -8
- package/chart/cssm/components/Dot/index.js +29 -20
- package/chart/cssm/components/Legends/index.js +36 -26
- package/chart/cssm/components/LinearGradient.js +12 -3
- package/chart/cssm/components/RectBar.js +21 -23
- package/chart/cssm/components/Tick/index.js +19 -10
- package/chart/cssm/components/TooltipContent/index.js +27 -18
- package/chart/cssm/hooks/usePathBar/index.js +18 -16
- package/chart/cssm/hooks/usePathBar/utils/getRadius.js +5 -3
- package/chart/cssm/hooks/useSettings/index.js +33 -29
- package/chart/cssm/hooks/useSettings/utils/setComposedChartsMargin.js +16 -11
- package/chart/cssm/hooks/useSettings/utils/setDatas.js +24 -17
- package/chart/cssm/hooks/useSettings/utils/setGradientCharts.js +14 -22
- package/chart/cssm/hooks/useSettings/utils/setLegendMargin.js +7 -5
- package/chart/cssm/hooks/useSettings/utils/sortByIndex.js +11 -7
- package/chart/cssm/icons/Circle.js +13 -4
- package/chart/cssm/icons/CircleLine.js +14 -5
- package/chart/cssm/icons/FilledCircle.js +17 -8
- package/chart/cssm/icons/Point.js +14 -5
- package/chart/cssm/icons/StrokeCircle.js +13 -4
- package/chart/cssm/index.js +7 -30
- package/checkbox/cssm/Component.js +43 -31
- package/checkbox/cssm/index.js +7 -8
- package/checkbox-group/cssm/Component.responsive.js +18 -15
- package/checkbox-group/cssm/components/base-checkbox-group/Component.js +37 -31
- package/checkbox-group/cssm/components/base-checkbox-group/index.js +7 -4
- package/checkbox-group/cssm/desktop/Component.desktop.js +13 -7
- package/checkbox-group/cssm/desktop/index.js +7 -6
- package/checkbox-group/cssm/index.js +7 -10
- package/checkbox-group/cssm/mobile/Component.mobile.js +13 -7
- package/checkbox-group/cssm/mobile/index.js +7 -6
- package/circular-progress-bar/cssm/Component.js +72 -65
- package/circular-progress-bar/cssm/consts.js +14 -7
- package/circular-progress-bar/cssm/index.js +7 -6
- package/code-input/cssm/Component.responsive.js +18 -17
- package/code-input/cssm/components/base-code-input/component.js +79 -63
- package/code-input/cssm/components/base-code-input/index.js +7 -6
- package/code-input/cssm/components/index.js +7 -4
- package/code-input/cssm/components/input/component.js +29 -19
- package/code-input/cssm/components/input/index.js +7 -4
- package/code-input/cssm/desktop/Component.desktop.js +13 -9
- package/code-input/cssm/desktop/index.js +7 -8
- package/code-input/cssm/index.js +7 -12
- package/code-input/cssm/mobile/Component.mobile.js +13 -9
- package/code-input/cssm/mobile/index.js +7 -8
- package/collapse/cssm/Component.js +46 -35
- package/collapse/cssm/index.js +7 -9
- package/comment/cssm/Component.js +19 -10
- package/comment/cssm/index.js +7 -5
- package/confirmation/cssm/component.responsive.js +16 -36
- package/confirmation/cssm/components/base-confirmation/component.js +60 -66
- package/confirmation/cssm/components/base-confirmation/index.js +7 -28
- package/confirmation/cssm/components/countdown-loader/component.js +22 -14
- package/confirmation/cssm/components/countdown-loader/index.js +7 -3
- package/confirmation/cssm/components/header/component.js +18 -6
- package/confirmation/cssm/components/header/index.js +7 -5
- package/confirmation/cssm/components/index.js +15 -25
- package/confirmation/cssm/components/screens/fatal-error/component.js +24 -16
- package/confirmation/cssm/components/screens/fatal-error/index.js +7 -10
- package/confirmation/cssm/components/screens/hint/component.js +34 -26
- package/confirmation/cssm/components/screens/hint/index.js +7 -11
- package/confirmation/cssm/components/screens/index.js +13 -25
- package/confirmation/cssm/components/screens/initial/component.js +54 -48
- package/confirmation/cssm/components/screens/initial/countdown-section.js +36 -23
- package/confirmation/cssm/components/screens/initial/index.js +7 -17
- package/confirmation/cssm/components/screens/temp-block/component.js +30 -22
- package/confirmation/cssm/components/screens/temp-block/index.js +7 -11
- package/confirmation/cssm/context.js +10 -8
- package/confirmation/cssm/desktop/component.desktop.js +11 -30
- package/confirmation/cssm/desktop/index.js +10 -29
- package/confirmation/cssm/index.js +10 -33
- package/confirmation/cssm/mobile/component.mobile.js +18 -31
- package/confirmation/cssm/mobile/index.js +10 -30
- package/confirmation/cssm/shared/index.js +23 -26
- package/confirmation/cssm/types.js +4 -2
- package/confirmation/cssm/utils.js +44 -36
- package/confirmation-v1/cssm/component.js +55 -55
- package/confirmation-v1/cssm/components/code-input/component.js +54 -40
- package/confirmation-v1/cssm/components/code-input/index.js +7 -6
- package/confirmation-v1/cssm/components/code-input/utils.js +8 -5
- package/confirmation-v1/cssm/components/countdown/component.js +63 -50
- package/confirmation-v1/cssm/components/countdown/index.js +8 -9
- package/confirmation-v1/cssm/components/countdown-loader/component.js +22 -14
- package/confirmation-v1/cssm/components/countdown-loader/index.js +7 -3
- package/confirmation-v1/cssm/components/index.js +14 -19
- package/confirmation-v1/cssm/components/overlimit/component.js +37 -34
- package/confirmation-v1/cssm/components/overlimit/index.js +7 -12
- package/confirmation-v1/cssm/components/sign-confirmation/component.js +39 -37
- package/confirmation-v1/cssm/components/sign-confirmation/index.js +7 -16
- package/confirmation-v1/cssm/index.js +17 -21
- package/custom-button/cssm/Component.js +24 -16
- package/custom-button/cssm/index.js +7 -5
- package/custom-picker-button/cssm/Component.responsive.js +17 -16
- package/custom-picker-button/cssm/desktop/Component.desktop.js +22 -16
- package/custom-picker-button/cssm/desktop/index.js +7 -8
- package/custom-picker-button/cssm/field/Component.js +27 -19
- package/custom-picker-button/cssm/field/index.js +7 -6
- package/custom-picker-button/cssm/index.js +7 -12
- package/custom-picker-button/cssm/mobile/Component.mobile.js +21 -15
- package/custom-picker-button/cssm/mobile/index.js +7 -8
- package/date-input/cssm/Component.js +43 -35
- package/date-input/cssm/index.js +18 -10
- package/date-input/cssm/utils/format.js +53 -28
- package/date-input/cssm/utils/index.js +16 -5
- package/date-input/cssm/utils/native-supports.js +5 -3
- package/date-range-input/cssm/Component.responsive.js +19 -27
- package/date-range-input/cssm/components/date-range-input/Component.js +113 -97
- package/date-range-input/cssm/components/date-range-input/index.js +7 -14
- package/date-range-input/cssm/desktop/Component.desktop.js +13 -18
- package/date-range-input/cssm/desktop/index.js +7 -17
- package/date-range-input/cssm/index.js +7 -21
- package/date-range-input/cssm/mobile/Component.mobile.js +13 -18
- package/date-range-input/cssm/mobile/index.js +7 -17
- package/date-range-input/cssm/utils/format.js +69 -49
- package/date-range-input/cssm/utils/index.js +13 -3
- package/date-time-input/cssm/Component.responsive.js +19 -26
- package/date-time-input/cssm/components/date-time-input/Component.js +81 -68
- package/date-time-input/cssm/components/date-time-input/index.js +7 -13
- package/date-time-input/cssm/desktop/Component.desktop.js +13 -17
- package/date-time-input/cssm/desktop/index.js +7 -16
- package/date-time-input/cssm/index.js +7 -20
- package/date-time-input/cssm/mobile/Component.mobile.js +13 -17
- package/date-time-input/cssm/mobile/index.js +7 -16
- package/date-time-input/cssm/utils/format.js +97 -74
- package/date-time-input/cssm/utils/index.js +18 -3
- package/divider/cssm/Component.js +16 -5
- package/divider/cssm/index.js +7 -4
- package/drawer/cssm/Component.js +63 -53
- package/drawer/cssm/index.js +9 -6
- package/dropzone/cssm/Component.js +36 -28
- package/dropzone/cssm/components/index.js +7 -5
- package/dropzone/cssm/components/overlay/Component.js +24 -12
- package/dropzone/cssm/components/overlay/index.js +7 -5
- package/dropzone/cssm/index.js +7 -8
- package/dropzone/cssm/utils.js +4 -2
- package/file-upload-item/cssm/Component.js +51 -46
- package/file-upload-item/cssm/index.js +7 -18
- package/file-upload-item/cssm/utils.js +21 -17
- package/filter-tag/cssm/Component.responsive.js +18 -20
- package/filter-tag/cssm/components/base-filter-tag/Component.js +50 -38
- package/filter-tag/cssm/components/base-filter-tag/index.js +7 -9
- package/filter-tag/cssm/desktop/Component.desktop.js +15 -14
- package/filter-tag/cssm/desktop/index.js +7 -11
- package/filter-tag/cssm/index.js +7 -15
- package/filter-tag/cssm/mobile/Component.mobile.js +15 -14
- package/filter-tag/cssm/mobile/index.js +7 -11
- package/form-control/cssm/Component.responsive.js +18 -22
- package/form-control/cssm/components/base-form-control/Component.js +54 -41
- package/form-control/cssm/components/base-form-control/index.js +7 -7
- package/form-control/cssm/desktop/Component.desktop.js +20 -15
- package/form-control/cssm/desktop/index.js +7 -11
- package/form-control/cssm/index.js +7 -17
- package/form-control/cssm/mobile/Component.mobile.js +20 -15
- package/form-control/cssm/mobile/index.js +7 -11
- package/form-control/cssm/shared/index.js +7 -2
- package/form-control/cssm/utils.js +9 -7
- package/gallery/components/header/Component.js +1 -1
- package/gallery/components/header/buttons.js +1 -1
- package/gallery/components/image-viewer/component.js +1 -1
- package/gallery/components/image-viewer/slide.js +1 -1
- package/gallery/cssm/Component.js +70 -88
- package/gallery/cssm/components/header/Component.js +38 -37
- package/gallery/cssm/components/header/buttons.js +33 -16
- package/gallery/cssm/components/header/index.js +7 -17
- package/gallery/cssm/components/header-info-block/Component.js +21 -13
- package/gallery/cssm/components/header-info-block/index.js +7 -5
- package/gallery/cssm/components/image-preview/Component.js +49 -48
- package/gallery/cssm/components/image-preview/index.js +7 -31
- package/gallery/cssm/components/image-preview/paths.js +4 -2
- package/gallery/cssm/components/image-viewer/component.js +100 -82
- package/gallery/cssm/components/image-viewer/index.js +7 -17
- package/gallery/cssm/components/image-viewer/paths.js +4 -2
- package/gallery/cssm/components/image-viewer/slide.js +43 -31
- package/gallery/cssm/components/index.js +13 -36
- package/gallery/cssm/components/navigation-bar/Component.js +33 -51
- package/gallery/cssm/components/navigation-bar/index.js +7 -32
- package/gallery/cssm/context.js +6 -4
- package/gallery/cssm/index.js +17 -37
- package/gallery/cssm/utils/constants.js +4 -2
- package/gallery/cssm/utils/index.js +15 -3
- package/gallery/cssm/utils/split-filename.js +8 -6
- package/gallery/cssm/utils/utils.js +18 -6
- package/gallery/esm/Component.js +2 -2
- package/gallery/esm/components/header/Component.js +1 -1
- package/gallery/esm/components/header/buttons.js +1 -1
- package/gallery/esm/components/header/index.js +1 -1
- package/gallery/esm/components/image-preview/Component.js +1 -1
- package/gallery/esm/components/image-preview/index.js +1 -1
- package/gallery/esm/components/image-viewer/component.js +1 -1
- package/gallery/esm/components/image-viewer/index.js +1 -1
- package/gallery/esm/components/image-viewer/slide.js +1 -1
- package/gallery/esm/components/index.js +2 -2
- package/gallery/esm/components/navigation-bar/Component.js +1 -1
- package/gallery/esm/components/navigation-bar/index.js +1 -1
- package/gallery/esm/index.js +2 -2
- package/gallery/modern/Component.js +2 -2
- package/gallery/modern/components/header/Component.js +1 -1
- package/gallery/modern/components/header/buttons.js +1 -1
- package/gallery/modern/components/header/index.js +1 -1
- package/gallery/modern/components/image-preview/Component.js +1 -1
- package/gallery/modern/components/image-preview/index.js +1 -1
- package/gallery/modern/components/image-viewer/component.js +1 -1
- package/gallery/modern/components/image-viewer/index.js +1 -1
- package/gallery/modern/components/image-viewer/slide.js +1 -1
- package/gallery/modern/components/index.js +2 -2
- package/gallery/modern/components/navigation-bar/Component.js +1 -1
- package/gallery/modern/components/navigation-bar/index.js +1 -1
- package/gallery/modern/index.js +2 -2
- package/gap/cssm/Component.js +17 -6
- package/gap/cssm/index.js +7 -4
- package/generic-wrapper/cssm/Component.js +26 -16
- package/generic-wrapper/cssm/index.js +7 -4
- package/global-store/cssm/GlobalStore.js +11 -7
- package/global-store/cssm/ModalStore.js +9 -5
- package/global-store/cssm/index.js +7 -6
- package/grid/cssm/Component.js +8 -12
- package/grid/cssm/col/Component.js +23 -10
- package/grid/cssm/col/index.js +7 -6
- package/grid/cssm/index.js +7 -9
- package/grid/cssm/row/Component.js +30 -16
- package/grid/cssm/row/index.js +7 -6
- package/grid/cssm/utils/index.js +14 -12
- package/hatching-progress-bar/cssm/Component.js +18 -7
- package/hatching-progress-bar/cssm/index.js +7 -4
- package/icon-button/cssm/Component.js +30 -15
- package/icon-button/cssm/index.js +7 -7
- package/icon-view/cssm/circle/index.js +7 -8
- package/icon-view/cssm/components/base-shape/component.js +62 -53
- package/icon-view/cssm/components/base-shape/index.js +7 -6
- package/icon-view/cssm/components/base-shape/utils.js +5 -2
- package/icon-view/cssm/components/circle/component.js +12 -9
- package/icon-view/cssm/components/circle/index.js +7 -8
- package/icon-view/cssm/components/circle/paths.js +7 -4
- package/icon-view/cssm/components/index.js +15 -14
- package/icon-view/cssm/components/no-shape/component.js +12 -9
- package/icon-view/cssm/components/no-shape/index.js +7 -8
- package/icon-view/cssm/components/no-shape/paths.js +6 -3
- package/icon-view/cssm/components/rectangle/component.js +16 -10
- package/icon-view/cssm/components/rectangle/index.js +7 -8
- package/icon-view/cssm/components/rectangle/paths.js +8 -4
- package/icon-view/cssm/components/super-ellipse/component.js +12 -9
- package/icon-view/cssm/components/super-ellipse/index.js +7 -8
- package/icon-view/cssm/components/super-ellipse/paths.js +8 -4
- package/icon-view/cssm/no-shape/index.js +7 -8
- package/icon-view/cssm/rectangle/index.js +7 -8
- package/icon-view/cssm/super-ellipse/index.js +7 -8
- package/indicator/cssm/Component.js +64 -17
- package/indicator/cssm/index.js +8 -4
- package/input/cssm/Component.responsive.js +18 -29
- package/input/cssm/components/base-input/Component.js +65 -56
- package/input/cssm/components/base-input/index.js +7 -18
- package/input/cssm/components/clear-button/Component.js +27 -14
- package/input/cssm/components/clear-button/index.js +7 -8
- package/input/cssm/desktop/Component.desktop.js +12 -21
- package/input/cssm/desktop/index.js +7 -20
- package/input/cssm/index.js +7 -24
- package/input/cssm/mobile/Component.mobile.js +12 -21
- package/input/cssm/mobile/index.js +7 -20
- package/input/cssm/shared/index.js +9 -10
- package/input/cssm/utils.js +10 -8
- package/input-autocomplete/cssm/Component.responsive.js +17 -27
- package/input-autocomplete/cssm/autocomplete-field/Component.js +32 -18
- package/input-autocomplete/cssm/autocomplete-field/index.js +7 -7
- package/input-autocomplete/cssm/autocomplete-mobile-field/Component.js +38 -27
- package/input-autocomplete/cssm/autocomplete-mobile-field/index.js +7 -8
- package/input-autocomplete/cssm/desktop/Component.desktop.js +16 -19
- package/input-autocomplete/cssm/desktop/index.js +7 -10
- package/input-autocomplete/cssm/enums.js +4 -4
- package/input-autocomplete/cssm/index.js +7 -24
- package/input-autocomplete/cssm/mobile/Component.mobile.js +69 -75
- package/input-autocomplete/cssm/mobile/Component.modal.mobile.js +11 -18
- package/input-autocomplete/cssm/mobile/index.js +9 -17
- package/input-autocomplete/cssm/shared/index.js +8 -2
- package/input-autocomplete/cssm/utils.js +38 -34
- package/international-phone-input/Component.responsive.d.ts +4 -4
- package/international-phone-input/components/base-international-phone-input/Component.d.ts +2 -2
- package/international-phone-input/cssm/Component.responsive.js +16 -34
- package/international-phone-input/cssm/components/base-international-phone-input/Component.js +73 -82
- package/international-phone-input/cssm/components/base-international-phone-input/index.js +7 -21
- package/international-phone-input/cssm/components/country-select/Component.js +46 -40
- package/international-phone-input/cssm/components/country-select/index.js +7 -14
- package/international-phone-input/cssm/components/flag-icon/component.js +19 -8
- package/international-phone-input/cssm/components/flag-icon/flagSprite.js +4 -2
- package/international-phone-input/cssm/components/flag-icon/index.js +7 -5
- package/international-phone-input/cssm/components/select-field/component.js +33 -22
- package/international-phone-input/cssm/components/select-field/index.js +8 -10
- package/international-phone-input/cssm/consts.js +4 -2
- package/international-phone-input/cssm/data/country-data.js +4 -2
- package/international-phone-input/cssm/desktop/Component.desktop.js +17 -26
- package/international-phone-input/cssm/desktop/index.js +7 -25
- package/international-phone-input/cssm/index-7ca84eff.d.ts +15 -0
- package/international-phone-input/cssm/index.js +7 -31
- package/international-phone-input/cssm/mobile/Component.mobile.js +17 -26
- package/international-phone-input/cssm/mobile/index.js +7 -25
- package/international-phone-input/cssm/shared/index.js +8 -5
- package/international-phone-input/cssm/utils/index.js +143 -125
- package/international-phone-input/data/country-data.d.ts +9 -1
- package/international-phone-input/data/country-data.js +0 -19
- package/international-phone-input/esm/index-7ca84eff.d.ts +15 -0
- package/international-phone-input/index-7ca84eff.d.ts +15 -0
- package/international-phone-input/modern/index-7ca84eff.d.ts +15 -0
- package/international-phone-input/typings-57569e57.d.ts +2 -2
- package/intl-phone-input/cssm/component.js +148 -134
- package/intl-phone-input/cssm/components/flag-icon/component.js +19 -8
- package/intl-phone-input/cssm/components/flag-icon/flagSprite.js +4 -2
- package/intl-phone-input/cssm/components/flag-icon/index.js +7 -5
- package/intl-phone-input/cssm/components/index.js +12 -14
- package/intl-phone-input/cssm/components/select/component.js +37 -31
- package/intl-phone-input/cssm/components/select/index.js +7 -14
- package/intl-phone-input/cssm/components/select-field/component.js +33 -21
- package/intl-phone-input/cssm/components/select-field/index.js +8 -10
- package/intl-phone-input/cssm/index.js +7 -22
- package/intl-phone-input/cssm/useCaretAvoidCountryCode.js +15 -12
- package/intl-phone-input/cssm/utils/calculateCaretPos.js +6 -4
- package/intl-phone-input/cssm/utils/format-phone-with-unclearable-country-code.js +8 -6
- package/intl-phone-input/cssm/utils/preparePasteData.js +21 -19
- package/keyboard-focusable/cssm/Component.js +9 -6
- package/keyboard-focusable/cssm/index.js +7 -3
- package/link/cssm/Component.js +40 -33
- package/link/cssm/index.js +7 -8
- package/list/cssm/Component-7cc47e0b.js +62 -0
- package/list/cssm/Component.js +13 -7
- package/list/cssm/components/item/Component.js +11 -7
- package/list/cssm/components/item/index.d.ts +1 -1
- package/list/cssm/components/item/index.js +7 -7
- package/list/cssm/index.js +10 -8
- package/list/cssm/presets.js +4 -2
- package/list/cssm/utils.js +11 -4
- package/list-header/cssm/Component.js +20 -8
- package/list-header/cssm/index.js +7 -5
- package/loader/cssm/Component.js +19 -8
- package/loader/cssm/index.js +7 -4
- package/markdown/cssm/Component.desktop.js +14 -14
- package/markdown/cssm/Component.js +21 -15
- package/markdown/cssm/Component.mobile.js +14 -14
- package/markdown/cssm/Component.responsive.js +18 -20
- package/markdown/cssm/desktop/index.js +7 -13
- package/markdown/cssm/hooks/use-overrides.js +35 -25
- package/markdown/cssm/index.js +7 -15
- package/markdown/cssm/mobile/index.js +7 -13
- package/markdown/cssm/remark-plugins/index.js +7 -3
- package/markdown/cssm/remark-plugins/strikethrough.js +16 -10
- package/masked-input/cssm/Component.js +37 -23
- package/masked-input/cssm/index.js +8 -7
- package/modal/cssm/Component.js +45 -41
- package/modal/cssm/Component.responsive.js +24 -38
- package/modal/cssm/Context.js +5 -3
- package/modal/cssm/ResponsiveContext.js +9 -3
- package/modal/cssm/components/content/Component.js +31 -20
- package/modal/cssm/components/controls/Component.js +23 -13
- package/modal/cssm/components/controls/index.js +7 -7
- package/modal/cssm/components/footer/Component.js +37 -25
- package/modal/cssm/components/header/Component.js +49 -33
- package/modal/cssm/consts.js +4 -2
- package/modal/cssm/desktop/Component.desktop.js +20 -35
- package/modal/cssm/desktop/index.js +7 -29
- package/modal/cssm/index.js +7 -30
- package/modal/cssm/mobile/Component.mobile.js +20 -35
- package/modal/cssm/mobile/index.js +7 -29
- package/modal/cssm/shared/index.js +9 -4
- package/modal/cssm/utils.js +11 -9
- package/mq/cssm/Component.js +19 -13
- package/mq/cssm/index.js +9 -5
- package/mq/cssm/useMatchMedia.js +14 -11
- package/mq/cssm/utils.js +11 -6
- package/navigation-bar/cssm/Component.js +113 -118
- package/navigation-bar/cssm/components/back-arrow-addon/Component.js +29 -18
- package/navigation-bar/cssm/components/back-arrow-addon/index.js +7 -8
- package/navigation-bar/cssm/components/closer/Component.js +25 -14
- package/navigation-bar/cssm/components/closer/index.js +7 -7
- package/navigation-bar/cssm/index.js +7 -18
- package/navigation-bar/cssm/shared/index.js +9 -13
- package/notification/Component.js +2 -1
- package/notification/cssm/Component.js +58 -45
- package/notification/cssm/index.js +7 -11
- package/notification/cssm/utils/index.js +11 -5
- package/notification/esm/Component.js +2 -1
- package/notification/esm/index.js +1 -0
- package/notification/modern/Component.js +2 -1
- package/notification/modern/index.js +1 -0
- package/notification-manager/component.js +2 -1
- package/notification-manager/cssm/component.js +34 -22
- package/notification-manager/cssm/components/index.js +7 -3
- package/notification-manager/cssm/components/notification/component.js +17 -17
- package/notification-manager/cssm/components/notification/index.js +7 -3
- package/notification-manager/cssm/index.js +7 -8
- package/notification-manager/esm/component.js +2 -1
- package/notification-manager/esm/index.js +1 -0
- package/notification-manager/modern/component.js +2 -1
- package/notification-manager/modern/index.js +1 -0
- package/number-input/cssm/Component.responsive.js +16 -24
- package/number-input/cssm/components/number-input/Component.js +85 -74
- package/number-input/cssm/components/number-input/index.js +7 -18
- package/number-input/cssm/components/steppers/Component.js +31 -20
- package/number-input/cssm/components/steppers/index.js +7 -10
- package/number-input/cssm/desktop/Component.desktop.js +12 -21
- package/number-input/cssm/desktop/index.js +7 -20
- package/number-input/cssm/index.js +7 -21
- package/number-input/cssm/mobile/Component.mobile.js +12 -21
- package/number-input/cssm/mobile/index.js +7 -20
- package/number-input/cssm/shared/index.js +7 -3
- package/number-input/cssm/utils.js +121 -96
- package/package.json +2 -1
- package/pagination/cssm/Component.js +30 -25
- package/pagination/cssm/components/default-view/index.js +30 -25
- package/pagination/cssm/components/per-page-view/index.js +18 -8
- package/pagination/cssm/components/tag/index.js +19 -6
- package/pagination/cssm/index.js +7 -13
- package/pass-code/cssm/Component.js +31 -30
- package/pass-code/cssm/components/InputProgress/Component.js +35 -18
- package/pass-code/cssm/components/InputProgress/index.js +7 -7
- package/pass-code/cssm/components/KeyPad/Component.js +34 -27
- package/pass-code/cssm/components/KeyPad/index.js +7 -9
- package/pass-code/cssm/components/KeyPadButton/Component.js +18 -9
- package/pass-code/cssm/components/KeyPadButton/index.js +7 -5
- package/pass-code/cssm/index.js +9 -16
- package/pass-code/cssm/shared/index.js +7 -2
- package/pass-code/cssm/utils.js +11 -9
- package/password-input/cssm/component.js +27 -17
- package/password-input/cssm/index.js +7 -8
- package/pattern-lock/cssm/Component.responsive.js +18 -20
- package/pattern-lock/cssm/components/base-pattern-lock/Component.js +53 -40
- package/pattern-lock/cssm/components/base-pattern-lock/index.js +7 -9
- package/pattern-lock/cssm/consts.js +10 -5
- package/pattern-lock/cssm/desktop/Component.desktop.js +15 -14
- package/pattern-lock/cssm/desktop/index.js +7 -11
- package/pattern-lock/cssm/hooks/use-pattern-lock-cleanup.js +7 -5
- package/pattern-lock/cssm/index.js +9 -15
- package/pattern-lock/cssm/mobile/Component.mobile.js +15 -14
- package/pattern-lock/cssm/mobile/index.js +7 -11
- package/pattern-lock/cssm/shared/index.js +9 -5
- package/pattern-lock/cssm/utils.js +39 -43
- package/phone-input/cssm/Component.js +38 -30
- package/phone-input/cssm/index.js +7 -6
- package/phone-input/cssm/utils/index.js +19 -10
- package/picker-button/cssm/Component.responsive.js +19 -26
- package/picker-button/cssm/desktop/Component.desktop.js +31 -31
- package/picker-button/cssm/desktop/index.js +7 -16
- package/picker-button/cssm/field/Component.js +31 -27
- package/picker-button/cssm/field/index.js +7 -10
- package/picker-button/cssm/index-bdb4c6b9.d.ts +1 -13
- package/picker-button/cssm/index.js +7 -20
- package/picker-button/cssm/mobile/Component.mobile.js +23 -31
- package/picker-button/cssm/mobile/index.js +7 -15
- package/picker-button/cssm/option/Component.js +21 -12
- package/picker-button/cssm/option/index.js +7 -4
- package/picker-button/cssm/shared/index.js +7 -5
- package/picker-button/cssm/utils/index.js +10 -8
- package/picker-button/esm/index-bdb4c6b9.d.ts +1 -13
- package/picker-button/index-bdb4c6b9.d.ts +1 -13
- package/picker-button/modern/index-bdb4c6b9.d.ts +1 -13
- package/plate/cssm/Component.responsive.js +18 -21
- package/plate/cssm/components/base-plate/Component.js +78 -67
- package/plate/cssm/components/base-plate/index.js +7 -10
- package/plate/cssm/components/button-list/component.js +25 -15
- package/plate/cssm/desktop/Component.desktop.js +15 -15
- package/plate/cssm/desktop/index.js +7 -12
- package/plate/cssm/index.js +7 -16
- package/plate/cssm/mobile/Component.mobile.js +15 -15
- package/plate/cssm/mobile/index.js +7 -12
- package/popover/Component.js +2 -1
- package/popover/cssm/Component.js +79 -64
- package/popover/cssm/index.js +7 -12
- package/popover/esm/Component.js +2 -1
- package/popover/esm/index.js +1 -0
- package/popover/modern/Component.js +2 -1
- package/popover/modern/index.js +1 -0
- package/popup-sheet/cssm/Component.js +74 -74
- package/popup-sheet/cssm/components/backdrop/Component.js +19 -13
- package/popup-sheet/cssm/components/backdrop/index.js +7 -4
- package/popup-sheet/cssm/index.js +7 -11
- package/popup-sheet/cssm/shared/index.js +7 -2
- package/popup-sheet/cssm/utils.js +5 -3
- package/portal/cssm/Component.js +18 -13
- package/portal/cssm/index.js +7 -4
- package/portal/cssm/utils.js +10 -4
- package/progress-bar/cssm/Component.js +19 -9
- package/progress-bar/cssm/index.js +8 -4
- package/pure-cell/component.js +1 -1
- package/pure-cell/components/addon/component.js +1 -1
- package/pure-cell/components/addon/index.d.ts +1 -1
- package/pure-cell/components/addon/index.js +1 -1
- package/pure-cell/components/amount/component.js +1 -1
- package/pure-cell/components/amount/index.d.ts +1 -1
- package/pure-cell/components/amount/index.js +1 -1
- package/pure-cell/components/amount-title/component.js +1 -1
- package/pure-cell/components/amount-title/index.d.ts +1 -1
- package/pure-cell/components/amount-title/index.js +1 -1
- package/pure-cell/components/category/component.js +1 -1
- package/pure-cell/components/category/index.d.ts +1 -1
- package/pure-cell/components/category/index.js +1 -1
- package/pure-cell/components/content/component.js +1 -1
- package/pure-cell/components/content/index.d.ts +1 -1
- package/pure-cell/components/content/index.js +1 -1
- package/pure-cell/components/footer/component.js +1 -1
- package/pure-cell/components/footer/index.d.ts +1 -1
- package/pure-cell/components/footer/index.js +1 -1
- package/pure-cell/components/footer-button/component.js +1 -1
- package/pure-cell/components/footer-button/index.d.ts +1 -1
- package/pure-cell/components/footer-button/index.js +1 -1
- package/pure-cell/components/footer-text/component.js +1 -1
- package/pure-cell/components/footer-text/index.d.ts +1 -1
- package/pure-cell/components/footer-text/index.js +1 -1
- package/pure-cell/components/graphics/component.js +1 -1
- package/pure-cell/components/graphics/index.d.ts +1 -1
- package/pure-cell/components/graphics/index.js +1 -1
- package/pure-cell/components/main/component.js +1 -1
- package/pure-cell/components/main/index.d.ts +1 -1
- package/pure-cell/components/main/index.js +1 -1
- package/pure-cell/components/text/component.js +1 -1
- package/pure-cell/components/text/index.d.ts +1 -1
- package/pure-cell/components/text/index.js +1 -1
- package/pure-cell/cssm/component-e3105fca.js +299 -0
- package/pure-cell/cssm/component.js +15 -21
- package/pure-cell/cssm/components/addon/component.js +12 -21
- package/pure-cell/cssm/components/addon/index.d.ts +1 -1
- package/pure-cell/cssm/components/addon/index.js +7 -21
- package/pure-cell/cssm/components/amount/component.js +14 -21
- package/pure-cell/cssm/components/amount/index.d.ts +1 -1
- package/pure-cell/cssm/components/amount/index.js +7 -21
- package/pure-cell/cssm/components/amount-title/component.js +14 -21
- package/pure-cell/cssm/components/amount-title/index.d.ts +1 -1
- package/pure-cell/cssm/components/amount-title/index.js +7 -21
- package/pure-cell/cssm/components/category/component.js +11 -21
- package/pure-cell/cssm/components/category/index.d.ts +1 -1
- package/pure-cell/cssm/components/category/index.js +7 -21
- package/pure-cell/cssm/components/content/component.js +11 -21
- package/pure-cell/cssm/components/content/index.d.ts +1 -1
- package/pure-cell/cssm/components/content/index.js +7 -21
- package/pure-cell/cssm/components/footer/component.js +11 -21
- package/pure-cell/cssm/components/footer/index.d.ts +1 -1
- package/pure-cell/cssm/components/footer/index.js +7 -21
- package/pure-cell/cssm/components/footer-button/component.js +12 -21
- package/pure-cell/cssm/components/footer-button/index.d.ts +1 -1
- package/pure-cell/cssm/components/footer-button/index.js +7 -21
- package/pure-cell/cssm/components/footer-text/component.js +10 -21
- package/pure-cell/cssm/components/footer-text/index.d.ts +1 -1
- package/pure-cell/cssm/components/footer-text/index.js +7 -21
- package/pure-cell/cssm/components/graphics/component.js +12 -21
- package/pure-cell/cssm/components/graphics/index.d.ts +1 -1
- package/pure-cell/cssm/components/graphics/index.js +7 -21
- package/pure-cell/cssm/components/main/component.js +12 -21
- package/pure-cell/cssm/components/main/index.d.ts +1 -1
- package/pure-cell/cssm/components/main/index.js +7 -21
- package/pure-cell/cssm/components/text/component.js +12 -21
- package/pure-cell/cssm/components/text/index.d.ts +1 -1
- package/pure-cell/cssm/components/text/index.js +7 -21
- package/pure-cell/cssm/index.js +7 -21
- package/pure-cell/cssm/shared/index.js +7 -2
- package/pure-cell/cssm/utils.js +20 -18
- package/pure-cell/esm/component.js +1 -1
- package/pure-cell/esm/components/addon/component.js +1 -1
- package/pure-cell/esm/components/addon/index.d.ts +1 -1
- package/pure-cell/esm/components/addon/index.js +1 -1
- package/pure-cell/esm/components/amount/component.js +1 -1
- package/pure-cell/esm/components/amount/index.d.ts +1 -1
- package/pure-cell/esm/components/amount/index.js +1 -1
- package/pure-cell/esm/components/amount-title/component.js +1 -1
- package/pure-cell/esm/components/amount-title/index.d.ts +1 -1
- package/pure-cell/esm/components/amount-title/index.js +1 -1
- package/pure-cell/esm/components/category/component.js +1 -1
- package/pure-cell/esm/components/category/index.d.ts +1 -1
- package/pure-cell/esm/components/category/index.js +1 -1
- package/pure-cell/esm/components/content/component.js +1 -1
- package/pure-cell/esm/components/content/index.d.ts +1 -1
- package/pure-cell/esm/components/content/index.js +1 -1
- package/pure-cell/esm/components/footer/component.js +1 -1
- package/pure-cell/esm/components/footer/index.d.ts +1 -1
- package/pure-cell/esm/components/footer/index.js +1 -1
- package/pure-cell/esm/components/footer-button/component.js +1 -1
- package/pure-cell/esm/components/footer-button/index.d.ts +1 -1
- package/pure-cell/esm/components/footer-button/index.js +1 -1
- package/pure-cell/esm/components/footer-text/component.js +1 -1
- package/pure-cell/esm/components/footer-text/index.d.ts +1 -1
- package/pure-cell/esm/components/footer-text/index.js +1 -1
- package/pure-cell/esm/components/graphics/component.js +1 -1
- package/pure-cell/esm/components/graphics/index.d.ts +1 -1
- package/pure-cell/esm/components/graphics/index.js +1 -1
- package/pure-cell/esm/components/main/component.js +1 -1
- package/pure-cell/esm/components/main/index.d.ts +1 -1
- package/pure-cell/esm/components/main/index.js +1 -1
- package/pure-cell/esm/components/text/component.js +1 -1
- package/pure-cell/esm/components/text/index.d.ts +1 -1
- package/pure-cell/esm/components/text/index.js +1 -1
- package/pure-cell/esm/index.js +1 -1
- package/pure-cell/index.js +1 -1
- package/pure-cell/modern/component.js +1 -1
- package/pure-cell/modern/components/addon/component.js +1 -1
- package/pure-cell/modern/components/addon/index.d.ts +1 -1
- package/pure-cell/modern/components/addon/index.js +1 -1
- package/pure-cell/modern/components/amount/component.js +1 -1
- package/pure-cell/modern/components/amount/index.d.ts +1 -1
- package/pure-cell/modern/components/amount/index.js +1 -1
- package/pure-cell/modern/components/amount-title/component.js +1 -1
- package/pure-cell/modern/components/amount-title/index.d.ts +1 -1
- package/pure-cell/modern/components/amount-title/index.js +1 -1
- package/pure-cell/modern/components/category/component.js +1 -1
- package/pure-cell/modern/components/category/index.d.ts +1 -1
- package/pure-cell/modern/components/category/index.js +1 -1
- package/pure-cell/modern/components/content/component.js +1 -1
- package/pure-cell/modern/components/content/index.d.ts +1 -1
- package/pure-cell/modern/components/content/index.js +1 -1
- package/pure-cell/modern/components/footer/component.js +1 -1
- package/pure-cell/modern/components/footer/index.d.ts +1 -1
- package/pure-cell/modern/components/footer/index.js +1 -1
- package/pure-cell/modern/components/footer-button/component.js +1 -1
- package/pure-cell/modern/components/footer-button/index.d.ts +1 -1
- package/pure-cell/modern/components/footer-button/index.js +1 -1
- package/pure-cell/modern/components/footer-text/component.js +1 -1
- package/pure-cell/modern/components/footer-text/index.d.ts +1 -1
- package/pure-cell/modern/components/footer-text/index.js +1 -1
- package/pure-cell/modern/components/graphics/component.js +1 -1
- package/pure-cell/modern/components/graphics/index.d.ts +1 -1
- package/pure-cell/modern/components/graphics/index.js +1 -1
- package/pure-cell/modern/components/main/component.js +1 -1
- package/pure-cell/modern/components/main/index.d.ts +1 -1
- package/pure-cell/modern/components/main/index.js +1 -1
- package/pure-cell/modern/components/text/component.js +1 -1
- package/pure-cell/modern/components/text/index.d.ts +1 -1
- package/pure-cell/modern/components/text/index.js +1 -1
- package/pure-cell/modern/index.js +1 -1
- package/radio/cssm/Component.js +37 -25
- package/radio/cssm/index.js +7 -7
- package/radio-group/cssm/Component.responsive.js +18 -16
- package/radio-group/cssm/components/base-radio-group/Component.js +40 -41
- package/radio-group/cssm/components/base-radio-group/index.js +7 -5
- package/radio-group/cssm/desktop/Component.desktop.js +13 -8
- package/radio-group/cssm/desktop/index.js +7 -7
- package/radio-group/cssm/index.js +7 -11
- package/radio-group/cssm/mobile/Component.mobile.js +13 -8
- package/radio-group/cssm/mobile/index.js +7 -7
- package/scrollbar/cssm/Component.js +389 -358
- package/scrollbar/cssm/index.js +7 -12
- package/segmented-control/cssm/Component.js +62 -47
- package/segmented-control/cssm/components/index.js +7 -9
- package/segmented-control/cssm/components/segment/Component.js +30 -18
- package/segmented-control/cssm/components/segment/index.js +7 -9
- package/segmented-control/cssm/context.js +6 -4
- package/segmented-control/cssm/index.js +10 -14
- package/select/cssm/Component.responsive.js +19 -70
- package/select/cssm/components/arrow/Component.js +18 -6
- package/select/cssm/components/arrow/index.js +7 -5
- package/select/cssm/components/base-checkmark/Component.js +23 -13
- package/select/cssm/components/base-checkmark/index.js +7 -6
- package/select/cssm/components/base-option/Component.js +36 -27
- package/select/cssm/components/base-option/index.js +7 -8
- package/select/cssm/components/base-select/Component.js +202 -193
- package/select/cssm/components/base-select/index.js +7 -13
- package/select/cssm/components/checkmark/Component.js +28 -17
- package/select/cssm/components/checkmark/index.js +7 -8
- package/select/cssm/components/checkmark-mobile/Component.js +21 -9
- package/select/cssm/components/checkmark-mobile/index.js +7 -5
- package/select/cssm/components/field/Component.js +39 -28
- package/select/cssm/components/field/index.js +7 -7
- package/select/cssm/components/footer/Component.js +26 -16
- package/select/cssm/components/footer/index.js +7 -7
- package/select/cssm/components/index.js +23 -46
- package/select/cssm/components/native-select/Component.js +25 -10
- package/select/cssm/components/native-select/index.js +7 -4
- package/select/cssm/components/optgroup/Component.js +20 -9
- package/select/cssm/components/optgroup/index.js +7 -5
- package/select/cssm/components/option/Component.js +31 -26
- package/select/cssm/components/option/index.js +7 -13
- package/select/cssm/components/options-list/Component.js +61 -52
- package/select/cssm/components/options-list/index.js +7 -12
- package/select/cssm/components/search/Component.js +19 -7
- package/select/cssm/components/search/index.js +7 -6
- package/select/cssm/components/virtual-options-list/Component.js +82 -66
- package/select/cssm/components/virtual-options-list/index.js +7 -13
- package/select/cssm/consts.js +6 -3
- package/select/cssm/desktop/Component.desktop.js +22 -46
- package/select/cssm/desktop/index.js +7 -42
- package/select/cssm/hook-aae7b381.js +142 -0
- package/select/cssm/index.js +7 -61
- package/select/cssm/mobile/Component.mobile.js +48 -92
- package/select/cssm/mobile/Component.modal.mobile.js +11 -58
- package/select/cssm/mobile/index.js +9 -57
- package/select/cssm/presets/index.js +12 -33
- package/select/cssm/presets/useLazyLoading/hook.js +80 -98
- package/select/cssm/presets/useSelectWithApply/hook.js +11 -19
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +13 -19
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +22 -12
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +19 -7
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +7 -19
- package/select/cssm/presets/useSelectWithLoading/hook.js +22 -24
- package/select/cssm/shared/index.js +43 -61
- package/select/cssm/utils.js +84 -67
- package/select-with-tags/cssm/Component.responsive.js +19 -23
- package/select-with-tags/cssm/components/base-select-with-tags/Component.js +79 -106
- package/select-with-tags/cssm/components/base-select-with-tags/index.js +7 -14
- package/select-with-tags/cssm/components/tag/component.js +23 -12
- package/select-with-tags/cssm/components/tag/index.js +7 -6
- package/select-with-tags/cssm/components/tag-list/component.js +73 -65
- package/select-with-tags/cssm/components/tag-list/index.js +7 -11
- package/select-with-tags/cssm/desktop/Component.desktop.js +13 -18
- package/select-with-tags/cssm/desktop/index.js +7 -17
- package/select-with-tags/cssm/index.js +7 -20
- package/select-with-tags/cssm/mobile/Component.mobile.js +13 -18
- package/select-with-tags/cssm/mobile/index.js +7 -17
- package/select-with-tags/cssm/utils/calculate-collapse-size.js +22 -20
- package/select-with-tags/cssm/utils/index.js +7 -2
- package/select-with-tags/cssm/utils/match.js +17 -11
- package/shared/cssm/browser.js +14 -12
- package/shared/cssm/createPaddingStyle.js +4 -2
- package/shared/cssm/dom.js +5 -3
- package/shared/cssm/easingFns.js +6 -4
- package/shared/cssm/fnUtils.js +8 -6
- package/shared/cssm/getDataTestId.js +5 -3
- package/shared/cssm/hooks/index.js +6 -8
- package/shared/cssm/hooks/useCustomWebkitScrollbar.js +9 -8
- package/shared/cssm/index.js +25 -13
- package/shared/cssm/isClient.js +4 -2
- package/shared/cssm/maskUtils.js +39 -34
- package/shared/cssm/os.js +9 -7
- package/side-panel/components/controls/Component.js +1 -1
- package/side-panel/components/footer/Component.js +1 -1
- package/side-panel/cssm/Component.responsive.js +34 -54
- package/side-panel/cssm/Context.js +5 -3
- package/side-panel/cssm/ResponsiveContext.js +9 -3
- package/side-panel/cssm/components/content/Component.desktop.js +21 -14
- package/side-panel/cssm/components/content/Component.js +23 -14
- package/side-panel/cssm/components/content/Component.mobile.js +20 -13
- package/side-panel/cssm/components/controls/Component.js +24 -14
- package/side-panel/cssm/components/controls/index.js +7 -7
- package/side-panel/cssm/components/footer/Component.desktop.js +22 -15
- package/side-panel/cssm/components/footer/Component.js +27 -17
- package/side-panel/cssm/components/footer/Component.mobile.js +21 -14
- package/side-panel/cssm/components/header/Component.js +41 -29
- package/side-panel/cssm/consts.js +4 -2
- package/side-panel/cssm/desktop/Component.desktop.js +51 -54
- package/side-panel/cssm/desktop/index.js +7 -28
- package/side-panel/cssm/index.js +7 -37
- package/side-panel/cssm/mobile/Component.mobile.js +33 -40
- package/side-panel/cssm/mobile/index.js +7 -26
- package/side-panel/cssm/shared/index.js +9 -4
- package/side-panel/cssm/utils.js +11 -9
- package/side-panel/esm/Component.responsive.js +1 -1
- package/side-panel/esm/components/controls/Component.js +1 -1
- package/side-panel/esm/components/controls/index.js +1 -1
- package/side-panel/esm/components/footer/Component.desktop.js +1 -1
- package/side-panel/esm/components/footer/Component.js +1 -1
- package/side-panel/esm/components/footer/Component.mobile.js +1 -1
- package/side-panel/esm/desktop/Component.desktop.js +1 -1
- package/side-panel/esm/desktop/index.js +1 -1
- package/side-panel/esm/index.js +1 -1
- package/side-panel/esm/mobile/Component.mobile.js +1 -1
- package/side-panel/esm/mobile/index.js +1 -1
- package/side-panel/modern/Component.responsive.js +1 -1
- package/side-panel/modern/components/controls/Component.js +1 -1
- package/side-panel/modern/components/controls/index.js +1 -1
- package/side-panel/modern/components/footer/Component.desktop.js +1 -1
- package/side-panel/modern/components/footer/Component.js +1 -1
- package/side-panel/modern/components/footer/Component.mobile.js +1 -1
- package/side-panel/modern/desktop/Component.desktop.js +1 -1
- package/side-panel/modern/desktop/index.js +1 -1
- package/side-panel/modern/index.js +1 -1
- package/side-panel/modern/mobile/Component.mobile.js +1 -1
- package/side-panel/modern/mobile/index.js +1 -1
- package/skeleton/cssm/Component.js +17 -7
- package/skeleton/cssm/index.js +7 -4
- package/slider/cssm/Component.js +49 -37
- package/slider/cssm/index.js +8 -5
- package/slider-input/cssm/Component.js +35 -22
- package/slider-input/cssm/index.js +7 -6
- package/sortable-list/cssm/Component.js +73 -58
- package/sortable-list/cssm/components/item/Components.js +44 -32
- package/sortable-list/cssm/index.js +7 -13
- package/sortable-list/cssm/shared/index.js +7 -2
- package/sortable-list/cssm/utils.js +17 -12
- package/space/cssm/Component.js +43 -32
- package/space/cssm/Item.js +30 -12
- package/space/cssm/index.js +7 -5
- package/space/cssm/utils.js +9 -3
- package/spinner/cssm/Component.js +48 -35
- package/spinner/cssm/index.js +8 -7
- package/stack/component.js +4 -4
- package/stack/cssm/component.js +16 -9
- package/stack/cssm/index.d.ts +0 -1
- package/stack/cssm/index.js +7 -3
- package/stack/esm/component.js +1 -1
- package/stack/esm/index.d.ts +0 -1
- package/stack/esm/index.js +1 -1
- package/stack/index.d.ts +0 -1
- package/stack/index.js +0 -3
- package/stack/modern/component.js +1 -1
- package/stack/modern/index.d.ts +0 -1
- package/stack/modern/index.js +1 -1
- package/status/cssm/Component.js +18 -6
- package/status/cssm/index.js +8 -4
- package/status-badge/cssm/Component.js +78 -67
- package/status-badge/cssm/index.js +7 -19
- package/stepped-progress-bar/cssm/Component.js +28 -18
- package/stepped-progress-bar/cssm/components/step-bar/Component.js +16 -5
- package/stepped-progress-bar/cssm/components/step-bar/index.js +7 -4
- package/stepped-progress-bar/cssm/index.js +7 -9
- package/steps/cssm/Component.js +35 -33
- package/steps/cssm/components/step/Component.js +66 -54
- package/steps/cssm/components/step/index.js +7 -11
- package/steps/cssm/components/step-indicator/Component.js +17 -6
- package/steps/cssm/components/step-indicator/index.js +7 -5
- package/steps/cssm/index.js +7 -13
- package/switch/cssm/Component.js +39 -27
- package/switch/cssm/index.js +7 -7
- package/system-message/cssm/Component.js +43 -31
- package/system-message/cssm/Components.responsive.js +20 -27
- package/system-message/cssm/Context.js +9 -3
- package/system-message/cssm/components/caption/Component.js +20 -11
- package/system-message/cssm/components/caption/index.js +7 -6
- package/system-message/cssm/components/controls/Component.js +30 -20
- package/system-message/cssm/components/controls/index.js +7 -6
- package/system-message/cssm/components/graphic/Component.js +20 -11
- package/system-message/cssm/components/graphic/index.js +7 -6
- package/system-message/cssm/components/subtitle/Component.js +20 -11
- package/system-message/cssm/components/subtitle/index.js +7 -6
- package/system-message/cssm/components/title/Component.js +30 -18
- package/system-message/cssm/components/title/index.js +7 -8
- package/system-message/cssm/desktop/Component.desktop.js +16 -22
- package/system-message/cssm/desktop/index.js +7 -20
- package/system-message/cssm/index.js +7 -21
- package/system-message/cssm/mobile/Component.mobile.js +16 -22
- package/system-message/cssm/mobile/index.js +7 -20
- package/system-message/cssm/shared/index.js +7 -17
- package/system-message/cssm/utils.js +20 -27
- package/tab-bar/cssm/Component.js +28 -18
- package/tab-bar/cssm/components/tab/Component.js +32 -21
- package/tab-bar/cssm/components/tab/index.js +7 -6
- package/tab-bar/cssm/index.js +7 -9
- package/tab-bar/cssm/shared/index.js +7 -2
- package/tab-bar/cssm/utils.js +5 -3
- package/table/cssm/component.js +21 -41
- package/table/cssm/components/index.js +23 -31
- package/table/cssm/components/pagination/Component.js +36 -25
- package/table/cssm/components/pagination/index.js +7 -10
- package/table/cssm/components/pagination/select-field/index.js +21 -10
- package/table/cssm/components/table/Component.js +39 -29
- package/table/cssm/components/table/index.js +7 -9
- package/table/cssm/components/table/utils.js +14 -10
- package/table/cssm/components/table-context/index.js +11 -4
- package/table/cssm/components/tbody/Component.js +17 -5
- package/table/cssm/components/tbody/index.js +7 -4
- package/table/cssm/components/tcell/Component.js +22 -12
- package/table/cssm/components/tcell/index.js +7 -5
- package/table/cssm/components/texpandable-row/Component.js +27 -17
- package/table/cssm/components/texpandable-row/index.js +7 -6
- package/table/cssm/components/thead/Component.js +18 -6
- package/table/cssm/components/thead/index.js +7 -4
- package/table/cssm/components/thead-cell/Component.js +21 -10
- package/table/cssm/components/thead-cell/index.js +7 -5
- package/table/cssm/components/trow/Component.js +22 -9
- package/table/cssm/components/trow/index.js +7 -4
- package/table/cssm/components/tsortable-head-cell/Component.js +29 -20
- package/table/cssm/components/tsortable-head-cell/index.js +7 -10
- package/table/cssm/components/tsortable-head-cell/sort-icon-asc.js +11 -4
- package/table/cssm/components/tsortable-head-cell/sort-icon-desc.js +11 -4
- package/table/cssm/components/tsortable-head-cell/sort-icon-unset.js +11 -4
- package/table/cssm/index.js +7 -32
- package/table/cssm/utils.js +9 -3
- package/tabs/components/primary-tablist/Component.collapsible.js +1 -1
- package/tabs/components/primary-tablist/Component.desktop.js +1 -1
- package/tabs/components/primary-tablist/Component.mobile.js +1 -1
- package/tabs/components/secondary-tablist/Component.desktop.js +1 -1
- package/tabs/components/secondary-tablist/Component.mobile.js +1 -1
- package/tabs/cssm/collapsible/index.js +9 -21
- package/tabs/cssm/components/primary-tablist/Component.collapsible.js +66 -53
- package/tabs/cssm/components/primary-tablist/Component.desktop.js +16 -22
- package/tabs/cssm/components/primary-tablist/Component.js +47 -42
- package/tabs/cssm/components/primary-tablist/Component.mobile.js +16 -27
- package/tabs/cssm/components/primary-tablist/Component.responsive.js +16 -28
- package/tabs/cssm/components/scroll-controls/Component.js +38 -26
- package/tabs/cssm/components/scroll-controls/index.js +7 -9
- package/tabs/cssm/components/scroll-controls/utils.js +14 -10
- package/tabs/cssm/components/scrollable-container/Component.js +43 -37
- package/tabs/cssm/components/scrollable-container/index.js +7 -12
- package/tabs/cssm/components/secondary-tablist/Component.desktop.js +17 -20
- package/tabs/cssm/components/secondary-tablist/Component.js +27 -28
- package/tabs/cssm/components/secondary-tablist/Component.mobile.js +21 -24
- package/tabs/cssm/components/secondary-tablist/Component.responsive.js +16 -27
- package/tabs/cssm/components/tab/Component.js +19 -7
- package/tabs/cssm/components/tab/index.js +7 -4
- package/tabs/cssm/components/tabs/Component.collapsible.js +15 -20
- package/tabs/cssm/components/tabs/Component.desktop.js +19 -31
- package/tabs/cssm/components/tabs/Component.js +28 -18
- package/tabs/cssm/components/tabs/Component.mobile.js +19 -33
- package/tabs/cssm/components/tabs/Component.responsive.js +19 -39
- package/tabs/cssm/components/title/Component.js +27 -15
- package/tabs/cssm/components/title/index.js +7 -3
- package/tabs/cssm/desktop/index.js +13 -29
- package/tabs/cssm/hooks/use-collapsible-elements.js +32 -28
- package/tabs/cssm/hooks/use-tablist-titles.js +39 -40
- package/tabs/cssm/hooks/use-tabs.js +37 -30
- package/tabs/cssm/index.js +13 -37
- package/tabs/cssm/mobile/index.js +13 -31
- package/tabs/cssm/shared/index.js +11 -18
- package/tabs/cssm/synthetic-events.js +22 -38
- package/tabs/esm/collapsible/index.js +1 -1
- package/tabs/esm/components/primary-tablist/Component.collapsible.js +1 -1
- package/tabs/esm/components/primary-tablist/Component.desktop.js +1 -1
- package/tabs/esm/components/primary-tablist/Component.mobile.js +1 -1
- package/tabs/esm/components/primary-tablist/Component.responsive.js +1 -1
- package/tabs/esm/components/secondary-tablist/Component.desktop.js +1 -1
- package/tabs/esm/components/secondary-tablist/Component.mobile.js +1 -1
- package/tabs/esm/components/secondary-tablist/Component.responsive.js +1 -1
- package/tabs/esm/components/tabs/Component.collapsible.js +1 -1
- package/tabs/esm/components/tabs/Component.desktop.js +2 -2
- package/tabs/esm/components/tabs/Component.mobile.js +2 -2
- package/tabs/esm/components/tabs/Component.responsive.js +2 -2
- package/tabs/esm/desktop/index.js +2 -2
- package/tabs/esm/index.js +2 -2
- package/tabs/esm/mobile/index.js +2 -2
- package/tabs/modern/collapsible/index.js +1 -1
- package/tabs/modern/components/primary-tablist/Component.collapsible.js +1 -1
- package/tabs/modern/components/primary-tablist/Component.desktop.js +1 -1
- package/tabs/modern/components/primary-tablist/Component.mobile.js +1 -1
- package/tabs/modern/components/primary-tablist/Component.responsive.js +1 -1
- package/tabs/modern/components/secondary-tablist/Component.desktop.js +1 -1
- package/tabs/modern/components/secondary-tablist/Component.mobile.js +1 -1
- package/tabs/modern/components/secondary-tablist/Component.responsive.js +1 -1
- package/tabs/modern/components/tabs/Component.collapsible.js +1 -1
- package/tabs/modern/components/tabs/Component.desktop.js +2 -2
- package/tabs/modern/components/tabs/Component.mobile.js +2 -2
- package/tabs/modern/components/tabs/Component.responsive.js +2 -2
- package/tabs/modern/desktop/index.js +2 -2
- package/tabs/modern/index.js +2 -2
- package/tabs/modern/mobile/index.js +2 -2
- package/tag/cssm/Component.responsive.js +18 -23
- package/tag/cssm/components/base-tag/Component.js +50 -36
- package/tag/cssm/components/base-tag/index.js +7 -8
- package/tag/cssm/desktop/Component.desktop.js +20 -16
- package/tag/cssm/desktop/index.js +7 -12
- package/tag/cssm/index.js +7 -18
- package/tag/cssm/mobile/Component.mobile.js +20 -16
- package/tag/cssm/mobile/index.js +7 -12
- package/text/cssm/Component.js +24 -13
- package/text/cssm/index.js +7 -5
- package/textarea/cssm/Component.js +86 -80
- package/textarea/cssm/components/PseudoTextArea.js +20 -9
- package/textarea/cssm/components/index.js +7 -5
- package/textarea/cssm/consts.js +4 -2
- package/textarea/cssm/index.js +8 -13
- package/textarea/cssm/shared/index.js +7 -2
- package/textarea/cssm/utils.js +10 -8
- package/themes/compiled/mobile-dark-bluetint.css +21 -160
- package/time-input/cssm/Component.js +27 -19
- package/time-input/cssm/index.js +9 -4
- package/time-input/cssm/utils/format.js +23 -13
- package/time-input/cssm/utils/index.js +11 -1
- package/toast/components/base-toast/component.js +2 -1
- package/toast/cssm/Component.responsive.js +18 -21
- package/toast/cssm/components/base-toast/component.js +50 -41
- package/toast/cssm/components/base-toast/index.js +7 -10
- package/toast/cssm/desktop/Component.desktop.js +16 -14
- package/toast/cssm/desktop/index.js +7 -12
- package/toast/cssm/index.js +7 -16
- package/toast/cssm/mobile/Component.mobile.js +16 -14
- package/toast/cssm/mobile/index.js +7 -12
- package/toast/esm/Component.responsive.js +1 -0
- package/toast/esm/components/base-toast/component.js +2 -1
- package/toast/esm/components/base-toast/index.js +1 -0
- package/toast/esm/desktop/Component.desktop.js +1 -0
- package/toast/esm/desktop/index.js +1 -0
- package/toast/esm/index.js +1 -0
- package/toast/esm/mobile/Component.mobile.js +1 -0
- package/toast/esm/mobile/index.js +1 -0
- package/toast/modern/Component.responsive.js +1 -0
- package/toast/modern/components/base-toast/component.js +2 -1
- package/toast/modern/components/base-toast/index.js +1 -0
- package/toast/modern/desktop/Component.desktop.js +1 -0
- package/toast/modern/desktop/index.js +1 -0
- package/toast/modern/index.js +1 -0
- package/toast/modern/mobile/Component.mobile.js +1 -0
- package/toast/modern/mobile/index.js +1 -0
- package/toast-plate/cssm/Component.responsive.js +18 -23
- package/toast-plate/cssm/components/base-toast-plate/component.js +54 -41
- package/toast-plate/cssm/components/base-toast-plate/index.js +7 -12
- package/toast-plate/cssm/desktop/Component.desktop.js +13 -15
- package/toast-plate/cssm/desktop/index.js +7 -14
- package/toast-plate/cssm/index.js +7 -18
- package/toast-plate/cssm/mobile/Component.mobile.js +13 -15
- package/toast-plate/cssm/mobile/index.js +7 -14
- package/tooltip/cssm/Component.responsive.js +16 -17
- package/tooltip/cssm/desktop/Component.desktop.js +66 -61
- package/tooltip/cssm/desktop/index.js +7 -8
- package/tooltip/cssm/index.js +7 -14
- package/tooltip/cssm/mobile/Component.mobile.js +30 -19
- package/tooltip/cssm/mobile/index.js +7 -6
- package/typography/cssm/colors.js +4 -2
- package/typography/cssm/component.js +12 -26
- package/typography/cssm/hooks/index.js +7 -6
- package/typography/cssm/hooks/use-skeleton.js +37 -28
- package/typography/cssm/index.js +9 -22
- package/typography/cssm/presets.js +4 -2
- package/typography/cssm/text/component.js +37 -27
- package/typography/cssm/text/index.js +7 -10
- package/typography/cssm/title/component.js +25 -16
- package/typography/cssm/title/index.js +15 -14
- package/typography/cssm/title/utils.js +3 -1
- package/typography/cssm/title-mobile/component.js +15 -14
- package/typography/cssm/title-mobile/index.js +7 -13
- package/typography/cssm/title-responsive/component.js +18 -17
- package/typography/cssm/title-responsive/index.js +7 -14
- package/underlay/cssm/Component.js +79 -33
- package/underlay/cssm/constants.js +8 -4
- package/underlay/cssm/index.js +7 -7
- package/underlay/cssm/utils/getBorderCorners.js +17 -10
- package/underlay/cssm/utils/getClasses.js +22 -12
- package/universal-date-input/cssm/Component.responsive.js +15 -36
- package/universal-date-input/cssm/components/base-universal-date-input/Component.js +77 -76
- package/universal-date-input/cssm/components/base-universal-date-input/index.js +7 -31
- package/universal-date-input/cssm/components/date-input/Component.js +75 -66
- package/universal-date-input/cssm/components/date-input/index.js +7 -17
- package/universal-date-input/cssm/components/date-range-input/Component.js +91 -79
- package/universal-date-input/cssm/components/date-range-input/index.js +7 -19
- package/universal-date-input/cssm/components/time-input/Component.js +31 -29
- package/universal-date-input/cssm/components/time-input/index.js +7 -11
- package/universal-date-input/cssm/consts.js +20 -10
- package/universal-date-input/cssm/desktop/Component.desktop.js +11 -33
- package/universal-date-input/cssm/desktop/index.js +7 -32
- package/universal-date-input/cssm/index-5712fce2.d.ts +1 -13
- package/universal-date-input/cssm/index.js +7 -33
- package/universal-date-input/cssm/mask/index.js +25 -31
- package/universal-date-input/cssm/mask/plugins.js +18 -18
- package/universal-date-input/cssm/mask/postprocessors.js +15 -18
- package/universal-date-input/cssm/mask/preprocessors.js +82 -79
- package/universal-date-input/cssm/mask/utils.js +116 -86
- package/universal-date-input/cssm/mobile/Component.mobile.js +11 -33
- package/universal-date-input/cssm/mobile/index.js +7 -32
- package/universal-date-input/cssm/shared/index.js +15 -8
- package/universal-date-input/cssm/utils/index.js +72 -41
- package/universal-date-input/esm/index-5712fce2.d.ts +1 -13
- package/universal-date-input/index-5712fce2.d.ts +1 -13
- package/universal-date-input/modern/index-5712fce2.d.ts +1 -13
- package/vars/cssm/colors-bluetint.js +7 -3
- package/vars/cssm/colors-decorative.js +7 -3
- package/vars/cssm/colors-indigo.js +7 -3
- package/vars/cssm/colors-pfm.js +7 -3
- package/vars/cssm/colors-qualitative.js +7 -3
- package/vars/cssm/colors-sequential.js +7 -3
- package/with-suffix/cssm/Component.js +57 -43
- package/with-suffix/cssm/index.js +7 -6
- package/international-phone-input/cssm/index-136acbb1.d.ts +0 -28
- package/international-phone-input/esm/index-136acbb1.d.ts +0 -28
- package/international-phone-input/index-136acbb1.d.ts +0 -28
- package/international-phone-input/modern/index-136acbb1.d.ts +0 -28
- package/list/cssm/Component-8a80b477.js +0 -48
- package/pure-cell/cssm/component-a4272f62.js +0 -251
- package/select/cssm/hook-489e60aa.js +0 -160
- package/stack/context.d.ts +0 -29
- package/stack/context.js +0 -34
- package/stack/cssm/context.d.ts +0 -29
- package/stack/cssm/context.js +0 -31
- package/stack/esm/context.d.ts +0 -29
- package/stack/esm/context.js +0 -31
- package/stack/modern/context.d.ts +0 -29
- package/stack/modern/context.js +0 -31
- /package/gallery/{buttons-68cc8e2c.d.ts → buttons-86aa9ca3.d.ts} +0 -0
- /package/gallery/{buttons-68cc8e2c.js → buttons-86aa9ca3.js} +0 -0
- /package/gallery/esm/{buttons-cec1b7a3.d.ts → buttons-044f4137.d.ts} +0 -0
- /package/gallery/esm/{buttons-cec1b7a3.js → buttons-044f4137.js} +0 -0
- /package/gallery/esm/{slide-a146fb9e.d.ts → slide-1c391682.d.ts} +0 -0
- /package/gallery/esm/{slide-a146fb9e.js → slide-1c391682.js} +0 -0
- /package/gallery/modern/{buttons-a6aa58c3.d.ts → buttons-ddcab41a.d.ts} +0 -0
- /package/gallery/modern/{buttons-a6aa58c3.js → buttons-ddcab41a.js} +0 -0
- /package/gallery/modern/{slide-61067daa.d.ts → slide-704f878b.d.ts} +0 -0
- /package/gallery/modern/{slide-61067daa.js → slide-704f878b.js} +0 -0
- /package/gallery/{slide-4a5002c6.d.ts → slide-aa977082.d.ts} +0 -0
- /package/gallery/{slide-4a5002c6.js → slide-aa977082.js} +0 -0
- /package/list/cssm/{Component-8a80b477.d.ts → Component-7cc47e0b.d.ts} +0 -0
- /package/pure-cell/{component-930ee86d.d.ts → component-d96a6334.d.ts} +0 -0
- /package/pure-cell/{component-930ee86d.js → component-d96a6334.js} +0 -0
- /package/pure-cell/cssm/{component-a4272f62.d.ts → component-e3105fca.d.ts} +0 -0
- /package/pure-cell/esm/{component-b60d2959.d.ts → component-5e5c0f7d.d.ts} +0 -0
- /package/pure-cell/esm/{component-b60d2959.js → component-5e5c0f7d.js} +0 -0
- /package/pure-cell/modern/{component-a5029590.d.ts → component-291832fd.d.ts} +0 -0
- /package/pure-cell/modern/{component-a5029590.js → component-291832fd.js} +0 -0
- /package/select/cssm/{hook-489e60aa.d.ts → hook-aae7b381.d.ts} +0 -0
- /package/side-panel/esm/{layout.module-07fad522.js → layout.module-278dcd0c.js} +0 -0
- /package/side-panel/{layout.module-f14de816.js → layout.module-98726143.js} +0 -0
- /package/side-panel/modern/{layout.module-7200d95f.js → layout.module-9d97095e.js} +0 -0
- /package/tabs/esm/{index.module-05b6e85e.js → index.module-9817743e.js} +0 -0
- /package/tabs/esm/{index.module-23153d19.js → index.module-9dc5e1af.js} +0 -0
- /package/tabs/{index.module-650d4e89.js → index.module-4265e676.js} +0 -0
- /package/tabs/{index.module-d7b09ff8.js → index.module-543239dc.js} +0 -0
- /package/tabs/modern/{index.module-0664378b.js → index.module-17dbd674.js} +0 -0
- /package/tabs/modern/{index.module-b1568e05.js → index.module-3bc1e97c.js} +0 -0
|
@@ -1,251 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef, useContext, useRef, useState } from 'react';
|
|
2
|
-
import mergeRefs from 'react-merge-refs';
|
|
3
|
-
import cn from 'classnames';
|
|
4
|
-
import { Comment } from '../../comment/cssm';
|
|
5
|
-
import { useFocus } from '@alfalab/hooks';
|
|
6
|
-
import { getDataTestId } from '../../shared/cssm';
|
|
7
|
-
import { Amount as Amount$1 } from '../../amount/cssm';
|
|
8
|
-
import { Typography } from '../../typography/cssm';
|
|
9
|
-
import styles$1 from './components/amount/index.module.css';
|
|
10
|
-
import styles$2 from './components/amount-title/index.module.css';
|
|
11
|
-
import styles$3 from './components/category/index.module.css';
|
|
12
|
-
import styles$4 from './components/content/index.module.css';
|
|
13
|
-
import styles$5 from './components/footer/index.module.css';
|
|
14
|
-
import { Button } from '../../button/cssm';
|
|
15
|
-
import styles$6 from './components/footer-button/index.module.css';
|
|
16
|
-
import styles$7 from './components/graphics/index.module.css';
|
|
17
|
-
import styles$8 from './components/main/index.module.css';
|
|
18
|
-
import styles$9 from './components/text/index.module.css';
|
|
19
|
-
import styles$a from './index.module.css';
|
|
20
|
-
import styles from './components/addon/index.module.css';
|
|
21
|
-
|
|
22
|
-
const ADDON_COMPONENT = {
|
|
23
|
-
button: 'button',
|
|
24
|
-
section: 'section',
|
|
25
|
-
};
|
|
26
|
-
const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', dataTestId, onClick, }) => {
|
|
27
|
-
const pureCellContext = useContext(PureCellContext);
|
|
28
|
-
const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;
|
|
29
|
-
const onMouseEvents = {
|
|
30
|
-
onClick: (e) => {
|
|
31
|
-
e.stopPropagation();
|
|
32
|
-
onClick?.();
|
|
33
|
-
},
|
|
34
|
-
onMouseEnter: () => {
|
|
35
|
-
pureCellContext.unsetMainHover?.();
|
|
36
|
-
},
|
|
37
|
-
onMouseLeave: () => {
|
|
38
|
-
pureCellContext.setMainHover?.();
|
|
39
|
-
},
|
|
40
|
-
onMouseDown: (e) => {
|
|
41
|
-
e.stopPropagation();
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
return (React.createElement(Component, { className: cn(styles.component, styles[addonPadding], styles[verticalAlign], {
|
|
45
|
-
[styles.button]: onClick,
|
|
46
|
-
}), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon'), ...(onClick && onMouseEvents) }, children));
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
const Amount = ({ weight = 'normal', textView = 'component', color = 'primary', minority, minorUnits = 100, dataTestId, ...restProps }) => {
|
|
50
|
-
const pureCellContext = useContext(PureCellContext);
|
|
51
|
-
return (React.createElement(Typography.Text, { view: textView, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn(styles$1.component), color: color },
|
|
52
|
-
React.createElement(Amount$1, { minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount'), ...restProps })));
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
const AmountTitle = ({ minority, minorUnits = 100, className, color = 'primary', dataTestId, titleProps = {}, ...restProps }) => {
|
|
56
|
-
const pureCellContext = useContext(PureCellContext);
|
|
57
|
-
const titleDefaultProps = {
|
|
58
|
-
tag: 'h4',
|
|
59
|
-
view: 'small',
|
|
60
|
-
color,
|
|
61
|
-
...titleProps,
|
|
62
|
-
};
|
|
63
|
-
return (React.createElement(Typography.TitleResponsive, { ...titleDefaultProps, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn(styles$2.component, titleProps.className) },
|
|
64
|
-
React.createElement(Amount$1, { minority: minority || minorUnits, className: cn(styles$2.weight, className), dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title'), ...restProps, bold: 'none' })));
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
const Category = ({ categoryName, categoryPercent, rightAddons, dataTestId, }) => {
|
|
68
|
-
const pureCellContext = useContext(PureCellContext);
|
|
69
|
-
return (React.createElement("div", { className: styles$3.component, "data-test-id": 'cell-pure-category' },
|
|
70
|
-
React.createElement(Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles$3.categoryName }, categoryName),
|
|
71
|
-
categoryPercent !== undefined && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$3.categoryPercent, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
|
|
72
|
-
categoryPercent,
|
|
73
|
-
"%")),
|
|
74
|
-
rightAddons !== undefined && (React.createElement("div", { className: styles$3.rightAddon, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
const Content = ({ children, dataTestId }) => {
|
|
78
|
-
const { direction, dataTestId: contextDataTestId } = useContext(PureCellContext);
|
|
79
|
-
return (React.createElement("section", { className: cn(styles$4.component, { [styles$4.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
const Footer = ({ children, footerPadding = 'default', dataTestId }) => {
|
|
83
|
-
const pureCellContext = useContext(PureCellContext);
|
|
84
|
-
return (React.createElement("footer", { className: cn(styles$5.component, styles$5[footerPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
const FooterButton = forwardRef(({ children, dataTestId, onClick, onMouseDown, onMouseEnter, onMouseLeave, ...props }, ref) => {
|
|
88
|
-
const pureCellContext = useContext(PureCellContext);
|
|
89
|
-
const handleClick = (e) => {
|
|
90
|
-
e.stopPropagation();
|
|
91
|
-
onClick?.(e);
|
|
92
|
-
};
|
|
93
|
-
const handleMouseEnter = (e) => {
|
|
94
|
-
onMouseEnter?.(e);
|
|
95
|
-
pureCellContext.unsetMainHover?.();
|
|
96
|
-
};
|
|
97
|
-
const handleMouseLeave = (e) => {
|
|
98
|
-
onMouseLeave?.(e);
|
|
99
|
-
pureCellContext.setMainHover?.();
|
|
100
|
-
};
|
|
101
|
-
const handleMouseDown = (e) => {
|
|
102
|
-
onMouseDown?.(e);
|
|
103
|
-
e.stopPropagation();
|
|
104
|
-
};
|
|
105
|
-
return (React.createElement(Button, { ...props, size: 'xxs', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles$6.component, ref: ref, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseDown: handleMouseDown }, children));
|
|
106
|
-
});
|
|
107
|
-
|
|
108
|
-
const FooterText = ({ children, color = 'secondary', dataTestId }) => {
|
|
109
|
-
const pureCellContext = useContext(PureCellContext);
|
|
110
|
-
return (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
const GRAPHICS_COMPONENT = {
|
|
114
|
-
button: 'button',
|
|
115
|
-
section: 'section',
|
|
116
|
-
};
|
|
117
|
-
const Graphics = ({ children, dataTestId, verticalAlign = 'top', graphicPadding, onClick, }) => {
|
|
118
|
-
const pureCellContext = useContext(PureCellContext);
|
|
119
|
-
const Component = onClick ? GRAPHICS_COMPONENT.button : GRAPHICS_COMPONENT.section;
|
|
120
|
-
const defaultGraphicPadding = pureCellContext.direction === 'horizontal' ? 'airy' : 'default';
|
|
121
|
-
const onMouseEvents = {
|
|
122
|
-
onClick: (e) => {
|
|
123
|
-
e.stopPropagation();
|
|
124
|
-
onClick?.();
|
|
125
|
-
},
|
|
126
|
-
onMouseEnter: () => {
|
|
127
|
-
pureCellContext.unsetMainHover?.();
|
|
128
|
-
},
|
|
129
|
-
onMouseLeave: () => {
|
|
130
|
-
pureCellContext.setMainHover?.();
|
|
131
|
-
},
|
|
132
|
-
onMouseDown: (e) => {
|
|
133
|
-
e.stopPropagation();
|
|
134
|
-
},
|
|
135
|
-
};
|
|
136
|
-
return (React.createElement(Component, { className: cn(styles$7.component, styles$7[verticalAlign], styles$7[pureCellContext.direction || 'horizontal'], styles$7[graphicPadding || defaultGraphicPadding], { [styles$7.button]: onClick }), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics'), ...(onClick && onMouseEvents) }, children));
|
|
137
|
-
};
|
|
138
|
-
|
|
139
|
-
const MAIN_COMPONENT = {
|
|
140
|
-
button: 'button',
|
|
141
|
-
section: 'section',
|
|
142
|
-
};
|
|
143
|
-
const Main = ({ children, isReverse, className, dataTestId, onClick }) => {
|
|
144
|
-
const { direction = 'horizontal', dataTestId: contextDataTestId, setMainHover, unsetMainHover, } = useContext(PureCellContext);
|
|
145
|
-
const Component = onClick ? MAIN_COMPONENT.button : MAIN_COMPONENT.section;
|
|
146
|
-
const onMouseEvents = {
|
|
147
|
-
onClick: (e) => {
|
|
148
|
-
e.stopPropagation();
|
|
149
|
-
onClick?.();
|
|
150
|
-
},
|
|
151
|
-
onMouseEnter: () => {
|
|
152
|
-
unsetMainHover?.();
|
|
153
|
-
},
|
|
154
|
-
onMouseLeave: () => {
|
|
155
|
-
setMainHover?.();
|
|
156
|
-
},
|
|
157
|
-
onMouseDown: (e) => {
|
|
158
|
-
e.stopPropagation();
|
|
159
|
-
},
|
|
160
|
-
};
|
|
161
|
-
return (React.createElement(Component, { className: cn(styles$8.component, styles$8[direction], {
|
|
162
|
-
[styles$8.reverse]: isReverse,
|
|
163
|
-
}, { [styles$8.button]: onClick }, className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main'), ...(onClick && onMouseEvents) }, children));
|
|
164
|
-
};
|
|
165
|
-
|
|
166
|
-
const Text = ({ children, value, rowLimit, view = 'component-primary', titleWeight, titleColor, valueColor, dataTestId, }) => {
|
|
167
|
-
const { direction = 'horizontal', dataTestId: contextDataTestId } = useContext(PureCellContext);
|
|
168
|
-
const className = rowLimit && styles$9[`rowLimit${rowLimit}`];
|
|
169
|
-
return (React.createElement("div", { className: cn(styles$9.component, {
|
|
170
|
-
[styles$9.vertical]: direction !== 'horizontal',
|
|
171
|
-
}) },
|
|
172
|
-
React.createElement("div", { className: styles$9.title },
|
|
173
|
-
React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
|
|
174
|
-
value && (React.createElement("div", { className: styles$9.value },
|
|
175
|
-
React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
|
|
176
|
-
};
|
|
177
|
-
|
|
178
|
-
/* eslint-disable react/jsx-no-constructed-context-values */
|
|
179
|
-
// eslint-disable-next-line @typescript-eslint/no-redeclare
|
|
180
|
-
const PureCellContext = React.createContext({});
|
|
181
|
-
const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, tag: Component = (href && 'a') || (onClick && 'button') || 'section', children, horizontalPadding = 'none', verticalPadding = 'none', direction = 'horizontal', ...restProps }, ref) => {
|
|
182
|
-
const cellRef = useRef(null);
|
|
183
|
-
const [focused] = useFocus(cellRef, 'keyboard');
|
|
184
|
-
const [hoverState, setHoverState] = useState(false);
|
|
185
|
-
const [activeState, setActiveState] = useState(false);
|
|
186
|
-
const setHover = () => setHoverState(true);
|
|
187
|
-
const unsetHover = () => setHoverState(false);
|
|
188
|
-
const setActive = () => setActiveState(true);
|
|
189
|
-
const unsetActive = () => setActiveState(false);
|
|
190
|
-
const mouseEvents = {
|
|
191
|
-
onMouseEnter: setHover,
|
|
192
|
-
onMouseLeave: unsetHover,
|
|
193
|
-
onMouseDown: setActive,
|
|
194
|
-
onMouseUp: unsetActive,
|
|
195
|
-
};
|
|
196
|
-
const addClasses = {
|
|
197
|
-
[styles$a.component]: true,
|
|
198
|
-
[styles$a.focused]: focused,
|
|
199
|
-
[styles$a[direction]]: true,
|
|
200
|
-
[styles$a[horizontalPadding]]: true,
|
|
201
|
-
[styles$a.hover]: hoverState,
|
|
202
|
-
[styles$a.active]: activeState,
|
|
203
|
-
};
|
|
204
|
-
const contextState = {
|
|
205
|
-
direction,
|
|
206
|
-
dataTestId,
|
|
207
|
-
setMainHover: setHover,
|
|
208
|
-
unsetMainHover: unsetHover,
|
|
209
|
-
};
|
|
210
|
-
if (typeof verticalPadding === 'string') {
|
|
211
|
-
addClasses[styles$a[verticalPadding]] = typeof verticalPadding === 'string';
|
|
212
|
-
}
|
|
213
|
-
if (typeof verticalPadding === 'object') {
|
|
214
|
-
addClasses[styles$a[`${verticalPadding.top}Top`]] = !!verticalPadding.top;
|
|
215
|
-
addClasses[styles$a[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;
|
|
216
|
-
}
|
|
217
|
-
if (href) {
|
|
218
|
-
const { target } = restProps;
|
|
219
|
-
// Для совместимости с react-router-dom, меняем href на to
|
|
220
|
-
const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
|
|
221
|
-
return (React.createElement(Component, { rel: target === '_blank' ? 'noreferrer noopener' : undefined, ...restProps, ...hrefProps, ref: mergeRefs([cellRef, ref]), className: cn(styles$a.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick, ...mouseEvents },
|
|
222
|
-
React.createElement(PureCellContext.Provider, { value: contextState }, children)));
|
|
223
|
-
}
|
|
224
|
-
if (onClick) {
|
|
225
|
-
return (React.createElement(Component, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles$a.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick, ...mouseEvents },
|
|
226
|
-
React.createElement(PureCellContext.Provider, { value: contextState }, children)));
|
|
227
|
-
}
|
|
228
|
-
return (React.createElement(Component, { ...restProps, ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
|
|
229
|
-
React.createElement(PureCellContext.Provider, { value: contextState }, children)));
|
|
230
|
-
});
|
|
231
|
-
/**
|
|
232
|
-
* Универсальный конструктор для сборки любой ячейки.
|
|
233
|
-
*
|
|
234
|
-
* [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
|
|
235
|
-
*/
|
|
236
|
-
const PureCell = Object.assign(PureCellComponent, {
|
|
237
|
-
Main,
|
|
238
|
-
Graphics,
|
|
239
|
-
Content,
|
|
240
|
-
Text,
|
|
241
|
-
Amount,
|
|
242
|
-
AmountTitle,
|
|
243
|
-
Addon,
|
|
244
|
-
Footer,
|
|
245
|
-
ExtraSubtitle: FooterText,
|
|
246
|
-
FooterButton,
|
|
247
|
-
Comment,
|
|
248
|
-
Category,
|
|
249
|
-
});
|
|
250
|
-
|
|
251
|
-
export { Addon as A, Category as C, Footer as F, Graphics as G, Main as M, PureCell as P, Text as T, Amount as a, AmountTitle as b, Content as c, FooterButton as d, FooterText as e, PureCellContext as f };
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef, useCallback, useEffect, useState, useMemo, useRef } from 'react';
|
|
2
|
-
import { defaultAccessor, defaultFilterFn, processOptions } from './utils.js';
|
|
3
|
-
import { OptionsList } from './components/options-list/Component.js';
|
|
4
|
-
import { DEFAULT_VISIBLE_OPTIONS } from './consts.js';
|
|
5
|
-
import { Footer } from './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
|
|
6
|
-
import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
|
|
7
|
-
import '../../shared/cssm';
|
|
8
|
-
import 'react-merge-refs';
|
|
9
|
-
import 'classnames';
|
|
10
|
-
import '../../mq/cssm';
|
|
11
|
-
import '../../scrollbar/cssm';
|
|
12
|
-
import './components/optgroup/Component.js';
|
|
13
|
-
import './components/optgroup/index.module.css';
|
|
14
|
-
import './components/options-list/index.module.css';
|
|
15
|
-
import '../../button/cssm/desktop';
|
|
16
|
-
import './presets/useSelectWithApply/options-list-with-apply/footer/index.module.css';
|
|
17
|
-
import '../../checkbox/cssm';
|
|
18
|
-
import './presets/useSelectWithApply/options-list-with-apply/header/index.module.css';
|
|
19
|
-
|
|
20
|
-
const OptionsListWithApply = forwardRef(({ toggleMenu, getOptionProps: defaultGetOptionProps, showClear = true, showHeaderWithSelectAll, selectedDraft = [], flatOptions = [], OptionsList: OptionsList$1 = OptionsList, onApply = () => null, onClear = () => null, onClose = () => null, visibleOptions = DEFAULT_VISIBLE_OPTIONS, Footer: Footer$1 = Footer, Header: Header$1 = Header, header, headerProps, ...restProps }, ref) => {
|
|
21
|
-
const getOptionProps = useCallback((option, index) => {
|
|
22
|
-
const optionProps = defaultGetOptionProps(option, index);
|
|
23
|
-
const selected = option.key === SELECT_ALL_KEY
|
|
24
|
-
? selectedDraft.length === flatOptions.length - 1
|
|
25
|
-
: selectedDraft.some(({ key }) => key === option.key);
|
|
26
|
-
return {
|
|
27
|
-
...optionProps,
|
|
28
|
-
selected,
|
|
29
|
-
};
|
|
30
|
-
}, [defaultGetOptionProps, flatOptions.length, selectedDraft]);
|
|
31
|
-
const handleApply = useCallback(() => {
|
|
32
|
-
onApply();
|
|
33
|
-
toggleMenu();
|
|
34
|
-
}, [onApply, toggleMenu]);
|
|
35
|
-
const handleClear = useCallback(() => {
|
|
36
|
-
onClear();
|
|
37
|
-
toggleMenu();
|
|
38
|
-
}, [onClear, toggleMenu]);
|
|
39
|
-
useEffect(() => {
|
|
40
|
-
const activeElement = document.activeElement;
|
|
41
|
-
return () => {
|
|
42
|
-
onClose();
|
|
43
|
-
if (activeElement) {
|
|
44
|
-
activeElement.focus();
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
48
|
-
}, []);
|
|
49
|
-
const renderHeader = () => {
|
|
50
|
-
if (!showHeaderWithSelectAll && !header)
|
|
51
|
-
return undefined;
|
|
52
|
-
return (React.createElement(React.Fragment, null,
|
|
53
|
-
header,
|
|
54
|
-
showHeaderWithSelectAll && React.createElement(Header$1, { ...headerProps })));
|
|
55
|
-
};
|
|
56
|
-
return (React.createElement(OptionsList$1, { ...restProps, ref: ref, visibleOptions: visibleOptions, toggleMenu: toggleMenu, flatOptions: flatOptions, getOptionProps: getOptionProps, onApply: handleApply, onClear: handleClear, header: renderHeader(), footer: React.createElement(Footer$1, { handleApply: handleApply, handleClear: handleClear, showClear: showClear, selectedDraft: selectedDraft, dataTestId: restProps?.dataTestId }) }));
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
const SELECT_ALL_KEY = 'select_all';
|
|
60
|
-
const selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
|
|
61
|
-
function useSelectWithApply({ options, selected, onChange = () => null, OptionsList, optionsListProps = {}, showClear = true, showSelectAll = false, showHeaderWithSelectAll = false, showSearch, searchProps = {}, }) {
|
|
62
|
-
const [searchState, setSearchState] = useState('');
|
|
63
|
-
const [search, setSearch] = typeof searchProps?.value === 'string'
|
|
64
|
-
? [searchProps.value, searchProps.onChange]
|
|
65
|
-
: [searchState, setSearchState];
|
|
66
|
-
const accessor = searchProps.accessor || defaultAccessor;
|
|
67
|
-
const filterFn = searchProps.filterFn || defaultFilterFn;
|
|
68
|
-
const { flatOptions, selectedOptions } = useMemo(() => processOptions(options, selected, showSearch ? (option) => filterFn(accessor(option), search) : undefined), [filterFn, accessor, options, search, selected, showSearch]);
|
|
69
|
-
const [selectedDraft, setSelectedDraft] = useState(selectedOptions);
|
|
70
|
-
const selectedOptionsRef = useRef(selectedOptions);
|
|
71
|
-
const handleApply = () => {
|
|
72
|
-
onChange({
|
|
73
|
-
selected: selectedDraft[0],
|
|
74
|
-
selectedMultiple: selectedDraft,
|
|
75
|
-
initiator: null,
|
|
76
|
-
});
|
|
77
|
-
};
|
|
78
|
-
const handleClear = () => {
|
|
79
|
-
setSelectedDraft([]);
|
|
80
|
-
onChange({
|
|
81
|
-
selected: null,
|
|
82
|
-
selectedMultiple: [],
|
|
83
|
-
initiator: null,
|
|
84
|
-
});
|
|
85
|
-
};
|
|
86
|
-
const handleToggleAll = () => {
|
|
87
|
-
setSelectedDraft(flatOptions.length === selectedDraft.length ? [] : flatOptions);
|
|
88
|
-
};
|
|
89
|
-
const handleChange = ({ initiator, ...restArgs }) => {
|
|
90
|
-
if (!initiator) {
|
|
91
|
-
onChange({
|
|
92
|
-
initiator: null,
|
|
93
|
-
...restArgs,
|
|
94
|
-
});
|
|
95
|
-
return;
|
|
96
|
-
}
|
|
97
|
-
const initiatorSelected = selectedDraft.includes(initiator) ||
|
|
98
|
-
(initiator.key === SELECT_ALL_KEY && selectedDraft.length === flatOptions.length);
|
|
99
|
-
if (initiator.key === SELECT_ALL_KEY) {
|
|
100
|
-
setSelectedDraft(initiatorSelected ? [] : flatOptions);
|
|
101
|
-
}
|
|
102
|
-
else {
|
|
103
|
-
setSelectedDraft(initiatorSelected
|
|
104
|
-
? selectedDraft.filter((o) => o !== initiator)
|
|
105
|
-
: selectedDraft.concat(initiator));
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
const handleClose = () => setSelectedDraft(selectedOptionsRef.current);
|
|
109
|
-
useEffect(() => {
|
|
110
|
-
setSelectedDraft(selectedOptions);
|
|
111
|
-
selectedOptionsRef.current = selectedOptions;
|
|
112
|
-
}, [selectedOptions]);
|
|
113
|
-
const memoizedOptions = useMemo(() => (showSelectAll ? [selectAllOption, ...options] : options), [options, showSelectAll]);
|
|
114
|
-
return {
|
|
115
|
-
OptionsList: OptionsListWithApply,
|
|
116
|
-
optionsListProps: {
|
|
117
|
-
...optionsListProps,
|
|
118
|
-
OptionsList,
|
|
119
|
-
showClear,
|
|
120
|
-
onClear: handleClear,
|
|
121
|
-
onApply: handleApply,
|
|
122
|
-
onClose: handleClose,
|
|
123
|
-
selectedDraft,
|
|
124
|
-
showHeaderWithSelectAll,
|
|
125
|
-
headerProps: {
|
|
126
|
-
indeterminate: !!selectedDraft.length && selectedDraft.length < flatOptions.length,
|
|
127
|
-
checked: selectedDraft.length === flatOptions.length,
|
|
128
|
-
onChange: handleToggleAll,
|
|
129
|
-
},
|
|
130
|
-
},
|
|
131
|
-
allowUnselect: true,
|
|
132
|
-
multiple: true,
|
|
133
|
-
options: memoizedOptions,
|
|
134
|
-
onChange: handleChange,
|
|
135
|
-
selected,
|
|
136
|
-
showSearch,
|
|
137
|
-
searchProps: showSearch
|
|
138
|
-
? {
|
|
139
|
-
...searchProps,
|
|
140
|
-
value: search,
|
|
141
|
-
onChange: setSearch,
|
|
142
|
-
}
|
|
143
|
-
: undefined,
|
|
144
|
-
/* Костыль для респонсив селекта. В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */
|
|
145
|
-
originalProps: {
|
|
146
|
-
options,
|
|
147
|
-
selected,
|
|
148
|
-
onChange,
|
|
149
|
-
OptionsList,
|
|
150
|
-
optionsListProps,
|
|
151
|
-
showClear,
|
|
152
|
-
showSelectAll,
|
|
153
|
-
showHeaderWithSelectAll,
|
|
154
|
-
showSearch,
|
|
155
|
-
searchProps,
|
|
156
|
-
},
|
|
157
|
-
};
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
export { OptionsListWithApply as O, SELECT_ALL_KEY as S, useSelectWithApply as u };
|
package/stack/context.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/**
|
|
3
|
-
* Набор констант для z-index соответствующих классов компонентов.
|
|
4
|
-
* Значения выбраны по приоритету.
|
|
5
|
-
*/
|
|
6
|
-
declare const stackingOrder: {
|
|
7
|
-
/**
|
|
8
|
-
* Для компонентов с возможностью фокуса: кнопки, поля ввода
|
|
9
|
-
*/
|
|
10
|
-
FOCUSED: number;
|
|
11
|
-
/**
|
|
12
|
-
* Значение по-умолчанию
|
|
13
|
-
*/
|
|
14
|
-
DEFAULT: number;
|
|
15
|
-
/**
|
|
16
|
-
* Компоненты, которые управляют своей позицией, например, поповер, тултип
|
|
17
|
-
*/
|
|
18
|
-
POPOVER: number;
|
|
19
|
-
/**
|
|
20
|
-
* Для модальных окон с оверлеем
|
|
21
|
-
*/
|
|
22
|
-
MODAL: number;
|
|
23
|
-
/**
|
|
24
|
-
* Для тостов и нотификаций
|
|
25
|
-
*/
|
|
26
|
-
TOAST: number;
|
|
27
|
-
};
|
|
28
|
-
declare const StackingContext: import("react").Context<number>;
|
|
29
|
-
export { stackingOrder, StackingContext };
|
package/stack/context.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Набор констант для z-index соответствующих классов компонентов.
|
|
7
|
-
* Значения выбраны по приоритету.
|
|
8
|
-
*/
|
|
9
|
-
var stackingOrder = {
|
|
10
|
-
/**
|
|
11
|
-
* Для компонентов с возможностью фокуса: кнопки, поля ввода
|
|
12
|
-
*/
|
|
13
|
-
FOCUSED: 2,
|
|
14
|
-
/**
|
|
15
|
-
* Значение по-умолчанию
|
|
16
|
-
*/
|
|
17
|
-
DEFAULT: 10,
|
|
18
|
-
/**
|
|
19
|
-
* Компоненты, которые управляют своей позицией, например, поповер, тултип
|
|
20
|
-
*/
|
|
21
|
-
POPOVER: 50,
|
|
22
|
-
/**
|
|
23
|
-
* Для модальных окон с оверлеем
|
|
24
|
-
*/
|
|
25
|
-
MODAL: 100,
|
|
26
|
-
/**
|
|
27
|
-
* Для тостов и нотификаций
|
|
28
|
-
*/
|
|
29
|
-
TOAST: 1000,
|
|
30
|
-
};
|
|
31
|
-
var StackingContext = React.createContext(stackingOrder.DEFAULT);
|
|
32
|
-
|
|
33
|
-
exports.StackingContext = StackingContext;
|
|
34
|
-
exports.stackingOrder = stackingOrder;
|
package/stack/cssm/context.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/**
|
|
3
|
-
* Набор констант для z-index соответствующих классов компонентов.
|
|
4
|
-
* Значения выбраны по приоритету.
|
|
5
|
-
*/
|
|
6
|
-
declare const stackingOrder: {
|
|
7
|
-
/**
|
|
8
|
-
* Для компонентов с возможностью фокуса: кнопки, поля ввода
|
|
9
|
-
*/
|
|
10
|
-
FOCUSED: number;
|
|
11
|
-
/**
|
|
12
|
-
* Значение по-умолчанию
|
|
13
|
-
*/
|
|
14
|
-
DEFAULT: number;
|
|
15
|
-
/**
|
|
16
|
-
* Компоненты, которые управляют своей позицией, например, поповер, тултип
|
|
17
|
-
*/
|
|
18
|
-
POPOVER: number;
|
|
19
|
-
/**
|
|
20
|
-
* Для модальных окон с оверлеем
|
|
21
|
-
*/
|
|
22
|
-
MODAL: number;
|
|
23
|
-
/**
|
|
24
|
-
* Для тостов и нотификаций
|
|
25
|
-
*/
|
|
26
|
-
TOAST: number;
|
|
27
|
-
};
|
|
28
|
-
declare const StackingContext: import("react").Context<number>;
|
|
29
|
-
export { stackingOrder, StackingContext };
|
package/stack/cssm/context.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { createContext } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Набор констант для z-index соответствующих классов компонентов.
|
|
5
|
-
* Значения выбраны по приоритету.
|
|
6
|
-
*/
|
|
7
|
-
const stackingOrder = {
|
|
8
|
-
/**
|
|
9
|
-
* Для компонентов с возможностью фокуса: кнопки, поля ввода
|
|
10
|
-
*/
|
|
11
|
-
FOCUSED: 2,
|
|
12
|
-
/**
|
|
13
|
-
* Значение по-умолчанию
|
|
14
|
-
*/
|
|
15
|
-
DEFAULT: 10,
|
|
16
|
-
/**
|
|
17
|
-
* Компоненты, которые управляют своей позицией, например, поповер, тултип
|
|
18
|
-
*/
|
|
19
|
-
POPOVER: 50,
|
|
20
|
-
/**
|
|
21
|
-
* Для модальных окон с оверлеем
|
|
22
|
-
*/
|
|
23
|
-
MODAL: 100,
|
|
24
|
-
/**
|
|
25
|
-
* Для тостов и нотификаций
|
|
26
|
-
*/
|
|
27
|
-
TOAST: 1000,
|
|
28
|
-
};
|
|
29
|
-
const StackingContext = createContext(stackingOrder.DEFAULT);
|
|
30
|
-
|
|
31
|
-
export { StackingContext, stackingOrder };
|
package/stack/esm/context.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/**
|
|
3
|
-
* Набор констант для z-index соответствующих классов компонентов.
|
|
4
|
-
* Значения выбраны по приоритету.
|
|
5
|
-
*/
|
|
6
|
-
declare const stackingOrder: {
|
|
7
|
-
/**
|
|
8
|
-
* Для компонентов с возможностью фокуса: кнопки, поля ввода
|
|
9
|
-
*/
|
|
10
|
-
FOCUSED: number;
|
|
11
|
-
/**
|
|
12
|
-
* Значение по-умолчанию
|
|
13
|
-
*/
|
|
14
|
-
DEFAULT: number;
|
|
15
|
-
/**
|
|
16
|
-
* Компоненты, которые управляют своей позицией, например, поповер, тултип
|
|
17
|
-
*/
|
|
18
|
-
POPOVER: number;
|
|
19
|
-
/**
|
|
20
|
-
* Для модальных окон с оверлеем
|
|
21
|
-
*/
|
|
22
|
-
MODAL: number;
|
|
23
|
-
/**
|
|
24
|
-
* Для тостов и нотификаций
|
|
25
|
-
*/
|
|
26
|
-
TOAST: number;
|
|
27
|
-
};
|
|
28
|
-
declare const StackingContext: import("react").Context<number>;
|
|
29
|
-
export { stackingOrder, StackingContext };
|
package/stack/esm/context.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { createContext } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Набор констант для z-index соответствующих классов компонентов.
|
|
5
|
-
* Значения выбраны по приоритету.
|
|
6
|
-
*/
|
|
7
|
-
var stackingOrder = {
|
|
8
|
-
/**
|
|
9
|
-
* Для компонентов с возможностью фокуса: кнопки, поля ввода
|
|
10
|
-
*/
|
|
11
|
-
FOCUSED: 2,
|
|
12
|
-
/**
|
|
13
|
-
* Значение по-умолчанию
|
|
14
|
-
*/
|
|
15
|
-
DEFAULT: 10,
|
|
16
|
-
/**
|
|
17
|
-
* Компоненты, которые управляют своей позицией, например, поповер, тултип
|
|
18
|
-
*/
|
|
19
|
-
POPOVER: 50,
|
|
20
|
-
/**
|
|
21
|
-
* Для модальных окон с оверлеем
|
|
22
|
-
*/
|
|
23
|
-
MODAL: 100,
|
|
24
|
-
/**
|
|
25
|
-
* Для тостов и нотификаций
|
|
26
|
-
*/
|
|
27
|
-
TOAST: 1000,
|
|
28
|
-
};
|
|
29
|
-
var StackingContext = createContext(stackingOrder.DEFAULT);
|
|
30
|
-
|
|
31
|
-
export { StackingContext, stackingOrder };
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/**
|
|
3
|
-
* Набор констант для z-index соответствующих классов компонентов.
|
|
4
|
-
* Значения выбраны по приоритету.
|
|
5
|
-
*/
|
|
6
|
-
declare const stackingOrder: {
|
|
7
|
-
/**
|
|
8
|
-
* Для компонентов с возможностью фокуса: кнопки, поля ввода
|
|
9
|
-
*/
|
|
10
|
-
FOCUSED: number;
|
|
11
|
-
/**
|
|
12
|
-
* Значение по-умолчанию
|
|
13
|
-
*/
|
|
14
|
-
DEFAULT: number;
|
|
15
|
-
/**
|
|
16
|
-
* Компоненты, которые управляют своей позицией, например, поповер, тултип
|
|
17
|
-
*/
|
|
18
|
-
POPOVER: number;
|
|
19
|
-
/**
|
|
20
|
-
* Для модальных окон с оверлеем
|
|
21
|
-
*/
|
|
22
|
-
MODAL: number;
|
|
23
|
-
/**
|
|
24
|
-
* Для тостов и нотификаций
|
|
25
|
-
*/
|
|
26
|
-
TOAST: number;
|
|
27
|
-
};
|
|
28
|
-
declare const StackingContext: import("react").Context<number>;
|
|
29
|
-
export { stackingOrder, StackingContext };
|
package/stack/modern/context.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { createContext } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Набор констант для z-index соответствующих классов компонентов.
|
|
5
|
-
* Значения выбраны по приоритету.
|
|
6
|
-
*/
|
|
7
|
-
const stackingOrder = {
|
|
8
|
-
/**
|
|
9
|
-
* Для компонентов с возможностью фокуса: кнопки, поля ввода
|
|
10
|
-
*/
|
|
11
|
-
FOCUSED: 2,
|
|
12
|
-
/**
|
|
13
|
-
* Значение по-умолчанию
|
|
14
|
-
*/
|
|
15
|
-
DEFAULT: 10,
|
|
16
|
-
/**
|
|
17
|
-
* Компоненты, которые управляют своей позицией, например, поповер, тултип
|
|
18
|
-
*/
|
|
19
|
-
POPOVER: 50,
|
|
20
|
-
/**
|
|
21
|
-
* Для модальных окон с оверлеем
|
|
22
|
-
*/
|
|
23
|
-
MODAL: 100,
|
|
24
|
-
/**
|
|
25
|
-
* Для тостов и нотификаций
|
|
26
|
-
*/
|
|
27
|
-
TOAST: 1000,
|
|
28
|
-
};
|
|
29
|
-
const StackingContext = createContext(stackingOrder.DEFAULT);
|
|
30
|
-
|
|
31
|
-
export { StackingContext, stackingOrder };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|