@alfalab/core-components-select 18.0.1 → 18.1.0

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

@@ -23,7 +23,7 @@
     --select-checkmark-border-radius: var(--border-radius-circle);
 } .checkmark {
     flex-shrink: 0;
-    margin: var(--select-checkmark-margin)
+    margin: var(--select-checkmark-margin);
 } .checkmark.after {
         margin: var(--select-checkmark-margin-after);
     } .single {
@@ -35,16 +35,16 @@
     background-size: cover;
     border-radius: var(--select-checkmark-border-radius);
     width: var(--select-checkmark-size);
-    height: var(--select-checkmark-size)
+    height: var(--select-checkmark-size);
 } .single.selected {
         opacity: 1;
     } .before {
-    display: var(--select-checkmark-before-display)
+    display: var(--select-checkmark-before-display);
 } .before.multiple {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
     } .after.after {
-    display: var(--select-checkmark-after-display)
+    display: var(--select-checkmark-after-display);
 } .after.after.single {
         display: var(--select-checkmark-after-display-single);
     } .colorIcon {

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

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

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

@@ -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 { 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;;;;"}
+{"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;;;;"}

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

@@ -8,7 +8,7 @@
     justify-content: center;
     width: 24px;
     height: 24px;
-    opacity: 0
+    opacity: 0;
 } .checkmark:first-child {
         display: none;
     } .checkmark.selected {

package/cssm/components/clear-button/Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ClearButtonProps } from '../../typings';
+import { type ClearButtonProps } from '../../typings';
 export declare const ClearButton: ({ disabled, onClick, dataTestId, size }: ClearButtonProps) => React.JSX.Element;

package/cssm/components/clear-button/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/clear-button/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';\nimport { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';\n\nimport { ClearButtonProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const ClearButton = ({ disabled, onClick, dataTestId, size }: ClearButtonProps) => {\n    const IconComponent = size === 40 ? CrossCircleSIcon : CrossCircleMIcon;\n\n    return (\n        <Button\n            type='button'\n            view='text'\n            disabled={disabled}\n            aria-label='Очистить'\n            className={cn(styles.clearButton)}\n            onClick={onClick}\n            tabIndex={-1}\n            dataTestId={dataTestId}\n        >\n            <IconComponent className={styles.clearIcon} />\n        </Button>\n    );\n};\n"],"names":["CrossCircleSIcon","CrossCircleMIcon","React","Button","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;AAWO,IAAM,WAAW,GAAG,UAAC,EAAyD,EAAA;QAAvD,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;AAC7D,IAAA,IAAM,aAAa,GAAG,IAAI,KAAK,EAAE,GAAGA,iCAAgB,GAAGC,iCAAgB;AAEvE,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,WAAM,EACH,EAAA,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACP,kDAAU,EACrB,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,WAAW,CAAC,EACjC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,UAAU,EAAA;QAEtBH,sBAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,SAAS,EAAEG,uBAAM,CAAC,SAAS,EAAA,CAAI,CACzC;AAEjB;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/clear-button/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';\nimport { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';\n\nimport { type ClearButtonProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const ClearButton = ({ disabled, onClick, dataTestId, size }: ClearButtonProps) => {\n    const IconComponent = size === 40 ? CrossCircleSIcon : CrossCircleMIcon;\n\n    return (\n        <Button\n            type='button'\n            view='text'\n            disabled={disabled}\n            aria-label='Очистить'\n            className={cn(styles.clearButton)}\n            onClick={onClick}\n            tabIndex={-1}\n            dataTestId={dataTestId}\n        >\n            <IconComponent className={styles.clearIcon} />\n        </Button>\n    );\n};\n"],"names":["CrossCircleSIcon","CrossCircleMIcon","React","Button","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;AAWO,IAAM,WAAW,GAAG,UAAC,EAAyD,EAAA;QAAvD,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;AAC7D,IAAA,IAAM,aAAa,GAAG,IAAI,KAAK,EAAE,GAAGA,iCAAgB,GAAGC,iCAAgB;AAEvE,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,WAAM,EACH,EAAA,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACP,kDAAU,EACrB,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,WAAW,CAAC,EACjC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,UAAU,EAAA;QAEtBH,sBAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,SAAS,EAAEG,uBAAM,CAAC,SAAS,EAAA,CAAI,CACzC;AAEjB;;;;"}

package/cssm/components/clear-button/index.module.css

@@ -6,7 +6,7 @@
     --input-error-icon-display: none;
 } .clearIcon {
     display: block;
-    color: var(--color-light-neutral-translucent-500)
+    color: var(--color-light-neutral-translucent-500);
 } .clearIcon:hover {
         color: var(--color-light-neutral-translucent-500-hover);
     } .clearIcon:active {

package/cssm/components/field/Component.d.ts

@@ -1,6 +1,6 @@
-import React, { ElementType } from 'react';
-import type { FormControlProps } from '@alfalab/core-components-form-control/cssm';
-import { FieldProps as BaseFieldProps } from '../../typings';
+import React, { type ElementType } from 'react';
+import { type FormControlProps } from '@alfalab/core-components-form-control/cssm';
+import { type FieldProps as BaseFieldProps } from '../../typings';
 declare type FieldProps = {
     /**
      * Компонент FormControl

package/cssm/components/field/Component.js

@@ -29,15 +29,22 @@ var Field = function (_a) {
     var filled = Boolean(value);
     var showLabel = !!label || labelView === 'outer';
     var showPlaceholder = !!placeholder && !filled && (open || !label || labelView === 'outer');
+    var shouldShowClearButton = clear && filled;
     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: (Arrow || rightAddons) && (React__default.default.createElement(React__default.default.Fragment, null,
+            _b)), block: true, size: size, focused: focused || open, disabled: disabled, filled: filled || (!!placeholder && open), label: showLabel && label, labelView: labelView, error: error, hint: hint, rightAddons: 
+        /**
+         * Right addon priority [4] <= [3] <= [2] <= [1]
+         * [4] - Clear
+         * [3] - Status (error, success)
+         * [2] - Common (info, e.g.)
+         * [1] - Indicators (eye, calendar, chevron, stepper e.g.)
+         */
+        (Arrow || rightAddons) && (React__default.default.createElement(React.Fragment, null,
+            shouldShowClearButton && (React__default.default.createElement(Component.ClearButton, { onClick: onClear, disabled: disabled, dataTestId: cssm.getDataTestId(dataTestId, 'clear-icon'), size: size })),
             rightAddons,
-            clear && filled ? (React__default.default.createElement(Component.ClearButton, { onClick: onClear, disabled: disabled, dataTestId: cssm.getDataTestId(dataTestId, 'clear-icon'), size: size })) : null,
-            Arrow
-                ? React__default.default.cloneElement(Arrow, { className: styles__default.default.arrow })
-                : null)), "data-test-id": dataTestId }, restProps, innerProps),
+            Arrow && React__default.default.cloneElement(Arrow, { className: styles__default.default.arrow }))), "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

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/field/Component.tsx"],"sourcesContent":["import React, { ElementType, useCallback, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport type { FormControlProps } from '@alfalab/core-components-form-control';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { 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\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 [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    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={\n                        (Arrow || rightAddons) && (\n                            <React.Fragment>\n                                {rightAddons}\n                                {clear && filled ? (\n                                    <ClearButton\n                                        onClick={onClear}\n                                        disabled={disabled}\n                                        dataTestId={getDataTestId(dataTestId, 'clear-icon')}\n                                        size={size}\n                                    />\n                                ) : null}\n                                {/* TODO: стоит переделать, но это будет мажорка */}\n                                {Arrow\n                                    ? React.cloneElement(Arrow, { className: styles.arrow })\n                                    : null}\n                            </React.Fragment>\n                        )\n                    }\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","styles","__assign","getDataTestId","cn","ClearButton"],"mappings":"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"}
+{"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 { 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\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 [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    const shouldShowClearButton = clear && filled;\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={\n                        /**\n                         * Right addon priority [4] <= [3] <= [2] <= [1]\n                         * [4] - Clear\n                         * [3] - Status (error, success)\n                         * [2] - Common (info, e.g.)\n                         * [1] - Indicators (eye, calendar, chevron, stepper e.g.)\n                         */\n                        (Arrow || rightAddons) && (\n                            <Fragment>\n                                {shouldShowClearButton && (\n                                    <ClearButton\n                                        onClick={onClear}\n                                        disabled={disabled}\n                                        dataTestId={getDataTestId(dataTestId, 'clear-icon')}\n                                        size={size}\n                                    />\n                                )}\n                                {rightAddons}\n                                {/* TODO: стоит переделать, но это будет мажорка */}\n                                {Arrow && React.cloneElement(Arrow, { className: styles.arrow })}\n                            </Fragment>\n                        )\n                    }\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","styles","__assign","getDataTestId","cn","Fragment","ClearButton"],"mappings":"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"}

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

@@ -14,7 +14,7 @@
     width: 100%;
     outline: none;
 } .field:not(.disabled) {
-    cursor: pointer
+    cursor: pointer;
 } .field:not(.disabled):hover .arrow {
             opacity: var(--select-arrow-hover-opacity);
         } .disabled {
@@ -22,7 +22,7 @@
 } .placeholder {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: show-placeholder 0.2s ease
+    animation: show-placeholder 0.2s ease;
 } .placeholder.focused {
         color: var(--input-focus-placeholder-color);
     } .contentWrapper {
@@ -33,7 +33,7 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    width: 100%
+    width: 100%;
 } .contentWrapper.size-40 {
         font-size: 14px;
         line-height: 18px;
@@ -41,7 +41,7 @@
     } .value {
     overflow: hidden;
     text-overflow: ellipsis;
-    text-align: left
+    text-align: left;
 } .value.size-40 {
         font-size: 14px;
         line-height: 18px;

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

@@ -9,7 +9,7 @@
     box-sizing: border-box;
     width: 100%;
     padding: var(--gap-16) var(--gap-16);
-    background-color: var(--color-light-modal-bg-primary)
+    background-color: var(--color-light-modal-bg-primary);
 } .footer .button:first-of-type {
         margin-right: var(--gap-16);
     } .button {

package/cssm/components/native-select/Component.d.ts

@@ -1,5 +1,5 @@
-import React, { SelectHTMLAttributes } from 'react';
-import { GroupShape, OptionShape } from '../../typings';
+import React, { type SelectHTMLAttributes } from 'react';
+import { type GroupShape, type OptionShape } from '../../typings';
 export declare type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
     /**
      * Список вариантов выбора

package/cssm/components/native-select/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/native-select/Component.tsx"],"sourcesContent":["import React, { forwardRef, SelectHTMLAttributes, useCallback } from 'react';\n\nimport { GroupShape, OptionShape } from '../../typings';\nimport { isGroup } from '../../utils';\n\nexport type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement> & {\n    /**\n     * Список вариантов выбора\n     */\n    options: Array<OptionShape | GroupShape>;\n\n    /**\n     * Значение селекта\n     */\n    value: string | string[];\n};\n\nconst Option = ({ option }: { option: OptionShape }) => (\n    <option value={option.key} disabled={option.disabled}>\n        {typeof option.content === 'string' ? option.content : option.key}\n    </option>\n);\n\nconst Group = ({ label, options }: GroupShape) => (\n    <optgroup label={label}>\n        {options.map((option) => (\n            <Option option={option} key={option.key} />\n        ))}\n    </optgroup>\n);\n\nexport const NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>(\n    ({ className, disabled, multiple, value, name, options, onChange, ...restProps }, ref) => {\n        const handleClick = useCallback((event: React.MouseEvent<HTMLSelectElement>) => {\n            event.stopPropagation();\n        }, []);\n\n        return (\n            <select\n                className={className}\n                disabled={disabled}\n                multiple={multiple}\n                name={name}\n                value={value}\n                onChange={onChange}\n                onClick={handleClick}\n                ref={ref}\n                {...restProps}\n            >\n                {options.map((option) =>\n                    isGroup(option) ? (\n                        <Group {...option} key={option.label} />\n                    ) : (\n                        <Option option={option} key={option.key} />\n                    ),\n                )}\n            </select>\n        );\n    },\n);\n"],"names":["React","forwardRef","__rest","useCallback","__assign","isGroup"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,MAAM,GAAG,UAAC,EAAmC,EAAA;AAAjC,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;AAAgC,IAAA,QACpDA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAC/C,OAAO,MAAM,CAAC,OAAO,KAAK,QAAQ,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAC5D;AAH2C,CAIvD;AAED,IAAM,KAAK,GAAG,UAAC,EAA8B,EAAA;QAA5B,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAAmB,IAAA,QAC9CA,sBAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAE,KAAK,EACjB,EAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAA,EAAK,QACrBA,sBAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,EAC9C,EAAA,CAAC,CACK;AALmC,CAMjD;IAEY,YAAY,GAAGC,gBAAU,CAClC,UAAC,EAA+E,EAAE,GAAG,EAAA;IAAlF,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,cAAA,EAAK,SAAS,GAA7EC,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,CAA+E,CAAF;AAC1E,IAAA,IAAM,WAAW,GAAGC,iBAAW,CAAC,UAAC,KAA0C,EAAA;QACvE,KAAK,CAAC,eAAe,EAAE;KAC1B,EAAE,EAAE,CAAC;AAEN,IAAA,QACIH,sBACI,CAAA,aAAA,CAAA,QAAA,EAAAI,cAAA,CAAA,EAAA,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,CAEZ,EAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAA;AAChB,QAAA,OAAAC,aAAO,CAAC,MAAM,CAAC,IACXL,sBAAC,CAAA,aAAA,CAAA,KAAK,qBAAK,MAAM,EAAA,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,EAAI,CAAA,CAAA,KAExCA,sBAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAC9C;KAAA,CACJ,CACI;AAEjB,CAAC;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/native-select/Component.tsx"],"sourcesContent":["import React, { forwardRef, type SelectHTMLAttributes, useCallback } from 'react';\n\nimport { type GroupShape, type OptionShape } from '../../typings';\nimport { isGroup } from '../../utils';\n\nexport type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement> & {\n    /**\n     * Список вариантов выбора\n     */\n    options: Array<OptionShape | GroupShape>;\n\n    /**\n     * Значение селекта\n     */\n    value: string | string[];\n};\n\nconst Option = ({ option }: { option: OptionShape }) => (\n    <option value={option.key} disabled={option.disabled}>\n        {typeof option.content === 'string' ? option.content : option.key}\n    </option>\n);\n\nconst Group = ({ label, options }: GroupShape) => (\n    <optgroup label={label}>\n        {options.map((option) => (\n            <Option option={option} key={option.key} />\n        ))}\n    </optgroup>\n);\n\nexport const NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>(\n    ({ className, disabled, multiple, value, name, options, onChange, ...restProps }, ref) => {\n        const handleClick = useCallback((event: React.MouseEvent<HTMLSelectElement>) => {\n            event.stopPropagation();\n        }, []);\n\n        return (\n            <select\n                className={className}\n                disabled={disabled}\n                multiple={multiple}\n                name={name}\n                value={value}\n                onChange={onChange}\n                onClick={handleClick}\n                ref={ref}\n                {...restProps}\n            >\n                {options.map((option) =>\n                    isGroup(option) ? (\n                        <Group {...option} key={option.label} />\n                    ) : (\n                        <Option option={option} key={option.key} />\n                    ),\n                )}\n            </select>\n        );\n    },\n);\n"],"names":["React","forwardRef","__rest","useCallback","__assign","isGroup"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,MAAM,GAAG,UAAC,EAAmC,EAAA;AAAjC,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;AAAgC,IAAA,QACpDA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAC/C,OAAO,MAAM,CAAC,OAAO,KAAK,QAAQ,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAC5D;AAH2C,CAIvD;AAED,IAAM,KAAK,GAAG,UAAC,EAA8B,EAAA;QAA5B,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAAmB,IAAA,QAC9CA,sBAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAE,KAAK,EACjB,EAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAA,EAAK,QACrBA,sBAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,EAC9C,EAAA,CAAC,CACK;AALmC,CAMjD;IAEY,YAAY,GAAGC,gBAAU,CAClC,UAAC,EAA+E,EAAE,GAAG,EAAA;IAAlF,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,cAAA,EAAK,SAAS,GAA7EC,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,CAA+E,CAAF;AAC1E,IAAA,IAAM,WAAW,GAAGC,iBAAW,CAAC,UAAC,KAA0C,EAAA;QACvE,KAAK,CAAC,eAAe,EAAE;KAC1B,EAAE,EAAE,CAAC;AAEN,IAAA,QACIH,sBACI,CAAA,aAAA,CAAA,QAAA,EAAAI,cAAA,CAAA,EAAA,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,CAEZ,EAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAA;AAChB,QAAA,OAAAC,aAAO,CAAC,MAAM,CAAC,IACXL,sBAAC,CAAA,aAAA,CAAA,KAAK,qBAAK,MAAM,EAAA,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,EAAI,CAAA,CAAA,KAExCA,sBAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAC9C;KAAA,CACJ,CACI;AAEjB,CAAC;;;;"}

package/cssm/components/optgroup/Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { OptgroupProps } from '../../typings';
+import { type OptgroupProps } from '../../typings';
 export declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;

package/cssm/components/optgroup/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/optgroup/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { OptgroupProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Optgroup = ({ children, className, label, size = 48 }: OptgroupProps) => (\n    <React.Fragment>\n        <div className={cn(styles.optgroup, className, styles[SIZE_TO_CLASSNAME_MAP[size]])}>\n            <span className={styles.label}>{label}</span>\n        </div>\n        {children}\n    </React.Fragment>\n);\n"],"names":["React","cn","styles","SIZE_TO_CLASSNAME_MAP"],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,QAAQ,GAAG,UAAC,EAAwD,EAAA;AAAtD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,EAAS,GAAA,EAAA,CAAA,IAAA,EAAT,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA;AAAsB,IAAA,QAClFA,sBAAA,CAAA,aAAA,CAACA,sBAAK,CAAC,QAAQ,EAAA,IAAA;AACX,QAAAA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,QAAQ,EAAE,SAAS,EAAEA,uBAAM,CAACC,4BAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAA;YAC/EH,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEE,uBAAM,CAAC,KAAK,EAAG,EAAA,KAAK,CAAQ,CAC3C;AACL,QAAA,QAAQ,CACI;AANiE;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/optgroup/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { type OptgroupProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Optgroup = ({ children, className, label, size = 48 }: OptgroupProps) => (\n    <React.Fragment>\n        <div className={cn(styles.optgroup, className, styles[SIZE_TO_CLASSNAME_MAP[size]])}>\n            <span className={styles.label}>{label}</span>\n        </div>\n        {children}\n    </React.Fragment>\n);\n"],"names":["React","cn","styles","SIZE_TO_CLASSNAME_MAP"],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,QAAQ,GAAG,UAAC,EAAwD,EAAA;AAAtD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,EAAS,GAAA,EAAA,CAAA,IAAA,EAAT,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA;AAAsB,IAAA,QAClFA,sBAAA,CAAA,aAAA,CAACA,sBAAK,CAAC,QAAQ,EAAA,IAAA;AACX,QAAAA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,QAAQ,EAAE,SAAS,EAAEA,uBAAM,CAACC,4BAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAA;YAC/EH,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEE,uBAAM,CAAC,KAAK,EAAG,EAAA,KAAK,CAAQ,CAC3C;AACL,QAAA,QAAQ,CACI;AANiE;;;;"}

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

@@ -24,7 +24,7 @@
         var(--select-optgroup-left-padding);
     box-sizing: border-box;
     background: var(--select-optgroup-background);
-    min-height: 40px
+    min-height: 40px;
 } .optgroup + *[role='option']:before {
         display: none;
     } .label {

package/cssm/components/option/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="@alfalab/core-components-env" />
-import { FC } from 'react';
-import { OptionCommonProps } from '../../typings';
+import { type FC } from 'react';
+import { type OptionCommonProps } from '../../typings';
 import type stylesDesktop from './desktop/index.module.css';
 import type stylesMobile from './mobile/index.module.css';
 declare type OptionPrivateProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/option/Component.tsx"],"sourcesContent":["import React, { FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { 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_TO_CLASSNAME_MAP[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","cn","SIZE_TO_CLASSNAME_MAP","isValidElement"],"mappings":";;;;;;;;;;;;;;AAoBO,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;IAE5B,QACIA,+DACQ,UAAU,EAAA,EACd,SAAS,EAAEC,mBAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAACC,4BAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACvE,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,EAAEC,mBAAE,CAAC,MAAM,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA;gBACxB,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,CAACE,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;;;;"}
+{"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 { SIZE_TO_CLASSNAME_MAP } from '../../consts';\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_TO_CLASSNAME_MAP[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","cn","SIZE_TO_CLASSNAME_MAP","isValidElement"],"mappings":";;;;;;;;;;;;;;AAoBO,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;IAE5B,QACIA,+DACQ,UAAU,EAAA,EACd,SAAS,EAAEC,mBAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAACC,4BAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACvE,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,EAAEC,mBAAE,CAAC,MAAM,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA;gBACxB,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,CAACE,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;;;;"}

package/cssm/components/option/Component.responsive.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { OptionProps } from '../../typings';
+import { type OptionProps } from '../../typings';
 export declare const OptionResponsive: ({ mobile, ...props }: OptionProps) => React.JSX.Element;

package/cssm/components/option/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../src/components/option/Component.responsive.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { OptionProps } from '../../typings';\n\nimport { OptionDesktop } from './desktop/Component';\nimport { OptionMobile } from './mobile/Component';\n\nexport const OptionResponsive = ({ mobile, ...props }: OptionProps) =>\n    mobile ? <OptionMobile {...props} /> : <OptionDesktop {...props} />;\n"],"names":["__rest","React","OptionMobile","__assign","OptionDesktop"],"mappings":";;;;;;;;;;;;;AAOO,IAAM,gBAAgB,GAAG,UAAC,EAAiC,EAAA;AAA/B,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EAAK,KAAK,GAAAA,YAAA,CAAA,EAAA,EAAlB,UAAoB,CAAF;AAC/C,IAAA,OAAA,MAAM,GAAGC,sBAAA,CAAA,aAAA,CAACC,sBAAY,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,CAAI,CAAA,GAAGF,sBAAA,CAAA,aAAA,CAACG,yBAAa,EAAKD,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI;;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../../../src/components/option/Component.responsive.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type OptionProps } from '../../typings';\n\nimport { OptionDesktop } from './desktop/Component';\nimport { OptionMobile } from './mobile/Component';\n\nexport const OptionResponsive = ({ mobile, ...props }: OptionProps) =>\n    mobile ? <OptionMobile {...props} /> : <OptionDesktop {...props} />;\n"],"names":["__rest","React","OptionMobile","__assign","OptionDesktop"],"mappings":";;;;;;;;;;;;;AAOO,IAAM,gBAAgB,GAAG,UAAC,EAAiC,EAAA;AAA/B,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EAAK,KAAK,GAAAA,YAAA,CAAA,EAAA,EAAlB,UAAoB,CAAF;AAC/C,IAAA,OAAA,MAAM,GAAGC,sBAAA,CAAA,aAAA,CAACC,sBAAY,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,CAAI,CAAA,GAAGF,sBAAA,CAAA,aAAA,CAACG,yBAAa,EAAKD,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI;;;;;"}

package/cssm/components/option/desktop/Component.d.ts

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

package/cssm/components/option/desktop/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../src/components/option/desktop/Component.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { OptionCommonProps } from '../../../typings';\nimport { Checkmark as DefaultCheckMark } from '../../checkmark';\nimport { OptionBase } from '../Component';\n\nimport styles from './index.module.css';\n\nexport const OptionDesktop = ({ Checkmark = DefaultCheckMark, ...props }: OptionCommonProps) => (\n    <OptionBase {...props} mobile={false} Checkmark={Checkmark} styles={styles} />\n);\n"],"names":["DefaultCheckMark","__rest","React","OptionBase","styles"],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,aAAa,GAAG,UAAC,EAA6D,EAAA;IAA3D,IAAA,EAAA,GAAA,EAAA,CAAA,SAA4B,EAA5B,SAAS,GAAG,EAAA,KAAA,MAAA,GAAAA,qBAAgB,KAAA,EAAK,KAAK,GAAxCC,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,CAA0C,CAAF;AAA0B,IAAA,QAC5FC,sBAAC,CAAA,aAAA,CAAAC,oBAAU,qBAAK,KAAK,EAAA,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAEC,uBAAM,EAAA,CAAA,CAAI;;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../../src/components/option/desktop/Component.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type OptionCommonProps } from '../../../typings';\nimport { Checkmark as DefaultCheckMark } from '../../checkmark';\nimport { OptionBase } from '../Component';\n\nimport styles from './index.module.css';\n\nexport const OptionDesktop = ({ Checkmark = DefaultCheckMark, ...props }: OptionCommonProps) => (\n    <OptionBase {...props} mobile={false} Checkmark={Checkmark} styles={styles} />\n);\n"],"names":["DefaultCheckMark","__rest","React","OptionBase","styles"],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,aAAa,GAAG,UAAC,EAA6D,EAAA;IAA3D,IAAA,EAAA,GAAA,EAAA,CAAA,SAA4B,EAA5B,SAAS,GAAG,EAAA,KAAA,MAAA,GAAAA,qBAAgB,KAAA,EAAK,KAAK,GAAxCC,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,CAA0C,CAAF;AAA0B,IAAA,QAC5FC,sBAAC,CAAA,aAAA,CAAAC,oBAAU,qBAAK,KAAK,EAAA,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAEC,uBAAM,EAAA,CAAA,CAAI;;;;;"}

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

@@ -49,7 +49,7 @@
     color: var(--select-option-color);
     box-sizing: border-box;
     position: relative;
-    cursor: pointer
+    cursor: pointer;
 } .option:not(.disabled):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
