@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

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

@@ -1,13 +1,7 @@
-export { BaseSelect } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'classnames';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '../../../../shared/cssm';
-import '@alfalab/hooks';
-import '../../utils.js';
-import '../native-select/Component.js';
-import './index.module.css';
-import './mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseSelect_Component = require('./Component.js');
+
+
+
+exports.BaseSelect = components_baseSelect_Component.BaseSelect;

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

@@ -1,20 +1,31 @@
-import React, { useCallback } from 'react';
-import cn from 'classnames';
-import { Badge } from '../../../../badge/cssm';
-import { Checkbox } from '../../../../checkbox/cssm';
-import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import CheckmarkMIcon from '@alfalab/icons-glyph/CheckmarkMIcon';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Checkmark = ({ selected, disabled = false, className, multiple, position = 'before', }) => {
-    const single = !multiple;
-    const checkmarkClassNames = cn(styles.checkmark, className, styles[position], {
-        [styles.multiple]: !single,
-        [styles.single]: single,
-        [styles.selected]: selected,
-    });
-    const handleCheckboxClick = useCallback((event) => event.stopPropagation(), []);
-    return single ? (React.createElement("div", { className: checkmarkClassNames }, position === 'before' ? (React.createElement(Badge, { className: styles.after, view: 'icon', size: 'm', iconColor: 'positive', content: React.createElement(CheckmarkCircleMIcon, { className: styles.colorIcon }) })) : (React.createElement(CheckmarkMIcon, { className: cn(styles.displayIcon) })))) : (React.createElement(Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsBadge = require('../../../../badge/cssm');
+var coreComponentsCheckbox = require('../../../../checkbox/cssm');
+var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+var CheckmarkMIcon = require('@alfalab/icons-glyph/CheckmarkMIcon');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var CheckmarkMIcon__default = /*#__PURE__*/_interopDefaultCompat(CheckmarkMIcon);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Checkmark = function (_a) {
+    var _b;
+    var selected = _a.selected, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, multiple = _a.multiple, _d = _a.position, position = _d === void 0 ? 'before' : _d;
+    var single = !multiple;
+    var checkmarkClassNames = cn__default.default(styles__default.default.checkmark, className, styles__default.default[position], (_b = {},
+        _b[styles__default.default.multiple] = !single,
+        _b[styles__default.default.single] = single,
+        _b[styles__default.default.selected] = selected,
+        _b));
+    var handleCheckboxClick = React.useCallback(function (event) { return event.stopPropagation(); }, []);
+    return single ? (React__default.default.createElement("div", { className: checkmarkClassNames }, position === 'before' ? (React__default.default.createElement(coreComponentsBadge.Badge, { className: styles__default.default.after, view: 'icon', size: 'm', iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default.default.colorIcon }) })) : (React__default.default.createElement(CheckmarkMIcon__default.default, { className: cn__default.default(styles__default.default.displayIcon) })))) : (React__default.default.createElement(coreComponentsCheckbox.Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 'm', onClick: handleCheckboxClick }));
 };
 
-export { Checkmark };
+exports.Checkmark = Checkmark;

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

@@ -1,8 +1,7 @@
-export { Checkmark } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../badge/cssm';
-import '../../../../checkbox/cssm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_checkmark_Component = require('./Component.js');
+
+
+
+exports.Checkmark = components_checkmark_Component.Checkmark;

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

@@ -1,11 +1,23 @@
-import React from 'react';
-import cn from 'classnames';
-import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Checkmark = ({ selected, className }) => (React.createElement("div", { className: cn(styles.checkmark, className, {
-        [styles.selected]: selected,
-    }) },
-    React.createElement(CheckmarkMIcon, { className: styles.displayIcon })));
+var React = require('react');
+var cn = require('classnames');
+var CheckmarkMIcon = require('@alfalab/icons-glyph/CheckmarkMIcon');
+var styles = require('./index.module.css');
 
-export { Checkmark };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Checkmark = function (_a) {
+    var _b;
+    var selected = _a.selected, className = _a.className;
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.checkmark, className, (_b = {},
+            _b[styles__default.default.selected] = selected,
+            _b)) },
+        React__default.default.createElement(CheckmarkMIcon.CheckmarkMIcon, { className: styles__default.default.displayIcon })));
+};
+
+exports.Checkmark = Checkmark;

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

