@infomaximum/ui-kit 0.16.1 → 0.17.0

package/dist/components/Table/interfaces/tableColumns.types.d.ts

@@ -7,36 +7,40 @@ export type ColScopeType = "col" | "colgroup";
 export type RowScopeType = "row" | "rowgroup";
 export type ScopeType = ColScopeType | RowScopeType;
 export type AlignType = "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
-interface BaseColumn<Record> {
+export type RenderFn<V, R> = (value: V, record: R, index: number) => ReactNode;
+type BaseColumn<Record> = {
     key: Key;
-    dataIndex?: PropertyPath;
     title?: ReactNode;
     fixed?: "start" | "end";
     onHeaderCell?: GetSingleComponentProps<Columns<Record>[number]>;
     rowScope?: RowScopeType;
     align?: CSSProperties["textAlign"];
     ellipsis?: CellEllipsisType;
-    render?: (value: any, record: Record, index: number) => ReactNode;
     sorter?: boolean | CompareFn<Record>;
     defaultSortOrder?: SortOrder;
     sortDirections?: SortOrder[];
     colSpan?: number;
     rowSpan?: number;
-}
+    width?: number | string;
+    minWidth?: number | string;
+} & ({
+    dataIndex: PropertyPath;
+    render?: RenderFn<any, Record>;
+} | {
+    dataIndex?: never;
+    render?: RenderFn<Record, Record>;
+});
 export type CellEllipsisType = {
     showTitle?: boolean;
 } | boolean;
