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

package/dist/theme/create-themed-styles.d.ts

@@ -1,2 +0,0 @@
-import { IComponentName, IStyles, IUseStyles } from './types';
-export declare function createThemedStyles<C extends string>(...args: [IStyles<C>] | [IComponentName, IStyles<C>]): IUseStyles<C>;

package/dist/theme/true-jss/ThemedStylesManager.d.ts

@@ -1,18 +0,0 @@
-import type { Classes } from 'jss';
-import { IStyles } from '../types';
-import { IPartialStyle } from './TweakStylesManager';
-import { IJssContext } from './jss-context';
-interface IThemedStylesManagerOptions<C extends string> {
-    styles: IStyles<C>;
-    name: string;
-}
-export declare class ThemedStylesManager<C extends string> {
-    #private;
-    constructor({ styles, name }: IThemedStylesManagerOptions<C>);
-    getClasses(theme: object | undefined, tweak: IPartialStyle[], jssContext: IJssContext): Classes<C>;
-    manageTweak(theme: object | undefined, tweak: IPartialStyle[]): VoidFunction | undefined;
-    manage(theme?: object): VoidFunction | undefined;
-    private unmanage;
-    private getOrCreate;
-}
-export {};

package/dist/theme/true-jss/TweakStylesManager.d.ts

@@ -1,34 +0,0 @@
-import type { StyleSheet, Classes } from 'jss';
-export type IPartialStyle = object;
-interface TweakStylesManagerOptions<C extends string> {
-    sheet: StyleSheet<C>;
-    classes: Classes<C>;
-    tweak?: IPartialStyle[];
-}
-export declare class TweakStylesManager<C extends string> {
-    #private;
-    constructor({ sheet, classes, tweak }: TweakStylesManagerOptions<C>);
-    getClasses([next, ...rest]: IPartialStyle[]): Classes<C>;
-    manage([next, ...rest]: IPartialStyle[]): void;
-    unmanage([next, ...rest]: IPartialStyle[]): void;
-    private getNextManager;
-    private getOrCreate;
-    private addRules;
-    private addRule;
-    private insertRules;
-    private deleteRules;
-    private getInsertIndex;
-}
-declare module 'jss' {
-    interface RuleList {
-        index: Rule[];
-    }
-    interface StyleSheet<RuleName> {
-        rules: RuleList;
-        deleteRule(rule: Rule): boolean;
-        addRule(name: RuleName, style: JssStyle, options?: Partial<Rule['options']>): (Rule & {
-            id: string;
-        }) | null;
-    }
-}
-export {};

package/dist/theme/true-jss/index.d.ts

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

package/dist/theme/true-jss/jss-context.d.ts

@@ -1,9 +0,0 @@
-import { Context, FC, PropsWithChildren } from 'react';
-import { GenerateId } from 'jss';
-export interface IJssContext {
-    generateId?: GenerateId;
-    tweakStylesArch?: 'react-jss' | 'true-jss';
-}
-/** Типизация JssContext оказалась некорректна */
-export declare const JssContext: Context<IJssContext>;
-export declare const JssProvider: FC<PropsWithChildren<IJssContext>>;

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/Flag/customFlags/augment.d.ts

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

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;