@alfalab/core-components-picker-button 10.3.23 → 10.3.25

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 (40) hide show
  1. package/Component.d.ts +2 -2
  2. package/Component.js +13 -12
  3. package/Component.mobile.js +12 -11
  4. package/Component.responsive.d.ts +1 -1
  5. package/cssm/Component.d.ts +2 -2
  6. package/cssm/Component.js +12 -11
  7. package/cssm/Component.mobile.js +12 -11
  8. package/cssm/Component.responsive.d.ts +1 -1
  9. package/cssm/index.d.ts +1 -0
  10. package/cssm/index.js +6 -5
  11. package/esm/Component.d.ts +2 -2
  12. package/esm/Component.js +13 -12
  13. package/esm/Component.mobile.js +12 -11
  14. package/esm/Component.responsive.d.ts +1 -1
  15. package/esm/field/Component.js +1 -1
  16. package/esm/field/index.css +5 -5
  17. package/esm/index.css +5 -5
  18. package/esm/index.d.ts +1 -0
  19. package/esm/index.js +3 -3
  20. package/esm/option/Component.js +1 -1
  21. package/esm/option/index.css +4 -4
  22. package/field/Component.js +1 -1
  23. package/field/index.css +5 -5
  24. package/index.css +5 -5
  25. package/index.d.ts +1 -0
  26. package/index.js +4 -3
  27. package/modern/Component.d.ts +2 -2
  28. package/modern/Component.js +15 -11
  29. package/modern/Component.mobile.js +12 -6
  30. package/modern/Component.responsive.d.ts +1 -1
  31. package/modern/field/Component.js +1 -1
  32. package/modern/field/index.css +5 -5
  33. package/modern/index.css +5 -5
  34. package/modern/index.d.ts +1 -0
  35. package/modern/index.js +3 -3
  36. package/modern/option/Component.js +1 -1
  37. package/modern/option/index.css +4 -4
  38. package/option/Component.js +1 -1
  39. package/option/index.css +4 -4
  40. package/package.json +3 -3
package/Component.d.ts CHANGED
@@ -5,7 +5,7 @@ import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectProps } from "@alfalab/core-components-select";
6
6
  type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
7
7
  type PickerButtonVariant = 'default' | 'compact';
8
- type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
8
+ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
9
9
  options: Array<BaseSelectProps['options'][0] & {
10
10
  /**
11
11
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -26,7 +26,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
26
26
  */
27
27
  showArrow?: boolean;
28
28
  };
29
- 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"> & {
29
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
30
30
  options: Array<BaseSelectProps['options'][0] & {
31
31
  /**
32
32
  * Иконка, отображающаяся слева от текстового представления пункта
package/Component.js CHANGED
@@ -20,24 +20,25 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
20
20
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
22
22
 
23
- var styles = {"container":"picker-button__container_lv4zp","optionsPopover":"picker-button__optionsPopover_lv4zp","sideGap":"picker-button__sideGap_lv4zp","option":"picker-button__option_lv4zp"};
23
+ var styles = {"container":"picker-button__container_z79uy","optionsPopover":"picker-button__optionsPopover_z79uy","sideGap":"picker-button__sideGap_z79uy","option":"picker-button__option_z79uy"};
24
24
  require('./index.css')
25
25
 
26
26
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
27
27
  var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
28
28
  var _b;
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"]);
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, _h = _a.Field, Field = _h === void 0 ? field_Component.Field : _h, _j = _a.fieldProps, fieldProps = _j === void 0 ? {} : _j, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow", "Field", "fieldProps"]);
30
30
  var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
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: {
32
- view: view,
33
- loading: loading,
34
- /** size у select, button несовместимы */
35
- buttonSize: size,
36
- buttonVariant: variant,
37
- leftAddons: leftAddons,
38
- rightAddons: rightAddons,
39
- showArrow: showArrow,
40
- }, Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(styles.container, className), popperClassName: cn__default.default('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
31
+ var fieldDedaultProps = {
32
+ view: view,
33
+ loading: loading,
34
+ /** size у select, button несовместимы */
35
+ buttonSize: size,
36
+ buttonVariant: variant,
37
+ leftAddons: leftAddons,
38
+ rightAddons: rightAddons,
39
+ showArrow: showArrow,
40
+ };
41
+ return (React__default.default.createElement(coreComponentsSelect.BaseSelect, tslib.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: tslib.__assign(tslib.__assign({}, fieldDedaultProps), fieldProps), Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(styles.container, className), popperClassName: cn__default.default('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
41
42
  _b[styles.sideGap] = isSideGap,
42
43
  _b)), optionClassName: cn__default.default(styles.option, optionClassName), selected: [], closeOnSelect: true })));
