@true-engineering/true-react-common-ui-kit 3.9.0 → 3.9.2

package/src/components/Flag/Flag.styles.ts

@@ -1,17 +1,17 @@
-import { colors, ITweakStyles, createThemedStyles } from '../../theme';
-
-export const useStyles = createThemedStyles('Flag', {
-  root: {
-    // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
-    // если будет нужно, то можно вынести border на уровень пропсов
-    border: [1, 'solid', colors.BORDER_MAIN],
-    borderRadius: 2,
-  },
-
-  noFlag: {
-    width: 20,
-    color: colors.FONT_MEDIUM,
-  },
-});
-
-export type IFlagStyles = ITweakStyles<typeof useStyles>;
+import { colors, ITweakStyles, createThemedStyles } from '../../theme';
+
+export const useStyles = createThemedStyles('Flag', {
+  root: {
+    // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
+    // если будет нужно, то можно вынести border на уровень пропсов
+    border: [1, 'solid', colors.BORDER_MAIN],
+    borderRadius: 2,
+  },
+
+  noFlag: {
+    width: 20,
+    color: colors.FONT_MEDIUM,
+  },
+});
+
+export type IFlagStyles = ITweakStyles<typeof useStyles>;

package/src/components/Flag/index.ts

@@ -1,2 +1,2 @@
-export * from './Flag';
-export type { IFlagStyles } from './Flag.styles';
+export * from './Flag';
+export type { IFlagStyles } from './Flag.styles';

package/src/components/FlexibleTable/components/FlexibleTableCell/index.ts

@@ -1,2 +1,2 @@
-export * from './FlexibleTableCell';
-export type { IFlexibleTableCellStyles } from './FlexibleTableCell.styles';
+export * from './FlexibleTableCell';
+export type { IFlexibleTableCellStyles } from './FlexibleTableCell.styles';

package/src/components/FlexibleTable/components/FlexibleTableRow/index.ts

@@ -1,2 +1,2 @@
-export * from './FlexibleTableRow';
-export type { IFlexibleTableRowStyles } from './FlexibleTableRow.styles';
+export * from './FlexibleTableRow';
+export type { IFlexibleTableRowStyles } from './FlexibleTableRow.styles';

package/src/components/FlexibleTable/components/index.ts

@@ -1,2 +1,2 @@
-export * from './FlexibleTableRow';
-export * from './FlexibleTableCell';
+export * from './FlexibleTableRow';
+export * from './FlexibleTableCell';

package/src/components/FlexibleTable/constants.ts

@@ -1 +1 @@
-export const DEFAULT_DATE_FORMAT = 'dd.MM.yyyy';
+export const DEFAULT_DATE_FORMAT = 'dd.MM.yyyy';

package/src/components/FlexibleTable/index.ts

@@ -1,4 +1,4 @@
-export * from './FlexibleTable';
-export * from './types';
-export type { IFlexibleTableStyles } from './FlexibleTable.styles';
-export type { IFlexibleTableCellStyles, IFlexibleTableRowStyles } from './components';
+export * from './FlexibleTable';
+export * from './types';
+export type { IFlexibleTableStyles } from './FlexibleTable.styles';
+export type { IFlexibleTableCellStyles, IFlexibleTableRowStyles } from './components';

package/src/components/Icon/Icon.styles.ts

@@ -1,10 +1,10 @@
-import { ITweakStyles, createThemedStyles } from '../../theme';
-
-export const useStyles = createThemedStyles('Icon', {
-  root: {
-    display: 'flex',
-    alignItems: 'center',
-  },
-});
-
-export type IIconStyles = ITweakStyles<typeof useStyles>;
+import { ITweakStyles, createThemedStyles } from '../../theme';
+
+export const useStyles = createThemedStyles('Icon', {
+  root: {
+    display: 'flex',
+    alignItems: 'center',
+  },
+});
+
+export type IIconStyles = ITweakStyles<typeof useStyles>;

package/src/components/Icon/Icon.tsx

@@ -1,26 +1,26 @@
-import { FC } from 'react';
-import { addDataTestId } from '@true-engineering/true-react-platform-helpers';
-import { addDataAttributes } from '../../helpers';
-import { ICommonProps } from '../../types';
-import { ComplexIconBoilerplate, IconBoilerplate } from './components';
-import { isComplexIcon } from './helpers';
-import { IIconType } from './types';
-import { useStyles, IIconStyles } from './Icon.styles';
-
-export interface IIconProps extends ICommonProps<IIconStyles> {
-  type: IIconType;
-}
-
-export const Icon: FC<IIconProps> = ({ type, data, testId, tweakStyles }) => {
-  const classes = useStyles({ theme: tweakStyles });
-
-  return (
-    <div className={classes.root} {...addDataTestId(testId)} {...addDataAttributes(data)}>
-      {isComplexIcon(type) ? (
-        <ComplexIconBoilerplate type={type} />
-      ) : (
-        <IconBoilerplate type={type} />
-      )}
-    </div>
-  );
-};
+import { FC } from 'react';
+import { addDataTestId } from '@true-engineering/true-react-platform-helpers';
+import { addDataAttributes } from '../../helpers';
+import { ICommonProps } from '../../types';
+import { ComplexIconBoilerplate, IconBoilerplate } from './components';
+import { isComplexIcon } from './helpers';
+import { IIconType } from './types';
+import { useStyles, IIconStyles } from './Icon.styles';
+
+export interface IIconProps extends ICommonProps<IIconStyles> {
+  type: IIconType;
+}
+
+export const Icon: FC<IIconProps> = ({ type, data, testId, tweakStyles }) => {
+  const classes = useStyles({ theme: tweakStyles });
+
+  return (
+    <div className={classes.root} {...addDataTestId(testId)} {...addDataAttributes(data)}>
+      {isComplexIcon(type) ? (
+        <ComplexIconBoilerplate type={type} />
+      ) : (
+        <IconBoilerplate type={type} />
+      )}
+    </div>
+  );
+};

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

@@ -1,5 +1,5 @@
-import avatarGreen from './avatarGreen.svg?raw';
-
-export const complexIcons = {
-  avatar: avatarGreen,
-};
+import avatarGreen from './avatarGreen.svg?raw';
+
+export const complexIcons = {
+  avatar: avatarGreen,
+};

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

@@ -1,16 +1,16 @@
-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 }} />;
-};
+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 +1 @@
-export * from './ComplexIconBoilerplate';
+export * from './ComplexIconBoilerplate';

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

@@ -1,43 +1,43 @@
-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>
-  );
-};
+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 +1 @@
-export * from './IconBoilerplate';
+export * from './IconBoilerplate';

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

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

package/src/components/Icon/helpers.tsx

@@ -1,9 +1,9 @@
-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;
+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;