@alfalab/core-components-picker-button 10.0.4 → 10.1.1

package/Component.d.ts

@@ -2,11 +2,11 @@
 import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectProps, OptionShape } from "@alfalab/core-components-select";
+import { BaseSelectProps } from "@alfalab/core-components-select";
 type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
 type PickerButtonVariant = 'default' | 'compact';
 type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
-    options: Array<OptionShape & {
+    options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */
@@ -21,8 +21,8 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
      */
     variant?: PickerButtonVariant;
 };
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
-    options: Array<OptionShape & {
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */

package/Component.js

@@ -1,26 +1,19 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-29da371c.js');
+var tslib_es6 = require('./tslib.es6-23ba87f4.js');
 var React = require('react');
-var coreComponentsSelect = require('@alfalab/core-components-select');
 var cn = require('classnames');
+var coreComponentsSelect = require('@alfalab/core-components-select');
+var field_Component = require('./field/Component.js');
+var option_Component = require('./option/Component.js');
 require('@alfalab/core-components-button');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
-var field_Component = require('./field/Component.js');
-var option_Component = require('./option/Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"container":"picker-button__container_1qdnt","optionsPopover":"picker-button__optionsPopover_1qdnt","sideGap":"picker-button__sideGap_1qdnt","optionsListContainer":"picker-button__optionsListContainer_1qdnt","option":"picker-button__option_1qdnt"};
+var styles = {"container":"picker-button__container_j6qhc","optionsPopover":"picker-button__optionsPopover_j6qhc","sideGap":"picker-button__sideGap_j6qhc","optionsListContainer":"picker-button__optionsListContainer_j6qhc","option":"picker-button__option_j6qhc"};
 require('./index.css')
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -28,7 +21,7 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.OptionsList, OptionsList = _c === void 0 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName"]);
     var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
-    return (React__default['default'].createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
+    return (React.createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
             view: view,
             loading: loading,
             /** size у select, button несовместимы */
@@ -36,9 +29,9 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
-        }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default['default'](styles.container, className), popperClassName: cn__default['default']('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
+        }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
             _b[styles.sideGap] = isSideGap,
-            _b)), optionsListClassName: cn__default['default'](styles.optionsListContainer, optionsListClassName), optionClassName: cn__default['default'](styles.option, optionClassName), selected: [], closeOnSelect: true })));
+            _b)), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true })));
 });
 
 exports.PickerButtonDesktop = PickerButtonDesktop;

package/Component.mobile.js

@@ -1,27 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-29da371c.js');
+var tslib_es6 = require('./tslib.es6-23ba87f4.js');
 var React = require('react');
 var coreComponentsSelect = require('@alfalab/core-components-select');
+var field_Component = require('./field/Component.js');
+var option_Component = require('./option/Component.js');
 require('classnames');
 require('@alfalab/core-components-button');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
