@true-engineering/true-react-common-ui-kit 3.30.0 → 3.32.0

package/package.json

@@ -1,98 +1,98 @@
-{
-  "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "3.30.0",
-  "description": "True Engineering React UI Kit with theming support",
-  "author": "True Engineering (https://trueengineering.ru)",
-  "keywords": [
-    "TE",
-    "True Engineering",
-    "UI Kit with theming support",
-    "UI Kit"
-  ],
-  "homepage": "",
-  "license": "Apache-2.0",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "main": "dist/true-react-common-ui-kit.umd.cjs",
-  "module": "./dist/true-react-common-ui-kit.js",
-  "directories": {
-    "lib": "src"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "src",
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "require": "./dist/true-react-common-ui-kit.umd.cjs",
-      "import": "./dist/true-react-common-ui-kit.js"
-    },
-    "./dist/style.css": "./dist/style.css",
-    "./src": "./src/index.ts"
-  },
-  "scripts": {
-    "build": "tsc && vite build",
-    "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
-    "format": "prettier --write \"**/*.{js,jsx,css,json,ts,tsx}\"",
-    "format:check": "prettier --check \"**/*.{js,jsx,css,json,ts,tsx}\"",
-    "full-check": "yarn format:check && yarn lint",
-    "types-check": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@floating-ui/react": "0.26.12",
-    "@true-engineering/true-react-platform-helpers": "0.4.4",
-    "clsx": "1.2.1",
-    "country-flag-icons": "1.5.5",
-    "date-fns": "2.29.3",
-    "filesize": "10.1.1",
-    "hex-to-rgba": "2.0.1",
-    "jss": "10.10.0",
-    "lodash-es": "4.17.21",
-    "react": "18.2.0",
-    "react-datepicker": "4.25.0",
-    "react-dom": "18.2.0",
-    "react-input-mask": "3.0.0-alpha.2",
-    "react-jss": "10.10.0",
-    "react-overlays": "5.2.1",
-    "react-remove-scroll": "2.5.6",
-    "react-transition-group": "4.4.5",
-    "scroll-into-view-if-needed": "3.0.6",
-    "ts-debounce": "4.0.0"
-  },
-  "devDependencies": {
-    "@babel/core": "7.20.12",
-    "@storybook/addon-essentials": "7.6.17",
-    "@storybook/blocks": "7.6.17",
-    "@storybook/react": "7.6.17",
-    "@storybook/react-vite": "7.6.17",
-    "@storybook/test": "7.6.17",
-    "@swc/core": "^1.3.30",
-    "@trivago/prettier-plugin-sort-imports": "4.3.0",
-    "@types/lodash-es": "4.17.11",
-    "@types/react": "18.2.79",
-    "@types/react-datepicker": "4.19.4",
-    "@types/react-dom": "18.2.25",
-    "@types/react-input-mask": "3.0.2",
-    "@types/react-transition-group": "4.4.10",
-    "@typescript-eslint/eslint-plugin": "5.48.2",
-    "@typescript-eslint/parser": "5.48.2",
-    "@vitejs/plugin-react": "3.0.0",
-    "eslint": "8.36.0",
-    "eslint-config-prettier": "8.7.0",
-    "eslint-plugin-import": "2.29.0",
-    "eslint-plugin-react": "7.32.2",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "prettier": "2.8.3",
-    "rollup-plugin-swc3": "0.3.0",
-    "typescript": "4.9.3",
-    "unplugin-swc": "1.3.2",
-    "vite": "4.0.0",
-    "vite-plugin-dts": "3.7.3"
-  },
-  "resolutions": {
-    "strip-ansi": "6.0.1"
-  }
-}
+{
+  "name": "@true-engineering/true-react-common-ui-kit",
+  "version": "3.32.0",
+  "description": "True Engineering React UI Kit with theming support",
+  "author": "True Engineering (https://trueengineering.ru)",
+  "keywords": [
+    "TE",
+    "True Engineering",
+    "UI Kit with theming support",
+    "UI Kit"
+  ],
+  "homepage": "",
+  "license": "Apache-2.0",
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "main": "dist/true-react-common-ui-kit.umd.cjs",
+  "module": "./dist/true-react-common-ui-kit.js",
+  "directories": {
+    "lib": "src"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "require": "./dist/true-react-common-ui-kit.umd.cjs",
+      "import": "./dist/true-react-common-ui-kit.js"
+    },
+    "./dist/style.css": "./dist/style.css",
+    "./src": "./src/index.ts"
+  },
+  "scripts": {
+    "build": "tsc && vite build",
+    "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
+    "format": "prettier --write \"**/*.{js,jsx,css,json,ts,tsx}\"",
+    "format:check": "prettier --check \"**/*.{js,jsx,css,json,ts,tsx}\"",
+    "full-check": "yarn format:check && yarn lint",
+    "types-check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@floating-ui/react": "0.26.12",
+    "@true-engineering/true-react-platform-helpers": "0.4.4",
+    "clsx": "1.2.1",
+    "country-flag-icons": "1.5.5",
+    "date-fns": "2.29.3",
+    "filesize": "10.1.1",
+    "hex-to-rgba": "2.0.1",
+    "jss": "10.10.0",
+    "lodash-es": "4.17.21",
+    "react": "18.2.0",
+    "react-datepicker": "4.25.0",
+    "react-dom": "18.2.0",
+    "react-input-mask": "3.0.0-alpha.2",
+    "react-jss": "10.10.0",
+    "react-overlays": "5.2.1",
+    "react-remove-scroll": "2.5.6",
+    "react-transition-group": "4.4.5",
+    "scroll-into-view-if-needed": "3.0.6",
+    "ts-debounce": "4.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "7.20.12",
+    "@storybook/addon-essentials": "7.6.17",
+    "@storybook/blocks": "7.6.17",
+    "@storybook/react": "7.6.17",
+    "@storybook/react-vite": "7.6.17",
+    "@storybook/test": "7.6.17",
+    "@swc/core": "^1.3.30",
+    "@trivago/prettier-plugin-sort-imports": "4.3.0",
+    "@types/lodash-es": "4.17.11",
+    "@types/react": "18.2.79",
+    "@types/react-datepicker": "4.19.4",
+    "@types/react-dom": "18.2.25",
+    "@types/react-input-mask": "3.0.2",
+    "@types/react-transition-group": "4.4.10",
+    "@typescript-eslint/eslint-plugin": "5.48.2",
+    "@typescript-eslint/parser": "5.48.2",
+    "@vitejs/plugin-react": "3.0.0",
+    "eslint": "8.36.0",
+    "eslint-config-prettier": "8.7.0",
+    "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-react": "7.32.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "prettier": "2.8.3",
+    "rollup-plugin-swc3": "0.3.0",
+    "typescript": "4.9.3",
+    "unplugin-swc": "1.3.2",
+    "vite": "4.0.0",
+    "vite-plugin-dts": "3.7.3"
+  },
+  "resolutions": {
+    "strip-ansi": "6.0.1"
+  }
+}

