@alphakits/ui 2.0.1 → 2.0.3
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/dist/__internal/utils/getDataTestId.d.ts +1 -1
- package/dist/amount/component.d.ts +2 -2
- package/dist/amount/index.module.css +1 -1
- package/dist/amount/index.module.css.js +6 -6
- package/dist/amount-input/component.d.ts +2 -2
- package/dist/amount-input/index.module.css +1 -1
- package/dist/amount-input/index.module.css.js +10 -10
- package/dist/avatar/component.d.ts +1 -1
- package/dist/avatar/component.js +1 -1
- package/dist/avatar/component.js.map +1 -1
- package/dist/avatar/index.module.css +1 -1
- package/dist/avatar/index.module.css.js +6 -6
- package/dist/back-button/component.d.ts +1 -1
- package/dist/back-button/index.module.css +1 -1
- package/dist/back-button/index.module.css.js +1 -1
- package/dist/badge/component.js +18 -18
- package/dist/badge/component.js.map +1 -1
- package/dist/badge/index.module.css +1 -1
- package/dist/badge/index.module.css.js +32 -32
- package/dist/base-card/index.module.css +1 -1
- package/dist/base-card/index.module.css.js +26 -26
- package/dist/bottom-sheet/component.d.ts +1 -1
- package/dist/bottom-sheet/index.module.css +1 -1
- package/dist/bottom-sheet/index.module.css.js +2 -2
- package/dist/box/component.d.ts +1 -1
- package/dist/box/index.module.css +1 -1
- package/dist/box/index.module.css.js +36 -36
- package/dist/button/component.d.ts +3 -3
- package/dist/button/index.module.css +1 -1
- package/dist/button/index.module.css.js +40 -40
- package/dist/button-arrow/component.d.ts +2 -2
- package/dist/button-arrow/component.js +31 -21
- package/dist/button-arrow/component.js.map +1 -1
- package/dist/button-arrow/index.module.css +1 -1
- package/dist/button-arrow/index.module.css.js +10 -10
- package/dist/calendar/component.d.ts +2 -2
- package/dist/calendar/component.js +55 -49
- package/dist/calendar/component.js.map +1 -1
- package/dist/calendar/components/days-table/component.d.ts +1 -1
- package/dist/calendar/components/days-table/component.js +10 -10
- package/dist/calendar/components/days-table/component.js.map +1 -1
- package/dist/calendar/components/days-table/index.module.css +1 -1
- package/dist/calendar/components/days-table/index.module.css.js +54 -54
- package/dist/calendar/components/header/index.module.css +1 -1
- package/dist/calendar/components/header/index.module.css.js +12 -12
- package/dist/calendar/components/header//321/201omponent.d.ts +1 -1
- package/dist/calendar/components/header//321/201omponent.js +23 -23
- package/dist/calendar/components/header//321/201omponent.js.map +1 -1
- package/dist/calendar/components/months-table/index.module.css +1 -1
- package/dist/calendar/components/months-table/index.module.css.js +4 -4
- package/dist/calendar/components/months-table//321/201omponent.d.ts +1 -1
- package/dist/calendar/components/months-table//321/201omponent.js +1 -1
- package/dist/calendar/components/months-table//321/201omponent.js.map +1 -1
- package/dist/calendar/components/select-button/index.module.css +1 -1
- package/dist/calendar/components/select-button/index.module.css.js +8 -8
- package/dist/calendar/components/select-button//321/201omponent.d.ts +1 -1
- package/dist/calendar/components/years-table/index.module.css +1 -1
- package/dist/calendar/components/years-table/index.module.css.js +6 -6
- package/dist/calendar/components/years-table//321/201omponent.d.ts +1 -1
- package/dist/calendar/index.module.css +1 -1
- package/dist/calendar/index.module.css.js +5 -5
- package/dist/calendar/typings.d.ts +6 -6
- package/dist/calendar/use-calendar.d.ts +2 -2
- package/dist/calendar/use-period.d.ts +4 -4
- package/dist/calendar-input/component.d.ts +2 -2
- package/dist/calendar-input/index.module.css +1 -1
- package/dist/calendar-input/index.module.css.js +10 -10
- package/dist/card/images/index.module.css +1 -1
- package/dist/card/images/index.module.css.js +10 -10
- package/dist/card/index.module.css +1 -1
- package/dist/card/index.module.css.js +6 -6
- package/dist/cell/base/component.d.ts +1 -1
- package/dist/cell/base/index.module.css +1 -1
- package/dist/cell/base/index.module.css.js +10 -10
- package/dist/cell/pure/component.d.ts +2 -2
- package/dist/cell/pure/index.module.css +1 -1
- package/dist/cell/pure/index.module.css.js +22 -22
- package/dist/checkbox/component.d.ts +4 -4
- package/dist/checkbox/index.module.css +1 -1
- package/dist/checkbox/index.module.css.js +30 -30
- package/dist/checkbox-group/component.d.ts +2 -2
- package/dist/checkbox-group/index.module.css +1 -1
- package/dist/checkbox-group/index.module.css.js +1 -1
- package/dist/checkbox-lists/component.d.ts +2 -2
- package/dist/checkbox-lists/index.module.css +1 -1
- package/dist/checkbox-lists/index.module.css.js +6 -6
- package/dist/collapsable-row/component.d.ts +1 -1
- package/dist/collapsable-row/index.module.css +1 -1
- package/dist/collapsable-row/index.module.css.js +10 -10
- package/dist/collapse/component.d.ts +1 -1
- package/dist/collapse/component.js +4 -2
- package/dist/collapse/component.js.map +1 -1
- package/dist/collapse/index.module.css +1 -1
- package/dist/collapse/index.module.css.js +6 -6
- package/dist/copy-button/component.d.ts +1 -1
- package/dist/copy-button/index.module.css +1 -1
- package/dist/copy-button/index.module.css.js +2 -2
- package/dist/date-switcher/index.module.css +1 -1
- package/dist/date-switcher/index.module.css.js +8 -8
- package/dist/decorated-item/index.module.css +1 -1
- package/dist/decorated-item/index.module.css.js +2 -2
- package/dist/divider/component.d.ts +1 -1
- package/dist/divider/index.module.css +1 -1
- package/dist/divider/index.module.css.js +10 -10
- package/dist/dot/component.d.ts +1 -1
- package/dist/dot/index.module.css +1 -1
- package/dist/dot/index.module.css.js +20 -20
- package/dist/empty-page/component.d.ts +1 -1
- package/dist/empty-page/index.module.css +1 -1
- package/dist/empty-page/index.module.css.js +8 -8
- package/dist/flex/component.d.ts +1 -1
- package/dist/flex/index.module.css +1 -1
- package/dist/flex/index.module.css.js +38 -38
- package/dist/flex-columns/index.module.css +1 -1
- package/dist/flex-columns/index.module.css.js +2 -2
- package/dist/footer/index.module.css +1 -1
- package/dist/footer/index.module.css.js +20 -20
- package/dist/form/components/form-loading/index.module.css +1 -1
- package/dist/form/components/form-loading/index.module.css.js +10 -10
- package/dist/form/templates/base-form/index.d.ts +1 -1
- package/dist/form/templates/filters-form/index.d.ts +2 -2
- package/dist/form/templates/rest-form/form.d.ts +1 -1
- package/dist/form/templates/rest-form/index.d.ts +1 -1
- package/dist/form-control/component.d.ts +1 -1
- package/dist/form-control/index.module.css +1 -1
- package/dist/form-control/index.module.css.js +46 -46
- package/dist/grid/col/component.d.ts +1 -1
- package/dist/grid/col/index.module.css +1 -1
- package/dist/grid/col/index.module.css.js +512 -512
- package/dist/grid/gutters.module.css +1 -1
- package/dist/grid/gutters.module.css.js +45 -45
- package/dist/grid/row/component.d.ts +1 -1
- package/dist/grid/row/index.module.css +1 -1
- package/dist/grid/row/index.module.css.js +14 -14
- package/dist/grid/typings.d.ts +6 -6
- package/dist/header-search/component.d.ts +1 -1
- package/dist/header-search/index.module.css +1 -1
- package/dist/header-search/index.module.css.js +1 -1
- package/dist/hooks/use-crud-form-requests/index.d.ts +1 -1
- package/dist/hooks/useFocus/index.d.ts +1 -1
- package/dist/icon-button/component.d.ts +1 -1
- package/dist/icon-button/index.module.css +1 -1
- package/dist/icon-button/index.module.css.js +12 -12
- package/dist/image/image-base.d.ts +1 -1
- package/dist/image/index.module.css +1 -1
- package/dist/image/index.module.css.js +69 -69
- package/dist/image/types.d.ts +3 -3
- package/dist/image/use-image-render-component.d.ts +1 -1
- package/dist/image-gallery/component.d.ts +1 -1
- package/dist/image-uploader/component.d.ts +1 -1
- package/dist/image-uploader/index.module.css +1 -1
- package/dist/image-uploader/index.module.css.js +6 -6
- package/dist/index.js +254 -248
- package/dist/index.js.map +1 -1
- package/dist/info-block-header/index.module.css +1 -1
- package/dist/info-block-header/index.module.css.js +4 -4
- package/dist/info-block-item/index.module.css +1 -1
- package/dist/info-block-item/index.module.css.js +10 -10
- package/dist/info-block-wrapper/index.module.css +1 -1
- package/dist/info-block-wrapper/index.module.css.js +6 -6
- package/dist/input/component.d.ts +2 -2
- package/dist/input/index.module.css +1 -1
- package/dist/input/index.module.css.js +10 -10
- package/dist/input-autocomplete/autocomplete-field/index.d.ts +2 -2
- package/dist/input-autocomplete/autocomplete-field/index.js.map +1 -1
- package/dist/input-autocomplete/autocomplete-field/index.module.css +1 -1
- package/dist/input-autocomplete/autocomplete-field/index.module.css.js +1 -1
- package/dist/input-autocomplete/component.d.ts +3 -3
- package/dist/input-ghost/index.module.css +1 -1
- package/dist/input-ghost/index.module.css.js +12 -12
- package/dist/link/component.d.ts +2 -2
- package/dist/link/index.module.css +1 -1
- package/dist/link/index.module.css.js +23 -23
- package/dist/list-allert/component.d.ts +1 -1
- package/dist/list-allert/index.module.css +1 -1
- package/dist/list-allert/index.module.css.js +5 -5
- package/dist/loader/component.d.ts +1 -1
- package/dist/loader/index.module.css +1 -1
- package/dist/loader/index.module.css.js +1 -1
- package/dist/masked-input/component.d.ts +2 -2
- package/dist/masked-input/index.module.css +1 -1
- package/dist/masked-input/index.module.css.js +4 -4
- package/dist/menu/component.d.ts +2 -2
- package/dist/menu/components/content-header/index.d.ts +1 -1
- package/dist/menu/components/content-header/index.module.css +1 -1
- package/dist/menu/components/content-header/index.module.css.js +1 -1
- package/dist/menu/components/menu-avatar/index.d.ts +1 -1
- package/dist/menu/components/menu-avatar/index.module.css +1 -1
- package/dist/menu/components/menu-avatar/index.module.css.js +2 -2
- package/dist/menu/components/menu-back-button/index.d.ts +1 -1
- package/dist/menu/components/menu-back-button/index.module.css +1 -1
- package/dist/menu/components/menu-back-button/index.module.css.js +6 -6
- package/dist/menu/components/menu-button/index.module.css +1 -1
- package/dist/menu/components/menu-button/index.module.css.js +13 -13
- package/dist/menu/components/menu-buttons-list/index.d.ts +1 -1
- package/dist/menu/components/menu-buttons-list/index.module.css +1 -1
- package/dist/menu/components/menu-buttons-list/index.module.css.js +1 -1
- package/dist/menu/components/user-button/index.d.ts +1 -1
- package/dist/menu/components/user-button/index.module.css +1 -1
- package/dist/menu/components/user-button/index.module.css.js +4 -4
- package/dist/menu/index.module.css +1 -1
- package/dist/menu/index.module.css.js +12 -12
- package/dist/message/component.d.ts +1 -1
- package/dist/message/index.module.css +1 -1
- package/dist/message/index.module.css.js +6 -6
- package/dist/modal/components/modals/index.d.ts +1 -1
- package/dist/modal/components/modals/index.module.css +1 -1
- package/dist/modal/components/modals/index.module.css.js +16 -16
- package/dist/modal/components/modals/modal.d.ts +1 -1
- package/dist/modal/hooks/use-modal.d.ts +1 -1
- package/dist/modal/types.d.ts +6 -6
- package/dist/mq/component.d.ts +1 -1
- package/dist/mq/mq-list.d.ts +19 -0
- package/dist/mq/{mq.json.js → mq-list.js} +1 -1
- package/dist/mq/mq-list.js.map +1 -0
- package/dist/mq/utils.d.ts +2 -2
- package/dist/mq/utils.js +22 -15
- package/dist/mq/utils.js.map +1 -1
- package/dist/notification/component.d.ts +4 -4
- package/dist/notification/index.module.css +1 -1
- package/dist/notification/index.module.css.js +7 -7
- package/dist/page-container/component.d.ts +2 -2
- package/dist/page-container/index.module.css +1 -1
- package/dist/page-container/index.module.css.js +6 -6
- package/dist/page-loading/index.module.css +1 -1
- package/dist/page-loading/index.module.css.js +1 -1
- package/dist/page-with-controls/component.d.ts +3 -3
- package/dist/picker-button/common/labeled-button/index.d.ts +1 -1
- package/dist/picker-button/common/labeled-button/index.module.css +1 -1
- package/dist/picker-button/common/labeled-button/index.module.css.js +4 -4
- package/dist/picker-button/component.d.ts +3 -3
- package/dist/picker-button/field/Component.d.ts +2 -2
- package/dist/picker-button/field/Component.js.map +1 -1
- package/dist/picker-button/field/index.module.css +1 -1
- package/dist/picker-button/field/index.module.css.js +1 -1
- package/dist/picker-button/index.module.css +1 -1
- package/dist/picker-button/index.module.css.js +2 -2
- package/dist/popover/component.d.ts +5 -5
- package/dist/popover/component.js +108 -73
- package/dist/popover/component.js.map +1 -1
- package/dist/popover/index.module.css +1 -1
- package/dist/popover/index.module.css.js +6 -6
- package/dist/portal/component.d.ts +1 -1
- package/dist/progress-bar/component.d.ts +1 -1
- package/dist/progress-bar/index.module.css +1 -1
- package/dist/progress-bar/index.module.css.js +24 -24
- package/dist/progress-index/component.d.ts +1 -1
- package/dist/progress-index/index.module.css +1 -1
- package/dist/progress-index/index.module.css.js +1 -1
- package/dist/radio/component.d.ts +4 -4
- package/dist/radio/index.module.css +1 -1
- package/dist/radio/index.module.css.js +28 -28
- package/dist/radio-group/component.d.ts +1 -1
- package/dist/radio-group/index.module.css +1 -1
- package/dist/radio-group/index.module.css.js +14 -14
- package/dist/radio-groups/component.d.ts +2 -2
- package/dist/radio-groups/index.module.css +1 -1
- package/dist/radio-groups/index.module.css.js +6 -6
- package/dist/section-wrapper/index.module.css +1 -1
- package/dist/section-wrapper/index.module.css.js +4 -4
- package/dist/select/component.d.ts +2 -2
- package/dist/select/component.js +11 -11
- package/dist/select/component.js.map +1 -1
- package/dist/select/components/arrow/index.module.css +1 -1
- package/dist/select/components/arrow/index.module.css.js +4 -4
- package/dist/select/components/base-select/index.module.css +1 -1
- package/dist/select/components/base-select/index.module.css.js +5 -5
- package/dist/select/components/checkmark/index.module.css +1 -1
- package/dist/select/components/checkmark/index.module.css.js +2 -2
- package/dist/select/components/field/component.d.ts +2 -2
- package/dist/select/components/field/component.js +14 -14
- package/dist/select/components/field/component.js.map +1 -1
- package/dist/select/components/field/index.js +2 -2
- package/dist/select/components/field/index.module.css +1 -1
- package/dist/select/components/field/index.module.css.js +14 -14
- package/dist/select/components/index.js +8 -8
- package/dist/select/components/native-select/component.d.ts +1 -1
- package/dist/select/components/optgroup/index.module.css +1 -1
- package/dist/select/components/optgroup/index.module.css.js +6 -6
- package/dist/select/components/option/index.module.css +1 -1
- package/dist/select/components/option/index.module.css.js +18 -18
- package/dist/select/components/options-list/index.module.css +1 -1
- package/dist/select/components/options-list/index.module.css.js +8 -8
- package/dist/select/components/select-search/index.d.ts +3 -3
- package/dist/select/components/select-search/index.js +58 -73
- package/dist/select/components/select-search/index.js.map +1 -1
- package/dist/select/components/select-search/index.module.css +1 -1
- package/dist/select/components/select-search/index.module.css.js +2 -2
- package/dist/select/components/virtual-options-list/component.d.ts +1 -1
- package/dist/select/components/virtual-options-list/index.module.css +1 -1
- package/dist/select/components/virtual-options-list/index.module.css.js +8 -8
- package/dist/select/index.js +10 -10
- package/dist/select/presets/use-lazy-loading/index.d.ts +2 -2
- package/dist/select/presets/use-select-with-loading/hook.d.ts +1 -1
- package/dist/select/presets/use-select-with-loading/index.module.css +1 -1
- package/dist/select/presets/use-select-with-loading/index.module.css.js +2 -2
- package/dist/select/typings.d.ts +10 -10
- package/dist/select/utils.d.ts +5 -5
- package/dist/sidepanel/component.d.ts +2 -2
- package/dist/sidepanel/index.module.css +1 -1
- package/dist/sidepanel/index.module.css.js +10 -10
- package/dist/sidepanel-header/component.d.ts +2 -2
- package/dist/sidepanel-header/index.module.css +1 -1
- package/dist/sidepanel-header/index.module.css.js +12 -12
- package/dist/skeleton/component.d.ts +1 -1
- package/dist/skeleton/index.module.css +1 -1
- package/dist/skeleton/index.module.css.js +3 -3
- package/dist/space/component.d.ts +1 -1
- package/dist/space/index.module.css +1 -1
- package/dist/space/index.module.css.js +10 -10
- package/dist/space/utils.d.ts +3 -3
- package/dist/spinner/component.d.ts +1 -1
- package/dist/spinner/index.module.css +1 -1
- package/dist/spinner/index.module.css.js +21 -21
- package/dist/stack/component.d.ts +1 -1
- package/dist/status/component.d.ts +1 -1
- package/dist/status/index.module.css +1 -1
- package/dist/status/index.module.css.js +26 -26
- package/dist/stepped-progress-bar/components/step-bar.d.ts +2 -2
- package/dist/stepped-progress-bar/index.d.ts +2 -2
- package/dist/stepped-progress-bar/index.module.css +1 -1
- package/dist/stepped-progress-bar/index.module.css.js +24 -24
- package/dist/sticker/index.module.css +1 -1
- package/dist/sticker/index.module.css.js +6 -6
- package/dist/suffix-input/component.d.ts +2 -2
- package/dist/suffix-input/index.module.css +1 -1
- package/dist/suffix-input/index.module.css.js +10 -10
- package/dist/super-list-header/index.module.css +1 -1
- package/dist/super-list-header/index.module.css.js +10 -10
- package/dist/super-list-item/index.module.css +1 -1
- package/dist/super-list-item/index.module.css.js +9 -9
- package/dist/switch/component.d.ts +3 -3
- package/dist/switch/index.module.css +1 -1
- package/dist/switch/index.module.css.js +23 -23
- package/dist/table/columns.d.ts +1 -1
- package/dist/table/components/cell/component.d.ts +1 -1
- package/dist/table/components/cell/index.module.css +1 -1
- package/dist/table/components/cell/index.module.css.js +10 -10
- package/dist/table/components/cells/index.d.ts +2 -3
- package/dist/table/components/cells/index.js +45 -49
- package/dist/table/components/cells/index.js.map +1 -1
- package/dist/table/components/cells/index.module.css +1 -1
- package/dist/table/components/cells/index.module.css.js +18 -18
- package/dist/table/components/empty-list/index.module.css +1 -1
- package/dist/table/components/empty-list/index.module.css.js +2 -2
- package/dist/table/components/error/index.module.css +1 -1
- package/dist/table/components/error/index.module.css.js +2 -2
- package/dist/table/components/loading/index.d.ts +1 -1
- package/dist/table/components/loading/index.module.css +1 -1
- package/dist/table/components/loading/index.module.css.js +4 -4
- package/dist/table/components/pagination/index.d.ts +1 -1
- package/dist/table/components/pagination/index.module.css +1 -1
- package/dist/table/components/pagination/index.module.css.js +18 -18
- package/dist/table/components/table-header/index.d.ts +1 -1
- package/dist/table/components/table-header/index.module.css +1 -1
- package/dist/table/components/table-header/index.module.css.js +11 -11
- package/dist/table/hooks/use-table-data.d.ts +3 -3
- package/dist/table/index.module.css +1 -1
- package/dist/table/index.module.css.js +8 -8
- package/dist/table/table.d.ts +5 -10
- package/dist/table/table.js +110 -214
- package/dist/table/table.js.map +1 -1
- package/dist/table/types.d.ts +10 -10
- package/dist/table/utils/get-tags.d.ts +1 -1
- package/dist/table/utils/prepare-rows.d.ts +1 -1
- package/dist/table-status/component.d.ts +1 -1
- package/dist/table-status/index.module.css +1 -1
- package/dist/table-status/index.module.css.js +4 -4
- package/dist/tag/component.d.ts +1 -1
- package/dist/tag/index.module.css +1 -1
- package/dist/tag/index.module.css.js +15 -15
- package/dist/tags-list/component.d.ts +1 -1
- package/dist/tags-list/index.module.css +1 -1
- package/dist/tags-list/index.module.css.js +1 -1
- package/dist/textarea/component.d.ts +3 -3
- package/dist/textarea/component.js +63 -62
- package/dist/textarea/component.js.map +1 -1
- package/dist/textarea/index.module.css +1 -1
- package/dist/textarea/index.module.css.js +14 -14
- package/dist/theme-provider/component.d.ts +1 -1
- package/dist/theme-provider/default-themes.d.ts +3 -3
- package/dist/toast/component.d.ts +1 -1
- package/dist/toast/index.module.css +1 -1
- package/dist/toast/index.module.css.js +15 -15
- package/dist/toast-notifier/component.d.ts +1 -1
- package/dist/toast-notifier/index.module.css +1 -1
- package/dist/toast-notifier/index.module.css.js +10 -10
- package/dist/toast-plate/component.d.ts +2 -2
- package/dist/toast-plate/index.module.css +1 -1
- package/dist/toast-plate/index.module.css.js +29 -29
- package/dist/tooltip/component.d.ts +2 -2
- package/dist/tooltip/index.module.css +1 -1
- package/dist/tooltip/index.module.css.js +6 -6
- package/dist/typings/api.d.ts +7 -7
- package/dist/typography/colors.d.ts +1 -1
- package/dist/typography/colors.module.css +1 -1
- package/dist/typography/colors.module.css.js +23 -23
- package/dist/typography/text/component.d.ts +1 -1
- package/dist/typography/text/index.module.css +1 -1
- package/dist/typography/text/index.module.css.js +22 -22
- package/dist/typography/title/common.module.css +1 -1
- package/dist/typography/title/common.module.css.js +4 -4
- package/dist/typography/title/component.d.ts +2 -2
- package/dist/typography/title/index.module.css +1 -1
- package/dist/typography/title/index.module.css.js +17 -17
- package/dist/utils/data/currency-codes.d.ts +1 -1
- package/dist/utils/date/index.d.ts +1 -1
- package/dist/utils/debounce.d.ts +8 -0
- package/dist/utils/debounce.js +15 -0
- package/dist/utils/debounce.js.map +1 -0
- package/dist/utils/format-amount/util.d.ts +1 -1
- package/dist/utils/format-date/index.d.ts +1 -1
- package/dist/utils/get-currency-symbol/util.d.ts +2 -1
- package/dist/utils/get-service-error/index.d.ts +2 -2
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.js +43 -37
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/safe-stringify.d.ts +2 -0
- package/dist/utils/safe-stringify.js +20 -0
- package/dist/utils/safe-stringify.js.map +1 -0
- package/dist/utils/string.d.ts +2 -0
- package/dist/utils/string.js +7 -0
- package/dist/utils/string.js.map +1 -0
- package/dist/welcome-layout/component.d.ts +1 -1
- package/dist/welcome-layout/index.module.css +1 -1
- package/dist/welcome-layout/index.module.css.js +13 -13
- package/dist/with-suffix/component.d.ts +2 -2
- package/dist/with-suffix/index.module.css +1 -1
- package/dist/with-suffix/index.module.css.js +14 -14
- package/package.json +5 -11
- package/dist/checkbox-lists/mock.d.ts +0 -81
- package/dist/checkbox-lists/mock.js +0 -208
- package/dist/checkbox-lists/mock.js.map +0 -1
- package/dist/collapsable-row/fixtures.d.ts +0 -99
- package/dist/collapsable-row/fixtures.js +0 -182
- package/dist/collapsable-row/fixtures.js.map +0 -1
- package/dist/mq/mq.json.js.map +0 -1
- package/dist/radio-groups/mock.d.ts +0 -9
- package/dist/radio-groups/mock.js +0 -83
- package/dist/radio-groups/mock.js.map +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import './index.module.css';
|
|
2
|
-
const e = "
|
|
2
|
+
const e = "section_wrapper_myI2", s = "inverse_5HY6", c = "black_sWqO", n = {
|
|
3
3
|
section_wrapper: e,
|
|
4
4
|
inverse: s,
|
|
5
|
-
black:
|
|
5
|
+
black: c
|
|
6
6
|
};
|
|
7
7
|
export {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
c as black,
|
|
9
|
+
n as default,
|
|
10
10
|
s as inverse,
|
|
11
11
|
e as section_wrapper
|
|
12
12
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { FormControlProps } from '../form-control';
|
|
3
3
|
import { BaseSelectProps } from './typings';
|
|
4
|
-
export
|
|
4
|
+
export type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {
|
|
5
5
|
/** Пропсы, которые будут прокинуты в компонент поля */
|
|
6
6
|
fieldProps?: FormControlProps & Record<string, unknown>;
|
|
7
7
|
showSearch?: boolean;
|
|
@@ -14,7 +14,7 @@ export declare const Select: React.ForwardRefExoticComponent<Omit<BaseSelectProp
|
|
|
14
14
|
disabled?: boolean | undefined;
|
|
15
15
|
filled?: boolean | undefined;
|
|
16
16
|
focused?: boolean | undefined;
|
|
17
|
-
error?: string | boolean | undefined;
|
|
17
|
+
error?: string | boolean | undefined;
|
|
18
18
|
hint?: string | undefined;
|
|
19
19
|
required?: boolean | undefined;
|
|
20
20
|
label?: React.ReactNode;
|
package/dist/select/component.js
CHANGED
|
@@ -2,11 +2,11 @@ import { jsx as f } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as g } from "react";
|
|
3
3
|
import { Arrow as n } from "./components/arrow/component.js";
|
|
4
4
|
import { BaseSelect as w } from "./components/base-select/component.js";
|
|
5
|
-
import {
|
|
5
|
+
import { SelectField as O } from "./components/field/component.js";
|
|
6
6
|
import { Optgroup as l } from "./components/optgroup/component.js";
|
|
7
|
-
import { Option as
|
|
8
|
-
import { OptionsList as
|
|
9
|
-
import { SelectSearch as
|
|
7
|
+
import { Option as c } from "./components/option/component.js";
|
|
8
|
+
import { OptionsList as s } from "./components/options-list/component.js";
|
|
9
|
+
import { SelectSearch as a } from "./components/select-search/index.js";
|
|
10
10
|
const b = g(
|
|
11
11
|
({
|
|
12
12
|
Arrow: r,
|
|
@@ -16,26 +16,26 @@ const b = g(
|
|
|
16
16
|
Option: m,
|
|
17
17
|
showSearch: u,
|
|
18
18
|
...o
|
|
19
|
-
},
|
|
19
|
+
}, S) => {
|
|
20
20
|
var e;
|
|
21
21
|
return ((e = o.options) == null ? void 0 : e.length) > 8 || u ? /* @__PURE__ */ f(
|
|
22
|
-
|
|
22
|
+
a,
|
|
23
23
|
{
|
|
24
|
-
Option: m ||
|
|
24
|
+
Option: m || c,
|
|
25
25
|
Field: t || O,
|
|
26
26
|
Optgroup: p || l,
|
|
27
|
-
OptionsList: i ||
|
|
27
|
+
OptionsList: i || s,
|
|
28
28
|
Arrow: r || n,
|
|
29
29
|
...o
|
|
30
30
|
}
|
|
31
31
|
) : /* @__PURE__ */ f(
|
|
32
32
|
w,
|
|
33
33
|
{
|
|
34
|
-
ref:
|
|
35
|
-
Option: m ||
|
|
34
|
+
ref: S,
|
|
35
|
+
Option: m || c,
|
|
36
36
|
Field: t || O,
|
|
37
37
|
Optgroup: p || l,
|
|
38
|
-
OptionsList: i ||
|
|
38
|
+
OptionsList: i || s,
|
|
39
39
|
Arrow: r || n,
|
|
40
40
|
...o
|
|
41
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../src/select/component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FormControlProps } from '../form-control';\n\nimport { Arrow as DefaultArrow } from './components/arrow';\nimport { BaseSelect } from './components/base-select';\nimport {
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../src/select/component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FormControlProps } from '../form-control';\n\nimport { Arrow as DefaultArrow } from './components/arrow';\nimport { BaseSelect } from './components/base-select';\nimport { SelectField as DefaultField } from './components/field';\nimport { Optgroup as DefaultOptgroup } from './components/optgroup';\nimport { Option as DefaultOption } from './components/option';\nimport { OptionsList as DefaultOptionsList } from './components/options-list';\nimport { SelectSearch } from './components/select-search';\nimport { BaseSelectProps } from './typings';\n\nexport type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {\n /** Пропсы, которые будут прокинуты в компонент поля */\n fieldProps?: FormControlProps & Record<string, unknown>;\n showSearch?: boolean;\n};\n\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(\n ({\n Arrow, Field, OptionsList, Optgroup, Option, showSearch, ...restProps\n }, ref) => {\n if (restProps.options?.length > 8 || showSearch) {\n return (\n <SelectSearch\n Option={ Option || DefaultOption }\n Field={ Field || DefaultField }\n Optgroup={ Optgroup || DefaultOptgroup }\n OptionsList={ OptionsList || DefaultOptionsList }\n Arrow={ Arrow || DefaultArrow }\n { ...restProps }\n />\n );\n }\n\n return (\n <BaseSelect\n ref={ ref }\n Option={ Option || DefaultOption }\n Field={ Field || DefaultField }\n Optgroup={ Optgroup || DefaultOptgroup }\n OptionsList={ OptionsList || DefaultOptionsList }\n Arrow={ Arrow || DefaultArrow }\n { ...restProps }\n />\n );\n },\n);\n"],"names":["Select","forwardRef","Arrow","Field","OptionsList","Optgroup","Option","showSearch","restProps","ref","_a","jsx","SelectSearch","DefaultOption","DefaultField","DefaultOptgroup","DefaultOptionsList","DefaultArrow","BaseSelect"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAASC;AAAA,EAClB,CAAC;AAAA,IAAA,OACGC;AAAAA,IAAO,OAAAC;AAAA,IAAA,aAAOC;AAAAA,IAAA,UAAaC;AAAAA,IAAA,QAAUC;AAAAA,IAAQ,YAAAC;AAAA,IAAY,GAAGC;AAAA,EAAA,GAC7DC,MAAQ;;AACP,aAAIC,IAAAF,EAAU,YAAV,gBAAAE,EAAmB,UAAS,KAAKH,IAE7B,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAASN,KAAUO;AAAAA,QACnB,OAAQV,KAASW;AAAAA,QACjB,UAAWT,KAAYU;AAAAA,QACvB,aAAcX,KAAeY;AAAAA,QAC7B,OAAQd,KAASe;AAAAA,QACf,GAAGT;AAAA,MAAA;AAAA,IAAA,IAMb,gBAAAG;AAAA,MAACO;AAAA,MAAA;AAAA,QACG,KAAAT;AAAA,QACA,QAASH,KAAUO;AAAAA,QACnB,OAAQV,KAASW;AAAAA,QACjB,UAAWT,KAAYU;AAAAA,QACvB,aAAcX,KAAeY;AAAAA,QAC7B,OAAQd,KAASe;AAAAA,QACf,GAAGT;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjB;AACJ;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.
|
|
1
|
+
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.arrow_IDJR{display:block;width:24px;height:24px;background:var(--select-arrow-background);background-size:cover;background-position:center;transition:transform .15s ease-in-out,opacity .2s ease}.open_-QaY{transform:var(--arrow-transform)}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import './index.module.css';
|
|
2
|
-
const o = "
|
|
2
|
+
const o = "arrow_IDJR", r = "open_-QaY", a = {
|
|
3
3
|
arrow: o,
|
|
4
|
-
open:
|
|
4
|
+
open: r
|
|
5
5
|
};
|
|
6
6
|
export {
|
|
7
7
|
o as arrow,
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
a as default,
|
|
9
|
+
r as open
|
|
10
10
|
};
|
|
11
11
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.
|
|
1
|
+
:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.component_vbM1{width:max-content;position:relative;outline:0}.popoverInner_UhT2{padding-top:var(--select-options-list-offset);padding-bottom:var(--select-options-list-offset);box-shadow:none;border:none;background:transparent;border-radius:0;position:relative}.optionsList_catD{padding-top:var(--select-options-list-top-padding);padding-bottom:var(--select-options-list-bottom-padding);box-shadow:var(--select-options-list-box-shadow);border-radius:var(--select-options-list-border-radius);background:var(--select-option-background);overflow:hidden;will-change:transform}.nativeSelect_Ssnn{opacity:0;overflow:hidden;position:absolute;top:0;bottom:0;left:0;width:100%;max-width:100%;min-width:0;height:100%;cursor:pointer;z-index:1}.block_kBj0{width:100%}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.component_vbM1{float:left;clear:left}}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import './index.module.css';
|
|
2
|
-
const o = "
|
|
2
|
+
const o = "component_vbM1", n = "popoverInner_UhT2", t = "optionsList_catD", e = "nativeSelect_Ssnn", c = "block_kBj0", s = {
|
|
3
3
|
component: o,
|
|
4
4
|
popoverInner: n,
|
|
5
|
-
optionsList:
|
|
6
|
-
nativeSelect:
|
|
5
|
+
optionsList: t,
|
|
6
|
+
nativeSelect: e,
|
|
7
7
|
block: c
|
|
8
8
|
};
|
|
9
9
|
export {
|
|
10
10
|
c as block,
|
|
11
11
|
o as component,
|
|
12
12
|
s as default,
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
e as nativeSelect,
|
|
14
|
+
t as optionsList,
|
|
15
15
|
n as popoverInner
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.
|
|
1
|
+
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.checkmark_mZbF{display:flex;align-items:center;justify-content:center;opacity:var(--select-checkmark-unselected-opacity);flex-shrink:0;background:var(--select-checkmark-background);background-size:cover;border-radius:var(--select-checkmark-border-radius);margin:var(--select-checkmark-margin);order:var(--select-checkmark-order);width:var(--select-checkmark-size);height:var(--select-checkmark-size)}.selected_3GdD{opacity:1}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import './index.module.css';
|
|
2
|
-
const e = "
|
|
2
|
+
const e = "checkmark_mZbF", c = "selected_3GdD", s = {
|
|
3
3
|
checkmark: e,
|
|
4
4
|
selected: c
|
|
5
5
|
};
|
|
6
6
|
export {
|
|
7
7
|
e as checkmark,
|
|
8
|
-
|
|
8
|
+
s as default,
|
|
9
9
|
c as selected
|
|
10
10
|
};
|
|
11
11
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FormControlProps } from '../../../form-control';
|
|
2
|
-
import {
|
|
3
|
-
export declare const
|
|
2
|
+
import { SelectFieldProps as BaseFieldProps } from '../../typings';
|
|
3
|
+
export declare const SelectField: ({ size, open, multiple, error, hint, disabled, label, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, Arrow, innerProps, dataTestId, fieldClassName, ...restProps }: BaseFieldProps & FormControlProps) => JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o, jsxs as u } from "react/jsx-runtime";
|
|
2
|
-
import d, { useState as
|
|
3
|
-
import
|
|
4
|
-
import { FormControl as
|
|
2
|
+
import d, { useState as w, useRef as E, useCallback as f } from "react";
|
|
3
|
+
import L from "classnames";
|
|
4
|
+
import { FormControl as O } from "../../../form-control/component.js";
|
|
5
5
|
import { useFocus as W } from "../../../hooks/useFocus/index.js";
|
|
6
6
|
import { joinOptions as q } from "../../utils.js";
|
|
7
7
|
import e from "./index.module.css.js";
|
|
@@ -11,8 +11,8 @@ const P = ({
|
|
|
11
11
|
multiple: z,
|
|
12
12
|
error: F,
|
|
13
13
|
hint: b,
|
|
14
|
-
disabled:
|
|
15
|
-
label:
|
|
14
|
+
disabled: c,
|
|
15
|
+
label: n,
|
|
16
16
|
placeholder: l,
|
|
17
17
|
selectedMultiple: N = [],
|
|
18
18
|
selected: v,
|
|
@@ -24,27 +24,27 @@ const P = ({
|
|
|
24
24
|
fieldClassName: B,
|
|
25
25
|
...C
|
|
26
26
|
}) => {
|
|
27
|
-
const [R, a] =
|
|
27
|
+
const [R, a] = w(!1), i = E(null), [y] = W(i, "keyboard"), S = f(() => a(!0), []), V = f(() => a(!1), []), m = j({ selected: v, selectedMultiple: N }), s = !!m, g = !!n && (s || !l);
|
|
28
28
|
return /* @__PURE__ */ o(
|
|
29
29
|
"div",
|
|
30
30
|
{
|
|
31
31
|
className: e.component,
|
|
32
32
|
ref: i,
|
|
33
|
-
onFocus:
|
|
34
|
-
onBlur:
|
|
33
|
+
onFocus: S,
|
|
34
|
+
onBlur: V,
|
|
35
35
|
children: /* @__PURE__ */ o(
|
|
36
|
-
|
|
36
|
+
O,
|
|
37
37
|
{
|
|
38
|
-
fieldClassName:
|
|
39
|
-
[e.disabled]:
|
|
38
|
+
fieldClassName: L(e.field, B, {
|
|
39
|
+
[e.disabled]: c,
|
|
40
40
|
[e.focusVisible]: y
|
|
41
41
|
}),
|
|
42
42
|
block: !0,
|
|
43
43
|
size: p,
|
|
44
44
|
focused: h || R,
|
|
45
|
-
disabled:
|
|
45
|
+
disabled: c,
|
|
46
46
|
filled: s,
|
|
47
|
-
label:
|
|
47
|
+
label: g && n,
|
|
48
48
|
error: F,
|
|
49
49
|
hint: b,
|
|
50
50
|
rightAddons: (t || r) && /* @__PURE__ */ u(d.Fragment, { children: [
|
|
@@ -64,6 +64,6 @@ const P = ({
|
|
|
64
64
|
);
|
|
65
65
|
};
|
|
66
66
|
export {
|
|
67
|
-
P as
|
|
67
|
+
P as SelectField
|
|
68
68
|
};
|
|
69
69
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../../../src/select/components/field/component.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { FormControl, FormControlProps } from '../../../form-control';\nimport { useFocus } from '../../../hooks/useFocus';\nimport {
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../../../src/select/components/field/component.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { FormControl, FormControlProps } from '../../../form-control';\nimport { useFocus } from '../../../hooks/useFocus';\nimport { SelectFieldProps as BaseFieldProps } from '../../typings';\nimport { joinOptions } from '../../utils';\n\nimport styles from './index.module.css';\n\nexport const SelectField = ({\n size = 'm',\n open,\n multiple,\n error,\n hint,\n disabled,\n label,\n placeholder,\n selectedMultiple = [],\n selected,\n rightAddons,\n valueRenderer = joinOptions,\n Arrow,\n innerProps,\n dataTestId,\n fieldClassName,\n ...restProps\n}: BaseFieldProps & FormControlProps) => {\n const [focused, setFocused] = useState(false);\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const [focusVisible] = useFocus(wrapperRef, 'keyboard');\n\n const handleFocus = useCallback(() => setFocused(true), []);\n const handleBlur = useCallback(() => setFocused(false), []);\n\n const value = valueRenderer({ selected, selectedMultiple });\n\n const filled = Boolean(value);\n const showLabel = !!label && (filled || !placeholder);\n\n return (\n <div\n className={ styles.component }\n ref={ wrapperRef }\n onFocus={ handleFocus }\n onBlur={ handleBlur }\n >\n <FormControl\n fieldClassName={ cn(styles.field, fieldClassName, {\n [styles.disabled]: disabled,\n [styles.focusVisible]: focusVisible,\n }) }\n block={ true }\n size={ size }\n focused={ open || focused }\n disabled={ disabled }\n filled={ filled }\n label={ showLabel && label }\n error={ error }\n hint={ hint }\n rightAddons={\n (Arrow || rightAddons) && (\n <React.Fragment>\n { rightAddons }\n { /* TODO: стоит переделать, но это будет мажорка */ }\n { Arrow ? React.cloneElement(Arrow, { className: styles.arrow }) : null }\n </React.Fragment>\n )\n }\n data-test-id={ dataTestId }\n { ...restProps }\n { ...innerProps }\n >\n <div className={ styles.contentWrapper }>\n { placeholder && !filled && (\n <span className={ styles.placeholder }>{ placeholder }</span>\n ) }\n { filled && <div className={ styles.value }>{ value }</div> }\n </div>\n </FormControl>\n </div>\n );\n};\n"],"names":["SelectField","size","open","multiple","error","hint","disabled","label","placeholder","selectedMultiple","selected","rightAddons","valueRenderer","joinOptions","Arrow","innerProps","dataTestId","fieldClassName","restProps","focused","setFocused","useState","wrapperRef","useRef","focusVisible","useFocus","handleFocus","useCallback","handleBlur","value","filled","showLabel","jsx","styles","FormControl","cn","jsxs","React"],"mappings":";;;;;;;AAUO,MAAMA,IAAc,CAAC;AAAA,EACxB,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC,IAAmB,CAAA;AAAA,EACnB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgBC;AAAA,EAChB,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACP,MAAyC;AACrC,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GAEtCC,IAAaC,EAAuB,IAAI,GAExC,CAACC,CAAY,IAAIC,EAASH,GAAY,UAAU,GAEhDI,IAAcC,EAAY,MAAMP,EAAW,EAAI,GAAG,CAAA,CAAE,GACpDQ,IAAaD,EAAY,MAAMP,EAAW,EAAK,GAAG,CAAA,CAAE,GAEpDS,IAAQjB,EAAc,EAAE,UAAAF,GAAU,kBAAAD,GAAkB,GAEpDqB,IAAS,EAAQD,GACjBE,IAAY,CAAC,CAACxB,MAAUuB,KAAU,CAACtB;AAEzC,SACI,gBAAAwB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAYC,EAAO;AAAA,MACnB,KAAMX;AAAA,MACN,SAAUI;AAAA,MACV,QAASE;AAAA,MAET,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,gBAAiBC,EAAGF,EAAO,OAAOhB,GAAgB;AAAA,YAC9C,CAACgB,EAAO,QAAQ,GAAG3B;AAAA,YACnB,CAAC2B,EAAO,YAAY,GAAGT;AAAA,UAAA,CAC1B;AAAA,UACD,OAAQ;AAAA,UACR,MAAAvB;AAAA,UACA,SAAUC,KAAQiB;AAAA,UAClB,UAAAb;AAAA,UACA,QAAAwB;AAAA,UACA,OAAQC,KAAaxB;AAAA,UACrB,OAAAH;AAAA,UACA,MAAAC;AAAA,UACA,cACKS,KAASH,MACN,gBAAAyB,EAACC,EAAM,UAAN,EACK,UAAA;AAAA,YAAA1B;AAAA,YAEAG,IAAQuB,EAAM,aAAavB,GAAO,EAAE,WAAWmB,EAAO,MAAA,CAAO,IAAI;AAAA,UAAA,GACvE;AAAA,UAGR,gBAAejB;AAAA,UACb,GAAGE;AAAA,UACH,GAAGH;AAAA,UAEL,UAAA,gBAAAqB,EAAC,OAAA,EAAI,WAAYH,EAAO,gBAClB,UAAA;AAAA,YAAAzB,KAAe,CAACsB,KACd,gBAAAE,EAAC,UAAK,WAAYC,EAAO,aAAgB,UAAAzB,GAAa;AAAA,YAExDsB,KAAU,gBAAAE,EAAC,OAAA,EAAI,WAAYC,EAAO,OAAU,UAAAJ,EAAA,CAAO;AAAA,UAAA,EAAA,CACzD;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.
|
|
1
|
+
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.component_kQ9o{width:100%;outline:none}.field_WxOY:not(.disabled_GQwp){cursor:pointer}.field_WxOY:not(.disabled_GQwp):hover .arrow_4fEB{opacity:var(--select-arrow-hover-opacity)}.disabled_GQwp{cursor:var(--disabled-cursor)}.placeholder_FY2i{color:var(--color-text-secondary)}.contentWrapper_MkCc{font-size:16px!important;line-height:20px;font-weight:400;font-family:var(--font-family);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.value_0Are{overflow:hidden;text-overflow:ellipsis;text-align:left}.focusVisible_qhc9{outline:2px solid var(--focus-color);outline-offset:2px}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import './index.module.css';
|
|
2
|
-
const e = "
|
|
2
|
+
const e = "component_kQ9o", o = "field_WxOY", c = "disabled_GQwp", n = "arrow_4fEB", s = "placeholder_FY2i", t = "contentWrapper_MkCc", l = "value_0Are", a = "focusVisible_qhc9", r = {
|
|
3
3
|
component: e,
|
|
4
4
|
field: o,
|
|
5
|
-
disabled:
|
|
6
|
-
arrow:
|
|
7
|
-
placeholder:
|
|
8
|
-
contentWrapper:
|
|
9
|
-
value:
|
|
10
|
-
focusVisible:
|
|
5
|
+
disabled: c,
|
|
6
|
+
arrow: n,
|
|
7
|
+
placeholder: s,
|
|
8
|
+
contentWrapper: t,
|
|
9
|
+
value: l,
|
|
10
|
+
focusVisible: a
|
|
11
11
|
};
|
|
12
12
|
export {
|
|
13
|
-
|
|
13
|
+
n as arrow,
|
|
14
14
|
e as component,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
t as contentWrapper,
|
|
16
|
+
r as default,
|
|
17
|
+
c as disabled,
|
|
18
18
|
o as field,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
a as focusVisible,
|
|
20
|
+
s as placeholder,
|
|
21
|
+
l as value
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { Arrow as t } from "./arrow/component.js";
|
|
2
|
-
import { BaseSelect as
|
|
3
|
-
import {
|
|
2
|
+
import { BaseSelect as p } from "./base-select/component.js";
|
|
3
|
+
import { SelectField as i } from "./field/component.js";
|
|
4
4
|
import { Optgroup as x } from "./optgroup/component.js";
|
|
5
|
-
import { Option as
|
|
5
|
+
import { Option as l } from "./option/component.js";
|
|
6
6
|
import { OptionsList as n } from "./options-list/component.js";
|
|
7
|
-
import { VirtualOptionsList as
|
|
7
|
+
import { VirtualOptionsList as c } from "./virtual-options-list/component.js";
|
|
8
8
|
export {
|
|
9
9
|
t as Arrow,
|
|
10
|
-
|
|
11
|
-
i as Field,
|
|
10
|
+
p as BaseSelect,
|
|
12
11
|
x as Optgroup,
|
|
13
|
-
|
|
12
|
+
l as Option,
|
|
14
13
|
n as OptionsList,
|
|
15
|
-
|
|
14
|
+
i as SelectField,
|
|
15
|
+
c as VirtualOptionsList
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React, SelectHTMLAttributes } from 'react';
|
|
2
2
|
import { GroupShape, OptionShape } from '../../typings';
|
|
3
|
-
export
|
|
3
|
+
export type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
|
|
4
4
|
/**
|
|
5
5
|
* Список вариантов выбора
|
|
6
6
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.
|
|
1
|
+
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.optgroup_ZmZT{position:relative;display:flex;align-items:center;padding:var(--gap-m) var(--select-optgroup-right-padding) var(--gap-xs) var(--select-optgroup-left-padding);box-sizing:border-box;background:var(--select-optgroup-background);min-height:40px}.optgroup_ZmZT+*[role=option]:before{display:none}.label_bMMi{font-size:12px;line-height:16px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--font-family);display:block;color:var(--select-optgroup-color)}.l_3FaC,.xl_xp47{padding-left:var(--select-optgroup-l-left-padding);padding-right:var(--select-optgroup-l-right-padding)}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import './index.module.css';
|
|
2
|
-
const l = "
|
|
2
|
+
const l = "optgroup_ZmZT", o = "label_bMMi", t = "l_3FaC", p = "xl_xp47", s = {
|
|
3
3
|
optgroup: l,
|
|
4
4
|
label: o,
|
|
5
|
-
l:
|
|
6
|
-
xl:
|
|
5
|
+
l: t,
|
|
6
|
+
xl: p
|
|
7
7
|
};
|
|
8
8
|
export {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
s as default,
|
|
10
|
+
t as l,
|
|
11
11
|
o as label,
|
|
12
12
|
l as optgroup,
|
|
13
|
-
|
|
13
|
+
p as xl
|
|
14
14
|
};
|
|
15
15
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.
|
|
1
|
+
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.option_LdOw{font-size:16px!important;line-height:20px;font-weight:400;font-family:var(--font-family);display:flex;align-items:center;padding-left:var(--select-option-left-padding);padding-right:var(--select-option-right-padding);transition:background-color .2s ease;background:var(--select-option-background);color:var(--select-option-color);box-sizing:border-box;position:relative;cursor:pointer}.option_LdOw:not(.disabled_axDU):active{background:var(--select-option-active-background);color:var(--select-option-active-color)}.option_LdOw:before{content:"";position:absolute;left:var(--select-option-left-padding);right:var(--select-option-right-padding);top:0;height:1px;background:var(--select-option-divider-background);display:var(--select-option-divider-display);transition:opacity .2s ease}.option_LdOw:first-child:before{display:none}.s_0noy{min-height:var(--size-s-height)}.m_C5xt{min-height:var(--size-m-height)}.l_yH1C{min-height:var(--size-l-height)}.xl_WL6c{min-height:var(--size-xl-height)}.l_yH1C,.xl_WL6c{padding-left:var(--select-option-l-left-padding);padding-right:var(--select-option-l-right-padding)}:is(.l_yH1C,.xl_WL6c):before{left:var(--select-option-l-left-padding);right:var(--select-option-l-right-padding)}.selected_OyyT{background:var(--select-option-selected-background);color:var(--select-option-selected-color);cursor:default}.highlighted_WtdT{background:var(--select-option-hover-background);color:var(--select-option-hover-color)}.highlighted_WtdT:before,.highlighted_WtdT+.option_LdOw:before{opacity:0}.disabled_axDU{cursor:var(--disabled-cursor);background:var(--select-option-disabled-background);color:var(--select-option-disabled-color)}.content_H3UD{overflow:hidden;text-overflow:ellipsis;flex:1}.textContent_Hx88{padding-top:var(--gap-s);padding-bottom:var(--gap-s)}.skeleton_braS{height:16px;width:50%}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.option_LdOw:after{min-height:inherit;font-size:0;content:""}}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import './index.module.css';
|
|
2
|
-
const
|
|
3
|
-
option:
|
|
4
|
-
disabled:
|
|
2
|
+
const t = "option_LdOw", e = "disabled_axDU", n = "s_0noy", o = "m_C5xt", s = "l_yH1C", l = "xl_WL6c", c = "selected_OyyT", d = "highlighted_WtdT", i = "content_H3UD", _ = "textContent_Hx88", x = "skeleton_braS", h = {
|
|
3
|
+
option: t,
|
|
4
|
+
disabled: e,
|
|
5
5
|
s: n,
|
|
6
6
|
m: o,
|
|
7
|
-
l:
|
|
8
|
-
xl:
|
|
9
|
-
selected:
|
|
10
|
-
highlighted:
|
|
7
|
+
l: s,
|
|
8
|
+
xl: l,
|
|
9
|
+
selected: c,
|
|
10
|
+
highlighted: d,
|
|
11
11
|
content: i,
|
|
12
|
-
textContent:
|
|
13
|
-
skeleton:
|
|
12
|
+
textContent: _,
|
|
13
|
+
skeleton: x
|
|
14
14
|
};
|
|
15
15
|
export {
|
|
16
16
|
i as content,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
h as default,
|
|
18
|
+
e as disabled,
|
|
19
|
+
d as highlighted,
|
|
20
|
+
s as l,
|
|
21
21
|
o as m,
|
|
22
|
-
|
|
22
|
+
t as option,
|
|
23
23
|
n as s,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
c as selected,
|
|
25
|
+
x as skeleton,
|
|
26
|
+
_ as textContent,
|
|
27
|
+
l as xl
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.
|
|
1
|
+
:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.optionsList_fDQ-{overflow:auto;width:100%;outline:none;box-sizing:border-box}.emptyPlaceholder_kjeP{padding:var(--gap-m) var(--gap-xl);color:var(--select-option-color);display:flex;align-items:center;font-family:var(--font-family)}.emptyPlaceholder_kjeP svg{color:var(--color-graphic-thirdly);margin-right:12px}.l_rGpg .emptyPlaceholder_kjeP,.xl_T-5w .emptyPlaceholder_kjeP{padding:var(--gap-xl) var(--gap-xl)}.actionButtonWrapper_WBIo{padding-bottom:var(--gap-s);padding-left:var(--gap-xl);padding-right:var(--select-option-right-padding)}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import './index.module.css';
|
|
2
|
-
const
|
|
3
|
-
optionsList:
|
|
4
|
-
emptyPlaceholder:
|
|
2
|
+
const t = "optionsList_fDQ-", o = "emptyPlaceholder_kjeP", e = "l_rGpg", n = "xl_T-5w", s = "actionButtonWrapper_WBIo", l = {
|
|
3
|
+
optionsList: t,
|
|
4
|
+
emptyPlaceholder: o,
|
|
5
5
|
l: e,
|
|
6
6
|
xl: n,
|
|
7
|
-
actionButtonWrapper:
|
|
7
|
+
actionButtonWrapper: s
|
|
8
8
|
};
|
|
9
9
|
export {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
s as actionButtonWrapper,
|
|
11
|
+
l as default,
|
|
12
|
+
o as emptyPlaceholder,
|
|
13
13
|
e as l,
|
|
14
|
-
|
|
14
|
+
t as optionsList,
|
|
15
15
|
n as xl
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { safeStringify } from '../../../utils/safe-stringify';
|
|
2
3
|
import { SelectProps } from '../../component';
|
|
3
4
|
import { OptionsListProps } from '../../typings';
|
|
4
|
-
export
|
|
5
|
+
export { safeStringify };
|
|
5
6
|
export declare const CustomOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
-
|
|
7
|
+
type SelectSearchProps = Omit<SelectProps, 'options'> & {
|
|
7
8
|
options: any;
|
|
8
9
|
searchType?: 'text' | 'number';
|
|
9
10
|
};
|
|
10
11
|
export declare const SelectSearch: ({ options, searchType, onChange, selected, ...restProps }: SelectSearchProps) => JSX.Element;
|
|
11
|
-
export {};
|