@alfalab/core-components 46.0.0-beta.5 → 46.0.0-beta.7
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/@alfalab/core-components-shared/package.json +23 -0
- package/amount-input/Component.js +2 -1
- package/amount-input/cssm/Component.js +2 -1
- package/amount-input/esm/Component.js +2 -1
- package/amount-input/esm/index.js +1 -0
- package/amount-input/modern/Component.js +2 -1
- package/amount-input/modern/index.js +1 -0
- package/bottom-sheet/component.js +3 -9
- package/bottom-sheet/cssm/component.js +3 -9
- package/bottom-sheet/esm/component.js +4 -10
- package/bottom-sheet/modern/component.js +4 -9
- package/button/Component.responsive.js +2 -1
- package/button/cssm/Component.responsive.js +2 -1
- 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 +2 -1
- package/calendar/cssm/Component.responsive.js +2 -1
- 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/@alfalab/core-components-shared/package.json +23 -0
- package/calendar-input/Component.responsive.js +2 -1
- package/calendar-input/cssm/Component.responsive.js +2 -1
- package/calendar-input/esm/Component.responsive.js +2 -1
- package/calendar-input/esm/index.js +1 -0
- package/calendar-input/modern/Component.responsive.js +2 -1
- package/calendar-input/modern/index.js +1 -0
- package/checkbox-group/@alfalab/core-components-shared/package.json +23 -0
- package/checkbox-group/Component.responsive.js +2 -1
- package/checkbox-group/cssm/Component.responsive.js +2 -1
- package/checkbox-group/esm/Component.responsive.js +2 -1
- package/checkbox-group/esm/index.js +1 -0
- package/checkbox-group/modern/Component.responsive.js +2 -1
- package/checkbox-group/modern/index.js +1 -0
- package/code-input/@alfalab/core-components-shared/package.json +23 -0
- package/code-input/Component.responsive.js +2 -1
- package/code-input/cssm/Component.responsive.js +2 -1
- package/code-input/esm/Component.responsive.js +2 -1
- package/code-input/esm/index.js +1 -0
- package/code-input/modern/Component.responsive.js +2 -1
- package/code-input/modern/index.js +1 -0
- package/confirmation/@alfalab/core-components-shared/package.json +23 -0
- package/confirmation/component.responsive.js +2 -1
- package/confirmation/components/base-confirmation/component.js +2 -1
- package/confirmation/cssm/component.responsive.js +2 -1
- package/confirmation/cssm/components/base-confirmation/component.js +2 -1
- package/confirmation/esm/component.responsive.js +2 -1
- package/confirmation/esm/components/base-confirmation/component.js +2 -1
- package/confirmation/esm/components/base-confirmation/index.js +1 -0
- package/confirmation/esm/desktop/component.desktop.js +1 -0
- package/confirmation/esm/desktop/index.js +1 -0
- package/confirmation/esm/index.js +1 -0
- package/confirmation/esm/mobile/component.mobile.js +1 -0
- package/confirmation/esm/mobile/index.js +1 -0
- package/confirmation/modern/component.responsive.js +2 -1
- package/confirmation/modern/components/base-confirmation/component.js +2 -1
- package/confirmation/modern/components/base-confirmation/index.js +1 -0
- package/confirmation/modern/desktop/component.desktop.js +1 -0
- package/confirmation/modern/desktop/index.js +1 -0
- package/confirmation/modern/index.js +1 -0
- package/confirmation/modern/mobile/component.mobile.js +1 -0
- package/confirmation/modern/mobile/index.js +1 -0
- package/custom-picker-button/@alfalab/core-components-shared/package.json +23 -0
- package/custom-picker-button/Component.responsive.js +2 -1
- package/custom-picker-button/cssm/Component.responsive.js +2 -1
- package/custom-picker-button/esm/Component.responsive.js +2 -1
- package/custom-picker-button/esm/index.js +1 -0
- package/custom-picker-button/modern/Component.responsive.js +2 -1
- package/custom-picker-button/modern/index.js +1 -0
- package/date-range-input/@alfalab/core-components-shared/package.json +23 -0
- package/date-range-input/Component.responsive.js +2 -1
- package/date-range-input/cssm/Component.responsive.js +2 -1
- package/date-range-input/esm/Component.responsive.js +2 -1
- package/date-range-input/esm/index.js +1 -0
- package/date-range-input/modern/Component.responsive.js +2 -1
- package/date-range-input/modern/index.js +1 -0
- package/date-time-input/@alfalab/core-components-shared/package.json +23 -0
- package/date-time-input/Component.responsive.js +2 -1
- package/date-time-input/cssm/Component.responsive.js +2 -1
- package/date-time-input/esm/Component.responsive.js +2 -1
- package/date-time-input/esm/index.js +1 -0
- package/date-time-input/modern/Component.responsive.js +2 -1
- package/date-time-input/modern/index.js +1 -0
- package/filter-tag/@alfalab/core-components-shared/package.json +23 -0
- package/filter-tag/Component.responsive.js +2 -1
- package/filter-tag/cssm/Component.responsive.js +2 -1
- package/filter-tag/esm/Component.responsive.js +2 -1
- package/filter-tag/esm/index.js +1 -0
- package/filter-tag/modern/Component.responsive.js +2 -1
- package/filter-tag/modern/index.js +1 -0
- package/form-control/Component.responsive.js +2 -1
- package/form-control/cssm/Component.responsive.js +2 -1
- 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/icon-button/Component.d.ts +10 -0
- package/icon-button/Component.js +4 -3
- package/icon-button/cssm/Component.d.ts +10 -0
- package/icon-button/cssm/Component.js +2 -1
- package/icon-button/cssm/default.module.css +35 -3
- package/icon-button/cssm/inverted.module.css +35 -3
- package/icon-button/default.css +35 -3
- package/icon-button/esm/Component.d.ts +10 -0
- package/icon-button/esm/Component.js +4 -3
- package/icon-button/esm/default.css +35 -3
- package/icon-button/esm/inverted.css +35 -3
- package/icon-button/inverted.css +35 -3
- package/icon-button/modern/Component.d.ts +10 -0
- package/icon-button/modern/Component.js +4 -3
- package/icon-button/modern/default.css +35 -3
- package/icon-button/modern/inverted.css +35 -3
- package/input/Component.responsive.js +2 -1
- package/input/cssm/Component.responsive.js +2 -1
- 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 +2 -1
- package/input-autocomplete/cssm/Component.responsive.js +2 -1
- 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 +2 -1
- package/international-phone-input/cssm/Component.responsive.js +2 -1
- package/international-phone-input/cssm/typings-1fe708ea.d.ts +6 -0
- package/international-phone-input/esm/Component.responsive.js +2 -2
- package/international-phone-input/esm/index.js +1 -1
- package/international-phone-input/esm/typings-1fe708ea.d.ts +6 -0
- package/international-phone-input/modern/Component.responsive.js +2 -2
- package/international-phone-input/modern/index.js +1 -1
- package/international-phone-input/modern/typings-1fe708ea.d.ts +6 -0
- package/international-phone-input/typings-1fe708ea.d.ts +6 -0
- 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 +2 -1
- package/modal/components/controls/Component.js +1 -1
- package/modal/components/footer/Component.js +1 -1
- package/modal/cssm/Component.responsive.js +2 -1
- 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 +2 -1
- package/number-input/cssm/Component.responsive.js +2 -1
- 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 +2 -1
- package/pattern-lock/cssm/Component.responsive.js +2 -1
- 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/@alfalab/core-components-shared/package.json +23 -0
- package/picker-button/Component.responsive.js +2 -1
- package/picker-button/cssm/Component.responsive.js +2 -1
- package/picker-button/cssm/mobile/Component.mobile.js +2 -1
- package/picker-button/cssm/typings-1fe708ea.d.ts +415 -10
- package/picker-button/esm/Component.responsive.js +2 -1
- package/picker-button/esm/index.js +1 -0
- package/picker-button/esm/mobile/Component.mobile.js +2 -1
- package/picker-button/esm/mobile/index.js +1 -0
- package/picker-button/esm/typings-1fe708ea.d.ts +415 -10
- package/picker-button/mobile/Component.mobile.js +2 -1
- package/picker-button/modern/Component.responsive.js +2 -1
- package/picker-button/modern/index.js +1 -0
- package/picker-button/modern/mobile/Component.mobile.js +2 -1
- package/picker-button/modern/mobile/index.js +1 -0
- package/picker-button/modern/typings-1fe708ea.d.ts +415 -10
- package/picker-button/typings-1fe708ea.d.ts +415 -10
- package/plate/Component.responsive.js +17 -1
- package/plate/cssm/Component.responsive.js +17 -1
- package/plate/esm/Component.responsive.js +17 -2
- package/plate/esm/index.js +1 -1
- package/plate/modern/Component.responsive.js +18 -2
- package/plate/modern/index.js +1 -1
- package/radio-group/@alfalab/core-components-shared/package.json +23 -0
- package/radio-group/Component.responsive.js +2 -1
- package/radio-group/cssm/Component.responsive.js +2 -1
- package/radio-group/esm/Component.responsive.js +2 -1
- package/radio-group/esm/index.js +1 -0
- package/radio-group/modern/Component.responsive.js +2 -1
- package/radio-group/modern/index.js +1 -0
- package/select/Component.responsive.js +2 -1
- package/select/cssm/Component.responsive.js +2 -1
- 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/@alfalab/core-components-shared/package.json +23 -0
- package/select-with-tags/Component.responsive.js +2 -1
- package/select-with-tags/cssm/Component.responsive.js +2 -1
- package/select-with-tags/esm/Component.responsive.js +2 -1
- package/select-with-tags/esm/index.js +1 -0
- package/select-with-tags/modern/Component.responsive.js +2 -1
- package/select-with-tags/modern/index.js +1 -0
- package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.d.ts +2 -0
- package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.js +18 -0
- package/shared/cssm/getComponentBreakpoint/index.d.ts +1 -0
- package/shared/cssm/getComponentBreakpoint/index.js +7 -0
- package/shared/cssm/index.d.ts +1 -0
- package/shared/cssm/index.js +2 -0
- package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.d.ts +2 -0
- package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.js +16 -0
- package/shared/esm/getComponentBreakpoint/index.d.ts +1 -0
- package/shared/esm/getComponentBreakpoint/index.js +1 -0
- package/shared/esm/index.d.ts +1 -0
- package/shared/esm/index.js +1 -0
- package/shared/getComponentBreakpoint/getComponentBreakpoint.d.ts +2 -0
- package/shared/getComponentBreakpoint/getComponentBreakpoint.js +18 -0
- package/shared/getComponentBreakpoint/index.d.ts +1 -0
- package/shared/getComponentBreakpoint/index.js +7 -0
- package/shared/index.d.ts +1 -0
- package/shared/index.js +2 -0
- package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.d.ts +2 -0
- package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.js +17 -0
- package/shared/modern/getComponentBreakpoint/index.d.ts +1 -0
- package/shared/modern/getComponentBreakpoint/index.js +1 -0
- package/shared/modern/index.d.ts +1 -0
- package/shared/modern/index.js +1 -0
- 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/status/Component.d.ts +2 -1
- package/status/Component.js +2 -2
- package/status/cssm/Component.d.ts +2 -1
- package/status/cssm/Component.js +1 -1
- package/status/cssm/index.module.css +74 -29
- package/status/esm/Component.d.ts +2 -1
- package/status/esm/Component.js +2 -2
- package/status/esm/index.css +55 -27
- package/status/index.css +55 -27
- package/status/modern/Component.d.ts +2 -1
- package/status/modern/Component.js +2 -2
- package/status/modern/index.css +55 -27
- 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 +2 -1
- package/tabs/components/primary-tablist/Component.responsive.js +2 -1
- package/tabs/components/secondary-tablist/Component.responsive.js +2 -1
- package/tabs/components/tabs/Component.js +2 -1
- package/tabs/cssm/components/primary-tablist/Component.collapsible.js +2 -1
- package/tabs/cssm/components/primary-tablist/Component.responsive.js +2 -1
- package/tabs/cssm/components/secondary-tablist/Component.responsive.js +2 -1
- package/tabs/cssm/components/tabs/Component.js +2 -1
- 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 +2 -1
- 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 +2 -1
- package/tabs/modern/components/tabs/Component.responsive.js +1 -1
- package/tabs/modern/index.js +1 -1
- package/tag/@alfalab/core-components-shared/package.json +23 -0
- package/tag/Component.responsive.js +2 -1
- package/tag/components/base-tag/Component.d.ts +1 -1
- package/tag/cssm/Component.responsive.js +2 -1
- package/tag/cssm/components/base-tag/Component.d.ts +1 -1
- package/tag/esm/Component.responsive.js +2 -1
- package/tag/esm/components/base-tag/Component.d.ts +1 -1
- package/tag/esm/index.js +1 -0
- package/tag/modern/Component.responsive.js +2 -1
- package/tag/modern/components/base-tag/Component.d.ts +1 -1
- package/tag/modern/index.js +1 -0
- package/themes/breakpoints/breakpoint-768.css +3 -0
- package/themes/compiled/mobile-dark-bluetint.css +79 -58
- package/toast/@alfalab/core-components-shared/package.json +23 -0
- package/toast/Component.responsive.js +2 -1
- package/toast/cssm/Component.responsive.js +2 -1
- package/toast/esm/Component.responsive.js +2 -1
- package/toast/esm/index.js +1 -0
- package/toast/modern/Component.responsive.js +2 -1
- package/toast/modern/index.js +1 -0
- package/toast-plate/@alfalab/core-components-shared/package.json +23 -0
- package/toast-plate/Component.responsive.js +2 -1
- package/toast-plate/components/base-toast-plate/component.js +3 -4
- package/toast-plate/components/base-toast-plate/hooks/useDeprecatedBadge.js +2 -5
- package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +3 -5
- package/toast-plate/cssm/Component.responsive.js +2 -1
- package/toast-plate/cssm/components/base-toast-plate/component.js +3 -4
- package/toast-plate/cssm/components/base-toast-plate/hooks/useDeprecatedBadge.js +2 -5
- package/toast-plate/cssm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +3 -5
- package/toast-plate/esm/Component.responsive.js +2 -3
- package/toast-plate/esm/components/base-toast-plate/component.js +1 -2
- package/toast-plate/esm/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -4
- package/toast-plate/esm/components/base-toast-plate/index.js +1 -2
- package/toast-plate/esm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +1 -3
- package/toast-plate/esm/desktop/Component.desktop.js +1 -2
- package/toast-plate/esm/desktop/index.js +1 -2
- package/toast-plate/esm/index.js +1 -2
- package/toast-plate/esm/mobile/Component.mobile.js +1 -2
- package/toast-plate/esm/mobile/index.js +1 -2
- package/toast-plate/modern/Component.responsive.js +2 -3
- package/toast-plate/modern/components/base-toast-plate/component.js +1 -2
- package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -4
- package/toast-plate/modern/components/base-toast-plate/index.js +1 -2
- package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +1 -3
- package/toast-plate/modern/desktop/Component.desktop.js +1 -2
- package/toast-plate/modern/desktop/index.js +1 -2
- package/toast-plate/modern/index.js +1 -2
- package/toast-plate/modern/mobile/Component.mobile.js +1 -2
- package/toast-plate/modern/mobile/index.js +1 -2
- package/tooltip/@alfalab/core-components-shared/package.json +23 -0
- package/tooltip/Component.responsive.js +2 -1
- package/tooltip/cssm/Component.responsive.js +2 -1
- package/tooltip/esm/Component.responsive.js +2 -1
- package/tooltip/esm/index.js +1 -0
- package/tooltip/modern/Component.responsive.js +2 -1
- package/tooltip/modern/index.js +1 -0
- package/universal-date-input/Component.responsive.js +2 -1
- package/universal-date-input/cssm/Component.responsive.js +2 -1
- 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/picker-button/Component-307da6d7.d.ts +0 -168
- package/picker-button/Context-c2e6f1b2.d.ts +0 -4
- package/picker-button/cssm/Component-307da6d7.d.ts +0 -168
- package/picker-button/cssm/Context-c2e6f1b2.d.ts +0 -4
- package/picker-button/cssm/index-064acd29.d.ts +0 -13
- package/picker-button/cssm/index-307da6d7.d.ts +0 -67
- package/picker-button/cssm/types-a870d1f8.d.ts +0 -117
- package/picker-button/esm/Component-307da6d7.d.ts +0 -168
- package/picker-button/esm/Context-c2e6f1b2.d.ts +0 -4
- package/picker-button/esm/index-064acd29.d.ts +0 -13
- package/picker-button/esm/index-307da6d7.d.ts +0 -67
- package/picker-button/esm/types-a870d1f8.d.ts +0 -117
- package/picker-button/index-064acd29.d.ts +0 -13
- package/picker-button/index-307da6d7.d.ts +0 -67
- package/picker-button/modern/Component-307da6d7.d.ts +0 -168
- package/picker-button/modern/Context-c2e6f1b2.d.ts +0 -4
- package/picker-button/modern/index-064acd29.d.ts +0 -13
- package/picker-button/modern/index-307da6d7.d.ts +0 -67
- package/picker-button/modern/types-a870d1f8.d.ts +0 -117
- package/picker-button/types-a870d1f8.d.ts +0 -117
- package/toast-plate/browser-a216f694.d.ts +0 -6
- package/toast-plate/cssm/browser-a216f694.d.ts +0 -6
- package/toast-plate/cssm/getDataTestId-73ea38f8.d.ts +0 -3
- package/toast-plate/cssm/getDataTestId-73ea38f8.js +0 -6
- package/toast-plate/cssm/index-307da6d7.d.ts +0 -71
- package/toast-plate/cssm/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
- package/toast-plate/esm/browser-a216f694.d.ts +0 -6
- package/toast-plate/esm/getDataTestId-f4dc32c7.d.ts +0 -3
- package/toast-plate/esm/getDataTestId-f4dc32c7.js +0 -6
- package/toast-plate/esm/index-307da6d7.d.ts +0 -71
- package/toast-plate/esm/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
- package/toast-plate/getDataTestId-442368bd.d.ts +0 -3
- package/toast-plate/getDataTestId-442368bd.js +0 -6
- package/toast-plate/index-307da6d7.d.ts +0 -71
- package/toast-plate/modern/browser-a216f694.d.ts +0 -6
- package/toast-plate/modern/getDataTestId-16038735.d.ts +0 -3
- package/toast-plate/modern/getDataTestId-16038735.js +0 -6
- package/toast-plate/modern/index-307da6d7.d.ts +0 -71
- package/toast-plate/modern/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
- package/toast-plate/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
- /package/modal/esm/{layout.module-ed84e654.js → layout.module-8c2ad581.js} +0 -0
- /package/modal/{layout.module-74d56d9e.js → layout.module-9c7f42a7.js} +0 -0
- /package/modal/modern/{layout.module-169c9cd4.js → layout.module-7b9f84d6.js} +0 -0
- /package/{picker-button → plate}/browser-a216f694.d.ts +0 -0
- /package/{picker-button → plate}/cssm/browser-a216f694.d.ts +0 -0
- /package/{picker-button → plate}/cssm/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/{picker-button → plate}/esm/browser-a216f694.d.ts +0 -0
- /package/{picker-button → plate}/esm/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/{picker-button → plate}/modern/browser-a216f694.d.ts +0 -0
- /package/{picker-button → plate}/modern/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/{picker-button → plate}/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/select/esm/{hook-43f97773.d.ts → hook-cdd6fd77.d.ts} +0 -0
- /package/select/esm/{hook-43f97773.js → hook-cdd6fd77.js} +0 -0
- /package/select/{hook-47df637e.d.ts → hook-504cecce.d.ts} +0 -0
- /package/select/{hook-47df637e.js → hook-504cecce.js} +0 -0
- /package/select/modern/{hook-72d63281.d.ts → hook-f45c958e.d.ts} +0 -0
- /package/select/modern/{hook-72d63281.js → hook-f45c958e.js} +0 -0
- /package/side-panel/esm/{layout.module-72cc1a7a.js → layout.module-85dc8854.js} +0 -0
- /package/side-panel/{layout.module-cfb65ab1.js → layout.module-7feda991.js} +0 -0
- /package/side-panel/modern/{layout.module-3503b091.js → layout.module-3ff83598.js} +0 -0
|
@@ -2,8 +2,7 @@ export { BaseToastPlate } from './component.js';
|
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '../../../../icon-button/modern';
|
|
5
|
-
import '
|
|
6
|
-
import '@alfalab/hooks';
|
|
5
|
+
import '../../../../shared/modern';
|
|
7
6
|
import '../../../../status-badge/modern';
|
|
8
7
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
9
8
|
import './hooks/useCustomIcons.js';
|
|
@@ -2,8 +2,7 @@ import React, { forwardRef } from 'react';
|
|
|
2
2
|
import { BaseToastPlate } from '../components/base-toast-plate/component.js';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '../../../icon-button/modern';
|
|
5
|
-
import '
|
|
6
|
-
import '@alfalab/hooks';
|
|
5
|
+
import '../../../shared/modern';
|
|
7
6
|
import '../../../status-badge/modern';
|
|
8
7
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
9
8
|
import '../components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -3,8 +3,7 @@ import 'react';
|
|
|
3
3
|
import '../components/base-toast-plate/component.js';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '../../../icon-button/modern';
|
|
6
|
-
import '
|
|
7
|
-
import '@alfalab/hooks';
|
|
6
|
+
import '../../../shared/modern';
|
|
8
7
|
import '../../../status-badge/modern';
|
|
9
8
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
10
9
|
import '../components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
export { ToastPlate } from './Component.responsive.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import '../../mq/modern';
|
|
4
|
+
import '../../shared/modern';
|
|
4
5
|
import './desktop/Component.desktop.js';
|
|
5
6
|
import './components/base-toast-plate/component.js';
|
|
6
7
|
import 'classnames';
|
|
7
8
|
import '../../icon-button/modern';
|
|
8
|
-
import './getDataTestId-16038735.js';
|
|
9
|
-
import '@alfalab/hooks';
|
|
10
9
|
import '../../status-badge/modern';
|
|
11
10
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
12
11
|
import './components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -2,8 +2,7 @@ import React, { forwardRef } from 'react';
|
|
|
2
2
|
import { BaseToastPlate } from '../components/base-toast-plate/component.js';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '../../../icon-button/modern';
|
|
5
|
-
import '
|
|
6
|
-
import '@alfalab/hooks';
|
|
5
|
+
import '../../../shared/modern';
|
|
7
6
|
import '../../../status-badge/modern';
|
|
8
7
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
9
8
|
import '../components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -3,8 +3,7 @@ import 'react';
|
|
|
3
3
|
import '../components/base-toast-plate/component.js';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '../../../icon-button/modern';
|
|
6
|
-
import '
|
|
7
|
-
import '@alfalab/hooks';
|
|
6
|
+
import '../../../shared/modern';
|
|
8
7
|
import '../../../status-badge/modern';
|
|
9
8
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
10
9
|
import '../components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@alfalab/core-components-shared",
|
|
3
|
+
"version": "0.9.1",
|
|
4
|
+
"description": "Shared package for core-components",
|
|
5
|
+
"keywords": [],
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"main": "index.js",
|
|
8
|
+
"module": "./esm/index.js",
|
|
9
|
+
"publishConfig": {
|
|
10
|
+
"access": "public",
|
|
11
|
+
"directory": "dist"
|
|
12
|
+
},
|
|
13
|
+
"peerDependencies": {
|
|
14
|
+
"react": ">=16.8.0"
|
|
15
|
+
},
|
|
16
|
+
"dependencies": {
|
|
17
|
+
"@alfalab/hooks": "^1.13.0",
|
|
18
|
+
"tslib": "^2.4.0"
|
|
19
|
+
},
|
|
20
|
+
"devDependencies": {
|
|
21
|
+
"@maskito/core": "^1.7.0"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -3,6 +3,7 @@ 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');
|
|
6
7
|
var desktop_Component_desktop = require('./desktop/Component.desktop.js');
|
|
7
8
|
var mobile_Component_mobile = require('./mobile/Component.mobile.js');
|
|
8
9
|
|
|
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
13
|
|
|
13
14
|
var TooltipResponsive = function (_a) {
|
|
14
|
-
var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
15
|
+
var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
|
|
15
16
|
var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
|
|
16
17
|
return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.TooltipDesktop, tslib.__assign({}, restProps), children)) : (React__default.default.createElement(mobile_Component_mobile.TooltipMobile, tslib.__assign({}, restProps, bottomSheetProps, { actionButtonTitle: actionButtonTitle }), children));
|
|
17
18
|
};
|
|
@@ -3,6 +3,7 @@ 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');
|
|
6
7
|
var desktop_Component_desktop = require('./desktop/Component.desktop.js');
|
|
7
8
|
var mobile_Component_mobile = require('./mobile/Component.mobile.js');
|
|
8
9
|
|
|
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
13
|
|
|
13
14
|
var TooltipResponsive = function (_a) {
|
|
14
|
-
var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
15
|
+
var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
|
|
15
16
|
var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
|
|
16
17
|
return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.TooltipDesktop, tslib.__assign({}, restProps), children)) : (React__default.default.createElement(mobile_Component_mobile.TooltipMobile, tslib.__assign({}, restProps, bottomSheetProps, { actionButtonTitle: actionButtonTitle }), children));
|
|
17
18
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
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';
|
|
4
5
|
import { TooltipDesktop } from './desktop/Component.desktop.js';
|
|
5
6
|
import { TooltipMobile } from './mobile/Component.mobile.js';
|
|
6
7
|
import 'react-merge-refs';
|
|
@@ -10,7 +11,7 @@ import '../../bottom-sheet/esm';
|
|
|
10
11
|
import '../../button/esm/mobile';
|
|
11
12
|
|
|
12
13
|
var TooltipResponsive = function (_a) {
|
|
13
|
-
var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
|
|
14
15
|
var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
|
|
15
16
|
return isDesktop ? (React.createElement(TooltipDesktop, __assign({}, restProps), children)) : (React.createElement(TooltipMobile, __assign({}, restProps, bottomSheetProps, { actionButtonTitle: actionButtonTitle }), children));
|
|
16
17
|
};
|
package/tooltip/esm/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useMatchMedia } from '../../mq/modern';
|
|
3
|
+
import { getComponentBreakpoint } from '../../shared/modern';
|
|
3
4
|
import { TooltipDesktop } from './desktop/Component.desktop.js';
|
|
4
5
|
import { TooltipMobile } from './mobile/Component.mobile.js';
|
|
5
6
|
import 'react-merge-refs';
|
|
@@ -8,7 +9,7 @@ import '../../popover/modern';
|
|
|
8
9
|
import '../../bottom-sheet/modern';
|
|
9
10
|
import '../../button/modern/mobile';
|
|
10
11
|
|
|
11
|
-
const TooltipResponsive = ({ defaultMatchMediaValue, children, actionButtonTitle, bottomSheetProps, breakpoint =
|
|
12
|
+
const TooltipResponsive = ({ defaultMatchMediaValue, children, actionButtonTitle, bottomSheetProps, breakpoint = getComponentBreakpoint(), ...restProps }) => {
|
|
12
13
|
const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
|
|
13
14
|
return isDesktop ? (React.createElement(TooltipDesktop, { ...restProps }, children)) : (React.createElement(TooltipMobile, { ...restProps, ...bottomSheetProps, actionButtonTitle: actionButtonTitle }, children));
|
|
14
15
|
};
|
package/tooltip/modern/index.js
CHANGED
|
@@ -3,6 +3,7 @@ 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');
|
|
6
7
|
var components_baseUniversalDateInput_Component = require('./components/base-universal-date-input/Component.js');
|
|
7
8
|
|
|
8
9
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -10,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
12
|
|
|
12
13
|
var UniversalDateInput = React.forwardRef(function (_a, ref) {
|
|
13
|
-
var _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
|
|
14
15
|
var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
|
|
15
16
|
return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
|
|
16
17
|
});
|
|
@@ -3,6 +3,7 @@ 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');
|
|
6
7
|
var components_baseUniversalDateInput_Component = require('./components/base-universal-date-input/Component.js');
|
|
7
8
|
|
|
8
9
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -10,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
12
|
|
|
12
13
|
var UniversalDateInput = React.forwardRef(function (_a, ref) {
|
|
13
|
-
var _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
|
|
14
15
|
var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
|
|
15
16
|
return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
|
|
16
17
|
});
|
|
@@ -1,6 +1,7 @@
|
|
|
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';
|
|
4
5
|
import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
|
|
5
6
|
import 'react-merge-refs';
|
|
6
7
|
import '@maskito/react';
|
|
@@ -21,7 +22,6 @@ import 'date-fns/differenceInDays';
|
|
|
21
22
|
import 'date-fns/format';
|
|
22
23
|
import 'date-fns/isSameDay';
|
|
23
24
|
import 'date-fns/parse';
|
|
24
|
-
import '../../shared/esm';
|
|
25
25
|
import './components/date-input/Component.js';
|
|
26
26
|
import '../../input/esm';
|
|
27
27
|
import '../../popover/esm';
|
|
@@ -33,7 +33,7 @@ import 'date-fns/startOfMonth';
|
|
|
33
33
|
import './components/time-input/Component.js';
|
|
34
34
|
|
|
35
35
|
var UniversalDateInput = forwardRef(function (_a, ref) {
|
|
36
|
-
var _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
36
|
+
var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
|
|
37
37
|
var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
|
|
38
38
|
return (React.createElement(BaseUniversalDateInput, __assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
|
|
39
39
|
});
|
|
@@ -2,6 +2,7 @@ export { UniversalDateInput } from './Component.responsive.js';
|
|
|
2
2
|
import 'tslib';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../../mq/esm';
|
|
5
|
+
import '../../shared/esm';
|
|
5
6
|
import './components/base-universal-date-input/Component.js';
|
|
6
7
|
import 'react-merge-refs';
|
|
7
8
|
import '@maskito/react';
|
|
@@ -22,7 +23,6 @@ import 'date-fns/differenceInDays';
|
|
|
22
23
|
import 'date-fns/format';
|
|
23
24
|
import 'date-fns/isSameDay';
|
|
24
25
|
import 'date-fns/parse';
|
|
25
|
-
import '../../shared/esm';
|
|
26
26
|
import './components/date-input/Component.js';
|
|
27
27
|
import '../../input/esm';
|
|
28
28
|
import '../../popover/esm';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { useMatchMedia } from '../../mq/modern';
|
|
3
|
+
import { getComponentBreakpoint } from '../../shared/modern';
|
|
3
4
|
import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
|
|
4
5
|
import 'react-merge-refs';
|
|
5
6
|
import '@maskito/react';
|
|
@@ -20,7 +21,6 @@ import 'date-fns/differenceInDays';
|
|
|
20
21
|
import 'date-fns/format';
|
|
21
22
|
import 'date-fns/isSameDay';
|
|
22
23
|
import 'date-fns/parse';
|
|
23
|
-
import '../../shared/modern';
|
|
24
24
|
import './components/date-input/Component.js';
|
|
25
25
|
import '../../input/modern';
|
|
26
26
|
import '../../popover/modern';
|
|
@@ -31,7 +31,7 @@ import 'date-fns/isAfter';
|
|
|
31
31
|
import 'date-fns/startOfMonth';
|
|
32
32
|
import './components/time-input/Component.js';
|
|
33
33
|
|
|
34
|
-
const UniversalDateInput = forwardRef(({ breakpoint =
|
|
34
|
+
const UniversalDateInput = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, view, ...restProps }, ref) => {
|
|
35
35
|
const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
|
|
36
36
|
return (React.createElement(BaseUniversalDateInput, { ...restProps, ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' }));
|
|
37
37
|
});
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { UniversalDateInput } from './Component.responsive.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import '../../mq/modern';
|
|
4
|
+
import '../../shared/modern';
|
|
4
5
|
import './components/base-universal-date-input/Component.js';
|
|
5
6
|
import 'react-merge-refs';
|
|
6
7
|
import '@maskito/react';
|
|
@@ -21,7 +22,6 @@ import 'date-fns/differenceInDays';
|
|
|
21
22
|
import 'date-fns/format';
|
|
22
23
|
import 'date-fns/isSameDay';
|
|
23
24
|
import 'date-fns/parse';
|
|
24
|
-
import '../../shared/modern';
|
|
25
25
|
import './components/date-input/Component.js';
|
|
26
26
|
import '../../input/modern';
|
|
27
27
|
import '../../popover/modern';
|
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
|
|
4
|
-
type NativeProps = InputHTMLAttributes<HTMLInputElement>;
|
|
5
|
-
type Align = 'start' | 'center';
|
|
6
|
-
type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
|
|
7
|
-
/**
|
|
8
|
-
* Управление состоянием вкл/выкл чекбокса (native prop)
|
|
9
|
-
*/
|
|
10
|
-
checked?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Обработчик переключения чекбокса
|
|
13
|
-
*/
|
|
14
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
|
|
15
|
-
checked: boolean;
|
|
16
|
-
name?: string;
|
|
17
|
-
}) => void;
|
|
18
|
-
/**
|
|
19
|
-
* Текст подписи к чекбоксу
|
|
20
|
-
*/
|
|
21
|
-
label?: ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Текст подсказки снизу
|
|
24
|
-
*/
|
|
25
|
-
hint?: ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* Размер компонента
|
|
28
|
-
* @description s и m deprecated, используйте вместо них 20 и 24 соответственно
|
|
29
|
-
*/
|
|
30
|
-
size?: 's' | 'm' | 20 | 24;
|
|
31
|
-
/**
|
|
32
|
-
* Доп. класс чекбокса
|
|
33
|
-
*/
|
|
34
|
-
boxClassName?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Доп. класс контента
|
|
37
|
-
*/
|
|
38
|
-
contentClassName?: string;
|
|
39
|
-
/**
|
|
40
|
-
* Выравнивание
|
|
41
|
-
*/
|
|
42
|
-
align?: Align;
|
|
43
|
-
/**
|
|
44
|
-
* Дополнительный слот
|
|
45
|
-
*/
|
|
46
|
-
addons?: React.ReactNode;
|
|
47
|
-
/**
|
|
48
|
-
* Растягивать ли компонент на всю ширину
|
|
49
|
-
*/
|
|
50
|
-
block?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Управление состоянием включен / выключен
|
|
53
|
-
*/
|
|
54
|
-
disabled?: boolean;
|
|
55
|
-
/**
|
|
56
|
-
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
57
|
-
* Используйте props disabled
|
|
58
|
-
* Управление состоянием активен / неактивен
|
|
59
|
-
*/
|
|
60
|
-
inactive?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
63
|
-
*/
|
|
64
|
-
dataTestId?: string;
|
|
65
|
-
/**
|
|
66
|
-
* Управление неопределенным состоянием чекбокса
|
|
67
|
-
*/
|
|
68
|
-
indeterminate?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Отображение ошибки
|
|
71
|
-
*/
|
|
72
|
-
error?: ReactNode | boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Флаг для скрытия нативного инпута.
|
|
75
|
-
* @default false
|
|
76
|
-
*/
|
|
77
|
-
hiddenInput?: boolean;
|
|
78
|
-
/**
|
|
79
|
-
* Реф на инпут
|
|
80
|
-
*/
|
|
81
|
-
inputRef?: RefObject<HTMLInputElement>;
|
|
82
|
-
/**
|
|
83
|
-
* Пропсы для label
|
|
84
|
-
*/
|
|
85
|
-
labelProps?: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
|
|
86
|
-
};
|
|
87
|
-
declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
|
|
88
|
-
/**
|
|
89
|
-
* Управление состоянием вкл/выкл чекбокса (native prop)
|
|
90
|
-
*/
|
|
91
|
-
checked?: boolean | undefined;
|
|
92
|
-
/**
|
|
93
|
-
* Обработчик переключения чекбокса
|
|
94
|
-
*/
|
|
95
|
-
onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
96
|
-
checked: boolean;
|
|
97
|
-
name?: string;
|
|
98
|
-
}) => void) | undefined;
|
|
99
|
-
/**
|
|
100
|
-
* Текст подписи к чекбоксу
|
|
101
|
-
*/
|
|
102
|
-
label?: ReactNode;
|
|
103
|
-
/**
|
|
104
|
-
* Текст подсказки снизу
|
|
105
|
-
*/
|
|
106
|
-
hint?: ReactNode;
|
|
107
|
-
/**
|
|
108
|
-
* Размер компонента
|
|
109
|
-
* @description s и m deprecated, используйте вместо них 20 и 24 соответственно
|
|
110
|
-
*/
|
|
111
|
-
size?: "s" | "m" | 24 | 20 | undefined;
|
|
112
|
-
/**
|
|
113
|
-
* Доп. класс чекбокса
|
|
114
|
-
*/
|
|
115
|
-
boxClassName?: string | undefined;
|
|
116
|
-
/**
|
|
117
|
-
* Доп. класс контента
|
|
118
|
-
*/
|
|
119
|
-
contentClassName?: string | undefined;
|
|
120
|
-
/**
|
|
121
|
-
* Выравнивание
|
|
122
|
-
*/
|
|
123
|
-
align?: Align | undefined;
|
|
124
|
-
/**
|
|
125
|
-
* Дополнительный слот
|
|
126
|
-
*/
|
|
127
|
-
addons?: React.ReactNode;
|
|
128
|
-
/**
|
|
129
|
-
* Растягивать ли компонент на всю ширину
|
|
130
|
-
*/
|
|
131
|
-
block?: boolean | undefined;
|
|
132
|
-
/**
|
|
133
|
-
* Управление состоянием включен / выключен
|
|
134
|
-
*/
|
|
135
|
-
disabled?: boolean | undefined;
|
|
136
|
-
/**
|
|
137
|
-
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
138
|
-
* Используйте props disabled
|
|
139
|
-
* Управление состоянием активен / неактивен
|
|
140
|
-
*/
|
|
141
|
-
inactive?: boolean | undefined;
|
|
142
|
-
/**
|
|
143
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
144
|
-
*/
|
|
145
|
-
dataTestId?: string | undefined;
|
|
146
|
-
/**
|
|
147
|
-
* Управление неопределенным состоянием чекбокса
|
|
148
|
-
*/
|
|
149
|
-
indeterminate?: boolean | undefined;
|
|
150
|
-
/**
|
|
151
|
-
* Отображение ошибки
|
|
152
|
-
*/
|
|
153
|
-
error?: ReactNode | boolean;
|
|
154
|
-
/**
|
|
155
|
-
* Флаг для скрытия нативного инпута.
|
|
156
|
-
* @default false
|
|
157
|
-
*/
|
|
158
|
-
hiddenInput?: boolean | undefined;
|
|
159
|
-
/**
|
|
160
|
-
* Реф на инпут
|
|
161
|
-
*/
|
|
162
|
-
inputRef?: React.RefObject<HTMLInputElement> | undefined;
|
|
163
|
-
/**
|
|
164
|
-
* Пропсы для label
|
|
165
|
-
*/
|
|
166
|
-
labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
|
|
167
|
-
} & React.RefAttributes<HTMLLabelElement>>;
|
|
168
|
-
export { CheckboxProps, Checkbox };
|
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
|
|
4
|
-
type NativeProps = InputHTMLAttributes<HTMLInputElement>;
|
|
5
|
-
type Align = 'start' | 'center';
|
|
6
|
-
type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
|
|
7
|
-
/**
|
|
8
|
-
* Управление состоянием вкл/выкл чекбокса (native prop)
|
|
9
|
-
*/
|
|
10
|
-
checked?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Обработчик переключения чекбокса
|
|
13
|
-
*/
|
|
14
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
|
|
15
|
-
checked: boolean;
|
|
16
|
-
name?: string;
|
|
17
|
-
}) => void;
|
|
18
|
-
/**
|
|
19
|
-
* Текст подписи к чекбоксу
|
|
20
|
-
*/
|
|
21
|
-
label?: ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Текст подсказки снизу
|
|
24
|
-
*/
|
|
25
|
-
hint?: ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* Размер компонента
|
|
28
|
-
* @description s и m deprecated, используйте вместо них 20 и 24 соответственно
|
|
29
|
-
*/
|
|
30
|
-
size?: 's' | 'm' | 20 | 24;
|
|
31
|
-
/**
|
|
32
|
-
* Доп. класс чекбокса
|
|
33
|
-
*/
|
|
34
|
-
boxClassName?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Доп. класс контента
|
|
37
|
-
*/
|
|
38
|
-
contentClassName?: string;
|
|
39
|
-
/**
|
|
40
|
-
* Выравнивание
|
|
41
|
-
*/
|
|
42
|
-
align?: Align;
|
|
43
|
-
/**
|
|
44
|
-
* Дополнительный слот
|
|
45
|
-
*/
|
|
46
|
-
addons?: React.ReactNode;
|
|
47
|
-
/**
|
|
48
|
-
* Растягивать ли компонент на всю ширину
|
|
49
|
-
*/
|
|
50
|
-
block?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Управление состоянием включен / выключен
|
|
53
|
-
*/
|
|
54
|
-
disabled?: boolean;
|
|
55
|
-
/**
|
|
56
|
-
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
57
|
-
* Используйте props disabled
|
|
58
|
-
* Управление состоянием активен / неактивен
|
|
59
|
-
*/
|
|
60
|
-
inactive?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
63
|
-
*/
|
|
64
|
-
dataTestId?: string;
|
|
65
|
-
/**
|
|
66
|
-
* Управление неопределенным состоянием чекбокса
|
|
67
|
-
*/
|
|
68
|
-
indeterminate?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Отображение ошибки
|
|
71
|
-
*/
|
|
72
|
-
error?: ReactNode | boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Флаг для скрытия нативного инпута.
|
|
75
|
-
* @default false
|
|
76
|
-
*/
|
|
77
|
-
hiddenInput?: boolean;
|
|
78
|
-
/**
|
|
79
|
-
* Реф на инпут
|
|
80
|
-
*/
|
|
81
|
-
inputRef?: RefObject<HTMLInputElement>;
|
|
82
|
-
/**
|
|
83
|
-
* Пропсы для label
|
|
84
|
-
*/
|
|
85
|
-
labelProps?: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
|
|
86
|
-
};
|
|
87
|
-
declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
|
|
88
|
-
/**
|
|
89
|
-
* Управление состоянием вкл/выкл чекбокса (native prop)
|
|
90
|
-
*/
|
|
91
|
-
checked?: boolean | undefined;
|
|
92
|
-
/**
|
|
93
|
-
* Обработчик переключения чекбокса
|
|
94
|
-
*/
|
|
95
|
-
onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
96
|
-
checked: boolean;
|
|
97
|
-
name?: string;
|
|
98
|
-
}) => void) | undefined;
|
|
99
|
-
/**
|
|
100
|
-
* Текст подписи к чекбоксу
|
|
101
|
-
*/
|
|
102
|
-
label?: ReactNode;
|
|
103
|
-
/**
|
|
104
|
-
* Текст подсказки снизу
|
|
105
|
-
*/
|
|
106
|
-
hint?: ReactNode;
|
|
107
|
-
/**
|
|
108
|
-
* Размер компонента
|
|
109
|
-
* @description s и m deprecated, используйте вместо них 20 и 24 соответственно
|
|
110
|
-
*/
|
|
111
|
-
size?: "s" | "m" | 24 | 20 | undefined;
|
|
112
|
-
/**
|
|
113
|
-
* Доп. класс чекбокса
|
|
114
|
-
*/
|
|
115
|
-
boxClassName?: string | undefined;
|
|
116
|
-
/**
|
|
117
|
-
* Доп. класс контента
|
|
118
|
-
*/
|
|
119
|
-
contentClassName?: string | undefined;
|
|
120
|
-
/**
|
|
121
|
-
* Выравнивание
|
|
122
|
-
*/
|
|
123
|
-
align?: Align | undefined;
|
|
124
|
-
/**
|
|
125
|
-
* Дополнительный слот
|
|
126
|
-
*/
|
|
127
|
-
addons?: React.ReactNode;
|
|
128
|
-
/**
|
|
129
|
-
* Растягивать ли компонент на всю ширину
|
|
130
|
-
*/
|
|
131
|
-
block?: boolean | undefined;
|
|
132
|
-
/**
|
|
133
|
-
* Управление состоянием включен / выключен
|
|
134
|
-
*/
|
|
135
|
-
disabled?: boolean | undefined;
|
|
136
|
-
/**
|
|
137
|
-
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
138
|
-
* Используйте props disabled
|
|
139
|
-
* Управление состоянием активен / неактивен
|
|
140
|
-
*/
|
|
141
|
-
inactive?: boolean | undefined;
|
|
142
|
-
/**
|
|
143
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
144
|
-
*/
|
|
145
|
-
dataTestId?: string | undefined;
|
|
146
|
-
/**
|
|
147
|
-
* Управление неопределенным состоянием чекбокса
|
|
148
|
-
*/
|
|
149
|
-
indeterminate?: boolean | undefined;
|
|
150
|
-
/**
|
|
151
|
-
* Отображение ошибки
|
|
152
|
-
*/
|
|
153
|
-
error?: ReactNode | boolean;
|
|
154
|
-
/**
|
|
155
|
-
* Флаг для скрытия нативного инпута.
|
|
156
|
-
* @default false
|
|
157
|
-
*/
|
|
158
|
-
hiddenInput?: boolean | undefined;
|
|
159
|
-
/**
|
|
160
|
-
* Реф на инпут
|
|
161
|
-
*/
|
|
162
|
-
inputRef?: React.RefObject<HTMLInputElement> | undefined;
|
|
163
|
-
/**
|
|
164
|
-
* Пропсы для label
|
|
165
|
-
*/
|
|
166
|
-
labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
|
|
167
|
-
} & React.RefAttributes<HTMLLabelElement>>;
|
|
168
|
-
export { CheckboxProps, Checkbox };
|