@@ -73,9 +73,8 @@
     min-height: var(--size-l-height);
 } .size-72 {
     min-height: var(--size-xl-height);
-} .size-72 {
     padding-left: var(--select-option-l-left-padding);
-    padding-right: var(--select-option-l-right-padding)
+    padding-right: var(--select-option-l-right-padding);
 } .size-72:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
@@ -85,7 +84,7 @@
     cursor: default;
 } .highlighted {
     background: var(--select-option-hover-background);
-    color: var(--select-option-hover-color)
+    color: var(--select-option-hover-color);
 } .highlighted:before,
     .highlighted + .option:before {
         opacity: 0;
@@ -102,7 +101,7 @@
     padding-bottom: var(--gap-12);
 } .highlighted {
     background: var(--select-option-hover-background);
-    color: var(--select-option-hover-color)
+    color: var(--select-option-hover-color);
 } .highlighted:before,
     .highlighted + .option:before {
         opacity: 0;

package/cssm/components/option/mobile/Component.d.ts

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

package/cssm/components/option/mobile/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../src/components/option/mobile/Component.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { OptionCommonProps } from '../../../typings';\nimport { Checkmark as DefaultCheckMark } from '../../checkmark-mobile';\nimport { OptionBase } from '../Component';\n\nimport styles from './index.module.css';\n\nexport const OptionMobile = ({ Checkmark = DefaultCheckMark, ...props }: OptionCommonProps) => (\n    <OptionBase {...props} mobile={true} Checkmark={Checkmark} styles={styles} />\n);\n"],"names":["DefaultCheckMark","__rest","React","OptionBase","styles"],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,YAAY,GAAG,UAAC,EAA6D,EAAA;IAA3D,IAAA,EAAA,GAAA,EAAA,CAAA,SAA4B,EAA5B,SAAS,GAAG,EAAA,KAAA,MAAA,GAAAA,qBAAgB,KAAA,EAAK,KAAK,GAAxCC,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,CAA0C,CAAF;AAA0B,IAAA,QAC3FC,sBAAC,CAAA,aAAA,CAAAC,oBAAU,qBAAK,KAAK,EAAA,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAEC,uBAAM,EAAA,CAAA,CAAI;;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../../src/components/option/mobile/Component.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type OptionCommonProps } from '../../../typings';\nimport { Checkmark as DefaultCheckMark } from '../../checkmark-mobile';\nimport { OptionBase } from '../Component';\n\nimport styles from './index.module.css';\n\nexport const OptionMobile = ({ Checkmark = DefaultCheckMark, ...props }: OptionCommonProps) => (\n    <OptionBase {...props} mobile={true} Checkmark={Checkmark} styles={styles} />\n);\n"],"names":["DefaultCheckMark","__rest","React","OptionBase","styles"],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,YAAY,GAAG,UAAC,EAA6D,EAAA;IAA3D,IAAA,EAAA,GAAA,EAAA,CAAA,SAA4B,EAA5B,SAAS,GAAG,EAAA,KAAA,MAAA,GAAAA,qBAAgB,KAAA,EAAK,KAAK,GAAxCC,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,CAA0C,CAAF;AAA0B,IAAA,QAC3FC,sBAAC,CAAA,aAAA,CAAAC,oBAAU,qBAAK,KAAK,EAAA,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAEC,uBAAM,EAAA,CAAA,CAAI;;;;;"}

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

