@true-engineering/true-react-common-ui-kit 4.0.0-alpha2 → 4.0.0-alpha20

package/src/theme/helpers.ts

@@ -1,29 +1,31 @@
-import { createUseStyles, Styles } from 'react-jss';
-import merge from 'lodash-es/merge';
+import { merge } from 'lodash-es';
 import {
   isArrayNotEmpty,
   isNotEmpty,
   mergeStyles,
 } from '@true-engineering/true-react-platform-helpers';
-import { getTheme } from './Provider';
-import { IComponentName, IStyles, IUseStyles } from './types';
+import { IMaybeArray } from './types';
 
 const EMPTY_STYLES = {};
 
-const isTweakStyle = (key: string): boolean => key.startsWith('tweak');
+export const isTweakStyle = (key: string): boolean => key.startsWith('tweak');
 
-const cleanStyles = <T>(tweakStyles?: T): T =>
-  isNotEmpty(tweakStyles) && Object.keys(tweakStyles).some((key) => !isTweakStyle(key))
-    ? tweakStyles
-    : (EMPTY_STYLES as T);
+export const isStylesNotEmpty = <T>(tweakStyles?: T): tweakStyles is NonNullable<T> =>
+  isNotEmpty(tweakStyles) && !Object.keys(tweakStyles).every(isTweakStyle);
 
