@alfalab/core-components 36.0.0 → 36.1.0

package/select/cssm/components/base-option/index.module.css

@@ -0,0 +1,93 @@
+:root {
+    --color-light-bg-primary: #fff;
+    --color-light-bg-secondary: #f3f4f5;
+    --color-light-bg-tertiary: #e7e9eb;
+    --color-light-text-primary: #0b1f35;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+    --disabled-cursor: not-allowed;
+    --size-s-height: 48px;
+}
+:root {
+
+    /* options list */
+
+    /* option */
+    --select-option-background: var(--color-light-bg-primary);
+    --select-option-selected-background: var(--color-light-bg-primary);
+    --select-option-hover-background: var(--color-light-bg-secondary);
+    --select-option-active-background: var(--color-light-bg-tertiary);
+    --select-option-disabled-background: var(--color-light-bg-primary);
+    --select-option-color: var(--color-light-text-primary);
+    --select-option-selected-color: var(--color-light-text-primary);
+    --select-option-hover-color: var(--color-light-text-primary);
+    --select-option-active-color: var(--color-light-text-primary);
+    --select-option-disabled-color: var(--color-light-text-secondary);
+
+    /* checkmark */
+
+    /* optgroup */
+}
+.option {
+    font-size: 16px;
+    line-height: 20px;
+    font-weight: 400;
+
+    display: flex;
+    align-items: center;
+    grid-gap: var(--gap-s);
+    gap: var(--gap-s);
+    transition: background-color 0.2s ease;
+    background: var(--select-option-background);
+    color: var(--select-option-color);
+    box-sizing: border-box;
+    position: relative;
+    cursor: pointer;
+    min-height: var(--size-s-height)
+}
+.option:not(.disabled):active {
+        background: var(--select-option-active-background);
+        color: var(--select-option-active-color);
+    }
+.option.checkmarkBefore {
+        padding: 0 0 0 var(--gap-s);
+    }
+.option.checkmarkAfter {
+        padding: 0 var(--gap-s) 0 0;
+    }
+.option.textContent {
+        padding: var(--gap-s);
+    }
+.option.mobileTextContent {
+        padding: var(--gap-m);
+    }
+.selected {
+    background: var(--select-option-selected-background);
+    color: var(--select-option-selected-color);
+    cursor: default;
+}
+.highlighted {
+    background: var(--select-option-hover-background);
+    color: var(--select-option-hover-color);
+}
+.disabled {
+    cursor: var(--disabled-cursor);
+    background: var(--select-option-disabled-background);
+    color: var(--select-option-disabled-color);
+}
+.content {
+    flex: 1;
+}

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

@@ -20,6 +20,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('../../../../checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -32,16 +37,18 @@ require('../../Component.js');
 require('../../../../bottom-sheet/cssm');
 require('../../../../modal/cssm/mobile');
 require('../../../../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('../../../../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('../../../../skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

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

@@ -2,6 +2,9 @@ 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 CheckmarkMIcon = require('@alfalab/icons-glyph/CheckmarkMIcon');
 var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,9 +16,11 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 var Checkmark = function (_a) {
     var _b;
     var selected = _a.selected, className = _a.className;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].checkmark, className, (_b = {},
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].checkmark, className, (_b = {},
             _b[styles__default['default'].selected] = selected,
-            _b)) }));
+            _b)) },
+        React__default['default'].createElement(CheckmarkMIcon.CheckmarkMIcon, { className: styles__default['default'].displayIcon }),
+        React__default['default'].createElement(badge.Badge, { className: styles__default['default'].displayBadge, view: 'icon', size: 'm', iconColor: 'positive', content: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null) })));
 };
 
 exports.Checkmark = Checkmark;

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

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

package/select/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/select/cssm/components/base-select-mobile/index.d.ts

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

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