@@ -49,7 +49,7 @@
     color: var(--select-option-color);
     box-sizing: border-box;
     position: relative;
-    cursor: pointer
+    cursor: pointer;
 } .option:not(.disabled):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
@@ -73,9 +73,8 @@
     min-height: var(--size-l-height);
 } .size-72 {
     min-height: var(--size-xl-height);
-} .size-72 {
     padding-left: var(--select-option-l-left-padding);
-    padding-right: var(--select-option-l-right-padding)
+    padding-right: var(--select-option-l-right-padding);
 } .size-72:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
@@ -85,7 +84,7 @@
     cursor: default;
 } .highlighted {
     background: var(--select-option-hover-background);
-    color: var(--select-option-hover-color)
+    color: var(--select-option-hover-color);
 } .highlighted:before,
     .highlighted + .option:before {
         opacity: 0;

package/cssm/components/options-list/Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { OptionsListProps } from '../../typings';
+import { type OptionsListProps } from '../../typings';
 export declare const OptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;

package/cssm/components/options-list/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/options-list/Component.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { useMatchMedia } from '@alfalab/core-components-mq';\nimport { Scrollbar } from '@alfalab/core-components-scrollbar';\nimport { isClient } from '@alfalab/core-components-shared';\n\nimport { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { GroupShape, OptionShape, OptionsListProps } from '../../typings';\nimport { isGroup, useVisibleOptions } from '../../utils';\nimport { Optgroup as DefaultOptgroup } from '../optgroup';\n\nimport styles from './index.module.css';\n\nconst createCounter = () => {\n    let count = 0;\n\n    // eslint-disable-next-line no-plusplus\n    return () => count++;\n};\n\nexport const OptionsList = forwardRef<HTMLDivElement, OptionsListProps>(\n    (\n        {\n            size = 48,\n            className,\n            optionGroupClassName,\n            footerClassName,\n            scrollbarClassName,\n            Option,\n            getOptionProps,\n            groupOptionProps = {},\n            options = [],\n            Optgroup = DefaultOptgroup,\n            dataTestId,\n            emptyPlaceholder,\n            visibleOptions = DEFAULT_VISIBLE_OPTIONS,\n            onScroll,\n            open,\n            header,\n            footer,\n            showFooter = true,\n            optionsListWidth,\n            nativeScrollbar: nativeScrollbarProp,\n            flatOptions = [],\n            setHighlightedIndex,\n            selectedItems,\n            search,\n            setSelectedItems,\n            multiple,\n            limitDynamicOptionGroupSize = false,\n        },\n        ref,\n    ) => {\n        const [scrollTop, setScrollTop] = useState(true);\n        const [scrollBottom, setScrollBottom] = useState(false);\n\n        const query = '(max-width: 1023px)';\n        let [nativeScrollbar] = useMatchMedia(query, () =>\n            isClient() ? window.matchMedia(query).matches : true,\n        );\n\n        nativeScrollbar = Boolean(nativeScrollbarProp ?? nativeScrollbar);\n\n        const handleScroll = useCallback(\n            (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n                const scrolledToHeader = event.currentTarget.scrollTop <= 0;\n                const scrolledToFooter =\n                    event.currentTarget.scrollHeight - event.currentTarget.offsetHeight <=\n                    event.currentTarget.scrollTop;\n\n                setScrollTop(scrolledToHeader);\n                setScrollBottom(scrolledToFooter);\n\n                onScroll?.(event);\n            },\n            [onScroll],\n        );\n\n        const renderOption = (option: OptionShape, index: number) => (\n            <Option key={option.key} {...getOptionProps(option, index)} />\n        );\n\n        const listRef = useRef<HTMLDivElement>(null);\n        const scrollbarRef = useRef<HTMLDivElement>(null);\n        const counter = createCounter();\n        const renderGroup = (group: GroupShape) => {\n            const groupSelectedItems = selectedItems?.filter(({ key: selectedItemKey }) =>\n                group.options.some((option) => option.key === selectedItemKey),\n            );\n            const handleSelectedItems = (items: OptionShape[]) => {\n                setSelectedItems(\n                    (\n                        selectedItems?.filter(\n                            ({ key: selectedItemKey }) =>\n                                !group.options.some((option) => option.key === selectedItemKey),\n                        ) ?? []\n                    ).concat(items),\n                );\n            };\n\n            return (\n                <Optgroup\n                    className={optionGroupClassName}\n                    label={group.label}\n                    key={group.label}\n                    size={size}\n                    options={group.options}\n                    selectedItems={groupSelectedItems}\n                    setSelectedItems={handleSelectedItems}\n                    search={search}\n                    multiple={multiple}\n                    {...groupOptionProps}\n                >\n                    {group.options.map((option) => renderOption(option, counter()))}\n                </Optgroup>\n            );\n        };\n\n        const actualOptionsCount = limitDynamicOptionGroupSize && options.length > 0;\n\n        const [measured, height] = useVisibleOptions({\n            visibleOptions,\n            listRef,\n            open,\n            options,\n            actualOptionsCount,\n            size: actualOptionsCount\n                ? (() => {\n                      switch (typeof size) {\n                          case 'string':\n                              throw new Error(\n                                  'OptionsList with `limitDynamicOptionGroupSize` enabled needs a `size` with number type',\n                              );\n                          default:\n                              return size;\n                      }\n                  })()\n                : undefined,\n        });\n\n        if (options.length === 0 && !emptyPlaceholder && !header && !footer) {\n            return null;\n        }\n\n        const renderListItems = () => (\n            <React.Fragment>\n                {options.map((option) =>\n                    isGroup(option) ? renderGroup(option) : renderOption(option, counter()),\n                )}\n\n                {emptyPlaceholder && options.length === 0 && (\n                    <div className={styles.emptyPlaceholder}>{emptyPlaceholder}</div>\n                )}\n            </React.Fragment>\n        );\n\n        const renderWithCustomScrollbar = () => {\n            const scrollableNodeProps = {\n                onScroll: handleScroll,\n                'data-test-id': dataTestId,\n                ref: ref as React.RefObject<HTMLDivElement>,\n            };\n\n            return (\n                <Scrollbar\n                    className={cn(styles.scrollable, scrollbarClassName)}\n                    ref={scrollbarRef}\n                    style={{ height }}\n                    horizontalAutoStretch={optionsListWidth === 'content'}\n                    scrollableNodeProps={scrollableNodeProps}\n                    contentNodeProps={{ ref: listRef }}\n                    maskProps={{\n                        /*\n                         * Для корректного подсчета высоты опций(иначе для optionsListWidth: 'field'\n                         * высота опции всегда будет равна высоте одной строчки)\n                         */\n                        className: cn({\n                            [styles.mask]: optionsListWidth === 'content' && !measured,\n                        }),\n                    }}\n                >\n                    {renderListItems()}\n                </Scrollbar>\n            );\n        };\n\n        const renderWithNativeScrollbar = () => (\n            <div\n                className={cn(styles.scrollable, scrollbarClassName)}\n                ref={mergeRefs([listRef, ref])}\n                onScroll={handleScroll}\n                style={{ height }}\n            >\n                {renderListItems()}\n            </div>\n        );\n\n        const resetHighlightedIndex = () => setHighlightedIndex?.(-1);\n\n        return (\n            <div\n                {...(nativeScrollbar && { 'data-test-id': dataTestId })}\n                className={cn(styles.optionsList, styles[SIZE_TO_CLASSNAME_MAP[size]], className)}\n            >\n                {header && (\n                    <div\n                        className={cn(styles.optionsListHeader, {\n                            [styles.headerHighlighted]: !scrollTop,\n                        })}\n                        onMouseEnter={resetHighlightedIndex}\n                    >\n                        {header}\n                    </div>\n                )}\n\n                {nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar()}\n\n                {showFooter && footer && (\n                    <div\n                        onMouseEnter={resetHighlightedIndex}\n                        className={cn(styles.optionsListFooter, footerClassName, {\n                            [styles.withBorder]:\n                                visibleOptions &&\n                                flatOptions.length > visibleOptions &&\n                                !scrollBottom,\n                        })}\n                    >\n                        {footer}\n                    </div>\n                )}\n            </div>\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOptgroup","DEFAULT_VISIBLE_OPTIONS","useState","useMatchMedia","isClient","useCallback","React","__assign","useRef","useVisibleOptions","isGroup","styles","Scrollbar","cn","mergeRefs","SIZE_TO_CLASSNAME_MAP"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/options-list/Component.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { useMatchMedia } from '@alfalab/core-components-mq';\nimport { Scrollbar } from '@alfalab/core-components-scrollbar';\nimport { isClient } from '@alfalab/core-components-shared';\n\nimport { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { type GroupShape, type OptionShape, type OptionsListProps } from '../../typings';\nimport { isGroup, useVisibleOptions } from '../../utils';\nimport { Optgroup as DefaultOptgroup } from '../optgroup';\n\nimport styles from './index.module.css';\n\nconst createCounter = () => {\n    let count = 0;\n\n    // eslint-disable-next-line no-plusplus\n    return () => count++;\n};\n\nexport const OptionsList = forwardRef<HTMLDivElement, OptionsListProps>(\n    (\n        {\n            size = 48,\n            className,\n            optionGroupClassName,\n            footerClassName,\n            scrollbarClassName,\n            Option,\n            getOptionProps,\n            groupOptionProps = {},\n            options = [],\n            Optgroup = DefaultOptgroup,\n            dataTestId,\n            emptyPlaceholder,\n            visibleOptions = DEFAULT_VISIBLE_OPTIONS,\n            onScroll,\n            open,\n            header,\n            footer,\n            showFooter = true,\n            optionsListWidth,\n            nativeScrollbar: nativeScrollbarProp,\n            flatOptions = [],\n            setHighlightedIndex,\n            selectedItems,\n            search,\n            setSelectedItems,\n            multiple,\n            limitDynamicOptionGroupSize = false,\n        },\n        ref,\n    ) => {\n        const [scrollTop, setScrollTop] = useState(true);\n        const [scrollBottom, setScrollBottom] = useState(false);\n\n        const query = '(max-width: 1023px)';\n        let [nativeScrollbar] = useMatchMedia(query, () =>\n            isClient() ? window.matchMedia(query).matches : true,\n        );\n\n        nativeScrollbar = Boolean(nativeScrollbarProp ?? nativeScrollbar);\n\n        const handleScroll = useCallback(\n            (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n                const scrolledToHeader = event.currentTarget.scrollTop <= 0;\n                const scrolledToFooter =\n                    event.currentTarget.scrollHeight - event.currentTarget.offsetHeight <=\n                    event.currentTarget.scrollTop;\n\n                setScrollTop(scrolledToHeader);\n                setScrollBottom(scrolledToFooter);\n\n                onScroll?.(event);\n            },\n            [onScroll],\n        );\n\n        const renderOption = (option: OptionShape, index: number) => (\n            <Option key={option.key} {...getOptionProps(option, index)} />\n        );\n\n        const listRef = useRef<HTMLDivElement>(null);\n        const scrollbarRef = useRef<HTMLDivElement>(null);\n        const counter = createCounter();\n        const renderGroup = (group: GroupShape) => {\n            const groupSelectedItems = selectedItems?.filter(({ key: selectedItemKey }) =>\n                group.options.some((option) => option.key === selectedItemKey),\n            );\n            const handleSelectedItems = (items: OptionShape[]) => {\n                setSelectedItems(\n                    (\n                        selectedItems?.filter(\n                            ({ key: selectedItemKey }) =>\n                                !group.options.some((option) => option.key === selectedItemKey),\n                        ) ?? []\n                    ).concat(items),\n                );\n            };\n\n            return (\n                <Optgroup\n                    className={optionGroupClassName}\n                    label={group.label}\n                    key={group.label}\n                    size={size}\n                    options={group.options}\n                    selectedItems={groupSelectedItems}\n                    setSelectedItems={handleSelectedItems}\n                    search={search}\n                    multiple={multiple}\n                    {...groupOptionProps}\n                >\n                    {group.options.map((option) => renderOption(option, counter()))}\n                </Optgroup>\n            );\n        };\n\n        const actualOptionsCount = limitDynamicOptionGroupSize && options.length > 0;\n\n        const [measured, height] = useVisibleOptions({\n            visibleOptions,\n            listRef,\n            open,\n            options,\n            actualOptionsCount,\n            size: actualOptionsCount\n                ? (() => {\n                      switch (typeof size) {\n                          case 'string':\n                              throw new Error(\n                                  'OptionsList with `limitDynamicOptionGroupSize` enabled needs a `size` with number type',\n                              );\n                          default:\n                              return size;\n                      }\n                  })()\n                : undefined,\n        });\n\n        if (options.length === 0 && !emptyPlaceholder && !header && !footer) {\n            return null;\n        }\n\n        const renderListItems = () => (\n            <React.Fragment>\n                {options.map((option) =>\n                    isGroup(option) ? renderGroup(option) : renderOption(option, counter()),\n                )}\n\n                {emptyPlaceholder && options.length === 0 && (\n                    <div className={styles.emptyPlaceholder}>{emptyPlaceholder}</div>\n                )}\n            </React.Fragment>\n        );\n\n        const renderWithCustomScrollbar = () => {\n            const scrollableNodeProps = {\n                onScroll: handleScroll,\n                'data-test-id': dataTestId,\n                ref: ref as React.RefObject<HTMLDivElement>,\n            };\n\n            return (\n                <Scrollbar\n                    className={cn(styles.scrollable, scrollbarClassName)}\n                    ref={scrollbarRef}\n                    style={{ height }}\n                    horizontalAutoStretch={optionsListWidth === 'content'}\n                    scrollableNodeProps={scrollableNodeProps}\n                    contentNodeProps={{ ref: listRef }}\n                    maskProps={{\n                        /*\n                         * Для корректного подсчета высоты опций(иначе для optionsListWidth: 'field'\n                         * высота опции всегда будет равна высоте одной строчки)\n                         */\n                        className: cn({\n                            [styles.mask]: optionsListWidth === 'content' && !measured,\n                        }),\n                    }}\n                >\n                    {renderListItems()}\n                </Scrollbar>\n            );\n        };\n\n        const renderWithNativeScrollbar = () => (\n            <div\n                className={cn(styles.scrollable, scrollbarClassName)}\n                ref={mergeRefs([listRef, ref])}\n                onScroll={handleScroll}\n                style={{ height }}\n            >\n                {renderListItems()}\n            </div>\n        );\n\n        const resetHighlightedIndex = () => setHighlightedIndex?.(-1);\n\n        return (\n            <div\n                {...(nativeScrollbar && { 'data-test-id': dataTestId })}\n                className={cn(styles.optionsList, styles[SIZE_TO_CLASSNAME_MAP[size]], className)}\n            >\n                {header && (\n                    <div\n                        className={cn(styles.optionsListHeader, {\n                            [styles.headerHighlighted]: !scrollTop,\n                        })}\n                        onMouseEnter={resetHighlightedIndex}\n                    >\n                        {header}\n                    </div>\n                )}\n\n                {nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar()}\n\n                {showFooter && footer && (\n                    <div\n                        onMouseEnter={resetHighlightedIndex}\n                        className={cn(styles.optionsListFooter, footerClassName, {\n                            [styles.withBorder]:\n                                visibleOptions &&\n                                flatOptions.length > visibleOptions &&\n                                !scrollBottom,\n                        })}\n                    >\n                        {footer}\n                    </div>\n                )}\n            </div>\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOptgroup","DEFAULT_VISIBLE_OPTIONS","useState","useMatchMedia","isClient","useCallback","React","__assign","useRef","useVisibleOptions","isGroup","styles","Scrollbar","cn","mergeRefs","SIZE_TO_CLASSNAME_MAP"],"mappings":"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"}

package/cssm/components/options-list/index.module.css

@@ -19,7 +19,7 @@
 } .optionsListHeader {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
-    transition: border-color 0.2s ease
+    transition: border-color 0.2s ease;
 } .optionsListHeader.headerHighlighted {
         border-bottom-color: var(--color-light-neutral-300);
     } .optionsListFooter {
@@ -27,7 +27,7 @@
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
-    transition: border-color 0.2s ease
+    transition: border-color 0.2s ease;
 } .optionsListFooter.withBorder {
         border-top-color: var(--color-light-neutral-300);
     } .scrollable {

package/cssm/components/search/Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { SearchProps } from '../../typings';
+import { type SearchProps } from '../../typings';
 export declare const Search: React.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/cssm/components/search/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/search/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { Input } from '@alfalab/core-components-input';\nimport { MagnifierMIcon } from '@alfalab/icons-glyph/MagnifierMIcon';\n\nimport { SearchProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Search = forwardRef<HTMLInputElement, SearchProps>(\n    (\n        {\n            clear = true,\n            placeholder = 'Поиск',\n            className,\n            leftAddons = <MagnifierMIcon color='#86868A' />,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <Input\n            ref={ref}\n            className={cn(styles.component, className)}\n            placeholder={placeholder}\n            leftAddons={leftAddons}\n            clear={clear}\n            {...restProps}\n        />\n    ),\n);\n"],"names":["forwardRef","React","MagnifierMIcon","__rest","Input","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;IAUa,MAAM,GAAGA,gBAAU,CAC5B,UACI,EAMC,EACD,GAAG,EAAA;AANC,IAAA,IAAA,EAAY,GAAA,EAAA,CAAA,KAAA,EAAZ,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACZ,EAAqB,GAAA,EAAA,CAAA,WAAA,EAArB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACrB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,UAA+C,EAA/C,UAAU,GAAG,EAAA,KAAA,MAAA,GAAAC,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAC,EAAA,KAAK,EAAC,SAAS,GAAG,GAAA,EAAA,EAC5C,SAAS,GAAAC,YAAA,CAAA,EAAA,EALhB,mDAMC,CADe;AAGf,IAAA,QACDF,sBAAA,CAAA,aAAA,CAACG,UAAK,EAAAC,cAAA,CAAA,EACF,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EAAA,EACR,SAAS,CAAA,CACf;AACL,CAAA;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/search/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { Input } from '@alfalab/core-components-input';\nimport { MagnifierMIcon } from '@alfalab/icons-glyph/MagnifierMIcon';\n\nimport { type SearchProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Search = forwardRef<HTMLInputElement, SearchProps>(\n    (\n        {\n            clear = true,\n            placeholder = 'Поиск',\n            className,\n            leftAddons = <MagnifierMIcon color='#86868A' />,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <Input\n            ref={ref}\n            className={cn(styles.component, className)}\n            placeholder={placeholder}\n            leftAddons={leftAddons}\n            clear={clear}\n            {...restProps}\n        />\n    ),\n);\n"],"names":["forwardRef","React","MagnifierMIcon","__rest","Input","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;IAUa,MAAM,GAAGA,gBAAU,CAC5B,UACI,EAMC,EACD,GAAG,EAAA;AANC,IAAA,IAAA,EAAY,GAAA,EAAA,CAAA,KAAA,EAAZ,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACZ,EAAqB,GAAA,EAAA,CAAA,WAAA,EAArB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACrB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,UAA+C,EAA/C,UAAU,GAAG,EAAA,KAAA,MAAA,GAAAC,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAC,EAAA,KAAK,EAAC,SAAS,GAAG,GAAA,EAAA,EAC5C,SAAS,GAAAC,YAAA,CAAA,EAAA,EALhB,mDAMC,CADe;AAGf,IAAA,QACDF,sBAAA,CAAA,aAAA,CAACG,UAAK,EAAAC,cAAA,CAAA,EACF,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EAAA,EACR,SAAS,CAAA,CACf;AACL,CAAA;;;;"}

package/cssm/components/virtual-options-list/Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { OptionsListProps } from '../../typings';
+import { type OptionsListProps } from '../../typings';
 export declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;