@@ -1,5 +1,7 @@
-export { Checkmark } from './Component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_checkmarkMobile_Component = require('./Component.js');
+
+
+
+exports.Checkmark = components_checkmarkMobile_Component.Checkmark;

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

@@ -1,33 +1,44 @@
-import React, { useState, useRef, useCallback } from 'react';
-import cn from 'classnames';
-import { getDataTestId } from '../../../../shared/cssm';
-import { useFocus } from '@alfalab/hooks';
-import { joinOptions } from '../../utils.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Field = ({ size = 56, open, multiple, error, hint, disabled, label, labelView = 'inner', placeholder, selectedMultiple = [], selected, rightAddons, valueRenderer = joinOptions, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, ...restProps }) => {
-    const [focused, setFocused] = useState(false);
-    const wrapperRef = useRef(null);
-    const [focusVisible] = useFocus(wrapperRef, 'keyboard');
-    const handleFocus = useCallback(() => setFocused(true), []);
-    const handleBlur = useCallback(() => setFocused(false), []);
-    const value = valueRenderer({ selected, selectedMultiple });
-    const filled = Boolean(value);
-    const showLabel = !!label || labelView === 'outer';
-    const showPlaceholder = !!placeholder && !filled && (open || !label || labelView === 'outer');
-    return (React.createElement("div", { className: styles.component, ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur }, FormControlComponent ? (React.createElement(FormControlComponent, { dataTestId: getDataTestId(dataTestId, 'form-control'), fieldClassName: cn(styles.field, fieldClassName, {
-            [styles.disabled]: disabled,
-            [styles.focusVisible]: focusVisible,
-        }), 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.createElement(React.Fragment, null,
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsShared = require('../../../../shared/cssm');
+var hooks = require('@alfalab/hooks');
+var utils = require('../../utils.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Field = function (_a) {
+    var _b, _c;
+    var _d = _a.size, size = _d === void 0 ? 56 : _d, open = _a.open; _a.multiple; var error = _a.error, hint = _a.hint, disabled = _a.disabled, label = _a.label, _e = _a.labelView, labelView = _e === void 0 ? 'inner' : _e, placeholder = _a.placeholder, _f = _a.selectedMultiple, selectedMultiple = _f === void 0 ? [] : _f, selected = _a.selected, rightAddons = _a.rightAddons, _g = _a.valueRenderer, valueRenderer = _g === void 0 ? utils.joinOptions : _g; _a.setSelectedItems; _a.toggleMenu; var Arrow = _a.Arrow, innerProps = _a.innerProps, dataTestId = _a.dataTestId, fieldClassName = _a.fieldClassName, FormControlComponent = _a.FormControlComponent, restProps = tslib.__rest(_a, ["size", "open", "multiple", "error", "hint", "disabled", "label", "labelView", "placeholder", "selectedMultiple", "selected", "rightAddons", "valueRenderer", "setSelectedItems", "toggleMenu", "Arrow", "innerProps", "dataTestId", "fieldClassName", "FormControlComponent"]);
+    var _h = React.useState(false), focused = _h[0], setFocused = _h[1];
+    var wrapperRef = React.useRef(null);
+    var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
+    var handleFocus = React.useCallback(function () { return setFocused(true); }, []);
+    var handleBlur = React.useCallback(function () { return setFocused(false); }, []);
+    var value = valueRenderer({ selected: selected, selectedMultiple: selectedMultiple });
+    var filled = Boolean(value);
+    var showLabel = !!label || labelView === 'outer';
+    var showPlaceholder = !!placeholder && !filled && (open || !label || labelView === 'outer');
+    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: coreComponentsShared.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,
             rightAddons,
             Arrow
-                ? React.cloneElement(Arrow, { className: styles.arrow })
-                : null)), "data-test-id": dataTestId, ...restProps, ...innerProps },
-        React.createElement("div", { className: styles.contentWrapper },
-            showPlaceholder && (React.createElement("span", { className: cn(styles.placeholder, {
-                    [styles.focused]: focused || open,
-                }) }, placeholder)),
-            filled && React.createElement("div", { className: styles.value }, value)))) : null));
+                ? React__default.default.cloneElement(Arrow, { className: styles__default.default.arrow })
+                : null)), "data-test-id": dataTestId }, restProps, innerProps),
+        React__default.default.createElement("div", { className: styles__default.default.contentWrapper },
+            showPlaceholder && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.placeholder, (_c = {},
+                    _c[styles__default.default.focused] = focused || open,
+                    _c)) }, placeholder)),
+            filled && React__default.default.createElement("div", { className: styles__default.default.value }, value)))) : null));
 };
 
