@alfalab/core-components-picker-button 7.5.0 → 7.6.2

package/dist/index.js

@@ -2,13 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-4c462f50.js');
+require('./tslib.es6-62e46619.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-select');
 require('@alfalab/core-components-button');
-require('@alfalab/icons-classic/ArrowDownMIcon');
-require('@alfalab/icons-classic/ArrowDownSIcon');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+require('@alfalab/icons-glyph/MoreMIcon');
+require('@alfalab/icons-glyph/MoreSIcon');
+require('./utils/index.js');
+require('./field/Component.js');
+require('./option/Component.js');
 var Component = require('./Component.js');
 
 

package/dist/modern/Component.d.ts

@@ -1,18 +1,40 @@
 /// <reference types="react" />
 import React from 'react';
+import { FC, SVGProps } from "react";
 import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectProps } from "@alfalab/core-components-select";
+import { BaseSelectProps, OptionShape } from "@alfalab/core-components-select";
 type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
-type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
+type PickerButtonVariant = 'default' | 'compact';
+type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
+    options: Array<OptionShape & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
     /**
      * Размер кнопки
      */
     size?: PickerButtonSize;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant;
 };
-declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "popperClassName" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "popperClassName" | "open" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: (OptionShape & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
+    })[];
     /**
      * Размер кнопки
      */
     size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | undefined;
+    /**
+     * Тип кнопки
+     */
+    variant?: "default" | "compact" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { PickerButtonSize, PickerButtonProps, PickerButton };
+export { PickerButtonSize, PickerButtonVariant, PickerButtonProps, PickerButton };

package/dist/modern/Component.js

@@ -1,27 +1,32 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { OptionsList, Optgroup, Option, BaseSelect } from '@alfalab/core-components-select/dist/modern';
+import { OptionsList, Optgroup, BaseSelect } from '@alfalab/core-components-select/dist/modern';
 import '@alfalab/core-components-button/dist/modern';
-import '@alfalab/icons-classic/ArrowDownMIcon';
-import '@alfalab/icons-classic/ArrowDownSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import './utils/index.js';
 import { Field } from './field/Component.js';
+import { Option } from './option/Component.js';
 
-var styles = {"container":"picker-button__container_12ijs","optionsPopover":"picker-button__optionsPopover_12ijs","sideGap":"picker-button__sideGap_12ijs","optionsListContainer":"picker-button__optionsListContainer_12ijs"};
+var styles = {"container":"picker-button__container_1htj9","optionsPopover":"picker-button__optionsPopover_1htj9","sideGap":"picker-button__sideGap_1htj9","optionsListContainer":"picker-button__optionsListContainer_1htj9","option":"picker-button__option_1htj9"};
 require('./index.css')
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
-const PickerButton = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', className, leftAddons, rightAddons, popperClassName, optionsListClassName, ...restProps }, ref) => {
+const PickerButton = 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, ...restProps }, ref) => {
     const isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
-    return (React.createElement(BaseSelect, Object.assign({}, restProps, { ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
+    return (React.createElement(BaseSelect, Object.assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
             view,
             loading,
             /** size у select, button несовместимы */
             buttonSize: size,
+            buttonVariant: variant,
             leftAddons,
             rightAddons,
         }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn(styles.optionsPopover, popperClassName, {
             [styles.sideGap]: isSideGap,
-        }), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), selected: [], closeOnSelect: true })));
+        }), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true })));
 });
 
 export { PickerButton };