@@ -20,6 +20,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('../../../../checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -32,16 +37,18 @@ require('../../Component.js');
 require('../../../../bottom-sheet/cssm');
 require('../../../../modal/cssm/mobile');
 require('../../../../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('../../../../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('../../../../skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/select/cssm/components/checkmark/Component.js

@@ -2,6 +2,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('../../../../checkbox/cssm');
 var styles = require('./index.module.css');
 
@@ -21,7 +23,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/select/cssm/components/checkmark/index.js

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

package/select/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/select/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/select/cssm/components/index.js

@@ -20,6 +20,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('../../../checkbox/cssm');
 require('./checkmark/index.module.css');
 require('./checkmark/Component.js');
@@ -32,10 +37,10 @@ require('../Component.js');
 require('../../../bottom-sheet/cssm');
 require('../../../modal/cssm/mobile');
 require('../../../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('../../../base-modal/cssm');
 require('./base-select-mobile/options-list/index.module.css');
 require('./base-select-mobile/options-list/Component.js');
@@ -43,6 +48,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('../../../skeleton/cssm');
 require('../presets/useSelectWithLoading/index.module.css');
 require('../presets/useLazyLoading/index.module.css');
@@ -59,3 +66,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/select/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/select/cssm/components/option/Component.js

@@ -3,6 +3,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('../../../../checkbox/cssm');
 require('../checkmark/index.module.css');
 var components_checkmark_Component = require('../checkmark/Component.js');
@@ -16,7 +21,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/select/cssm/components/option/index.js

@@ -3,6 +3,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('../../../../checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');

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

@@ -20,6 +20,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('../../../../checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -32,16 +37,18 @@ require('../../Component.js');
 require('../../../../bottom-sheet/cssm');
 require('../../../../modal/cssm/mobile');
 require('../../../../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('../../../../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('../../../../skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

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

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

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

@@ -20,6 +20,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('../../../../checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -32,16 +37,18 @@ require('../../Component.js');
 require('../../../../bottom-sheet/cssm');
 require('../../../../modal/cssm/mobile');
 require('../../../../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('../../../../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('../../../../skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

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

@@ -20,6 +20,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('../../../../checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -32,16 +37,18 @@ require('../../Component.js');
 require('../../../../bottom-sheet/cssm');
 require('../../../../modal/cssm/mobile');
 require('../../../../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('../../../../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('../../../../skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

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

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

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

@@ -20,6 +20,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('../../../../checkbox/cssm');
 require('../checkmark/index.module.css');
 require('../checkmark/Component.js');
@@ -32,16 +37,18 @@ require('../../Component.js');
 require('../../../../bottom-sheet/cssm');
 require('../../../../modal/cssm/mobile');
 require('../../../../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('../../../../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('../../../../skeleton/cssm');
 require('../../presets/useSelectWithLoading/index.module.css');
 require('../../presets/useLazyLoading/index.module.css');

package/select/cssm/index.js

@@ -20,6 +20,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('../../checkbox/cssm');
 require('./components/checkmark/index.module.css');
 require('./components/checkmark/Component.js');
@@ -32,10 +37,10 @@ var Component = require('./Component.js');
 require('../../bottom-sheet/cssm');
 require('../../modal/cssm/mobile');
 require('../../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('../../base-modal/cssm');
 require('./components/base-select-mobile/options-list/index.module.css');
 require('./components/base-select-mobile/options-list/Component.js');
@@ -43,6 +48,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('../../skeleton/cssm');
 require('./presets/useSelectWithLoading/index.module.css');
 var presets_useSelectWithLoading_hook = require('./presets/useSelectWithLoading/hook.js');
@@ -71,5 +78,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/select/cssm/presets/index.js

@@ -20,6 +20,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('../../../checkbox/cssm');
 require('../components/checkmark/index.module.css');
 require('../components/checkmark/Component.js');
@@ -32,16 +37,18 @@ require('../Component.js');
 require('../../../bottom-sheet/cssm');
 require('../../../modal/cssm/mobile');
 require('../../../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('../../../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('../../../skeleton/cssm');
 require('./useSelectWithLoading/index.module.css');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');

package/select/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[];