@alfalab/core-components 46.3.0-beta.1 → 46.3.1-beta.0
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/amount-input/Component.js +1 -2
- package/amount-input/cssm/Component.js +1 -2
- package/amount-input/esm/Component.js +1 -2
- package/amount-input/esm/index.js +0 -1
- package/amount-input/modern/Component.js +1 -2
- package/amount-input/modern/index.js +0 -1
- package/button/Component.responsive.js +1 -2
- package/button/cssm/Component.responsive.js +1 -2
- package/button/esm/Component.responsive.js +2 -2
- package/button/esm/index.js +1 -1
- package/button/modern/Component.responsive.js +2 -2
- package/button/modern/index.js +1 -1
- package/calendar/Component.responsive.js +1 -2
- package/calendar/cssm/Component.responsive.js +1 -2
- package/calendar/esm/Component.responsive.js +2 -2
- package/calendar/esm/index.js +1 -1
- package/calendar/modern/Component.responsive.js +2 -2
- package/calendar/modern/index.js +1 -1
- package/calendar-input/Component.responsive.js +1 -2
- package/calendar-input/cssm/Component.responsive.js +1 -2
- package/calendar-input/esm/Component.responsive.js +1 -2
- package/calendar-input/esm/index.js +0 -1
- package/calendar-input/modern/Component.responsive.js +1 -2
- package/calendar-input/modern/index.js +0 -1
- package/checkbox-group/Component.responsive.js +1 -2
- package/checkbox-group/cssm/Component.responsive.js +1 -2
- package/checkbox-group/esm/Component.responsive.js +1 -2
- package/checkbox-group/esm/index.js +0 -1
- package/checkbox-group/modern/Component.responsive.js +1 -2
- package/checkbox-group/modern/index.js +0 -1
- package/code-input/Component.responsive.js +1 -2
- package/code-input/cssm/Component.responsive.js +1 -2
- package/code-input/esm/Component.responsive.js +1 -2
- package/code-input/esm/index.js +0 -1
- package/code-input/modern/Component.responsive.js +1 -2
- package/code-input/modern/index.js +0 -1
- package/confirmation/component.responsive.js +1 -2
- package/confirmation/components/base-confirmation/component.js +1 -2
- package/confirmation/components/screens/initial/component.js +1 -1
- package/confirmation/components/screens/initial/countdown-section.js +1 -1
- package/confirmation/cssm/component.responsive.js +1 -2
- package/confirmation/cssm/components/base-confirmation/component.js +1 -2
- package/confirmation/esm/component.responsive.js +2 -3
- package/confirmation/esm/components/base-confirmation/component.js +2 -3
- package/confirmation/esm/components/base-confirmation/index.js +1 -2
- package/confirmation/esm/components/index.js +1 -1
- package/confirmation/esm/components/screens/index.js +1 -1
- package/confirmation/esm/components/screens/initial/component.js +1 -1
- package/confirmation/esm/components/screens/initial/countdown-section.js +1 -1
- package/confirmation/esm/components/screens/initial/index.js +1 -1
- package/confirmation/esm/desktop/component.desktop.js +1 -2
- package/confirmation/esm/desktop/index.js +1 -2
- package/confirmation/esm/index.js +1 -2
- package/confirmation/esm/mobile/component.mobile.js +1 -2
- package/confirmation/esm/mobile/index.js +1 -2
- package/confirmation/esm/shared/index.js +1 -1
- package/confirmation/modern/component.responsive.js +2 -3
- package/confirmation/modern/components/base-confirmation/component.js +2 -3
- package/confirmation/modern/components/base-confirmation/index.js +1 -2
- package/confirmation/modern/components/index.js +1 -1
- package/confirmation/modern/components/screens/index.js +1 -1
- package/confirmation/modern/components/screens/initial/component.js +1 -1
- package/confirmation/modern/components/screens/initial/countdown-section.js +1 -1
- package/confirmation/modern/components/screens/initial/index.js +1 -1
- package/confirmation/modern/desktop/component.desktop.js +1 -2
- package/confirmation/modern/desktop/index.js +1 -2
- package/confirmation/modern/index.js +1 -2
- package/confirmation/modern/mobile/component.mobile.js +1 -2
- package/confirmation/modern/mobile/index.js +1 -2
- package/confirmation/modern/shared/index.js +1 -1
- package/custom-picker-button/Component.responsive.js +1 -2
- package/custom-picker-button/cssm/Component.responsive.js +1 -2
- package/custom-picker-button/esm/Component.responsive.js +1 -2
- package/custom-picker-button/esm/index.js +0 -1
- package/custom-picker-button/modern/Component.responsive.js +1 -2
- package/custom-picker-button/modern/index.js +0 -1
- package/date-range-input/Component.responsive.js +1 -2
- package/date-range-input/cssm/Component.responsive.js +1 -2
- package/date-range-input/esm/Component.responsive.js +1 -2
- package/date-range-input/esm/index.js +0 -1
- package/date-range-input/modern/Component.responsive.js +1 -2
- package/date-range-input/modern/index.js +0 -1
- package/date-time-input/Component.responsive.js +1 -2
- package/date-time-input/cssm/Component.responsive.js +1 -2
- package/date-time-input/esm/Component.responsive.js +1 -2
- package/date-time-input/esm/index.js +0 -1
- package/date-time-input/modern/Component.responsive.js +1 -2
- package/date-time-input/modern/index.js +0 -1
- package/filter-tag/Component.responsive.js +1 -2
- package/filter-tag/cssm/Component.responsive.js +1 -2
- package/filter-tag/esm/Component.responsive.js +1 -2
- package/filter-tag/esm/index.js +0 -1
- package/filter-tag/modern/Component.responsive.js +1 -2
- package/filter-tag/modern/index.js +0 -1
- package/form-control/Component.responsive.js +1 -2
- package/form-control/cssm/Component.responsive.js +1 -2
- package/form-control/esm/Component.responsive.js +2 -2
- package/form-control/esm/index.js +1 -1
- package/form-control/modern/Component.responsive.js +2 -2
- package/form-control/modern/index.js +1 -1
- package/input/Component.responsive.js +1 -2
- package/input/cssm/Component.responsive.js +1 -2
- package/input/esm/Component.responsive.js +2 -2
- package/input/esm/index.js +1 -1
- package/input/modern/Component.responsive.js +2 -2
- package/input/modern/index.js +1 -1
- package/input-autocomplete/Component.responsive.js +1 -2
- package/input-autocomplete/cssm/Component.responsive.js +1 -2
- package/input-autocomplete/esm/Component.responsive.js +2 -2
- package/input-autocomplete/esm/index.js +1 -1
- package/input-autocomplete/modern/Component.responsive.js +2 -2
- package/input-autocomplete/modern/index.js +1 -1
- package/international-phone-input/Component.responsive.js +1 -2
- package/international-phone-input/cssm/Component.responsive.js +1 -2
- package/international-phone-input/esm/Component.responsive.js +2 -2
- package/international-phone-input/esm/index.js +1 -1
- package/international-phone-input/modern/Component.responsive.js +2 -2
- package/international-phone-input/modern/index.js +1 -1
- package/markdown/Component.responsive.js +1 -1
- package/markdown/cssm/Component.responsive.js +1 -1
- package/markdown/esm/Component.responsive.js +2 -2
- package/markdown/modern/Component.responsive.js +2 -2
- package/modal/Component.responsive.js +1 -2
- package/modal/components/controls/Component.js +1 -1
- package/modal/components/footer/Component.js +1 -1
- package/modal/cssm/Component.responsive.js +1 -2
- package/modal/esm/Component.responsive.js +3 -3
- package/modal/esm/components/controls/Component.js +1 -1
- package/modal/esm/components/controls/index.js +1 -1
- package/modal/esm/components/footer/Component.js +1 -1
- package/modal/esm/desktop/Component.desktop.js +1 -1
- package/modal/esm/desktop/index.js +1 -1
- package/modal/esm/index.js +2 -2
- package/modal/esm/mobile/Component.mobile.js +1 -1
- package/modal/esm/mobile/index.js +1 -1
- package/modal/modern/Component.responsive.js +3 -3
- package/modal/modern/components/controls/Component.js +1 -1
- package/modal/modern/components/controls/index.js +1 -1
- package/modal/modern/components/footer/Component.js +1 -1
- package/modal/modern/desktop/Component.desktop.js +1 -1
- package/modal/modern/desktop/index.js +1 -1
- package/modal/modern/index.js +2 -2
- package/modal/modern/mobile/Component.mobile.js +1 -1
- package/modal/modern/mobile/index.js +1 -1
- package/number-input/Component.responsive.js +1 -2
- package/number-input/cssm/Component.responsive.js +1 -2
- package/number-input/esm/Component.responsive.js +2 -2
- package/number-input/esm/index.js +1 -1
- package/number-input/modern/Component.responsive.js +2 -2
- package/number-input/modern/index.js +1 -1
- package/package.json +1 -1
- package/pattern-lock/Component.responsive.js +1 -2
- package/pattern-lock/cssm/Component.responsive.js +1 -2
- package/pattern-lock/esm/Component.responsive.js +2 -2
- package/pattern-lock/esm/index.js +1 -1
- package/pattern-lock/modern/Component.responsive.js +2 -2
- package/pattern-lock/modern/index.js +1 -1
- package/picker-button/Component-307da6d7.d.ts +168 -0
- package/picker-button/Component.responsive.js +1 -2
- package/picker-button/Context-c2e6f1b2.d.ts +4 -0
- package/picker-button/cssm/Component-307da6d7.d.ts +168 -0
- package/picker-button/cssm/Component.responsive.js +1 -2
- package/picker-button/cssm/Context-c2e6f1b2.d.ts +4 -0
- package/picker-button/cssm/index-064acd29.d.ts +13 -0
- package/picker-button/cssm/index-307da6d7.d.ts +67 -0
- package/picker-button/cssm/mobile/Component.mobile.js +1 -2
- package/picker-button/cssm/types-a870d1f8.d.ts +117 -0
- package/picker-button/cssm/typings-cab56f5d.d.ts +10 -415
- package/picker-button/esm/Component-307da6d7.d.ts +168 -0
- package/picker-button/esm/Component.responsive.js +1 -2
- package/picker-button/esm/Context-c2e6f1b2.d.ts +4 -0
- package/picker-button/esm/index-064acd29.d.ts +13 -0
- package/picker-button/esm/index-307da6d7.d.ts +67 -0
- package/picker-button/esm/index.js +0 -1
- package/picker-button/esm/mobile/Component.mobile.js +1 -2
- package/picker-button/esm/mobile/index.js +0 -1
- package/picker-button/esm/types-a870d1f8.d.ts +117 -0
- package/picker-button/esm/typings-cab56f5d.d.ts +10 -415
- package/picker-button/index-064acd29.d.ts +13 -0
- package/picker-button/index-307da6d7.d.ts +67 -0
- package/picker-button/mobile/Component.mobile.js +1 -2
- package/picker-button/modern/Component-307da6d7.d.ts +168 -0
- package/picker-button/modern/Component.responsive.js +1 -2
- package/picker-button/modern/Context-c2e6f1b2.d.ts +4 -0
- package/picker-button/modern/index-064acd29.d.ts +13 -0
- package/picker-button/modern/index-307da6d7.d.ts +67 -0
- package/picker-button/modern/index.js +0 -1
- package/picker-button/modern/mobile/Component.mobile.js +1 -2
- package/picker-button/modern/mobile/index.js +0 -1
- package/picker-button/modern/types-a870d1f8.d.ts +117 -0
- package/picker-button/modern/typings-cab56f5d.d.ts +10 -415
- package/picker-button/types-a870d1f8.d.ts +117 -0
- package/picker-button/typings-cab56f5d.d.ts +10 -415
- package/plate/Component.responsive.js +1 -17
- package/plate/cssm/Component.responsive.js +1 -17
- package/plate/esm/Component.responsive.js +2 -17
- package/plate/esm/index.js +1 -1
- package/plate/modern/Component.responsive.js +2 -18
- package/plate/modern/index.js +1 -1
- package/radio-group/Component.responsive.js +1 -2
- package/radio-group/cssm/Component.responsive.js +1 -2
- package/radio-group/esm/Component.responsive.js +1 -2
- package/radio-group/esm/index.js +0 -1
- package/radio-group/modern/Component.responsive.js +1 -2
- package/radio-group/modern/index.js +0 -1
- package/scrollbar/Component.js +1 -1
- package/scrollbar/cssm/Component.js +1 -1
- package/scrollbar/esm/Component.js +1 -1
- package/scrollbar/modern/Component.js +1 -1
- package/select/Component.responsive.js +1 -2
- package/select/cssm/Component.responsive.js +1 -2
- package/select/esm/Component.responsive.js +3 -3
- package/select/esm/index.js +2 -2
- package/select/esm/mobile/Component.mobile.js +1 -1
- package/select/esm/mobile/Component.modal.mobile.js +1 -1
- package/select/esm/mobile/index.js +1 -1
- package/select/esm/presets/index.js +1 -1
- package/select/esm/presets/useSelectWithApply/hook.js +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/esm/shared/index.js +1 -1
- package/select/mobile/Component.mobile.js +1 -1
- package/select/modern/Component.responsive.js +3 -3
- package/select/modern/index.js +2 -2
- package/select/modern/mobile/Component.mobile.js +1 -1
- package/select/modern/mobile/Component.modal.mobile.js +1 -1
- package/select/modern/mobile/index.js +1 -1
- package/select/modern/presets/index.js +1 -1
- package/select/modern/presets/useSelectWithApply/hook.js +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/modern/shared/index.js +1 -1
- package/select/presets/index.js +1 -1
- package/select/presets/useSelectWithApply/hook.js +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/shared/index.js +1 -1
- package/select-with-tags/Component.responsive.js +1 -2
- package/select-with-tags/cssm/Component.responsive.js +1 -2
- package/select-with-tags/esm/Component.responsive.js +1 -2
- package/select-with-tags/esm/index.js +0 -1
- package/select-with-tags/modern/Component.responsive.js +1 -2
- package/select-with-tags/modern/index.js +0 -1
- package/shared/cssm/index.d.ts +0 -1
- package/shared/cssm/index.js +0 -2
- package/shared/esm/index.d.ts +0 -1
- package/shared/esm/index.js +0 -1
- package/shared/index.d.ts +0 -1
- package/shared/index.js +0 -2
- package/shared/modern/index.d.ts +0 -1
- package/shared/modern/index.js +0 -1
- package/side-panel/Component.responsive.js +1 -1
- 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 +1 -1
- package/side-panel/esm/Component.responsive.js +3 -3
- 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 +3 -3
- 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/system-message/Components.responsive.js +1 -1
- package/system-message/cssm/Components.responsive.js +1 -1
- package/system-message/esm/Components.responsive.js +2 -2
- package/system-message/modern/Components.responsive.js +2 -2
- package/tabs/components/primary-tablist/Component.collapsible.js +1 -2
- package/tabs/components/primary-tablist/Component.responsive.js +1 -2
- package/tabs/components/secondary-tablist/Component.responsive.js +1 -2
- package/tabs/components/tabs/Component.js +1 -2
- package/tabs/cssm/components/primary-tablist/Component.collapsible.js +1 -2
- package/tabs/cssm/components/primary-tablist/Component.responsive.js +1 -2
- package/tabs/cssm/components/secondary-tablist/Component.responsive.js +1 -2
- package/tabs/cssm/components/tabs/Component.js +1 -2
- package/tabs/esm/collapsible/index.js +1 -1
- package/tabs/esm/components/primary-tablist/Component.collapsible.js +2 -2
- package/tabs/esm/components/primary-tablist/Component.responsive.js +2 -2
- package/tabs/esm/components/secondary-tablist/Component.responsive.js +2 -2
- package/tabs/esm/components/tabs/Component.collapsible.js +1 -1
- package/tabs/esm/components/tabs/Component.js +1 -2
- package/tabs/esm/components/tabs/Component.responsive.js +1 -1
- package/tabs/esm/index.js +1 -1
- package/tabs/modern/collapsible/index.js +1 -1
- package/tabs/modern/components/primary-tablist/Component.collapsible.js +2 -2
- package/tabs/modern/components/primary-tablist/Component.responsive.js +2 -2
- package/tabs/modern/components/secondary-tablist/Component.responsive.js +2 -2
- package/tabs/modern/components/tabs/Component.collapsible.js +1 -1
- package/tabs/modern/components/tabs/Component.js +1 -2
- package/tabs/modern/components/tabs/Component.responsive.js +1 -1
- package/tabs/modern/index.js +1 -1
- package/tag/Component.responsive.js +1 -2
- package/tag/components/base-tag/Component.d.ts +1 -1
- package/tag/cssm/Component.responsive.js +1 -2
- package/tag/cssm/components/base-tag/Component.d.ts +1 -1
- package/tag/esm/Component.responsive.js +1 -2
- package/tag/esm/components/base-tag/Component.d.ts +1 -1
- package/tag/esm/index.js +0 -1
- package/tag/modern/Component.responsive.js +1 -2
- package/tag/modern/components/base-tag/Component.d.ts +1 -1
- package/tag/modern/index.js +0 -1
- package/themes/compiled/mobile-dark-bluetint.css +30 -169
- package/themes/corp.css +0 -3
- package/themes/mixins/corp.css +0 -1
- package/toast/Component.responsive.js +1 -2
- package/toast/cssm/Component.responsive.js +1 -2
- package/toast/esm/Component.responsive.js +1 -2
- package/toast/esm/index.js +0 -1
- package/toast/modern/Component.responsive.js +1 -2
- package/toast/modern/index.js +0 -1
- package/toast-plate/Component.responsive.js +1 -2
- package/toast-plate/browser-a216f694.d.ts +6 -0
- package/toast-plate/components/base-toast-plate/component.js +4 -3
- package/toast-plate/components/base-toast-plate/hooks/useDeprecatedBadge.js +5 -2
- package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +5 -3
- package/toast-plate/cssm/Component.responsive.js +1 -2
- package/toast-plate/cssm/browser-a216f694.d.ts +6 -0
- package/toast-plate/cssm/components/base-toast-plate/component.js +4 -3
- package/toast-plate/cssm/components/base-toast-plate/hooks/useDeprecatedBadge.js +5 -2
- package/toast-plate/cssm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +5 -3
- package/toast-plate/cssm/getDataTestId-73ea38f8.d.ts +3 -0
- package/toast-plate/cssm/getDataTestId-73ea38f8.js +6 -0
- package/toast-plate/cssm/index-307da6d7.d.ts +71 -0
- package/toast-plate/cssm/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
- package/toast-plate/esm/Component.responsive.js +3 -2
- package/toast-plate/esm/browser-a216f694.d.ts +6 -0
- package/toast-plate/esm/components/base-toast-plate/component.js +2 -1
- package/toast-plate/esm/components/base-toast-plate/hooks/useDeprecatedBadge.js +4 -1
- package/toast-plate/esm/components/base-toast-plate/index.js +2 -1
- package/toast-plate/esm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +3 -1
- package/toast-plate/esm/desktop/Component.desktop.js +2 -1
- package/toast-plate/esm/desktop/index.js +2 -1
- package/toast-plate/esm/getDataTestId-8c3fed0f.d.ts +3 -0
- package/toast-plate/esm/getDataTestId-8c3fed0f.js +6 -0
- package/toast-plate/esm/index-307da6d7.d.ts +71 -0
- package/toast-plate/esm/index.js +2 -1
- package/toast-plate/esm/mobile/Component.mobile.js +2 -1
- package/toast-plate/esm/mobile/index.js +2 -1
- package/toast-plate/esm/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
- package/toast-plate/getDataTestId-616b4aa4.d.ts +3 -0
- package/toast-plate/getDataTestId-616b4aa4.js +6 -0
- package/toast-plate/index-307da6d7.d.ts +71 -0
- package/toast-plate/modern/Component.responsive.js +3 -2
- package/toast-plate/modern/browser-a216f694.d.ts +6 -0
- package/toast-plate/modern/components/base-toast-plate/component.js +2 -1
- package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.js +4 -1
- package/toast-plate/modern/components/base-toast-plate/index.js +2 -1
- package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +3 -1
- package/toast-plate/modern/desktop/Component.desktop.js +2 -1
- package/toast-plate/modern/desktop/index.js +2 -1
- package/toast-plate/modern/getDataTestId-72c08d00.d.ts +3 -0
- package/toast-plate/modern/getDataTestId-72c08d00.js +6 -0
- package/toast-plate/modern/index-307da6d7.d.ts +71 -0
- package/toast-plate/modern/index.js +2 -1
- package/toast-plate/modern/mobile/Component.mobile.js +2 -1
- package/toast-plate/modern/mobile/index.js +2 -1
- package/toast-plate/modern/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
- package/toast-plate/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
- package/tooltip/Component.responsive.js +1 -2
- package/tooltip/cssm/Component.responsive.js +1 -2
- package/tooltip/esm/Component.responsive.js +1 -2
- package/tooltip/esm/index.js +0 -1
- package/tooltip/modern/Component.responsive.js +1 -2
- package/tooltip/modern/index.js +0 -1
- package/universal-date-input/Component.responsive.js +1 -2
- package/universal-date-input/cssm/Component.responsive.js +1 -2
- package/universal-date-input/esm/Component.responsive.js +2 -2
- package/universal-date-input/esm/index.js +1 -1
- package/universal-date-input/modern/Component.responsive.js +2 -2
- package/universal-date-input/modern/index.js +1 -1
- package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
- package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.js +0 -18
- package/shared/cssm/getComponentBreakpoint/index.d.ts +0 -1
- package/shared/cssm/getComponentBreakpoint/index.js +0 -7
- package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
- package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.js +0 -16
- package/shared/esm/getComponentBreakpoint/index.d.ts +0 -1
- package/shared/esm/getComponentBreakpoint/index.js +0 -1
- package/shared/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
- package/shared/getComponentBreakpoint/getComponentBreakpoint.js +0 -18
- package/shared/getComponentBreakpoint/index.d.ts +0 -1
- package/shared/getComponentBreakpoint/index.js +0 -7
- package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
- package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.js +0 -17
- package/shared/modern/getComponentBreakpoint/index.d.ts +0 -1
- package/shared/modern/getComponentBreakpoint/index.js +0 -1
- package/themes/breakpoints/breakpoint-768.css +0 -3
- /package/confirmation/{countdown-section-43d652bc.d.ts → countdown-section-aec25c87.d.ts} +0 -0
- /package/confirmation/{countdown-section-43d652bc.js → countdown-section-aec25c87.js} +0 -0
- /package/confirmation/esm/{countdown-section-fa359ca6.d.ts → countdown-section-c3e9c20e.d.ts} +0 -0
- /package/confirmation/esm/{countdown-section-fa359ca6.js → countdown-section-c3e9c20e.js} +0 -0
- /package/confirmation/modern/{countdown-section-5dad7304.d.ts → countdown-section-8f8ec9cc.d.ts} +0 -0
- /package/confirmation/modern/{countdown-section-5dad7304.js → countdown-section-8f8ec9cc.js} +0 -0
- /package/modal/esm/{layout.module-b4ea6558.js → layout.module-8c132de9.js} +0 -0
- /package/modal/{layout.module-7efaf6d6.js → layout.module-46235d07.js} +0 -0
- /package/modal/modern/{layout.module-58f4847a.js → layout.module-21005b1e.js} +0 -0
- /package/{plate → picker-button}/browser-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/cssm/browser-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/cssm/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/esm/browser-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/esm/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/modern/browser-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/modern/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/select/esm/{hook-bfd507f2.d.ts → hook-7c54b450.d.ts} +0 -0
- /package/select/esm/{hook-bfd507f2.js → hook-7c54b450.js} +0 -0
- /package/select/{hook-2a286167.d.ts → hook-f698d382.d.ts} +0 -0
- /package/select/{hook-2a286167.js → hook-f698d382.js} +0 -0
- /package/select/modern/{hook-b7be50fa.d.ts → hook-ae85f4a7.d.ts} +0 -0
- /package/select/modern/{hook-b7be50fa.js → hook-ae85f4a7.js} +0 -0
- /package/side-panel/esm/{layout.module-b0991390.js → layout.module-705483a3.js} +0 -0
- /package/side-panel/{layout.module-e5881cc7.js → layout.module-5c45e934.js} +0 -0
- /package/side-panel/modern/{layout.module-77a5552f.js → layout.module-8f376872.js} +0 -0
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
|
-
var coreComponentsShared = require('../../../shared');
|
|
7
6
|
var hooks = require('@alfalab/hooks');
|
|
8
7
|
var context = require('../../context.js');
|
|
9
8
|
var types = require('../../types.js');
|
|
@@ -28,7 +27,7 @@ var confirmationScreens = {
|
|
|
28
27
|
TEMP_BLOCK: components_screens_tempBlock_component.TempBlock,
|
|
29
28
|
};
|
|
30
29
|
var BaseConfirmation = function (_a) {
|
|
31
|
-
var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? utils.ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? utils.ONE_DAY : _e, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, _g = _a.hideCountdownSection, hideCountdownSection = _g === void 0 ? false : _g, _h = _a.breakpoint, breakpoint = _h === void 0 ?
|
|
30
|
+
var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? utils.ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? utils.ONE_DAY : _e, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, _g = _a.hideCountdownSection, hideCountdownSection = _g === void 0 ? false : _g, _h = _a.breakpoint, breakpoint = _h === void 0 ? 1024 : _h, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, restProps = tslib.__rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError", "hideCountdownSection", "breakpoint", "initialScreenHintSlot", "errorVisibleDuration"]);
|
|
32
31
|
var _j = utils.useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
|
|
33
32
|
var prevState = hooks.usePrevious(state);
|
|
34
33
|
React.useEffect(function () {
|
|
@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
|
|
|
10
10
|
var hooks = require('@alfalab/hooks');
|
|
11
11
|
var context = require('../../../context.js');
|
|
12
12
|
var components_header_component = require('../../header/component.js');
|
|
13
|
-
var components_screens_initial_countdownSection = require('../../../countdown-section-
|
|
13
|
+
var components_screens_initial_countdownSection = require('../../../countdown-section-aec25c87.js');
|
|
14
14
|
|
|
15
15
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
16
16
|
|
|
@@ -7,7 +7,7 @@ require('../../../../spinner');
|
|
|
7
7
|
require('../../../../typography');
|
|
8
8
|
require('../../../context.js');
|
|
9
9
|
require('../../../utils.js');
|
|
10
|
-
var components_screens_initial_countdownSection = require('../../../countdown-section-
|
|
10
|
+
var components_screens_initial_countdownSection = require('../../../countdown-section-aec25c87.js');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsMq = require('../../mq/cssm');
|
|
6
|
-
var coreComponentsShared = require('../../shared/cssm');
|
|
7
6
|
var desktop_component_desktop = require('./desktop/component.desktop.js');
|
|
8
7
|
var mobile_component_mobile = require('./mobile/component.mobile.js');
|
|
9
8
|
|
|
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
12
|
|
|
14
13
|
var ConfirmationResponsive = function (_a) {
|
|
15
|
-
var _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
|
|
16
15
|
var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), true)[0];
|
|
17
16
|
return isDesktop ? (React__default.default.createElement(desktop_component_desktop.ConfirmationDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(mobile_component_mobile.ConfirmationMobile, tslib.__assign({ breakpoint: breakpoint }, restProps)));
|
|
18
17
|
};
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
|
-
var coreComponentsShared = require('../../../../shared/cssm');
|
|
7
6
|
var hooks = require('@alfalab/hooks');
|
|
8
7
|
var context = require('../../context.js');
|
|
9
8
|
var types = require('../../types.js');
|
|
@@ -27,7 +26,7 @@ var confirmationScreens = {
|
|
|
27
26
|
TEMP_BLOCK: components_screens_tempBlock_component.TempBlock,
|
|
28
27
|
};
|
|
29
28
|
var BaseConfirmation = function (_a) {
|
|
30
|
-
var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? utils.ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? utils.ONE_DAY : _e, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, _g = _a.hideCountdownSection, hideCountdownSection = _g === void 0 ? false : _g, _h = _a.breakpoint, breakpoint = _h === void 0 ?
|
|
29
|
+
var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? utils.ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? utils.ONE_DAY : _e, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, _g = _a.hideCountdownSection, hideCountdownSection = _g === void 0 ? false : _g, _h = _a.breakpoint, breakpoint = _h === void 0 ? 1024 : _h, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, restProps = tslib.__rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError", "hideCountdownSection", "breakpoint", "initialScreenHintSlot", "errorVisibleDuration"]);
|
|
31
30
|
var _j = utils.useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
|
|
32
31
|
var prevState = hooks.usePrevious(state);
|
|
33
32
|
React.useEffect(function () {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useMatchMedia } from '../../mq/esm';
|
|
4
|
-
import { getComponentBreakpoint } from '../../shared/esm';
|
|
5
4
|
import { ConfirmationDesktop } from './desktop/component.desktop.js';
|
|
6
5
|
import { ConfirmationMobile } from './mobile/component.mobile.js';
|
|
7
6
|
import './components/base-confirmation/component.js';
|
|
@@ -17,7 +16,7 @@ import '../../code-input/esm/mobile';
|
|
|
17
16
|
import '../../link/esm';
|
|
18
17
|
import '../../typography/esm';
|
|
19
18
|
import './components/header/component.js';
|
|
20
|
-
import './countdown-section-
|
|
19
|
+
import './countdown-section-c3e9c20e.js';
|
|
21
20
|
import '../../button/esm';
|
|
22
21
|
import '../../spinner/esm';
|
|
23
22
|
import './components/screens/hint/component.js';
|
|
@@ -26,7 +25,7 @@ import './components/screens/temp-block/component.js';
|
|
|
26
25
|
import './components/countdown-loader/component.js';
|
|
27
26
|
|
|
28
27
|
var ConfirmationResponsive = function (_a) {
|
|
29
|
-
var _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
28
|
+
var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
|
|
30
29
|
var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), true)[0];
|
|
31
30
|
return isDesktop ? (React.createElement(ConfirmationDesktop, __assign({}, restProps))) : (React.createElement(ConfirmationMobile, __assign({ breakpoint: breakpoint }, restProps)));
|
|
32
31
|
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React, { useEffect, useMemo } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
|
-
import { getComponentBreakpoint } from '../../../../shared/esm';
|
|
5
4
|
import { usePrevious } from '@alfalab/hooks';
|
|
6
5
|
import { ConfirmationContext } from '../../context.js';
|
|
7
6
|
import { defaultTexts } from '../../types.js';
|
|
@@ -16,7 +15,7 @@ import '../../../../code-input/esm/mobile';
|
|
|
16
15
|
import '../../../../link/esm';
|
|
17
16
|
import '../../../../typography/esm';
|
|
18
17
|
import '../header/component.js';
|
|
19
|
-
import '../../countdown-section-
|
|
18
|
+
import '../../countdown-section-c3e9c20e.js';
|
|
20
19
|
import '../../../../button/esm';
|
|
21
20
|
import '../../../../spinner/esm';
|
|
22
21
|
import '../countdown-loader/component.js';
|
|
@@ -31,7 +30,7 @@ var confirmationScreens = {
|
|
|
31
30
|
TEMP_BLOCK: TempBlock,
|
|
32
31
|
};
|
|
33
32
|
var BaseConfirmation = function (_a) {
|
|
34
|
-
var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? ONE_DAY : _e, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, _g = _a.hideCountdownSection, hideCountdownSection = _g === void 0 ? false : _g, _h = _a.breakpoint, breakpoint = _h === void 0 ?
|
|
33
|
+
var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? ONE_DAY : _e, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, _g = _a.hideCountdownSection, hideCountdownSection = _g === void 0 ? false : _g, _h = _a.breakpoint, breakpoint = _h === void 0 ? 1024 : _h, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, restProps = __rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError", "hideCountdownSection", "breakpoint", "initialScreenHintSlot", "errorVisibleDuration"]);
|
|
35
34
|
var _j = useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
|
|
36
35
|
var prevState = usePrevious(state);
|
|
37
36
|
useEffect(function () {
|
|
@@ -2,7 +2,6 @@ export { BaseConfirmation } from './component.js';
|
|
|
2
2
|
import 'tslib';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'classnames';
|
|
5
|
-
import '../../../../shared/esm';
|
|
6
5
|
import '@alfalab/hooks';
|
|
7
6
|
import '../../context.js';
|
|
8
7
|
import '../../utils.js';
|
|
@@ -14,7 +13,7 @@ import '../../../../code-input/esm/mobile';
|
|
|
14
13
|
import '../../../../link/esm';
|
|
15
14
|
import '../../../../typography/esm';
|
|
16
15
|
import '../header/component.js';
|
|
17
|
-
import '../../countdown-section-
|
|
16
|
+
import '../../countdown-section-c3e9c20e.js';
|
|
18
17
|
import '../../../../button/esm';
|
|
19
18
|
import '../../../../spinner/esm';
|
|
20
19
|
import '../screens/hint/component.js';
|
|
@@ -14,6 +14,6 @@ import '@alfalab/hooks';
|
|
|
14
14
|
import '../context.js';
|
|
15
15
|
import '../utils.js';
|
|
16
16
|
import './header/component.js';
|
|
17
|
-
import '../countdown-section-
|
|
17
|
+
import '../countdown-section-c3e9c20e.js';
|
|
18
18
|
import '../../../button/esm';
|
|
19
19
|
import '../../../spinner/esm';
|
|
@@ -13,7 +13,7 @@ import '@alfalab/hooks';
|
|
|
13
13
|
import '../../context.js';
|
|
14
14
|
import '../../utils.js';
|
|
15
15
|
import '../header/component.js';
|
|
16
|
-
import '../../countdown-section-
|
|
16
|
+
import '../../countdown-section-c3e9c20e.js';
|
|
17
17
|
import '../../../../button/esm';
|
|
18
18
|
import '../../../../spinner/esm';
|
|
19
19
|
import '../countdown-loader/component.js';
|
|
@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/esm';
|
|
|
8
8
|
import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
|
|
9
9
|
import { ConfirmationContext } from '../../../context.js';
|
|
10
10
|
import { Header } from '../../header/component.js';
|
|
11
|
-
import { s as styles, C as CountdownSection } from '../../../countdown-section-
|
|
11
|
+
import { s as styles, C as CountdownSection } from '../../../countdown-section-c3e9c20e.js';
|
|
12
12
|
import '../../../utils.js';
|
|
13
13
|
import '../../../../../button/esm';
|
|
14
14
|
import '../../../../../spinner/esm';
|
|
@@ -4,5 +4,5 @@ import '../../../../../button/esm';
|
|
|
4
4
|
import '../../../../../spinner/esm';
|
|
5
5
|
import '../../../../../typography/esm';
|
|
6
6
|
import '../../../context.js';
|
|
7
|
-
export { C as CountdownSection } from '../../../countdown-section-
|
|
7
|
+
export { C as CountdownSection } from '../../../countdown-section-c3e9c20e.js';
|
|
8
8
|
import '../../../utils.js';
|
|
@@ -10,6 +10,6 @@ import '@alfalab/hooks';
|
|
|
10
10
|
import '../../../context.js';
|
|
11
11
|
import '../../../utils.js';
|
|
12
12
|
import '../../header/component.js';
|
|
13
|
-
import '../../../countdown-section-
|
|
13
|
+
import '../../../countdown-section-c3e9c20e.js';
|
|
14
14
|
import '../../../../../button/esm';
|
|
15
15
|
import '../../../../../spinner/esm';
|
|
@@ -2,7 +2,6 @@ import { __assign } from 'tslib';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { BaseConfirmation } from '../components/base-confirmation/component.js';
|
|
4
4
|
import 'classnames';
|
|
5
|
-
import '../../../shared/esm';
|
|
6
5
|
import '@alfalab/hooks';
|
|
7
6
|
import '../context.js';
|
|
8
7
|
import '../utils.js';
|
|
@@ -14,7 +13,7 @@ import '../../../code-input/esm/mobile';
|
|
|
14
13
|
import '../../../link/esm';
|
|
15
14
|
import '../../../typography/esm';
|
|
16
15
|
import '../components/header/component.js';
|
|
17
|
-
import '../countdown-section-
|
|
16
|
+
import '../countdown-section-c3e9c20e.js';
|
|
18
17
|
import '../../../button/esm';
|
|
19
18
|
import '../../../spinner/esm';
|
|
20
19
|
import '../components/screens/hint/component.js';
|
|
@@ -4,7 +4,6 @@ import 'tslib';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../components/base-confirmation/component.js';
|
|
6
6
|
import 'classnames';
|
|
7
|
-
import '../../../shared/esm';
|
|
8
7
|
import '@alfalab/hooks';
|
|
9
8
|
import '../context.js';
|
|
10
9
|
import '../types.js';
|
|
@@ -15,7 +14,7 @@ import '../../../code-input/esm/mobile';
|
|
|
15
14
|
import '../../../link/esm';
|
|
16
15
|
import '../../../typography/esm';
|
|
17
16
|
import '../components/header/component.js';
|
|
18
|
-
import '../countdown-section-
|
|
17
|
+
import '../countdown-section-c3e9c20e.js';
|
|
19
18
|
import '../../../button/esm';
|
|
20
19
|
import '../../../spinner/esm';
|
|
21
20
|
import '../components/screens/hint/component.js';
|
|
@@ -3,7 +3,6 @@ export { useConfirmation, useCountdown } from './utils.js';
|
|
|
3
3
|
import 'tslib';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../../mq/esm';
|
|
6
|
-
import '../../shared/esm';
|
|
7
6
|
import './desktop/component.desktop.js';
|
|
8
7
|
import './components/base-confirmation/component.js';
|
|
9
8
|
import 'classnames';
|
|
@@ -17,7 +16,7 @@ import '../../code-input/esm/mobile';
|
|
|
17
16
|
import '../../link/esm';
|
|
18
17
|
import '../../typography/esm';
|
|
19
18
|
import './components/header/component.js';
|
|
20
|
-
import './countdown-section-
|
|
19
|
+
import './countdown-section-c3e9c20e.js';
|
|
21
20
|
import '../../button/esm';
|
|
22
21
|
import '../../spinner/esm';
|
|
23
22
|
import './components/screens/hint/component.js';
|
|
@@ -2,7 +2,6 @@ import { __rest, __assign } from 'tslib';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { BaseConfirmation } from '../components/base-confirmation/component.js';
|
|
5
|
-
import '../../../shared/esm';
|
|
6
5
|
import '@alfalab/hooks';
|
|
7
6
|
import '../context.js';
|
|
8
7
|
import '../utils.js';
|
|
@@ -14,7 +13,7 @@ import '../../../code-input/esm/mobile';
|
|
|
14
13
|
import '../../../link/esm';
|
|
15
14
|
import '../../../typography/esm';
|
|
16
15
|
import '../components/header/component.js';
|
|
17
|
-
import '../countdown-section-
|
|
16
|
+
import '../countdown-section-c3e9c20e.js';
|
|
18
17
|
import '../../../button/esm';
|
|
19
18
|
import '../../../spinner/esm';
|
|
20
19
|
import '../components/screens/hint/component.js';
|
|
@@ -4,7 +4,6 @@ import 'tslib';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import 'classnames';
|
|
6
6
|
import '../components/base-confirmation/component.js';
|
|
7
|
-
import '../../../shared/esm';
|
|
8
7
|
import '@alfalab/hooks';
|
|
9
8
|
import '../context.js';
|
|
10
9
|
import '../types.js';
|
|
@@ -15,7 +14,7 @@ import '../../../code-input/esm/mobile';
|
|
|
15
14
|
import '../../../link/esm';
|
|
16
15
|
import '../../../typography/esm';
|
|
17
16
|
import '../components/header/component.js';
|
|
18
|
-
import '../countdown-section-
|
|
17
|
+
import '../countdown-section-c3e9c20e.js';
|
|
19
18
|
import '../../../button/esm';
|
|
20
19
|
import '../../../spinner/esm';
|
|
21
20
|
import '../components/screens/hint/component.js';
|
|
@@ -15,6 +15,6 @@ import '../../../link/esm';
|
|
|
15
15
|
import '../../../typography/esm';
|
|
16
16
|
import '@alfalab/hooks';
|
|
17
17
|
import '../components/header/component.js';
|
|
18
|
-
import '../countdown-section-
|
|
18
|
+
import '../countdown-section-c3e9c20e.js';
|
|
19
19
|
import '../../../button/esm';
|
|
20
20
|
import '../../../spinner/esm';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useMatchMedia } from '../../mq/modern';
|
|
3
|
-
import { getComponentBreakpoint } from '../../shared/modern';
|
|
4
3
|
import { ConfirmationDesktop } from './desktop/component.desktop.js';
|
|
5
4
|
import { ConfirmationMobile } from './mobile/component.mobile.js';
|
|
6
5
|
import './components/base-confirmation/component.js';
|
|
@@ -16,7 +15,7 @@ import '../../code-input/modern/mobile';
|
|
|
16
15
|
import '../../link/modern';
|
|
17
16
|
import '../../typography/modern';
|
|
18
17
|
import './components/header/component.js';
|
|
19
|
-
import './countdown-section-
|
|
18
|
+
import './countdown-section-8f8ec9cc.js';
|
|
20
19
|
import '../../button/modern';
|
|
21
20
|
import '../../spinner/modern';
|
|
22
21
|
import './components/screens/hint/component.js';
|
|
@@ -24,7 +23,7 @@ import './components/screens/fatal-error/component.js';
|
|
|
24
23
|
import './components/screens/temp-block/component.js';
|
|
25
24
|
import './components/countdown-loader/component.js';
|
|
26
25
|
|
|
27
|
-
const ConfirmationResponsive = ({ breakpoint =
|
|
26
|
+
const ConfirmationResponsive = ({ breakpoint = 1024, ...restProps }) => {
|
|
28
27
|
const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, true);
|
|
29
28
|
return isDesktop ? (React.createElement(ConfirmationDesktop, { ...restProps })) : (React.createElement(ConfirmationMobile, { breakpoint: breakpoint, ...restProps }));
|
|
30
29
|
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useMemo } from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
|
-
import { getComponentBreakpoint } from '../../../../shared/modern';
|
|
4
3
|
import { usePrevious } from '@alfalab/hooks';
|
|
5
4
|
import { ConfirmationContext } from '../../context.js';
|
|
6
5
|
import { defaultTexts } from '../../types.js';
|
|
@@ -15,7 +14,7 @@ import '../../../../code-input/modern/mobile';
|
|
|
15
14
|
import '../../../../link/modern';
|
|
16
15
|
import '../../../../typography/modern';
|
|
17
16
|
import '../header/component.js';
|
|
18
|
-
import '../../countdown-section-
|
|
17
|
+
import '../../countdown-section-8f8ec9cc.js';
|
|
19
18
|
import '../../../../button/modern';
|
|
20
19
|
import '../../../../spinner/modern';
|
|
21
20
|
import '../countdown-loader/component.js';
|
|
@@ -29,7 +28,7 @@ const confirmationScreens = {
|
|
|
29
28
|
FATAL_ERROR: FatalError,
|
|
30
29
|
TEMP_BLOCK: TempBlock,
|
|
31
30
|
};
|
|
32
|
-
const BaseConfirmation = ({ state, screen, alignContent = 'left', children, requiredCharAmount = 5, countdownDuration = ONE_MINUTE, tempBlockDuration = ONE_DAY, phone, blockSmsRetry, dataTestId, className, getScreensMap, onInputFinished, onChangeState, onSmsRetryClick, onChangeScreen, onFatalErrorOkButtonClick, onTempBlockFinished, mobile, clearCodeOnError = true, hideCountdownSection = false, breakpoint =
|
|
31
|
+
const BaseConfirmation = ({ state, screen, alignContent = 'left', children, requiredCharAmount = 5, countdownDuration = ONE_MINUTE, tempBlockDuration = ONE_DAY, phone, blockSmsRetry, dataTestId, className, getScreensMap, onInputFinished, onChangeState, onSmsRetryClick, onChangeScreen, onFatalErrorOkButtonClick, onTempBlockFinished, mobile, clearCodeOnError = true, hideCountdownSection = false, breakpoint = 1024, initialScreenHintSlot, errorVisibleDuration, ...restProps }) => {
|
|
33
32
|
const [timeLeft, startTimer, stopTimer] = useCountdown(countdownDuration);
|
|
34
33
|
const prevState = usePrevious(state);
|
|
35
34
|
useEffect(() => {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export { BaseConfirmation } from './component.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'classnames';
|
|
4
|
-
import '../../../../shared/modern';
|
|
5
4
|
import '@alfalab/hooks';
|
|
6
5
|
import '../../context.js';
|
|
7
6
|
import '../../utils.js';
|
|
@@ -13,7 +12,7 @@ import '../../../../code-input/modern/mobile';
|
|
|
13
12
|
import '../../../../link/modern';
|
|
14
13
|
import '../../../../typography/modern';
|
|
15
14
|
import '../header/component.js';
|
|
16
|
-
import '../../countdown-section-
|
|
15
|
+
import '../../countdown-section-8f8ec9cc.js';
|
|
17
16
|
import '../../../../button/modern';
|
|
18
17
|
import '../../../../spinner/modern';
|
|
19
18
|
import '../screens/hint/component.js';
|
|
@@ -14,6 +14,6 @@ import '@alfalab/hooks';
|
|
|
14
14
|
import '../context.js';
|
|
15
15
|
import '../utils.js';
|
|
16
16
|
import './header/component.js';
|
|
17
|
-
import '../countdown-section-
|
|
17
|
+
import '../countdown-section-8f8ec9cc.js';
|
|
18
18
|
import '../../../button/modern';
|
|
19
19
|
import '../../../spinner/modern';
|
|
@@ -13,7 +13,7 @@ import '@alfalab/hooks';
|
|
|
13
13
|
import '../../context.js';
|
|
14
14
|
import '../../utils.js';
|
|
15
15
|
import '../header/component.js';
|
|
16
|
-
import '../../countdown-section-
|
|
16
|
+
import '../../countdown-section-8f8ec9cc.js';
|
|
17
17
|
import '../../../../button/modern';
|
|
18
18
|
import '../../../../spinner/modern';
|
|
19
19
|
import '../countdown-loader/component.js';
|
|
@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/modern';
|
|
|
8
8
|
import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
|
|
9
9
|
import { ConfirmationContext } from '../../../context.js';
|
|
10
10
|
import { Header } from '../../header/component.js';
|
|
11
|
-
import { s as styles, C as CountdownSection } from '../../../countdown-section-
|
|
11
|
+
import { s as styles, C as CountdownSection } from '../../../countdown-section-8f8ec9cc.js';
|
|
12
12
|
import '../../../utils.js';
|
|
13
13
|
import '../../../../../button/modern';
|
|
14
14
|
import '../../../../../spinner/modern';
|
|
@@ -4,5 +4,5 @@ import '../../../../../button/modern';
|
|
|
4
4
|
import '../../../../../spinner/modern';
|
|
5
5
|
import '../../../../../typography/modern';
|
|
6
6
|
import '../../../context.js';
|
|
7
|
-
export { C as CountdownSection } from '../../../countdown-section-
|
|
7
|
+
export { C as CountdownSection } from '../../../countdown-section-8f8ec9cc.js';
|
|
8
8
|
import '../../../utils.js';
|
|
@@ -10,6 +10,6 @@ import '@alfalab/hooks';
|
|
|
10
10
|
import '../../../context.js';
|
|
11
11
|
import '../../../utils.js';
|
|
12
12
|
import '../../header/component.js';
|
|
13
|
-
import '../../../countdown-section-
|
|
13
|
+
import '../../../countdown-section-8f8ec9cc.js';
|
|
14
14
|
import '../../../../../button/modern';
|
|
15
15
|
import '../../../../../spinner/modern';
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BaseConfirmation } from '../components/base-confirmation/component.js';
|
|
3
3
|
import 'classnames';
|
|
4
|
-
import '../../../shared/modern';
|
|
5
4
|
import '@alfalab/hooks';
|
|
6
5
|
import '../context.js';
|
|
7
6
|
import '../utils.js';
|
|
@@ -13,7 +12,7 @@ import '../../../code-input/modern/mobile';
|
|
|
13
12
|
import '../../../link/modern';
|
|
14
13
|
import '../../../typography/modern';
|
|
15
14
|
import '../components/header/component.js';
|
|
16
|
-
import '../countdown-section-
|
|
15
|
+
import '../countdown-section-8f8ec9cc.js';
|
|
17
16
|
import '../../../button/modern';
|
|
18
17
|
import '../../../spinner/modern';
|
|
19
18
|
import '../components/screens/hint/component.js';
|
|
@@ -3,7 +3,6 @@ export { useConfirmation, useCountdown } from '../utils.js';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../components/base-confirmation/component.js';
|
|
5
5
|
import 'classnames';
|
|
6
|
-
import '../../../shared/modern';
|
|
7
6
|
import '@alfalab/hooks';
|
|
8
7
|
import '../context.js';
|
|
9
8
|
import '../types.js';
|
|
@@ -14,7 +13,7 @@ import '../../../code-input/modern/mobile';
|
|
|
14
13
|
import '../../../link/modern';
|
|
15
14
|
import '../../../typography/modern';
|
|
16
15
|
import '../components/header/component.js';
|
|
17
|
-
import '../countdown-section-
|
|
16
|
+
import '../countdown-section-8f8ec9cc.js';
|
|
18
17
|
import '../../../button/modern';
|
|
19
18
|
import '../../../spinner/modern';
|
|
20
19
|
import '../components/screens/hint/component.js';
|
|
@@ -2,7 +2,6 @@ export { ConfirmationResponsive as Confirmation } from './component.responsive.j
|
|
|
2
2
|
export { useConfirmation, useCountdown } from './utils.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../../mq/modern';
|
|
5
|
-
import '../../shared/modern';
|
|
6
5
|
import './desktop/component.desktop.js';
|
|
7
6
|
import './components/base-confirmation/component.js';
|
|
8
7
|
import 'classnames';
|
|
@@ -16,7 +15,7 @@ import '../../code-input/modern/mobile';
|
|
|
16
15
|
import '../../link/modern';
|
|
17
16
|
import '../../typography/modern';
|
|
18
17
|
import './components/header/component.js';
|
|
19
|
-
import './countdown-section-
|
|
18
|
+
import './countdown-section-8f8ec9cc.js';
|
|
20
19
|
import '../../button/modern';
|
|
21
20
|
import '../../spinner/modern';
|
|
22
21
|
import './components/screens/hint/component.js';
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { BaseConfirmation } from '../components/base-confirmation/component.js';
|
|
4
|
-
import '../../../shared/modern';
|
|
5
4
|
import '@alfalab/hooks';
|
|
6
5
|
import '../context.js';
|
|
7
6
|
import '../utils.js';
|
|
@@ -13,7 +12,7 @@ import '../../../code-input/modern/mobile';
|
|
|
13
12
|
import '../../../link/modern';
|
|
14
13
|
import '../../../typography/modern';
|
|
15
14
|
import '../components/header/component.js';
|
|
16
|
-
import '../countdown-section-
|
|
15
|
+
import '../countdown-section-8f8ec9cc.js';
|
|
17
16
|
import '../../../button/modern';
|
|
18
17
|
import '../../../spinner/modern';
|
|
19
18
|
import '../components/screens/hint/component.js';
|
|
@@ -3,7 +3,6 @@ export { useConfirmation, useCountdown } from '../utils.js';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '../components/base-confirmation/component.js';
|
|
6
|
-
import '../../../shared/modern';
|
|
7
6
|
import '@alfalab/hooks';
|
|
8
7
|
import '../context.js';
|
|
9
8
|
import '../types.js';
|
|
@@ -14,7 +13,7 @@ import '../../../code-input/modern/mobile';
|
|
|
14
13
|
import '../../../link/modern';
|
|
15
14
|
import '../../../typography/modern';
|
|
16
15
|
import '../components/header/component.js';
|
|
17
|
-
import '../countdown-section-
|
|
16
|
+
import '../countdown-section-8f8ec9cc.js';
|
|
18
17
|
import '../../../button/modern';
|
|
19
18
|
import '../../../spinner/modern';
|
|
20
19
|
import '../components/screens/hint/component.js';
|
|
@@ -15,6 +15,6 @@ import '../../../link/modern';
|
|
|
15
15
|
import '../../../typography/modern';
|
|
16
16
|
import '@alfalab/hooks';
|
|
17
17
|
import '../components/header/component.js';
|
|
18
|
-
import '../countdown-section-
|
|
18
|
+
import '../countdown-section-8f8ec9cc.js';
|
|
19
19
|
import '../../../button/modern';
|
|
20
20
|
import '../../../spinner/modern';
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsMq = require('../mq');
|
|
6
|
-
var coreComponentsShared = require('../shared');
|
|
7
6
|
var desktop_Component_desktop = require('./desktop/Component.desktop.js');
|
|
8
7
|
var mobile_Component_mobile = require('./mobile/Component.mobile.js');
|
|
9
8
|
|
|
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
12
|
|
|
14
13
|
var CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
|
|
15
|
-
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
|
|
16
15
|
var query = "(min-width: ".concat(breakpoint, "px)");
|
|
17
16
|
var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
|
|
18
17
|
return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsMq = require('../../mq/cssm');
|
|
6
|
-
var coreComponentsShared = require('../../shared/cssm');
|
|
7
6
|
var desktop_Component_desktop = require('./desktop/Component.desktop.js');
|
|
8
7
|
var mobile_Component_mobile = require('./mobile/Component.mobile.js');
|
|
9
8
|
|
|
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
12
|
|
|
14
13
|
var CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
|
|
15
|
-
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
|
|
16
15
|
var query = "(min-width: ".concat(breakpoint, "px)");
|
|
17
16
|
var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
|
|
18
17
|
return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { useMatchMedia } from '../../mq/esm';
|
|
4
|
-
import { getComponentBreakpoint } from '../../shared/esm';
|
|
5
4
|
import { CustomPickerButtonDesktop } from './desktop/Component.desktop.js';
|
|
6
5
|
import { CustomPickerButtonMobile } from './mobile/Component.mobile.js';
|
|
7
6
|
import '../../picker-button/esm/desktop';
|
|
@@ -12,7 +11,7 @@ import '../../picker-button/esm/shared';
|
|
|
12
11
|
import '../../picker-button/esm/mobile';
|
|
13
12
|
|
|
14
13
|
var CustomPickerButtonResponsive = forwardRef(function (_a, ref) {
|
|
15
|
-
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
|
|
16
15
|
var query = "(min-width: ".concat(breakpoint, "px)");
|
|
17
16
|
var isDesktop = useMatchMedia(query)[0];
|
|
18
17
|
return isDesktop ? (React.createElement(CustomPickerButtonDesktop, __assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(CustomPickerButtonMobile, __assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
|
|
@@ -2,7 +2,6 @@ export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.
|
|
|
2
2
|
import 'tslib';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../../mq/esm';
|
|
5
|
-
import '../../shared/esm';
|
|
6
5
|
import './desktop/Component.desktop.js';
|
|
7
6
|
import '../../picker-button/esm/desktop';
|
|
8
7
|
import './field/Component.js';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { useMatchMedia } from '../../mq/modern';
|
|
3
|
-
import { getComponentBreakpoint } from '../../shared/modern';
|
|
4
3
|
import { CustomPickerButtonDesktop } from './desktop/Component.desktop.js';
|
|
5
4
|
import { CustomPickerButtonMobile } from './mobile/Component.mobile.js';
|
|
6
5
|
import '../../picker-button/modern/desktop';
|
|
@@ -10,7 +9,7 @@ import '../../custom-button/modern';
|
|
|
10
9
|
import '../../picker-button/modern/shared';
|
|
11
10
|
import '../../picker-button/modern/mobile';
|
|
12
11
|
|
|
13
|
-
const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint =
|
|
12
|
+
const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = 1024, ...restProps }, ref) => {
|
|
14
13
|
const query = `(min-width: ${breakpoint}px)`;
|
|
15
14
|
const [isDesktop] = useMatchMedia(query);
|
|
16
15
|
return isDesktop ? (React.createElement(CustomPickerButtonDesktop, { ref: ref, OptionsList: OptionsList, onScroll: onScroll, ...restProps })) : (React.createElement(CustomPickerButtonMobile, { ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, ...restProps }));
|