43
44
  });
package/Component.mobile.js CHANGED
@@ -20,17 +20,18 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
20
20
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
21
21
 
22
22
  var PickerButtonMobile = React.forwardRef(function (_a, ref) {
23
- 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, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow"]);
24
- return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
25
- view: view,
26
- loading: loading,
27
- /** size у select, button несовместимы */
28
- buttonSize: size,
29
- buttonVariant: variant,
30
- leftAddons: leftAddons,
31
- rightAddons: rightAddons,
32
- showArrow: showArrow,
33
- }, ref: ref, options: options, selected: [] })));
23
+ 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, showArrow = _a.showArrow, _e = _a.Field, Field = _e === void 0 ? field_Component.Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps"]);
24
+ var fieldDedaultProps = {
25
+ view: view,
26
+ loading: loading,
27
+ /** size у select, button несовместимы */
28
+ buttonSize: size,
29
+ buttonVariant: variant,
30
+ leftAddons: leftAddons,
31
+ rightAddons: rightAddons,
32
+ showArrow: showArrow,
33
+ };
34
+ return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDedaultProps), fieldProps), ref: ref, options: options, selected: [] })));
34
35
  });
35
36
 
36
37
  exports.PickerButtonMobile = PickerButtonMobile;
package/Component.responsive.d.ts CHANGED
@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
11
11
  */
12
12
  breakpoint?: number;
13
13
  };
14
- declare const PickerButtonResponsive: 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"> & {
14
+ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
15
15
  options: ((import("@alfalab/core-components-select").OptionShape | import("@alfalab/core-components-select").GroupShape) & {
16
16
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
17
17
  })[];
package/cssm/Component.d.ts CHANGED
@@ -5,7 +5,7 @@ import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectProps } from "@alfalab/core-components-select";
6
6
  type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
7
7
  type PickerButtonVariant = 'default' | 'compact';
8
- type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
8
+ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
9
9
  options: Array<BaseSelectProps['options'][0] & {
10
10
  /**
11
11
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -26,7 +26,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
26
26
  */
27
27
  showArrow?: boolean;
28
28
  };
29
- 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"> & {
29
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
30
30
  options: Array<BaseSelectProps['options'][0] & {
31
31
  /**
32
32
  * Иконка, отображающаяся слева от текстового представления пункта
package/cssm/Component.js CHANGED
@@ -27,18 +27,19 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
27
27
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
28
28
  var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
29
29
  var _b;
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"]);
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, _h = _a.Field, Field = _h === void 0 ? field_Component.Field : _h, _j = _a.fieldProps, fieldProps = _j === void 0 ? {} : _j, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow", "Field", "fieldProps"]);
31
31
  var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
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: {
33
- view: view,
34
- loading: loading,
35
- /** size у select, button несовместимы */
36
- buttonSize: size,
37
- buttonVariant: variant,
38
- leftAddons: leftAddons,
39
- rightAddons: rightAddons,
40
- showArrow: showArrow,
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 = {},
32
+ var fieldDedaultProps = {
33
+ view: view,
34
+ loading: loading,
35
+ /** size у select, button несовместимы */
36
+ buttonSize: size,
37
+ buttonVariant: variant,
38
+ leftAddons: leftAddons,
39
+ rightAddons: rightAddons,
40
+ showArrow: showArrow,
41
+ };
42
+ return (React__default.default.createElement(coreComponentsSelect.BaseSelect, tslib.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: tslib.__assign(tslib.__assign({}, fieldDedaultProps), fieldProps), 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 = {},
42
43
  _b[styles__default.default.sideGap] = isSideGap,
43
44
  _b)), optionClassName: cn__default.default(styles__default.default.option, optionClassName), selected: [], closeOnSelect: true })));
