@true-engineering/true-react-common-ui-kit 4.0.0-alpha5 → 4.0.0-alpha50

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

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

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

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { ITextWithInfoProps } from './TextWithInfo';
-interface ITextWithInfoWithCustomProps extends ITextWithInfoProps {
-    infoTooltip: string;
-    link: string;
-}
-declare const _default: {
-    title: string;
-    component: FC<ITextWithInfoWithCustomProps>;
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ITextWithInfoWithCustomProps>;

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

@@ -1,24 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./TextWithTooltip").ITextWithTooltipProps>;
-    argTypes: {
-        tooltipPosition: {
-            control: string;
-            options: string[];
-        };
-        tooltipView: {
-            control: string;
-            options: string[];
-        };
-        tooltipType: {
-            control: string;
-            options: string[];
-        };
-        mouseEventType: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithTooltip").ITextWithTooltipProps>;

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

@@ -1,17 +0,0 @@
-import { FC } from 'react';
-import { IThemedPreloaderProps } from './ThemedPreloader';
-interface IThemedPreloaderWithCustomProps extends IThemedPreloaderProps {
-    currentColor: string;
-}
-declare const _default: {
-    title: string;
-    component: FC<IThemedPreloaderWithCustomProps>;
-    argTypes: {
-        type: {
-            options: string[];
-            control: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IThemedPreloaderWithCustomProps>;

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

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

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

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

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

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

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

@@ -1,16 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./WithPopup").IWithPopupProps>;
-    argTypes: {
-        placement: {
-            control: string;
-            options: (string | undefined)[];
-        };
-        eventType: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./WithPopup").IWithPopupProps>;

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

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { WithTooltip } from './WithTooltip';
-declare const meta: Meta<typeof WithTooltip>;
-export default meta;
-type IStory = StoryObj<typeof WithTooltip>;
-export declare const Default: IStory;

package/src/components/Colors/Colors.styles.ts

@@ -1,36 +0,0 @@
-import { createThemedStyles } from '../../theme';
-
-export const useStyles = createThemedStyles({
-  root: {
-    display: 'flex',
-    flexWrap: 'wrap',
-  },
-
-  colorCard: {
-    width: 120,
-    border: 'solid 1px #dde3ed',
-    borderRadius: 8,
-    color: '#222a37',
-    fontSize: 14,
-    margin: 6,
-  },
-
-  color: {
-    height: 120,
-    borderTopLeftRadius: 8,
-    borderTopRightRadius: 8,
-  },
-
-  colorName: {
-    marginBottom: 6,
-    padding: 6,
-    overflow: 'hidden',
-  },
-
-  hex: {
-    marginTop: 6,
-    textTransform: 'uppercase',
-    fontWeight: 'bold',
-    padding: [0, 6, 6],
-  },
-});

package/src/components/Colors/Colors.tsx

@@ -1,26 +0,0 @@
-import { FC, useContext } from 'react';
-import { ThemeContext } from '../../theme';
-import { useStyles } from './Colors.styles';
-
-// TODO: А зачем нужен то этот компонент кроме как ради сторис?????? мб его толкьо в сторис оформить?
-
-export const Colors: FC = () => {
-  const classes = useStyles();
-  const { theme } = useContext(ThemeContext);
-  const { colors = {} } = theme;
-
-  return (
-    <div className={classes.root}>
-      {Object.entries(colors as Record<string, string>).map(([colorName, color]) => {
-        const name = colorName.split('_').join(' ').toLowerCase();
-        return (
-          <div key={colorName} className={classes.colorCard}>
-            <div className={classes.color} style={{ backgroundColor: color }} />
-            <div className={classes.colorName}>{`${name[0].toUpperCase()}${name.slice(1)}`}</div>
-            <div className={classes.hex}>{color}</div>
-          </div>
-        );
-      })}
-    </div>
-  );
-};

package/src/components/Colors/index.ts

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

package/src/components/Flag/augment.d.ts

@@ -1 +0,0 @@
-declare module 'country-flag-icons/react/3x2';

package/src/components/Icon/complexIcons/augment.d.ts

@@ -1 +0,0 @@
-declare module '*.svg?raw';

package/src/components/Icon/complexIcons/icons.ts

@@ -1,19 +0,0 @@
-import avatarGreen from './avatarGreen.svg?raw';
-import fileExcel from './fileExcel.svg?raw';
-import fileImage from './fileImage.svg?raw';
-import fileOther from './fileOther.svg?raw';
-import filePdf from './filePdf.svg?raw';
-import fileWord from './fileWord.svg?raw';
-import fileXml from './fileXml.svg?raw';
-import fileZip from './fileZip.svg?raw';
-
-export const complexIcons = {
-  avatar: avatarGreen,
-  'file-excel': fileExcel,
-  'file-image': fileImage,
-  'file-other': fileOther,
-  'file-pdf': filePdf,
-  'file-word': fileWord,
-  'file-xml': fileXml,
-  'file-zip': fileZip,
-};

package/src/components/Icon/complexIcons/index.ts

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

package/src/components/Icon/components/ComplexIconBoilerplate/ComplexIconBoilerplate.tsx

@@ -1,16 +0,0 @@
-import { FC, useContext, useMemo } from 'react';
-import { ThemeContext } from '../../../../theme';
-import { complexIcons } from '../../complexIcons';
-import { IComplexIcon } from '../../types';
-
-export interface IComplexIconBoilerplateProps {
-  type: IComplexIcon;
-}
-
-export const ComplexIconBoilerplate: FC<IComplexIconBoilerplateProps> = ({ type }) => {
-  const { theme } = useContext(ThemeContext);
-  const icons = useMemo(() => ({ ...complexIcons, ...theme.complexIcons }), []);
-  const ComplexIcon = icons[type];
-
-  return <div dangerouslySetInnerHTML={{ __html: ComplexIcon }} />;
-};

package/src/components/Icon/components/ComplexIconBoilerplate/index.ts

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

package/src/components/Icon/components/IconBolerplate/IconBoilerplate.tsx

@@ -1,43 +0,0 @@
-import { FC, useContext, useMemo } from 'react';
-import { ThemeContext } from '../../../../theme';
-import { iconsList as commonIcons } from '../../icons-list';
-import { ICommonIcon } from '../../types';
-
-export interface IIconBoilerplateProps {
-  type: ICommonIcon;
-}
-
-export const IconBoilerplate: FC<IIconBoilerplateProps> = ({ type }) => {
-  const { theme } = useContext(ThemeContext);
-  const icons = useMemo(() => ({ ...commonIcons, ...theme.icons }), []);
-  const icon = icons[type];
-
-  return (
-    <svg
-      width="100%"
-      height="100%"
-      viewBox={icon.viewBox ?? '0 0 20 20'}
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      {icon.paths?.map((path, index) => (
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          fill={path.fill ?? 'currentColor'}
-          stroke={path.stroke ?? 'none'}
-          key={index}
-          {...path}
-        />
-      ))}
-
-      {icon.rects?.map((rect, index) => (
-        <rect {...rect} key={index} />
-      ))}
-
-      {icon.circles?.map((circle, index) => (
-        <circle {...circle} key={index} />
-      ))}
-    </svg>
-  );
-};

package/src/components/Icon/components/IconBolerplate/index.ts

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

package/src/components/Icon/components/index.ts

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

package/src/components/Icon/helpers.tsx

@@ -1,9 +0,0 @@
-import { complexIcons } from './complexIcons';
-import type { IComplexIcon, IIconType, ISvgIcon } from './types';
-
-export const isComplexIcon = (type: IIconType): type is IComplexIcon => type in complexIcons;
-
-/**
- * Эта функция позволяет корректно определить ключи в типе
- */
-export const checkIcons = <P extends string>(ico: Record<P, ISvgIcon>): Record<P, ISvgIcon> => ico;