npm - @alfalab/core-components-select - Versions diffs - 19.0.6 → 19.1.0-alfasans - Mend

@alfalab/core-components-select 19.0.6 → 19.1.0-alfasans

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.

Files changed (314) hide show

package/cssm/components/checkmark/Component.js CHANGED Viewed

@@ -4,9 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
-var cssm = require('@alfalab/core-components-badge/cssm');
-var cssm$1 = require('@alfalab/core-components-checkbox/cssm');
-var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+var cssm = require('@alfalab/core-components-checkbox/cssm');
 var CheckmarkMIcon = require('@alfalab/icons-glyph/CheckmarkMIcon');
 var styles = require('./index.module.css');
@@ -19,7 +17,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var Checkmark = function (_a) {
     var _b;
-    var selected = _a.selected, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, multiple = _a.multiple, _d = _a.position, position = _d === void 0 ? 'before' : _d;
+    var selected = _a.selected, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, multiple = _a.multiple, _d = _a.position, position = _d === void 0 ? 'before' : _d, content = _a.content;
     var single = !multiple;
     var checkmarkClassNames = cn__default.default(styles__default.default.checkmark, className, styles__default.default[position], (_b = {},
         _b[styles__default.default.multiple] = !single,
@@ -27,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("div", { className: checkmarkClassNames }, position === 'before' ? (React__default.default.createElement(cssm.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(CheckmarkMIcon__default.default, { className: cn__default.default(styles__default.default.displayIcon) })))) : (React__default.default.createElement(cssm$1.Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 24, onClick: handleCheckboxClick }));
+    return single ? (React__default.default.createElement("div", { className: checkmarkClassNames },
+        React__default.default.createElement(CheckmarkMIcon__default.default, { className: cn__default.default(styles__default.default.displayIcon) }))) : (React__default.default.createElement(cssm.Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 24, label: content, onClick: handleCheckboxClick }));
 };
 exports.Checkmark = Checkmark;

package/cssm/components/checkmark/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../src/components/checkmark/Component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport cn from 'classnames';\n\nimport { ~~Badge } from '@alfalab/core-components-badge';\nimport {~~ Checkbox, type CheckboxProps } from '@alfalab/core-components-checkbox';\nimport ~~{ CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';\nimport~~ CheckmarkMIcon from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { type CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Checkmark = ({\n selected,\n disabled = false,\n className,\n multiple,\n position = 'before',\n}: CheckmarkProps) => {\n const single = !multiple;\n\n const checkmarkClassNames = cn(styles.checkmark, className, styles[position], {\n [styles.multiple]: !single,\n [styles.single]: single,\n [styles.selected]: selected,\n });\n\n const handleCheckboxClick = useCallback<Required<CheckboxProps>['onClick']>(\n (event) => event.stopPropagation(),\n [],\n );\n\n return single ? (\n <div className={checkmarkClassNames}>\n ~~{position === 'before' ? (\n~~ <Badge\n className={styles.after}\n view='icon'\n size='m'\n iconColor='positive'\n content={<CheckmarkCircleMIcon className={styles.colorIcon} />}\n />\n ) : (\n <CheckmarkMIcon className={cn(styles.displayIcon)} />\n ~~)}\n~~ </div>\n ) : (\n <Checkbox\n checked={selected}\n disabled={disabled}\n className={checkmarkClassNames}\n size={24}\n onClick={handleCheckboxClick}\n />\n );\n};\n"],"names":["cn","styles","useCallback","React","~~Badge","CheckmarkCircleMIcon","~~CheckmarkMIcon","Checkbox"],"mappings":"~~;;;;;;;;;;;;;;;;;;;AAYO~~,IAAM,SAAS,GAAG,UAAC,~~EAMT~~,EAAA;;~~QALb~~,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,~~KAAA~~,EAChB,SAAS,~~eAAA~~,EACT,QAAQ,~~cAAA~~,EACR,EAAA,GAAA,EAAA,CAAA,QAAmB,EAAnB,QAAQ,GAAA,EAAA,~~KAAA~~,~~MAAA~~,~~GAAG~~,~~QAAQ~~,~~GAAA~~,~~EAAA~~;~~AAEnB~~,IAAA,IAAM,MAAM,GAAG,CAAC,QAAQ;AAExB,IAAA,IAAM,mBAAmB,GAAGA,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,EAAEA,uBAAM,CAAC,QAAQ,CAAC,GAAA,EAAA,GAAA,EAAA;AACxE,QAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,CAAC,MAAM;AAC1B,QAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,QAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;YAC7B;AAEF,IAAA,IAAM,mBAAmB,GAAGC,iBAAW,CACnC,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,eAAe,EAAE,CAAA,EAAA,EAClC,EAAE,CACL;IAED,OAAO,MAAM,IACTC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,mBAAmB,EAAA,~~EAC9B,QAAQ,KAAK,QAAQ,IAClBA,~~sBAAC,CAAA,aAAA,CAAAC,~~UAAK,EACF,EAAA,SAAS,EAAEH,uBAAM,CAAC,KAAK,EACvB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,UAAU,EACpB,OAAO,EAAEE,sBAAC,CAAA,aAAA,CAAAE,yCAAoB,~~IAAC,SAAS,EAAEJ,~~uBAAM,CAAC,SAAS,EAAA,CAAI,GAChE,KAEFE,qCAACG,+BAAc,EAAA,EAAC,SAAS,EAAEN,~~mBAAE,CAACC,uBAAM,CAAC,WAAW,CAAC,~~EAAA~~,~~CAAI~~,~~CACxD~~,~~CACC~~,~~KAENE~~,~~qCAACI~~,~~eAAQ~~,~~EAAA~~,~~EACL~~,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,mBAAmB,EAC9B,CAAA,CACL;AACL;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../../src/components/checkmark/Component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox, type CheckboxProps } from '@alfalab/core-components-checkbox';\nimport CheckmarkMIcon from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { type CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Checkmark = ({\n selected,\n disabled = false,\n className,\n multiple,\n position = 'before',\n content,\n}: CheckmarkProps) => {\n const single = !multiple;\n\n const checkmarkClassNames = cn(styles.checkmark, className, styles[position], {\n [styles.multiple]: !single,\n [styles.single]: single,\n [styles.selected]: selected,\n });\n\n const handleCheckboxClick = useCallback<Required<CheckboxProps>['onClick']>(\n (event) => event.stopPropagation(),\n [],\n );\n\n return single ? (\n <div className={checkmarkClassNames}>\n <CheckmarkMIcon className={cn(styles.displayIcon)} />\n </div>\n ) : (\n <Checkbox\n checked={selected}\n disabled={disabled}\n className={checkmarkClassNames}\n size={24}\n label={content}\n onClick={handleCheckboxClick}\n />\n );\n};\n"],"names":["cn","styles","useCallback","React","CheckmarkMIcon","Checkbox"],"mappings":";;;;;;;;;;;;;;;;;AAUO,IAAM,SAAS,GAAG,UAAC,EAOT,EAAA;;QANb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EAChB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,QAAmB,EAAnB,QAAQ,mBAAG,QAAQ,GAAA,EAAA,EACnB,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,MAAM,GAAG,CAAC,QAAQ;AAExB,IAAA,IAAM,mBAAmB,GAAGA,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,EAAEA,uBAAM,CAAC,QAAQ,CAAC,GAAA,EAAA,GAAA,EAAA;AACxE,QAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,CAAC,MAAM;AAC1B,QAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,QAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;YAC7B;AAEF,IAAA,IAAM,mBAAmB,GAAGC,iBAAW,CACnC,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,eAAe,EAAE,CAAA,EAAA,EAClC,EAAE,CACL;IAED,OAAO,MAAM,IACTC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,mBAAmB,EAAA;QAC/BA,sBAAC,CAAA,aAAA,CAAAC,+BAAc,IAAC,SAAS,EAAEJ,mBAAE,CAACC,uBAAM,CAAC,WAAW,CAAC,GAAI,CACnD,KAENE,sBAAC,CAAA,aAAA,CAAAE,aAAQ,IACL,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,mBAAmB,EAC9B,CAAA,CACL;AACL;;;;"}

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

@@ -1,58 +1,45 @@
 :root {
-    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-status-positive: #0cc44d;
 }
 :root {
-    --border-radius-circle: 50%;
-}
-:root {
-    --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-0: 0px;
-    --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
 }
 :root {
-    --select-checkmark-margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-0);
-    --select-checkmark-margin-after: var(--select-checkmark-margin);
-    --select-checkmark-size: 4px;
-    --select-checkmark-before-display: 'flex';
+    --select-checkmark-size: 24px;
+    --select-checkmark-before-display: flex;
     --select-checkmark-after-display: none;
     --select-checkmark-before-display-multiple: block;
-    --select-checkmark-after-display-single: none;
+    --select-checkmark-after-display-single: flex;
     --select-checkmark-unselected-opacity: 0;
-    --select-checkmark-background: var(--color-light-neutral-translucent-1300);
-    --select-checkmark-border-radius: var(--border-radius-circle);
 }
 .checkmark {
     flex-shrink: 0;
-    margin: var(--select-checkmark-margin);
 }
