@snack-uikit/chips 0.9.2 → 0.10.0

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

@@ -1,16 +1,19 @@
-import { ChipChoiceDateProps, ChipChoiceDateRangeProps, ChipChoiceMultiProps, ChipChoiceSingleProps } from '../ChipChoice/components';
-import { ChipChoiceType } from '../ChipChoice/constants';
+import { ValueOf } from '@snack-uikit/utils';
+import { ChipChoiceDateProps, ChipChoiceDateRangeProps, ChipChoiceMultiProps, ChipChoiceSingleProps } from '../ChipChoice';
+import { CHIP_CHOICE_TYPE } from '../ChipChoice/constants';
+import { CHIP_CHOICE_ROW_SIZE } from './constants';
+export type ChipChoiceRowSize = ValueOf<typeof CHIP_CHOICE_ROW_SIZE>;
 type ChipChoiceMultiType = {
-    type: ChipChoiceType.Multi;
+    type: typeof CHIP_CHOICE_TYPE.Multi;
 } & ChipChoiceMultiProps;
 type ChipChoiceSingleType = {
-    type: ChipChoiceType.Single;
+    type: typeof CHIP_CHOICE_TYPE.Single;
 } & ChipChoiceSingleProps;
 type ChipChoiceDateType = {
-    type: ChipChoiceType.Date;
+    type: typeof CHIP_CHOICE_TYPE.Date;
 } & ChipChoiceDateProps;
 type ChipChoiceDateRangeType = {
-    type: ChipChoiceType.DateRange;
+    type: typeof CHIP_CHOICE_TYPE.DateRange;
 } & ChipChoiceDateRangeProps;
 export type ChipChoiceProps = {
     id: string;

package/dist/components/ChipToggle/ChipToggle.d.ts

@@ -1,7 +1,6 @@
 import { ChangeEvent } from 'react';
 import { WithSupportProps } from '@snack-uikit/utils';
-import { Size } from '../../constants';
-import { BaseChipProps } from '../../types';
+import { BaseChipProps, Size } from '../../types';
 export type ChipToggleProps = WithSupportProps<BaseChipProps & {
     /** Отмечен ли компонент */
     checked: boolean;
@@ -12,6 +11,3 @@ export type ChipToggleProps = WithSupportProps<BaseChipProps & {
 }>;
 /** Чип с состоянием выбран/не выбран */
 export declare function ChipToggle({ icon, size, label, checked, disabled, loading, onChange, className, tabIndex, ...rest }: ChipToggleProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ChipToggle {
-    var sizes: typeof Size;
-}

package/dist/components/ChipToggle/ChipToggle.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_TOGGLE_TEST_IDS, Size, Variant } from '../../constants';
+import { CHIP_TOGGLE_TEST_IDS, SIZE, VARIANT } from '../../constants';
 import styles from './styles.module.css';
 /** Чип с состоянием выбран/не выбран */
 export function ChipToggle(_a) {
-    var { icon, size = ChipToggle.sizes.S, label, checked, disabled, loading, onChange, className, tabIndex = 0 } = _a, rest = __rest(_a, ["icon", "size", "label", "checked", "disabled", "loading", "onChange", "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, checked, disabled, loading, onChange, className, tabIndex = 0 } = _a, rest = __rest(_a, ["icon", "size", "label", "checked", "disabled", "loading", "onChange", "className", "tabIndex"]);
+    const variant = icon && size !== SIZE.Xs ? VARIANT.IconBefore : VARIANT.LabelOnly;
+    const spinnerSize = size === SIZE.Xs ? 'xs' : 's';
     const handleChange = e => {
         if (disabled || loading) {
             return;
         }
         onChange === null || onChange === void 0 ? void 0 : onChange(!checked, e);
     };
-    return (_jsxs("label", Object.assign({}, extractSupportProps(rest), { "data-size": size, "data-loading": loading || undefined, "data-disabled": (!loading && disabled) || undefined, "data-variant": variant, "data-checked": checked || undefined, className: cn(styles.toggleChip, className) }, { children: [_jsx("input", { "data-test-id": CHIP_TOGGLE_TEST_IDS.input, type: 'checkbox', checked: checked, onChange: handleChange, disabled: !loading && disabled, tabIndex: disabled ? -1 : tabIndex, className: styles.toggleChipInput }), _jsxs("span", Object.assign({ className: styles.toggleChipContent }, { children: [variant === Variant.IconBefore && !loading && (_jsx("span", Object.assign({ className: styles.icon, "data-test-id": CHIP_TOGGLE_TEST_IDS.icon }, { children: icon }))), loading && (_jsx("span", Object.assign({ className: styles.spinner, "data-test-id": CHIP_TOGGLE_TEST_IDS.spinner }, { children: _jsx(Sun, { size: spinnerSize }) }))), _jsx("span", Object.assign({ className: cn(styles.labelLayout, styles.label), "data-test-id": CHIP_TOGGLE_TEST_IDS.label }, { children: label }))] }))] })));
+    return (_jsxs("label", Object.assign({}, extractSupportProps(rest), { "data-size": size, "data-loading": loading || undefined, "data-disabled": (!loading && disabled) || undefined, "data-variant": variant, "data-checked": checked || undefined, className: cn(styles.toggleChip, className) }, { children: [_jsx("input", { "data-test-id": CHIP_TOGGLE_TEST_IDS.input, type: 'checkbox', checked: checked, onChange: handleChange, disabled: !loading && disabled, tabIndex: disabled ? -1 : tabIndex, className: styles.toggleChipInput }), _jsxs("span", Object.assign({ className: styles.toggleChipContent }, { children: [variant === VARIANT.IconBefore && !loading && (_jsx("span", Object.assign({ className: styles.icon, "data-test-id": CHIP_TOGGLE_TEST_IDS.icon }, { children: icon }))), loading && (_jsx("span", Object.assign({ className: styles.spinner, "data-test-id": CHIP_TOGGLE_TEST_IDS.spinner }, { children: _jsx(Sun, { size: spinnerSize }) }))), _jsx("span", Object.assign({ className: cn(styles.labelLayout, styles.label), "data-test-id": CHIP_TOGGLE_TEST_IDS.label }, { children: label }))] }))] })));
 }
-ChipToggle.sizes = Size;

package/dist/constants.d.ts

@@ -1,17 +1,17 @@
-export declare enum Size {
-    Xs = "xs",
-    S = "s",
-    M = "m",
-    L = "l"
-}
-export declare enum ButtonSize {
-    Xxs = "xxs",
-    Xs = "xs"
-}
-export declare enum Variant {
-    LabelOnly = "label-only",
-    IconBefore = "icon-before"
-}
+export declare const SIZE: {
+    readonly Xs: "xs";
+    readonly S: "s";
+    readonly M: "m";
+    readonly L: "l";
+};
+export declare const BUTTON_SIZE: {
+    readonly Xxs: "xxs";
+    readonly Xs: "xs";
+};
+export declare const VARIANT: {
+    readonly LabelOnly: "label-only";
+    readonly IconBefore: "icon-before";
+};
 export declare const CHIP_ASSIST_TEST_IDS: {
     icon: string;
     spinner: string;

package/dist/constants.js

@@ -1,20 +1,17 @@
-export var Size;
-(function (Size) {
-    Size["Xs"] = "xs";
-    Size["S"] = "s";
-    Size["M"] = "m";
-    Size["L"] = "l";
-})(Size || (Size = {}));
-export var ButtonSize;
-(function (ButtonSize) {
-    ButtonSize["Xxs"] = "xxs";
-    ButtonSize["Xs"] = "xs";
-})(ButtonSize || (ButtonSize = {}));
-export var Variant;
-(function (Variant) {
-    Variant["LabelOnly"] = "label-only";
-    Variant["IconBefore"] = "icon-before";
-})(Variant || (Variant = {}));
+export const SIZE = {
+    Xs: 'xs',
+    S: 's',
+    M: 'm',
+    L: 'l',
+};
+export const BUTTON_SIZE = {
+    Xxs: 'xxs',
+    Xs: 'xs',
+};
+export const VARIANT = {
+    LabelOnly: 'label-only',
+    IconBefore: 'icon-before',
+};
 export const CHIP_ASSIST_TEST_IDS = {
     icon: 'chip-assist__icon',
     spinner: 'chip-assist__spinner',

package/dist/helperComponents/ButtonClearValue/ButtonClearValue.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardEventHandler, MouseEventHandler } from 'react';
-import { ButtonSize } from '../../constants';
+import { ButtonSize } from '../../types';
 type ButtonClearValueProps = {
     size: ButtonSize;
     onClick: MouseEventHandler<HTMLButtonElement>;

package/dist/helperComponents/ButtonClearValue/ButtonClearValue.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { CrossSVG } from '@snack-uikit/icons';
-import { ButtonSize } from '../../constants';
+import { BUTTON_SIZE } from '../../constants';
 import styles from './styles.module.css';
 export const ButtonClearValue = forwardRef(({ size, onClick, tabIndex = -1, onKeyDown, 'data-test-id': dataTestId }, ref) => {
     const handleClick = event => {
         event.stopPropagation();
         onClick(event);
     };
-    return (_jsxs("button", Object.assign({ className: styles.buttonClearValue, "data-size": size, onClick: handleClick, "data-test-id": dataTestId, type: 'button', ref: ref, onKeyDown: onKeyDown, tabIndex: tabIndex }, { children: [size === ButtonSize.Xxs && _jsx(CrossSVG, { size: 16 }), size === ButtonSize.Xs && _jsx(CrossSVG, {})] })));
+    return (_jsxs("button", Object.assign({ className: styles.buttonClearValue, "data-size": size, onClick: handleClick, "data-test-id": dataTestId, type: 'button', ref: ref, onKeyDown: onKeyDown, tabIndex: tabIndex }, { children: [size === BUTTON_SIZE.Xxs && _jsx(CrossSVG, { size: 16 }), size === BUTTON_SIZE.Xs && _jsx(CrossSVG, {})] })));
 });

package/dist/types.d.ts

@@ -1,4 +1,9 @@
 import { ReactElement } from 'react';
+import { ValueOf } from '@snack-uikit/utils';
+import { BUTTON_SIZE, SIZE, VARIANT } from './constants';
+export type Size = ValueOf<typeof SIZE>;
+export type ButtonSize = ValueOf<typeof BUTTON_SIZE>;
+export type Variant = ValueOf<typeof VARIANT>;
 export type BaseChipProps = {
     /** Лейбл */
     label: string;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Chips",
-  "version": "0.9.2",
+  "version": "0.10.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,14 +32,14 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.14.1",
-    "@snack-uikit/calendar": "0.5.1",
-    "@snack-uikit/droplist": "0.11.2",
+    "@snack-uikit/button": "0.15.0",
+    "@snack-uikit/calendar": "0.6.0",
+    "@snack-uikit/droplist": "0.12.0",
     "@snack-uikit/icons": "0.19.0",
-    "@snack-uikit/loaders": "0.4.1",
-    "@snack-uikit/utils": "3.1.0",
+    "@snack-uikit/loaders": "0.5.0",
+    "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2",
     "uncontrollable": "8.0.2"
   },
-  "gitHead": "e124e31699926810648702f97db72413d7ebd2b2"
+  "gitHead": "bd39c5e674f3b91b0e2487782a04b15034cf3d8b"
 }

package/src/components/ChipAssist/ChipAssist.tsx

@@ -1,11 +1,11 @@
 import cn from 'classnames';
 import { MouseEventHandler } from 'react';
 
-import { Sun } from '@snack-uikit/loaders';
+import { Sun, SunProps } from '@snack-uikit/loaders';
 import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
 
-import { CHIP_ASSIST_TEST_IDS, Size, Variant } from '../../constants';
-import { BaseChipProps } from '../../types';
+import { CHIP_ASSIST_TEST_IDS, SIZE, VARIANT } from '../../constants';
+import { BaseChipProps, Size } from '../../types';
 import styles from './styles.module.scss';
 
 export type ChipAssistProps = WithSupportProps<
@@ -20,7 +20,7 @@ export type ChipAssistProps = WithSupportProps<
 /** Чип с лейблом  */
 export function ChipAssist({
   icon,
-  size = ChipAssist.sizes.S,
+  size = SIZE.S,
   label,
   disabled,
   loading,
@@ -29,8 +29,8 @@ export function ChipAssist({
   tabIndex,
   ...rest
 }: ChipAssistProps) {
-  const variant = icon && size !== Size.Xs ? Variant.IconBefore : Variant.LabelOnly;
-  const spinnerSize = size === Size.Xs ? Sun.sizes.XS : Sun.sizes.S;
+  const variant = icon && size !== SIZE.Xs ? VARIANT.IconBefore : VARIANT.LabelOnly;
+  const spinnerSize: SunProps['size'] = size === SIZE.Xs ? 'xs' : 's';
 
   const handleClick: MouseEventHandler<HTMLButtonElement> = e => {
     if (disabled || loading) {
@@ -51,7 +51,7 @@ export function ChipAssist({
       onClick={handleClick}
       className={cn(styles.assistChip, className)}
     >
-      {variant === Variant.IconBefore && !loading && (
+      {variant === VARIANT.IconBefore && !loading && (
         <span className={styles.icon} data-test-id={CHIP_ASSIST_TEST_IDS.icon}>
           {icon}
         </span>
@@ -69,5 +69,3 @@ export function ChipAssist({
     </button>
   );
 }
-
-ChipAssist.sizes = Size;

package/src/components/ChipChoice/components/ChipChoiceCustom/ChipChoiceCustom.tsx

@@ -2,10 +2,10 @@ import cn from 'classnames';
 import { KeyboardEventHandler, MouseEventHandler, ReactNode, useCallback, useRef, useState } from 'react';
 
 import { Droplist } from '@snack-uikit/droplist';
-import { Sun } from '@snack-uikit/loaders';
+import { Sun, SunProps } 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 { ChipChoiceCommonProps } from '../../types';
@@ -34,7 +34,7 @@ export type ChipChoiceCustomProps = ChipChoiceCommonProps & {
 };
 
 export function ChipChoiceCustom({
-  size = Size.S,
+  size = SIZE.S,
   disabled,
   loading,
   icon,
@@ -44,16 +44,16 @@ export function ChipChoiceCustom({
   onClick,
   className,
   tabIndex = 0,
-  placement = Droplist.placements.BottomStart,
-  widthStrategy = Droplist.widthStrategies.Gte,
+  placement = 'bottom-start',
+  widthStrategy = 'gte',
   onClearButtonClick,
   showClearButton: showClearButtonProp = true,
   children,
   'data-test-id': testId,
   ...rest
 }: ChipChoiceCustomProps) {
-  const variant = icon && size !== Size.Xs ? Variant.IconBefore : Variant.LabelOnly;
-  const spinnerSize = size === Size.Xs ? Sun.sizes.XS : Sun.sizes.S;
+  const variant = icon && size !== SIZE.Xs ? VARIANT.IconBefore : VARIANT.LabelOnly;
+  const spinnerSize: SunProps['size'] = size === SIZE.Xs ? 'xs' : 's';
 
   const clearButtonRef = useRef<HTMLButtonElement>(null);
 
@@ -121,7 +121,7 @@ export function ChipChoiceCustom({
 
   return (
     <Droplist
-      trigger={Droplist.triggers.Click}
+      trigger='click'
       open={isDroplistOpened}
       firstElementRefCallback={firstElementRefCallback}
       onOpenChange={onOpenChangeHandler}
@@ -146,7 +146,7 @@ export function ChipChoiceCustom({
           onKeyDown={handleChipKeyDown}
           tabIndex={tabIndex}
         >
-          {variant === Variant.IconBefore && (
+          {variant === VARIANT.IconBefore && (
             <span className={styles.icon} data-test-id={CHIP_CHOICE_TEST_IDS.icon}>
               {icon}
             </span>

package/src/components/ChipChoice/components/ChipChoiceDate.tsx

@@ -2,7 +2,7 @@ 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 { ChipChoiceCommonProps } from '../types';
 import { ChipChoiceCustom } from './ChipChoiceCustom';
@@ -19,7 +19,7 @@ export type ChipChoiceDateProps = ChipChoiceCommonProps & {
 };
 
 export function ChipChoiceDate({
-  size = Size.S,
+  size = SIZE.S,
   value,
   defaultValue,
   onChange,
@@ -44,7 +44,7 @@ export function ChipChoiceDate({
     >
       {({ closeDroplist }) => (
         <Calendar
-          mode={Calendar.modes.Date}
+          mode='date'
           size={CALENDAR_SIZE_MAP[size]}
           value={selectedValue}
           onChangeValue={value => {

package/src/components/ChipChoice/components/ChipChoiceDateRange.tsx

@@ -2,7 +2,7 @@ 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 { ChipChoiceCommonProps } from '../types';
 import { ChipChoiceCustom } from './ChipChoiceCustom';
@@ -29,7 +29,7 @@ function defaultRangeFormatter(value?: Range) {
 }
 
 export function ChipChoiceDateRange({
-  size = Size.S,
+  size = SIZE.S,
   value,
   defaultValue,
   onChange,
@@ -52,7 +52,7 @@ export function ChipChoiceDateRange({
     >
       {({ closeDroplist }) => (
         <Calendar
-          mode={Calendar.modes.Range}
+          mode='range'
           size={CALENDAR_SIZE_MAP[size]}
           value={selectedValue}
           onChangeValue={range => {

package/src/components/ChipChoice/components/ChipChoiceMulti.tsx

@@ -3,7 +3,7 @@ import { useUncontrolledProp } from 'uncontrollable';
 
 import { Droplist } from '@snack-uikit/droplist';
 
-import { Size } from '../../../constants';
+import { SIZE } from '../../../constants';
 import { ChipChoiceCommonProps, FilterOption } from '../types';
 import { defaultMultiValueLabelFormatter, normalizeValueForMultiChoice } from '../utils';
 import { ChipChoiceCustom } from './ChipChoiceCustom';
@@ -27,7 +27,7 @@ export function ChipChoiceMulti({
   options,
   onChange,
   valueFormatter,
-  size = Size.S,
+  size = SIZE.S,
   'data-test-id': dataTestId,
   ...rest
 }: ChipChoiceMultiProps) {

package/src/components/ChipChoice/components/ChipChoiceSingle.tsx

@@ -3,7 +3,7 @@ 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 { ChipChoiceCommonProps, FilterOption } from '../types';
 import { normalizeValueForSingleChoice } from '../utils';
 import { ChipChoiceCustom } from './ChipChoiceCustom';
@@ -27,7 +27,7 @@ export function ChipChoiceSingle({
   options,
   onChange,
   valueFormatter,
-  size = Size.S,
+  size = SIZE.S,
   'data-test-id': dataTestId,
   ...rest
 }: ChipChoiceSingleProps) {

package/src/components/ChipChoice/constants.ts

@@ -1,32 +1,33 @@
-import { Calendar } from '@snack-uikit/calendar';
-import { Droplist } from '@snack-uikit/droplist';
+import { CalendarProps } from '@snack-uikit/calendar';
+import { DroplistProps } from '@snack-uikit/droplist';
 
-import { ButtonSize, Size } from '../../constants';
+import { BUTTON_SIZE, SIZE } from '../../constants';
+import { Size } from '../../types';
 
 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,
+export const CALENDAR_SIZE_MAP: Record<Size, CalendarProps['size']> = {
+  [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,
+export const DROPLIST_SIZE_MAP: Record<Size, DroplistProps['size']> = {
+  [SIZE.Xs]: 's',
+  [SIZE.S]: 's',
+  [SIZE.M]: 'm',
+  [SIZE.L]: 'l',
 };
 
-export enum ChipChoiceType {
-  Multi = 'multi',
-  Date = 'date',
-  DateRange = 'date-range',
-  Single = 'single',
-}
+export const CHIP_CHOICE_TYPE = {
+  Multi: 'multi',
+  Date: 'date',
+  DateRange: 'date-range',
+  Single: 'single',
+} as const;

package/src/components/ChipChoice/index.ts

@@ -1,6 +1,3 @@
-import { Droplist } from '@snack-uikit/droplist';
-
-import { Size, Variant } from '../../constants';
 import {
   ChipChoiceCustom,
   ChipChoiceCustomProps,
@@ -13,7 +10,6 @@ import {
   ChipChoiceSingle,
   ChipChoiceSingleProps,
 } from './components';
-import { ChipChoiceType } from './constants';
 
 export type { FilterOption } from './types';
 
@@ -31,9 +27,4 @@ export namespace ChipChoice {
   export const Multi = ChipChoiceMulti;
   export const Date = ChipChoiceDate;
   export const DateRange = ChipChoiceDateRange;
-  export const sizes = Size;
-  export const variants = Variant;
-  export const placements = Droplist.placements;
-  export const widthStrategies = Droplist.widthStrategies;
-  export const types = ChipChoiceType;
 }

package/src/components/ChipChoice/types.ts

@@ -3,8 +3,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;
@@ -23,10 +22,10 @@ export type ChipChoiceCommonProps = WithSupportProps<
     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/src/components/ChipChoiceRow/ChipChoiceRow.tsx

@@ -7,9 +7,9 @@ import { extractSupportProps, WithSupportProps } 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.scss';
-import { ChipChoiceProps, FilterValue, OmitBetter } from './types';
+import { ChipChoiceProps, ChipChoiceRowSize, FilterValue, OmitBetter } from './types';
 
 export type FiltersState = Record<string, unknown>;
 
@@ -22,8 +22,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 */
@@ -40,7 +40,7 @@ export function ChipChoiceRow<TState extends FiltersState>({
   className,
   value,
   defaultValue,
-  size = Size.S,
+  size = CHIP_CHOICE_ROW_SIZE.S,
   ...rest
 }: ChipChoiceRowProps<TState>) {
   const [state, setState] = useUncontrolledProp<TState>(value, (defaultValue ?? {}) as TState, newState => {
@@ -88,7 +88,7 @@ export function ChipChoiceRow<TState extends FiltersState>({
           onClick={handleFiltersClear}
           label={clearAllButtonLabel}
           icon={<CrossSVG />}
-          iconPosition={ButtonFunction.iconPositions.Before}
+          iconPosition='before'
           size={MAP_ROW_SIZE_TO_BUTTON_SIZE[size]}
           data-test-id={CHIP_CHOICE_ROW_IDS.clearAllButton}
         />
@@ -96,5 +96,3 @@ export function ChipChoiceRow<TState extends FiltersState>({
     </div>
   );
 }
-
-ChipChoiceRow.sizes = Size;

package/src/components/ChipChoiceRow/components/constants.ts

@@ -1,8 +1,9 @@
 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/src/components/ChipChoiceRow/constants.ts

@@ -1,21 +1,21 @@
-import { ButtonFunction } from '@snack-uikit/button';
+import { ButtonFunctionProps } from '@snack-uikit/button';
 
-import { ChipChoice } from '../ChipChoice';
+import { SIZE } from '../../constants';
 
-export enum Size {
-  Xs = 'xs',
-  S = 's',
-  M = 'm',
-}
+export const CHIP_CHOICE_ROW_SIZE = {
+  Xs: 'xs',
+  S: 's',
+  M: 'm',
+} as const;
 
 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,
+export const MAP_ROW_SIZE_TO_BUTTON_SIZE: Record<string, ButtonFunctionProps['size']> = {
+  [CHIP_CHOICE_ROW_SIZE.Xs]: 'xs',
+  [CHIP_CHOICE_ROW_SIZE.S]: 's',
+  [CHIP_CHOICE_ROW_SIZE.M]: 'm',
 };