44
45
  });
package/cssm/Component.mobile.js CHANGED
@@ -22,17 +22,18 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
22
22
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
23
23
 
24
24
  var PickerButtonMobile = React.forwardRef(function (_a, ref) {
25
- 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, showArrow = _a.showArrow, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow"]);
26
- return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: field_Component.Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
27
- view: view,
28
- loading: loading,
29
- /** size у select, button несовместимы */
30
- buttonSize: size,
31
- buttonVariant: variant,
32
- leftAddons: leftAddons,
33
- rightAddons: rightAddons,
34
- showArrow: showArrow,
35
- }, ref: ref, options: options, selected: [] })));
25
+ 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, showArrow = _a.showArrow, _e = _a.Field, Field = _e === void 0 ? field_Component.Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps"]);
26
+ var fieldDedaultProps = {
27
+ view: view,
28
+ loading: loading,
29
+ /** size у select, button несовместимы */
30
+ buttonSize: size,
31
+ buttonVariant: variant,
32
+ leftAddons: leftAddons,
33
+ rightAddons: rightAddons,
34
+ showArrow: showArrow,
35
+ };
36
+ return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDedaultProps), fieldProps), ref: ref, options: options, selected: [] })));
36
37
  });
37
38
 
38
39
  exports.PickerButtonMobile = PickerButtonMobile;
package/cssm/Component.responsive.d.ts CHANGED
@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
11
11
  */
12
12
  breakpoint?: number;
13
13
  };
14
- declare const PickerButtonResponsive: 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"> & {
14
+ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
15
15
  options: ((import("@alfalab/core-components-select").OptionShape | import("@alfalab/core-components-select").GroupShape) & {
16
16
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
17
17
  })[];
package/cssm/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export { PickerButtonResponsive as PickerButton } from "./responsive";
2
2
  export type { PickerButtonResponsiveProps as PickerButtonProps } from "./responsive";
3
3
  export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component";
4
+ export { getIcon } from "./utils/index";
package/cssm/index.js CHANGED
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component_responsive = require('./Component.responsive.js');
6
+ var utils_index = require('./utils/index.js');
6
7
  require('tslib');
7
8
  require('react');
8
9
  require('@alfalab/hooks');
@@ -11,17 +12,17 @@ require('classnames');
11
12
  require('@alfalab/core-components-select/cssm');
12
13
  require('./field/Component.js');
13
14
  require('@alfalab/core-components-button/cssm');
14
- require('./utils/index.js');
15
- require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
16
- require('@alfalab/icons-glyph/ChevronDownMIcon');
17
- require('@alfalab/icons-glyph/MoreMIcon');
18
- require('@alfalab/icons-glyph/MoreSIcon');
19
15
  require('./field/index.module.css');
20
16
  require('./option/Component.js');
21
17
  require('./option/index.module.css');
22
18
  require('./index.module.css');
23
19
  require('./Component.mobile.js');
20
+ require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
21
+ require('@alfalab/icons-glyph/ChevronDownMIcon');
22
+ require('@alfalab/icons-glyph/MoreMIcon');
23
+ require('@alfalab/icons-glyph/MoreSIcon');
24
24
 
25
25
 
26
26
 
27
27
  exports.PickerButton = Component_responsive.PickerButtonResponsive;
28
+ exports.getIcon = utils_index.getIcon;
package/esm/Component.d.ts CHANGED
@@ -5,7 +5,7 @@ import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectProps } from "@alfalab/core-components-select";
6
6
  type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