-export { Field };
+exports.Field = Field;

package/select/cssm/components/field/index.js

@@ -1,7 +1,7 @@
-export { Field } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../shared/cssm';
-import '@alfalab/hooks';
-import '../../utils.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_field_Component = require('./Component.js');
+
+
+
+exports.Field = components_field_Component.Field;

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

@@ -1,22 +1,32 @@
-import React, { useContext, useEffect } from 'react';
-import cn from 'classnames';
-import { BaseModalContext } from '../../../../base-modal/cssm';
-import { ButtonMobile } from '../../../../button/cssm/mobile';
-import { getDataTestId } from '../../../../shared/cssm';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Footer = ({ handleApply, handleClear, showClear, clearText = 'Сбросить', applyText = 'Применить', dataTestId, }) => {
-    const { footerHighlighted, setHasFooter } = useContext(BaseModalContext);
-    useEffect(() => {
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsBaseModal = require('../../../../base-modal/cssm');
+var mobile = require('../../../../button/cssm/mobile');
+var coreComponentsShared = require('../../../../shared/cssm');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Footer = function (_a) {
+    var _b;
+    var handleApply = _a.handleApply, handleClear = _a.handleClear, showClear = _a.showClear, _c = _a.clearText, clearText = _c === void 0 ? 'Сбросить' : _c, _d = _a.applyText, applyText = _d === void 0 ? 'Применить' : _d, dataTestId = _a.dataTestId;
+    var _e = React.useContext(coreComponentsBaseModal.BaseModalContext), footerHighlighted = _e.footerHighlighted, setHasFooter = _e.setHasFooter;
+    React.useEffect(function () {
         setHasFooter(true);
     }, [setHasFooter]);
-    return (React.createElement("div", { 
+    return (React__default.default.createElement("div", { 
         // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-        tabIndex: 0, className: cn(styles.footer, {
-            [styles.highlighted]: footerHighlighted,
-        }) },
-        showClear && (React.createElement(ButtonMobile, { size: 56, view: 'secondary', className: styles.button, onClick: handleClear, dataTestId: getDataTestId(dataTestId, 'clear') }, clearText)),
-        React.createElement(ButtonMobile, { size: 56, view: 'primary', className: styles.button, onClick: handleApply, dataTestId: getDataTestId(dataTestId, 'apply') }, applyText)));
+        tabIndex: 0, className: cn__default.default(styles__default.default.footer, (_b = {},
+            _b[styles__default.default.highlighted] = footerHighlighted,
+            _b)) },
+        showClear && (React__default.default.createElement(mobile.ButtonMobile, { size: 56, view: 'secondary', className: styles__default.default.button, onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'clear') }, clearText)),
+        React__default.default.createElement(mobile.ButtonMobile, { size: 56, view: 'primary', className: styles__default.default.button, onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'apply') }, applyText)));
 };
 
-export { Footer };
+exports.Footer = Footer;

package/select/cssm/components/footer/index.js

@@ -1,7 +1,7 @@
-export { Footer } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../base-modal/cssm';
-import '../../../../button/cssm/mobile';
-import '../../../../shared/cssm';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_footer_Component = require('./Component.js');
+
+
+
+exports.Footer = components_footer_Component.Footer;

package/select/cssm/components/index.js