+.checkmark.before {
+        display: var(--select-checkmark-before-display);
+    }
 .checkmark.after {
-        margin: var(--select-checkmark-margin-after);
+        display: var(--select-checkmark-after-display);
     }
 .single {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: var(--select-checkmark-unselected-opacity);
-    background: var(--select-checkmark-background);
-    background-size: cover;
-    border-radius: var(--select-checkmark-border-radius);
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size);
 }
 .single.selected {
         opacity: 1;
     }
-.before {
-    display: var(--select-checkmark-before-display);
-}
-.before.multiple {
+.multiple.before {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
     }
+.multiple.after {
+        margin-left: var(--gap-12);
+    }
 .after.after {
     display: var(--select-checkmark-after-display);
 }
@@ -62,3 +49,8 @@
 .colorIcon {
     color: var(--color-light-status-positive);
 }
+.displayIcon {
+    display: block;
+    width: 100%;
+    height: 100%;
+}

package/cssm/components/checkmark-mobile/Component.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type CheckmarkProps } from '../../typings';
-export declare const Checkmark: ({ selected, className }: CheckmarkProps) => React.JSX.Element;
+export declare const Checkmark: ({ selected, className, position }: CheckmarkProps) => React.JSX.Element;

package/cssm/components/checkmark-mobile/Component.js CHANGED Viewed

@@ -15,8 +15,8 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var Checkmark = function (_a) {
     var _b;
-    var selected = _a.selected, className = _a.className;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.checkmark, className, (_b = {},
+    var selected = _a.selected, className = _a.className, _c = _a.position, position = _c === void 0 ? 'after' : _c;
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.checkmark, className, styles__default.default[position], (_b = {},
             _b[styles__default.default.selected] = selected,
             _b)) },
         React__default.default.createElement(CheckmarkMIcon.CheckmarkMIcon, { className: styles__default.default.displayIcon })));

