@snack-uikit/chips 0.9.2 → 0.10.0

package/src/components/ChipChoiceRow/types.ts

@@ -1,25 +1,30 @@
+import { ValueOf } from '@snack-uikit/utils';
+
 import {
   ChipChoiceDateProps,
   ChipChoiceDateRangeProps,
   ChipChoiceMultiProps,
   ChipChoiceSingleProps,
-} from '../ChipChoice/components';
-import { ChipChoiceType } from '../ChipChoice/constants';
+} 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 = {

package/src/components/ChipToggle/ChipToggle.tsx

@@ -1,11 +1,11 @@
 import cn from 'classnames';
 import { ChangeEvent, ChangeEventHandler } from 'react';
 
-import { Sun } from '@snack-uikit/loaders';
+import { Sun, SunProps } from '@snack-uikit/loaders';
 import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
 
-import { CHIP_TOGGLE_TEST_IDS, Size, Variant } from '../../constants';
-import { BaseChipProps } from '../../types';
+import { CHIP_TOGGLE_TEST_IDS, SIZE, VARIANT } from '../../constants';
+import { BaseChipProps, Size } from '../../types';
 import styles from './styles.module.scss';
 
 export type ChipToggleProps = WithSupportProps<
@@ -22,7 +22,7 @@ export type ChipToggleProps = WithSupportProps<
 /** Чип с состоянием выбран/не выбран */
 export function ChipToggle({
   icon,
-  size = ChipToggle.sizes.S,
+  size = SIZE.S,
   label,
   checked,
   disabled,
@@ -32,8 +32,8 @@ export function ChipToggle({
   tabIndex = 0,
   ...rest
 }: ChipToggleProps) {
-  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 handleChange: ChangeEventHandler<HTMLInputElement> = e => {
     if (disabled || loading) {
@@ -64,7 +64,7 @@ export function ChipToggle({
       />
 
       <span className={styles.toggleChipContent}>
-        {variant === Variant.IconBefore && !loading && (
+        {variant === VARIANT.IconBefore && !loading && (
           <span className={styles.icon} data-test-id={CHIP_TOGGLE_TEST_IDS.icon}>
             {icon}
           </span>
@@ -83,5 +83,3 @@ export function ChipToggle({
     </label>
   );
 }
-
-ChipToggle.sizes = Size;

package/src/constants.ts

@@ -1,19 +1,19 @@
-export enum Size {
-  Xs = 'xs',
-  S = 's',
-  M = 'm',
-  L = 'l',
-}
+export const SIZE = {
+  Xs: 'xs',
+  S: 's',
+  M: 'm',
+  L: 'l',
+} as const;
 
-export enum ButtonSize {
-  Xxs = 'xxs',
-  Xs = 'xs',
-}
+export const BUTTON_SIZE = {
+  Xxs: 'xxs',
+  Xs: 'xs',
+} as const;
 
-export enum Variant {
-  LabelOnly = 'label-only',
-  IconBefore = 'icon-before',
-}
+export const VARIANT = {
+  LabelOnly: 'label-only',
+  IconBefore: 'icon-before',
+} as const;
 
 export const CHIP_ASSIST_TEST_IDS = {
   icon: 'chip-assist__icon',

package/src/helperComponents/ButtonClearValue/ButtonClearValue.tsx

@@ -2,7 +2,8 @@ import { forwardRef, KeyboardEventHandler, MouseEventHandler } from 'react';
 
 import { CrossSVG } from '@snack-uikit/icons';
 
-import { ButtonSize } from '../../constants';
+import { BUTTON_SIZE } from '../../constants';
+import { ButtonSize } from '../../types';
 import styles from './styles.module.scss';
 
 type ButtonClearValueProps = {
@@ -31,8 +32,8 @@ export const ButtonClearValue = forwardRef<HTMLButtonElement, ButtonClearValuePr
         onKeyDown={onKeyDown}
         tabIndex={tabIndex}
       >
-        {size === ButtonSize.Xxs && <CrossSVG size={16} />}
-        {size === ButtonSize.Xs && <CrossSVG />}
+        {size === BUTTON_SIZE.Xxs && <CrossSVG size={16} />}
+        {size === BUTTON_SIZE.Xs && <CrossSVG />}
       </button>
     );
   },

package/src/types.ts

@@ -1,5 +1,15 @@
 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;