@@ -1,46 +1,23 @@
-export { Arrow } from './arrow/Component.js';
-export { BaseSelect } from './base-select/Component.js';
-export { Field } from './field/Component.js';
-export { Optgroup } from './optgroup/Component.js';
-export { Option } from './option/Component.js';
-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';
-import 'react';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './arrow/index.module.css';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '../../../shared/cssm';
-import '@alfalab/hooks';
-import '../utils.js';
-import './native-select/Component.js';
-import './base-select/index.module.css';
-import './base-select/mobile.module.css';
-import './field/index.module.css';
-import '../consts.js';
-import './optgroup/index.module.css';
-import './checkmark/Component.js';
-import '../../../badge/cssm';
-import '../../../checkbox/cssm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import './checkmark/index.module.css';
-import './checkmark-mobile/Component.js';
-import './checkmark-mobile/index.module.css';
-import './option/index.module.css';
-import '../../../mq/cssm';
-import '../../../scrollbar/cssm';
-import './options-list/index.module.css';
-import 'react-virtual';
-import './virtual-options-list/index.module.css';
-import './base-checkmark/Component.js';
-import './base-checkmark/index.module.css';
-import './base-option/index.module.css';
-import '../../../input/cssm';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import './search/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_arrow_Component = require('./arrow/Component.js');
+var components_baseSelect_Component = require('./base-select/Component.js');
+var components_field_Component = require('./field/Component.js');
+var components_optgroup_Component = require('./optgroup/Component.js');
+var components_option_Component = require('./option/Component.js');
+var components_optionsList_Component = require('./options-list/Component.js');
+var components_virtualOptionsList_Component = require('./virtual-options-list/Component.js');
+var components_baseOption_Component = require('./base-option/Component.js');
+var components_search_Component = require('./search/Component.js');
+
+
+
+exports.Arrow = components_arrow_Component.Arrow;
+exports.BaseSelect = components_baseSelect_Component.BaseSelect;
+exports.Field = components_field_Component.Field;
+exports.Optgroup = components_optgroup_Component.Optgroup;
+exports.Option = components_option_Component.Option;
+exports.OptionsList = components_optionsList_Component.OptionsList;
+exports.VirtualOptionsList = components_virtualOptionsList_Component.VirtualOptionsList;
+exports.BaseOption = components_baseOption_Component.BaseOption;
+exports.Search = components_search_Component.Search;

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

@@ -1,14 +1,29 @@
-import React, { forwardRef, useCallback } from 'react';
-import { isGroup } from '../../utils.js';
-import '../../../../shared/cssm';
-
-const Option = ({ option }) => (React.createElement("option", { value: option.key, disabled: option.disabled }, typeof option.content === 'string' ? option.content : option.key));
-const Group = ({ label, options }) => (React.createElement("optgroup", { label: label }, options.map((option) => (React.createElement(Option, { option: option, key: option.key })))));
-const NativeSelect = forwardRef(({ className, disabled, multiple, value, name, options, onChange, ...restProps }, ref) => {
-    const handleClick = useCallback((event) => {
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var utils = require('../../utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var Option = function (_a) {
+    var option = _a.option;
+    return (React__default.default.createElement("option", { value: option.key, disabled: option.disabled }, typeof option.content === 'string' ? option.content : option.key));
+};
+var Group = function (_a) {
+    var label = _a.label, options = _a.options;
+    return (React__default.default.createElement("optgroup", { label: label }, options.map(function (option) { return (React__default.default.createElement(Option, { option: option, key: option.key })); })));
+};
+var NativeSelect = React.forwardRef(function (_a, ref) {
+    var className = _a.className, disabled = _a.disabled, multiple = _a.multiple, value = _a.value, name = _a.name, options = _a.options, onChange = _a.onChange, restProps = tslib.__rest(_a, ["className", "disabled", "multiple", "value", "name", "options", "onChange"]);
+    var handleClick = React.useCallback(function (event) {
         event.stopPropagation();
     }, []);
-    return (React.createElement("select", { className: className, disabled: disabled, multiple: multiple, name: name, value: value, onChange: onChange, onClick: handleClick, ref: ref, ...restProps }, options.map((option) => isGroup(option) ? (React.createElement(Group, { ...option, key: option.label })) : (React.createElement(Option, { option: option, key: option.key })))));
+    return (React__default.default.createElement("select", tslib.__assign({ className: className, disabled: disabled, multiple: multiple, name: name, value: value, onChange: onChange, onClick: handleClick, ref: ref }, restProps), options.map(function (option) {
+        return utils.isGroup(option) ? (React__default.default.createElement(Group, tslib.__assign({}, option, { key: option.label }))) : (React__default.default.createElement(Option, { option: option, key: option.key }));
+    })));
 });
 
-export { NativeSelect };
+exports.NativeSelect = NativeSelect;

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

@@ -1,4 +1,7 @@
-export { NativeSelect } from './Component.js';
-import 'react';
-import '../../utils.js';
-import '../../../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_nativeSelect_Component = require('./Component.js');
+
+
+
+exports.NativeSelect = components_nativeSelect_Component.NativeSelect;

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

@@ -1,11 +1,22 @@
-import React from 'react';
-import cn from 'classnames';
-import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Optgroup = ({ children, className, label, size = 48 }) => (React.createElement(React.Fragment, null,
-    React.createElement("div", { className: cn(styles.optgroup, className, styles[SIZE_TO_CLASSNAME_MAP[size]]) },
-        React.createElement("span", { className: styles.label }, label)),
-    children));
+var React = require('react');
+var cn = require('classnames');
+var consts = require('../../consts.js');
+var styles = require('./index.module.css');
 
-export { Optgroup };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Optgroup = function (_a) {
+    var children = _a.children, className = _a.className, label = _a.label, _b = _a.size, size = _b === void 0 ? 48 : _b;
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.optgroup, className, styles__default.default[consts.SIZE_TO_CLASSNAME_MAP[size]]) },
+            React__default.default.createElement("span", { className: styles__default.default.label }, label)),
+        children));
+};
+
+exports.Optgroup = Optgroup;