package/cssm/components/checkmark-mobile/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../src/components/checkmark-mobile/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { type CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Checkmark = ({ selected, className }: CheckmarkProps) => (\n <div\n className={cn(styles.checkmark, className, {\n [styles.selected]: selected,\n })}\n >\n <CheckmarkMIcon className={styles.displayIcon} />\n </div>\n);\n"],"names":["React","cn","styles","CheckmarkMIcon"],"mappings":";;;;;;;;;;;;;;;AASO,IAAM,SAAS,GAAG,UAAC,~~EAAuC~~,EAAA;;~~QAArC~~,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;~~IAAuB~~,~~QAClEA~~,~~sBACI~~,CAAA,aAAA,CAAA,KAAA,EAAA,~~EAAA~~,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;~~AACrC~~,YAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA;QAEFF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,IAAC,SAAS,EAAED,uBAAM,CAAC,WAAW,EAAI,CAAA,CAC/C;~~AAP4D~~;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../../src/components/checkmark-mobile/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { type CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Checkmark = ({ selected, className, position = 'after' }: CheckmarkProps) => (\n <div\n className={cn(styles.checkmark, className, styles[position], {\n [styles.selected]: selected,\n })}\n >\n <CheckmarkMIcon className={styles.displayIcon} />\n </div>\n);\n"],"names":["React","cn","styles","CheckmarkMIcon"],"mappings":";;;;;;;;;;;;;;;AASO,IAAM,SAAS,GAAG,UAAC,EAA2D,EAAA;;QAAzD,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,gBAAkB,EAAlB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA;AAAuB,IAAA,QACtFA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,EAAEA,uBAAM,CAAC,QAAQ,CAAC,GAAA,EAAA,GAAA,EAAA;AACvD,YAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA;QAEFF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,IAAC,SAAS,EAAED,uBAAM,CAAC,WAAW,EAAI,CAAA,CAC/C;AAPgF;;;;"}

package/cssm/components/checkmark-mobile/index.module.css CHANGED Viewed

@@ -1,3 +1,7 @@
+:root {
+    --gap-xs: 8px;
+    --gap-8: var(--gap-xs);
+}
 :root {
     --select-mobile-checkmark-display-icon: block;
     --select-mobile-checkmark-display-badge: none;
@@ -11,12 +15,15 @@
     height: 24px;
     opacity: 0;
 }
-.checkmark:first-child {
-        display: none;
-    }
 .checkmark.selected {
         opacity: 1;
     }
+.checkmark.before {
+        margin-right: var(--gap-8);
+    }
+.checkmark.after {
+        margin-left: var(--gap-8);
+    }
 .displayIcon {
     display: var(--select-mobile-checkmark-display-icon);
 }

package/cssm/components/field/Component.js CHANGED Viewed

@@ -40,32 +40,15 @@ var Field = function (_a) {
      * [1] - Indicators (eye, calendar, chevron, stepper e.g.)
      * [0] - Lock
      */
-    var rightAddonsMap = shared.getAddonsByPriority([
-        {
-            priority: 4,
-            predicate: clear && filled && !disabled,
-            render: function () { return (React__default.default.createElement(Component.ClearButton, { onClick: onClear, disabled: disabled, dataTestId: cssm.getDataTestId(dataTestId, 'clear-icon'), size: size })); },
-        },
-        {
-            priority: 2,
-            predicate: Boolean(rightAddons),
-            render: function () { return rightAddons; },
-        },
-        {
-            priority: 1,
-            predicate: Boolean(Arrow) && !disabled,
-            render: function () { return Arrow && React__default.default.cloneElement(Arrow, { className: styles__default.default.arrow }); },
-        },
-        {
-            priority: 0,
-            predicate: disabled,
-            render: function () { return React__default.default.createElement(shared.LockIcon, { colors: colors, size: size }); },
-        },
-    ]);
+    var renderRightAddons = function () { return (React__default.default.createElement(React.Fragment, null,
+        clear && filled && !disabled && (React__default.default.createElement(Component.ClearButton, { onClick: onClear, disabled: disabled, dataTestId: cssm.getDataTestId(dataTestId, 'clear-icon'), size: size })),
+        rightAddons,
+        !disabled && Arrow && React__default.default.cloneElement(Arrow, { className: styles__default.default.arrow }),
+        disabled && React__default.default.createElement(shared.LockIcon, { colors: colors, size: size }))); };
     return (React__default.default.createElement("div", { className: styles__default.default.component, ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur }, FormControlComponent ? (React__default.default.createElement(FormControlComponent, tslib.__assign({ dataTestId: cssm.getDataTestId(dataTestId, 'form-control'), fieldClassName: cn__default.default(styles__default.default.field, fieldClassName, (_b = {},
             _b[styles__default.default.disabled] = disabled,
             _b[styles__default.default.focusVisible] = focusVisible,
-            _b)), block: true, size: size, focused: focused || open, disabled: disabled, filled: filled || (!!placeholder && open), label: showLabel && label, labelView: labelView, error: error, hint: hint, rightAddons: rightAddonsMap, "data-test-id": dataTestId }, restProps, innerProps),
+            _b)), block: true, size: size, focused: focused || open, disabled: disabled, filled: filled || (!!placeholder && open), label: showLabel && label, labelView: labelView, error: error, hint: hint, rightAddons: renderRightAddons(), "data-test-id": dataTestId }, restProps, innerProps),
         React__default.default.createElement("div", { className: cn__default.default(styles__default.default.contentWrapper, styles__default.default["size-".concat(size)]) },
             showPlaceholder && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.placeholder, (_c = {},
                     _c[styles__default.default.focused] = focused || open,

package/cssm/components/field/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../src/components/field/Component.tsx"],"sourcesContent":["import React, { type ElementType, useCallback, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { type FormControlProps } from '@alfalab/core-components-form-control';\nimport { ~~getAddonsByPriority,~~ LockIcon } from '@alfalab/core-components-input/shared';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { type FieldProps as BaseFieldProps } from '../../typings';\nimport { joinOptions } from '../../utils';\nimport { ClearButton } from '../clear-button';\n\nimport styles from './index.module.css';\n\ntype FieldProps = {\n /*\n Компонент FormControl\n /\n FormControlComponent?: ElementType;\n};\n\n// eslint-disable-next-line complexity\nexport const Field = ({\n size = 56,\n open,\n multiple,\n error,\n hint,\n disabled,\n label,\n labelView = 'inner',\n placeholder,\n selectedMultiple = [],\n selected,\n rightAddons,\n valueRenderer = joinOptions,\n setSelectedItems,\n toggleMenu,\n Arrow,\n innerProps,\n dataTestId,\n fieldClassName,\n FormControlComponent,\n clear,\n onClear,\n valueSeparator,\n ...restProps\n}: BaseFieldProps & FormControlProps & FieldProps) => {\n const { colors = 'default' } = restProps;\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, valueSeparator });\n\n const filled = Boolean(value);\n const showLabel = !!label \|\| labelView === 'outer';\n const showPlaceholder = !!placeholder && !filled && (open \|\| !label \|\| labelView === 'outer');\n\n /\n Right addons priority [4] <= [3] <= [2] <= [1] or [0]\n * [4] - Clear\n * [3] - Status (error, success)\n * [2] - Common (info, e.g.)\n * [1] - Indicators (eye, calendar, chevron, stepper e.g.)\n * [0] - Lock\n */\n const ~~rightAddonsMap~~ = ~~getAddonsByPriority~~([\n {\n ~~priority: 4,\n predicate:~~ clear && filled && !disabled~~,\n render:~~ () => (\n <ClearButton\n onClick={onClear}\n disabled={disabled}\n dataTestId={getDataTestId(dataTestId, 'clear-icon')}\n size={size}\n />\n )~~,\n~~ }~~,\n {~~\n ~~priority: 2,\n predicate: Boolean(~~rightAddons~~),\n render: () => rightAddons,\n~~ }~~,\n {~~\n ~~priority: 1,\n predicate: Boolean(Arrow) &&~~ !disabled~~,\n render:~~ () => Arrow && React.cloneElement(Arrow, { className: styles.arrow })~~,\n~~ }~~,\n {~~\n ~~priority: 0,\n predicate:~~ disabled~~,\n render:~~ () => <LockIcon colors={colors} size={size} ~~/>,\~~n ~~},\~~n ]);\n\n return (\n <div\n className={styles.component}\n ref={wrapperRef}\n onFocus={handleFocus}\n onBlur={handleBlur}\n >\n {FormControlComponent ? (\n <FormControlComponent\n dataTestId={getDataTestId(dataTestId, 'form-control')}\n fieldClassName={cn(styles.field, fieldClassName, {\n [styles.disabled]: disabled,\n [styles.focusVisible]: focusVisible,\n })}\n block={true}\n size={size}\n focused={focused \|\| open}\n disabled={disabled}\n filled={filled \|\| (!!placeholder && open)}\n label={showLabel && label}\n labelView={labelView}\n error={error}\n hint={hint}\n rightAddons={~~rightAddonsMap~~}\n data-test-id={dataTestId}\n {...restProps}\n {...innerProps}\n >\n <div className={cn(styles.contentWrapper, styles[`size-${size}`])}>\n {showPlaceholder && (\n <span\n className={cn(styles.placeholder, {\n [styles.focused]: focused \|\| open,\n })}\n >\n {placeholder}\n </span>\n )}\n {filled && (\n <div className={cn(styles.value, styles[`size-${size}`])}>{value}</div>\n )}\n </div>\n </FormControlComponent>\n ) : null}\n </div>\n );\n};\n"],"names":["joinOptions","__rest","useState","useRef","useFocus","useCallback","~~getAddonsByPriority~~","~~React~~","ClearButton","getDataTestId","styles","LockIcon","__assign","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA;AACO,IAAM,KAAK,GAAG,UAAC,EAyB2B,EAAA;;AAxB7C,IAAA,IAAA,YAAS,CAAT,CAAA,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,IAAI,GAAA,EAAA,CAAA,IAAA,EACI,EAAA,CAAA,QAAA,MACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,CACR,CAAA,KAAK,WAAA,CACL,CAAA,EAAA,GAAA,EAAA,CAAA,SAAmB,EAAnB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,CAAA,CACnB,WAAW,GAAA,EAAA,CAAA,WAAA,CAAA,CACX,wBAAqB,CAArB,CAAA,gBAAgB,mBAAG,EAAE,GAAA,EAAA,EACrB,QAAQ,GAAA,EAAA,CAAA,QAAA,CACR,CAAA,WAAW,iBAAA,CACX,CAAA,EAAA,GAAA,EAAA,CAAA,aAA2B,EAA3B,aAAa,GAAA,EAAA,KAAA,MAAA,GAAGA,iBAAW,GAAA,EAAA,CAAA,CACX,EAAA,CAAA,gBAAA,CAAA,CACN,EAAA,CAAA,UAAA,CAAA,KACV,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA,CACL,UAAU,GAAA,EAAA,CAAA,UAAA,CAAA,CACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,cAAc,GAAA,EAAA,CAAA,cAAA,EACX,SAAS,GAAAC,YAAA,CAAA,EAAA,EAxBM,qTAyBrB;IACW,IAAA,EAAA,GAAuB,SAAS,CAAd,MAAA,EAAlB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,KAAA;IACpB,IAAA,EAAA,GAAwBC,cAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAmB;AAE7C,IAAA,IAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAExC,IAAA,YAAY,GAAIC,cAAQ,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA,CAAA,CAApC;AAEnB,IAAA,IAAM,WAAW,GAAGC,iBAAW,CAAC,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,CAAhB,EAAgB,EAAE,EAAE,CAAC;AAC3D,IAAA,IAAM,UAAU,GAAGA,iBAAW,CAAC,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,CAAjB,EAAiB,EAAE,EAAE,CAAC;AAE3D,IAAA,IAAM,KAAK,GAAG,aAAa,CAAC,EAAE,QAAQ,EAAA,QAAA,EAAE,gBAAgB,kBAAA,EAAE,cAAc,EAAA,cAAA,EAAE,CAAC;AAE3E,IAAA,IAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC;IAC7B,IAAM,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI,SAAS,KAAK,OAAO;AAClD,IAAA,IAAM,eAAe,GAAG,CAAC,CAAC,WAAW,IAAI,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,SAAS,KAAK,OAAO,CAAC;AAE7F;;;;;;;AAOG;~~IACH~~,IAAM,~~cAAc~~,~~GAAGC~~,~~0BAAmB~~,~~CAAC;AACvC~~,~~QAAA;AACI~~,~~YAAA~~,~~QAAQ~~,~~EAAE~~,~~CAAC~~;~~AACX~~,~~YAAA~~,~~SAAS,EAAE,~~KAAK,IAAI,MAAM,IAAI,CAAC,QAAQ~~;AACvC~~,~~YAAA~~,~~MAAM~~,~~EAAE,YAAA,EAAM,QACVC,sBAAC,~~CAAA,aAAA,~~CAAAC~~,qBAAW,EACR,~~EAAA,~~OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAEC,kBAAa,CAAC,UAAU,EAAE,YAAY,CAAC,EACnD,IAAI,EAAE,IAAI,~~EACZ~~,~~CAAA,IACL~~;~~AACJ~~,~~SAAA~~;~~AACD~~,QAAA~~;AACI~~,~~YAAA,QAAQ,EAAE,~~CAAC~~;AACX~~,~~YAAA,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC;AAC/B,YAAA,MAAM,EAAE,YAAA,EAAM,OAAA,WAAW,GAAA;AAC5B,SAAA;AACD,QAAA;AACI,YAAA,~~QAAQ,~~EAAE,CAAC;AACX,YAAA,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,~~IAAI,~~CAAC,QAAQ;YACtC,MAAM,EAAE,cAAM,OAAA,~~KAAK,~~IAAIF~~,sBAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,SAAS,~~EAAEG~~,uBAAM,CAAC,KAAK,EAAE,CAAC~~,GAAA~~;~~AAChF~~,~~SAAA;AACD,~~QAAA~~;AACI~~,~~YAAA,~~QAAQ,~~EAAE~~,~~CAAC;AACX~~,~~YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,MAAM,EAAE,YAAA,EAAM,OAAAH,sBAAA,~~CAAA,aAAA,~~CAACI~~,eAAQ,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,~~EAAA~~,~~CAAI~~,~~GAAA;AACzD~~,~~SAAA;AACJ~~,~~KAAA,CAAC~~;~~IAEF~~,~~QACIJ~~,8CACI,SAAS,~~EAAEG~~,uBAAM,CAAC,SAAS,EAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,IAEjB,oBAAoB,~~IACjBH~~,qCAAC,oBAAoB,~~EAAAK~~,cAAA,CAAA,EACjB,UAAU,EAAEH,kBAAa,CAAC,UAAU,EAAE,cAAc,CAAC,EACrD,cAAc,EAAEI,mBAAE,CAACH,uBAAM,CAAC,KAAK,EAAE,cAAc,GAAA,EAAA,GAAA,EAAA;AAC3C,YAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,YAAA,EAAA,CAACA,uBAAM,CAAC,YAAY,CAAA,GAAG,YAAY;gBACrC,EACF,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IAAI,IAAI,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,KAAK,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,EACzC,KAAK,EAAE,SAAS,IAAI,KAAK,EACzB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,~~cAAc~~,EAAA,cAAA,~~EACb~~,UAAU,EAAA,EACpB,SAAS,EACT,UAAU,CAAA;AAEd,~~QAAAH~~,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,~~EAAEM~~,mBAAE,CAACH,uBAAM,CAAC,cAAc,EAAEA,uBAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,CAAC,EAAA;YAC5D,eAAe,~~KACZH~~,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,~~EAAEM~~,mBAAE,CAACH,uBAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA;AAC5B,oBAAA,EAAA,CAACA,uBAAM,CAAC,OAAO,CAAG,GAAA,OAAO,IAAI,IAAI;wBACnC,EAED,EAAA,WAAW,CACT,CACV;AACA,YAAA,MAAM,~~KACHH~~,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,~~EAAEM~~,mBAAE,CAACH,uBAAM,CAAC,KAAK,EAAEA,uBAAM,CAAC,OAAQ,CAAA,MAAA,CAAA,IAAI,CAAE,CAAC,CAAC,EAAA,EAAG,KAAK,CAAO,CAC1E,CACC,CACa,IACvB,IAAI,CACN;AAEd;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../../src/components/field/Component.tsx"],"sourcesContent":["import React, { type ElementType, Fragment, useCallback, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { type FormControlProps } from '@alfalab/core-components-form-control';\nimport { LockIcon } from '@alfalab/core-components-input/shared';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { type FieldProps as BaseFieldProps } from '../../typings';\nimport { joinOptions } from '../../utils';\nimport { ClearButton } from '../clear-button';\n\nimport styles from './index.module.css';\n\ntype FieldProps = {\n /*\n Компонент FormControl\n /\n FormControlComponent?: ElementType;\n};\n\n// eslint-disable-next-line complexity\nexport const Field = ({\n size = 56,\n open,\n multiple,\n error,\n hint,\n disabled,\n label,\n labelView = 'inner',\n placeholder,\n selectedMultiple = [],\n selected,\n rightAddons,\n valueRenderer = joinOptions,\n setSelectedItems,\n toggleMenu,\n Arrow,\n innerProps,\n dataTestId,\n fieldClassName,\n FormControlComponent,\n clear,\n onClear,\n valueSeparator,\n ...restProps\n}: BaseFieldProps & FormControlProps & FieldProps) => {\n const { colors = 'default' } = restProps;\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, valueSeparator });\n\n const filled = Boolean(value);\n const showLabel = !!label \|\| labelView === 'outer';\n const showPlaceholder = !!placeholder && !filled && (open \|\| !label \|\| labelView === 'outer');\n\n /\n Right addons priority [4] <= [3] <= [2] <= [1] or [0]\n * [4] - Clear\n * [3] - Status (error, success)\n * [2] - Common (info, e.g.)\n * [1] - Indicators (eye, calendar, chevron, stepper e.g.)\n * [0] - Lock\n */\n const renderRightAddons = () => (\n <Fragment>\n {clear && filled && !disabled && (\n <ClearButton\n onClick={onClear}\n disabled={disabled}\n dataTestId={getDataTestId(dataTestId, 'clear-icon')}\n size={size}\n />\n )}\n {rightAddons}\n {!disabled && Arrow && React.cloneElement(Arrow, { className: styles.arrow })}\n {disabled && <LockIcon colors={colors} size={size} />}\n </Fragment>\n );\n\n return (\n <div\n className={styles.component}\n ref={wrapperRef}\n onFocus={handleFocus}\n onBlur={handleBlur}\n >\n {FormControlComponent ? (\n <FormControlComponent\n dataTestId={getDataTestId(dataTestId, 'form-control')}\n fieldClassName={cn(styles.field, fieldClassName, {\n [styles.disabled]: disabled,\n [styles.focusVisible]: focusVisible,\n })}\n block={true}\n size={size}\n focused={focused \|\| open}\n disabled={disabled}\n filled={filled \|\| (!!placeholder && open)}\n label={showLabel && label}\n labelView={labelView}\n error={error}\n hint={hint}\n rightAddons={renderRightAddons()}\n data-test-id={dataTestId}\n {...restProps}\n {...innerProps}\n >\n <div className={cn(styles.contentWrapper, styles[`size-${size}`])}>\n {showPlaceholder && (\n <span\n className={cn(styles.placeholder, {\n [styles.focused]: focused \|\| open,\n })}\n >\n {placeholder}\n </span>\n )}\n {filled && (\n <div className={cn(styles.value, styles[`size-${size}`])}>{value}</div>\n )}\n </div>\n </FormControlComponent>\n ) : null}\n </div>\n );\n};\n"],"names":["joinOptions","__rest","useState","useRef","useFocus","useCallback","React","Fragment","ClearButton","getDataTestId","styles","LockIcon","__assign","cn"],"mappings":"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"}

package/cssm/components/field/index.module.css CHANGED Viewed

@@ -4,8 +4,9 @@
     --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --focus-color: var(--color-light-status-info);
@@ -43,7 +44,8 @@
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.24px;
+    font-family: var(--font-family-alfasans);
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -54,7 +56,8 @@
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.08px;
+        font-family: var(--font-family-alfasans);
     }
 .value {
     overflow: hidden;
@@ -65,7 +68,8 @@
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-        font-family: var(--font-family-system);
+        letter-spacing: -0.08px;
+        font-family: var(--font-family-alfasans);
     }
 .focusVisible {
     outline: 2px solid var(--focus-color);

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

@@ -11,8 +11,9 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
@@ -42,7 +43,7 @@
     font-weight: 400;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
     display: block;
     color: var(--select-optgroup-color);

package/cssm/components/option/Component.js CHANGED Viewed

@@ -13,19 +13,23 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var OptionBase = function (_a) {
     var _b, _c;
-    var _d = _a.size, size = _d === void 0 ? 48 : _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, Checkmark = _a.Checkmark, innerProps = _a.innerProps, dataTestId = _a.dataTestId, styles = _a.styles;
+    var _d = _a.size, size = _d === void 0 ? 48 : _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, Checkmark = _a.Checkmark, _e = _a.checkmarkPosition, checkmarkPosition = _e === void 0 ? multiple ? 'before' : 'after' : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId, styles = _a.styles;
     var content = children || option.content || option.key;
-    var _e = option.showCheckMark, showCheckMark = _e === void 0 ? true : _e;
+    var _f = option.showCheckMark, showCheckMark = _f === void 0 ? true : _f;
+    var renderCheckmark = function (position) {
+        return Checkmark &&
+            showCheckMark && (React__default.default.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: position }));
+    };
     return (React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: cn__default.default(styles.option, styles["size-".concat(size)], className, (_b = {},
             _b[styles.highlighted] = !mobile && highlighted,
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,
             _b)), "data-test-id": dataTestId }),
-        Checkmark && showCheckMark && (React__default.default.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'before' })),
+        checkmarkPosition === 'before' && renderCheckmark('before'),
         React__default.default.createElement("div", { className: cn__default.default(styles.content, (_c = {},
                 _c[styles.textContent] = !React.isValidElement(content),
                 _c)) }, content),
-        Checkmark && showCheckMark && (React__default.default.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'after' }))));
+        checkmarkPosition === 'after' && renderCheckmark('after')));
 };
 exports.OptionBase = OptionBase;