7
7
  type PickerButtonVariant = 'default' | 'compact';
8
- type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
8
+ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
9
9
  options: Array<BaseSelectProps['options'][0] & {
10
10
  /**
11
11
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -26,7 +26,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
26
26
  */
27
27
  showArrow?: boolean;
28
28
  };
29
- 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"> & {
29
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
30
30
  options: Array<BaseSelectProps['options'][0] & {
31
31
  /**
32
32
  * Иконка, отображающаяся слева от текстового представления пункта
package/esm/Component.js CHANGED
@@ -11,24 +11,25 @@ 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_lv4zp","optionsPopover":"picker-button__optionsPopover_lv4zp","sideGap":"picker-button__sideGap_lv4zp","option":"picker-button__option_lv4zp"};
14
+ var styles = {"container":"picker-button__container_z79uy","optionsPopover":"picker-button__optionsPopover_z79uy","sideGap":"picker-button__sideGap_z79uy","option":"picker-button__option_z79uy"};
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, optionClassName = _a.optionClassName, showArrow = _a.showArrow, restProps = __rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "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, _h = _a.Field, Field$1 = _h === void 0 ? Field : _h, _j = _a.fieldProps, fieldProps = _j === void 0 ? {} : _j, restProps = __rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow", "Field", "fieldProps"]);
21
21
  var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
22
- return (React.createElement(BaseSelect, __assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
23
- view: view,
24
- loading: loading,
25
- /** size у select, button несовместимы */
26
- buttonSize: size,
27
- buttonVariant: variant,
28
- leftAddons: leftAddons,
29
- rightAddons: rightAddons,
30
- showArrow: showArrow,
31
- }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
22
+ var fieldDedaultProps = {
23
+ view: view,
24
+ loading: loading,
25
+ /** size у select, button несовместимы */
26
+ buttonSize: size,
27
+ buttonVariant: variant,
28
+ leftAddons: leftAddons,
29
+ rightAddons: rightAddons,
30
+ showArrow: showArrow,
31
+ };
32
+ return (React.createElement(BaseSelect, __assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field$1, size: size === 'm' ? 'm' : 's', fieldProps: __assign(__assign({}, fieldDedaultProps), fieldProps), Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
32
33
  _b[styles.sideGap] = isSideGap,
33
34
  _b)), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true })));
34
35
  });
package/esm/Component.mobile.js CHANGED
@@ -12,17 +12,18 @@ import '@alfalab/icons-glyph/MoreMIcon';
12
12
  import '@alfalab/icons-glyph/MoreSIcon';
13
13
 
14
14
  var PickerButtonMobile = forwardRef(function (_a, ref) {
15
- var options = _a.options, label = _a.label, _b = _a.Option, Option$1 = _b === void 0 ? Option : _b, _c = _a.Optgroup, Optgroup$1 = _c === void 0 ? 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, showArrow = _a.showArrow, restProps = __rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow"]);
16
- return (React.createElement(SelectMobile, __assign({}, restProps, { label: label, Option: Option$1, bottomSheetProps: __assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: Field, Optgroup: Optgroup$1, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
17
- view: view,
18
- loading: loading,
19
- /** size у select, button несовместимы */
20
- buttonSize: size,
21
- buttonVariant: variant,
22
- leftAddons: leftAddons,
23
- rightAddons: rightAddons,
24
- showArrow: showArrow,
25
- }, ref: ref, options: options, selected: [] })));
15
+ var options = _a.options, label = _a.label, _b = _a.Option, Option$1 = _b === void 0 ? Option : _b, _c = _a.Optgroup, Optgroup$1 = _c === void 0 ? 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, showArrow = _a.showArrow, _e = _a.Field, Field$1 = _e === void 0 ? Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, restProps = __rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps"]);
16
+ var fieldDedaultProps = {
17
+ view: view,
18
+ loading: loading,
19
+ /** size у select, button несовместимы */
20
+ buttonSize: size,
21
+ buttonVariant: variant,
22
+ leftAddons: leftAddons,
23
+ rightAddons: rightAddons,
24
+ showArrow: showArrow,
25
+ };
26
+ return (React.createElement(SelectMobile, __assign({}, restProps, { label: label, Option: Option$1, bottomSheetProps: __assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: Field$1, Optgroup: Optgroup$1, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: __assign(__assign({}, fieldDedaultProps), fieldProps), ref: ref, options: options, selected: [] })));
26
27
  });
