@alfalab/core-components-select 17.20.13 → 17.20.14-snapshot-1393ffa

package/moderncssm/components/checkmark/Component.js.map

@@ -0,0 +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, CheckboxProps } from '@alfalab/core-components-checkbox';\nimport { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';\nimport CheckmarkMIcon from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { 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='m'\n            onClick={handleCheckboxClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;;;;MAYa,SAAS,GAAG,CAAC,EACtB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,QAAQ,GACN,KAAI;AACjB,IAAA,MAAM,MAAM,GAAG,CAAC,QAAQ;AAExB,IAAA,MAAM,mBAAmB,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;AAC1E,QAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,CAAC,MAAM;AAC1B,QAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,QAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC9B,KAAA,CAAC;AAEF,IAAA,MAAM,mBAAmB,GAAG,WAAW,CACnC,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE,EAClC,EAAE,CACL;IAED,OAAO,MAAM,IACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,mBAAmB,EAAA,EAC9B,QAAQ,KAAK,QAAQ,IAClB,KAAC,CAAA,aAAA,CAAA,KAAK,EACF,EAAA,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,KAAC,CAAA,aAAA,CAAA,oBAAoB,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,CAAI,GAChE,KAEF,oBAAC,cAAc,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAA,CAAI,CACxD,CACC,KAEN,oBAAC,QAAQ,EAAA,EACL,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,mBAAmB,EAC9B,CAAA,CACL;AACL;;;;"}

package/moderncssm/components/checkmark/index.js

@@ -1 +1,2 @@
 export { Checkmark } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/checkmark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,12 +1,5 @@
-/* */
 :root {
 
-    /* options list */
-
-    /* option */
-
-    /* checkmark */
-
     --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;
@@ -17,8 +10,6 @@
     --select-checkmark-unselected-opacity: 0;
     --select-checkmark-background: var(--color-light-neutral-translucent-1300);
     --select-checkmark-border-radius: var(--border-radius-circle);
-
-    /* optgroup */
 }
 .checkmark {
     flex-shrink: 0;

package/moderncssm/components/checkmark-mobile/Component.js

@@ -9,3 +9,4 @@ const Checkmark = ({ selected, className }) => (React.createElement("div", { cla
     React.createElement(CheckmarkMIcon, { className: styles.displayIcon })));
 
 export { Checkmark };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +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":[],"mappings":";;;;;AASa,MAAA,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAkB,MAC7D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,QAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;KAC9B,CAAC,EAAA;IAEF,KAAC,CAAA,aAAA,CAAA,cAAc,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAAI,CAC/C;;;;"}

package/moderncssm/components/checkmark-mobile/index.js

@@ -1 +1,2 @@
 export { Checkmark } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/checkmark-mobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,15 +1,6 @@
-/* */
 :root {
-
-    /* options list */
-
-    /* option */
-
-    /* checkmark */
     --select-mobile-checkmark-display-icon: block;
     --select-mobile-checkmark-display-badge: none;
-
-    /* optgroup */
 }
 .checkmark {
     flex-shrink: 0;

package/moderncssm/components/clear-button/Component.js

@@ -12,3 +12,4 @@ const ClearButton = ({ disabled, onClick, dataTestId, size }) => {
 };
 
 export { ClearButton };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +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, styles[`size-${size}`])}\n            onClick={onClick}\n            tabIndex={-1}\n            dataTestId={dataTestId}\n        >\n            <IconComponent className={styles.clearIcon} />\n        </Button>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAWO,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAoB,KAAI;AACrF,IAAA,MAAM,aAAa,GAAG,IAAI,KAAK,EAAE,GAAG,gBAAgB,GAAG,gBAAgB;IAEvE,QACI,oBAAC,MAAM,EAAA,EACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACP,kDAAU,EACrB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,QAAQ,IAAI,CAAA,CAAE,CAAC,CAAC,EACzD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,UAAU,EAAA;QAEtB,KAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,CAAI,CACzC;AAEjB;;;;"}

package/moderncssm/components/clear-button/index.js

@@ -1 +1,2 @@
 export { ClearButton } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/clear-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,28 +1,5 @@
-/* */
-
 :root {
-
-    /* disabled */
-
-    /* read-only */
-
-    /* error */
-
-    /* display */
     --input-error-icon-display: none;
-
-    /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-}
-
-:root {
-
-    /* options list */
-
-    /* option */
-
-    /* checkmark */
-
-    /* optgroup */
 }
 
 .clearIcon {

package/moderncssm/components/field/Component.js

@@ -33,3 +33,4 @@ const Field = ({ size = 56, open, multiple, error, hint, disabled, label, labelV
 };
 
 export { Field };
+//# sourceMappingURL=Component.js.map

package/moderncssm/components/field/Component.js.map

@@ -0,0 +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    ...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 });\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":[],"mappings":"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"}

package/moderncssm/components/field/index.js

@@ -1 +1,2 @@
 export { Field } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,28 +1,9 @@
-/* */
 :root {
     --input-placeholder-color: var(--color-light-text-secondary);
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
-
-    /* disabled */
-
-    /* read-only */
-
-    /* error */
-
-    /* display */
-
-    /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 }
 :root {
     --select-arrow-hover-opacity: 0.7;
-
-    /* options list */
-
-    /* option */
-
-    /* checkmark */
-
-    /* optgroup */
 }
 .component {
     width: 100%;

package/moderncssm/components/footer/Component.js

@@ -20,3 +20,4 @@ const Footer = ({ handleApply, handleClear, showClear, clearText = 'Сброси
 };
 
 export { Footer };
+//# sourceMappingURL=Component.js.map

package/moderncssm/components/footer/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../src/components/footer/Component.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModalContext } from '@alfalab/core-components-base-modal';\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport styles from './index.module.css';\n\nexport type FooterProps = {\n    handleClear?: () => void;\n    handleApply?: () => void;\n    showClear?: boolean;\n    clearText?: string;\n    applyText?: string;\n    dataTestId?: string;\n};\n\nexport const Footer = ({\n    handleApply,\n    handleClear,\n    showClear,\n    clearText = 'Сбросить',\n    applyText = 'Применить',\n    dataTestId,\n}: FooterProps) => {\n    const { footerHighlighted, setHasFooter } = useContext(BaseModalContext);\n\n    useEffect(() => {\n        setHasFooter(true);\n    }, [setHasFooter]);\n\n    return (\n        <div\n            // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n            tabIndex={0}\n            className={cn(styles.footer, {\n                [styles.highlighted]: footerHighlighted,\n            })}\n        >\n            {showClear && (\n                <ButtonMobile\n                    size={56}\n                    view='secondary'\n                    className={styles.button}\n                    onClick={handleClear}\n                    dataTestId={getDataTestId(dataTestId, 'clear')}\n                >\n                    {clearText}\n                </ButtonMobile>\n            )}\n\n            <ButtonMobile\n                size={56}\n                view='primary'\n                className={styles.button}\n                onClick={handleApply}\n                dataTestId={getDataTestId(dataTestId, 'apply')}\n            >\n                {applyText}\n            </ButtonMobile>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;MAkBa,MAAM,GAAG,CAAC,EACnB,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,GAAG,UAAU,EACtB,SAAS,GAAG,WAAW,EACvB,UAAU,GACA,KAAI;IACd,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC;IAExE,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;QAEI,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE;AACzB,YAAA,CAAC,MAAM,CAAC,WAAW,GAAG,iBAAiB;SAC1C,CAAC,EAAA;AAED,QAAA,SAAS,KACN,KAAC,CAAA,aAAA,CAAA,YAAY,IACT,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,WAAW,EAChB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,EAE7C,EAAA,SAAS,CACC,CAClB;AAED,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,EAE7C,EAAA,SAAS,CACC,CACb;AAEd;;;;"}

package/moderncssm/components/footer/index.js

@@ -1 +1,2 @@
 export { Footer } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,14 +1,3 @@
-/* */
-:root {
-
-    /* options list */
-
-    /* option */
-
-    /* checkmark */
-
-    /* optgroup */
-}
 .footer {
     display: flex;
     box-sizing: border-box;

package/moderncssm/components/index.js

@@ -9,3 +9,4 @@ export { OptionsList } from './options-list/Component.js';
 export { VirtualOptionsList } from './virtual-options-list/Component.js';
 export { BaseOption } from './base-option/Component.js';
 export { Search } from './search/Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/moderncssm/components/native-select/Component.js

@@ -11,3 +11,4 @@ const NativeSelect = forwardRef(({ className, disabled, multiple, value, name, o
 });
 
 export { NativeSelect };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +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":[],"mappings":";;;AAiBA,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAA2B,MAC/C,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAC/C,EAAA,OAAO,MAAM,CAAC,OAAO,KAAK,QAAQ,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAC5D,CACZ;AAED,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAc,MACzC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAE,KAAK,IACjB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAChB,KAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAA,CAAI,CAC9C,CAAC,CACK,CACd;AAEM,MAAM,YAAY,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACrF,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAA0C,KAAI;QAC3E,KAAK,CAAC,eAAe,EAAE;KAC1B,EAAE,EAAE,CAAC;AAEN,IAAA,QACI,KACI,CAAA,aAAA,CAAA,QAAA,EAAA,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,GACJ,SAAS,EAEZ,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAChB,OAAO,CAAC,MAAM,CAAC,IACX,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,EAAI,CAAA,KAExC,KAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAA,CAAI,CAC9C,CACJ,CACI;AAEjB,CAAC;;;;"}

package/moderncssm/components/native-select/index.js

@@ -1 +1,2 @@
 export { NativeSelect } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/native-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/components/optgroup/Component.js

@@ -9,3 +9,4 @@ const Optgroup = ({ children, className, label, size = 48 }) => (React.createEle
     children));
 
 export { Optgroup };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +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":[],"mappings":";;;;;MAQa,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE,EAAiB,MAC7E,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;AACX,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAA;QAC/E,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,KAAK,EAAG,EAAA,KAAK,CAAQ,CAC3C;IACL,QAAQ,CACI;;;;"}

package/moderncssm/components/optgroup/index.js

@@ -1 +1,2 @@
 export { Optgroup } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/optgroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,14 +1,5 @@
-/* */
 :root {
 
-    /* options list */
-
-    /* option */
-
-    /* checkmark */
-
-    /* optgroup */
-
     --select-optgroup-color: var(--color-light-text-secondary);
     --select-optgroup-background: var(--color-light-modal-bg-primary);
     --select-optgroup-left-padding: var(--gap-12);

package/moderncssm/components/option/Component.js

@@ -18,3 +18,4 @@ const OptionBase = ({ size = 48, className, option, children, selected, highligh
 };
 
 export { OptionBase };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +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":[],"mappings":";;;;AAoBO,MAAM,UAAU,GAA+C,CAAC,EACnE,IAAI,GAAG,EAAE,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,EACV,MAAM,GACT,KAAI;IACD,MAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AACxD,IAAA,MAAM,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,MAAM;IAEvC,QACI,gCACQ,UAAU,EACd,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,EAAE;YACzE,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,MAAM,IAAI,WAAW;AAC5C,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC9B,SAAA,CAAC,kBACY,UAAU,EAAA;QAEvB,SAAS,IAAI,aAAa,KACvB,oBAAC,SAAS,EAAA,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,QAAQ,EAAA,CACnB,CACL;AAED,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC1B,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC;aACjD,CAAC,EAAA,EAED,OAAO,CACN;QAGL,SAAS,IAAI,aAAa,KACvB,KAAA,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/moderncssm/components/option/Component.responsive.js

@@ -5,3 +5,4 @@ import { OptionMobile } from './mobile/Component.js';
 const OptionResponsive = ({ mobile, ...props }) => mobile ? React.createElement(OptionMobile, { ...props }) : React.createElement(OptionDesktop, { ...props });
 
 export { OptionResponsive };
+//# sourceMappingURL=Component.responsive.js.map

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

@@ -0,0 +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":[],"mappings":";;;;AAOO,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAe,KAC9D,MAAM,GAAG,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAA,GAAK,KAAK,EAAI,CAAA,GAAG,KAAC,CAAA,aAAA,CAAA,aAAa,EAAK,EAAA,GAAA,KAAK;;;;"}

package/moderncssm/components/option/desktop/Component.js

@@ -6,3 +6,4 @@ import styles from './index.module.css';
 const OptionDesktop = ({ Checkmark: Checkmark$1 = Checkmark, ...props }) => (React.createElement(OptionBase, { ...props, mobile: false, Checkmark: Checkmark$1, styles: styles }));
 
 export { OptionDesktop };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +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":["Checkmark","DefaultCheckMark"],"mappings":";;;;;AAQO,MAAM,aAAa,GAAG,CAAC,aAAEA,WAAS,GAAGC,SAAgB,EAAE,GAAG,KAAK,EAAqB,MACvF,KAAC,CAAA,aAAA,CAAA,UAAU,OAAK,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAED,WAAS,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI;;;;"}

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

@@ -1,12 +1,7 @@
-/* */
 :root {
-
-    /* options list */
     --select-option-divider-display: none;
     --select-option-divider-background: var(--color-light-neutral-400);
 
-    /* option */
-
     --select-option-left-padding: var(--gap-12);
     --select-option-right-padding: var(--gap-12);
     --select-option-l-left-padding: var(--gap-16);
@@ -21,10 +16,6 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
-
-    /* checkmark */
-
-    /* optgroup */
 }
 .option {
     font-size: 16px;

package/moderncssm/components/option/index.js

@@ -1,3 +1,4 @@
 export { OptionDesktop } from './desktop/Component.js';
 export { OptionMobile } from './mobile/Component.js';
 export { OptionResponsive as Option } from './Component.responsive.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/moderncssm/components/option/mobile/Component.js

@@ -6,3 +6,4 @@ import styles from './index.module.css';
 const OptionMobile = ({ Checkmark: Checkmark$1 = Checkmark, ...props }) => (React.createElement(OptionBase, { ...props, mobile: true, Checkmark: Checkmark$1, styles: styles }));
 
 export { OptionMobile };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +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":["Checkmark","DefaultCheckMark"],"mappings":";;;;;AAQO,MAAM,YAAY,GAAG,CAAC,aAAEA,WAAS,GAAGC,SAAgB,EAAE,GAAG,KAAK,EAAqB,MACtF,KAAC,CAAA,aAAA,CAAA,UAAU,OAAK,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAED,WAAS,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI;;;;"}

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

@@ -1,12 +1,7 @@
-/* */
 :root {
-
-    /* options list */
     --select-option-divider-display: none;
     --select-option-divider-background: var(--color-light-neutral-400);
 
-    /* option */
-
     --select-option-left-padding: var(--gap-12);
     --select-option-right-padding: var(--gap-12);
     --select-option-l-left-padding: var(--gap-16);
@@ -21,10 +16,6 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
-
-    /* checkmark */
-
-    /* optgroup */
 }
 .option {
     font-size: 16px;

package/moderncssm/components/options-list/Component.js

@@ -95,3 +95,4 @@ const OptionsList = forwardRef(({ size = 48, className, optionGroupClassName, fo
 });
 
 export { OptionsList };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +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 = useVisibleOptions({\n            ...(!nativeScrollbar && { styleTargetRef: scrollbarRef }),\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                    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            >\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":["Optgroup","DefaultOptgroup"],"mappings":"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"}

package/moderncssm/components/options-list/index.js

@@ -1 +1,2 @@
 export { OptionsList } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/options-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,14 +1,5 @@
-/* */
 :root {
-
-    /* options list */
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
-
-    /* option */
-
-    /* checkmark */
-
-    /* optgroup */
 }
 .optionsList {
     width: 100%;

package/moderncssm/components/search/Component.js

@@ -7,3 +7,4 @@ import styles from './index.module.css';
 const Search = forwardRef(({ clear = true, placeholder = 'Поиск', className, leftAddons = React.createElement(MagnifierMIcon, { color: '#86868A' }), ...restProps }, ref) => (React.createElement(Input, { ref: ref, className: cn(styles.component, className), placeholder: placeholder, leftAddons: leftAddons, clear: clear, ...restProps })));
 
 export { Search };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +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":[],"mappings":";;;;;;AAUO,MAAM,MAAM,GAAG,UAAU,CAC5B,CACI,EACI,KAAK,GAAG,IAAI,EACZ,WAAW,GAAG,OAAO,EACrB,SAAS,EACT,UAAU,GAAG,KAAC,CAAA,aAAA,CAAA,cAAc,IAAC,KAAK,EAAC,SAAS,EAAA,CAAG,EAC/C,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAC,CAAA,aAAA,CAAA,KAAK,EACF,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACR,GAAA,SAAS,EACf,CAAA,CACL;;;;"}

package/moderncssm/components/search/index.js

@@ -1 +1,2 @@
 export { Search } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/components/search/index.module.css

@@ -1,14 +1,3 @@
-/* */
-:root {
-
-    /* options list */
-
-    /* option */
-
-    /* checkmark */
-
-    /* optgroup */
-}
 .component.component {
     width: auto;
 }

package/moderncssm/components/virtual-options-list/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { useMatchMedia } from '@alfalab/core-components-mq/moderncssm';
 import { Scrollbar } from '@alfalab/core-components-scrollbar/moderncssm';
 import { isClient } from '@alfalab/core-components-shared/moderncssm';
-import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js';
+import { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { usePrevious, lastIndexOf, useVirtualVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 import styles from './index.module.css';
@@ -136,3 +136,4 @@ const VirtualOptionsList = forwardRef(({ size = 48, flatOptions = [], highlighte
 });
 
 export { VirtualOptionsList };
+//# sourceMappingURL=Component.js.map

package/moderncssm/components/virtual-options-list/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../src/components/virtual-options-list/Component.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { useVirtual } from 'react-virtual';\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, lastIndexOf, usePrevious, useVirtualVisibleOptions } from '../../utils';\nimport { Optgroup as DefaultOptgroup } from '../optgroup';\n\nimport styles from './index.module.css';\n\nexport const VirtualOptionsList = forwardRef<HTMLDivElement, OptionsListProps>(\n    (\n        {\n            size = 48,\n            flatOptions = [],\n            highlightedIndex = -1,\n            optionGroupClassName,\n            className,\n            getOptionProps,\n            groupOptionProps = {},\n            Option,\n            open,\n            options = [],\n            Optgroup = DefaultOptgroup,\n            dataTestId,\n            emptyPlaceholder,\n            visibleOptions = DEFAULT_VISIBLE_OPTIONS,\n            header,\n            footer,\n            showFooter = true,\n            optionsListWidth,\n            onScroll,\n            nativeScrollbar: nativeScrollbarProp,\n            setHighlightedIndex,\n            selectedItems,\n            setSelectedItems,\n            search,\n            multiple,\n        },\n        ref,\n    ) => {\n        const listRef = useRef<HTMLDivElement>(null);\n        const parentRef = useRef<HTMLDivElement>(null);\n        const scrollbarRef = useRef<HTMLDivElement>(null);\n        const [visibleOptionsInvalidateKey, setVisibleOptionsInvalidateKey] = useState('');\n        const prevHighlightedIndex = usePrevious(highlightedIndex) || -1;\n\n        const query = '(max-width: 1023px)';\n        let [nativeScrollbar] = useMatchMedia(query, () =>\n            isClient() ? window.matchMedia(query).matches : true,\n        );\n\n        const rowVirtualizer = useVirtual({\n            size: flatOptions.length,\n            parentRef: (ref || parentRef) as React.RefObject<HTMLDivElement>,\n            overscan: 15,\n        });\n\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        nativeScrollbar = Boolean(nativeScrollbarProp ?? nativeScrollbar);\n\n        // Сколл к выбранному пункту при открытии меню\n        useEffect(() => {\n            if (open) {\n                rowVirtualizer.scrollToIndex(highlightedIndex, { align: 'end' });\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [open]);\n\n        // Скролл к пункту, которого нет на экране\n        useEffect(() => {\n            if (highlightedIndex === -1) return;\n\n            if (!rowVirtualizer.virtualItems.some((option) => option.index === highlightedIndex)) {\n                rowVirtualizer.scrollToIndex(highlightedIndex, { align: 'end' });\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [highlightedIndex]);\n\n        // Циклическая навигация\n        useEffect(() => {\n            const notDisabled = (option: OptionShape) => !option.disabled;\n            const firstNonDisabled = flatOptions.findIndex(notDisabled);\n            const lastNonDisabled = lastIndexOf(flatOptions, notDisabled);\n\n            if (\n                prevHighlightedIndex <= firstNonDisabled &&\n                highlightedIndex === flatOptions.length - 1\n            ) {\n                rowVirtualizer.scrollToIndex(lastNonDisabled);\n            }\n\n            if (prevHighlightedIndex >= lastNonDisabled && highlightedIndex === 0) {\n                rowVirtualizer.scrollToIndex(0);\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [prevHighlightedIndex, highlightedIndex]);\n\n        useEffect(() => {\n            setVisibleOptionsInvalidateKey(\n                /**\n                 * react-virtual может несколько раз отрендерить список с одним элементом,\n                 * поэтому нужно еще раз пересчитать высоту, когда список ВИДИМЫХ пунктов будет отрендерен полностью\n                 * Также, высоту нужно пересчитывать при изменении пунктов меню\n                 */\n                rowVirtualizer.virtualItems\n                    .slice(0, Math.min(rowVirtualizer.virtualItems.length, visibleOptions + 1))\n                    .map((item) => flatOptions[item.index].key)\n                    .join('_'),\n            );\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [rowVirtualizer.virtualItems.length, flatOptions]);\n\n        useVirtualVisibleOptions({\n            visibleOptions,\n            invalidate: visibleOptionsInvalidateKey,\n            listRef,\n            styleTargetRef: nativeScrollbar ? parentRef : scrollbarRef,\n            open,\n        });\n\n        // Т.к. рендерится плоский список, необходимо знать индекс, когда начинается новая группа\n        const groupStartIndexes = useMemo(() => {\n            let currentIndex = 0;\n\n            return options.reduce((acc: { [key: number]: number }, option, index) => {\n                if (isGroup(option)) {\n                    acc[currentIndex] = index;\n                    currentIndex += option.options.length;\n                } else {\n                    currentIndex += 1;\n                }\n\n                return acc;\n            }, {});\n        }, [options]);\n\n        const renderList = () =>\n            rowVirtualizer.virtualItems.map((virtualRow) => {\n                const option = flatOptions[virtualRow.index];\n                const renderGroup = () => {\n                    const group = options[groupStartIndexes[virtualRow.index]] as GroupShape;\n\n                    if (!group) return null;\n\n                    const groupSelectedItems = selectedItems?.filter(({ key: selectedItemKey }) =>\n                        group.options.some((opt) => opt.key === selectedItemKey),\n                    );\n                    const handleSelectedItems = (items: OptionShape[]) => {\n                        setSelectedItems(\n                            (\n                                selectedItems?.filter(\n                                    ({ key: selectedItemKey }) =>\n                                        !group.options.some((opt) => opt.key === selectedItemKey),\n                                ) ?? []\n                            ).concat(items),\n                        );\n                    };\n\n                    return (\n                        <Optgroup\n                            label={group.label}\n                            size={size}\n                            className={optionGroupClassName}\n                            options={group.options}\n                            selectedItems={groupSelectedItems}\n                            setSelectedItems={handleSelectedItems}\n                            search={search}\n                            multiple={multiple}\n                            {...groupOptionProps}\n                        />\n                    );\n                };\n\n                return (\n                    <div\n                        key={virtualRow.index}\n                        ref={virtualRow.measureRef}\n                        className={cn(styles.virtualRow, {\n                            [styles.highlighted]: highlightedIndex === virtualRow.index,\n                        })}\n                        style={{\n                            transform: `translateY(${virtualRow.start}px)`,\n                        }}\n                    >\n                        {renderGroup()}\n                        {!isGroup(option) && (\n                            <Option {...getOptionProps(option, virtualRow.index)} />\n                        )}\n                    </div>\n                );\n            });\n\n        const contentNodeProps = {\n            className: styles.inner,\n            style: { height: `${rowVirtualizer.totalSize}px` },\n            ref: listRef,\n        };\n\n        const renderWithCustomScrollbar = () => (\n            <Scrollbar\n                className={styles.scrollable}\n                ref={scrollbarRef}\n                horizontalAutoStretch={optionsListWidth === 'content'}\n                scrollableNodeProps={{ onScroll, ref: parentRef }}\n                contentNodeProps={contentNodeProps}\n            >\n                {renderList()}\n            </Scrollbar>\n        );\n\n        const renderWithNativeScrollbar = () => {\n            if (visibleOptions) {\n                return (\n                    <div\n                        className={styles.scrollable}\n                        ref={mergeRefs([parentRef, ref])}\n                        onScroll={onScroll}\n                    >\n                        <div {...contentNodeProps}>{renderList()}</div>\n                    </div>\n                );\n            }\n\n            return <div {...contentNodeProps}>{renderList()}</div>;\n        };\n\n        const resetHighlightedIndex = () => setHighlightedIndex?.(-1);\n\n        if (options.length === 0 && !emptyPlaceholder) {\n            return null;\n        }\n\n        return (\n            <div\n                className={cn(\n                    styles.virtualOptionsList,\n                    styles[SIZE_TO_CLASSNAME_MAP[size]],\n                    className,\n                )}\n                data-test-id={dataTestId}\n            >\n                {header && (\n                    <div\n                        className={styles.virtualOptionsListHeader}\n                        onMouseEnter={resetHighlightedIndex}\n                    >\n                        {header}\n                    </div>\n                )}\n\n                {nativeScrollbar ? renderWithNativeScrollbar() : renderWithCustomScrollbar()}\n\n                {emptyPlaceholder && options.length === 0 && (\n                    <div className={styles.emptyPlaceholder}>{emptyPlaceholder}</div>\n                )}\n\n                {showFooter && footer && (\n                    <div\n                        onMouseEnter={resetHighlightedIndex}\n                        className={cn(styles.virtualOptionsListFooter, {\n                            [styles.withBorder]:\n                                visibleOptions && flatOptions.length > visibleOptions,\n                        })}\n                    >\n                        {footer}\n                    </div>\n                )}\n            </div>\n        );\n    },\n);\n"],"names":["Optgroup","DefaultOptgroup"],"mappings":"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"}

package/moderncssm/components/virtual-options-list/index.js

@@ -1 +1,2 @@
 export { VirtualOptionsList } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/virtual-options-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/components/virtual-options-list/index.module.css

@@ -1,19 +1,10 @@
-/* */
 :root {
-
-    /* options list */
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
     --select-option-divider-display: none;
     --select-option-divider-background: var(--color-light-neutral-400);
 
-    /* option */
-
     --select-option-left-padding: var(--gap-12);
     --select-option-right-padding: var(--gap-12);
-
-    /* checkmark */
-
-    /* optgroup */
 }
 .virtualOptionsList {
     width: 100%;

package/moderncssm/consts.js

@@ -12,3 +12,4 @@ const SIZE_TO_CLASSNAME_MAP = {
 };
 
 export { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP };
+//# sourceMappingURL=consts.js.map

package/moderncssm/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../../src/consts.ts"],"sourcesContent":["export const DEFAULT_VISIBLE_OPTIONS = 5;\n\nexport const SIZE_TO_CLASSNAME_MAP = {\n    s: 'size-48',\n    m: 'size-56',\n    l: 'size-64',\n    xl: 'size-72',\n    40: 'size-40',\n    48: 'size-48',\n    56: 'size-56',\n    64: 'size-64',\n    72: 'size-72',\n};\n"],"names":[],"mappings":"AAAO,MAAM,uBAAuB,GAAG;AAE1B,MAAA,qBAAqB,GAAG;AACjC,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;;;;;"}