@alfalab/core-components-picker-button 10.3.12 → 10.3.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/Component.js +5 -3
  2. package/Component.mobile.js +2 -0
  3. package/Component.responsive.js +2 -0
  4. package/cssm/Component.js +4 -2
  5. package/cssm/Component.mobile.js +2 -0
  6. package/cssm/Component.responsive.js +2 -0
  7. package/cssm/desktop.js +2 -0
  8. package/cssm/field/Component.d.ts +2 -2
  9. package/cssm/field/Component.js +3 -1
  10. package/cssm/field/index.js +2 -0
  11. package/cssm/index.js +2 -0
  12. package/cssm/index.module.css +2 -8
  13. package/cssm/mobile.js +2 -0
  14. package/cssm/option/Component.d.ts +2 -2
  15. package/cssm/option/Component.js +2 -0
  16. package/cssm/option/index.js +2 -0
  17. package/cssm/responsive.js +2 -0
  18. package/cssm/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} +1 -1
  19. package/cssm/utils/index.js +2 -0
  20. package/desktop.js +2 -0
  21. package/esm/Component.js +3 -3
  22. package/esm/field/Component.d.ts +2 -2
  23. package/esm/field/Component.js +2 -2
  24. package/esm/field/index.css +5 -5
  25. package/esm/index.css +5 -11
  26. package/esm/option/Component.d.ts +2 -2
  27. package/esm/option/Component.js +1 -1
  28. package/esm/option/index.css +4 -4
  29. package/esm/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} +1 -1
  30. package/field/Component.d.ts +2 -2
  31. package/field/Component.js +4 -2
  32. package/field/index.css +5 -5
  33. package/field/index.js +2 -0
  34. package/index.css +5 -11
  35. package/index.js +2 -0
  36. package/mobile.js +2 -0
  37. package/modern/Component.js +3 -3
  38. package/modern/field/Component.d.ts +2 -2
  39. package/modern/field/Component.js +2 -2
  40. package/modern/field/index.css +5 -5
  41. package/modern/index.css +5 -11
  42. package/modern/option/Component.d.ts +2 -2
  43. package/modern/option/Component.js +1 -1
  44. package/modern/option/index.css +4 -4
  45. package/modern/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} +1 -1
  46. package/option/Component.d.ts +2 -2
  47. package/option/Component.js +3 -1
  48. package/option/index.css +4 -4
  49. package/option/index.js +2 -0
  50. package/package.json +3 -3
  51. package/responsive.js +2 -0
  52. package/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} +1 -1
  53. package/utils/index.js +2 -0
package/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var cn = require('classnames');
@@ -18,13 +20,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
18
20
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
19
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
22
 
21
- var styles = {"container":"picker-button__container_1qlz8","optionsPopover":"picker-button__optionsPopover_1qlz8","sideGap":"picker-button__sideGap_1qlz8","optionsListContainer":"picker-button__optionsListContainer_1qlz8","option":"picker-button__option_1qlz8"};
23
+ var styles = {"container":"picker-button__container_ak3is","optionsPopover":"picker-button__optionsPopover_ak3is","sideGap":"picker-button__sideGap_ak3is","option":"picker-button__option_ak3is"};
22
24
  require('./index.css')
23
25
 
24
26
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
25
27
  var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
26
28
  var _b;
27
- 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, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName", "showArrow"]);
29
+ 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, optionClassName = _a.optionClassName, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow"]);
28
30
  var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
29
31
  return (React__default.default.createElement(coreComponentsSelect.BaseSelect, tslib.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
30
32
  view: view,
@@ -37,7 +39,7 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
37
39
  showArrow: showArrow,
38
40
  }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(styles.container, className), popperClassName: cn__default.default('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
39
41
  _b[styles.sideGap] = isSideGap,
40
- _b)), optionsListClassName: cn__default.default(styles.optionsListContainer, optionsListClassName), optionClassName: cn__default.default(styles.option, optionClassName), selected: [], closeOnSelect: true })));
42
+ _b)), optionClassName: cn__default.default(styles.option, optionClassName), selected: [], closeOnSelect: true })));
41
43
  });
42
44
 
43
45
  exports.PickerButtonDesktop = PickerButtonDesktop;
