@true-engineering/true-react-common-ui-kit 4.0.0-alpha7 → 4.0.0-alpha70

package/src/theme/helpers.ts

@@ -1,30 +1,28 @@
-import { merge } from 'lodash-es';
+import { useMemo } from 'react';
+import { createUseStyles } from 'react-jss';
 import {
   isArrayNotEmpty,
   isNotEmpty,
+  isString,
   mergeStyles,
 } from '@true-engineering/true-react-platform-helpers';
-import { IMaybeArray } from './types';
+import { mixStyles } from '../hooks/use-mixed-styles';
+import { useTheme } from './Provider';
+import { IComponentName, IStyles, IUseStyles } from './types';
 
-const EMPTY_STYLES = {};
+export const useThemeComponentStyles = <T>(
+  componentName?: IComponentName,
+): Partial<T> | undefined => {
+  const { components } = useTheme();
+  return isNotEmpty(componentName) ? (components?.[componentName] as never) : undefined;
+};
 
-export const isTweakStyle = (key: string): boolean => key.startsWith('tweak');
+const isTweakStyle = (key: string): boolean => key.startsWith('tweak');
 
-export const isStylesNotEmpty = <T>(tweakStyles?: T): tweakStyles is NonNullable<T> =>
+const areStylesNotEmpty = <T>(tweakStyles?: T): tweakStyles is NonNullable<T> =>
   isNotEmpty(tweakStyles) && !Object.keys(tweakStyles).every(isTweakStyle);
 