package/cssm/components/option/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../src/components/option/Component.tsx"],"sourcesContent":["import React, { type FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { type OptionCommonProps } from '../../typings';\n\nimport type stylesDesktop from './desktop/index.module.css';\nimport type stylesMobile from './mobile/index.module.css';\n\ntype OptionPrivateProps = {\n /*\n Мобильная версия option.\n /\n mobile: boolean;\n /\n Стили\n /\n styles: typeof stylesDesktop \| typeof stylesMobile;\n};\n\nexport const OptionBase: FC<OptionCommonProps & OptionPrivateProps> = ({\n size = 48,\n className,\n option,\n children,\n selected,\n highlighted,\n disabled,\n multiple,\n mobile,\n Checkmark,\n innerProps,\n dataTestId,\n styles,\n}) => {\n const content = children \|\| option.content \|\| option.key;\n const { showCheckMark = true } = option;\n\n return (\n <div\n {...innerProps}\n className={cn(styles.option, styles[`size-${size}`], className, {\n [styles.highlighted]: !mobile && highlighted,\n [styles.selected]: selected,\n [styles.disabled]: disabled,\n })}\n data-test-id={dataTestId}\n >\n {~~Checkmark~~ && ~~showCheckMark~~ && (~~\n <Checkmark\n disabled={disabled}\n selected={selected}\n multiple={multiple}\n position=~~'before'~~\n />\n~~ )}\n\n <div\n className={cn(styles.content, {\n [styles.textContent]: !isValidElement(content),\n })}\n >\n {content}\n </div>\n\n {/* ~~Workaround~~ ~~чтобы~~ ~~для клика показывать отметку справа и всегда в виде иконки */}\n {Checkmark~~ && ~~showCheckMark &&~~ (~~\n <Checkmark\n disabled={disabled}\n selected={selected}\n multiple={multiple}\n position=~~'after'~~\n />\n~~ )}\n </div>\n );\n};\n"],"names":["React","__assign","cn","isValidElement"],"mappings":";;;;;;;;;;;;;AAmBO,IAAM,UAAU,GAA+C,UAAC,~~EActE~~,EAAA;;~~AAbG~~,~~IAAA~~,~~IAAA,EAAA,~~GAAA,EAAA,CAAA,~~IAAS~~,EAAT,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,~~cAAA~~,EACR,QAAQ,~~cAAA~~,EACR,MAAM,~~YAAA~~,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA;IAEN,IAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;IAChD,IAAA,EAAA,GAAyB,MAAM,CAAX,aAAA,EAApB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA;~~AAE5B~~,IAAA,QACIA,sBACQ,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,EAAA,UAAU,IACd,SAAS,EAAEC,mBAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC1D,YAAA,EAAA,CAAC,MAAM,CAAC,WAAW,IAAG,CAAC,MAAM,IAAI,WAAW;AAC5C,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EAAA,CAAA;~~QAEvB~~,~~SAAS~~,~~IAAI~~,~~aAAa~~,~~KACvBF,qCAAC,SAAS,EAAA,EACN,~~QAAQ,~~EAAE~~,~~QAAQ~~,~~EAClB~~,QAAQ,~~EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,QAAQ,EAAA,CACnB,CACL~~;~~AAED~~,~~QAAAA~~,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEE,mBAAE,CAAC,MAAM,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA;gBACxB,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,CAACC,oBAAc,CAAC,OAAO,CAAC;AAChD,gBAAA,EAAA,EAAA,EAAA,EAED,OAAO,CACN;~~QAGL~~,~~SAAS~~,~~IAAI~~,~~aAAa~~,~~KACvBH~~,~~sBAAA~~,~~CAAA,aAAA,~~CAAC,~~SAAS,EAAA,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,~~OAAO,~~EAClB~~,~~CAAA,CACL,CACC~~;AAEd;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../../src/components/option/Component.tsx"],"sourcesContent":["import React, { type FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { type OptionCommonProps } from '../../typings';\n\nimport type stylesDesktop from './desktop/index.module.css';\nimport type stylesMobile from './mobile/index.module.css';\n\ntype OptionPrivateProps = {\n /*\n Мобильная версия option.\n /\n mobile: boolean;\n /\n Стили\n */\n styles: typeof stylesDesktop \| typeof stylesMobile;\n};\n\nexport const OptionBase: FC<OptionCommonProps & OptionPrivateProps> = ({\n size = 48,\n className,\n option,\n children,\n selected,\n highlighted,\n disabled,\n multiple,\n mobile,\n Checkmark,\n checkmarkPosition = multiple ? 'before' : 'after',\n innerProps,\n dataTestId,\n styles,\n}) => {\n const content = children \|\| option.content \|\| option.key;\n const { showCheckMark = true } = option;\n\n const renderCheckmark = (position: 'before' \| 'after') =>\n Checkmark &&\n showCheckMark && (\n <Checkmark\n disabled={disabled}\n selected={selected}\n multiple={multiple}\n position={position}\n />\n );\n\n return (\n <div\n {...innerProps}\n className={cn(styles.option, styles[`size-${size}`], className, {\n [styles.highlighted]: !mobile && highlighted,\n [styles.selected]: selected,\n [styles.disabled]: disabled,\n })}\n data-test-id={dataTestId}\n >\n {checkmarkPosition === 'before' && renderCheckmark('before')}\n\n <div\n className={cn(styles.content, {\n [styles.textContent]: !isValidElement(content),\n })}\n >\n {content}\n </div>\n\n {checkmarkPosition === 'after' && renderCheckmark('after')}\n </div>\n );\n};\n"],"names":["React","__assign","cn","isValidElement"],"mappings":";;;;;;;;;;;;;AAmBO,IAAM,UAAU,GAA+C,UAAC,EAetE,EAAA;;QAdG,EAAS,GAAA,EAAA,CAAA,IAAA,EAAT,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,iBAAiD,EAAjD,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAA,EAAA,EACjD,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA;IAEN,IAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;IAChD,IAAA,EAAA,GAAyB,MAAM,CAAX,aAAA,EAApB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA;IAE5B,IAAM,eAAe,GAAG,UAAC,QAA4B,EAAA;AACjD,QAAA,OAAA,SAAS;YACT,aAAa,KACTA,sBAAC,CAAA,aAAA,CAAA,SAAS,IACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,CACpB,CACL;AARD,KAQC;AAEL,IAAA,QACIA,sBACQ,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,EAAA,UAAU,IACd,SAAS,EAAEC,mBAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC1D,YAAA,EAAA,CAAC,MAAM,CAAC,WAAW,IAAG,CAAC,MAAM,IAAI,WAAW;AAC5C,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EAAA,CAAA;AAEvB,QAAA,iBAAiB,KAAK,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC;AAE5D,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEE,mBAAE,CAAC,MAAM,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA;gBACxB,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,CAACC,oBAAc,CAAC,OAAO,CAAC;AAChD,gBAAA,EAAA,EAAA,EAAA,EAED,OAAO,CACN;QAEL,iBAAiB,KAAK,OAAO,IAAI,eAAe,CAAC,OAAO,CAAC,CACxD;AAEd;;;;"}

package/cssm/components/option/desktop/index.module.css CHANGED Viewed

@@ -14,8 +14,9 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --disabled-cursor: not-allowed;
@@ -47,7 +48,8 @@
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.24px;
+    font-family: var(--font-family-alfasans);
     display: flex;
     align-items: center;

package/cssm/components/option/mobile/index.module.css CHANGED Viewed

@@ -14,8 +14,9 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --disabled-cursor: not-allowed;
@@ -47,7 +48,8 @@
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.24px;
+    font-family: var(--font-family-alfasans);
     display: flex;
     align-items: center;

package/cssm/desktop/Component.desktop.js CHANGED Viewed

@@ -11,9 +11,7 @@ var Component = require('../components/base-select/Component.js');
 var Component$5 = require('../components/field/Component.js');
 var Component$3 = require('../components/optgroup/Component.js');
 require('classnames');
-require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/checkmark/index.module.css');
 require('../components/option/desktop/index.module.css');

package/cssm/desktop/Component.desktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FormControlDesktop } from '@alfalab/core-components-form-control/desktop';\nimport { Popover } from '@alfalab/core-components-popover';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field 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 { Search as DefaultSearch } from '../components/search';\nimport { type SelectDesktopProps } from '../typings';\n\nexport const SelectDesktop = forwardRef<HTMLDivElement, SelectDesktopProps>(\n (\n {\n Arrow = DefaultArrow,\n Field = DefaultField,\n OptionsList = DefaultOptionsList,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Search = DefaultSearch,\n fieldProps = {},\n ...restProps\n },\n ref,\n ) => (\n <BaseSelect\n ref={ref}\n view='desktop'\n Option={Option}\n Field={Field}\n fieldProps={{\n FormControlComponent: FormControlDesktop,\n ...(fieldProps as object),\n }}\n Search={Search}\n Optgroup={Optgroup}\n OptionsList={OptionsList}\n Arrow={Arrow}\n Popover={Popover}\n {...restProps}\n />\n ),\n);\n"],"names":["forwardRef","DefaultArrow","DefaultField","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultSearch","__rest","React","BaseSelect","__assign","FormControlDesktop","Popover"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~IAca,aAAa,GAAGA,gBAAU,CACnC,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,WAAgC,EAAhC,WAAW,GAAG,EAAA,KAAA,MAAA,GAAAC,uBAAkB,KAAA,EAChC,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,oBAAe,KAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,qCAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACZ,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,CASC,CADe;IAGf,QACDC,qCAACC,oBAAU,EAAAC,cAAA,CAAA,EACP,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EACNA,cAAA,CAAA,EAAA,oBAAoB,EAAEC,0BAAkB,IACpC,UAAqB,CAAA,EAE7B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAEC,YAAO,EACZ,EAAA,SAAS,CACf,CAAA;AACL,CAAA;;;;"}
1	+ {"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FormControlDesktop } from '@alfalab/core-components-form-control/desktop';\nimport { Popover } from '@alfalab/core-components-popover';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field 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 { Search as DefaultSearch } from '../components/search';\nimport { type SelectDesktopProps } from '../typings';\n\nexport const SelectDesktop = forwardRef<HTMLDivElement, SelectDesktopProps>(\n (\n {\n Arrow = DefaultArrow,\n Field = DefaultField,\n OptionsList = DefaultOptionsList,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Search = DefaultSearch,\n fieldProps = {},\n ...restProps\n },\n ref,\n ) => (\n <BaseSelect\n ref={ref}\n view='desktop'\n Option={Option}\n Field={Field}\n fieldProps={{\n FormControlComponent: FormControlDesktop,\n ...(fieldProps as object),\n }}\n Search={Search}\n Optgroup={Optgroup}\n OptionsList={OptionsList}\n Arrow={Arrow}\n Popover={Popover}\n {...restProps}\n />\n ),\n);\n"],"names":["forwardRef","DefaultArrow","DefaultField","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultSearch","__rest","React","BaseSelect","__assign","FormControlDesktop","Popover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAca,aAAa,GAAGA,gBAAU,CACnC,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,WAAgC,EAAhC,WAAW,GAAG,EAAA,KAAA,MAAA,GAAAC,uBAAkB,KAAA,EAChC,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,oBAAe,KAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,qCAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACZ,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,CASC,CADe;IAGf,QACDC,qCAACC,oBAAU,EAAAC,cAAA,CAAA,EACP,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EACNA,cAAA,CAAA,EAAA,oBAAoB,EAAEC,0BAAkB,IACpC,UAAqB,CAAA,EAE7B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAEC,YAAO,EACZ,EAAA,SAAS,CACf,CAAA;AACL,CAAA;;;;"}