package/Component.mobile.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var coreComponentsSelect = require('@alfalab/core-components-select');
package/Component.responsive.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var hooks = require('@alfalab/hooks');
package/cssm/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var cn = require('classnames');
@@ -25,7 +27,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
25
27
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
26
28
  var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
27
29
  var _b;
28
- 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, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName", "showArrow"]);
30
+ 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, optionClassName = _a.optionClassName, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow"]);
29
31
  var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
30
32
  return (React__default.default.createElement(coreComponentsSelect.BaseSelect, tslib.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: field_Component.Field, size: size === 'm' ? 'm' : 's', fieldProps: {
31
33
  view: view,
@@ -38,7 +40,7 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
38
40
  showArrow: showArrow,
39
41
  }, 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 = {},
40
42
  _b[styles__default.default.sideGap] = isSideGap,
41
- _b)), optionsListClassName: cn__default.default(styles__default.default.optionsListContainer, optionsListClassName), optionClassName: cn__default.default(styles__default.default.option, optionClassName), selected: [], closeOnSelect: true })));
43
+ _b)), optionClassName: cn__default.default(styles__default.default.option, optionClassName), selected: [], closeOnSelect: true })));
42
44
  });
43
45
 
44
46
  exports.PickerButtonDesktop = PickerButtonDesktop;
package/cssm/Component.mobile.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
package/cssm/Component.responsive.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var hooks = require('@alfalab/hooks');
package/cssm/desktop.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/field/Component.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-a8deae7f";
3
+ import { FieldProps as BaseFieldProps } from "../typings-f9462675";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
7
7
  buttonVariant?: PickerButtonVariant;
8
8
  showArrow?: boolean;
9
9
  };
10
- declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, ...restProps }: FieldProps) => JSX.Element;
10
+ declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => JSX.Element;
11
11
  export { Field };
package/cssm/field/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var cn = require('classnames');
@@ -19,7 +21,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
19
21
 
