@alfalab/core-components-picker-button 7.6.0 → 7.6.1

package/dist/field/Component.js

@@ -2,16 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('../Component-6e9a8e09.js');
-require('react');
-require('classnames');
-require('@alfalab/core-components-button');
+var tslib_es6 = require('../tslib.es6-b5c82847.js');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsButton = require('@alfalab/core-components-button');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
-require('../utils/index.js');
+var utils_index = require('../utils/index.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);
 
-exports.Field = field_Component.Field;
+var styles = {"iconContainer":"picker-button__iconContainer_18u4x","open":"picker-button__open_18u4x"};
+require('./index.css')
+
+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, valueRenderer = _a.valueRenderer, restProps = tslib_es6.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "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: rightAddons !== null && rightAddons !== void 0 ? rightAddons : (React__default['default'].createElement("span", { className: cn__default['default'](styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
+                React__default['default'].createElement(Icon, { "data-test-id": 'picker-button-icon' }))), block: true, view: view, size: buttonSize, className: cn__default['default'](styles.component, view === 'primary' && styles.primary, className) }), buttonVariant !== 'compact' && label)));
+};
+
+exports.Field = Field;

package/dist/field/index.css

@@ -1,4 +1,4 @@
-/* hash: a0xav */
+/* hash: 4hptb */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_h15km {
+.picker-button__iconContainer_18u4x {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_h15km {
+.picker-button__open_18u4x {
     transform: var(--arrow-transform);
 }

package/dist/field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-6e9a8e09";
+export * from "./Component";

package/dist/field/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('../Component-6e9a8e09.js');
+require('../tslib.es6-b5c82847.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-button');
@@ -11,6 +11,7 @@ require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 require('../utils/index.js');
+var field_Component = require('./Component.js');
 
 
 

package/dist/index.css

@@ -1,4 +1,4 @@
-/* hash: 8bi4r */
+/* hash: z84rf */
 :root {
 
     /* Hard */
@@ -14,18 +14,18 @@
 :root {
     --border-radius-s: 4px;
 }
-.picker-button__container_lu5mb {
+.picker-button__container_1mcgq {
     min-width: auto;
 }
-.picker-button__optionsPopover_lu5mb {
+.picker-button__optionsPopover_1mcgq {
     padding: var(--gap-xs) 0
 }
-.picker-button__optionsPopover_lu5mb.picker-button__sideGap_lu5mb {
+.picker-button__optionsPopover_1mcgq.picker-button__sideGap_1mcgq {
         padding: 0 var(--gap-xs);
     }
-.picker-button__optionsListContainer_lu5mb {
+.picker-button__optionsListContainer_1mcgq {
     border-radius: var(--border-radius-s);
 }
-.picker-button__option_lu5mb {
+.picker-button__option_1mcgq {
     padding: 0 var(--gap-m);
 }

package/dist/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-6e9a8e09.js');
+require('./tslib.es6-b5c82847.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-select');
@@ -12,6 +12,8 @@ require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 require('./utils/index.js');
+require('./field/Component.js');
+require('./option/Component.js');
 var Component = require('./Component.js');
 
 

package/dist/modern/Component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { OptionsList, Optgroup, Option, BaseSelect } from '@alfalab/core-components-select/dist/modern';
+import { OptionsList, Optgroup, BaseSelect } from '@alfalab/core-components-select/dist/modern';
 import '@alfalab/core-components-button/dist/modern';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
@@ -8,8 +8,9 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';
 import { Field } from './field/Component.js';
+import { Option } from './option/Component.js';
 
-var styles = {"container":"picker-button__container_lu5mb","optionsPopover":"picker-button__optionsPopover_lu5mb","sideGap":"picker-button__sideGap_lu5mb","optionsListContainer":"picker-button__optionsListContainer_lu5mb","option":"picker-button__option_lu5mb"};
+var styles = {"container":"picker-button__container_1mcgq","optionsPopover":"picker-button__optionsPopover_1mcgq","sideGap":"picker-button__sideGap_1mcgq","optionsListContainer":"picker-button__optionsListContainer_1mcgq","option":"picker-button__option_1mcgq"};
 require('./index.css')
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];