@true-engineering/true-react-common-ui-kit 3.28.4 → 3.29.0

package/src/components/Icon/complexIcons/fileWord.svg

@@ -1,11 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">
-  <rect width="20" height="20" rx="4" fill="#2C7CD3"/>
-  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16075)" style="mix-blend-mode:overlay"/>
-  <path d="M8.0542 14.9946L9.90137 8.0376L11.7549 14.9946H13.748L16.0078 5.68896H14.1162L12.688 12.189L11.0566 5.68896H8.82227L7.12109 12.0811L5.71826 5.68896H3.79492L6.0166 14.9946H8.0542Z" fill="white"/>
-  <defs>
-    <linearGradient id="paint0_linear_0_16075" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">
-      <stop stop-color="white" stop-opacity="0.245559"/>
-      <stop offset="1" stop-opacity="0.498578"/>
-    </linearGradient>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">
+  <rect width="20" height="20" rx="4" fill="#2C7CD3"/>
+  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16075)" style="mix-blend-mode:overlay"/>
+  <path d="M8.0542 14.9946L9.90137 8.0376L11.7549 14.9946H13.748L16.0078 5.68896H14.1162L12.688 12.189L11.0566 5.68896H8.82227L7.12109 12.0811L5.71826 5.68896H3.79492L6.0166 14.9946H8.0542Z" fill="white"/>
+  <defs>
+    <linearGradient id="paint0_linear_0_16075" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">
+      <stop stop-color="white" stop-opacity="0.245559"/>
+      <stop offset="1" stop-opacity="0.498578"/>
+    </linearGradient>
+  </defs>
 </svg>

package/src/components/Icon/complexIcons/fileXml.svg

@@ -1,13 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">
-  <rect width="20" height="20" rx="4" fill="#FF991F"/>
-  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_2163_24057)" style="mix-blend-mode:overlay"/>
-  <path d="M1.97561 5.99658L3.56111 9.43008L1.84961 13.0001H3.66611L4.21211 11.6771C4.40111 11.0996 4.45361 10.8791 4.49561 10.6166H4.52711C4.54811 10.8686 4.61111 11.1101 4.77911 11.5826L5.34611 13.0001H7.20461L5.49311 9.44058L7.07861 5.99658H5.28311L4.86311 7.06758C4.85261 7.08858 4.83161 7.16208 4.80011 7.25658C4.75811 7.44558 4.70561 7.63458 4.65311 7.82358C4.60061 8.02308 4.57961 8.10708 4.56911 8.23308H4.52711C4.49561 8.02308 4.43261 7.78158 4.27511 7.23558L3.82361 5.99658H1.97561Z" fill="white"/>
-  <path d="M7.53437 5.99658V13.0001H9.05687V9.78708L9.02537 9.34608L8.98337 8.41158C8.98337 8.33808 8.96237 8.00208 8.92037 7.47708H8.98337C9.05687 7.90758 9.10937 8.21208 9.18287 8.53758C9.24587 8.87358 9.34037 9.28308 9.44537 9.77658L10.1804 13.0001H11.3984L12.1544 9.59808C12.2909 8.98908 12.5324 7.79208 12.5744 7.47708H12.6374C12.6059 7.80258 12.5849 8.01258 12.5744 8.22258L12.5534 8.98908C12.5429 9.25158 12.5324 9.52458 12.5219 9.80808V13.0001H14.0444V5.99658H11.6714L11.2409 8.10708C11.0834 8.74758 10.8419 10.3751 10.8419 10.8161L10.7999 10.8266C10.7894 10.2911 10.5269 8.61108 10.3274 7.85508L9.92837 5.99658H7.53437Z" fill="white"/>
-  <path d="M14.8685 5.99658V13.0001H18.89V11.6666H16.5275V5.99658H14.8685Z" fill="white"/>
-  <defs>
-    <linearGradient id="paint0_linear_2163_24057" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">
-      <stop stop-color="white" stop-opacity="0.245559"/>
-      <stop offset="1" stop-opacity="0.498578"/>
-    </linearGradient>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">
+  <rect width="20" height="20" rx="4" fill="#FF991F"/>
+  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_2163_24057)" style="mix-blend-mode:overlay"/>
+  <path d="M1.97561 5.99658L3.56111 9.43008L1.84961 13.0001H3.66611L4.21211 11.6771C4.40111 11.0996 4.45361 10.8791 4.49561 10.6166H4.52711C4.54811 10.8686 4.61111 11.1101 4.77911 11.5826L5.34611 13.0001H7.20461L5.49311 9.44058L7.07861 5.99658H5.28311L4.86311 7.06758C4.85261 7.08858 4.83161 7.16208 4.80011 7.25658C4.75811 7.44558 4.70561 7.63458 4.65311 7.82358C4.60061 8.02308 4.57961 8.10708 4.56911 8.23308H4.52711C4.49561 8.02308 4.43261 7.78158 4.27511 7.23558L3.82361 5.99658H1.97561Z" fill="white"/>
+  <path d="M7.53437 5.99658V13.0001H9.05687V9.78708L9.02537 9.34608L8.98337 8.41158C8.98337 8.33808 8.96237 8.00208 8.92037 7.47708H8.98337C9.05687 7.90758 9.10937 8.21208 9.18287 8.53758C9.24587 8.87358 9.34037 9.28308 9.44537 9.77658L10.1804 13.0001H11.3984L12.1544 9.59808C12.2909 8.98908 12.5324 7.79208 12.5744 7.47708H12.6374C12.6059 7.80258 12.5849 8.01258 12.5744 8.22258L12.5534 8.98908C12.5429 9.25158 12.5324 9.52458 12.5219 9.80808V13.0001H14.0444V5.99658H11.6714L11.2409 8.10708C11.0834 8.74758 10.8419 10.3751 10.8419 10.8161L10.7999 10.8266C10.7894 10.2911 10.5269 8.61108 10.3274 7.85508L9.92837 5.99658H7.53437Z" fill="white"/>
+  <path d="M14.8685 5.99658V13.0001H18.89V11.6666H16.5275V5.99658H14.8685Z" fill="white"/>
+  <defs>
+    <linearGradient id="paint0_linear_2163_24057" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">
+      <stop stop-color="white" stop-opacity="0.245559"/>
+      <stop offset="1" stop-opacity="0.498578"/>
+    </linearGradient>
+  </defs>
 </svg>