20
22
  var Field = function (_a) {
21
23
  var _b;
22
- var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, 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 _e = _a.showArrow, showArrow = _e === void 0 ? true : _e, restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow"]);
24
+ var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, 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 _e = _a.showArrow, showArrow = _e === void 0 ? true : _e; _a.labelView; var restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
23
25
  var Icon = utils_index.getIcon(buttonVariant, buttonSize);
24
26
  var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
25
27
  var buttonProps = tslib.__assign(tslib.__assign({}, restProps), restInnerProps);
package/cssm/field/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var field_Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_responsive = require('./Component.responsive.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/index.module.css CHANGED
@@ -10,22 +10,16 @@
10
10
 
11
11
  /* Hard up */
12
12
  } :root {
13
- --border-radius-m: 8px;
14
13
  } :root {
15
- --gap-2xs: 4px;
16
14
  --gap-xs: 8px;
17
15
  --gap-m: 16px;
18
16
  } :root {
19
17
  } :root {
20
18
  } .container {
21
19
  min-width: auto;
22
- } :global(.cc-picker-button).optionsPopover {
23
- padding: var(--gap-2xs) 0
24
- } :global(.cc-picker-button).optionsPopover.sideGap {
20
+ } :global(.cc-picker-button).optionsPopover.sideGap {
25
21
  padding: 0 var(--gap-xs);
26
- } :global(.cc-picker-button) .optionsListContainer {
27
- border-radius: var(--border-radius-m);
28
- } :global(.cc-picker-button) .option {
22
+ } :global(.cc-picker-button) .option {
29
23
  padding: 0 var(--gap-m)
30
24
  } :global(.cc-picker-button) .option:before {
31
25
  /* Удаляем разделители у опций выпадающего списка. */
package/cssm/mobile.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_mobile = require('./Component.mobile.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-a8deae7f";
4
- import { OptionProps as BaseOptionProps } from "../typings-a8deae7f";
3
+ import { OptionShape } from "../typings-f9462675";
4
+ import { OptionProps as BaseOptionProps } from "../typings-f9462675";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/cssm/option/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
package/cssm/option/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var option_Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/responsive.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_responsive = require('./Component.responsive.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} RENAMED
@@ -757,7 +757,7 @@ type FieldProps = {
757
757
  onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
758
758
  onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
759
759
  onClick?: (event: MouseEvent<HTMLDivElement | HTMLInputElement>) => void;
760
- tabIndex: number;
760
+ tabIndex?: number;
761
761
  id: string;
762
762
  } & RefAttributes<HTMLDivElement | HTMLInputElement> & AriaAttributes;
763
763
  /**
package/cssm/utils/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var ChevronDownCompactSIcon = require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
4
6
  var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
5
7
  var MoreMIcon = require('@alfalab/icons-glyph/MoreMIcon');
package/desktop.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
package/esm/Component.js CHANGED
@@ -11,13 +11,13 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
11
11
  import '@alfalab/icons-glyph/MoreMIcon';
12
12
  import '@alfalab/icons-glyph/MoreSIcon';
13
13
 
14
- var styles = {"container":"picker-button__container_1qlz8","optionsPopover":"picker-button__optionsPopover_1qlz8","sideGap":"picker-button__sideGap_1qlz8","optionsListContainer":"picker-button__optionsListContainer_1qlz8","option":"picker-button__option_1qlz8"};
14
+ var styles = {"container":"picker-button__container_ak3is","optionsPopover":"picker-button__optionsPopover_ak3is","sideGap":"picker-button__sideGap_ak3is","option":"picker-button__option_ak3is"};
15
15
  require('./index.css')
16
16
 
17
17
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
18
18
  var PickerButtonDesktop = forwardRef(function (_a, ref) {
19
19
  var _b;
20
- var _c = _a.OptionsList, OptionsList$1 = _c === void 0 ? OptionsList : _c, _d = _a.Optgroup, Optgroup$1 = _d === void 0 ? Optgroup : _d, _e = _a.Option, Option$1 = _e === void 0 ? 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, showArrow = _a.showArrow, restProps = __rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionsListClassName", "optionClassName", "showArrow"]);
20
+ var _c = _a.OptionsList, OptionsList$1 = _c === void 0 ? OptionsList : _c, _d = _a.Optgroup, Optgroup$1 = _d === void 0 ? Optgroup : _d, _e = _a.Option, Option$1 = _e === void 0 ? 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, optionClassName = _a.optionClassName, showArrow = _a.showArrow, restProps = __rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow"]);
21
21
  var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
22
22
  return (React.createElement(BaseSelect, __assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
23
23
  view: view,
@@ -30,7 +30,7 @@ var PickerButtonDesktop = forwardRef(function (_a, ref) {
30
30
  showArrow: showArrow,
31
31
  }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
32
32
  _b[styles.sideGap] = isSideGap,
33
- _b)), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true })));
33
+ _b)), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true })));
34
34
  });
35
35
 
36
36
  export { PickerButtonDesktop };
package/esm/field/Component.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-a8deae7f";
3
+ import { FieldProps as BaseFieldProps } from "../typings-f9462675";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
7
7
  buttonVariant?: PickerButtonVariant;
8
8
  showArrow?: boolean;
9
9
  };
10
- declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, ...restProps }: FieldProps) => JSX.Element;
10
+ declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => JSX.Element;
11
11
  export { Field };
package/esm/field/Component.js CHANGED
@@ -8,12 +8,12 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
8
8
  import '@alfalab/icons-glyph/MoreMIcon';
9
9
  import '@alfalab/icons-glyph/MoreSIcon';
10
10
 
11
- var styles = {"iconContainer":"picker-button__iconContainer_1rfko","addonsContainer":"picker-button__addonsContainer_1rfko","showControlIcon":"picker-button__showControlIcon_1rfko","open":"picker-button__open_1rfko"};
11
+ var styles = {"iconContainer":"picker-button__iconContainer_1n1fd","addonsContainer":"picker-button__addonsContainer_1n1fd","showControlIcon":"picker-button__showControlIcon_1n1fd","open":"picker-button__open_1n1fd"};
12
12
  require('./index.css')
13
13
 
14
14
  var Field = function (_a) {
15
15
  var _b;
16
- var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, 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 _e = _a.showArrow, showArrow = _e === void 0 ? true : _e, restProps = __rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow"]);
16
+ var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, 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 _e = _a.showArrow, showArrow = _e === void 0 ? true : _e; _a.labelView; var restProps = __rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
17
17
  var Icon = getIcon(buttonVariant, buttonSize);
18
18
  var ref = innerProps.ref, restInnerProps = __rest(innerProps, ["ref"]);
19
19
  var buttonProps = __assign(__assign({}, restProps), restInnerProps);
package/esm/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gsvy8 */
1
+ /* hash: mxbyr */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .picker-button__iconContainer_1rfko {
19
+ } .picker-button__iconContainer_1n1fd {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .picker-button__addonsContainer_1rfko {
22
+ } .picker-button__addonsContainer_1n1fd {
23
23
  display: flex
24
- } .picker-button__addonsContainer_1rfko.picker-button__showControlIcon_1rfko {
24
+ } .picker-button__addonsContainer_1n1fd.picker-button__showControlIcon_1n1fd {
25
25
  margin-right: var(--gap-2xs);
26
- } .picker-button__open_1rfko {
26
+ } .picker-button__open_1n1fd {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9zb84 */
1
+ /* hash: 11hju */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,24 +11,18 @@
11
11
 
12
12
  /* Hard up */
13
13
  } :root {
14
- --border-radius-m: 8px;
15
14
  } :root {
16
- --gap-2xs: 4px;
17
15
  --gap-xs: 8px;
18
16
  --gap-m: 16px;
19
17
  } :root {
20
18
  } :root {
21
- } .picker-button__container_1qlz8 {
19
+ } .picker-button__container_ak3is {
22
20
  min-width: auto;
23
- } .cc-picker-button.picker-button__optionsPopover_1qlz8 {
24
- padding: var(--gap-2xs) 0
25
- } .cc-picker-button.picker-button__optionsPopover_1qlz8.picker-button__sideGap_1qlz8 {
21
+ } .cc-picker-button.picker-button__optionsPopover_ak3is.picker-button__sideGap_ak3is {
26
22
  padding: 0 var(--gap-xs);
27
- } .cc-picker-button .picker-button__optionsListContainer_1qlz8 {
28
- border-radius: var(--border-radius-m);
29
- } .cc-picker-button .picker-button__option_1qlz8 {
23
+ } .cc-picker-button .picker-button__option_ak3is {
30
24
  padding: 0 var(--gap-m)
31
- } .cc-picker-button .picker-button__option_1qlz8:before {
25
+ } .cc-picker-button .picker-button__option_ak3is:before {
32
26
  /* Удаляем разделители у опций выпадающего списка. */
33
27
  display: none;
34
28
  }
package/esm/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-a8deae7f";
4
- import { OptionProps as BaseOptionProps } from "../typings-a8deae7f";
3
+ import { OptionShape } from "../typings-f9462675";
4
+ import { OptionProps as BaseOptionProps } from "../typings-f9462675";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/esm/option/Component.js CHANGED
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { Option as Option$1 } from '@alfalab/core-components-select/esm';
4
4
 
5
- var styles = {"container":"picker-button__container_1bvn4","icon":"picker-button__icon_1bvn4","content":"picker-button__content_1bvn4"};
5
+ var styles = {"container":"picker-button__container_17hhs","icon":"picker-button__icon_17hhs","content":"picker-button__content_17hhs"};
6
6
  require('./index.css')
7
7
 
8
8
  var Option = function (_a) {
package/esm/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1kv0a */
1
+ /* hash: dc4ux */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_1bvn4 {
18
+ } .picker-button__container_17hhs {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_1bvn4 {
21
+ } .picker-button__icon_17hhs {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_1bvn4 {
24
+ } .picker-button__content_17hhs {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/esm/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} RENAMED
@@ -757,7 +757,7 @@ type FieldProps = {
757
757
  onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
758
758
  onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
759
759
  onClick?: (event: MouseEvent<HTMLDivElement | HTMLInputElement>) => void;
760
- tabIndex: number;
760
+ tabIndex?: number;
761
761
  id: string;
762
762
  } & RefAttributes<HTMLDivElement | HTMLInputElement> & AriaAttributes;
763
763
  /**
package/field/Component.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-a8deae7f";
3
+ import { FieldProps as BaseFieldProps } from "../typings-f9462675";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
7
7
  buttonVariant?: PickerButtonVariant;
8
8
  showArrow?: boolean;
9
9
  };
10
- declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, ...restProps }: FieldProps) => JSX.Element;
10
+ declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => JSX.Element;
11
11
  export { Field };
package/field/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var cn = require('classnames');
@@ -15,12 +17,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
19
 
18
- var styles = {"iconContainer":"picker-button__iconContainer_1rfko","addonsContainer":"picker-button__addonsContainer_1rfko","showControlIcon":"picker-button__showControlIcon_1rfko","open":"picker-button__open_1rfko"};
20
+ var styles = {"iconContainer":"picker-button__iconContainer_1n1fd","addonsContainer":"picker-button__addonsContainer_1n1fd","showControlIcon":"picker-button__showControlIcon_1n1fd","open":"picker-button__open_1n1fd"};
19
21
  require('./index.css')
20
22
 
21
23
  var Field = function (_a) {
22
24
  var _b;
23
- var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, 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 _e = _a.showArrow, showArrow = _e === void 0 ? true : _e, restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow"]);
25
+ var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, 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 _e = _a.showArrow, showArrow = _e === void 0 ? true : _e; _a.labelView; var restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
24
26
  var Icon = utils_index.getIcon(buttonVariant, buttonSize);
25
27
  var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
26
28
  var buttonProps = tslib.__assign(tslib.__assign({}, restProps), restInnerProps);
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gsvy8 */
1
+ /* hash: mxbyr */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .picker-button__iconContainer_1rfko {
19
+ } .picker-button__iconContainer_1n1fd {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .picker-button__addonsContainer_1rfko {
22
+ } .picker-button__addonsContainer_1n1fd {
23
23
  display: flex
24
- } .picker-button__addonsContainer_1rfko.picker-button__showControlIcon_1rfko {
24
+ } .picker-button__addonsContainer_1n1fd.picker-button__showControlIcon_1n1fd {
25
25
  margin-right: var(--gap-2xs);
26
- } .picker-button__open_1rfko {
26
+ } .picker-button__open_1n1fd {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/field/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var field_Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9zb84 */
1
+ /* hash: 11hju */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,24 +11,18 @@
11
11
 
12
12
  /* Hard up */
13
13
  } :root {
14
- --border-radius-m: 8px;
15
14
  } :root {
16
- --gap-2xs: 4px;
17
15
  --gap-xs: 8px;
18
16
  --gap-m: 16px;
19
17
  } :root {
20
18
  } :root {
21
- } .picker-button__container_1qlz8 {
19
+ } .picker-button__container_ak3is {
22
20
  min-width: auto;
23
- } .cc-picker-button.picker-button__optionsPopover_1qlz8 {
24
- padding: var(--gap-2xs) 0
25
- } .cc-picker-button.picker-button__optionsPopover_1qlz8.picker-button__sideGap_1qlz8 {
21
+ } .cc-picker-button.picker-button__optionsPopover_ak3is.picker-button__sideGap_ak3is {
26
22
  padding: 0 var(--gap-xs);
27
- } .cc-picker-button .picker-button__optionsListContainer_1qlz8 {
28
- border-radius: var(--border-radius-m);
29
- } .cc-picker-button .picker-button__option_1qlz8 {
23
+ } .cc-picker-button .picker-button__option_ak3is {
30
24
  padding: 0 var(--gap-m)
31
- } .cc-picker-button .picker-button__option_1qlz8:before {
25
+ } .cc-picker-button .picker-button__option_ak3is:before {
32
26
  /* Удаляем разделители у опций выпадающего списка. */
33
27
  display: none;
34
28
  }
package/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_responsive = require('./Component.responsive.js');
4
6
  require('tslib');
5
7
  require('react');
package/mobile.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_mobile = require('./Component.mobile.js');
4
6
  require('tslib');
5
7
  require('react');
package/modern/Component.js CHANGED
@@ -10,11 +10,11 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
10
10
  import '@alfalab/icons-glyph/MoreMIcon';
11
11
  import '@alfalab/icons-glyph/MoreSIcon';
12
12
 
13
- const styles = {"container":"picker-button__container_1qlz8","optionsPopover":"picker-button__optionsPopover_1qlz8","sideGap":"picker-button__sideGap_1qlz8","optionsListContainer":"picker-button__optionsListContainer_1qlz8","option":"picker-button__option_1qlz8"};
13
+ const styles = {"container":"picker-button__container_ak3is","optionsPopover":"picker-button__optionsPopover_ak3is","sideGap":"picker-button__sideGap_ak3is","option":"picker-button__option_ak3is"};
14
14
  require('./index.css')
15
15
 
16
16
  const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
17
- const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', variant = 'default', className, leftAddons, rightAddons, popperClassName, optionsListClassName, optionClassName, showArrow, ...restProps }, ref) => {
17
+ const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', variant = 'default', className, leftAddons, rightAddons, popperClassName, optionClassName, showArrow, ...restProps }, ref) => {
18
18
  const isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
19
19
  return (React.createElement(BaseSelect, { ...restProps, optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
20
20
  view,
@@ -27,7 +27,7 @@ const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsLi
27
27
  showArrow,
28
28
  }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, {
29
29
  [styles.sideGap]: isSideGap,
30
- }), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true }));
30
+ }), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true }));
31
31
  });