package/select/cssm/components/optgroup/index.js

@@ -1,5 +1,7 @@
-export { Optgroup } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../consts.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_optgroup_Component = require('./Component.js');
+
+
+
+exports.Optgroup = components_optgroup_Component.Optgroup;

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

@@ -1,29 +1,34 @@
-import React, { isValidElement } from 'react';
-import cn from 'classnames';
-import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
-import { Checkmark as Checkmark$1 } from '../checkmark/Component.js';
-import { Checkmark } from '../checkmark-mobile/Component.js';
-import styles from './index.module.css';
-import '../../../../badge/cssm';
-import '../../../../checkbox/cssm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../checkmark/index.module.css';
-import '../checkmark-mobile/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Option = ({ size = 48, className, option, children, selected, highlighted, disabled, multiple, mobile, Checkmark: Checkmark$2 = mobile ? Checkmark : Checkmark$1, innerProps, dataTestId, }) => {
-    const content = children || option.content || option.key;
-    const { showCheckMark = true } = option;
-    return (React.createElement("div", { ...innerProps, className: cn(styles.option, styles[SIZE_TO_CLASSNAME_MAP[size]], className, {
-            [styles.highlighted]: !mobile && highlighted,
-            [styles.selected]: selected,
-            [styles.disabled]: disabled,
-        }), "data-test-id": dataTestId },
-        Checkmark$2 && showCheckMark && (React.createElement(Checkmark$2, { disabled: disabled, selected: selected, multiple: multiple, position: 'before' })),
-        React.createElement("div", { className: cn(styles.content, {
-                [styles.textContent]: !isValidElement(content),
-            }) }, content),
-        Checkmark$2 && showCheckMark && (React.createElement(Checkmark$2, { disabled: disabled, selected: selected, multiple: multiple, position: 'after' }))));
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var consts = require('../../consts.js');
+var components_checkmark_Component = require('../checkmark/Component.js');
+var components_checkmarkMobile_Component = require('../checkmark-mobile/Component.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Option = function (_a) {
+    var _b, _c;
+    var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, mobile = _a.mobile, _e = _a.Checkmark, Checkmark = _e === void 0 ? mobile ? components_checkmarkMobile_Component.Checkmark : components_checkmark_Component.Checkmark : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId;
+    var content = children || option.content || option.key;
+    var _f = option.showCheckMark, showCheckMark = _f === void 0 ? true : _f;
+    return (React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: cn__default.default(styles__default.default.option, styles__default.default[consts.SIZE_TO_CLASSNAME_MAP[size]], className, (_b = {},
+            _b[styles__default.default.highlighted] = !mobile && highlighted,
+            _b[styles__default.default.selected] = selected,
+            _b[styles__default.default.disabled] = disabled,
+            _b)), "data-test-id": dataTestId }),
+        Checkmark && showCheckMark && (React__default.default.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'before' })),
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.content, (_c = {},
+                _c[styles__default.default.textContent] = !React.isValidElement(content),
+                _c)) }, content),
+        Checkmark && showCheckMark && (React__default.default.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'after' }))));
 };
 
-export { Option };
+exports.Option = Option;

package/select/cssm/components/option/index.js

@@ -1,13 +1,7 @@
-export { Option } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../consts.js';
-import '../checkmark/Component.js';
-import '../../../../badge/cssm';
-import '../../../../checkbox/cssm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../checkmark/index.module.css';
-import '../checkmark-mobile/Component.js';
-import '../checkmark-mobile/index.module.css';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_option_Component = require('./Component.js');
+
+
+
+exports.Option = components_option_Component.Option;