package/src/components/Icon/complexIcons/fileZip.svg

@@ -1,16 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">
-  <g clip-path="url(#clip0_922_22603)">
-    <path d="M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z" fill="#A1D237"/>
-    <path d="M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z" fill="url(#paint0_linear_922_22603)" style="mix-blend-mode:overlay"/>
-    <path d="M8.32086 14V12.6807H6.32086C5.92513 12.6807 5.72193 12.6927 5.58289 12.7166C5.64706 12.6207 5.68984 12.5367 5.73262 12.4528C5.7861 12.3568 5.83957 12.2609 5.89305 12.1529L8.28877 7.22339V6H4.17112V7.31934H6.20321C6.39572 7.31934 6.59893 7.30735 6.69519 7.29535C6.58824 7.47526 6.49198 7.65517 6.41711 7.81109L4 12.8246V14H8.32086ZM10.4813 14V6H9.03743V14H10.4813ZM12.9519 14V10.8096H13.4439C14.2139 10.8096 14.5241 10.7616 14.877 10.6057C15.5936 10.2699 16 9.47826 16 8.38681C16 7.45127 15.6898 6.69565 15.1444 6.32384C14.8342 6.09595 14.3743 6 13.6364 6H11.508V14H12.9519ZM13.4118 9.6102H12.9519V7.1994H13.3797C13.7219 7.1994 13.9679 7.24738 14.107 7.34333C14.385 7.53523 14.5241 7.87106 14.5241 8.38681C14.5241 8.91454 14.4064 9.25037 14.1497 9.44228C13.9893 9.57421 13.8075 9.6102 13.4118 9.6102Z" fill="white"/>
-  </g>
-  <defs>
-    <linearGradient id="paint0_linear_922_22603" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">
-      <stop stop-color="white" stop-opacity="0.245559"/>
-      <stop offset="1" stop-opacity="0.498578"/>
-    </linearGradient>
-    <clipPath id="clip0_922_22603">
-      <rect width="20" height="20" fill="white"/>
-    </clipPath>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">
+  <g clip-path="url(#clip0_922_22603)">
+    <path d="M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z" fill="#A1D237"/>
+    <path d="M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z" fill="url(#paint0_linear_922_22603)" style="mix-blend-mode:overlay"/>
+    <path d="M8.32086 14V12.6807H6.32086C5.92513 12.6807 5.72193 12.6927 5.58289 12.7166C5.64706 12.6207 5.68984 12.5367 5.73262 12.4528C5.7861 12.3568 5.83957 12.2609 5.89305 12.1529L8.28877 7.22339V6H4.17112V7.31934H6.20321C6.39572 7.31934 6.59893 7.30735 6.69519 7.29535C6.58824 7.47526 6.49198 7.65517 6.41711 7.81109L4 12.8246V14H8.32086ZM10.4813 14V6H9.03743V14H10.4813ZM12.9519 14V10.8096H13.4439C14.2139 10.8096 14.5241 10.7616 14.877 10.6057C15.5936 10.2699 16 9.47826 16 8.38681C16 7.45127 15.6898 6.69565 15.1444 6.32384C14.8342 6.09595 14.3743 6 13.6364 6H11.508V14H12.9519ZM13.4118 9.6102H12.9519V7.1994H13.3797C13.7219 7.1994 13.9679 7.24738 14.107 7.34333C14.385 7.53523 14.5241 7.87106 14.5241 8.38681C14.5241 8.91454 14.4064 9.25037 14.1497 9.44228C13.9893 9.57421 13.8075 9.6102 13.4118 9.6102Z" fill="white"/>
+  </g>
+  <defs>
+    <linearGradient id="paint0_linear_922_22603" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">
+      <stop stop-color="white" stop-opacity="0.245559"/>
+      <stop offset="1" stop-opacity="0.498578"/>
+    </linearGradient>
+    <clipPath id="clip0_922_22603">
+      <rect width="20" height="20" fill="white"/>
+    </clipPath>
+  </defs>
 </svg>

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

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

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;