32
32
 
33
33
  export { PickerButtonDesktop };
package/modern/field/Component.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-a8deae7f";
3
+ import { FieldProps as BaseFieldProps } from "../typings-f9462675";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
7
7
  buttonVariant?: PickerButtonVariant;
8
8
  showArrow?: boolean;
9
9
  };
10
- declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, ...restProps }: FieldProps) => JSX.Element;
10
+ declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => JSX.Element;
11
11
  export { Field };
package/modern/field/Component.js CHANGED
@@ -7,10 +7,10 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
7
7
  import '@alfalab/icons-glyph/MoreMIcon';
8
8
  import '@alfalab/icons-glyph/MoreSIcon';
9
9
 
10
- const styles = {"iconContainer":"picker-button__iconContainer_1rfko","addonsContainer":"picker-button__addonsContainer_1rfko","showControlIcon":"picker-button__showControlIcon_1rfko","open":"picker-button__open_1rfko"};
10
+ const styles = {"iconContainer":"picker-button__iconContainer_1n1fd","addonsContainer":"picker-button__addonsContainer_1n1fd","showControlIcon":"picker-button__showControlIcon_1n1fd","open":"picker-button__open_1n1fd"};
11
11
  require('./index.css')
12
12
 
13
- const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, ...restProps }) => {
13
+ const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {
14
14
  const Icon = getIcon(buttonVariant, buttonSize);
15
15
  const { ref, ...restInnerProps } = innerProps;
16
16
  const buttonProps = {
package/modern/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gsvy8 */
1
+ /* hash: mxbyr */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .picker-button__iconContainer_1rfko {
19
+ } .picker-button__iconContainer_1n1fd {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .picker-button__addonsContainer_1rfko {
22
+ } .picker-button__addonsContainer_1n1fd {
23
23
  display: flex
24
- } .picker-button__addonsContainer_1rfko.picker-button__showControlIcon_1rfko {
24
+ } .picker-button__addonsContainer_1n1fd.picker-button__showControlIcon_1n1fd {
25
25
  margin-right: var(--gap-2xs);
26
- } .picker-button__open_1rfko {
26
+ } .picker-button__open_1n1fd {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9zb84 */
1
+ /* hash: 11hju */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,24 +11,18 @@
11
11
 
12
12
  /* Hard up */
13
13
  } :root {
14
- --border-radius-m: 8px;
15
14
  } :root {
16
- --gap-2xs: 4px;
17
15
  --gap-xs: 8px;
18
16
  --gap-m: 16px;
19
17
  } :root {
20
18
  } :root {
21
- } .picker-button__container_1qlz8 {
19
+ } .picker-button__container_ak3is {
22
20
  min-width: auto;
23
- } .cc-picker-button.picker-button__optionsPopover_1qlz8 {
24
- padding: var(--gap-2xs) 0
25
- } .cc-picker-button.picker-button__optionsPopover_1qlz8.picker-button__sideGap_1qlz8 {
21
+ } .cc-picker-button.picker-button__optionsPopover_ak3is.picker-button__sideGap_ak3is {
26
22
  padding: 0 var(--gap-xs);
27
- } .cc-picker-button .picker-button__optionsListContainer_1qlz8 {
28
- border-radius: var(--border-radius-m);
29
- } .cc-picker-button .picker-button__option_1qlz8 {
23
+ } .cc-picker-button .picker-button__option_ak3is {
30
24
  padding: 0 var(--gap-m)
31
- } .cc-picker-button .picker-button__option_1qlz8:before {
25
+ } .cc-picker-button .picker-button__option_ak3is:before {
32
26
  /* Удаляем разделители у опций выпадающего списка. */
33
27
  display: none;
34
28
  }
package/modern/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-a8deae7f";
4
- import { OptionProps as BaseOptionProps } from "../typings-a8deae7f";
3
+ import { OptionShape } from "../typings-f9462675";
4
+ import { OptionProps as BaseOptionProps } from "../typings-f9462675";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/modern/option/Component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Option as Option$1 } from '@alfalab/core-components-select/modern';
3
3
 
4
- const styles = {"container":"picker-button__container_1bvn4","icon":"picker-button__icon_1bvn4","content":"picker-button__content_1bvn4"};
4
+ const styles = {"container":"picker-button__container_17hhs","icon":"picker-button__icon_17hhs","content":"picker-button__content_17hhs"};
5
5
  require('./index.css')
6
6
 
7
7
  const Option = ({ option, children, ...restProps }) => {
package/modern/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1kv0a */
1
+ /* hash: dc4ux */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_1bvn4 {
18
+ } .picker-button__container_17hhs {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_1bvn4 {
21
+ } .picker-button__icon_17hhs {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_1bvn4 {
24
+ } .picker-button__content_17hhs {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/modern/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} RENAMED
@@ -757,7 +757,7 @@ type FieldProps = {
757
757
  onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
758
758
  onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
759
759
  onClick?: (event: MouseEvent<HTMLDivElement | HTMLInputElement>) => void;
760
- tabIndex: number;
760
+ tabIndex?: number;
761
761
  id: string;
762
762
  } & RefAttributes<HTMLDivElement | HTMLInputElement> & AriaAttributes;
763
763
  /**
package/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-a8deae7f";
4
- import { OptionProps as BaseOptionProps } from "../typings-a8deae7f";
3
+ import { OptionShape } from "../typings-f9462675";
4
+ import { OptionProps as BaseOptionProps } from "../typings-f9462675";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/option/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var coreComponentsSelect = require('@alfalab/core-components-select');
@@ -8,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
8
10
 
9
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
10
12
 
11
- var styles = {"container":"picker-button__container_1bvn4","icon":"picker-button__icon_1bvn4","content":"picker-button__content_1bvn4"};
13
+ var styles = {"container":"picker-button__container_17hhs","icon":"picker-button__icon_17hhs","content":"picker-button__content_17hhs"};
12
14
  require('./index.css')
13
15
 
14
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1kv0a */
1
+ /* hash: dc4ux */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_1bvn4 {
18
+ } .picker-button__container_17hhs {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_1bvn4 {
21
+ } .picker-button__icon_17hhs {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_1bvn4 {
24
+ } .picker-button__content_17hhs {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/option/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var option_Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "10.3.12",
3
+ "version": "10.3.14",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,8 +18,8 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-button": "^7.1.1",
22
- "@alfalab/core-components-select": "^13.2.17",
21
+ "@alfalab/core-components-button": "^8.0.0",
22
+ "@alfalab/core-components-select": "^13.2.19",
23
23
  "@alfalab/icons-classic": "^2.3.0",
24
24
  "@alfalab/icons-glyph": "^2.89.0",
25
25
  "classnames": "^2.3.1",
package/responsive.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_responsive = require('./Component.responsive.js');
4
6
  require('tslib');
5
7
  require('react');
package/{typings-a8deae7f.d.ts → typings-f9462675.d.ts} RENAMED
@@ -757,7 +757,7 @@ type FieldProps = {
757
757
  onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
758
758
  onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
759
759
  onClick?: (event: MouseEvent<HTMLDivElement | HTMLInputElement>) => void;
760
- tabIndex: number;
760
+ tabIndex?: number;
761
761
  id: string;
762
762
  } & RefAttributes<HTMLDivElement | HTMLInputElement> & AriaAttributes;
763
763
  /**
package/utils/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var ChevronDownCompactSIcon = require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
4
6
  var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
5
7
  var MoreMIcon = require('@alfalab/icons-glyph/MoreMIcon');