@snack-uikit/chips 0.9.1 → 0.10.0

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.10.0 (2023-12-14)
+
+
+### BREAKING CHANGES
+
+
+* **FF-3729:** replace enum with unions ([910db4a](https://github.com/cloud-ru-tech/snack-uikit/commit/910db4aa8231ccbc58e538e5c5c1f461b1dec275))
+
+
+
+
+## 0.9.2 (2023-12-07)
+
+### Only dependencies have been changed
+* [@snack-uikit/droplist@0.11.2](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/droplist/CHANGELOG.md)
+
+
+
+
+
 ## 0.9.1 (2023-12-06)
 
 ### Only dependencies have been changed

package/README.md

@@ -18,7 +18,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 <ChipAssist
   label='Label'
   icon={<PlaceholderSVG />}
-  size={ChipAssist.sizes.S}
+  size='s'
   disabled={false}
   loading={false}
   onClick={doSomething}
@@ -29,7 +29,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 <ChipToggle
   label='Label'
   icon={<PlaceholderSVG />}
-  size={ChipToggle.sizes.S}
+  size='s'
   selected={false}
   disabled={false}
   loading={false}
@@ -42,7 +42,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
   label='Label'
   value='value'
   icon={<PlaceholderSVG />}
-  size={ChipChoice.sizes.S}
+  size='s'
   disabled={false}
   loading={false}
   options={[]}
@@ -53,7 +53,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
   label='Label'
   value={['value1', 'value2']}
   onChangeValue={onChange}
-  size={ChipChoice.sizes.M}
+  size='m'
   options={[]}
   valueFormatter={formatter}
 />
@@ -62,7 +62,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
   label='Label'
   value={new Date()}
   onChangeValue={onChange}
-  size={ChipChoice.sizes.M}
+  size='m'
   valueFormatter={formatter}
 />
 
@@ -70,7 +70,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
   label='Label'
   value={[new Date(), new Date()]}
   onChangeValue={onChange}
-  size={ChipChoice.sizes.M}
+  size='m'
   valueFormatter={formatter}
 />
 
@@ -78,7 +78,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
   label='Label'
   value='value'
   valueToRender='Selected'
-  size={ChipChoice.sizes.M}
+  size='m'
 />
 ```
 
@@ -96,7 +96,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | icon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка |
 | className | `string` | - | CSS-класс |
 | tabIndex | `number` | - | HTML tab index |
-| size | enum Size: `"xs"`, `"s"`, `"m"`, `"l"` | ChipAssist.sizes.S | Размер |
+| size | enum Size: `"xs"`, `"s"`, `"m"`, `"l"` | s | Размер |
 ## ChipToggle
 Чип с состоянием выбран/не выбран
 ### Props
@@ -110,7 +110,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | icon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка |
 | className | `string` | - | CSS-класс |
 | tabIndex | `number` | - | HTML tab index |
-| size | enum Size: `"xs"`, `"s"`, `"m"`, `"l"` | ChipToggle.sizes.S | Размер |
+| size | enum Size: `"xs"`, `"s"`, `"m"`, `"l"` | s | Размер |
 ## ChipChoice.Custom
 ### Props
 | name | type | default value | description |
@@ -125,7 +125,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | onClick | `MouseEventHandler<HTMLButtonElement \| HTMLDivElement>` | - | Колбек обработки клика |
 | showClearButton | `boolean` | - | Отображение кнопки очистки значения @default true |
 | placement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | - | Расположение выпадающего меню |
-| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"GreatThanOrEqual"`, `"Equal"` | Gte | Стратегия управления шириной контейнера поповера <br> - `Auto` - соответствует ширине контента, <br> - `Gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br> - `Eq` - Equal, строго равен ширине таргета. |
+| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"gte"`, `"eq"` | gte | Стратегия управления шириной контейнера поповера <br> - `auto` - соответствует ширине контента, <br> - `gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br> - `eq` - Equal, строго равен ширине таргета. |
 | valueToRender | `ReactNode` | - | Отображаемое значение |
 | value | `string \| Date \| string[] \| [Date, Date]` | - | Фактическое значение. Используется для отображения кнопки очистки, если свойство <strong>showClearButton=true</strong> |
 | onClearButtonClick | `MouseEventHandler<HTMLButtonElement>` | - | Колбек для клика по кнопке очистки |
@@ -145,7 +145,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | onClick | `MouseEventHandler<HTMLButtonElement \| HTMLDivElement>` | - | Колбек обработки клика |
 | showClearButton | `boolean` | - | Отображение кнопки очистки значения @default true |
 | placement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | - | Расположение выпадающего меню |
-| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"GreatThanOrEqual"`, `"Equal"` | Gte | Стратегия управления шириной контейнера поповера <br> - `Auto` - соответствует ширине контента, <br> - `Gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br> - `Eq` - Equal, строго равен ширине таргета. |
+| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"gte"`, `"eq"` | gte | Стратегия управления шириной контейнера поповера <br> - `auto` - соответствует ширине контента, <br> - `gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br> - `eq` - Equal, строго равен ширине таргета. |
 | value | `string` | - | Значение компонента |
 | defaultValue | `string` | - | Значение компонента по умолчанию |
 | onChange | `(value: string) => void` | - | Колбек смены значения |
@@ -165,7 +165,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | onClick | `MouseEventHandler<HTMLButtonElement \| HTMLDivElement>` | - | Колбек обработки клика |
 | showClearButton | `boolean` | - | Отображение кнопки очистки значения @default true |
 | placement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | - | Расположение выпадающего меню |
-| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"GreatThanOrEqual"`, `"Equal"` | Gte | Стратегия управления шириной контейнера поповера <br> - `Auto` - соответствует ширине контента, <br> - `Gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br> - `Eq` - Equal, строго равен ширине таргета. |
+| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"gte"`, `"eq"` | gte | Стратегия управления шириной контейнера поповера <br> - `auto` - соответствует ширине контента, <br> - `gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br> - `eq` - Equal, строго равен ширине таргета. |
 | value | `string[]` | - | Значение компонента |
 | defaultValue | `string[]` | - | Значение компонента по умолчанию |
 | onChange | `(value: string[]) => void` | - | Колбек смены значения |
@@ -184,7 +184,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | onClick | `MouseEventHandler<HTMLButtonElement \| HTMLDivElement>` | - | Колбек обработки клика |
 | showClearButton | `boolean` | - | Отображение кнопки очистки значения @default true |
 | placement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | - | Расположение выпадающего меню |
-| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"GreatThanOrEqual"`, `"Equal"` | Gte | Стратегия управления шириной контейнера поповера <br> - `Auto` - соответствует ширине контента, <br> - `Gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br> - `Eq` - Equal, строго равен ширине таргета. |
+| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"gte"`, `"eq"` | gte | Стратегия управления шириной контейнера поповера <br> - `auto` - соответствует ширине контента, <br> - `gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br> - `eq` - Equal, строго равен ширине таргета. |
 | value | `Date` | - | Значение компонента |
 | defaultValue | `Date` | - | Значение компонента по-умолчанию |
 | onChange | `(value: Date) => void` | - | Колбек смены значения |
@@ -203,7 +203,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | onClick | `MouseEventHandler<HTMLButtonElement \| HTMLDivElement>` | - | Колбек обработки клика |
 | showClearButton | `boolean` | - | Отображение кнопки очистки значения @default true |
 | placement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | - | Расположение выпадающего меню |
-| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"GreatThanOrEqual"`, `"Equal"` | Gte | Стратегия управления шириной контейнера поповера <br> - `Auto` - соответствует ширине контента, <br> - `Gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br> - `Eq` - Equal, строго равен ширине таргета. |
+| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"gte"`, `"eq"` | gte | Стратегия управления шириной контейнера поповера <br> - `auto` - соответствует ширине контента, <br> - `gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br> - `eq` - Equal, строго равен ширине таргета. |
 | value | `Range` | - | Значение компонента |
 | defaultValue | `Range` | - | Значение компонента по умолчанию |
 | onChange | `(value: Range) => void` | - | Колбек смены значения |
@@ -212,11 +212,11 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| filters* | `(Pick<{ id: string; } & { type: ChipChoiceType.Multi; } & { 'data-test-id'?: string; } & AriaAttributes & Partial<BaseChipProps> & { ...; } & { ...; }, "data-test-id" \| ... 9 more ... \| "type"> \| Pick<...> \| Pick<...> \| Pick<...>)[]` | - | Массив чипов |
+| filters* | `(Pick<{ id: string; } & { type: "multi"; } & { 'data-test-id'?: string; } & AriaAttributes & Partial<BaseChipProps> & { size?: Size; onClick?: MouseEventHandler<...>; showClearButton?: boolean; placement?: Placement; widthStrategy?: PopoverWidthStrategy; } & { ...; }, "data-test-id" \| ... 9 more ... \| "type"> \| Pick...` | - | Массив чипов |
 | value | `FiltersState` | - | Состояние фильтров |
 | defaultValue | `Partial<TState>` | - | Начальное состояние фильтров |
 | onChange | `(filters: TState) => void` | - | Колбек изменения состояния фильтров |
-| size | enum Size: `"xs"`, `"s"`, `"m"` | Size.S | Размер @default Size.S |
+| size | enum ChipChoiceRowSize: `"xs"`, `"s"`, `"m"` | s | Размер @default 's' |
 | className | `string` | - | CSS-класс |
 | showClearAllButton | `boolean` | true | Скрыть/показать кнопку очиски @default true |
 | clearAllButtonLabel | `string` | Clear all | Текст кнопки очистки @default 'Clear all' |

package/dist/components/ChipAssist/ChipAssist.d.ts

@@ -1,7 +1,6 @@
 import { MouseEventHandler } from 'react';
 import { WithSupportProps } from '@snack-uikit/utils';
-import { Size } from '../../constants';
-import { BaseChipProps } from '../../types';
+import { BaseChipProps, Size } from '../../types';
 export type ChipAssistProps = WithSupportProps<BaseChipProps & {
     /** Размер */
     size?: Size;
@@ -10,6 +9,3 @@ export type ChipAssistProps = WithSupportProps<BaseChipProps & {
 }>;
 /** Чип с лейблом  */
 export declare function ChipAssist({ icon, size, label, disabled, loading, onClick, className, tabIndex, ...rest }: ChipAssistProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ChipAssist {
-    var sizes: typeof Size;
-}

package/dist/components/ChipAssist/ChipAssist.js

@@ -13,19 +13,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
 import { Sun } from '@snack-uikit/loaders';
 import { extractSupportProps } from '@snack-uikit/utils';
-import { CHIP_ASSIST_TEST_IDS, Size, Variant } from '../../constants';
+import { CHIP_ASSIST_TEST_IDS, SIZE, VARIANT } from '../../constants';
 import styles from './styles.module.css';
 /** Чип с лейблом  */
 export function ChipAssist(_a) {
-    var { icon, size = ChipAssist.sizes.S, label, disabled, loading, onClick, className, tabIndex } = _a, rest = __rest(_a, ["icon", "size", "label", "disabled", "loading", "onClick", "className", "tabIndex"]);
-    const variant = icon && size !== Size.Xs ? Variant.IconBefore : Variant.LabelOnly;
-    const spinnerSize = size === Size.Xs ? Sun.sizes.XS : Sun.sizes.S;
+    var { icon, size = SIZE.S, label, disabled, loading, onClick, className, tabIndex } = _a, rest = __rest(_a, ["icon", "size", "label", "disabled", "loading", "onClick", "className", "tabIndex"]);
+    const variant = icon && size !== SIZE.Xs ? VARIANT.IconBefore : VARIANT.LabelOnly;
+    const spinnerSize = size === SIZE.Xs ? 'xs' : 's';
     const handleClick = e => {
         if (disabled || loading) {
             return;
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
     };
-    return (_jsxs("button", Object.assign({}, extractSupportProps(rest), { tabIndex: tabIndex, "data-size": size, "data-loading": loading || undefined, "data-variant": variant, disabled: !loading && disabled, onClick: handleClick, className: cn(styles.assistChip, className) }, { children: [variant === Variant.IconBefore && !loading && (_jsx("span", Object.assign({ className: styles.icon, "data-test-id": CHIP_ASSIST_TEST_IDS.icon }, { children: icon }))), loading && (_jsx("span", Object.assign({ className: styles.spinner, "data-test-id": CHIP_ASSIST_TEST_IDS.spinner }, { children: _jsx(Sun, { size: spinnerSize }) }))), _jsx("span", Object.assign({ className: cn(styles.labelLayout, styles.label), "data-test-id": CHIP_ASSIST_TEST_IDS.label }, { children: label }))] })));
+    return (_jsxs("button", Object.assign({}, extractSupportProps(rest), { tabIndex: tabIndex, "data-size": size, "data-loading": loading || undefined, "data-variant": variant, disabled: !loading && disabled, onClick: handleClick, className: cn(styles.assistChip, className) }, { children: [variant === VARIANT.IconBefore && !loading && (_jsx("span", Object.assign({ className: styles.icon, "data-test-id": CHIP_ASSIST_TEST_IDS.icon }, { children: icon }))), loading && (_jsx("span", Object.assign({ className: styles.spinner, "data-test-id": CHIP_ASSIST_TEST_IDS.spinner }, { children: _jsx(Sun, { size: spinnerSize }) }))), _jsx("span", Object.assign({ className: cn(styles.labelLayout, styles.label), "data-test-id": CHIP_ASSIST_TEST_IDS.label }, { children: label }))] })));
 }
-ChipAssist.sizes = Size;

package/dist/components/ChipChoice/components/ChipChoiceCustom/ChipChoiceCustom.js

@@ -15,14 +15,14 @@ import { useCallback, useRef, useState } from 'react';
 import { Droplist } from '@snack-uikit/droplist';
 import { Sun } from '@snack-uikit/loaders';
 import { extractSupportProps } from '@snack-uikit/utils';
-import { CHIP_CHOICE_TEST_IDS, Size, Variant } from '../../../../constants';
+import { CHIP_CHOICE_TEST_IDS, SIZE, VARIANT } from '../../../../constants';
 import { ButtonClearValue } from '../../../../helperComponents';
 import { BUTTON_CLEAR_VALUE_SIZE_MAP, DROPLIST_SIZE_MAP } from '../../constants';
 import styles from './styles.module.css';
 export function ChipChoiceCustom(_a) {
-    var { size = Size.S, disabled, loading, icon, label, valueToRender, value, onClick, className, tabIndex = 0, placement = Droplist.placements.BottomStart, widthStrategy = Droplist.widthStrategies.Gte, onClearButtonClick, showClearButton: showClearButtonProp = true, children, 'data-test-id': testId } = _a, rest = __rest(_a, ["size", "disabled", "loading", "icon", "label", "valueToRender", "value", "onClick", "className", "tabIndex", "placement", "widthStrategy", "onClearButtonClick", "showClearButton", "children", 'data-test-id']);
-    const variant = icon && size !== Size.Xs ? Variant.IconBefore : Variant.LabelOnly;
-    const spinnerSize = size === Size.Xs ? Sun.sizes.XS : Sun.sizes.S;
+    var { size = SIZE.S, disabled, loading, icon, label, valueToRender, value, onClick, className, tabIndex = 0, placement = 'bottom-start', widthStrategy = 'gte', onClearButtonClick, showClearButton: showClearButtonProp = true, children, 'data-test-id': testId } = _a, rest = __rest(_a, ["size", "disabled", "loading", "icon", "label", "valueToRender", "value", "onClick", "className", "tabIndex", "placement", "widthStrategy", "onClearButtonClick", "showClearButton", "children", 'data-test-id']);
+    const variant = icon && size !== SIZE.Xs ? VARIANT.IconBefore : VARIANT.LabelOnly;
+    const spinnerSize = size === SIZE.Xs ? 'xs' : 's';
     const clearButtonRef = useRef(null);
     const [isDroplistOpened, setIsDroplistOpened] = useState(false);
     const { firstElementRefCallback, triggerElementRef, handleDroplistFocusLeave, handleTriggerKeyDown, handleDroplistItemKeyDown, } = Droplist.useKeyboardNavigation({
@@ -71,5 +71,5 @@ export function ChipChoiceCustom(_a) {
         }
     };
     const showClearButton = showClearButtonProp && (value instanceof Date || Boolean(value === null || value === void 0 ? void 0 : value.length));
-    return (_jsx(Droplist, Object.assign({ trigger: Droplist.triggers.Click, open: isDroplistOpened, firstElementRefCallback: firstElementRefCallback, onOpenChange: onOpenChangeHandler, onFocusLeave: handleDroplistFocusLeave, triggerClassName: styles.triggerClassName, widthStrategy: widthStrategy, placement: placement, size: DROPLIST_SIZE_MAP[size], "data-test-id": CHIP_CHOICE_TEST_IDS.droplist, triggerElement: _jsxs("div", Object.assign({}, extractSupportProps(rest), { role: 'button', ref: triggerElementRef, className: cn(styles.choiceChip, className), "data-size": size, "data-variant": variant, "data-loading": loading || undefined, "data-test-id": testId || undefined, "data-disabled": (!loading && disabled) || undefined, onClick: handleChipClick, onKeyDown: handleChipKeyDown, tabIndex: tabIndex }, { children: [variant === Variant.IconBefore && (_jsx("span", Object.assign({ className: styles.icon, "data-test-id": CHIP_CHOICE_TEST_IDS.icon }, { children: icon }))), _jsxs("span", Object.assign({ className: styles.labelLayout }, { children: [label && (_jsx("span", Object.assign({ className: styles.label, "data-test-id": CHIP_CHOICE_TEST_IDS.label }, { children: label }))), loading ? (_jsx("span", Object.assign({ className: styles.spinner, "data-test-id": CHIP_CHOICE_TEST_IDS.spinner }, { children: _jsx(Sun, { size: spinnerSize }) }))) : (_jsx("span", Object.assign({ className: styles.value, "data-test-id": CHIP_CHOICE_TEST_IDS.value }, { children: valueToRender })))] })), !disabled && !loading && showClearButton && (_jsx(ButtonClearValue, { size: BUTTON_CLEAR_VALUE_SIZE_MAP[size], onClick: handleClearButtonClick, "data-test-id": CHIP_CHOICE_TEST_IDS.clearButton, onKeyDown: handleClearButtonKeyDown, ref: clearButtonRef }))] })) }, { children: typeof children === 'function' ? children({ handleDroplistItemKeyDown, closeDroplist }) : children })));
+    return (_jsx(Droplist, Object.assign({ trigger: 'click', open: isDroplistOpened, firstElementRefCallback: firstElementRefCallback, onOpenChange: onOpenChangeHandler, onFocusLeave: handleDroplistFocusLeave, triggerClassName: styles.triggerClassName, widthStrategy: widthStrategy, placement: placement, size: DROPLIST_SIZE_MAP[size], "data-test-id": CHIP_CHOICE_TEST_IDS.droplist, triggerElement: _jsxs("div", Object.assign({}, extractSupportProps(rest), { role: 'button', ref: triggerElementRef, className: cn(styles.choiceChip, className), "data-size": size, "data-variant": variant, "data-loading": loading || undefined, "data-test-id": testId || undefined, "data-disabled": (!loading && disabled) || undefined, onClick: handleChipClick, onKeyDown: handleChipKeyDown, tabIndex: tabIndex }, { children: [variant === VARIANT.IconBefore && (_jsx("span", Object.assign({ className: styles.icon, "data-test-id": CHIP_CHOICE_TEST_IDS.icon }, { children: icon }))), _jsxs("span", Object.assign({ className: styles.labelLayout }, { children: [label && (_jsx("span", Object.assign({ className: styles.label, "data-test-id": CHIP_CHOICE_TEST_IDS.label }, { children: label }))), loading ? (_jsx("span", Object.assign({ className: styles.spinner, "data-test-id": CHIP_CHOICE_TEST_IDS.spinner }, { children: _jsx(Sun, { size: spinnerSize }) }))) : (_jsx("span", Object.assign({ className: styles.value, "data-test-id": CHIP_CHOICE_TEST_IDS.value }, { children: valueToRender })))] })), !disabled && !loading && showClearButton && (_jsx(ButtonClearValue, { size: BUTTON_CLEAR_VALUE_SIZE_MAP[size], onClick: handleClearButtonClick, "data-test-id": CHIP_CHOICE_TEST_IDS.clearButton, onKeyDown: handleClearButtonKeyDown, ref: clearButtonRef }))] })) }, { children: typeof children === 'function' ? children({ handleDroplistItemKeyDown, closeDroplist }) : children })));
 }

package/dist/components/ChipChoice/components/ChipChoiceDate.js

@@ -12,17 +12,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useUncontrolledProp } from 'uncontrollable';
 import { Calendar } from '@snack-uikit/calendar';
-import { DEFAULT_EMPTY_VALUE, Size } from '../../../constants';
+import { DEFAULT_EMPTY_VALUE, SIZE } from '../../../constants';
 import { CALENDAR_SIZE_MAP } from '../constants';
 import { ChipChoiceCustom } from './ChipChoiceCustom';
 export function ChipChoiceDate(_a) {
-    var { size = Size.S, value, defaultValue, onChange, valueFormatter } = _a, rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueFormatter"]);
+    var { size = SIZE.S, value, defaultValue, onChange, valueFormatter } = _a, rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueFormatter"]);
     const [selectedValue, setSelectedValue] = useUncontrolledProp(value, defaultValue, onChange);
     const valueToRender = valueFormatter
         ? valueFormatter(selectedValue)
         : (selectedValue && new Date(selectedValue).toLocaleDateString()) || DEFAULT_EMPTY_VALUE;
     const clearValue = () => setSelectedValue(undefined);
-    return (_jsx(ChipChoiceCustom, Object.assign({ onClearButtonClick: clearValue, value: selectedValue, valueToRender: valueToRender, size: size }, rest, { children: ({ closeDroplist }) => (_jsx(Calendar, { mode: Calendar.modes.Date, size: CALENDAR_SIZE_MAP[size], value: selectedValue, onChangeValue: value => {
+    return (_jsx(ChipChoiceCustom, Object.assign({ onClearButtonClick: clearValue, value: selectedValue, valueToRender: valueToRender, size: size }, rest, { children: ({ closeDroplist }) => (_jsx(Calendar, { mode: 'date', size: CALENDAR_SIZE_MAP[size], value: selectedValue, onChangeValue: value => {
                 setSelectedValue(value);
                 closeDroplist();
             }, navigationStartRef: element => element === null || element === void 0 ? void 0 : element.focus(), onFocusLeave: closeDroplist })) })));

package/dist/components/ChipChoice/components/ChipChoiceDateRange.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useUncontrolledProp } from 'uncontrollable';
 import { Calendar } from '@snack-uikit/calendar';
-import { DEFAULT_EMPTY_VALUE, Size } from '../../../constants';
+import { DEFAULT_EMPTY_VALUE, SIZE } from '../../../constants';
 import { CALENDAR_SIZE_MAP } from '../constants';
 import { ChipChoiceCustom } from './ChipChoiceCustom';
 function defaultRangeFormatter(value) {
@@ -22,11 +22,11 @@ function defaultRangeFormatter(value) {
     return `${from.toLocaleDateString()} ${DEFAULT_EMPTY_VALUE} ${to.toLocaleDateString()}`;
 }
 export function ChipChoiceDateRange(_a) {
-    var { size = Size.S, value, defaultValue, onChange, valueFormatter } = _a, rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueFormatter"]);
+    var { size = SIZE.S, value, defaultValue, onChange, valueFormatter } = _a, rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueFormatter"]);
     const [selectedValue, setSelectedValue] = useUncontrolledProp(value, defaultValue, onChange);
     const valueToRender = valueFormatter ? valueFormatter(selectedValue) : defaultRangeFormatter(selectedValue);
     const clearValue = () => setSelectedValue(undefined);
-    return (_jsx(ChipChoiceCustom, Object.assign({ value: selectedValue, valueToRender: valueToRender, onClearButtonClick: clearValue, size: size }, rest, { children: ({ closeDroplist }) => (_jsx(Calendar, { mode: Calendar.modes.Range, size: CALENDAR_SIZE_MAP[size], value: selectedValue, onChangeValue: range => {
+    return (_jsx(ChipChoiceCustom, Object.assign({ value: selectedValue, valueToRender: valueToRender, onClearButtonClick: clearValue, size: size }, rest, { children: ({ closeDroplist }) => (_jsx(Calendar, { mode: 'range', size: CALENDAR_SIZE_MAP[size], value: selectedValue, onChangeValue: range => {
                 setSelectedValue(range);
                 closeDroplist();
             }, 

package/dist/components/ChipChoice/components/ChipChoiceMulti.js

@@ -14,11 +14,11 @@ import { createElement as _createElement } from "react";
 import { useMemo } from 'react';
 import { useUncontrolledProp } from 'uncontrollable';
 import { Droplist } from '@snack-uikit/droplist';
-import { Size } from '../../../constants';
+import { SIZE } from '../../../constants';
 import { defaultMultiValueLabelFormatter, normalizeValueForMultiChoice } from '../utils';
 import { ChipChoiceCustom } from './ChipChoiceCustom';
 export function ChipChoiceMulti(_a) {
-    var { value, defaultValue, options, onChange, valueFormatter, size = Size.S, 'data-test-id': dataTestId } = _a, rest = __rest(_a, ["value", "defaultValue", "options", "onChange", "valueFormatter", "size", 'data-test-id']);
+    var { value, defaultValue, options, onChange, valueFormatter, size = SIZE.S, 'data-test-id': dataTestId } = _a, rest = __rest(_a, ["value", "defaultValue", "options", "onChange", "valueFormatter", "size", 'data-test-id']);
     const [selectedValue, setSelectedValue] = useUncontrolledProp(normalizeValueForMultiChoice(options, value), normalizeValueForMultiChoice(options, defaultValue) || [], onChange);
     const selectedOptions = useMemo(() => options.filter(({ value }) => selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.includes(value)), [options, selectedValue]);
     const valueToRender = valueFormatter

package/dist/components/ChipChoice/components/ChipChoiceSingle.js

@@ -14,11 +14,11 @@ import { createElement as _createElement } from "react";
 import { useMemo } from 'react';
 import { useUncontrolledProp } from 'uncontrollable';
 import { Droplist } from '@snack-uikit/droplist';
-import { DEFAULT_EMPTY_VALUE, Size } from '../../../constants';
+import { DEFAULT_EMPTY_VALUE, SIZE } from '../../../constants';
 import { normalizeValueForSingleChoice } from '../utils';
 import { ChipChoiceCustom } from './ChipChoiceCustom';
 export function ChipChoiceSingle(_a) {
-    var { value, defaultValue, options, onChange, valueFormatter, size = Size.S, 'data-test-id': dataTestId } = _a, rest = __rest(_a, ["value", "defaultValue", "options", "onChange", "valueFormatter", "size", 'data-test-id']);
+    var { value, defaultValue, options, onChange, valueFormatter, size = SIZE.S, 'data-test-id': dataTestId } = _a, rest = __rest(_a, ["value", "defaultValue", "options", "onChange", "valueFormatter", "size", 'data-test-id']);
     const [selectedValue, setSelectedValue] = useUncontrolledProp(normalizeValueForSingleChoice(options, value), normalizeValueForSingleChoice(options, defaultValue), onChange);
     const selectedOption = useMemo(() => options.find(({ value }) => value === selectedValue), [options, selectedValue]);
     const valueToRender = valueFormatter ? valueFormatter(selectedOption) : (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || DEFAULT_EMPTY_VALUE;

package/dist/components/ChipChoice/constants.d.ts

@@ -1,25 +1,17 @@
-import { ButtonSize } from '../../constants';
+import { CalendarProps } from '@snack-uikit/calendar';
+import { DroplistProps } from '@snack-uikit/droplist';
+import { Size } from '../../types';
 export declare const BUTTON_CLEAR_VALUE_SIZE_MAP: {
-    xs: ButtonSize;
-    s: ButtonSize;
-    m: ButtonSize;
-    l: ButtonSize;
+    xs: "xxs";
+    s: "xs";
+    m: "xs";
+    l: "xs";
 };
-export declare const CALENDAR_SIZE_MAP: {
-    xs: import("@snack-uikit/calendar/dist/constants").Size;
-    s: import("@snack-uikit/calendar/dist/constants").Size;
-    m: import("@snack-uikit/calendar/dist/constants").Size;
-    l: import("@snack-uikit/calendar/dist/constants").Size;
+export declare const CALENDAR_SIZE_MAP: Record<Size, CalendarProps['size']>;
+export declare const DROPLIST_SIZE_MAP: Record<Size, DroplistProps['size']>;
+export declare const CHIP_CHOICE_TYPE: {
+    readonly Multi: "multi";
+    readonly Date: "date";
+    readonly DateRange: "date-range";
+    readonly Single: "single";
 };
-export declare const DROPLIST_SIZE_MAP: {
-    xs: import("@snack-uikit/droplist/dist/constants").Size;
-    s: import("@snack-uikit/droplist/dist/constants").Size;
-    m: import("@snack-uikit/droplist/dist/constants").Size;
-    l: import("@snack-uikit/droplist/dist/constants").Size;
-};
-export declare enum ChipChoiceType {
-    Multi = "multi",
-    Date = "date",
-    DateRange = "date-range",
-    Single = "single"
-}

package/dist/components/ChipChoice/constants.js

@@ -1,28 +1,25 @@
-import { Calendar } from '@snack-uikit/calendar';
-import { Droplist } from '@snack-uikit/droplist';
-import { ButtonSize, Size } from '../../constants';
+import { BUTTON_SIZE, SIZE } from '../../constants';
 export const BUTTON_CLEAR_VALUE_SIZE_MAP = {
-    [Size.Xs]: ButtonSize.Xxs,
-    [Size.S]: ButtonSize.Xs,
-    [Size.M]: ButtonSize.Xs,
-    [Size.L]: ButtonSize.Xs,
+    [SIZE.Xs]: BUTTON_SIZE.Xxs,
+    [SIZE.S]: BUTTON_SIZE.Xs,
+    [SIZE.M]: BUTTON_SIZE.Xs,
+    [SIZE.L]: BUTTON_SIZE.Xs,
 };
 export const CALENDAR_SIZE_MAP = {
-    [Size.Xs]: Calendar.sizes.S,
-    [Size.S]: Calendar.sizes.S,
-    [Size.M]: Calendar.sizes.M,
-    [Size.L]: Calendar.sizes.M,
+    [SIZE.Xs]: 's',
+    [SIZE.S]: 's',
+    [SIZE.M]: 'm',
+    [SIZE.L]: 'm',
 };
 export const DROPLIST_SIZE_MAP = {
-    [Size.Xs]: Droplist.sizes.S,
-    [Size.S]: Droplist.sizes.S,
-    [Size.M]: Droplist.sizes.M,
-    [Size.L]: Droplist.sizes.L,
+    [SIZE.Xs]: 's',
+    [SIZE.S]: 's',
+    [SIZE.M]: 'm',
+    [SIZE.L]: 'l',
+};
+export const CHIP_CHOICE_TYPE = {
+    Multi: 'multi',
+    Date: 'date',
+    DateRange: 'date-range',
+    Single: 'single',
 };
-export var ChipChoiceType;
-(function (ChipChoiceType) {
-    ChipChoiceType["Multi"] = "multi";
-    ChipChoiceType["Date"] = "date";
-    ChipChoiceType["DateRange"] = "date-range";
-    ChipChoiceType["Single"] = "single";
-})(ChipChoiceType || (ChipChoiceType = {}));

package/dist/components/ChipChoice/index.d.ts

@@ -1,6 +1,4 @@
-import { Size, Variant } from '../../constants';
 import { ChipChoiceCustom, ChipChoiceCustomProps, ChipChoiceDate, ChipChoiceDateProps, ChipChoiceDateRange, ChipChoiceDateRangeProps, ChipChoiceMulti, ChipChoiceMultiProps, ChipChoiceSingle, ChipChoiceSingleProps } from './components';
-import { ChipChoiceType } from './constants';
 export type { FilterOption } from './types';
 export type { ChipChoiceCustomProps, ChipChoiceMultiProps, ChipChoiceSingleProps, ChipChoiceDateProps, ChipChoiceDateRangeProps, };
 export declare namespace ChipChoice {
@@ -9,9 +7,4 @@ export declare namespace ChipChoice {
     const Multi: typeof ChipChoiceMulti;
     const Date: typeof ChipChoiceDate;
     const DateRange: typeof ChipChoiceDateRange;
-    const sizes: typeof Size;
-    const variants: typeof Variant;
-    const placements: typeof import("@snack-uikit/popover-private/dist/constants").Placement;
-    const widthStrategies: typeof import("@snack-uikit/popover-private/dist/constants").PopoverWidthStrategy;
-    const types: typeof ChipChoiceType;
 }

package/dist/components/ChipChoice/index.js

@@ -1,7 +1,4 @@
-import { Droplist } from '@snack-uikit/droplist';
-import { Size, Variant } from '../../constants';
 import { ChipChoiceCustom, ChipChoiceDate, ChipChoiceDateRange, ChipChoiceMulti, ChipChoiceSingle, } from './components';
-import { ChipChoiceType } from './constants';
 export var ChipChoice;
 (function (ChipChoice) {
     ChipChoice.Custom = ChipChoiceCustom;
@@ -9,9 +6,4 @@ export var ChipChoice;
     ChipChoice.Multi = ChipChoiceMulti;
     ChipChoice.Date = ChipChoiceDate;
     ChipChoice.DateRange = ChipChoiceDateRange;
-    ChipChoice.sizes = Size;
-    ChipChoice.variants = Variant;
-    ChipChoice.placements = Droplist.placements;
-    ChipChoice.widthStrategies = Droplist.widthStrategies;
-    ChipChoice.types = ChipChoiceType;
 })(ChipChoice || (ChipChoice = {}));

package/dist/components/ChipChoice/types.d.ts

@@ -1,8 +1,7 @@
 import { MouseEventHandler } from 'react';
 import { DroplistProps, ItemSingleProps } from '@snack-uikit/droplist';
 import { WithSupportProps } from '@snack-uikit/utils';
-import { Size } from '../../constants';
-import { BaseChipProps } from '../../types';
+import { BaseChipProps, Size } from '../../types';
 export type FilterOption = Pick<ItemSingleProps, 'caption' | 'description' | 'tagLabel' | 'icon' | 'avatar'> & {
     label: string;
     value: string;
@@ -18,10 +17,10 @@ export type ChipChoiceCommonProps = WithSupportProps<Partial<BaseChipProps> & {
     placement?: DroplistProps['placement'];
     /**
      * Стратегия управления шириной контейнера поповера
-     * <br> - `Auto` - соответствует ширине контента,
-     * <br> - `Gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире,
-     * <br> - `Eq` - Equal, строго равен ширине таргета.
-     * @default Gte
+     * <br> - `auto` - соответствует ширине контента,
+     * <br> - `gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире,
+     * <br> - `eq` - Equal, строго равен ширине таргета.
+     * @default gte
      */
     widthStrategy?: DroplistProps['widthStrategy'];
 }>;

package/dist/components/ChipChoiceRow/ChipChoiceRow.d.ts

@@ -1,6 +1,5 @@
 import { WithSupportProps } from '@snack-uikit/utils';
-import { Size } from './constants';
-import { ChipChoiceProps, OmitBetter } from './types';
+import { ChipChoiceProps, ChipChoiceRowSize, OmitBetter } from './types';
 export type FiltersState = Record<string, unknown>;
 export type ChipChoiceRowProps<TState extends FiltersState> = WithSupportProps<{
     /** Состояние фильтров */
@@ -11,8 +10,8 @@ export type ChipChoiceRowProps<TState extends FiltersState> = WithSupportProps<{
     onChange?(filters: TState): void;
     /** Массив чипов */
     filters: OmitBetter<ChipChoiceProps, 'onChange' | 'value' | 'size' | 'defaultValue'>[];
-    /** Размер @default Size.S */
-    size?: Size;
+    /** Размер @default 's' */
+    size?: ChipChoiceRowSize;
     /** CSS-класс */
     className?: string;
     /** Скрыть/показать кнопку очиски @default true */
@@ -21,6 +20,3 @@ export type ChipChoiceRowProps<TState extends FiltersState> = WithSupportProps<{
     clearAllButtonLabel?: string;
 }>;
 export declare function ChipChoiceRow<TState extends FiltersState>({ filters, onChange, showClearAllButton, clearAllButtonLabel, className, value, defaultValue, size, ...rest }: ChipChoiceRowProps<TState>): import("react/jsx-runtime").JSX.Element;
-export declare namespace ChipChoiceRow {
-    var sizes: typeof Size;
-}

package/dist/components/ChipChoiceRow/ChipChoiceRow.js

@@ -17,10 +17,10 @@ import { CrossSVG } from '@snack-uikit/icons';
 import { extractSupportProps } from '@snack-uikit/utils';
 import { CHIP_CHOICE_ROW_IDS } from '../../constants';
 import { ForwardedChipChoice } from './components';
-import { MAP_ROW_SIZE_TO_BUTTON_SIZE, MAP_ROW_SIZE_TO_CHOICE_SIZE, Size } from './constants';
+import { CHIP_CHOICE_ROW_SIZE, MAP_ROW_SIZE_TO_BUTTON_SIZE, MAP_ROW_SIZE_TO_CHOICE_SIZE } from './constants';
 import styles from './styles.module.css';
 export function ChipChoiceRow(_a) {
-    var { filters, onChange, showClearAllButton = true, clearAllButtonLabel = 'Clear all', className, value, defaultValue, size = Size.S } = _a, rest = __rest(_a, ["filters", "onChange", "showClearAllButton", "clearAllButtonLabel", "className", "value", "defaultValue", "size"]);
+    var { filters, onChange, showClearAllButton = true, clearAllButtonLabel = 'Clear all', className, value, defaultValue, size = CHIP_CHOICE_ROW_SIZE.S } = _a, rest = __rest(_a, ["filters", "onChange", "showClearAllButton", "clearAllButtonLabel", "className", "value", "defaultValue", "size"]);
     const [state, setState] = useUncontrolledProp(value, (defaultValue !== null && defaultValue !== void 0 ? defaultValue : {}), newState => {
         const result = typeof newState === 'function' ? newState(state) : newState;
         onChange === null || onChange === void 0 ? void 0 : onChange(result);
@@ -40,6 +40,5 @@ export function ChipChoiceRow(_a) {
         }
         return Boolean(filter);
     });
-    return (_jsxs("div", Object.assign({ className: cn(styles.chipChoiceRow, className) }, extractSupportProps(rest), { children: [filters.map(filter => (_jsx(ForwardedChipChoice, Object.assign({}, filter, { value: state[filter.id], size: MAP_ROW_SIZE_TO_CHOICE_SIZE[size], onChange: (value) => handleChange(filter.id, value) }), filter.id))), showClearAllButton && hasAnyFilter && (_jsx(ButtonFunction, { onClick: handleFiltersClear, label: clearAllButtonLabel, icon: _jsx(CrossSVG, {}), iconPosition: ButtonFunction.iconPositions.Before, size: MAP_ROW_SIZE_TO_BUTTON_SIZE[size], "data-test-id": CHIP_CHOICE_ROW_IDS.clearAllButton }))] })));
+    return (_jsxs("div", Object.assign({ className: cn(styles.chipChoiceRow, className) }, extractSupportProps(rest), { children: [filters.map(filter => (_jsx(ForwardedChipChoice, Object.assign({}, filter, { value: state[filter.id], size: MAP_ROW_SIZE_TO_CHOICE_SIZE[size], onChange: (value) => handleChange(filter.id, value) }), filter.id))), showClearAllButton && hasAnyFilter && (_jsx(ButtonFunction, { onClick: handleFiltersClear, label: clearAllButtonLabel, icon: _jsx(CrossSVG, {}), iconPosition: 'before', size: MAP_ROW_SIZE_TO_BUTTON_SIZE[size], "data-test-id": CHIP_CHOICE_ROW_IDS.clearAllButton }))] })));
 }
-ChipChoiceRow.sizes = Size;

package/dist/components/ChipChoiceRow/components/constants.js

@@ -1,7 +1,8 @@
 import { ChipChoice } from '../../ChipChoice';
+import { CHIP_CHOICE_TYPE } from '../../ChipChoice/constants';
 export const MAP_CHIP_TYPE_TO_COMPONENT = {
-    [ChipChoice.types.Single]: ChipChoice.Single,
-    [ChipChoice.types.Multi]: ChipChoice.Multi,
-    [ChipChoice.types.Date]: ChipChoice.Date,
-    [ChipChoice.types.DateRange]: ChipChoice.DateRange,
+    [CHIP_CHOICE_TYPE.Single]: ChipChoice.Single,
+    [CHIP_CHOICE_TYPE.Multi]: ChipChoice.Multi,
+    [CHIP_CHOICE_TYPE.Date]: ChipChoice.Date,
+    [CHIP_CHOICE_TYPE.DateRange]: ChipChoice.DateRange,
 };

package/dist/components/ChipChoiceRow/constants.d.ts

@@ -1,15 +1,12 @@
-export declare enum Size {
-    Xs = "xs",
-    S = "s",
-    M = "m"
-}
-export declare const MAP_ROW_SIZE_TO_CHOICE_SIZE: {
-    xs: import("../../constants").Size;
-    s: import("../../constants").Size;
-    m: import("../../constants").Size;
+import { ButtonFunctionProps } from '@snack-uikit/button';
+export declare const CHIP_CHOICE_ROW_SIZE: {
+    readonly Xs: "xs";
+    readonly S: "s";
+    readonly M: "m";
 };
-export declare const MAP_ROW_SIZE_TO_BUTTON_SIZE: {
-    xs: import("@snack-uikit/button/dist/constants").SizeXsM;
-    s: import("@snack-uikit/button/dist/constants").SizeXsM;
-    m: import("@snack-uikit/button/dist/constants").SizeXsM;
+export declare const MAP_ROW_SIZE_TO_CHOICE_SIZE: {
+    xs: "xs";
+    s: "s";
+    m: "m";
 };
+export declare const MAP_ROW_SIZE_TO_BUTTON_SIZE: Record<string, ButtonFunctionProps['size']>;

package/dist/components/ChipChoiceRow/constants.js

@@ -1,18 +1,16 @@
-import { ButtonFunction } from '@snack-uikit/button';
-import { ChipChoice } from '../ChipChoice';
-export var Size;
-(function (Size) {
-    Size["Xs"] = "xs";
-    Size["S"] = "s";
-    Size["M"] = "m";
-})(Size || (Size = {}));
+import { SIZE } from '../../constants';
+export const CHIP_CHOICE_ROW_SIZE = {
+    Xs: 'xs',
+    S: 's',
+    M: 'm',
+};
 export const MAP_ROW_SIZE_TO_CHOICE_SIZE = {
-    [Size.Xs]: ChipChoice.sizes.Xs,
-    [Size.S]: ChipChoice.sizes.S,
-    [Size.M]: ChipChoice.sizes.M,
+    [CHIP_CHOICE_ROW_SIZE.Xs]: SIZE.Xs,
+    [CHIP_CHOICE_ROW_SIZE.S]: SIZE.S,
+    [CHIP_CHOICE_ROW_SIZE.M]: SIZE.M,
 };
 export const MAP_ROW_SIZE_TO_BUTTON_SIZE = {
-    [Size.Xs]: ButtonFunction.sizes.Xs,
-    [Size.S]: ButtonFunction.sizes.S,
-    [Size.M]: ButtonFunction.sizes.M,
+    [CHIP_CHOICE_ROW_SIZE.Xs]: 'xs',
+    [CHIP_CHOICE_ROW_SIZE.S]: 's',
+    [CHIP_CHOICE_ROW_SIZE.M]: 'm',
 };