-const checkStyles = (componentName: string, styles: Record<string, unknown>): void => {
-  const invalidClasses = Object.keys(styles).reduce((acc, key) => {
-    if (isTweakStyle(key)) {
-      acc.push(key);
-    }
-    return acc;
-  }, [] as string[]);
+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 invalidClasses = Object.keys(styles).filter(isTweakStyle);
 
   if (isArrayNotEmpty(invalidClasses)) {
     console.error(
@@ -47,30 +49,28 @@ export const themedStyles = <T>(styles: T, themeComponentStyles: T): T => {
   return styles;
 };
 
-export function createThemedStyles<C extends string, P>(styles: IStyles<C, P>): IUseStyles<C, P>;
+type TweakStylesCache = (styles: object[], prev?: object[]) => object | undefined;
+export const getTweakStylesCache = (): TweakStylesCache => {
+  let mergedStyles: object | undefined;
+  const cache = new WeakMap<object, TweakStylesCache>();
 
-export function createThemedStyles<C extends string, P>(
-  componentName: IComponentName,
-  styles: IStyles<C, P>,
-): IUseStyles<C, P>;
+  const getNext = (next: object) => {
+    if (!cache.has(next)) {
+      cache.set(next, getTweakStylesCache());
+    }
+    return cache.get(next)!; // eslint-disable-line @typescript-eslint/no-non-null-assertion
+  };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function createThemedStyles<C extends string, P>(...args: any[]): IUseStyles<C, P> {
-  const shouldUseTheme = args.length > 1;
-  const styles: IStyles<C, P> = shouldUseTheme ? args[1] : args[0];
-  const componentName: IComponentName | undefined = shouldUseTheme ? args[0] : undefined;
+  return (styles, prev = []) => {
+    const [next, ...rest] = styles;
+    if (isNotEmpty(next)) {
+      return getNext(next)(rest, prev.concat(next));
+    }
 
-  if (process.env.NODE_ENV !== 'production') {
-    checkStyles(componentName ?? 'LocalComponent', styles);
-  }
-  const useStyles = createUseStyles<C, P>((tweakStyles) => {
-    const theme = getTheme();
-    return mergeStyles(
-      styles as Styles<C, P>,
-      isNotEmpty(componentName) ? (theme?.components?.[componentName] as Styles<C, P>) : undefined,
-      tweakStyles,
-    );
-  });
+    if (isNotEmpty(mergedStyles)) {
+      return mergedStyles;
+    }
 
-  return (data) => useStyles(isNotEmpty(data) ? { ...data, theme: cleanStyles(data.theme) } : data);
-}
+    return (mergedStyles = mergeTweakStyles(prev));
+  };
+};

package/src/theme/index.ts

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

package/src/theme/true-jss/ThemedStylesManager.ts

@@ -0,0 +1,92 @@
+import { jss } from 'react-jss';
+import type { Classes, StyleSheet } from 'jss';
+import { isNotEmpty, mergeStyles } from '@true-engineering/true-react-platform-helpers';
+import { IStyles } from '../types';
+import { IPartialStyle, TweakStylesManager } from './TweakStylesManager';
+import { IJssContext } from './jss-context';
+
+interface IStyleSheet<C extends string> {
+  manager: TweakStylesManager<C>;
+  refs: number;
+  sheet: StyleSheet<C>;
+  detachTimeout?: number;
+}
+
+const NO_THEME_STYLES: IPartialStyle = {};
+
+interface IThemedStylesManagerOptions<C extends string> {
+  styles: IStyles<C>;
+  name: string;
+}
+
+export class ThemedStylesManager<C extends string> {
+  #styleSheetMap = new Map<IPartialStyle, IStyleSheet<C>>();
+  #styles: IStyles<C>;
+  #name: string;
+
+  constructor({ styles, name }: IThemedStylesManagerOptions<C>) {
+    this.#styles = styles;
+    this.#name = name;
+  }
+
+  public getClasses(
+    theme = NO_THEME_STYLES,
+    tweak: IPartialStyle[],
+    jssContext: IJssContext,
+  ): Classes<C> {
+    return this.getOrCreate(theme, jssContext).manager.getClasses(tweak);
+  }
+
+  public manageTweak(theme = NO_THEME_STYLES, tweak: IPartialStyle[]): VoidFunction | undefined {
+    this.#styleSheetMap.get(theme)?.manager.manage(tweak);
+
+    return () => this.#styleSheetMap.get(theme)?.manager.unmanage(tweak);
+  }
+
+  public manage(theme = NO_THEME_STYLES): VoidFunction | undefined {
+    const value = this.#styleSheetMap.get(theme);
+    if (!isNotEmpty(value)) {
+      return;
+    }
+    if (isNotEmpty(value.detachTimeout)) {
+      clearTimeout(value.detachTimeout);
+      value.detachTimeout = undefined;
+    }
+    value.refs += 1;
+    if (value.refs > 0) {
+      value.sheet.attach();
+    }
+
+    return () => this.unmanage(theme);
+  }
+
+  private unmanage(theme = NO_THEME_STYLES): void {
+    const value = this.#styleSheetMap.get(theme);
+    if (!isNotEmpty(value) || value.refs === 0) {
+      return;
+    }
+    value.refs -= 1;
+    if (value.refs === 0 && !isNotEmpty(value.detachTimeout)) {
+      value.detachTimeout = window.setTimeout(() => {
+        if (value.refs === 0) {
+          value.sheet.detach();
+        }
+      }, 100);
+    }
+  }
+
+  private getOrCreate(theme: IPartialStyle, jssContext: IJssContext): IStyleSheet<C> {
+    if (!this.#styleSheetMap.has(theme)) {
+      const sheet = jss.createStyleSheet(mergeStyles(this.#styles, theme), {
+        link: true,
+        meta: this.#name,
+        generateId: jssContext.generateId,
+      });
+      const classes = { ...sheet.classes };
+      const manager = new TweakStylesManager({ sheet, classes });
+      this.#styleSheetMap.set(theme, { sheet, manager, refs: 0 });
+    }
+
+    return this.#styleSheetMap.get(theme)!; // eslint-disable-line @typescript-eslint/no-non-null-assertion
+  }
+}

package/src/theme/true-jss/TweakStylesManager.ts

@@ -0,0 +1,157 @@
+import type { StyleSheet, Classes, Rule } from 'jss';
+import {
+  isArrayNotEmpty,
+  isNotEmpty,
+  joinStrings,
+  mergeStyles,
+} from '@true-engineering/true-react-platform-helpers';
+import { isTweakStyle } from '../helpers';
+
+export type IPartialStyle = object;
+
+interface TweakRules<C extends string> {
+  classes: Classes<C>;
+  refs?: number;
+  rules: Map<C, Rule>;
+}
+
+interface TweakStylesManagerOptions<C extends string> {
+  sheet: StyleSheet<C>;
+  classes: Classes<C>;
+  tweak?: IPartialStyle[];
+}
+
+export class TweakStylesManager<C extends string> {
+  #map = new WeakMap<IPartialStyle, TweakStylesManager<C>>();
+  #sheet: StyleSheet<C>;
+  #classes: Classes<C>;
+  #tweak: IPartialStyle[];
+
+  #tweakRules: TweakRules<C> | undefined;
+  constructor({ sheet, classes, tweak = [] }: TweakStylesManagerOptions<C>) {
+    this.#sheet = sheet;
+    this.#classes = classes;
+    this.#tweak = tweak;
+  }
+
+  public getClasses([next, ...rest]: IPartialStyle[]): Classes<C> {
+    const nextManager = this.getNextManager(next);
+    if (isNotEmpty(nextManager)) {
+      return nextManager.getClasses(rest);
+    }
+    return this.getOrCreate()?.classes ?? this.#classes;
+  }
+
+  public manage([next, ...rest]: IPartialStyle[]): void {
+    const nextManager = this.getNextManager(next);
+    if (isNotEmpty(nextManager)) {
+      return nextManager.manage(rest);
+    }
+    if (!isNotEmpty(this.#tweakRules)) {
+      return;
+    }
+    if (this.#tweakRules.refs === 0) {
+      this.insertRules();
+    }
+    this.#tweakRules.refs = (this.#tweakRules.refs ?? 0) + 1;
+  }
+
+  public unmanage([next, ...rest]: IPartialStyle[]): void {
+    const nextManager = this.getNextManager(next);
+    if (isNotEmpty(nextManager)) {
+      return nextManager.unmanage(rest);
+    }
+    if (!isNotEmpty(this.#tweakRules) || this.#tweakRules.refs === 0) {
+      return;
+    }
+    this.#tweakRules.refs = (this.#tweakRules.refs ?? 1) - 1;
+    if (this.#tweakRules.refs === 0) {
+      this.deleteRules();
+    }
+  }
+
+  private getNextManager(next?: IPartialStyle) {
+    if (!isNotEmpty(next)) {
+      return;
+    }
+    if (!this.#map.has(next)) {
+      const manager = new TweakStylesManager({
+        sheet: this.#sheet,
+        classes: this.#classes,
+        tweak: this.#tweak.concat(next),
+      });
+      this.#map.set(next, manager);
+    }
+    return this.#map.get(next);
+  }
+
+  private getOrCreate() {
+    if (!isNotEmpty(this.#tweakRules) && isArrayNotEmpty(this.#tweak)) {
+      const [first, ...rest] = this.#tweak;
+      const styles = isArrayNotEmpty(rest) ? mergeStyles(first, ...rest) : first;
+
+      const rules = this.addRules(styles);
+
+      const classes = { ...this.#classes };
+      rules.forEach((rule, key) => {
+        classes[key] = joinStrings([classes[key], rule.id], ' ');
+      });
+
+      this.#tweakRules = { classes, rules };
+    }
+    return this.#tweakRules;
+  }
+
+  private addRules(styles: IPartialStyle) {
+    return new Map(
+      Object.entries(styles)
+        .map(([key, style]) => this.addRule(key as C, style))
+        .filter(isNotEmpty),
+    );
+  }
+
+  private addRule(key: C, style: object) {
+    if (isTweakStyle(key)) {
+      return;
+    }
+    const rule = this.#sheet.addRule(key, style, { index: this.getInsertIndex(key) });
+    return isNotEmpty(rule) ? ([key, rule] as const) : undefined;
+  }
+
+  private insertRules() {
+    this.#tweakRules?.rules.forEach((rule, key) => {
+      this.#sheet.rules.register(rule);
+      this.#sheet.rules.index.splice(this.getInsertIndex(key), 0, rule);
+      this.#sheet.insertRule(rule);
+    });
+  }
+
+  private deleteRules() {
+    this.#tweakRules?.rules.forEach((rule) => this.#sheet.deleteRule(rule));
+  }
+
+  private getInsertIndex(key: C) {
+    return (
+      this.#sheet.rules.index.findIndex((rule) => rule.key === key) + 1 ||
+      this.#sheet.rules.index.length
+    );
+  }
+}
+
+declare module 'jss' {
+  export interface RuleList {
+    index: Rule[];
+  }
+  // eslint-disable-next-line no-shadow
+  export interface StyleSheet<RuleName> {
+    rules: RuleList;
+    // eslint-disable-next-line @typescript-eslint/method-signature-style
+    deleteRule(rule: Rule): boolean;
+    // eslint-disable-next-line @typescript-eslint/method-signature-style
+    addRule(
+      name: RuleName,
+      style: JssStyle,
+      options?: Partial<Rule['options']>,
+    ): (Rule & { id: string }) | null;
+  }
+}

package/src/theme/true-jss/index.ts

@@ -0,0 +1,2 @@
+export * from './ThemedStylesManager';
+export * from './jss-context';

package/src/theme/true-jss/jss-context.tsx

@@ -0,0 +1,34 @@
+import { Context, FC, PropsWithChildren, useContext, useMemo } from 'react';
+import { JssContext as JssContextLib } from 'react-jss';
+import { GenerateId } from 'jss';
+
+export interface IJssContext {
+  generateId?: GenerateId;
+  tweakStylesArch?: 'react-jss' | 'true-jss';
+}
+
+/** Типизация JssContext оказалась некорректна */
+export const JssContext = JssContextLib as unknown as Context<IJssContext>;
+
+export const JssProvider: FC<PropsWithChildren<IJssContext>> = ({
+  children,
+  tweakStylesArch,
+  generateId,
+}) => {
+  const context = useContext(JssContext);
+
+  const value: IJssContext = useMemo(
+    () => ({
+      ...context,
+      tweakStylesArch: tweakStylesArch ?? context.tweakStylesArch,
+      generateId: generateId ?? context.generateId,
+    }),
+    [context, tweakStylesArch, generateId],
+  );
+
+  return (
+    <JssContext.Provider key={tweakStylesArch} value={value}>
+      {children}
+    </JssContext.Provider>
+  );
+};

package/src/theme/types.ts

@@ -8,7 +8,6 @@ import type {
   ICloseButtonStyles,
   ICommonIcon,
   IComplexIcon,
-  IWithMessagesStyles,
   IControlWrapperStyles,
   ICssBaselineStyles,
   IDateInputStyles,
@@ -63,14 +62,17 @@ import type {
   IThemedPreloaderStyles,
   IToasterStyles,
   ITooltipStyles,
+  IWithMessagesStyles,
   IWithPopupStyles,
   IWithTooltipStyles,
 } from '../components';
 
-export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
+export type IStyles<C extends string, P = unknown> = Styles<C, P, Partial<Styles<C, P>>>;
 
+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?: Partial<Styles<C, P>> },
+  data?: P & { theme?: IMaybeArray<Partial<Styles<C, P>>> },
 ) => Classes<C>;
 
 export type ITweakStyles<

package/src/types.ts

@@ -1,13 +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 { Modifier, Placement } from 'react-overlays/usePopper';
+import type { JssStyle } from 'jss';
+import type { IMaybeArray } from './theme';
 
 export interface ITestIdProps {
   testId?: string;
@@ -22,7 +24,7 @@ export interface IDataAttributesProps extends ITestIdProps {
 }
 
 export interface ITweakStylesProps<TweakStyles> {
-  tweakStyles?: TweakStyles;
+  tweakStyles?: IMaybeArray<TweakStyles>;
 }
 
 export type ICommonProps<TweakStyles> = IDataAttributesProps & ITweakStylesProps<TweakStyles>;
@@ -63,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, Content> extends IFiltersPaneProps<Values, Content> {
-    containerWidth: number;
-    isSearchDisabled: boolean;
-    shouldShowSettingsButton: boolean;
-    withFieldNameInLabel: boolean;
-    isGroupingEnabled: boolean;
-    checkboxPosition: 'left' | 'right';
-    isClearableFields: boolean;
-}
-declare function FiltersPaneWithCustomProps<Values, 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<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/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>;