package/src/components/FlexibleTable/types.ts

@@ -1,64 +1,70 @@
-import { CSSProperties, ReactNode } from 'react';
-import { IRenderNode } from '../../types';
-
-export type IFlexibleTableRenderMode = 'table' | 'divs';
-
-export type IFlexibleTableRender = Record<
-  'Root' | 'Head' | 'Body' | 'Row' | 'Header' | 'Cell',
-  keyof JSX.IntrinsicElements
->;
-
-// TODO: Заменить Record<string, any> на Record<string, unknown>
-export type ITableRow = Record<string, any>;
-
-export type IHeaderContent<T extends ITableRow> = Partial<Record<keyof T, unknown>>;
-
-export interface ITitleComponentProps<Value> {
-  value?: Value;
-}
-
-export interface IValueComponentProps<Values, Value> {
-  value: Value;
-  row: Values;
-  isFocusedRow?: boolean;
-  isActiveRow?: boolean;
-  isNestedComponentExpanded: boolean;
-  isRowNestedComponentExpanded: boolean;
-  onSetNestedComponent: (component?: ReactNode) => void;
-}
-
-export type IFlexibleTableConfigType<
-  Values extends ITableRow,
-  HeaderContent extends IHeaderContent<Values> = IHeaderContent<Values>,
-> = {
-  [Key in keyof Values]?: {
-    title?: IRenderNode<ITitleComponentProps<HeaderContent[Key]>>;
-    component?: IRenderNode<IValueComponentProps<Values, NonNullable<Values[Key]>>>;
-    dateFormat?: string;
-    minWidth?: string | number;
-    width?: string | number;
-    maxWidth?: string | number;
-    /** @default 'left' */
-    titleAlign?: CSSProperties['textAlign'];
-    cellAlign?: CSSProperties['textAlign'];
-    cellVerticalAlign?: CSSProperties['verticalAlign'];
-    position?: CSSProperties['position'];
-    right?: number;
-    left?: number;
-    shouldRenderDataId?: boolean;
-  };
-};
-
-export interface IInfinityScrollConfig {
-  activePage: number;
-  totalPages: number;
-  isLoading: boolean;
-  isLastPage: boolean;
-  onInfinityScroll: (skip: number) => void;
-}
-
-export interface INestedComponent {
-  isOpen: boolean;
-  component?: ReactNode;
-  cellKey?: string;
-}
+import { CSSProperties, ReactNode } from 'react';
+import { IRenderNode } from '../../types';
+
+export type IFlexibleTableRenderMode = 'table' | 'divs';
+
+export type IFlexibleTableRender = Record<
+  'Root' | 'Head' | 'Body' | 'Row' | 'Header' | 'Cell',
+  keyof JSX.IntrinsicElements
+>;
+
+// TODO: Заменить Record<string, any> на Record<string, unknown>
+export type ITableRow = Record<string, any>;
+
+export type IHeaderContent<T extends ITableRow> = Partial<Record<keyof T, unknown>>;
+
+export interface ITitleComponentProps<Value> {
+  value?: Value;
+}
+
+export interface IValueComponentProps<Values, Value> {
+  value: Value;
+  row: Values;
+  isFocusedRow?: boolean;
+  isActiveRow?: boolean;
+  isNestedComponentExpanded: boolean;
+  isRowNestedComponentExpanded: boolean;
+  onSetNestedComponent: (component?: ReactNode) => void;
+}
+
+export interface IFlexibleTableRowConfig<
+  Values extends ITableRow,
+  Key extends keyof Values,
+  HeaderContent extends IHeaderContent<Values> = IHeaderContent<Values>,
+> {
+  title?: IRenderNode<ITitleComponentProps<HeaderContent[Key]>>;
+  component?: IRenderNode<IValueComponentProps<Values, NonNullable<Values[Key]>>>;
+  dateFormat?: string;
+  minWidth?: string | number;
+  width?: string | number;
+  maxWidth?: string | number;
+  /** @default 'left' */
+  titleAlign?: CSSProperties['textAlign'];
+  cellAlign?: CSSProperties['textAlign'];
+  cellVerticalAlign?: CSSProperties['verticalAlign'];
+  position?: CSSProperties['position'];
+  right?: number;
+  left?: number;
+  shouldRenderDataId?: boolean;
+}
+
+export type IFlexibleTableConfigType<
+  Values extends ITableRow,
+  HeaderContent extends IHeaderContent<Values> = IHeaderContent<Values>,
+> = {
+  [Key in keyof Values]?: IFlexibleTableRowConfig<Values, Key, HeaderContent>;
+};
+
+export interface IInfinityScrollConfig {
+  activePage: number;
+  totalPages: number;
+  isLoading: boolean;
+  isLastPage: boolean;
+  onInfinityScroll: (skip: number) => void;
+}
+
+export interface INestedComponent {
+  isOpen: boolean;
+  component?: ReactNode;
+  cellKey?: string;
+}