@alfalab/core-components-select 13.0.2 → 13.1.0

package/cssm/components/base-select-mobile/checkmark/index.module.css

@@ -13,7 +13,8 @@
     /* option */
 
     /* checkmark */
-    --select-mobile-checkmark-background: url('https://alfabank.servicecdn.ru/icons/glyph_checkmark_m.svg');
+    --select-mobile-checkmark-display-icon: block;
+    --select-mobile-checkmark-display-badge: none;
 
     /* optgroup */
 }
@@ -22,8 +23,6 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--select-mobile-checkmark-background);
-    background-size: cover;
     width: 24px;
     height: 24px;
     opacity: 0
@@ -34,3 +33,9 @@
 .checkmark.selected {
         opacity: 1;
     }
+.displayIcon {
+    display: var(--select-mobile-checkmark-display-icon);
+}
+.displayBadge {
+    display: var(--select-mobile-checkmark-display-badge);
+}

package/cssm/components/base-select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-095a346d";
+export * from "../../Component-c7975bd7";

package/cssm/components/base-select-mobile/index.js

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./checkmark/index.module.css');
+require('./checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('./checkmark/index.module.css');
-require('./checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('./options-list/index.module.css');
 require('./options-list/Component.js');
 require('./index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/cssm/components/checkmark/Component.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var badge = require('@alfalab/core-components/badge');
+var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 var coreComponentsCheckbox = require('@alfalab/core-components-checkbox/cssm');
 var styles = require('./index.module.css');
 
@@ -23,7 +25,8 @@ var Checkmark = function (_a) {
         _b[styles__default['default'].selected] = selected,
         _b));
     var handleCheckboxClick = React.useCallback(function (event) { return event.stopPropagation(); }, []);
-    return single ? (React__default['default'].createElement("span", { className: checkmarkClassNames })) : (React__default['default'].createElement(coreComponentsCheckbox.Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
+    return single ? (React__default['default'].createElement("div", { className: checkmarkClassNames },
+        React__default['default'].createElement(badge.Badge, { className: styles__default['default'].after, view: 'icon', size: 'm', iconColor: 'positive', content: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default['default'].colorIcon }) }))) : (React__default['default'].createElement(coreComponentsCheckbox.Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
 };
 
 exports.Checkmark = Checkmark;

package/cssm/components/checkmark/index.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/core-components-checkbox/cssm');
 require('./index.module.css');
 var components_checkmark_Component = require('./Component.js');

package/cssm/components/checkmark/index.module.css

@@ -1,4 +1,5 @@
 :root {
+    --color-light-graphic-positive: #2fc26e;
     --color-light-graphic-primary: #0b1f35;
 }
 :root {
@@ -61,3 +62,6 @@
 .after {
     display: var(--select-checkmark-after-display);
 }
+.colorIcon {
+    color: var(--color-light-graphic-positive);
+}

package/cssm/components/index.d.ts

@@ -7,3 +7,4 @@ export * from "./optgroup/index";
 export * from "./option/index";
 export * from "./options-list/index";
 export * from "./virtual-options-list/index";
+export * from "./base-option/index";

package/cssm/components/index.js

@@ -22,6 +22,11 @@ require('./field/index.module.css');
 var components_field_Component = require('./field/Component.js');
 require('./optgroup/index.module.css');
 var components_optgroup_Component = require('./optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./base-select-mobile/checkmark/index.module.css');
+require('./base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('./checkmark/index.module.css');
 require('./checkmark/Component.js');
@@ -34,10 +39,10 @@ require('../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../Component-c7975bd7.js');
 require('../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('./base-select-mobile/checkmark/index.module.css');
-require('./base-select-mobile/checkmark/Component.js');
+require('./base-checkmark/index.module.css');
+require('./base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('./base-select-mobile/options-list/index.module.css');
 require('./base-select-mobile/options-list/Component.js');
@@ -45,6 +50,8 @@ require('./base-select-mobile/index.module.css');
 require('react-virtual');
 require('./virtual-options-list/index.module.css');
 var components_virtualOptionsList_Component = require('./virtual-options-list/Component.js');
+require('./base-option/index.module.css');
+var components_baseOption_Component = require('./base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../presets/useSelectWithLoading/index.module.css');
 require('../presets/useLazyLoading/index.module.css');
@@ -61,3 +68,4 @@ exports.OptionsList = components_optionsList_Component.OptionsList;
 exports.SelectMobile = presets_useSelectWithApply_hook.SelectMobile;
 exports.SelectModalMobile = presets_useSelectWithApply_hook.SelectModalMobile;
 exports.VirtualOptionsList = components_virtualOptionsList_Component.VirtualOptionsList;
+exports.BaseOption = components_baseOption_Component.BaseOption;

package/cssm/components/optgroup/index.module.css

@@ -11,7 +11,7 @@
     /* Hard up */
 }
 :root {
-    --gap-xs: 8px;
+    --gap-2xs: 4px;
     --gap-s: 12px;
     --gap-m: 16px;
 }
@@ -36,7 +36,7 @@
     position: relative;
     display: flex;
     align-items: center;
-    padding: var(--gap-m) var(--select-optgroup-right-padding) var(--gap-xs)
+    padding: var(--gap-s) var(--select-optgroup-right-padding) var(--gap-2xs)
         var(--select-optgroup-left-padding);
     box-sizing: border-box;
     background: var(--select-optgroup-background);

package/cssm/components/option/Component.js

@@ -5,6 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../tslib.es6-0857346e.js');
 var React = require('react');
 var cn = require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+var components_baseSelectMobile_checkmark_Component = require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 var components_checkmark_Component = require('../checkmark/Component.js');
@@ -18,7 +23,7 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Option = function (_a) {
     var _b, _c;
-    var _d = _a.size, size = _d === void 0 ? 's' : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, _e = _a.Checkmark, Checkmark = _e === void 0 ? components_checkmark_Component.Checkmark : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId;
+    var _d = _a.size, size = _d === void 0 ? 's' : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, mobile = _a.mobile, _e = _a.Checkmark, Checkmark = _e === void 0 ? mobile ? components_baseSelectMobile_checkmark_Component.Checkmark : components_checkmark_Component.Checkmark : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId;
     var content = children || option.content || option.key;
     var _f = option.showCheckMark, showCheckMark = _f === void 0 ? true : _f;
     return (React__default['default'].createElement("div", tslib_es6.__assign({}, innerProps, { className: cn__default['default'](styles__default['default'].option, styles__default['default'][size], className, (_b = {},

package/cssm/components/option/index.js

@@ -5,6 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('../../tslib.es6-0857346e.js');
 require('react');
 require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');

package/cssm/components/select-mobile/Component.js

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('../base-select-mobile/checkmark/index.module.css');
-require('../base-select-mobile/checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
 require('../base-select-mobile/options-list/Component.js');
 require('../base-select-mobile/index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/cssm/components/select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-095a346d";
+export * from "../../Component-c7975bd7";

package/cssm/components/select-mobile/index.js

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('../base-select-mobile/checkmark/index.module.css');
-require('../base-select-mobile/checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
 require('../base-select-mobile/options-list/Component.js');
 require('../base-select-mobile/index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/cssm/components/select-modal-mobile/Component.js

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('../base-select-mobile/checkmark/index.module.css');
-require('../base-select-mobile/checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
 require('../base-select-mobile/options-list/Component.js');
 require('../base-select-mobile/index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/cssm/components/select-modal-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-095a346d";
+export * from "../../Component-c7975bd7";

package/cssm/components/select-modal-mobile/index.js

@@ -22,6 +22,11 @@ require('../field/index.module.css');
 require('../field/Component.js');
 require('../optgroup/index.module.css');
 require('../optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../base-select-mobile/checkmark/index.module.css');
+require('../base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('../../presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('../base-select-mobile/checkmark/index.module.css');
-require('../base-select-mobile/checkmark/Component.js');
+require('../base-checkmark/index.module.css');
+require('../base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../base-select-mobile/options-list/index.module.css');
 require('../base-select-mobile/options-list/Component.js');
 require('../base-select-mobile/index.module.css');
 require('react-virtual');
 require('../virtual-options-list/index.module.css');
+require('../base-option/index.module.css');
+require('../base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/cssm/index.js

@@ -22,6 +22,11 @@ require('./components/field/index.module.css');
 var components_field_Component = require('./components/field/Component.js');
 require('./components/optgroup/index.module.css');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('./components/base-select-mobile/checkmark/index.module.css');
+require('./components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('./components/checkmark/index.module.css');
 require('./components/checkmark/Component.js');
@@ -34,10 +39,10 @@ var Component = require('./Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('./Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('./Component-c7975bd7.js');
 require('./presets/useSelectWithApply/options-list-with-apply/index.module.css');
-require('./components/base-select-mobile/checkmark/index.module.css');
-require('./components/base-select-mobile/checkmark/Component.js');
+require('./components/base-checkmark/index.module.css');
+require('./components/base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('./components/base-select-mobile/options-list/index.module.css');
 require('./components/base-select-mobile/options-list/Component.js');
@@ -45,6 +50,8 @@ require('./components/base-select-mobile/index.module.css');
 require('react-virtual');
 require('./components/virtual-options-list/index.module.css');
 var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
+require('./components/base-option/index.module.css');
+var components_baseOption_Component = require('./components/base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('./presets/useSelectWithLoading/index.module.css');
 var presets_useSelectWithLoading_hook = require('./presets/useSelectWithLoading/hook.js');
@@ -73,5 +80,6 @@ exports.SelectMobile = presets_useSelectWithApply_hook.SelectMobile;
 exports.SelectModalMobile = presets_useSelectWithApply_hook.SelectModalMobile;
 exports.useSelectWithApply = presets_useSelectWithApply_hook.useSelectWithApply;
 exports.VirtualOptionsList = components_virtualOptionsList_Component.VirtualOptionsList;
+exports.BaseOption = components_baseOption_Component.BaseOption;
 exports.useSelectWithLoading = presets_useSelectWithLoading_hook.useSelectWithLoading;
 exports.useLazyLoading = presets_useLazyLoading_hook.useLazyLoading;

package/cssm/presets/index.js

@@ -22,6 +22,11 @@ require('../components/field/index.module.css');
 require('../components/field/Component.js');
 require('../components/optgroup/index.module.css');
 require('../components/optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../components/base-select-mobile/checkmark/index.module.css');
+require('../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../components/checkmark/index.module.css');
 require('../components/checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../Component-c7975bd7.js');
 require('./useSelectWithApply/options-list-with-apply/index.module.css');
-require('../components/base-select-mobile/checkmark/index.module.css');
-require('../components/base-select-mobile/checkmark/Component.js');
+require('../components/base-checkmark/index.module.css');
+require('../components/base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../components/base-select-mobile/options-list/index.module.css');
 require('../components/base-select-mobile/options-list/Component.js');
 require('../components/base-select-mobile/index.module.css');
 require('react-virtual');
 require('../components/virtual-options-list/index.module.css');
+require('../components/base-option/index.module.css');
+require('../components/base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('./useSelectWithLoading/index.module.css');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');

package/cssm/presets/useLazyLoading/hook.d.ts

@@ -12,6 +12,8 @@ type useLazyLoadingProps = {
     initialOffset?: number;
     /** Скелетон загружаемых элементов */
     skeleton?: React.ReactNode;
+    /** Компонент пункта меню */
+    Option?: React.FC<OptionProps>;
     /**
      * Функция-загрузчик опций.
      * @param offset - текущая страница
@@ -24,7 +26,7 @@ type useLazyLoadingProps = {
      */
     optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
 };
-declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, }: useLazyLoadingProps): {
+declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
     optionsProps: {
         Option: (props: OptionProps) => JSX.Element;
         options: OptionShape[];

package/cssm/presets/useLazyLoading/hook.js

@@ -5,6 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../tslib.es6-0857346e.js');
 var React = require('react');
 require('classnames');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../../components/base-select-mobile/checkmark/index.module.css');
+require('../../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../../components/checkmark/index.module.css');
 require('../../components/checkmark/Component.js');
@@ -41,7 +46,7 @@ var actions = {
     },
 };
 function useLazyLoading(_a) {
-    var _b = _a.limit, limit = _b === void 0 ? 10 : _b, _c = _a.initialOffset, initialOffset = _c === void 0 ? 0 : _c, optionsFetcher = _a.optionsFetcher, _d = _a.skeleton, skeleton = _d === void 0 ? React__default['default'].createElement(coreComponentsSkeleton.Skeleton, { className: styles__default['default'].skeleton, visible: true }) : _d;
+    var _b = _a.limit, limit = _b === void 0 ? 10 : _b, _c = _a.initialOffset, initialOffset = _c === void 0 ? 0 : _c, optionsFetcher = _a.optionsFetcher, _d = _a.skeleton, skeleton = _d === void 0 ? React__default['default'].createElement(coreComponentsSkeleton.Skeleton, { className: styles__default['default'].skeleton, visible: true }) : _d, _e = _a.Option, Option = _e === void 0 ? components_option_Component.Option : _e;
     var initialOptions = [];
     var initialLoading = false;
     var lazyLoadingInitialState = {
@@ -77,7 +82,7 @@ function useLazyLoading(_a) {
             }
         }
     };
-    var _e = React.useReducer(lazyLoadingReducer, lazyLoadingInitialState), _f = _e[0], opened = _f.opened, offset = _f.offset, options = _f.options, loading = _f.loading, allOptionsLoaded = _f.allOptionsLoaded, queryString = _f.queryString, dispatch = _e[1];
+    var _f = React.useReducer(lazyLoadingReducer, lazyLoadingInitialState), _g = _f[0], opened = _g.opened, offset = _g.offset, options = _g.options, loading = _g.loading, allOptionsLoaded = _g.allOptionsLoaded, queryString = _g.queryString, dispatch = _f[1];
     var abortFetchingOptionsRef = React.useRef();
     var fetchNextOffsetOptions = React.useCallback(function () {
         dispatch(actions.fetchOptionsStart());
@@ -177,7 +182,7 @@ function useLazyLoading(_a) {
         }, DEBOUNCE_TIMEOUT);
         /* eslint-enable */
     }, []);
-    var renderOption = React.useCallback(function (props) { return (React__default['default'].createElement(components_option_Component.Option, tslib_es6.__assign({}, props, { highlighted: loading ? false : props.highlighted }))); }, [loading]);
+    var renderOption = function (props) { return (React__default['default'].createElement(Option, tslib_es6.__assign({}, props, { highlighted: loading ? false : props.highlighted }))); };
     var skeletonOptions = React.useMemo(function () {
         return Array(loading ? limit : 0)
             .fill(0)

package/cssm/presets/useSelectWithApply/hook.js

@@ -22,6 +22,11 @@ require('../../components/field/index.module.css');
 require('../../components/field/Component.js');
 require('../../components/optgroup/index.module.css');
 require('../../components/optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../../components/base-select-mobile/checkmark/index.module.css');
+require('../../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../../components/checkmark/index.module.css');
 require('../../components/checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../Component-c7975bd7.js');
 require('./options-list-with-apply/index.module.css');
-require('../../components/base-select-mobile/checkmark/index.module.css');
-require('../../components/base-select-mobile/checkmark/Component.js');
+require('../../components/base-checkmark/index.module.css');
+require('../../components/base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../../components/base-select-mobile/options-list/index.module.css');
 require('../../components/base-select-mobile/options-list/Component.js');
 require('../../components/base-select-mobile/index.module.css');
 require('react-virtual');
 require('../../components/virtual-options-list/index.module.css');
+require('../../components/base-option/index.module.css');
+require('../../components/base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../useSelectWithLoading/index.module.css');
 require('../useLazyLoading/index.module.css');

package/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -22,6 +22,11 @@ require('../../../components/field/index.module.css');
 require('../../../components/field/Component.js');
 require('../../../components/optgroup/index.module.css');
 require('../../../components/optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../../../components/base-select-mobile/checkmark/index.module.css');
+require('../../../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../../../components/checkmark/index.module.css');
 require('../../../components/checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../../Component-c7975bd7.js');
 require('./index.module.css');
-require('../../../components/base-select-mobile/checkmark/index.module.css');
-require('../../../components/base-select-mobile/checkmark/Component.js');
+require('../../../components/base-checkmark/index.module.css');
+require('../../../components/base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../../../components/base-select-mobile/options-list/index.module.css');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../components/base-select-mobile/index.module.css');
 require('react-virtual');
 require('../../../components/virtual-options-list/index.module.css');
+require('../../../components/base-option/index.module.css');
+require('../../../components/base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../useSelectWithLoading/index.module.css');
 require('../../useLazyLoading/index.module.css');

package/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-095a346d";
+export * from "../../../Component-c7975bd7";

package/cssm/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -22,6 +22,11 @@ require('../../../components/field/index.module.css');
 require('../../../components/field/Component.js');
 require('../../../components/optgroup/index.module.css');
 require('../../../components/optgroup/Component.js');
+require('@alfalab/core-components/badge');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+require('@alfalab/icons-glyph/CheckmarkMIcon');
+require('../../../components/base-select-mobile/checkmark/index.module.css');
+require('../../../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/core-components-checkbox/cssm');
 require('../../../components/checkmark/index.module.css');
 require('../../../components/checkmark/Component.js');
@@ -34,16 +39,18 @@ require('../../../Component.js');
 require('@alfalab/core-components-bottom-sheet/cssm');
 require('@alfalab/core-components-modal/cssm/mobile');
 require('@alfalab/core-components-button/cssm');
-var presets_useSelectWithApply_hook = require('../../../Component-095a346d.js');
+var presets_useSelectWithApply_hook = require('../../../Component-c7975bd7.js');
 require('./index.module.css');
-require('../../../components/base-select-mobile/checkmark/index.module.css');
-require('../../../components/base-select-mobile/checkmark/Component.js');
+require('../../../components/base-checkmark/index.module.css');
+require('../../../components/base-checkmark/Component.js');
 require('@alfalab/core-components-base-modal/cssm');
 require('../../../components/base-select-mobile/options-list/index.module.css');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../components/base-select-mobile/index.module.css');
 require('react-virtual');
 require('../../../components/virtual-options-list/index.module.css');
+require('../../../components/base-option/index.module.css');
+require('../../../components/base-option/Component.js');
 require('@alfalab/core-components-skeleton/cssm');
 require('../../useSelectWithLoading/index.module.css');
 require('../../useLazyLoading/index.module.css');

package/cssm/presets/useSelectWithApply/options-list-with-apply/index.module.css

@@ -13,7 +13,6 @@
 :root {
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-m: 16px;
 }
 :root {
 
@@ -27,7 +26,7 @@
 }
 .footer {
     background: var(--color-light-bg-primary);
-    padding: var(--gap-s) var(--gap-s) var(--gap-m);
+    padding: var(--gap-s);
     outline: none
 }
 .footer > * + * {