27
28
 
28
29
  export { PickerButtonMobile };
package/esm/Component.responsive.d.ts CHANGED
@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
11
11
  */
12
12
  breakpoint?: number;
13
13
  };
14
- declare const PickerButtonResponsive: 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"> & {
14
+ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
15
15
  options: ((import("@alfalab/core-components-select").OptionShape | import("@alfalab/core-components-select").GroupShape) & {
16
16
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
17
17
  })[];
package/esm/field/Component.js CHANGED
@@ -8,7 +8,7 @@ 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_19du5","addonsContainer":"picker-button__addonsContainer_19du5","showControlIcon":"picker-button__showControlIcon_19du5","open":"picker-button__open_19du5"};
11
+ var styles = {"iconContainer":"picker-button__iconContainer_15sk3","addonsContainer":"picker-button__addonsContainer_15sk3","showControlIcon":"picker-button__showControlIcon_15sk3","open":"picker-button__open_15sk3"};
12
12
  require('./index.css')
13
13
 
14
14
  var Field = function (_a) {
package/esm/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10yt0 */
1
+ /* hash: pj0kd */
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_19du5 {
19
+ } .picker-button__iconContainer_15sk3 {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .picker-button__addonsContainer_19du5 {
22
+ } .picker-button__addonsContainer_15sk3 {
23
23
  display: flex
24
- } .picker-button__addonsContainer_19du5.picker-button__showControlIcon_19du5 {
24
+ } .picker-button__addonsContainer_15sk3.picker-button__showControlIcon_15sk3 {
25
25
  margin-right: var(--gap-2xs);
26
- } .picker-button__open_19du5 {
26
+ } .picker-button__open_15sk3 {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 8tcrk */
1
+ /* hash: 8lp45 */
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
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_lv4zp {
19
+ } .picker-button__container_z79uy {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_lv4zp.picker-button__sideGap_lv4zp {
21
+ } .cc-picker-button.picker-button__optionsPopover_z79uy.picker-button__sideGap_z79uy {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_lv4zp {
23
+ } .cc-picker-button .picker-button__option_z79uy {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_lv4zp:before {
25
+ } .cc-picker-button .picker-button__option_z79uy:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
package/esm/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export { PickerButtonResponsive as PickerButton } from "./responsive";
2
2
  export type { PickerButtonResponsiveProps as PickerButtonProps } from "./responsive";
3
3
  export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component";
4
+ export { getIcon } from "./utils/index";
package/esm/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export { PickerButtonResponsive as PickerButton } from './Component.responsive.js';
2
+ export { getIcon } from './utils/index.js';
2
3
  import 'tslib';
3
4
  import 'react';
4
5
  import '@alfalab/hooks';
@@ -7,10 +8,9 @@ import 'classnames';
7
8
  import '@alfalab/core-components-select/esm';
8
9
  import './field/Component.js';
9
10
  import '@alfalab/core-components-button/esm';
10
- import './utils/index.js';
11
+ import './option/Component.js';
12
+ import './Component.mobile.js';
11
13
  import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
12
14
  import '@alfalab/icons-glyph/ChevronDownMIcon';
13
15
  import '@alfalab/icons-glyph/MoreMIcon';
14
16
  import '@alfalab/icons-glyph/MoreSIcon';
15
- import './option/Component.js';
16
- import './Component.mobile.js';
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_13k09","icon":"picker-button__icon_13k09","content":"picker-button__content_13k09"};
5
+ var styles = {"container":"picker-button__container_8ltla","icon":"picker-button__icon_8ltla","content":"picker-button__content_8ltla"};
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: 1jp1t */
1
+ /* hash: 1yy13 */
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_13k09 {
18
+ } .picker-button__container_8ltla {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_13k09 {
21
+ } .picker-button__icon_8ltla {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_13k09 {
24
+ } .picker-button__content_8ltla {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/field/Component.js CHANGED
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"iconContainer":"picker-button__iconContainer_19du5","addonsContainer":"picker-button__addonsContainer_19du5","showControlIcon":"picker-button__showControlIcon_19du5","open":"picker-button__open_19du5"};
20
+ var styles = {"iconContainer":"picker-button__iconContainer_15sk3","addonsContainer":"picker-button__addonsContainer_15sk3","showControlIcon":"picker-button__showControlIcon_15sk3","open":"picker-button__open_15sk3"};
21
21
  require('./index.css')
22
22
 
23
23
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10yt0 */
1
+ /* hash: pj0kd */
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_19du5 {
19
+ } .picker-button__iconContainer_15sk3 {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .picker-button__addonsContainer_19du5 {
22
+ } .picker-button__addonsContainer_15sk3 {
23
23
  display: flex
24
- } .picker-button__addonsContainer_19du5.picker-button__showControlIcon_19du5 {
24
+ } .picker-button__addonsContainer_15sk3.picker-button__showControlIcon_15sk3 {
25
25
  margin-right: var(--gap-2xs);
26
- } .picker-button__open_19du5 {
26
+ } .picker-button__open_15sk3 {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 8tcrk */
1
+ /* hash: 8lp45 */
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
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_lv4zp {
19
+ } .picker-button__container_z79uy {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_lv4zp.picker-button__sideGap_lv4zp {
21
+ } .cc-picker-button.picker-button__optionsPopover_z79uy.picker-button__sideGap_z79uy {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_lv4zp {
23
+ } .cc-picker-button .picker-button__option_z79uy {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_lv4zp:before {
25
+ } .cc-picker-button .picker-button__option_z79uy:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
package/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export { PickerButtonResponsive as PickerButton } from "./responsive";
2
2
  export type { PickerButtonResponsiveProps as PickerButtonProps } from "./responsive";
3
3
  export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component";
4
+ export { getIcon } from "./utils/index";
package/index.js CHANGED
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component_responsive = require('./Component.responsive.js');
6
+ var utils_index = require('./utils/index.js');
6
7
  require('tslib');
7
8
  require('react');
8
9
  require('@alfalab/hooks');
@@ -11,14 +12,14 @@ require('classnames');
11
12
  require('@alfalab/core-components-select');
12
13
  require('./field/Component.js');
13
14
  require('@alfalab/core-components-button');
14
- require('./utils/index.js');
15
+ require('./option/Component.js');
16
+ require('./Component.mobile.js');
15
17
  require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
16
18
  require('@alfalab/icons-glyph/ChevronDownMIcon');
17
19
  require('@alfalab/icons-glyph/MoreMIcon');
18
20
  require('@alfalab/icons-glyph/MoreSIcon');
19
- require('./option/Component.js');
20
- require('./Component.mobile.js');
21
21
 
22
22
 
23
23
 
24
24
  exports.PickerButton = Component_responsive.PickerButtonResponsive;
25
+ exports.getIcon = utils_index.getIcon;
package/modern/Component.d.ts CHANGED
@@ -5,7 +5,7 @@ import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectProps } from "@alfalab/core-components-select";
6
6
  type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
7
7
  type PickerButtonVariant = 'default' | 'compact';
8
- type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
8
+ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
9
9
  options: Array<BaseSelectProps['options'][0] & {
10
10
  /**
11
11
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -26,7 +26,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
26
26
  */
27
27
  showArrow?: boolean;
28
28
  };
29
- 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"> & {
29
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
30
30
  options: Array<BaseSelectProps['options'][0] & {
31
31
  /**
32
32
  * Иконка, отображающаяся слева от текстового представления пункта
package/modern/Component.js CHANGED
@@ -10,21 +10,25 @@ 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_lv4zp","optionsPopover":"picker-button__optionsPopover_lv4zp","sideGap":"picker-button__sideGap_lv4zp","option":"picker-button__option_lv4zp"};
13
+ const styles = {"container":"picker-button__container_z79uy","optionsPopover":"picker-button__optionsPopover_z79uy","sideGap":"picker-button__sideGap_z79uy","option":"picker-button__option_z79uy"};
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, 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, Field: Field$1 = Field, fieldProps = {}, ...restProps }, ref) => {
18
18
  const isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
19
- return (React.createElement(BaseSelect, { ...restProps, optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
20
- view,
21
- loading,
22
- /** size у select, button несовместимы */
23
- buttonSize: size,
24
- buttonVariant: variant,
25
- leftAddons,
26
- rightAddons,
27
- showArrow,
19
+ const fieldDedaultProps = {
20
+ view,
21
+ loading,
22
+ /** size у select, button несовместимы */
23
+ buttonSize: size,
24
+ buttonVariant: variant,
25
+ leftAddons,
26
+ rightAddons,
27
+ showArrow,
28
+ };
29
+ return (React.createElement(BaseSelect, { ...restProps, optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field$1, size: size === 'm' ? 'm' : 's', fieldProps: {
30
+ ...fieldDedaultProps,
31
+ ...fieldProps,
28
32
  }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, {
29
33
  [styles.sideGap]: isSideGap,
30
34
  }), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true }));
package/modern/Component.mobile.js CHANGED
@@ -10,11 +10,8 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
10
10
  import '@alfalab/icons-glyph/MoreMIcon';
11
11
  import '@alfalab/icons-glyph/MoreSIcon';
12
12
 
13
- const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, showArrow, ...restProps }, ref) => (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
14
- title: label,
15
- stickyHeader: true,
16
- ...bottomSheetProps,
17
- }, Field: Field, Optgroup: Optgroup$1, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
13
+ const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, showArrow, Field: Field$1 = Field, fieldProps = {}, ...restProps }, ref) => {
14
+ const fieldDedaultProps = {
18
15
  view,
19
16
  loading,
20
17
  /** size у select, button несовместимы */
@@ -23,6 +20,15 @@ const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Opti
23
20
  leftAddons,
24
21
  rightAddons,
25
22
  showArrow,
26
- }, ref: ref, options: options, selected: [] })));
23
+ };
24
+ return (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
25
+ title: label,
26
+ stickyHeader: true,
27
+ ...bottomSheetProps,
28
+ }, Field: Field$1, Optgroup: Optgroup$1, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
29
+ ...fieldDedaultProps,
30
+ ...fieldProps,
31
+ }, ref: ref, options: options, selected: [] }));
32
+ });
27
33
 
