@alfalab/core-components 47.9.0-beta.1 → 47.10.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/calendar/Component.responsive.d.ts +1 -0
- package/calendar/components/calendar-mobile/Component.d.ts +18 -2
- package/calendar/components/calendar-mobile/Component.js +63 -26
- package/calendar/components/calendar-mobile/index.css +26 -4
- package/calendar/components/calendar-mobile/typings.d.ts +8 -1
- package/calendar/components/days-table/Component.d.ts +8 -0
- package/calendar/components/days-table/Component.js +21 -2
- package/calendar/components/days-table/index.css +8 -0
- package/calendar/cssm/Component.responsive.d.ts +1 -0
- package/calendar/cssm/components/calendar-mobile/Component.d.ts +18 -2
- package/calendar/cssm/components/calendar-mobile/Component.js +62 -25
- package/calendar/cssm/components/calendar-mobile/index.module.css +26 -4
- package/calendar/cssm/components/calendar-mobile/typings.d.ts +8 -1
- package/calendar/cssm/components/days-table/Component.d.ts +8 -0
- package/calendar/cssm/components/days-table/Component.js +20 -1
- package/calendar/cssm/components/days-table/index.module.css +8 -0
- package/calendar/cssm/useCalendar.d.ts +8 -2
- package/calendar/cssm/useCalendar.js +4 -1
- package/calendar/esm/Component.responsive.d.ts +1 -0
- package/calendar/esm/Component.responsive.js +3 -1
- package/calendar/esm/components/calendar-mobile/Component.d.ts +18 -2
- package/calendar/esm/components/calendar-mobile/Component.js +65 -29
- package/calendar/esm/components/calendar-mobile/index.css +26 -4
- package/calendar/esm/components/calendar-mobile/index.js +3 -1
- package/calendar/esm/components/calendar-mobile/typings.d.ts +8 -1
- package/calendar/esm/components/days-table/Component.d.ts +8 -0
- package/calendar/esm/components/days-table/Component.js +22 -3
- package/calendar/esm/components/days-table/index.css +8 -0
- package/calendar/esm/components/days-table/index.js +1 -0
- package/calendar/esm/desktop/Component.desktop.js +1 -0
- package/calendar/esm/desktop/index.js +1 -0
- package/calendar/esm/index.js +3 -1
- package/calendar/esm/mobile/index.js +3 -1
- package/calendar/esm/useCalendar.d.ts +8 -2
- package/calendar/esm/useCalendar.js +4 -1
- package/calendar/modern/Component.responsive.d.ts +1 -0
- package/calendar/modern/Component.responsive.js +3 -1
- package/calendar/modern/components/calendar-mobile/Component.d.ts +18 -2
- package/calendar/modern/components/calendar-mobile/Component.js +64 -16
- package/calendar/modern/components/calendar-mobile/index.css +26 -4
- package/calendar/modern/components/calendar-mobile/index.js +3 -1
- package/calendar/modern/components/calendar-mobile/typings.d.ts +8 -1
- package/calendar/modern/components/days-table/Component.d.ts +8 -0
- package/calendar/modern/components/days-table/Component.js +22 -3
- package/calendar/modern/components/days-table/index.css +8 -0
- package/calendar/modern/components/days-table/index.js +1 -0
- package/calendar/modern/desktop/Component.desktop.js +1 -0
- package/calendar/modern/desktop/index.js +1 -0
- package/calendar/modern/index.js +3 -1
- package/calendar/modern/mobile/index.js +3 -1
- package/calendar/modern/useCalendar.d.ts +8 -2
- package/calendar/modern/useCalendar.js +3 -1
- package/calendar/useCalendar.d.ts +8 -2
- package/calendar/useCalendar.js +4 -1
- package/calendar-input/components/calendar-input/Component.d.ts +1 -0
- package/calendar-input/cssm/components/calendar-input/Component.d.ts +1 -0
- package/calendar-input/esm/components/calendar-input/Component.d.ts +1 -0
- package/calendar-input/modern/components/calendar-input/Component.d.ts +1 -0
- package/date-time-input/components/date-time-input/Component.d.ts +2 -3
- package/date-time-input/cssm/components/date-time-input/Component.d.ts +2 -3
- package/date-time-input/esm/components/date-time-input/Component.d.ts +2 -3
- package/date-time-input/modern/components/date-time-input/Component.d.ts +2 -3
- package/gallery/components/header/Component.js +1 -1
- package/gallery/components/header/buttons.js +1 -1
- package/gallery/components/image-viewer/component.js +1 -1
- package/gallery/components/image-viewer/slide.js +1 -1
- package/gallery/esm/Component.js +2 -2
- package/gallery/esm/components/header/Component.js +1 -1
- package/gallery/esm/components/header/buttons.js +1 -1
- package/gallery/esm/components/header/index.js +1 -1
- package/gallery/esm/components/image-preview/Component.js +1 -1
- package/gallery/esm/components/image-preview/index.js +1 -1
- package/gallery/esm/components/image-viewer/component.js +1 -1
- package/gallery/esm/components/image-viewer/index.js +1 -1
- package/gallery/esm/components/image-viewer/slide.js +1 -1
- package/gallery/esm/components/index.js +2 -2
- package/gallery/esm/components/navigation-bar/Component.js +1 -1
- package/gallery/esm/components/navigation-bar/index.js +1 -1
- package/gallery/esm/index.js +2 -2
- package/gallery/modern/Component.js +2 -2
- package/gallery/modern/components/header/Component.js +1 -1
- package/gallery/modern/components/header/buttons.js +1 -1
- package/gallery/modern/components/header/index.js +1 -1
- package/gallery/modern/components/image-preview/Component.js +1 -1
- package/gallery/modern/components/image-preview/index.js +1 -1
- package/gallery/modern/components/image-viewer/component.js +1 -1
- package/gallery/modern/components/image-viewer/index.js +1 -1
- package/gallery/modern/components/image-viewer/slide.js +1 -1
- package/gallery/modern/components/index.js +2 -2
- package/gallery/modern/components/navigation-bar/Component.js +1 -1
- package/gallery/modern/components/navigation-bar/index.js +1 -1
- package/gallery/modern/index.js +2 -2
- package/international-phone-input/{Component-6563e05c.d.ts → Component-9d430401.d.ts} +1 -1
- package/international-phone-input/Component.responsive.d.ts +4 -4
- package/international-phone-input/components/base-international-phone-input/Component.d.ts +1 -1
- package/international-phone-input/cssm/{Component-6563e05c.d.ts → Component-9d430401.d.ts} +1 -1
- package/international-phone-input/cssm/Component.responsive.d.ts +4 -4
- package/international-phone-input/cssm/components/base-international-phone-input/Component.d.ts +1 -1
- package/international-phone-input/cssm/types.d.ts +1 -1
- package/international-phone-input/cssm/{typings-6563e05c.d.ts → typings-9d430401.d.ts} +0 -12
- package/international-phone-input/cssm/utils-87b0c1c6.d.ts +1 -1
- package/international-phone-input/esm/{Component-6563e05c.d.ts → Component-9d430401.d.ts} +1 -1
- package/international-phone-input/esm/Component.responsive.d.ts +4 -4
- package/international-phone-input/esm/components/base-international-phone-input/Component.d.ts +1 -1
- package/international-phone-input/esm/types.d.ts +1 -1
- package/international-phone-input/esm/{typings-6563e05c.d.ts → typings-9d430401.d.ts} +0 -12
- package/international-phone-input/esm/utils-87b0c1c6.d.ts +1 -1
- package/international-phone-input/modern/{Component-6563e05c.d.ts → Component-9d430401.d.ts} +1 -1
- package/international-phone-input/modern/Component.responsive.d.ts +4 -4
- package/international-phone-input/modern/components/base-international-phone-input/Component.d.ts +1 -1
- package/international-phone-input/modern/types.d.ts +1 -1
- package/international-phone-input/modern/{typings-6563e05c.d.ts → typings-9d430401.d.ts} +0 -12
- package/international-phone-input/modern/utils-87b0c1c6.d.ts +1 -1
- package/international-phone-input/types.d.ts +1 -1
- package/international-phone-input/{typings-6563e05c.d.ts → typings-9d430401.d.ts} +0 -12
- package/international-phone-input/utils-87b0c1c6.d.ts +1 -1
- package/package.json +1 -1
- package/picker-button/Component-9d430401.d.ts +5 -0
- package/picker-button/cssm/Component-9d430401.d.ts +5 -0
- package/picker-button/cssm/field/Component.d.ts +1 -1
- package/picker-button/cssm/{typings-6563e05c.d.ts → typings-9d430401.d.ts} +0 -12
- package/picker-button/cssm/utils-87b0c1c6.d.ts +1 -1
- package/picker-button/esm/Component-9d430401.d.ts +5 -0
- package/picker-button/esm/field/Component.d.ts +1 -1
- package/picker-button/esm/{typings-6563e05c.d.ts → typings-9d430401.d.ts} +0 -12
- package/picker-button/esm/utils-87b0c1c6.d.ts +1 -1
- package/picker-button/field/Component.d.ts +1 -1
- package/picker-button/modern/Component-9d430401.d.ts +5 -0
- package/picker-button/modern/field/Component.d.ts +1 -1
- package/picker-button/modern/{typings-6563e05c.d.ts → typings-9d430401.d.ts} +0 -12
- package/picker-button/modern/utils-87b0c1c6.d.ts +1 -1
- package/picker-button/{typings-6563e05c.d.ts → typings-9d430401.d.ts} +0 -12
- package/picker-button/utils-87b0c1c6.d.ts +1 -1
- package/plate/components/base-plate/Component.js +1 -1
- package/plate/esm/Component.responsive.js +1 -1
- package/plate/esm/components/base-plate/Component.js +1 -1
- package/plate/esm/components/base-plate/index.js +1 -1
- package/plate/esm/desktop/Component.desktop.js +1 -1
- package/plate/esm/desktop/index.js +1 -1
- package/plate/esm/index-2f466837.d.ts +2 -2
- package/plate/esm/index.js +1 -1
- package/plate/esm/mobile/Component.mobile.js +1 -1
- package/plate/esm/mobile/index.js +1 -1
- package/plate/esm/shared/index.js +1 -1
- package/plate/esm/utils.js +1 -1
- package/plate/index-2f466837.d.ts +2 -2
- package/plate/modern/Component.responsive.js +1 -1
- package/plate/modern/components/base-plate/Component.js +1 -1
- package/plate/modern/components/base-plate/index.js +1 -1
- package/plate/modern/desktop/Component.desktop.js +1 -1
- package/plate/modern/desktop/index.js +1 -1
- package/plate/modern/index-2f466837.d.ts +2 -2
- package/plate/modern/index.js +1 -1
- package/plate/modern/mobile/Component.mobile.js +1 -1
- package/plate/modern/mobile/index.js +1 -1
- package/plate/modern/shared/index.js +1 -1
- package/plate/modern/utils.js +1 -1
- package/plate/utils.js +1 -1
- package/pure-cell/component.js +1 -1
- package/pure-cell/components/addon/component.js +1 -1
- package/pure-cell/components/addon/index.d.ts +1 -1
- package/pure-cell/components/addon/index.js +1 -1
- package/pure-cell/components/amount/component.js +1 -1
- package/pure-cell/components/amount/index.d.ts +1 -1
- package/pure-cell/components/amount/index.js +1 -1
- package/pure-cell/components/amount-title/component.js +1 -1
- package/pure-cell/components/amount-title/index.d.ts +1 -1
- package/pure-cell/components/amount-title/index.js +1 -1
- package/pure-cell/components/category/component.js +1 -1
- package/pure-cell/components/category/index.d.ts +1 -1
- package/pure-cell/components/category/index.js +1 -1
- package/pure-cell/components/content/component.js +1 -1
- package/pure-cell/components/content/index.d.ts +1 -1
- package/pure-cell/components/content/index.js +1 -1
- package/pure-cell/components/footer/component.js +1 -1
- package/pure-cell/components/footer/index.d.ts +1 -1
- package/pure-cell/components/footer/index.js +1 -1
- package/pure-cell/components/footer-button/component.js +1 -1
- package/pure-cell/components/footer-button/index.d.ts +1 -1
- package/pure-cell/components/footer-button/index.js +1 -1
- package/pure-cell/components/footer-text/component.js +1 -1
- package/pure-cell/components/footer-text/index.d.ts +1 -1
- package/pure-cell/components/footer-text/index.js +1 -1
- package/pure-cell/components/graphics/component.js +1 -1
- package/pure-cell/components/graphics/index.d.ts +1 -1
- package/pure-cell/components/graphics/index.js +1 -1
- package/pure-cell/components/main/component.js +1 -1
- package/pure-cell/components/main/index.d.ts +1 -1
- package/pure-cell/components/main/index.js +1 -1
- package/pure-cell/components/text/component.js +1 -1
- package/pure-cell/components/text/index.d.ts +1 -1
- package/pure-cell/components/text/index.js +1 -1
- package/pure-cell/esm/component.js +1 -1
- package/pure-cell/esm/components/addon/component.js +1 -1
- package/pure-cell/esm/components/addon/index.d.ts +1 -1
- package/pure-cell/esm/components/addon/index.js +1 -1
- package/pure-cell/esm/components/amount/component.js +1 -1
- package/pure-cell/esm/components/amount/index.d.ts +1 -1
- package/pure-cell/esm/components/amount/index.js +1 -1
- package/pure-cell/esm/components/amount-title/component.js +1 -1
- package/pure-cell/esm/components/amount-title/index.d.ts +1 -1
- package/pure-cell/esm/components/amount-title/index.js +1 -1
- package/pure-cell/esm/components/category/component.js +1 -1
- package/pure-cell/esm/components/category/index.d.ts +1 -1
- package/pure-cell/esm/components/category/index.js +1 -1
- package/pure-cell/esm/components/content/component.js +1 -1
- package/pure-cell/esm/components/content/index.d.ts +1 -1
- package/pure-cell/esm/components/content/index.js +1 -1
- package/pure-cell/esm/components/footer/component.js +1 -1
- package/pure-cell/esm/components/footer/index.d.ts +1 -1
- package/pure-cell/esm/components/footer/index.js +1 -1
- package/pure-cell/esm/components/footer-button/component.js +1 -1
- package/pure-cell/esm/components/footer-button/index.d.ts +1 -1
- package/pure-cell/esm/components/footer-button/index.js +1 -1
- package/pure-cell/esm/components/footer-text/component.js +1 -1
- package/pure-cell/esm/components/footer-text/index.d.ts +1 -1
- package/pure-cell/esm/components/footer-text/index.js +1 -1
- package/pure-cell/esm/components/graphics/component.js +1 -1
- package/pure-cell/esm/components/graphics/index.d.ts +1 -1
- package/pure-cell/esm/components/graphics/index.js +1 -1
- package/pure-cell/esm/components/main/component.js +1 -1
- package/pure-cell/esm/components/main/index.d.ts +1 -1
- package/pure-cell/esm/components/main/index.js +1 -1
- package/pure-cell/esm/components/text/component.js +1 -1
- package/pure-cell/esm/components/text/index.d.ts +1 -1
- package/pure-cell/esm/components/text/index.js +1 -1
- package/pure-cell/esm/index.js +1 -1
- package/pure-cell/index.js +1 -1
- package/pure-cell/modern/component.js +1 -1
- package/pure-cell/modern/components/addon/component.js +1 -1
- package/pure-cell/modern/components/addon/index.d.ts +1 -1
- package/pure-cell/modern/components/addon/index.js +1 -1
- package/pure-cell/modern/components/amount/component.js +1 -1
- package/pure-cell/modern/components/amount/index.d.ts +1 -1
- package/pure-cell/modern/components/amount/index.js +1 -1
- package/pure-cell/modern/components/amount-title/component.js +1 -1
- package/pure-cell/modern/components/amount-title/index.d.ts +1 -1
- package/pure-cell/modern/components/amount-title/index.js +1 -1
- package/pure-cell/modern/components/category/component.js +1 -1
- package/pure-cell/modern/components/category/index.d.ts +1 -1
- package/pure-cell/modern/components/category/index.js +1 -1
- package/pure-cell/modern/components/content/component.js +1 -1
- package/pure-cell/modern/components/content/index.d.ts +1 -1
- package/pure-cell/modern/components/content/index.js +1 -1
- package/pure-cell/modern/components/footer/component.js +1 -1
- package/pure-cell/modern/components/footer/index.d.ts +1 -1
- package/pure-cell/modern/components/footer/index.js +1 -1
- package/pure-cell/modern/components/footer-button/component.js +1 -1
- package/pure-cell/modern/components/footer-button/index.d.ts +1 -1
- package/pure-cell/modern/components/footer-button/index.js +1 -1
- package/pure-cell/modern/components/footer-text/component.js +1 -1
- package/pure-cell/modern/components/footer-text/index.d.ts +1 -1
- package/pure-cell/modern/components/footer-text/index.js +1 -1
- package/pure-cell/modern/components/graphics/component.js +1 -1
- package/pure-cell/modern/components/graphics/index.d.ts +1 -1
- package/pure-cell/modern/components/graphics/index.js +1 -1
- package/pure-cell/modern/components/main/component.js +1 -1
- package/pure-cell/modern/components/main/index.d.ts +1 -1
- package/pure-cell/modern/components/main/index.js +1 -1
- package/pure-cell/modern/components/text/component.js +1 -1
- package/pure-cell/modern/components/text/index.d.ts +1 -1
- package/pure-cell/modern/components/text/index.js +1 -1
- package/pure-cell/modern/index.js +1 -1
- package/select/components/base-select/Component.js +14 -14
- package/select/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
- package/select/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
- package/select/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
- package/select/components/options-list/Component.js +4 -4
- package/select/cssm/components/base-select/Component.js +12 -12
- package/select/cssm/components/options-list/Component.js +4 -4
- package/select/cssm/typings.d.ts +0 -12
- package/select/esm/Component.responsive.js +3 -3
- package/select/esm/components/base-select/Component.js +14 -14
- package/select/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
- package/select/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
- package/select/esm/components/base-select/components/list-mobile/list-mobile.js +1 -1
- package/select/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
- package/select/esm/components/base-select/index.js +2 -2
- package/select/esm/components/index.js +2 -2
- package/select/esm/components/options-list/Component.js +4 -4
- package/select/esm/desktop/Component.desktop.js +2 -2
- package/select/esm/desktop/index.js +2 -2
- package/select/esm/index.js +3 -3
- package/select/esm/mobile/Component.mobile.js +3 -3
- package/select/esm/mobile/Component.modal.mobile.js +3 -3
- package/select/esm/mobile/index.js +3 -3
- 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 +3 -3
- package/select/esm/typings.d.ts +0 -12
- package/select/mobile/Component.mobile.js +1 -1
- package/select/modern/Component.responsive.js +3 -3
- package/select/modern/components/base-select/Component.js +4 -4
- package/select/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
- package/select/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
- package/select/modern/components/base-select/components/list-mobile/list-mobile.js +1 -1
- package/select/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
- package/select/modern/components/base-select/index.js +2 -2
- package/select/modern/components/index.js +2 -2
- package/select/modern/components/options-list/Component.js +2 -2
- package/select/modern/desktop/Component.desktop.js +2 -2
- package/select/modern/desktop/index.js +2 -2
- package/select/modern/index.js +3 -3
- package/select/modern/mobile/Component.mobile.js +3 -3
- package/select/modern/mobile/Component.modal.mobile.js +3 -3
- package/select/modern/mobile/index.js +3 -3
- 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 +3 -3
- package/select/modern/typings.d.ts +0 -12
- 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/typings.d.ts +0 -12
- package/side-panel/components/controls/Component.js +1 -1
- package/side-panel/components/footer/Component.js +1 -1
- package/side-panel/esm/Component.responsive.js +1 -1
- package/side-panel/esm/components/controls/Component.js +1 -1
- package/side-panel/esm/components/controls/index.js +1 -1
- package/side-panel/esm/components/footer/Component.desktop.js +1 -1
- package/side-panel/esm/components/footer/Component.js +1 -1
- package/side-panel/esm/components/footer/Component.mobile.js +1 -1
- package/side-panel/esm/desktop/Component.desktop.js +1 -1
- package/side-panel/esm/desktop/index.js +1 -1
- package/side-panel/esm/index.js +1 -1
- package/side-panel/esm/mobile/Component.mobile.js +1 -1
- package/side-panel/esm/mobile/index.js +1 -1
- package/side-panel/modern/Component.responsive.js +1 -1
- package/side-panel/modern/components/controls/Component.js +1 -1
- package/side-panel/modern/components/controls/index.js +1 -1
- package/side-panel/modern/components/footer/Component.desktop.js +1 -1
- package/side-panel/modern/components/footer/Component.js +1 -1
- package/side-panel/modern/components/footer/Component.mobile.js +1 -1
- package/side-panel/modern/desktop/Component.desktop.js +1 -1
- package/side-panel/modern/desktop/index.js +1 -1
- package/side-panel/modern/index.js +1 -1
- package/side-panel/modern/mobile/Component.mobile.js +1 -1
- package/side-panel/modern/mobile/index.js +1 -1
- package/themes/compiled/mobile-dark-bluetint.css +5 -5
- package/toast-plate/components/base-toast-plate/component.js +2 -2
- package/toast-plate/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -1
- package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +2 -2
- package/toast-plate/esm/Component.responsive.js +2 -2
- package/toast-plate/esm/components/base-toast-plate/component.js +2 -2
- package/toast-plate/esm/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -1
- package/toast-plate/esm/components/base-toast-plate/index.js +2 -2
- package/toast-plate/esm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +2 -2
- package/toast-plate/esm/desktop/Component.desktop.js +2 -2
- package/toast-plate/esm/desktop/index.js +2 -2
- package/toast-plate/esm/index-2f466837.d.ts +2 -2
- package/toast-plate/esm/index.js +2 -2
- package/toast-plate/esm/mobile/Component.mobile.js +2 -2
- package/toast-plate/esm/mobile/index.js +2 -2
- package/toast-plate/index-2f466837.d.ts +2 -2
- package/toast-plate/modern/Component.responsive.js +2 -2
- package/toast-plate/modern/components/base-toast-plate/component.js +2 -2
- package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -1
- package/toast-plate/modern/components/base-toast-plate/index.js +2 -2
- package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +2 -2
- package/toast-plate/modern/desktop/Component.desktop.js +2 -2
- package/toast-plate/modern/desktop/index.js +2 -2
- package/toast-plate/modern/index-2f466837.d.ts +2 -2
- package/toast-plate/modern/index.js +2 -2
- package/toast-plate/modern/mobile/Component.mobile.js +2 -2
- package/toast-plate/modern/mobile/index.js +2 -2
- package/typography/esm/component.js +2 -2
- package/typography/esm/index.js +2 -2
- package/typography/esm/text/component.js +1 -1
- package/typography/esm/text/index.js +1 -1
- package/typography/esm/title/component.js +1 -1
- package/typography/esm/title/index.js +2 -2
- package/typography/esm/title-mobile/component.js +2 -2
- package/typography/esm/title-mobile/index.js +2 -2
- package/typography/esm/title-responsive/component.js +2 -2
- package/typography/esm/title-responsive/index.js +2 -2
- package/typography/modern/component.js +2 -2
- package/typography/modern/index.js +2 -2
- package/typography/modern/text/component.js +1 -1
- package/typography/modern/text/index.js +1 -1
- package/typography/modern/title/component.js +1 -1
- package/typography/modern/title/index.js +2 -2
- package/typography/modern/title-mobile/component.js +2 -2
- package/typography/modern/title-mobile/index.js +2 -2
- package/typography/modern/title-responsive/component.js +2 -2
- package/typography/modern/title-responsive/index.js +2 -2
- package/typography/text/component.js +1 -1
- package/typography/title/component.js +1 -1
- package/typography/title/index.js +1 -1
- package/typography/title-mobile/component.js +1 -1
- package/typography/title-responsive/component.js +1 -1
- package/universal-date-input/Component-ee245301.d.ts +26 -0
- package/universal-date-input/cssm/Component-ee245301.d.ts +26 -0
- package/universal-date-input/cssm/index-5712fce2.d.ts +16 -202
- package/universal-date-input/cssm/index-ee245301.d.ts +180 -0
- package/universal-date-input/esm/Component-ee245301.d.ts +26 -0
- package/universal-date-input/esm/index-5712fce2.d.ts +16 -202
- package/universal-date-input/esm/index-ee245301.d.ts +180 -0
- package/universal-date-input/index-5712fce2.d.ts +16 -202
- package/universal-date-input/index-ee245301.d.ts +180 -0
- package/universal-date-input/modern/Component-ee245301.d.ts +26 -0
- package/universal-date-input/modern/index-5712fce2.d.ts +16 -202
- package/universal-date-input/modern/index-ee245301.d.ts +180 -0
- package/picker-button/Component-6563e05c.d.ts +0 -5
- package/picker-button/cssm/Component-6563e05c.d.ts +0 -5
- package/picker-button/esm/Component-6563e05c.d.ts +0 -5
- package/picker-button/modern/Component-6563e05c.d.ts +0 -5
- /package/gallery/{buttons-9c44ac86.d.ts → buttons-e7e85fbd.d.ts} +0 -0
- /package/gallery/{buttons-9c44ac86.js → buttons-e7e85fbd.js} +0 -0
- /package/gallery/esm/{buttons-9b94693c.d.ts → buttons-31154ee0.d.ts} +0 -0
- /package/gallery/esm/{buttons-9b94693c.js → buttons-31154ee0.js} +0 -0
- /package/gallery/esm/{slide-5405aac6.d.ts → slide-3a81fe9b.d.ts} +0 -0
- /package/gallery/esm/{slide-5405aac6.js → slide-3a81fe9b.js} +0 -0
- /package/gallery/modern/{buttons-d0cf70a8.d.ts → buttons-f48cd370.d.ts} +0 -0
- /package/gallery/modern/{buttons-d0cf70a8.js → buttons-f48cd370.js} +0 -0
- /package/gallery/modern/{slide-6f8df05e.d.ts → slide-300dada8.d.ts} +0 -0
- /package/gallery/modern/{slide-6f8df05e.js → slide-300dada8.js} +0 -0
- /package/gallery/{slide-70439402.d.ts → slide-fe937849.d.ts} +0 -0
- /package/gallery/{slide-70439402.js → slide-fe937849.js} +0 -0
- /package/plate/{PortalContext-fa01f35c.d.ts → PortalContext-7660408e.d.ts} +0 -0
- /package/plate/{PortalContext-fa01f35c.js → PortalContext-7660408e.js} +0 -0
- /package/plate/esm/{PortalContext-68e159b4.d.ts → PortalContext-ecb78253.d.ts} +0 -0
- /package/plate/esm/{PortalContext-68e159b4.js → PortalContext-ecb78253.js} +0 -0
- /package/plate/modern/{PortalContext-6b50db51.d.ts → PortalContext-1187e777.d.ts} +0 -0
- /package/plate/modern/{PortalContext-6b50db51.js → PortalContext-1187e777.js} +0 -0
- /package/pure-cell/{component-d9b4960f.d.ts → component-8e5a4272.d.ts} +0 -0
- /package/pure-cell/{component-d9b4960f.js → component-8e5a4272.js} +0 -0
- /package/pure-cell/esm/{component-fc54c265.d.ts → component-b802ac98.d.ts} +0 -0
- /package/pure-cell/esm/{component-fc54c265.js → component-b802ac98.js} +0 -0
- /package/pure-cell/modern/{component-9f2ec12c.d.ts → component-5fcbafb6.d.ts} +0 -0
- /package/pure-cell/modern/{component-9f2ec12c.js → component-5fcbafb6.js} +0 -0
- /package/select/esm/{hook-ea6af842.d.ts → hook-b2de24a8.d.ts} +0 -0
- /package/select/esm/{hook-ea6af842.js → hook-b2de24a8.js} +0 -0
- /package/select/esm/{list-popover-desktop-ae0d4030.d.ts → list-popover-desktop-05da245e.d.ts} +0 -0
- /package/select/esm/{list-popover-desktop-ae0d4030.js → list-popover-desktop-05da245e.js} +0 -0
- /package/select/esm/{mobile.module-549309dc.js → mobile.module-463c9a08.js} +0 -0
- /package/select/{hook-d36891be.d.ts → hook-8c4a3c4b.d.ts} +0 -0
- /package/select/{hook-d36891be.js → hook-8c4a3c4b.js} +0 -0
- /package/select/{list-popover-desktop-ee1e436c.d.ts → list-popover-desktop-0191d188.d.ts} +0 -0
- /package/select/{list-popover-desktop-ee1e436c.js → list-popover-desktop-0191d188.js} +0 -0
- /package/select/{mobile.module-02f8a33d.js → mobile.module-34ed4d36.js} +0 -0
- /package/select/modern/{hook-c1d1e364.d.ts → hook-f6ee5904.d.ts} +0 -0
- /package/select/modern/{hook-c1d1e364.js → hook-f6ee5904.js} +0 -0
- /package/select/modern/{list-popover-desktop-feab4a2f.d.ts → list-popover-desktop-dde86217.d.ts} +0 -0
- /package/select/modern/{list-popover-desktop-feab4a2f.js → list-popover-desktop-dde86217.js} +0 -0
- /package/select/modern/{mobile.module-9fee11c2.js → mobile.module-4026b4ce.js} +0 -0
- /package/side-panel/esm/{layout.module-15c30846.js → layout.module-57debcbd.js} +0 -0
- /package/side-panel/{layout.module-f68730e9.js → layout.module-11cb84d7.js} +0 -0
- /package/side-panel/modern/{layout.module-546000a4.js → layout.module-436b690f.js} +0 -0
- /package/toast-plate/{PortalContext-5870903f.d.ts → PortalContext-0d20ef98.d.ts} +0 -0
- /package/toast-plate/{PortalContext-5870903f.js → PortalContext-0d20ef98.js} +0 -0
- /package/toast-plate/esm/{PortalContext-87b75f64.d.ts → PortalContext-0baec972.d.ts} +0 -0
- /package/toast-plate/esm/{PortalContext-87b75f64.js → PortalContext-0baec972.js} +0 -0
- /package/toast-plate/esm/{getDataTestId-036beec3.d.ts → getDataTestId-7b6aa0a9.d.ts} +0 -0
- /package/toast-plate/esm/{getDataTestId-036beec3.js → getDataTestId-7b6aa0a9.js} +0 -0
- /package/toast-plate/{getDataTestId-68f38cd2.d.ts → getDataTestId-d6ea897e.d.ts} +0 -0
- /package/toast-plate/{getDataTestId-68f38cd2.js → getDataTestId-d6ea897e.js} +0 -0
- /package/toast-plate/modern/{PortalContext-4dcb459f.d.ts → PortalContext-3c15badc.d.ts} +0 -0
- /package/toast-plate/modern/{PortalContext-4dcb459f.js → PortalContext-3c15badc.js} +0 -0
- /package/toast-plate/modern/{getDataTestId-778a5839.d.ts → getDataTestId-d44651c2.d.ts} +0 -0
- /package/toast-plate/modern/{getDataTestId-778a5839.js → getDataTestId-d44651c2.js} +0 -0
- /package/typography/{colors.module-db7937b7.js → colors.module-78983cf7.js} +0 -0
- /package/typography/{common.module-400d3b44.js → common.module-e36e45ad.js} +0 -0
- /package/typography/esm/{colors.module-6187dd90.js → colors.module-bbf7489b.js} +0 -0
- /package/typography/esm/{common.module-e6ab81d6.js → common.module-26e271a2.js} +0 -0
- /package/typography/modern/{colors.module-60a8eceb.js → colors.module-a3636f20.js} +0 -0
- /package/typography/modern/{common.module-2115a63b.js → common.module-7f7bb8d3.js} +0 -0
|
@@ -35,7 +35,7 @@ var BaseSelect = React.forwardRef(
|
|
|
35
35
|
function (props, ref) {
|
|
36
36
|
var _a;
|
|
37
37
|
var _b, _c;
|
|
38
|
-
var dataTestId = props.dataTestId, className = props.className, fieldClassName = props.fieldClassName, optionGroupClassName = props.optionGroupClassName, optionsListClassName = props.optionsListClassName, optionClassName = props.optionClassName, options = props.options, _d = props.autocomplete, autocomplete = _d === void 0 ? false : _d, _e = props.multiple, multiple = _e === void 0 ? false : _e, _f = props.allowUnselect, allowUnselect = _f === void 0 ? false : _f, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.closeOnSelect, closeOnSelect = _h === void 0 ? !multiple : _h, _j = props.circularNavigation, circularNavigation = _j === void 0 ? false : _j, _k = props.nativeSelect, nativeSelect = _k === void 0 ? false : _k, _l = props.defaultOpen, defaultOpen = _l === void 0 ? false : _l, openProp = props.open, _m = props.optionsListWidth, optionsListWidth = _m === void 0 ? 'content' : _m, name = props.name, id = props.id, selected = props.selected, _o = props.size, size = _o === void 0 ? 48 : _o, _p = props.optionsSize, optionsSize = _p === void 0 ? size : _p, error = props.error, hint = props.hint, block = props.block, label = props.label, labelView = props.labelView, placeholder = props.placeholder, _q = props.fieldProps, fieldProps = _q === void 0 ? {} : _q, _r = props.optionsListProps, optionsListProps = _r === void 0 ? {} : _r, _s = props.optionProps, optionProps = _s === void 0 ? {} : _s, _t = props.
|
|
38
|
+
var dataTestId = props.dataTestId, className = props.className, fieldClassName = props.fieldClassName, optionGroupClassName = props.optionGroupClassName, optionsListClassName = props.optionsListClassName, optionClassName = props.optionClassName, options = props.options, _d = props.autocomplete, autocomplete = _d === void 0 ? false : _d, _e = props.multiple, multiple = _e === void 0 ? false : _e, _f = props.allowUnselect, allowUnselect = _f === void 0 ? false : _f, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.closeOnSelect, closeOnSelect = _h === void 0 ? !multiple : _h, _j = props.circularNavigation, circularNavigation = _j === void 0 ? false : _j, _k = props.nativeSelect, nativeSelect = _k === void 0 ? false : _k, _l = props.defaultOpen, defaultOpen = _l === void 0 ? false : _l, openProp = props.open, _m = props.optionsListWidth, optionsListWidth = _m === void 0 ? 'content' : _m, name = props.name, id = props.id, selected = props.selected, _o = props.size, size = _o === void 0 ? 48 : _o, _p = props.optionsSize, optionsSize = _p === void 0 ? size : _p, error = props.error, hint = props.hint, block = props.block, label = props.label, labelView = props.labelView, placeholder = props.placeholder, _q = props.fieldProps, fieldProps = _q === void 0 ? {} : _q, _r = props.optionsListProps, optionsListProps = _r === void 0 ? {} : _r, _s = props.optionProps, optionProps = _s === void 0 ? {} : _s, _t = props.searchProps, searchProps = _t === void 0 ? {} : _t, _u = props.showSearch, showSearch = _u === void 0 ? false : _u, valueRenderer = props.valueRenderer, onChange = props.onChange, onOpen = props.onOpen, onFocus = props.onFocus, onBlur = props.onBlur, onScroll = props.onScroll, Arrow = props.Arrow, _v = props.Field, Field = _v === void 0 ? function () { return null; } : _v, _w = props.OptionsList, OptionsList = _w === void 0 ? function () { return null; } : _w, _x = props.Optgroup, Optgroup = _x === void 0 ? function () { return null; } : _x, _y = props.Option, Option = _y === void 0 ? function () { return null; } : _y, _z = props.Search, Search = _z === void 0 ? function () { return null; } : _z, _0 = props.showEmptyOptionsList, showEmptyOptionsList = _0 === void 0 ? false : _0, visibleOptions = props.visibleOptions, view = props.view, _1 = props.isBottomSheet, isBottomSheet = _1 === void 0 ? true : _1, modalProps = props.modalProps, bottomSheetProps = props.bottomSheetProps, limitDynamicOptionGroupSize = props.limitDynamicOptionGroupSize;
|
|
39
39
|
var shouldSearchBlurRef = React.useRef(true);
|
|
40
40
|
var rootRef = React.useRef(null);
|
|
41
41
|
var fieldRef = React.useRef(null);
|
|
@@ -44,15 +44,15 @@ function (props, ref) {
|
|
|
44
44
|
var searchRef = React.useRef(null);
|
|
45
45
|
var scrollableContainerRef = React.useRef(null);
|
|
46
46
|
var onOpenRef = React.useRef(onOpen);
|
|
47
|
-
var
|
|
48
|
-
var
|
|
47
|
+
var _2 = React__default.default.useState(''), searchState = _2[0], setSearchState = _2[1];
|
|
48
|
+
var _3 = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
|
|
49
49
|
? [searchProps.value, searchProps.onChange]
|
|
50
|
-
: [searchState, setSearchState], search =
|
|
50
|
+
: [searchState, setSearchState], search = _3[0], setSearch = _3[1];
|
|
51
51
|
var accessor = searchProps.accessor || utils.defaultAccessor;
|
|
52
52
|
var filterFn = searchProps.filterFn || utils.defaultFilterFn;
|
|
53
53
|
var filterGroup = (_b = searchProps.filterGroup) !== null && _b !== void 0 ? _b : false;
|
|
54
54
|
var groupAccessor = (_c = searchProps.groupAccessor) !== null && _c !== void 0 ? _c : utils.defaultGroupAccessor;
|
|
55
|
-
var
|
|
55
|
+
var _4 = React.useMemo(function () {
|
|
56
56
|
return utils.processOptions(options, selected, function (option) {
|
|
57
57
|
if (utils.isGroup(option)) {
|
|
58
58
|
var groupAccessorValue = groupAccessor(option);
|
|
@@ -61,7 +61,7 @@ function (props, ref) {
|
|
|
61
61
|
}
|
|
62
62
|
return filterFn(accessor(option), search);
|
|
63
63
|
}, filterGroup);
|
|
64
|
-
}, [options, selected, filterFn, accessor, search, filterGroup, groupAccessor]), filteredOptions =
|
|
64
|
+
}, [options, selected, filterFn, accessor, search, filterGroup, groupAccessor]), filteredOptions = _4.filteredOptions, flatOptions = _4.flatOptions, selectedOptions = _4.selectedOptions;
|
|
65
65
|
var scrollIntoView = function (node) {
|
|
66
66
|
if (!node || view === 'mobile')
|
|
67
67
|
return;
|
|
@@ -104,8 +104,8 @@ function (props, ref) {
|
|
|
104
104
|
useMultipleSelectionProps.selectedItems = selectedOptions;
|
|
105
105
|
}
|
|
106
106
|
onOpenRef.current = onOpen;
|
|
107
|
-
var
|
|
108
|
-
var
|
|
107
|
+
var _5 = downshift.useMultipleSelection(useMultipleSelectionProps), selectedItems = _5.selectedItems, addSelectedItem = _5.addSelectedItem, setSelectedItems = _5.setSelectedItems, removeSelectedItem = _5.removeSelectedItem, getDropdownProps = _5.getDropdownProps;
|
|
108
|
+
var _6 = downshift.useCombobox({
|
|
109
109
|
id: id,
|
|
110
110
|
isOpen: openProp,
|
|
111
111
|
items: flatOptions,
|
|
@@ -186,7 +186,7 @@ function (props, ref) {
|
|
|
186
186
|
return changes;
|
|
187
187
|
}
|
|
188
188
|
},
|
|
189
|
-
}), open =
|
|
189
|
+
}), open = _6.isOpen, getMenuProps = _6.getMenuProps, getInputProps = _6.getInputProps, getItemProps = _6.getItemProps, getLabelProps = _6.getLabelProps, highlightedIndex = _6.highlightedIndex, toggleMenu = _6.toggleMenu, openMenu = _6.openMenu, closeMenu = _6.closeMenu, setHighlightedIndex = _6.setHighlightedIndex;
|
|
190
190
|
React.useEffect(function () {
|
|
191
191
|
/*
|
|
192
192
|
* При изменении openProp, состояние внутри downshift в useEnhancedReducer не меняется, поэтому меняем его таким способом
|
|
@@ -202,7 +202,7 @@ function (props, ref) {
|
|
|
202
202
|
}
|
|
203
203
|
}, [openProp, openMenu, closeMenu]);
|
|
204
204
|
var inputProps = getInputProps(getDropdownProps({ ref: mergeRefs__default.default([ref, fieldRef]) }));
|
|
205
|
-
var
|
|
205
|
+
var _7 = getMenuProps({ ref: listRef }, { suppressRefError: true }), menuRef = _7.ref, menuProps = tslib.__rest(_7, ["ref"]);
|
|
206
206
|
var handleEntered = function (node, isAppearing) {
|
|
207
207
|
var _a, _b, _c, _d, _e;
|
|
208
208
|
if (showSearch)
|
|
@@ -369,7 +369,7 @@ function (props, ref) {
|
|
|
369
369
|
_a[mobileStyles__default.default.search] = view === 'mobile',
|
|
370
370
|
_a)), ref: mergeRefs__default.default([searchRef, ((_c = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _c === void 0 ? void 0 : _c.ref) || null]) })));
|
|
371
371
|
};
|
|
372
|
-
var
|
|
372
|
+
var _8 = optionsListProps, header = _8.header, emptyPlaceholder = _8.emptyPlaceholder;
|
|
373
373
|
var renderOptionsListHeader = function () {
|
|
374
374
|
if (header || (view === 'desktop' && showSearch)) {
|
|
375
375
|
return (React__default.default.createElement(React__default.default.Fragment, null,
|
|
@@ -393,7 +393,7 @@ function (props, ref) {
|
|
|
393
393
|
return null;
|
|
394
394
|
var listProps = optionsListProps;
|
|
395
395
|
return (React__default.default.createElement("div", tslib.__assign({}, menuProps, { ref: view === 'desktop' ? menuRef : undefined, className: cn__default.default(optionsListClassName, view === 'mobile' && mobileStyles__default.default.optionsListWrapper, view === 'desktop' && styles__default.default.optionsListWrapper) }),
|
|
396
|
-
React__default.default.createElement(OptionsList, tslib.__assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn__default.default((_a = {}, _a[mobileStyles__default.default.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn__default.default((_b = {}, _b[mobileStyles__default.default.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu,
|
|
396
|
+
React__default.default.createElement(OptionsList, tslib.__assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn__default.default((_a = {}, _a[mobileStyles__default.default.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn__default.default((_b = {}, _b[mobileStyles__default.default.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn__default.default(optionGroupClassName, (_c = {},
|
|
397
397
|
_c[mobileStyles__default.default.optionGroup] = view === 'mobile',
|
|
398
398
|
_c)), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search, multiple: multiple, limitDynamicOptionGroupSize: limitDynamicOptionGroupSize })),
|
|
399
399
|
view === 'desktop' && React__default.default.createElement("div", { className: styles__default.default.optionsListBorder })));
|
|
@@ -26,9 +26,9 @@ var createCounter = function () {
|
|
|
26
26
|
};
|
|
27
27
|
var OptionsList = React.forwardRef(function (_a, ref) {
|
|
28
28
|
var _b, _c;
|
|
29
|
-
var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _e = _a.
|
|
30
|
-
var
|
|
31
|
-
var
|
|
29
|
+
var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.Optgroup, Optgroup = _f === void 0 ? components_optgroup_Component.Optgroup : _f, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _g = _a.visibleOptions, visibleOptions = _g === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _g, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, _h = _a.showFooter, showFooter = _h === void 0 ? true : _h, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _j = _a.flatOptions, flatOptions = _j === void 0 ? [] : _j, setHighlightedIndex = _a.setHighlightedIndex, selectedItems = _a.selectedItems, search = _a.search, setSelectedItems = _a.setSelectedItems, multiple = _a.multiple, _k = _a.limitDynamicOptionGroupSize, limitDynamicOptionGroupSize = _k === void 0 ? false : _k;
|
|
30
|
+
var _l = React.useState(true), scrollTop = _l[0], setScrollTop = _l[1];
|
|
31
|
+
var _m = React.useState(false), scrollBottom = _m[0], setScrollBottom = _m[1];
|
|
32
32
|
var query = '(max-width: 1023px)';
|
|
33
33
|
var nativeScrollbar = coreComponentsMq.useMatchMedia(query, function () {
|
|
34
34
|
return coreComponentsShared.isClient() ? window.matchMedia(query).matches : true;
|
|
@@ -54,7 +54,7 @@ var OptionsList = React.forwardRef(function (_a, ref) {
|
|
|
54
54
|
var _a;
|
|
55
55
|
setSelectedItems(((_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) { return !group.options.includes(item); })) !== null && _a !== void 0 ? _a : []).concat(items));
|
|
56
56
|
};
|
|
57
|
-
return (React__default.default.createElement(Optgroup,
|
|
57
|
+
return (React__default.default.createElement(Optgroup, { className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: groupSelectedItems, setSelectedItems: handleSelectedItems, search: search, multiple: multiple }, group.options.map(function (option) { return renderOption(option, counter()); })));
|
|
58
58
|
};
|
|
59
59
|
utils.useVisibleOptions(tslib.__assign(tslib.__assign({}, (!nativeScrollbar && { styleTargetRef: scrollbarRef })), { visibleOptions: visibleOptions, listRef: listRef, open: open, options: options, actualOptionsCount: limitDynamicOptionGroupSize, size: limitDynamicOptionGroupSize
|
|
60
60
|
? (function () {
|
package/select/cssm/typings.d.ts
CHANGED
|
@@ -208,10 +208,6 @@ type BaseSelectProps = {
|
|
|
208
208
|
* Пропсы, которые будут прокинуты в компонент пункта меню
|
|
209
209
|
*/
|
|
210
210
|
optionProps?: unknown;
|
|
211
|
-
/**
|
|
212
|
-
* Пропсы, которые будут прокинуты в компонент группового пункта меню
|
|
213
|
-
*/
|
|
214
|
-
groupOptionProps?: AnyObject;
|
|
215
211
|
/**
|
|
216
212
|
* Компонент выпадающего меню
|
|
217
213
|
*/
|
|
@@ -404,10 +400,6 @@ type OptionsListProps = {
|
|
|
404
400
|
* Функция для получения пропсов для ячейки
|
|
405
401
|
*/
|
|
406
402
|
getOptionProps: (option: OptionShape, index: number) => OptionProps;
|
|
407
|
-
/**
|
|
408
|
-
* Пропсы, которые будут прокинуты в компонент группового пункта меню
|
|
409
|
-
*/
|
|
410
|
-
groupOptionProps?: AnyObject;
|
|
411
403
|
/**
|
|
412
404
|
* Список выбранных пунктов
|
|
413
405
|
*/
|
|
@@ -536,10 +528,6 @@ type OptgroupProps = {
|
|
|
536
528
|
* Обработчик выбранных вариантов
|
|
537
529
|
*/
|
|
538
530
|
setSelectedItems?: (items: OptionShape[]) => void;
|
|
539
|
-
/**
|
|
540
|
-
* Указать индекс пункта для hover состояния
|
|
541
|
-
*/
|
|
542
|
-
setHighlightedIndex?: (index: number) => void;
|
|
543
531
|
/**
|
|
544
532
|
* Значение поиска
|
|
545
533
|
*/
|
|
@@ -19,12 +19,12 @@ import '@alfalab/hooks';
|
|
|
19
19
|
import './utils.js';
|
|
20
20
|
import './components/native-select/Component.js';
|
|
21
21
|
import './components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
22
|
-
import './list-popover-desktop-
|
|
22
|
+
import './list-popover-desktop-05da245e.js';
|
|
23
23
|
import './components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
24
24
|
import './components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
25
25
|
import './components/base-select/components/list-mobile/list-mobile.js';
|
|
26
26
|
import './components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
|
|
27
|
-
import './mobile.module-
|
|
27
|
+
import './mobile.module-463c9a08.js';
|
|
28
28
|
import './components/base-select/components/list-mobile/list-modal-mobile.js';
|
|
29
29
|
import './components/field/Component.js';
|
|
30
30
|
import './components/optgroup/Component.js';
|
|
@@ -49,7 +49,7 @@ import '../../base-modal/esm';
|
|
|
49
49
|
import '../../button/esm/mobile';
|
|
50
50
|
import './components/virtual-options-list/Component.js';
|
|
51
51
|
import 'react-virtual';
|
|
52
|
-
import './hook-
|
|
52
|
+
import './hook-b2de24a8.js';
|
|
53
53
|
import 'deep-equal';
|
|
54
54
|
import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
|
|
55
55
|
import '../../button/esm/desktop';
|
|
@@ -10,11 +10,11 @@ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
|
|
|
10
10
|
import { defaultAccessor, defaultFilterFn, defaultGroupAccessor, processOptions, isGroup } from '../../utils.js';
|
|
11
11
|
import { NativeSelect } from '../native-select/Component.js';
|
|
12
12
|
import { getListPopoverDesktopProps } from './components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
13
|
-
import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-
|
|
13
|
+
import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-05da245e.js';
|
|
14
14
|
import { getListModalMobileProps } from './components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
15
15
|
import { getListBottomSheetMobileProps } from './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
16
16
|
import { ListMobile } from './components/list-mobile/list-mobile.js';
|
|
17
|
-
import { m as mobileStyles } from '../../mobile.module-
|
|
17
|
+
import { m as mobileStyles } from '../../mobile.module-463c9a08.js';
|
|
18
18
|
import './components/list-mobile/list-bottom-sheet-mobile.js';
|
|
19
19
|
import './components/list-mobile/list-modal-mobile.js';
|
|
20
20
|
|
|
@@ -26,7 +26,7 @@ var BaseSelect = forwardRef(
|
|
|
26
26
|
function (props, ref) {
|
|
27
27
|
var _a;
|
|
28
28
|
var _b, _c;
|
|
29
|
-
var dataTestId = props.dataTestId, className = props.className, fieldClassName = props.fieldClassName, optionGroupClassName = props.optionGroupClassName, optionsListClassName = props.optionsListClassName, optionClassName = props.optionClassName, options = props.options, _d = props.autocomplete, autocomplete = _d === void 0 ? false : _d, _e = props.multiple, multiple = _e === void 0 ? false : _e, _f = props.allowUnselect, allowUnselect = _f === void 0 ? false : _f, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.closeOnSelect, closeOnSelect = _h === void 0 ? !multiple : _h, _j = props.circularNavigation, circularNavigation = _j === void 0 ? false : _j, _k = props.nativeSelect, nativeSelect = _k === void 0 ? false : _k, _l = props.defaultOpen, defaultOpen = _l === void 0 ? false : _l, openProp = props.open, _m = props.optionsListWidth, optionsListWidth = _m === void 0 ? 'content' : _m, name = props.name, id = props.id, selected = props.selected, _o = props.size, size = _o === void 0 ? 48 : _o, _p = props.optionsSize, optionsSize = _p === void 0 ? size : _p, error = props.error, hint = props.hint, block = props.block, label = props.label, labelView = props.labelView, placeholder = props.placeholder, _q = props.fieldProps, fieldProps = _q === void 0 ? {} : _q, _r = props.optionsListProps, optionsListProps = _r === void 0 ? {} : _r, _s = props.optionProps, optionProps = _s === void 0 ? {} : _s, _t = props.
|
|
29
|
+
var dataTestId = props.dataTestId, className = props.className, fieldClassName = props.fieldClassName, optionGroupClassName = props.optionGroupClassName, optionsListClassName = props.optionsListClassName, optionClassName = props.optionClassName, options = props.options, _d = props.autocomplete, autocomplete = _d === void 0 ? false : _d, _e = props.multiple, multiple = _e === void 0 ? false : _e, _f = props.allowUnselect, allowUnselect = _f === void 0 ? false : _f, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.closeOnSelect, closeOnSelect = _h === void 0 ? !multiple : _h, _j = props.circularNavigation, circularNavigation = _j === void 0 ? false : _j, _k = props.nativeSelect, nativeSelect = _k === void 0 ? false : _k, _l = props.defaultOpen, defaultOpen = _l === void 0 ? false : _l, openProp = props.open, _m = props.optionsListWidth, optionsListWidth = _m === void 0 ? 'content' : _m, name = props.name, id = props.id, selected = props.selected, _o = props.size, size = _o === void 0 ? 48 : _o, _p = props.optionsSize, optionsSize = _p === void 0 ? size : _p, error = props.error, hint = props.hint, block = props.block, label = props.label, labelView = props.labelView, placeholder = props.placeholder, _q = props.fieldProps, fieldProps = _q === void 0 ? {} : _q, _r = props.optionsListProps, optionsListProps = _r === void 0 ? {} : _r, _s = props.optionProps, optionProps = _s === void 0 ? {} : _s, _t = props.searchProps, searchProps = _t === void 0 ? {} : _t, _u = props.showSearch, showSearch = _u === void 0 ? false : _u, valueRenderer = props.valueRenderer, onChange = props.onChange, onOpen = props.onOpen, onFocus = props.onFocus, onBlur = props.onBlur, onScroll = props.onScroll, Arrow = props.Arrow, _v = props.Field, Field = _v === void 0 ? function () { return null; } : _v, _w = props.OptionsList, OptionsList = _w === void 0 ? function () { return null; } : _w, _x = props.Optgroup, Optgroup = _x === void 0 ? function () { return null; } : _x, _y = props.Option, Option = _y === void 0 ? function () { return null; } : _y, _z = props.Search, Search = _z === void 0 ? function () { return null; } : _z, _0 = props.showEmptyOptionsList, showEmptyOptionsList = _0 === void 0 ? false : _0, visibleOptions = props.visibleOptions, view = props.view, _1 = props.isBottomSheet, isBottomSheet = _1 === void 0 ? true : _1, modalProps = props.modalProps, bottomSheetProps = props.bottomSheetProps, limitDynamicOptionGroupSize = props.limitDynamicOptionGroupSize;
|
|
30
30
|
var shouldSearchBlurRef = useRef(true);
|
|
31
31
|
var rootRef = useRef(null);
|
|
32
32
|
var fieldRef = useRef(null);
|
|
@@ -35,15 +35,15 @@ function (props, ref) {
|
|
|
35
35
|
var searchRef = useRef(null);
|
|
36
36
|
var scrollableContainerRef = useRef(null);
|
|
37
37
|
var onOpenRef = useRef(onOpen);
|
|
38
|
-
var
|
|
39
|
-
var
|
|
38
|
+
var _2 = React.useState(''), searchState = _2[0], setSearchState = _2[1];
|
|
39
|
+
var _3 = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
|
|
40
40
|
? [searchProps.value, searchProps.onChange]
|
|
41
|
-
: [searchState, setSearchState], search =
|
|
41
|
+
: [searchState, setSearchState], search = _3[0], setSearch = _3[1];
|
|
42
42
|
var accessor = searchProps.accessor || defaultAccessor;
|
|
43
43
|
var filterFn = searchProps.filterFn || defaultFilterFn;
|
|
44
44
|
var filterGroup = (_b = searchProps.filterGroup) !== null && _b !== void 0 ? _b : false;
|
|
45
45
|
var groupAccessor = (_c = searchProps.groupAccessor) !== null && _c !== void 0 ? _c : defaultGroupAccessor;
|
|
46
|
-
var
|
|
46
|
+
var _4 = useMemo(function () {
|
|
47
47
|
return processOptions(options, selected, function (option) {
|
|
48
48
|
if (isGroup(option)) {
|
|
49
49
|
var groupAccessorValue = groupAccessor(option);
|
|
@@ -52,7 +52,7 @@ function (props, ref) {
|
|
|
52
52
|
}
|
|
53
53
|
return filterFn(accessor(option), search);
|
|
54
54
|
}, filterGroup);
|
|
55
|
-
}, [options, selected, filterFn, accessor, search, filterGroup, groupAccessor]), filteredOptions =
|
|
55
|
+
}, [options, selected, filterFn, accessor, search, filterGroup, groupAccessor]), filteredOptions = _4.filteredOptions, flatOptions = _4.flatOptions, selectedOptions = _4.selectedOptions;
|
|
56
56
|
var scrollIntoView = function (node) {
|
|
57
57
|
if (!node || view === 'mobile')
|
|
58
58
|
return;
|
|
@@ -95,8 +95,8 @@ function (props, ref) {
|
|
|
95
95
|
useMultipleSelectionProps.selectedItems = selectedOptions;
|
|
96
96
|
}
|
|
97
97
|
onOpenRef.current = onOpen;
|
|
98
|
-
var
|
|
99
|
-
var
|
|
98
|
+
var _5 = useMultipleSelection(useMultipleSelectionProps), selectedItems = _5.selectedItems, addSelectedItem = _5.addSelectedItem, setSelectedItems = _5.setSelectedItems, removeSelectedItem = _5.removeSelectedItem, getDropdownProps = _5.getDropdownProps;
|
|
99
|
+
var _6 = useCombobox({
|
|
100
100
|
id: id,
|
|
101
101
|
isOpen: openProp,
|
|
102
102
|
items: flatOptions,
|
|
@@ -177,7 +177,7 @@ function (props, ref) {
|
|
|
177
177
|
return changes;
|
|
178
178
|
}
|
|
179
179
|
},
|
|
180
|
-
}), open =
|
|
180
|
+
}), open = _6.isOpen, getMenuProps = _6.getMenuProps, getInputProps = _6.getInputProps, getItemProps = _6.getItemProps, getLabelProps = _6.getLabelProps, highlightedIndex = _6.highlightedIndex, toggleMenu = _6.toggleMenu, openMenu = _6.openMenu, closeMenu = _6.closeMenu, setHighlightedIndex = _6.setHighlightedIndex;
|
|
181
181
|
useEffect(function () {
|
|
182
182
|
/*
|
|
183
183
|
* При изменении openProp, состояние внутри downshift в useEnhancedReducer не меняется, поэтому меняем его таким способом
|
|
@@ -193,7 +193,7 @@ function (props, ref) {
|
|
|
193
193
|
}
|
|
194
194
|
}, [openProp, openMenu, closeMenu]);
|
|
195
195
|
var inputProps = getInputProps(getDropdownProps({ ref: mergeRefs([ref, fieldRef]) }));
|
|
196
|
-
var
|
|
196
|
+
var _7 = getMenuProps({ ref: listRef }, { suppressRefError: true }), menuRef = _7.ref, menuProps = __rest(_7, ["ref"]);
|
|
197
197
|
var handleEntered = function (node, isAppearing) {
|
|
198
198
|
var _a, _b, _c, _d, _e;
|
|
199
199
|
if (showSearch)
|
|
@@ -360,7 +360,7 @@ function (props, ref) {
|
|
|
360
360
|
_a[mobileStyles.search] = view === 'mobile',
|
|
361
361
|
_a)), ref: mergeRefs([searchRef, ((_c = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _c === void 0 ? void 0 : _c.ref) || null]) })));
|
|
362
362
|
};
|
|
363
|
-
var
|
|
363
|
+
var _8 = optionsListProps, header = _8.header, emptyPlaceholder = _8.emptyPlaceholder;
|
|
364
364
|
var renderOptionsListHeader = function () {
|
|
365
365
|
if (header || (view === 'desktop' && showSearch)) {
|
|
366
366
|
return (React.createElement(React.Fragment, null,
|
|
@@ -384,7 +384,7 @@ function (props, ref) {
|
|
|
384
384
|
return null;
|
|
385
385
|
var listProps = optionsListProps;
|
|
386
386
|
return (React.createElement("div", __assign({}, menuProps, { ref: view === 'desktop' ? menuRef : undefined, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) }),
|
|
387
|
-
React.createElement(OptionsList, __assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn((_a = {}, _a[mobileStyles.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn((_b = {}, _b[mobileStyles.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu,
|
|
387
|
+
React.createElement(OptionsList, __assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn((_a = {}, _a[mobileStyles.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn((_b = {}, _b[mobileStyles.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, (_c = {},
|
|
388
388
|
_c[mobileStyles.optionGroup] = view === 'mobile',
|
|
389
389
|
_c)), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search, multiple: multiple, limitDynamicOptionGroupSize: limitDynamicOptionGroupSize })),
|
|
390
390
|
view === 'desktop' && React.createElement("div", { className: styles.optionsListBorder })));
|
package/select/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { getDataTestId } from '../../../../../../shared/esm';
|
|
4
|
-
import { m as mobileStyles } from '../../../../mobile.module-
|
|
4
|
+
import { m as mobileStyles } from '../../../../mobile.module-463c9a08.js';
|
|
5
5
|
|
|
6
6
|
var ListBottomSheetMobile = function (props) {
|
|
7
7
|
var BottomSheet = props.BottomSheet, dataTestId = props.dataTestId, open = props.open, label = props.label, placeholder = props.placeholder, footer = props.footer, swipeable = props.swipeable, showSearch = props.showSearch, bottomSheetProps = props.bottomSheetProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { ListBottomSheetMobile } from './list-bottom-sheet-mobile.js';
|
|
4
4
|
import { ListModalMobile } from './list-modal-mobile.js';
|
|
5
5
|
import '../../../../../../shared/esm';
|
|
6
|
-
import '../../../../mobile.module-
|
|
6
|
+
import '../../../../mobile.module-463c9a08.js';
|
|
7
7
|
import 'react-merge-refs';
|
|
8
8
|
import 'classnames';
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import mergeRefs from 'react-merge-refs';
|
|
4
4
|
import cn from 'classnames';
|
|
5
5
|
import { getDataTestId } from '../../../../../../shared/esm';
|
|
6
|
-
import { m as mobileStyles } from '../../../../mobile.module-
|
|
6
|
+
import { m as mobileStyles } from '../../../../mobile.module-463c9a08.js';
|
|
7
7
|
|
|
8
8
|
var ListModalMobile = function (props) {
|
|
9
9
|
var ModalMobile = props.ModalMobile, dataTestId = props.dataTestId, open = props.open, modalProps = props.modalProps, modalHeaderProps = props.modalHeaderProps, modalFooterProps = props.modalFooterProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, label = props.label, placeholder = props.placeholder, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;
|
|
@@ -11,10 +11,10 @@ import '@alfalab/hooks';
|
|
|
11
11
|
import '../../utils.js';
|
|
12
12
|
import '../native-select/Component.js';
|
|
13
13
|
import './components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
14
|
-
import '../../list-popover-desktop-
|
|
14
|
+
import '../../list-popover-desktop-05da245e.js';
|
|
15
15
|
import './components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
16
16
|
import './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
17
17
|
import './components/list-mobile/list-mobile.js';
|
|
18
18
|
import './components/list-mobile/list-bottom-sheet-mobile.js';
|
|
19
|
-
import '../../mobile.module-
|
|
19
|
+
import '../../mobile.module-463c9a08.js';
|
|
20
20
|
import './components/list-mobile/list-modal-mobile.js';
|
|
@@ -20,12 +20,12 @@ import '@alfalab/hooks';
|
|
|
20
20
|
import '../utils.js';
|
|
21
21
|
import './native-select/Component.js';
|
|
22
22
|
import './base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
23
|
-
import '../list-popover-desktop-
|
|
23
|
+
import '../list-popover-desktop-05da245e.js';
|
|
24
24
|
import './base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
25
25
|
import './base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
26
26
|
import './base-select/components/list-mobile/list-mobile.js';
|
|
27
27
|
import './base-select/components/list-mobile/list-bottom-sheet-mobile.js';
|
|
28
|
-
import '../mobile.module-
|
|
28
|
+
import '../mobile.module-463c9a08.js';
|
|
29
29
|
import './base-select/components/list-mobile/list-modal-mobile.js';
|
|
30
30
|
import '../consts.js';
|
|
31
31
|
import './checkmark/Component.js';
|
|
@@ -19,9 +19,9 @@ var createCounter = function () {
|
|
|
19
19
|
};
|
|
20
20
|
var OptionsList = forwardRef(function (_a, ref) {
|
|
21
21
|
var _b, _c;
|
|
22
|
-
var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _e = _a.
|
|
23
|
-
var
|
|
24
|
-
var
|
|
22
|
+
var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.Optgroup, Optgroup$1 = _f === void 0 ? Optgroup : _f, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _g = _a.visibleOptions, visibleOptions = _g === void 0 ? DEFAULT_VISIBLE_OPTIONS : _g, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, _h = _a.showFooter, showFooter = _h === void 0 ? true : _h, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _j = _a.flatOptions, flatOptions = _j === void 0 ? [] : _j, setHighlightedIndex = _a.setHighlightedIndex, selectedItems = _a.selectedItems, search = _a.search, setSelectedItems = _a.setSelectedItems, multiple = _a.multiple, _k = _a.limitDynamicOptionGroupSize, limitDynamicOptionGroupSize = _k === void 0 ? false : _k;
|
|
23
|
+
var _l = useState(true), scrollTop = _l[0], setScrollTop = _l[1];
|
|
24
|
+
var _m = useState(false), scrollBottom = _m[0], setScrollBottom = _m[1];
|
|
25
25
|
var query = '(max-width: 1023px)';
|
|
26
26
|
var nativeScrollbar = useMatchMedia(query, function () {
|
|
27
27
|
return isClient() ? window.matchMedia(query).matches : true;
|
|
@@ -47,7 +47,7 @@ var OptionsList = forwardRef(function (_a, ref) {
|
|
|
47
47
|
var _a;
|
|
48
48
|
setSelectedItems(((_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) { return !group.options.includes(item); })) !== null && _a !== void 0 ? _a : []).concat(items));
|
|
49
49
|
};
|
|
50
|
-
return (React.createElement(Optgroup$1,
|
|
50
|
+
return (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: groupSelectedItems, setSelectedItems: handleSelectedItems, search: search, multiple: multiple }, group.options.map(function (option) { return renderOption(option, counter()); })));
|
|
51
51
|
};
|
|
52
52
|
useVisibleOptions(__assign(__assign({}, (!nativeScrollbar && { styleTargetRef: scrollbarRef })), { visibleOptions: visibleOptions, listRef: listRef, open: open, options: options, actualOptionsCount: limitDynamicOptionGroupSize, size: limitDynamicOptionGroupSize
|
|
53
53
|
? (function () {
|
|
@@ -20,12 +20,12 @@ import '@alfalab/hooks';
|
|
|
20
20
|
import '../utils.js';
|
|
21
21
|
import '../components/native-select/Component.js';
|
|
22
22
|
import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
23
|
-
import '../list-popover-desktop-
|
|
23
|
+
import '../list-popover-desktop-05da245e.js';
|
|
24
24
|
import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
25
25
|
import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
26
26
|
import '../components/base-select/components/list-mobile/list-mobile.js';
|
|
27
27
|
import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
|
|
28
|
-
import '../mobile.module-
|
|
28
|
+
import '../mobile.module-463c9a08.js';
|
|
29
29
|
import '../components/base-select/components/list-mobile/list-modal-mobile.js';
|
|
30
30
|
import '../consts.js';
|
|
31
31
|
import '../components/checkmark/Component.js';
|
|
@@ -16,12 +16,12 @@ import '@alfalab/hooks';
|
|
|
16
16
|
import '../utils.js';
|
|
17
17
|
import '../components/native-select/Component.js';
|
|
18
18
|
import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
19
|
-
import '../list-popover-desktop-
|
|
19
|
+
import '../list-popover-desktop-05da245e.js';
|
|
20
20
|
import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
21
21
|
import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
22
22
|
import '../components/base-select/components/list-mobile/list-mobile.js';
|
|
23
23
|
import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
|
|
24
|
-
import '../mobile.module-
|
|
24
|
+
import '../mobile.module-463c9a08.js';
|
|
25
25
|
import '../components/base-select/components/list-mobile/list-modal-mobile.js';
|
|
26
26
|
import '../components/field/Component.js';
|
|
27
27
|
import '../components/optgroup/Component.js';
|
package/select/esm/index.js
CHANGED
|
@@ -18,12 +18,12 @@ import '@alfalab/hooks';
|
|
|
18
18
|
import './utils.js';
|
|
19
19
|
import './components/native-select/Component.js';
|
|
20
20
|
import './components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
21
|
-
import './list-popover-desktop-
|
|
21
|
+
import './list-popover-desktop-05da245e.js';
|
|
22
22
|
import './components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
23
23
|
import './components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
24
24
|
import './components/base-select/components/list-mobile/list-mobile.js';
|
|
25
25
|
import './components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
|
|
26
|
-
import './mobile.module-
|
|
26
|
+
import './mobile.module-463c9a08.js';
|
|
27
27
|
import './components/base-select/components/list-mobile/list-modal-mobile.js';
|
|
28
28
|
import './components/field/Component.js';
|
|
29
29
|
import './components/optgroup/Component.js';
|
|
@@ -49,7 +49,7 @@ import '../../base-modal/esm';
|
|
|
49
49
|
import '../../button/esm/mobile';
|
|
50
50
|
import './components/virtual-options-list/Component.js';
|
|
51
51
|
import 'react-virtual';
|
|
52
|
-
import './hook-
|
|
52
|
+
import './hook-b2de24a8.js';
|
|
53
53
|
import 'deep-equal';
|
|
54
54
|
import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
|
|
55
55
|
import '../../button/esm/desktop';
|
|
@@ -12,7 +12,7 @@ import { Option } from '../components/option/Component.js';
|
|
|
12
12
|
import { OptionsList } from '../components/options-list/Component.js';
|
|
13
13
|
import { Search } from '../components/search/Component.js';
|
|
14
14
|
import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
|
|
15
|
-
import { u as useSelectWithApply } from '../hook-
|
|
15
|
+
import { u as useSelectWithApply } from '../hook-b2de24a8.js';
|
|
16
16
|
import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
|
|
17
17
|
import 'classnames';
|
|
18
18
|
import '@alfalab/icons-glyph/ChevronDownMIcon';
|
|
@@ -25,12 +25,12 @@ import '@alfalab/hooks';
|
|
|
25
25
|
import '../utils.js';
|
|
26
26
|
import '../components/native-select/Component.js';
|
|
27
27
|
import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
28
|
-
import '../list-popover-desktop-
|
|
28
|
+
import '../list-popover-desktop-05da245e.js';
|
|
29
29
|
import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
30
30
|
import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
31
31
|
import '../components/base-select/components/list-mobile/list-mobile.js';
|
|
32
32
|
import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
|
|
33
|
-
import '../mobile.module-
|
|
33
|
+
import '../mobile.module-463c9a08.js';
|
|
34
34
|
import '../components/base-select/components/list-mobile/list-modal-mobile.js';
|
|
35
35
|
import '../../../base-modal/esm';
|
|
36
36
|
import '../../../button/esm/mobile';
|
|
@@ -17,12 +17,12 @@ import '@alfalab/hooks';
|
|
|
17
17
|
import '../utils.js';
|
|
18
18
|
import '../components/native-select/Component.js';
|
|
19
19
|
import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
20
|
-
import '../list-popover-desktop-
|
|
20
|
+
import '../list-popover-desktop-05da245e.js';
|
|
21
21
|
import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
22
22
|
import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
23
23
|
import '../components/base-select/components/list-mobile/list-mobile.js';
|
|
24
24
|
import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
|
|
25
|
-
import '../mobile.module-
|
|
25
|
+
import '../mobile.module-463c9a08.js';
|
|
26
26
|
import '../components/base-select/components/list-mobile/list-modal-mobile.js';
|
|
27
27
|
import '../components/field/Component.js';
|
|
28
28
|
import '../components/footer/Component.js';
|
|
@@ -45,7 +45,7 @@ import '../../../input/esm';
|
|
|
45
45
|
import '@alfalab/icons-glyph/MagnifierMIcon';
|
|
46
46
|
import '../components/virtual-options-list/Component.js';
|
|
47
47
|
import 'react-virtual';
|
|
48
|
-
import '../hook-
|
|
48
|
+
import '../hook-b2de24a8.js';
|
|
49
49
|
import 'deep-equal';
|
|
50
50
|
import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
|
|
51
51
|
import '../../../button/esm/desktop';
|
|
@@ -18,12 +18,12 @@ import '@alfalab/hooks';
|
|
|
18
18
|
import '../utils.js';
|
|
19
19
|
import '../components/native-select/Component.js';
|
|
20
20
|
import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
21
|
-
import '../list-popover-desktop-
|
|
21
|
+
import '../list-popover-desktop-05da245e.js';
|
|
22
22
|
import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
23
23
|
import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
24
24
|
import '../components/base-select/components/list-mobile/list-mobile.js';
|
|
25
25
|
import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
|
|
26
|
-
import '../mobile.module-
|
|
26
|
+
import '../mobile.module-463c9a08.js';
|
|
27
27
|
import '../components/base-select/components/list-mobile/list-modal-mobile.js';
|
|
28
28
|
import '../components/field/Component.js';
|
|
29
29
|
import '../components/footer/Component.js';
|
|
@@ -46,7 +46,7 @@ import '../../../input/esm';
|
|
|
46
46
|
import '@alfalab/icons-glyph/MagnifierMIcon';
|
|
47
47
|
import '../components/virtual-options-list/Component.js';
|
|
48
48
|
import 'react-virtual';
|
|
49
|
-
import '../hook-
|
|
49
|
+
import '../hook-b2de24a8.js';
|
|
50
50
|
import 'deep-equal';
|
|
51
51
|
import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
|
|
52
52
|
import '../../../button/esm/desktop';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
|
|
2
2
|
export { useLazyLoading } from './useLazyLoading/hook.js';
|
|
3
|
-
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-
|
|
3
|
+
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-b2de24a8.js';
|
|
4
4
|
import 'tslib';
|
|
5
5
|
import 'react';
|
|
6
6
|
import '../../../skeleton/esm';
|
|
@@ -2,7 +2,7 @@ import 'tslib';
|
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'deep-equal';
|
|
4
4
|
import '../../../../shared/esm';
|
|
5
|
-
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-
|
|
5
|
+
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-b2de24a8.js';
|
|
6
6
|
import '../../utils.js';
|
|
7
7
|
import '../../components/options-list/Component.js';
|
|
8
8
|
import 'react-merge-refs';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'tslib';
|
|
2
2
|
import 'react';
|
|
3
3
|
import '../../../components/options-list/Component.js';
|
|
4
|
-
export { O as OptionsListWithApply } from '../../../hook-
|
|
4
|
+
export { O as OptionsListWithApply } from '../../../hook-b2de24a8.js';
|
|
5
5
|
import './footer/Component.js';
|
|
6
6
|
import './header/Component.js';
|
|
7
7
|
import 'react-merge-refs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../../hook-
|
|
1
|
+
export * from "../../../hook-b2de24a8";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
|
|
2
2
|
export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
|
|
3
|
-
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-
|
|
3
|
+
export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-b2de24a8.js';
|
|
4
4
|
export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
|
|
5
5
|
export { Option } from '../components/option/Component.js';
|
|
6
6
|
export { BaseOption } from '../components/base-option/Component.js';
|
|
@@ -41,12 +41,12 @@ import 'compute-scroll-into-view';
|
|
|
41
41
|
import 'downshift';
|
|
42
42
|
import '../components/native-select/Component.js';
|
|
43
43
|
import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
|
|
44
|
-
import '../list-popover-desktop-
|
|
44
|
+
import '../list-popover-desktop-05da245e.js';
|
|
45
45
|
import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
|
|
46
46
|
import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
|
|
47
47
|
import '../components/base-select/components/list-mobile/list-mobile.js';
|
|
48
48
|
import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
|
|
49
|
-
import '../mobile.module-
|
|
49
|
+
import '../mobile.module-463c9a08.js';
|
|
50
50
|
import '../components/base-select/components/list-mobile/list-modal-mobile.js';
|
|
51
51
|
import '../../../base-modal/esm';
|
|
52
52
|
import '../../../button/esm/mobile';
|