@true-engineering/true-react-common-ui-kit 4.0.0-alpha10 → 4.0.0-alpha11

package/dist/types.d.ts

@@ -1,5 +1,6 @@
-import { FocusEventHandler, type KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PointerEventHandler, ReactNode } from 'react';
-import { Modifier, Placement } from 'react-overlays/usePopper';
+import type { FocusEventHandler, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PointerEventHandler, ReactNode } from 'react';
+import type { Modifier, Placement } from 'react-overlays/usePopper';
+import type { JssStyle } from 'jss';
 import type { IMaybeArray } from './theme';
 export interface ITestIdProps {
     testId?: string;
@@ -44,3 +45,8 @@ export interface IDomElementInteractions<T> {
     onPointerUp?: PointerEventHandler<T>;
 }
 export type IRenderNode<T> = ReactNode | ((props: T) => ReactNode);
+export type IExtendableProps<T extends string | readonly string[]> = Record<T extends ReadonlyArray<infer P> ? P : T, JssStyle>;
+export type IDefaultExtendableProps = IExtendableProps<'custom'>;
+export type IWithPrefix<T, P extends string> = {
+    [K in keyof T as `${P}${K & string}`]: T[K];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "4.0.0-alpha10",
+  "version": "4.0.0-alpha11",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [

package/src/components/ControlWrapper/ControlWrapper.styles.ts

@@ -1,5 +1,6 @@
 import { animations, createThemedStyles, dimensions, ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
+import { IControlWrapperSizes } from './types';
 
 const { CONTROL, Z_INDEX } = dimensions;
 
@@ -181,5 +182,5 @@ export const useStyles = createThemedStyles('ControlWrapper', {
 
 export type IControlWrapperStyles = ITweakStyles<
   typeof useStyles,
-  { tweakPreloader: IThemedPreloaderStyles }
+  { tweakPreloader: IThemedPreloaderStyles } & IControlWrapperSizes
 >;

package/src/components/ControlWrapper/ControlWrapper.tsx

@@ -12,12 +12,14 @@ import { useTweakStyles } from '../../hooks';
 import { IClickHandlerEvent, ICommonProps } from '../../types';
 import { Icon, IIcon, renderIcon } from '../Icon';
 import { ThemedPreloader } from '../ThemedPreloader';
+import { IControlWrapperSize } from './types';
 import { IControlWrapperStyles, useStyles } from './ControlWrapper.styles';
 
 export interface IControlWrapperProps extends ICommonProps<IControlWrapperStyles> {
   children: ReactNode;
   label?: ReactNode;
   icon?: IIcon;
+  size?: IControlWrapperSize;
   groupPlacement?:
     | 'left'
     | 'right'
@@ -57,6 +59,7 @@ export const ControlWrapper: FC<IControlWrapperProps> = ({
   isFullWidth,
   isDisabled,
   hasValue,
+  size,
   testId,
   children,
   tweakStyles,
@@ -70,6 +73,8 @@ export const ControlWrapper: FC<IControlWrapperProps> = ({
   const hasClearButton = !isDisabled && !isLoading && hasValue && isNotEmpty(onClear);
   const hasControls = hasEndIcon || hasClearButton || isLoading;
 
+  const isActive = isFocused || hasValue;
+
   const tweakPreloaderStyles = useTweakStyles({
     tweakStyles,
     className: 'tweakPreloader',
@@ -80,7 +85,8 @@ export const ControlWrapper: FC<IControlWrapperProps> = ({
     <div
       className={clsx(
         classes.controlWrapper,
-        isNotEmpty(groupPlacement) && [classes[`placement-${groupPlacement}`]],
+        isNotEmpty(groupPlacement) && classes[`placement-${groupPlacement}`],
+        isNotEmpty(size) && classes[size],
         {
           [classes.invalid]: isInvalid,
           [classes.focused]: isFocused,
@@ -97,7 +103,7 @@ export const ControlWrapper: FC<IControlWrapperProps> = ({
           className={clsx(classes.label, {
             [classes.requiredLabel]: isRequired,
             [classes.disabledLabel]: isDisabled,
-            [classes.activeLabel]: isFocused || hasValue,
+            [classes.activeLabel]: isActive,
           })}
         >
           {label}

package/src/components/ControlWrapper/index.ts

@@ -1,2 +1,3 @@
 export * from './ControlWrapper';
+export * from './types';
 export type { IControlWrapperStyles } from './ControlWrapper.styles';

package/src/components/ControlWrapper/types.ts

@@ -0,0 +1,3 @@
+export interface IControlWrapperSizes {}
+
+export type IControlWrapperSize = keyof IControlWrapperSizes;

package/src/components/Input/Input.tsx

@@ -4,8 +4,9 @@ import { useTweakStyles } from '../../hooks';
 import { IWithMessagesProps, WithMessages } from '../WithMessages';
 import { IInputBaseProps, InputBase } from './InputBase';
 
-export type IInputProps = IInputBaseProps &
-  Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'>;
+export interface IInputProps
+  extends IInputBaseProps,
+    Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'> {}
 
 export const Input = forwardRef<HTMLInputElement, IInputProps>(
   ({ infoMessage, errorMessage, isInvalid, testId, tweakStyles, ...inputProps }, ref) => {

package/src/components/Input/InputBase.tsx

@@ -28,6 +28,7 @@ import { IInputStyles, useStyles } from './Input.styles';
 
 export interface IInputBaseProps
   extends ICommonProps<IInputStyles>,
+    Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'>,
     Pick<
       IControlWrapperProps,
       | 'label'
@@ -38,20 +39,7 @@ export interface IInputBaseProps
       | 'isLoading'
       | 'isDisabled'
       | 'onIconClick'
-    >,
-    Pick<
-      InputHTMLAttributes<HTMLInputElement>,
-      | 'type'
-      | 'inputMode'
-      | 'autoComplete'
-      | 'name'
-      | 'maxLength'
-      | 'tabIndex'
-      | 'placeholder'
-      | 'onFocus'
-      | 'onBlur'
-      | 'onPaste'
-      | 'onKeyDown'
+      | 'size'
     >,
     Pick<
       Partial<ReactInputMaskBaseProps>,
@@ -71,7 +59,7 @@ export interface IInputBaseProps
   isAutoSized?: boolean;
   /** @default false */
   shouldAlwaysShowPlaceholder?: boolean;
-  onChange(value: string, event: IChangeInputEvent): void;
+  onChange: (value: string, event: IChangeInputEvent) => void;
 }
 
 export const InputBase = forwardRef<HTMLInputElement, IInputBaseProps>(
@@ -96,6 +84,7 @@ export const InputBase = forwardRef<HTMLInputElement, IInputBaseProps>(
       units,
       testId,
       tabIndex,
+      shouldAlwaysShowPlaceholder,
       onChange,
       onPaste,
       onFocus,
@@ -105,9 +94,16 @@ export const InputBase = forwardRef<HTMLInputElement, IInputBaseProps>(
       mask,
       maskPlaceholder,
       alwaysShowMask,
-      shouldAlwaysShowPlaceholder,
       beforeMaskedStateChange,
-      ...controlProps
+      // Пропсы ControlWrapper
+      data,
+      groupPlacement,
+      icon,
+      isLoading,
+      isRequired,
+      size,
+      onIconClick,
+      ...inputProps
     },
     ref,
   ) => {
@@ -195,6 +191,7 @@ export const InputBase = forwardRef<HTMLInputElement, IInputBaseProps>(
       onBlur: handleBlur,
       onChange: handleChange,
       ...addDataTestId(testId),
+      ...inputProps,
     };
 
     useEffect(() => {
@@ -238,7 +235,13 @@ export const InputBase = forwardRef<HTMLInputElement, IInputBaseProps>(
         isFullWidth={!isAutoSized}
         tweakStyles={tweakControlWrapperStyles}
         onClear={isClearable && hasValue ? handleInputClear : undefined}
-        {...controlProps}
+        data={data}
+        groupPlacement={groupPlacement}
+        icon={icon}
+        isLoading={isLoading}
+        isRequired={isRequired}
+        onIconClick={onIconClick}
+        size={size}
       >
         {hasUnits || isAutoSized ? (
           <div className={classes.autoSizeWrapper}>{inputContent}</div>

package/src/components/Status/Status.stories.tsx

@@ -1,18 +1,71 @@
 import { Status } from '.';
 import { ComponentStory } from '@storybook/react';
+import { rgba } from '../../helpers';
+import { IExtendableProps } from '../../types';
 import { iconsList, IIconType } from '../Icon';
 import { complexIcons } from '../Icon/complexIcons';
-import { STATUS_COLORS, STATUS_SIZES } from './constants';
+import { STATUS_SIZES } from './constants';
 import { IStatusStyles } from './Status.styles';
 
+export const STATUS_COLORS = [
+  'green',
+  'teal',
+  'blue',
+  'grey',
+  'orange',
+  'red',
+  'violet',
+  'custom',
+] as const;
+
 export default {
   title: 'Data Display/Status',
   component: Status,
 };
 
+declare module './types' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface IStatusColors extends IExtendableProps<typeof STATUS_COLORS> {}
+}
+
 const icons = [undefined, ...Object.keys(iconsList), ...Object.keys(complexIcons)] as IIconType[];
 
 const customTweakStyles: IStatusStyles = {
+  green: {
+    '--status-background': rgba('#D4E3AC', 0.5),
+    '--status-color': '#6F990F',
+  },
+
+  blue: {
+    '--status-background': rgba('#AABFFC', 0.4),
+    '--status-color': '#4C6EBF',
+  },
+
+  grey: {
+    '--status-background': rgba('#95A0B3', 0.25),
+    '--status-color': '#7A869A',
+  },
+
+  orange: {
+    '--status-background': rgba('#FCD3A9', 0.5),
+    '--status-color': '#E5741C',
+  },
+
+  red: {
+    '--status-background': rgba('#F7949A', 0.25),
+    '--status-color': '#F14D56',
+  },
+
+  teal: {
+    '--status-background': rgba('#8CE3EA', 0.4),
+    '--status-color': '#0092A6',
+  },
+
+  violet: {
+    '--status-background': rgba('#BEABE0', 0.4),
+    '--status-color': '#7450B2',
+  },
+
   custom: {
     '--status-color': '#793472',
     '--status-background': '#F2B9ED',

package/src/components/Status/Status.styles.ts

@@ -1,5 +1,5 @@
-import { rgba } from '../../helpers';
 import { colors, createThemedStyles, ITweakStyles } from '../../theme';
+import { IStatusColors } from './types';
 
 export const useStyles = createThemedStyles('Status', {
   root: {
@@ -102,42 +102,7 @@ export const useStyles = createThemedStyles('Status', {
     },
   },
 
-  green: {
-    '--status-background': rgba('#D4E3AC', 0.5),
-    '--status-color': '#6F990F',
-  },
-
-  blue: {
-    '--status-background': rgba('#AABFFC', 0.4),
-    '--status-color': '#4C6EBF',
-  },
-
-  grey: {
-    '--status-background': rgba('#95A0B3', 0.25),
-    '--status-color': '#7A869A',
-  },
-
-  orange: {
-    '--status-background': rgba('#FCD3A9', 0.5),
-    '--status-color': '#E5741C',
-  },
-
-  red: {
-    '--status-background': rgba('#F7949A', 0.25),
-    '--status-color': '#F14D56',
-  },
-
-  teal: {
-    '--status-background': rgba('#8CE3EA', 0.4),
-    '--status-color': '#0092A6',
-  },
-
-  violet: {
-    '--status-background': rgba('#BEABE0', 0.4),
-    '--status-color': '#7450B2',
-  },
-
   custom: {},
 });
 
-export type IStatusStyles = ITweakStyles<typeof useStyles>;
+export type IStatusStyles = ITweakStyles<typeof useStyles, IStatusColors>;

package/src/components/Status/constants.ts

@@ -1,11 +1 @@
-export const STATUS_COLORS = [
-  'green',
-  'teal',
-  'blue',
-  'grey',
-  'orange',
-  'red',
-  'violet',
-  'custom',
-] as const;
 export const STATUS_SIZES = ['xs', 's', 'm'] as const;

package/src/components/Status/types.ts

@@ -1,5 +1,9 @@
-import { STATUS_COLORS, STATUS_SIZES } from './constants';
-
-export type IStatusColor = (typeof STATUS_COLORS)[number];
+import { IDefaultExtendableProps } from '../../types';
+import type { STATUS_SIZES } from './constants';
 
 export type IStatusSize = (typeof STATUS_SIZES)[number];
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface IStatusColors extends IDefaultExtendableProps {}
+
+export type IStatusColor = keyof IStatusColors;

package/src/components/TextArea/TextArea.tsx

@@ -1,8 +1,16 @@
-import { ChangeEvent, FocusEvent, FormEvent, forwardRef, useState } from 'react';
+import {
+  ChangeEvent,
+  FocusEvent,
+  FormEvent,
+  forwardRef,
+  TextareaHTMLAttributes,
+  useState,
+} from 'react';
 import clsx from 'clsx';
 import {
   addDataAttributes,
   getTestId,
+  isArrayLikeNotEmpty,
   isNotEmpty,
   isReactNodeNotEmpty,
   isStringNotEmpty,
@@ -11,14 +19,13 @@ import { useTweakStyles } from '../../hooks';
 import { ICommonProps } from '../../types';
 import { ControlWrapper, IControlWrapperProps } from '../ControlWrapper';
 import { IWithMessagesProps, WithMessages } from '../WithMessages';
-import { ITextAreaHTMLBaseProps } from './types';
 import { controlWrapperStyles, ITextAreaStyles, useStyles } from './TextArea.styles';
 
 export interface ITextAreaProps
   extends ICommonProps<ITextAreaStyles>,
-    Pick<IControlWrapperProps, 'label' | 'isInvalid' | 'isRequired' | 'isDisabled'>,
-    Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'>,
-    Pick<ITextAreaHTMLBaseProps, 'name' | 'maxLength' | 'rows' | 'onPaste' | 'onFocus' | 'onBlur'> {
+    Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>,
+    Pick<IControlWrapperProps, 'label' | 'isInvalid' | 'isRequired' | 'isDisabled' | 'size'>,
+    Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'> {
   value?: string;
   placeholder?: string;
   /** @default false */
@@ -49,8 +56,6 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
       value = DEFAULT_VALUE,
       label,
       placeholder,
-      infoMessage,
-      errorMessage,
       name,
       shouldFocusOnMount,
       hasCounter = true,
@@ -68,7 +73,14 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
       onPaste,
       onFocus,
       onBlur,
-      ...controlProps
+      // Пропсы WithMessages
+      infoMessage,
+      errorMessage,
+      // Пропсы ControlWrapper
+      isInvalid,
+      isRequired,
+      size,
+      ...textAreaProps
     },
     ref,
   ) => {
@@ -90,8 +102,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
     const [isFocused, setFocused] = useState(false);
 
     const hasFocus = isFocused || isActive;
-    // в hasValue нельзя использовать isStringNotEmpty из-за того что isStringNotEmpty делает trim
-    const hasValue = value !== undefined && value !== '';
+    const hasValue = isArrayLikeNotEmpty(value);
     const hasLabel = isReactNodeNotEmpty(label);
     const hasPlaceholder =
       (!hasLabel || hasFocus || shouldAlwaysShowPlaceholder) && isStringNotEmpty(placeholder);
@@ -123,12 +134,14 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
           isFocused={hasFocus}
           isDisabled={isDisabled}
           hasValue={hasValue}
+          isInvalid={isInvalid}
+          isRequired={isRequired}
+          size={size}
           isFullWidth
-          {...controlProps}
         >
           <div
             className={clsx(classes.wrapper, { [classes.autoSized]: isAutoSized })}
-            {...(isAutoSized && { 'data-value': value })}
+            {...(isAutoSized && addDataAttributes({ value }))}
           >
             <textarea
               ref={ref}
@@ -144,6 +157,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, ITextAreaProps>(
               onBlur={handleBlur}
               onChange={handleChange}
               {...addDataAttributes(data, testId)}
+              {...textAreaProps}
             />
           </div>
         </ControlWrapper>

package/src/components/TextArea/index.ts

@@ -1,3 +1,2 @@
 export * from './TextArea';
-export * from './types';
 export type { ITextAreaStyles } from './TextArea.styles';

package/src/types.ts

@@ -1,13 +1,14 @@
-import {
+import type {
   FocusEventHandler,
-  type KeyboardEvent,
+  KeyboardEvent,
   KeyboardEventHandler,
   MouseEvent,
   MouseEventHandler,
   PointerEventHandler,
   ReactNode,
 } from 'react';
-import { Modifier, Placement } from 'react-overlays/usePopper';
+import type { Modifier, Placement } from 'react-overlays/usePopper';
+import type { JssStyle } from 'jss';
 import type { IMaybeArray } from './theme';
 
 export interface ITestIdProps {
@@ -64,3 +65,14 @@ export interface IDomElementInteractions<T> {
 }
 
 export type IRenderNode<T> = ReactNode | ((props: T) => ReactNode);
+
+export type IExtendableProps<T extends string | readonly string[]> = Record<
+  T extends ReadonlyArray<infer P> ? P : T,
+  JssStyle
+>;
+
+export type IDefaultExtendableProps = IExtendableProps<'custom'>;
+
+export type IWithPrefix<T, P extends string> = {
+  [K in keyof T as `${P}${K & string}`]: T[K];
+};

package/dist/components/AccountInfo/AccountInfo.stories.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./AccountInfo").IAccountInfoProps>;
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./AccountInfo").IAccountInfoProps>;

package/dist/components/AddButton/AddButton.stories.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./AddButton").IAddButtonProps>;
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./AddButton").IAddButtonProps>;

package/dist/components/Button/Button.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory } from '@storybook/react';
-import { Button, IButtonProps } from './Button';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export default _default;
-export declare const Default: ComponentStory<typeof Button>;

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { Checkbox as CheckboxComponent, ICheckboxProps } from './Checkbox';
-declare const CheckboxComponentWithData: FC<ICheckboxProps<string>>;
-declare const meta: Meta<typeof CheckboxComponentWithData>;
-export default meta;
-type Story = StoryObj<typeof CheckboxComponent>;
-export declare const Default: Story;

package/dist/components/CloseButton/CloseButton.stories.d.ts

@@ -1,5 +0,0 @@
-import { ComponentStory } from '@storybook/react';
-import { CloseButton } from './CloseButton';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./CloseButton").ICloseButtonProps>;
-export default _default;
-export declare const Default: ComponentStory<typeof CloseButton>;

package/dist/components/Colors/Colors.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: () => JSX.Element;

package/dist/components/ControlWrapper/ControlWrapper.stories.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./ControlWrapper").IControlWrapperProps>;
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./ControlWrapper").IControlWrapperProps>;

package/dist/components/DateInput/DateInput.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("./DateInput").IDateInputProps & import("react").RefAttributes<HTMLInputElement>>;
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./DateInput").IDateInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("./DatePicker").IDatePickerProps & import("react").RefAttributes<import("react-datepicker").ReactDatePicker<never, undefined>>>;
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./DatePicker").IDatePickerProps & import("react").RefAttributes<import("react-datepicker").ReactDatePicker<never, undefined>>>;

package/dist/components/Description/Description.stories.d.ts

@@ -1,16 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./Description").IDescriptionProps>;
-    argTypes: {
-        truncateIndex: {
-            control: {
-                type: string;
-                min: number;
-                max: number;
-                step: number;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Description").IDescriptionProps>;

package/dist/components/FileInput/FileInput.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("./FileInput").IFileInputProps & import("react").RefAttributes<HTMLInputElement>>;
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./FileInput").IFileInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FileItem/FileItem.stories.d.ts

@@ -1,8 +0,0 @@
-import { ComponentStory } from '@storybook/react';
-import { FileItem, IFileItemProps } from './FileItem';
-declare const _default: {
-    title: string;
-    component: import("react").FC<IFileItemProps>;
-};
-export default _default;
-export declare const Default: ComponentStory<typeof FileItem>;

package/dist/components/FiltersPane/FiltersPane.stories.d.ts

@@ -1,31 +0,0 @@
-import { IFiltersPaneProps } from './FiltersPane';
-interface IFiltersPaneWithCustomProps<Values extends Record<string, unknown>, Content> extends IFiltersPaneProps<Values, Content> {
-    containerWidth: number;
-    isSearchDisabled: boolean;
-    shouldShowSettingsButton: boolean;
-    withFieldNameInLabel: boolean;
-    isGroupingEnabled: boolean;
-    checkboxPosition: 'left' | 'right';
-    isClearableFields: boolean;
-}
-declare function FiltersPaneWithCustomProps<Values extends Record<string, unknown>, Content>({ containerWidth, isSearchDisabled, shouldShowSettingsButton, withFieldNameInLabel, isGroupingEnabled, checkboxPosition, isClearableFields, ...args }: IFiltersPaneWithCustomProps<Values, Content>): import("react/jsx-runtime").JSX.Element;
-declare const _default: {
-    title: string;
-    component: typeof FiltersPaneWithCustomProps;
-    argTypes: {
-        containerWidth: {
-            control: {
-                type: string;
-                min: number;
-                max: number;
-                step: number;
-            };
-        };
-        checkboxPosition: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IFiltersPaneWithCustomProps<Record<string, unknown>, unknown>>;

package/dist/components/Flag/Flag.stories.d.ts

@@ -1,12 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./Flag").IFlagProps>;
-    argTypes: {
-        countryCode: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Flag").IFlagProps>;