package/cssm/mobile/Component.mobile.js CHANGED Viewed

@@ -13,9 +13,7 @@ var Component$6 = require('../components/field/Component.js');
 var Component$2 = require('../components/footer/Component.js');
 var Component$5 = require('../components/optgroup/Component.js');
 require('classnames');
-require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/checkmark/index.module.css');
 require('../components/option/desktop/index.module.css');
@@ -36,7 +34,7 @@ var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
 var SelectMobile = React.forwardRef(function (_a, ref) {
     var _b = _a.autocomplete, autocomplete = _b === void 0 ? false : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, _d = _a.allowUnselect, allowUnselect = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? !multiple : _f, _g = _a.circularNavigation, circularNavigation = _g === void 0 ? false : _g, _h = _a.defaultOpen, defaultOpen = _h === void 0 ? false : _h, openProp = _a.open, _j = _a.size, size = _j === void 0 ? 56 : _j, _k = _a.optionsSize, optionsSize = _k === void 0 ? 56 : _k, _l = _a.fieldProps, fieldProps = _l === void 0 ? {} : _l, _m = _a.optionProps, optionProps = _m === void 0 ? {} : _m, _o = _a.optionsListProps, optionsListProps = _o === void 0 ? {} : _o, _p = _a.Arrow, Arrow = _p === void 0 ? Component$7.Arrow : _p, _q = _a.Field, Field = _q === void 0 ? Component$6.Field : _q, _r = _a.Optgroup, Optgroup = _r === void 0 ? Component$5.Optgroup : _r, _s = _a.Option, Option = _s === void 0 ? Component_responsive.OptionResponsive : _s, _t = _a.Search, Search = _t === void 0 ? Component$4.Search : _t, selected = _a.selected, options = _a.options, _u = _a.OptionsList, OptionsList = _u === void 0 ? options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD
         ? Component.VirtualOptionsList
-        : Component$1.OptionsList : _u, onChange = _a.onChange, _v = _a.showClear, showClear = _v === void 0 ? true : _v, showSelectAll = _a.showSelectAll, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, _w = _a.useWithApplyHook, useWithApplyHook = _w === void 0 ? multiple : _w, showSearch = _a.showSearch, searchProps = _a.searchProps, restProps = tslib.__rest(_a, ["autocomplete", "multiple", "allowUnselect", "disabled", "closeOnSelect", "circularNavigation", "defaultOpen", "open", "size", "optionsSize", "fieldProps", "optionProps", "optionsListProps", "Arrow", "Field", "Optgroup", "Option", "Search", "selected", "options", "OptionsList", "onChange", "showClear", "showSelectAll", "showHeaderWithSelectAll", "useWithApplyHook", "showSearch", "searchProps"]);
+        : Component$1.OptionsList : _u, onChange = _a.onChange, _v = _a.showClear, showClear = _v === void 0 ? true : _v, showSelectAll = _a.showSelectAll, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, _w = _a.checkmarkPosition, checkmarkPosition = _w === void 0 ? 'before' : _w, _x = _a.useWithApplyHook, useWithApplyHook = _x === void 0 ? multiple : _x, showSearch = _a.showSearch, searchProps = _a.searchProps, restProps = tslib.__rest(_a, ["autocomplete", "multiple", "allowUnselect", "disabled", "closeOnSelect", "circularNavigation", "defaultOpen", "open", "size", "optionsSize", "fieldProps", "optionProps", "optionsListProps", "Arrow", "Field", "Optgroup", "Option", "Search", "selected", "options", "OptionsList", "onChange", "showClear", "showSelectAll", "showHeaderWithSelectAll", "checkmarkPosition", "useWithApplyHook", "showSearch", "searchProps"]);
     var applyProps = hook.useSelectWithApply({
         optionsListProps: tslib.__assign(tslib.__assign({}, optionsListProps), { Footer: Component$2.Footer }),
         OptionsList: OptionsList,
@@ -47,6 +45,7 @@ var SelectMobile = React.forwardRef(function (_a, ref) {
         onChange: onChange,
         showClear: showClear,
         showSelectAll: showSelectAll,
+        checkmarkPosition: checkmarkPosition,
     });
     var bottomAddons = function (flatOptions) {
         return flatOptions.length > 0 &&

package/cssm/mobile/Component.mobile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { BottomSheet } from '@alfalab/core-components-bottom-sheet';\nimport { FormControlMobile } from '@alfalab/core-components-form-control/mobile';\nimport { ModalMobile } from '@alfalab/core-components-modal/mobile';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Footer } from '../components/footer';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { VirtualOptionsList as DefaultVirtualOptionsList } from '../components/virtual-options-list';\nimport { useSelectWithApply } from '../presets/useSelectWithApply/hook';\nimport { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component';\nimport { type AnyObject, type OptionShape, type SelectMobileProps } from '../typings';\n\nconst VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;\n\nexport const SelectMobile = forwardRef(\n (\n {\n autocomplete = false,\n multiple = false,\n allowUnselect = false,\n disabled = false,\n closeOnSelect = !multiple,\n circularNavigation = false,\n defaultOpen = false,\n open: openProp,\n size = 56,\n optionsSize = 56,\n fieldProps = {},\n optionProps = {},\n optionsListProps = {},\n Arrow = DefaultArrow,\n Field = DefaultField,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Search = DefaultSearch,\n selected,\n options,\n OptionsList = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD\n ? DefaultVirtualOptionsList\n : DefaultOptionsList,\n onChange,\n showClear = true,\n showSelectAll,\n showHeaderWithSelectAll,\n useWithApplyHook = multiple,\n showSearch,\n searchProps,\n ...restProps\n }: SelectMobileProps,\n ref,\n ) => {\n const applyProps = useSelectWithApply({\n optionsListProps: {\n ...(optionsListProps as AnyObject),\n Footer,\n },\n OptionsList,\n showSearch,\n searchProps,\n selected,\n options,\n onChange,\n showClear,\n showSelectAll,\n });\n\n const bottomAddons = (flatOptions: OptionShape[]) =>\n flatOptions.length > 0 &&\n useWithApplyHook &&\n showHeaderWithSelectAll && (\n <Header {...applyProps.optionsListProps.headerProps} mobile={true} />\n );\n\n return (\n <BaseSelect\n ref={ref}\n view='mobile'\n autocomplete={autocomplete}\n multiple={multiple}\n allowUnselect={allowUnselect}\n disabled={disabled}\n closeOnSelect={closeOnSelect}\n circularNavigation={circularNavigation}\n defaultOpen={defaultOpen}\n open={openProp}\n size={size}\n optionsSize={optionsSize}\n fieldProps={{\n FormControlComponent: FormControlMobile,\n ...(fieldProps as object),\n }}\n optionProps={optionProps}\n Arrow={Arrow}\n Field={Field}\n Optgroup={Optgroup}\n Option={Option}\n Search={Search}\n options={options}\n selected={selected}\n onChange={onChange}\n OptionsList={OptionsList}\n showSearch={showSearch}\n searchProps={searchProps}\n BottomSheet={BottomSheet}\n ModalMobile={ModalMobile}\n optionsListProps={optionsListProps}\n {...restProps}\n {...(restProps.isBottomSheet === false\n ? {\n modalHeaderProps: {\n bottomAddons,\n ...restProps.modalHeaderProps,\n },\n }\n : {\n bottomSheetProps: {\n bottomAddons,\n showSwipeMarker: false,\n ...restProps.bottomSheetProps,\n },\n })}\n {...(useWithApplyHook && applyProps)}\n />\n );\n },\n);\n"],"names":["forwardRef","DefaultArrow","DefaultField","DefaultOptgroup","DefaultOption","DefaultSearch","DefaultVirtualOptionsList","DefaultOptionsList","__rest","useSelectWithApply","__assign","React","Header","BaseSelect","FormControlMobile","BottomSheet","ModalMobile"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAmBA,IAAM,8BAA8B,GAAG,EAAE;IAE5B,YAAY,GAAGA,gBAAU,CAClC,UACI,~~EAgCoB~~,EACpB,GAAG,EAAA;~~AAhCC~~,IAAA,IAAA,EAAoB,GAAA,EAAA,CAAA,YAAA,EAApB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EAChB,EAAA,GAAA,EAAA,CAAA,aAAqB,EAArB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EACrB,gBAAgB,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EAChB,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,QAAQ,GAAA,EAAA,EACzB,EAAA,GAAA,EAAA,CAAA,kBAA0B,EAA1B,kBAAkB,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EAC1B,EAAmB,GAAA,EAAA,CAAA,WAAA,EAAnB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACb,QAAQ,GAAA,EAAA,CAAA,IAAA,EACd,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EAChB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EACf,EAAgB,GAAA,EAAA,CAAA,WAAA,EAAhB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,gBAAqB,EAArB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACrB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,iBAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,oBAAe,GAAA,EAAA,EAC1B,cAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,qCAAa,GAAA,EAAA,EACtB,EAAsB,GAAA,EAAA,CAAA,MAAA,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,GAAA,EAAA,EACtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,aAAA,EACP,EAAA,GAAA,EAAA,CAAA,WAEwB,EAFxB,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,CAAC,MAAM,GAAG;AAC3B,UAAEC;AACF,UAAEC,uBAAkB,GAAA,EAAA,EACxB,QAAQ,~~cAAA~~,EACR,~~EAAA~~,GAAA,EAAA,CAAA,~~SAAgB~~,EAAhB,SAAS,~~mBAAG~~,~~IAAI~~,GAAA,~~EAAA~~,EAChB,aAAa,mBAAA,EACb,uBAAuB,GAAA,EAAA,CAAA,~~uBAAA~~,~~EACvB~~,~~wBAA2B~~,~~EAA3B~~,~~gBAAgB,GAAG,~~EAAA,KAAA,MAAA,GAAA,QAAQ,~~KAAA~~,EAC3B,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACR,SAAS,GAAAC,YAAA,CAAA,EAAA,~~EA/BhB~~,~~6YAgCC~~,CADe;IAIhB,IAAM,UAAU,GAAGC,uBAAkB,CAAC;AAClC,QAAA,gBAAgB,EACRC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,gBAA8B,CAClC,EAAA,EAAA,MAAM,oBAAA,EACT,CAAA;AACD,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,aAAa,EAAA,aAAA;~~AAChB~~,KAAA,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,WAA0B,EAAA;AAC5C,QAAA,OAAA,WAAW,CAAC,MAAM,GAAG,CAAC;YACtB,gBAAgB;AAChB,YAAA,uBAAuB,KACnBC,sBAAC,CAAA,aAAA,CAAAC,kBAAM,qBAAK,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,EAAA,MAAM,EAAE,IAAI,IAAI,CACxE;AAJD,KAIC;AAEL,IAAA,QACID,sBAAA,CAAA,aAAA,CAACE,sBAAU,EAAAH,cAAA,CAAA,EACP,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,UAAU,EAAAA,cAAA,CAAA,EACN,oBAAoB,EAAEI,0BAAiB,EAAA,EACnC,UAAqB,CAAA,EAE7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAEC,gBAAW,EACxB,WAAW,EAAEC,kBAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAAA,EAC9B,SAAS,GACR,SAAS,CAAC,aAAa,KAAK;AAC7B,UAAE;AACI,YAAA,gBAAgB,mBACZ,YAAY,EAAA,YAAA,IACT,SAAS,CAAC,gBAAgB,CAChC;AACJ;AACH,UAAE;YACI,gBAAgB,EAAAN,cAAA,CAAA,EACZ,YAAY,EAAA,YAAA,EACZ,eAAe,EAAE,KAAK,EACnB,EAAA,SAAS,CAAC,gBAAgB,CAChC;SACJ,IACF,gBAAgB,IAAI,UAAU,EAAC,CACtC;AAEV,CAAC;;;;"}
1	+ {"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { BottomSheet } from '@alfalab/core-components-bottom-sheet';\nimport { FormControlMobile } from '@alfalab/core-components-form-control/mobile';\nimport { ModalMobile } from '@alfalab/core-components-modal/mobile';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Footer } from '../components/footer';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { VirtualOptionsList as DefaultVirtualOptionsList } from '../components/virtual-options-list';\nimport { useSelectWithApply } from '../presets/useSelectWithApply/hook';\nimport { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component';\nimport { type AnyObject, type OptionShape, type SelectMobileProps } from '../typings';\n\nconst VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;\n\nexport const SelectMobile = forwardRef(\n (\n {\n autocomplete = false,\n multiple = false,\n allowUnselect = false,\n disabled = false,\n closeOnSelect = !multiple,\n circularNavigation = false,\n defaultOpen = false,\n open: openProp,\n size = 56,\n optionsSize = 56,\n fieldProps = {},\n optionProps = {},\n optionsListProps = {},\n Arrow = DefaultArrow,\n Field = DefaultField,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Search = DefaultSearch,\n selected,\n options,\n OptionsList = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD\n ? DefaultVirtualOptionsList\n : DefaultOptionsList,\n onChange,\n showClear = true,\n showSelectAll,\n showHeaderWithSelectAll,\n checkmarkPosition = 'before',\n useWithApplyHook = multiple,\n showSearch,\n searchProps,\n ...restProps\n }: SelectMobileProps,\n ref,\n ) => {\n const applyProps = useSelectWithApply({\n optionsListProps: {\n ...(optionsListProps as AnyObject),\n Footer,\n },\n OptionsList,\n showSearch,\n searchProps,\n selected,\n options,\n onChange,\n showClear,\n showSelectAll,\n checkmarkPosition,\n });\n\n const bottomAddons = (flatOptions: OptionShape[]) =>\n flatOptions.length > 0 &&\n useWithApplyHook &&\n showHeaderWithSelectAll && (\n <Header {...applyProps.optionsListProps.headerProps} mobile={true} />\n );\n\n return (\n <BaseSelect\n ref={ref}\n view='mobile'\n autocomplete={autocomplete}\n multiple={multiple}\n allowUnselect={allowUnselect}\n disabled={disabled}\n closeOnSelect={closeOnSelect}\n circularNavigation={circularNavigation}\n defaultOpen={defaultOpen}\n open={openProp}\n size={size}\n optionsSize={optionsSize}\n fieldProps={{\n FormControlComponent: FormControlMobile,\n ...(fieldProps as object),\n }}\n optionProps={optionProps}\n Arrow={Arrow}\n Field={Field}\n Optgroup={Optgroup}\n Option={Option}\n Search={Search}\n options={options}\n selected={selected}\n onChange={onChange}\n OptionsList={OptionsList}\n showSearch={showSearch}\n searchProps={searchProps}\n BottomSheet={BottomSheet}\n ModalMobile={ModalMobile}\n optionsListProps={optionsListProps}\n {...restProps}\n {...(restProps.isBottomSheet === false\n ? {\n modalHeaderProps: {\n bottomAddons,\n ...restProps.modalHeaderProps,\n },\n }\n : {\n bottomSheetProps: {\n bottomAddons,\n showSwipeMarker: false,\n ...restProps.bottomSheetProps,\n },\n })}\n {...(useWithApplyHook && applyProps)}\n />\n );\n },\n);\n"],"names":["forwardRef","DefaultArrow","DefaultField","DefaultOptgroup","DefaultOption","DefaultSearch","DefaultVirtualOptionsList","DefaultOptionsList","__rest","useSelectWithApply","__assign","React","Header","BaseSelect","FormControlMobile","BottomSheet","ModalMobile"],"mappings":"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"}

package/cssm/presets/useLazyLoading/hook.js CHANGED Viewed

@@ -6,9 +6,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cssm = require('@alfalab/core-components-skeleton/cssm');
 require('classnames');
-require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/checkmark/index.module.css');
 require('../../components/option/desktop/index.module.css');