-var field_Component = require('./field/Component.js');
-var option_Component = require('./option/Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var PickerButtonMobile = React.forwardRef(function (_a, ref) {
     var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? coreComponentsSelect.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, restProps = tslib_es6.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps"]);
-    return (React__default['default'].createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib_es6.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
+    return (React.createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib_es6.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
             view: view,
             loading: loading,
             /** size у select, button несовместимы */

package/Component.responsive.d.ts

@@ -11,8 +11,8 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
      */
     breakpoint?: number;
 };
-declare const PickerButton: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
-    options: (import("@alfalab/core-components-select").OptionShape & {
+declare const PickerButton: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: ((import("@alfalab/core-components-select").OptionShape | import("@alfalab/core-components-select").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
     size?: import("./Component").PickerButtonSize | undefined;

package/Component.responsive.js

@@ -1,34 +1,28 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-29da371c.js');
+var tslib_es6 = require('./tslib.es6-23ba87f4.js');
 var React = require('react');
-require('@alfalab/core-components-select');
+var hooks = require('@alfalab/hooks');
+var Component = require('./Component.js');
+var Component_mobile = require('./Component.mobile.js');
 require('classnames');
+require('@alfalab/core-components-select');
+require('./field/Component.js');
 require('@alfalab/core-components-button');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
-require('./field/Component.js');
 require('./option/Component.js');
-var Component_mobile = require('./Component.mobile.js');
-var hooks = require('@alfalab/hooks');
-var Component = require('./Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var PickerButton = React.forwardRef(function (_a, ref) {
     var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib_es6.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var view = hooks.useMedia([
-        ['mobile', "(max-width: " + (breakpoint - 1) + "px)"],
-        ['desktop', "(min-width: " + breakpoint + "px)"],
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
-    return view === 'desktop' ? (React__default['default'].createElement(Component.PickerButtonDesktop, tslib_es6.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default['default'].createElement(Component_mobile.PickerButtonMobile, tslib_es6.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
+    return view === 'desktop' ? (React.createElement(Component.PickerButtonDesktop, tslib_es6.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(Component_mobile.PickerButtonMobile, tslib_es6.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
 });
 
 exports.PickerButton = PickerButton;

package/cssm/Component.d.ts

@@ -2,11 +2,11 @@
 import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectProps, OptionShape } from "@alfalab/core-components-select";
+import { BaseSelectProps } from "@alfalab/core-components-select";
 type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
 type PickerButtonVariant = 'default' | 'compact';
 type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
-    options: Array<OptionShape & {
+    options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */
@@ -22,7 +22,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
     variant?: PickerButtonVariant;
 };
 declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
-    options: Array<OptionShape & {
+    options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */

package/cssm/Component.js

@@ -1,35 +1,27 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-9682e485.js');
+var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
 var React = require('react');
-var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
 var cn = require('classnames');
+var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
+var field_Component = require('./field/Component.js');
+var option_Component = require('./option/Component.js');
+var styles = require('./index.module.css');
 require('@alfalab/core-components-button/cssm');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
 require('./field/index.module.css');
-var field_Component = require('./field/Component.js');
 require('./option/index.module.css');
-var option_Component = require('./option/Component.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
 var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.OptionsList, OptionsList = _c === void 0 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, restProps = tslib_es6.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName"]);
     var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
-    return (React__default['default'].createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
+    return (React.createElement(coreComponentsSelect.BaseSelect, tslib_es6.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
             view: view,
             loading: loading,
             /** size у select, button несовместимы */
@@ -37,9 +29,9 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
             buttonVariant: variant,
             leftAddons: leftAddons,
             rightAddons: rightAddons,
-        }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default['default'](styles__default['default'].container, className), popperClassName: cn__default['default']('cc-picker-button', styles__default['default'].optionsPopover, popperClassName, (_b = {},
-            _b[styles__default['default'].sideGap] = isSideGap,
-            _b)), optionsListClassName: cn__default['default'](styles__default['default'].optionsListContainer, optionsListClassName), optionClassName: cn__default['default'](styles__default['default'].option, optionClassName), selected: [], closeOnSelect: true })));
+        }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
+            _b[styles.sideGap] = isSideGap,
+            _b)), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true })));
 });
 
 exports.PickerButtonDesktop = PickerButtonDesktop;

package/cssm/Component.mobile.js

@@ -1,29 +1,23 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-9682e485.js');
+var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
+var field_Component = require('./field/Component.js');
+var option_Component = require('./option/Component.js');
 require('classnames');
 require('@alfalab/core-components-button/cssm');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
 require('./field/index.module.css');
-var field_Component = require('./field/Component.js');
 require('./option/index.module.css');
-var option_Component = require('./option/Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var PickerButtonMobile = React.forwardRef(function (_a, ref) {
     var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? coreComponentsSelect.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, restProps = tslib_es6.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps"]);
-    return (React__default['default'].createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib_es6.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
+    return (React.createElement(coreComponentsSelect.SelectMobile, tslib_es6.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib_es6.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
             view: view,
             loading: loading,
             /** size у select, button несовместимы */

package/cssm/Component.responsive.d.ts

@@ -12,7 +12,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
     breakpoint?: number;
 };
 declare const PickerButton: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
-    options: (import("@alfalab/core-components-select").OptionShape & {
+    options: ((import("@alfalab/core-components-select").OptionShape | import("@alfalab/core-components-select").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
     size?: import("./Component").PickerButtonSize | undefined;

package/cssm/Component.responsive.js

@@ -1,37 +1,31 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-9682e485.js');
+var tslib_es6 = require('./tslib.es6-bbd6cd2a.js');
 var React = require('react');
-require('@alfalab/core-components-select/cssm');
+var hooks = require('@alfalab/hooks');
+var Component = require('./Component.js');
+var Component_mobile = require('./Component.mobile.js');
 require('classnames');
+require('@alfalab/core-components-select/cssm');
+require('./field/Component.js');
 require('@alfalab/core-components-button/cssm');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
 require('./field/index.module.css');
-require('./field/Component.js');
-require('./option/index.module.css');
 require('./option/Component.js');
-var Component_mobile = require('./Component.mobile.js');
-var hooks = require('@alfalab/hooks');
+require('./option/index.module.css');
 require('./index.module.css');
-var Component = require('./Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var PickerButton = React.forwardRef(function (_a, ref) {
     var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib_es6.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var view = hooks.useMedia([
-        ['mobile', "(max-width: " + (breakpoint - 1) + "px)"],
-        ['desktop', "(min-width: " + breakpoint + "px)"],
+        ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
+        ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
-    return view === 'desktop' ? (React__default['default'].createElement(Component.PickerButtonDesktop, tslib_es6.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default['default'].createElement(Component_mobile.PickerButtonMobile, tslib_es6.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
+    return view === 'desktop' ? (React.createElement(Component.PickerButtonDesktop, tslib_es6.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(Component_mobile.PickerButtonMobile, tslib_es6.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
 });
 
 exports.PickerButton = PickerButton;

package/cssm/desktop.js

@@ -1,23 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-9682e485.js');
+var Component = require('./Component.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('react');
-require('@alfalab/core-components-select/cssm');
 require('classnames');
+require('@alfalab/core-components-select/cssm');
+require('./field/Component.js');
 require('@alfalab/core-components-button/cssm');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
 require('./field/index.module.css');
-require('./field/Component.js');
-require('./option/index.module.css');
 require('./option/Component.js');
+require('./option/index.module.css');
 require('./index.module.css');
-var Component = require('./Component.js');
 
 
 

package/cssm/field/Component.js

@@ -1,34 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../tslib.es6-9682e485.js');
+var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('@alfalab/core-components-button/cssm');
+var utils_index = require('../utils/index.js');
+var styles = require('./index.module.css');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-var utils_index = require('../utils/index.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Field = function (_a) {
-    var _b = _a.buttonSize, buttonSize = _b === void 0 ? 'm' : _b, _c = _a.buttonVariant, buttonVariant = _c === void 0 ? 'default' : _c, view = _a.view, label = _a.label, open = _a.open, multiple = _a.multiple, rightAddons = _a.rightAddons, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, selected = _a.selected, selectedMultiple = _a.selectedMultiple, setSelectedItems = _a.setSelectedItems, toggleMenu = _a.toggleMenu, valueRenderer = _a.valueRenderer, restProps = tslib_es6.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer"]);
+    var _b = _a.buttonSize, buttonSize = _b === void 0 ? 'm' : _b, _c = _a.buttonVariant, buttonVariant = _c === void 0 ? 'default' : _c, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var restProps = tslib_es6.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer"]);
     var Icon = utils_index.getIcon(buttonVariant, buttonSize);
     var ref = innerProps.ref, restInnerProps = tslib_es6.__rest(innerProps, ["ref"]);
     var buttonProps = tslib_es6.__assign(tslib_es6.__assign({}, restProps), restInnerProps);
-    return (React__default['default'].createElement("div", { ref: ref },
-        React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({}, buttonProps, { rightAddons: React__default['default'].createElement(React.Fragment, null,
-                rightAddons && (React__default['default'].createElement("span", { className: styles__default['default'].addonsContainer }, rightAddons)),
-                React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].iconContainer, buttonVariant !== 'compact' && open && styles__default['default'].open) },
-                    React__default['default'].createElement(Icon, { "data-test-id": 'picker-button-icon' }))), block: true, view: view, size: buttonSize, className: cn__default['default'](styles__default['default'].component, view === 'primary' && styles__default['default'].primary, className) }), buttonVariant !== 'compact' && label)));
+    return (React.createElement("div", { ref: ref },
+        React.createElement(coreComponentsButton.Button, tslib_es6.__assign({}, buttonProps, { rightAddons: React.createElement(React.Fragment, null,
+                rightAddons && (React.createElement("span", { className: styles.addonsContainer }, rightAddons)),
+                React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
+                    React.createElement(Icon, { "data-test-id": 'picker-button-icon' }))), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }), buttonVariant !== 'compact' && label)));
 };
 
 exports.Field = Field;

package/cssm/field/index.js

@@ -1,18 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../tslib.es6-9682e485.js');
+var field_Component = require('./Component.js');
+require('../tslib.es6-bbd6cd2a.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-button/cssm');
+require('../utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('../utils/index.js');
 require('./index.module.css');
-var field_Component = require('./Component.js');
 
 
 

package/cssm/index.js

@@ -1,26 +1,24 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-9682e485.js');
+var Component_responsive = require('./Component.responsive.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('react');
-require('@alfalab/core-components-select/cssm');
+require('@alfalab/hooks');
+require('./Component.js');
 require('classnames');
+require('@alfalab/core-components-select/cssm');
+require('./field/Component.js');
 require('@alfalab/core-components-button/cssm');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
 require('./field/index.module.css');
-require('./field/Component.js');
-require('./option/index.module.css');
 require('./option/Component.js');
-require('./Component.mobile.js');
-require('@alfalab/hooks');
+require('./option/index.module.css');
 require('./index.module.css');
-require('./Component.js');
-var Component_responsive = require('./Component.responsive.js');
+require('./Component.mobile.js');
 
 
 

package/cssm/mobile.d.ts

@@ -1 +1,2 @@
 export * from "./Component.mobile";
+export {};

package/cssm/mobile.js

@@ -1,22 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-9682e485.js');
+var Component_mobile = require('./Component.mobile.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('react');
 require('@alfalab/core-components-select/cssm');
+require('./field/Component.js');
 require('classnames');
 require('@alfalab/core-components-button/cssm');
+require('./utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('./utils/index.js');
 require('./field/index.module.css');
-require('./field/Component.js');
-require('./option/index.module.css');
 require('./option/Component.js');
-var Component_mobile = require('./Component.mobile.js');
+require('./option/index.module.css');
 
 
 

package/cssm/option/Component.js

@@ -1,25 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../tslib.es6-9682e485.js');
+var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
 var React = require('react');
 var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
 var Option = function (_a) {
     var option = _a.option, children = _a.children, restProps = tslib_es6.__rest(_a, ["option", "children"]);
     var content = children || option.content || option.key;
     var Icon = option.icon;
-    return (React__default['default'].createElement(coreComponentsSelect.Option, tslib_es6.__assign({ option: option }, restProps),
-        React__default['default'].createElement("div", { className: styles__default['default'].container },
-            Icon && React__default['default'].createElement(Icon, { className: styles__default['default'].icon }),
-            React__default['default'].createElement("div", { className: styles__default['default'].content }, content))));
+    return (React.createElement(coreComponentsSelect.Option, tslib_es6.__assign({ option: option }, restProps),
+        React.createElement("div", { className: styles.container },
+            Icon && React.createElement(Icon, { className: styles.icon }),
+            React.createElement("div", { className: styles.content }, content))));
 };
 
 exports.Option = Option;

package/cssm/option/index.js

@@ -1,12 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../tslib.es6-9682e485.js');
+var option_Component = require('./Component.js');
+require('../tslib.es6-bbd6cd2a.js');
 require('react');
 require('@alfalab/core-components-select/cssm');
 require('./index.module.css');
-var option_Component = require('./Component.js');
 
 
 

package/cssm/utils/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var ChevronDownCompactSIcon = require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
 var MoreMIcon = require('@alfalab/icons-glyph/MoreMIcon');