-export const cleanStyles = <T>(tweakStyles?: T): T =>
-  isStylesNotEmpty(tweakStyles) ? tweakStyles : (EMPTY_STYLES as T);
-
-export const mergeTweakStyles = <T>(tweakStyles?: IMaybeArray<T>): T | undefined => {
-  if (!Array.isArray(tweakStyles)) {
-    return tweakStyles;
-  }
-  const [first, ...rest] = tweakStyles;
-  return isArrayNotEmpty(rest) ? mergeStyles(first, ...rest) : first;
-};
-
-export const checkStyles = (componentName: string, styles: Record<string, unknown>): void => {
+const checkStyles = (styles: IStyles<string>, componentName = 'LocalComponent'): void => {
   const invalidClasses = Object.keys(styles).filter(isTweakStyle);
 
   if (isArrayNotEmpty(invalidClasses)) {
@@ -34,23 +32,8 @@ export const checkStyles = (componentName: string, styles: Record<string, unknow
   }
 };
 
-export const areStylesThemed = (styles: Record<string, unknown>): boolean =>
-  // eslint-disable-next-line no-underscore-dangle
-  styles.__themed === true;
-
-/**
- * Подмешивает стили из темы. Мутирует, добавляя специально поле,
- * по которому можно определить была ли уже произведена мутация ранее,
- * тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
- */
-export const themedStyles = <T>(styles: T, themeComponentStyles: T): T => {
-  merge(styles, themeComponentStyles); // mutation !!!!
-  Object.defineProperty(styles, '__themed', { value: true });
-  return styles;
-};
-
-type TweakStylesCache = (styles: object[], prev?: object[]) => object | undefined;
-export const getTweakStylesCache = (): TweakStylesCache => {
+type TweakStylesCache = (styles: object[], idx?: number) => object | undefined;
+const getTweakStylesCache = (): TweakStylesCache => {
   let mergedStyles: object | undefined;
   const cache = new WeakMap<object, TweakStylesCache>();
 
@@ -58,19 +41,46 @@ export const getTweakStylesCache = (): TweakStylesCache => {
     if (!cache.has(next)) {
       cache.set(next, getTweakStylesCache());
     }
+
     return cache.get(next)!; // eslint-disable-line @typescript-eslint/no-non-null-assertion
   };
 
-  return (styles, prev = []) => {
-    const [next, ...rest] = styles;
+  return (styles, idx = 0) => {
+    const next = styles.at(idx);
     if (isNotEmpty(next)) {
-      return getNext(next)(rest, prev.concat(next));
+      return getNext(next)(styles, idx + 1);
     }
 
-    if (isNotEmpty(mergedStyles)) {
-      return mergedStyles;
+    if (!isNotEmpty(mergedStyles)) {
+      const [first, ...rest] = styles;
+      mergedStyles = isArrayNotEmpty(rest) ? mergeStyles(first, ...rest) : first;
     }
 
-    return (mergedStyles = mergeTweakStyles(prev));
+    return mergedStyles;
+  };
+};
+
+const tweakStylesCache = getTweakStylesCache();
+const useStyles = createUseStyles<string>((tweakStyles) => tweakStyles as never);
+
+export const createThemedStyles: <C extends string>(
+  ...args: [IStyles<C>] | [IComponentName, IStyles<C>]
+) => IUseStyles<C> = (first, second?) => {
+  const componentName = isString(first) ? first : undefined;
+  const styles = second! ?? first; // eslint-disable-line @typescript-eslint/no-non-null-assertion
+
+  if (process.env.NODE_ENV !== 'production') {
+    checkStyles(styles, componentName);
+  }
+
+  return ({ theme, tweakStyles = theme }) => {
+    const themeStyles = useThemeComponentStyles<typeof styles>(componentName);
+
+    const data = useMemo(() => {
+      const resultStyles = mixStyles(styles, themeStyles, tweakStyles).filter(areStylesNotEmpty);
+      return { theme: tweakStylesCache(resultStyles) };
+    }, [themeStyles, tweakStyles]);
+
+    return useStyles(data);
   };
 };

package/src/theme/index.ts

@@ -1,6 +1,4 @@
 export * from './Provider';
-export * from './true-jss';
 export * from './common';
 export * from './types';
 export * from './helpers';
-export * from './create-themed-styles';

package/src/theme/types.ts

@@ -1,23 +1,22 @@
-import { Styles } from 'react-jss';
-import { Classes, JssValue } from 'jss';
+import type { Classes, JssStyle, JssValue, Styles } from 'jss';
+import type { IMaybeArray } from '@true-engineering/true-react-platform-helpers';
 import type {
   IAccountInfoStyles,
   IAddButtonStyles,
   IButtonStyles,
   ICheckboxStyles,
   ICloseButtonStyles,
-  ICommonIcon,
-  IComplexIcon,
-  IWithMessagesStyles,
   IControlWrapperStyles,
   ICssBaselineStyles,
   IDateInputStyles,
   IDatePickerHeaderStyles,
   IDatePickerStyles,
   IDescriptionStyles,
+  IDocActionsStyles,
   IDotsPreloaderStyles,
   IFileInputStyles,
   IFileItemStyles,
+  IFilterDateSingleStyles,
   IFilterIntervalStyles,
   IFilterSelectStyles,
   IFiltersPaneSearchStyles,
@@ -32,6 +31,7 @@ import type {
   IFlexibleTableStyles,
   IIconButtonStyles,
   IIconStyles,
+  IIconType,
   IIncrementInputStyles,
   IInputStyles,
   IListItemStyles,
@@ -63,23 +63,27 @@ import type {
   IThemedPreloaderStyles,
   IToasterStyles,
   ITooltipStyles,
+  IWithMessagesStyles,
   IWithPopupStyles,
   IWithTooltipStyles,
 } from '../components';
 
-export type IStyles<C extends string, P = unknown> = Styles<C, P, Partial<Styles<C, P>>>;
+export type IStyles<C extends string> = Styles<C>;
+
+export type IStyle = JssStyle;
 
-export type IMaybeArray<T> = T[] | T;
 export type IMixedStyles<T> = IMaybeArray<T | boolean | undefined>;
-export type IUseStyles<C extends string, P = unknown> = (
-  data?: P & { theme?: IMaybeArray<Partial<Styles<C, P>>> },
-) => Classes<C>;
+
+export type IUseStyles<C extends string> = (data: {
+  theme?: IMaybeArray<Partial<IStyles<C>>>;
+  tweakStyles?: IMaybeArray<Partial<IStyles<C>>>;
+}) => Classes<C>;
 
 export type ITweakStyles<
   StyleCreator,
   ChildTweakStyles = unknown,
-> = StyleCreator extends IUseStyles<infer C, infer P>
-  ? Partial<Styles<C, P>> & Partial<ChildTweakStyles>
+> = StyleCreator extends IUseStyles<infer C>
+  ? Partial<IStyles<C>> & Partial<ChildTweakStyles>
   : never;
 
 export interface IComponentStyles {
@@ -93,12 +97,14 @@ export interface IComponentStyles {
   DatePicker: IDatePickerStyles;
   DatePickerHeader: IDatePickerHeaderStyles;
   Description: IDescriptionStyles;
+  DocActions: IDocActionsStyles;
   DotsPreloader: IDotsPreloaderStyles;
   SvgPreloader: ISvgPreloaderStyles;
   FileInput: IFileInputStyles;
   FileItem: IFileItemStyles;
   FilterValueView: IFilterValueViewStyles;
   FiltersPane: IFiltersPaneStyles;
+  FilterDateSingle: IFilterDateSingleStyles;
   FilterInterval: IFilterIntervalStyles;
   FilterSelect: IFilterSelectStyles;
   FilterWithDates: IFilterWithDatesStyles;
@@ -147,14 +153,12 @@ export interface IComponentStyles {
 
 export type IComponentName = keyof IComponentStyles;
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type IUiKitAnimations = Record<string, any>;
-export type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
+export type IUiKitHelpers = Record<string, IStyle | (() => IStyle)>;
 
 export interface IUiKitTheme {
   components?: Partial<IComponentStyles>;
-  icons?: Partial<Record<ICommonIcon, ISvgIcon>>;
-  complexIcons?: Partial<Record<IComplexIcon, string>>;
+  icons?: Partial<Record<IIconType, ISvgIcon>>;
   preloaders?: Partial<Record<IPreloaderSvgType, string>>; // TODO: заменить string
   animations?: IUiKitAnimations;
   colors?: Record<string, string>;

package/src/types.ts

@@ -1,14 +1,15 @@
-import {
+import type {
   FocusEventHandler,
-  type KeyboardEvent,
+  KeyboardEvent,
   KeyboardEventHandler,
   MouseEvent,
   MouseEventHandler,
   PointerEventHandler,
   ReactNode,
 } from 'react';
-import { Modifier, Placement } from 'react-overlays/usePopper';
-import type { IMaybeArray } from './theme';
+import type { Modifier, Placement } from 'react-overlays/usePopper';
+import type { IMaybeArray } from '@true-engineering/true-react-platform-helpers';
+import { IStyle } from './theme';
 
 export interface ITestIdProps {
   testId?: string;
@@ -35,11 +36,9 @@ export interface IDropdownWithPopperOptions {
 
   shouldHideOnScroll?: boolean; // работает весьма условно без shouldUsePopper
   canBeFlipped?: boolean; // только с shouldUsePopper
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   modifiers?: Array<Partial<Modifier<any, any>>>; // только с shouldUsePopper
   placement?: Placement; // only with shouldUsePopper
   // https://popper.js.org/docs/v2/modifiers/flip/
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   flipOptions?: Record<string, any>; // только с shouldUsePopper
 }
 export type IClickHandlerEvent = MouseEvent | KeyboardEvent;
@@ -64,3 +63,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,
+  IStyle
+>;
+
+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.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const Colors: FC;

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/Colors/Colors.styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: import("../../theme").IUseStyles<"color" | "root" | "colorCard" | "colorName" | "hex", unknown>;

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

@@ -1 +0,0 @@
-export * from './Colors';

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>;

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

@@ -1,19 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./FlexibleTable").IFlexibleTableProps<import("./types").ITableRow, Partial<Record<string, unknown>>, string>>;
-export default _default;
-interface ITableContent {
-    contractCode: string;
-    validFrom: Date;
-    validTo: Date;
-    validTo1?: Date;
-    validTo2?: Date;
-    title: string;
-    signDate: Date;
-    partner: string;
-    partnerDescription: string;
-    parentContract: string;
-    currency: string;
-    status: string;
-    note?: string;
-    publicNote?: string;
-}
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./FlexibleTable").IFlexibleTableProps<ITableContent, Partial<Record<keyof ITableContent, unknown>>, keyof ITableContent>>;

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

@@ -1,6 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-export declare const Gallery: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/complexIcons/icons.d.ts

@@ -1,10 +0,0 @@
-export declare const complexIcons: {
-    avatar: string;
-    'file-excel': string;
-    'file-image': string;
-    'file-other': string;
-    'file-pdf': string;
-    'file-word': string;
-    'file-xml': string;
-    'file-zip': string;
-};

package/dist/components/Icon/complexIcons/index.d.ts

@@ -1 +0,0 @@
-export * from './icons';

package/dist/components/Icon/components/ComplexIconBoilerplate/ComplexIconBoilerplate.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { IComplexIcon } from '../../types';
-export interface IComplexIconBoilerplateProps {
-    type: IComplexIcon;
-}
-export declare const ComplexIconBoilerplate: FC<IComplexIconBoilerplateProps>;

package/dist/components/Icon/components/ComplexIconBoilerplate/index.d.ts

@@ -1 +0,0 @@
-export * from './ComplexIconBoilerplate';

package/dist/components/Icon/components/IconBolerplate/IconBoilerplate.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { ICommonIcon } from '../../types';
-export interface IIconBoilerplateProps {
-    type: ICommonIcon;
-}
-export declare const IconBoilerplate: FC<IIconBoilerplateProps>;

package/dist/components/Icon/components/IconBolerplate/index.d.ts

@@ -1 +0,0 @@
-export * from './IconBoilerplate';

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

@@ -1,2 +0,0 @@
-export * from './ComplexIconBoilerplate';
-export * from './IconBolerplate';

package/dist/components/Icon/helpers.d.ts

@@ -1,6 +0,0 @@
-import type { IIconType, ISvgIcon } from './types';
-export declare const isComplexIcon: (type: IIconType) => type is "avatar" | "file-excel" | "file-image" | "file-other" | "file-pdf" | "file-word" | "file-xml" | "file-zip";
-/**
- * Эта функция позволяет корректно определить ключи в типе
- */
-export declare const checkIcons: <P extends string>(ico: Record<P, ISvgIcon>) => Record<P, ISvgIcon>;

package/dist/components/Icon/icons-list.d.ts

@@ -1 +0,0 @@
-export declare const iconsList: Record<"direction" | "filter" | "document" | "copy" | "cancel" | "close" | "search" | "repeat" | "link" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close-large" | "close-window" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "import" | "information" | "insurance" | "lock" | "lock-open" | "male" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "sign-out" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher" | "upload", import("./types").ISvgIcon>;

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

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

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

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

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

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("./InputBase").IInputBaseProps & Pick<import("..").IWithMessagesProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
-    argTypes: {
-        type: {
-            control: string;
-            options: (import("react").HTMLInputTypeAttribute | undefined)[];
-        };
-        icon: {
-            control: string;
-            options: (string | undefined)[];
-        };
-        mask: {
-            control: string;
-            options: (string | undefined)[];
-        };
-        groupPositions: {
-            control: string;
-            options: (string | undefined)[];
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./InputBase").IInputBaseProps & Pick<import("..").IWithMessagesProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;

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

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

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

@@ -1,29 +0,0 @@
-import { FC } from 'react';
-import { IModalProps } from './Modal';
-export interface IModalWithCustomProps extends IModalProps {
-    textSize: 'small' | 'medium' | 'large';
-}
-declare const _default: {
-    title: string;
-    component: FC<IModalProps>;
-    argTypes: {
-        buttonsAlign: {
-            control: string;
-            options: string[];
-        };
-        textSize: {
-            control: string;
-            options: string[];
-        };
-        size: {
-            control: string;
-            options: string[];
-        };
-        position: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IModalWithCustomProps>;

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

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

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

@@ -1,13 +0,0 @@
-import { MultiSelect } from './MultiSelect';
-declare const _default: {
-    title: string;
-    component: typeof MultiSelect;
-    argTypes: {
-        corners: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./MultiSelect").IMultiSelectProps<unknown>>;