28
34
  export { PickerButtonMobile };
package/modern/Component.responsive.d.ts CHANGED
@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
11
11
  */
12
12
  breakpoint?: number;
13
13
  };
14
- declare const PickerButtonResponsive: 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"> & {
14
+ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
15
15
  options: ((import("@alfalab/core-components-select").OptionShape | import("@alfalab/core-components-select").GroupShape) & {
16
16
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
17
17
  })[];
package/modern/field/Component.js CHANGED
@@ -7,7 +7,7 @@ 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_19du5","addonsContainer":"picker-button__addonsContainer_19du5","showControlIcon":"picker-button__showControlIcon_19du5","open":"picker-button__open_19du5"};
10
+ const styles = {"iconContainer":"picker-button__iconContainer_15sk3","addonsContainer":"picker-button__addonsContainer_15sk3","showControlIcon":"picker-button__showControlIcon_15sk3","open":"picker-button__open_15sk3"};
11
11
  require('./index.css')
12
12
 
13
13
  const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {
package/modern/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10yt0 */
1
+ /* hash: pj0kd */
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_19du5 {
19
+ } .picker-button__iconContainer_15sk3 {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .picker-button__addonsContainer_19du5 {
22
+ } .picker-button__addonsContainer_15sk3 {
23
23
  display: flex
24
- } .picker-button__addonsContainer_19du5.picker-button__showControlIcon_19du5 {
24
+ } .picker-button__addonsContainer_15sk3.picker-button__showControlIcon_15sk3 {
25
25
  margin-right: var(--gap-2xs);
26
- } .picker-button__open_19du5 {
26
+ } .picker-button__open_15sk3 {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 8tcrk */
1
+ /* hash: 8lp45 */
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
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_lv4zp {
19
+ } .picker-button__container_z79uy {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_lv4zp.picker-button__sideGap_lv4zp {
21
+ } .cc-picker-button.picker-button__optionsPopover_z79uy.picker-button__sideGap_z79uy {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_lv4zp {
23
+ } .cc-picker-button .picker-button__option_z79uy {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_lv4zp:before {
25
+ } .cc-picker-button .picker-button__option_z79uy:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
package/modern/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export { PickerButtonResponsive as PickerButton } from "./responsive";
2
2
  export type { PickerButtonResponsiveProps as PickerButtonProps } from "./responsive";
3
3
  export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component";
4
+ export { getIcon } from "./utils/index";
package/modern/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export { PickerButtonResponsive as PickerButton } from './Component.responsive.js';
2
+ export { getIcon } from './utils/index.js';
2
3
  import 'react';
3
4
  import '@alfalab/hooks';
4
5
  import './Component.js';
@@ -6,10 +7,9 @@ import 'classnames';
6
7
  import '@alfalab/core-components-select/modern';
7
8
  import './field/Component.js';
8
9
  import '@alfalab/core-components-button/modern';
9
- import './utils/index.js';
10
+ import './option/Component.js';
11
+ import './Component.mobile.js';
10
12
  import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
11
13
  import '@alfalab/icons-glyph/ChevronDownMIcon';
12
14
  import '@alfalab/icons-glyph/MoreMIcon';
13
15
  import '@alfalab/icons-glyph/MoreSIcon';
14
- import './option/Component.js';
15
- import './Component.mobile.js';
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_13k09","icon":"picker-button__icon_13k09","content":"picker-button__content_13k09"};
4
+ const styles = {"container":"picker-button__container_8ltla","icon":"picker-button__icon_8ltla","content":"picker-button__content_8ltla"};
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: 1jp1t */
1
+ /* hash: 1yy13 */
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_13k09 {
18
+ } .picker-button__container_8ltla {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_13k09 {
21
+ } .picker-button__icon_8ltla {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_13k09 {
24
+ } .picker-button__content_8ltla {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/option/Component.js CHANGED
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"container":"picker-button__container_13k09","icon":"picker-button__icon_13k09","content":"picker-button__content_13k09"};
13
+ var styles = {"container":"picker-button__container_8ltla","icon":"picker-button__icon_8ltla","content":"picker-button__content_8ltla"};
14
14
  require('./index.css')
15
15
 
16
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1jp1t */
1
+ /* hash: 1yy13 */
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_13k09 {
18
+ } .picker-button__container_8ltla {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_13k09 {
21
+ } .picker-button__icon_8ltla {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_13k09 {
24
+ } .picker-button__content_8ltla {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "10.3.23",
3
+ "version": "10.3.25",
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": "^8.3.0",
22
- "@alfalab/core-components-select": "^14.1.2",
21
+ "@alfalab/core-components-button": "^8.4.0",
22
+ "@alfalab/core-components-select": "^14.3.0",
23
23
  "@alfalab/hooks": "^1.13.0",
24
24
  "@alfalab/icons-glyph": "^2.108.0",
25
25
  "classnames": "^2.3.1",