-interface ColumnWithChildrenForbidden {
+export type ColumnWithChildren<Record, C extends Columns<Record> = Columns<Record>> = BaseColumn<Record> & {
     onCell?: never;
-}
-export interface ColumnWithChildren<Record> extends BaseColumn<Record>, ColumnWithChildrenForbidden {
-    children: Columns<Record>;
-}
-export interface Column<Record> extends BaseColumn<Record> {
+} & {
+    children: C;
+};
+export type Column<Record> = BaseColumn<Record> & {
     onCell?: GetComponentProps<Record>;
-    width?: number | string;
-    minWidth?: number | string;
-}
+};
 export type Columns<Record> = readonly (ColumnWithChildren<Record> | Column<Record>)[];
 export type Writable<T> = {
     -readonly [P in keyof T]: T[P];

package/dist/components/Table/utils/getRowKey/getRowKey.d.ts

@@ -1,2 +1,2 @@
 import { DefaultRecord } from '../../Table.types';
-export declare const getRowKey: <T extends DefaultRecord>(record: T) => import('react').Key;
+export declare const getRowKey: <T extends DefaultRecord>(record: T) => import('../../Table.types').Key;

package/dist/contexts/themeContext.d.ts

@@ -31,6 +31,7 @@ export declare const ThemeContext: import('react').Context<{
     positiveActiveInverse: "#D9F7BE";
     fieldFocused: `rgba(${number}, ${number}, ${number}, 0.5)`;
     fieldFocusedDanger: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    fieldFocusedWarning: `rgba(${number}, ${number}, ${number}, 0.5)`;
     tagNeutralText: "#262626";
     tagNeutralBg: "#F5F5F5";
     tagNeutralBorder: "#D9D9D9";

package/dist/hooks/useTheme/useTheme.d.ts

@@ -31,6 +31,7 @@ export declare const useTheme: () => {
     positiveActiveInverse: "#D9F7BE";
     fieldFocused: `rgba(${number}, ${number}, ${number}, 0.5)`;
     fieldFocusedDanger: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    fieldFocusedWarning: `rgba(${number}, ${number}, ${number}, 0.5)`;
     tagNeutralText: "#262626";
     tagNeutralBg: "#F5F5F5";
     tagNeutralBorder: "#D9D9D9";

package/dist/index.d.ts

@@ -45,9 +45,9 @@ export { type FormProps, type FormItemProps, Form } from './components/Form';
 export { type PopconfirmProps, Popconfirm } from './components/Popconfirm';
 export { TreeSelect } from './components/TreeSelect';
 export type { TreeSelectProps } from './components/TreeSelect';
-export { type EmptyProps, Empty } from './components/Empty';
+export { type EmptyProps, type WithImages, Empty } from './components/Empty';
 export { type SegmentedProps, type SegmentedLabeledOption, Segmented, } from './components/Segmented';
 export { ContextIsolator } from './components/ContextIsolator';
 export { type SpinProps, Spin } from './components/Spin';
-export { type TableProps, Table } from './components/Table';
+export { type TableProps, type DefaultRecord, type RenderFn, type Column, type ColumnWithChildren, Table, } from './components/Table';
 export * from 'react-intersection-observer/test-utils';

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/controlShadowsTokens.d.ts

@@ -2,5 +2,6 @@ export declare const controlShadowsTokens: {
     light: {
         fieldFocused: `rgba(${number}, ${number}, ${number}, 0.5)`;
         fieldFocusedDanger: `rgba(${number}, ${number}, ${number}, 0.5)`;
+        fieldFocusedWarning: `rgba(${number}, ${number}, ${number}, 0.5)`;
     };
 };

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/controlShadowsTokens.js

@@ -1,10 +1,12 @@
 import { hex2Rgba } from "../../../../utils/color/index.js";
 import { dangerColorTokens } from "./dangerColorTokens.js";
 import { primaryColorTokens } from "./primaryColorTokens.js";
+import { warningColorTokens } from "./warningColorTokens.js";
 const controlShadowsTokens = {
   ["light"]: {
     fieldFocused: hex2Rgba(primaryColorTokens["light"].primaryBase, 0.5),
-    fieldFocusedDanger: hex2Rgba(dangerColorTokens["light"].dangerBase, 0.5)
+    fieldFocusedDanger: hex2Rgba(dangerColorTokens["light"].dangerBase, 0.5),
+    fieldFocusedWarning: hex2Rgba(warningColorTokens["light"].warningBase, 0.5)
   }
 };
 export {

package/dist/themes/semanticTokens/colorSemanticTokens/semanticColorTokens.d.ts

@@ -9,6 +9,7 @@ export declare const getSemanticColorTokens: (themeName: ThemeNames) => {
     positiveActiveInverse: "#D9F7BE";
     fieldFocused: `rgba(${number}, ${number}, ${number}, 0.5)`;
     fieldFocusedDanger: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    fieldFocusedWarning: `rgba(${number}, ${number}, ${number}, 0.5)`;
     tagNeutralText: "#262626";
     tagNeutralBg: "#F5F5F5";
     tagNeutralBorder: "#D9D9D9";

package/dist/themes/themes.d.ts

@@ -31,6 +31,7 @@ export declare const themeMap: Map<"light", {
     positiveActiveInverse: "#D9F7BE";
     fieldFocused: `rgba(${number}, ${number}, ${number}, 0.5)`;
     fieldFocusedDanger: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    fieldFocusedWarning: `rgba(${number}, ${number}, ${number}, 0.5)`;
     tagNeutralText: "#262626";
     tagNeutralBg: "#F5F5F5";
     tagNeutralBorder: "#D9D9D9";

package/dist/themes/themes.utils.d.ts

@@ -32,6 +32,7 @@ export declare const getTheme: (themeName: ThemeNames) => {
     positiveActiveInverse: "#D9F7BE";
     fieldFocused: `rgba(${number}, ${number}, ${number}, 0.5)`;
     fieldFocusedDanger: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    fieldFocusedWarning: `rgba(${number}, ${number}, ${number}, 0.5)`;
     tagNeutralText: "#262626";
     tagNeutralBg: "#F5F5F5";
     tagNeutralBorder: "#D9D9D9";
@@ -398,6 +399,7 @@ export declare const lightTheme: {
     positiveActiveInverse: "#D9F7BE";
     fieldFocused: `rgba(${number}, ${number}, ${number}, 0.5)`;
     fieldFocusedDanger: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    fieldFocusedWarning: `rgba(${number}, ${number}, ${number}, 0.5)`;
     tagNeutralText: "#262626";
     tagNeutralBg: "#F5F5F5";
     tagNeutralBorder: "#D9D9D9";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infomaximum/ui-kit",
   "license": "Apache-2.0",
-  "version": "0.16.1",
+  "version": "0.17.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -41,6 +41,8 @@
     "@floating-ui/react": "^0.27.6",
     "@infomaximum/icons": "^1.3.3",
     "@tanstack/react-virtual": "^3.13.6",
+    "@types/lodash-es": "^4.17.12",
+    "classnames": "^2.5.1",
     "lodash-es": "^4.17.21",
     "rc-picker": "^4.11.3",
     "rc-resize-observer": "^1.4.3",
@@ -70,7 +72,6 @@
     "@storybook/react-vite": "^8.5.0",
     "@storybook/test": "^8.5.0",
     "@testing-library/react": "^16.2.0",
-    "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.10.7",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",