sti-antd-package 0.0.38 → 0.0.39

package/dist/components/Table/Component.d.ts

@@ -1,6 +1,6 @@
 import { BaseModel } from "../../models";
 import { TableComponentProps } from "./types";
 import { AnyObject } from "antd/es/_util/type";
-declare const TableComponent: <T extends (BaseModel<T> | AnyObject)>({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, size, rowClassName, rowKey, rowSelection, columns, data, expandable, pagination, loading, scroll, sticky, components, summary, onChange, style, }: TableComponentProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const TableComponent: <T extends (BaseModel<T> | AnyObject)>({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, bordered, rowHoverable, virtual, rootClassNames, classNames, rowClassName, size, indentSize, title, caption, columns, rowKey, data, expandable, pagination, loading, scroll, sticky, components, summary, onChange, rowSelection, style, }: TableComponentProps<T>) => import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof TableComponent;
 export default _default;

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

@@ -3,7 +3,7 @@ import { AnyObject } from "antd/es/_util/type";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { ColumnsType, FilterValue, SorterResult, TableCurrentDataSource, TablePaginationConfig, TableRowSelection } from "antd/es/table/interface";
 import { TableProps } from "rc-table";
-import { ExpandableConfig, GetRowKey } from "rc-table/lib/interface";
+import { ExpandableConfig, GetRowKey, PanelRender } from "rc-table/lib/interface";
 import { JSXElementConstructor } from "react";
 export interface TableButtonMiddle {
     classNames?: string[];
@@ -35,11 +35,18 @@ export interface TableComponentProps<T extends (BaseModel<T> | AnyObject)> {
         onClear?: React.MouseEventHandler<HTMLSpanElement>;
     };
     buttonFilter?: React.ReactElement<any, string | JSXElementConstructor<any>>;
-    size?: SizeType;
+    bordered?: boolean;
+    rowHoverable?: boolean;
+    virtual?: boolean;
+    rootClassNames?: string[];
+    classNames?: string[];
     rowClassName?: TableProps<T>['rowClassName'];
-    rowKey?: string | GetRowKey<T>;
-    rowSelection?: TableRowSelection<T>;
+    size?: SizeType;
+    indentSize?: number;
+    title?: PanelRender<T>;
+    caption?: React.ReactNode;
     columns?: ColumnsType<T>;
+    rowKey?: string | GetRowKey<T>;
     data?: T[];
     expandable?: ExpandableConfig<T>;
     pagination?: false | TablePaginationConfig;
@@ -54,5 +61,6 @@ export interface TableComponentProps<T extends (BaseModel<T> | AnyObject)> {
     components?: TableProps<T>['components'];
     summary?: (data: readonly T[]) => React.ReactNode;
     onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<T> | SorterResult<T>[], extra: TableCurrentDataSource<T>) => void;
+    rowSelection?: TableRowSelection<T>;
     style?: React.CSSProperties;
 }

package/dist/index.d.ts

@@ -26,9 +26,9 @@ import { OnValueChange } from 'react-number-format';
 import { RadioGroupButtonStyle, RadioGroupOptionType } from 'antd/lib/radio';
 import { DefaultOptionType as DefaultOptionType$1 } from 'antd/es/select';
 import { ClassTransformOptions } from 'class-transformer';
-import { TableRowSelection, ColumnsType, TablePaginationConfig, FilterValue, SorterResult, TableCurrentDataSource, ColumnType, ColumnGroupType } from 'antd/es/table/interface';
+import { ColumnsType, TablePaginationConfig, FilterValue, SorterResult, TableCurrentDataSource, TableRowSelection, ColumnType, ColumnGroupType } from 'antd/es/table/interface';
 import { TableProps } from 'rc-table';
-import { GetRowKey, ExpandableConfig } from 'rc-table/lib/interface';
+import { PanelRender, GetRowKey, ExpandableConfig } from 'rc-table/lib/interface';
 import { TabsType, TabsPosition, TabsProps } from 'antd/es/tabs';
 import { RcFile } from 'antd/es/upload';
 import { UploadListType, UploadChangeParam, UploadFile } from 'antd/es/upload/interface';
@@ -758,11 +758,18 @@ interface TableComponentProps<T extends (BaseModel<T> | AnyObject)> {
         onClear?: React.MouseEventHandler<HTMLSpanElement>;
     };
     buttonFilter?: React.ReactElement<any, string | JSXElementConstructor<any>>;
-    size?: SizeType;
+    bordered?: boolean;
+    rowHoverable?: boolean;
+    virtual?: boolean;
+    rootClassNames?: string[];
+    classNames?: string[];
     rowClassName?: TableProps<T>['rowClassName'];
-    rowKey?: string | GetRowKey<T>;
-    rowSelection?: TableRowSelection<T>;
+    size?: SizeType;
+    indentSize?: number;
+    title?: PanelRender<T>;
+    caption?: React.ReactNode;
     columns?: ColumnsType<T>;
+    rowKey?: string | GetRowKey<T>;
     data?: T[];
     expandable?: ExpandableConfig<T>;
     pagination?: false | TablePaginationConfig;
@@ -777,10 +784,11 @@ interface TableComponentProps<T extends (BaseModel<T> | AnyObject)> {
     components?: TableProps<T>['components'];
     summary?: (data: readonly T[]) => React.ReactNode;
     onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<T> | SorterResult<T>[], extra: TableCurrentDataSource<T>) => void;
+    rowSelection?: TableRowSelection<T>;
     style?: React.CSSProperties;
 }
 
-declare const TableComponent: <T extends (BaseModel<T> | AnyObject)>({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, size, rowClassName, rowKey, rowSelection, columns, data, expandable, pagination, loading, scroll, sticky, components, summary, onChange, style, }: TableComponentProps<T>) => react_jsx_runtime.JSX.Element;
+declare const TableComponent: <T extends (BaseModel<T> | AnyObject)>({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, bordered, rowHoverable, virtual, rootClassNames, classNames, rowClassName, size, indentSize, title, caption, columns, rowKey, data, expandable, pagination, loading, scroll, sticky, components, summary, onChange, rowSelection, style, }: TableComponentProps<T>) => react_jsx_runtime.JSX.Element;
 declare const _default$3: typeof TableComponent;
 
 type TableAsyncSearchItemType = "text" | "select" | "select-multiple" | "switch" | "checkbox" | "date" | "date-range";

package/dist/index.esm.js

@@ -8404,7 +8404,7 @@ const styleProps$1 = {
         sm: 12,
     },
 };
-const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, size, rowClassName, rowKey, rowSelection, columns, data, expandable, pagination, loading, scroll, sticky, components, summary, onChange, style, }) => {
+const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, bordered, rowHoverable, virtual, rootClassNames = [], classNames = [], rowClassName, size, indentSize, title, caption, columns, rowKey, data, expandable, pagination, loading, scroll, sticky, components, summary, onChange, rowSelection, style, }) => {
     var _a, _b;
     const rowSelectionTable = rowSelection
         ? Object.assign({ type: (_a = rowSelection.type) !== null && _a !== void 0 ? _a : 'checkbox' }, rowSelection) : undefined;
@@ -8418,7 +8418,7 @@ const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, b
     };
     return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [(buttonReload || buttonAdd || buttonMiddle || buttonDelete || search || buttonFilter) && (jsxRuntimeExports.jsxs(Row, { className: styleTable['row-top'], children: [jsxRuntimeExports.jsxs(Col, Object.assign({}, styleProps$1.col, { children: [buttonReload && (jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !buttonReload.text ? { title: 'Reload' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$1, {}), classNames: [styleTable['button']], loading: loading, onClick: buttonReload.onClick, href: buttonReload.href, children: buttonReload.text ? 'Reload' : undefined })), buttonAdd && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: !buttonAdd.text ? { title: 'Add' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$5, {}), classNames: [styleTable['button']], disabled: buttonAdd.disabled, onClick: buttonAdd.onClick, href: buttonAdd.href, children: buttonAdd.text ? 'Add' : undefined })), (_b = buttonMiddle === null || buttonMiddle === void 0 ? void 0 : buttonMiddle.map) === null || _b === void 0 ? void 0 : _b.call(buttonMiddle, buttonMiddleClone), buttonDelete && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: !buttonDelete.text ? { title: 'Delete' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$b, {}), classNames: [styleTable['button']], disabled: buttonDelete.disabled || loading, onClick: event => { var _a; (_a = buttonDelete.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonDelete, event, undefined); }, children: buttonDelete.text ? 'Delete' : undefined }))] })), jsxRuntimeExports.jsxs(Col, Object.assign({}, styleProps$1.col, { children: [search && (jsxRuntimeExports.jsx(InputComponent$1, { noItem: true, placeholder: "Search", classNames: [styleTable['input-search']], readOnly: loading, onChange: search.onChange, onPressEnter: search.onPressEnter, suffix: jsxRuntimeExports.jsx(RefIcon$2, { onClick: search.onSearch }), allowClear: {
                                     clearIcon: (jsxRuntimeExports.jsx(RefIcon$e, { onClick: search.onClear })),
-                                } })), buttonFilter] }))] })), jsxRuntimeExports.jsx(Table, { showSorterTooltip: true, tableLayout: "fixed", className: "table-data", rowClassName: rowClassName, size: size !== null && size !== void 0 ? size : 'middle', columns: columns, rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : 'id', dataSource: data, expandable: expandable, pagination: !noPagination && Object.assign({ pageSizeOptions: ['10', '20', '50', '100', '200'], showSizeChanger: true, showQuickJumper: true, showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items` }, pagination), loading: loading, scroll: scroll !== null && scroll !== void 0 ? scroll : { y: 'calc(100vh - 300px)' }, sticky: sticky, components: components, summary: summary, onChange: onChange, rowSelection: rowSelectionTable, style: style })] }));
+                                } })), buttonFilter] }))] })), jsxRuntimeExports.jsx(Table, { showSorterTooltip: true, bordered: bordered, rowHoverable: rowHoverable, virtual: virtual, tableLayout: "fixed", rootClassName: rootClassNames.join(' '), className: ['table-data', ...classNames].join(' '), rowClassName: rowClassName, size: size !== null && size !== void 0 ? size : 'middle', indentSize: indentSize, title: title, caption: caption, columns: columns, rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : 'id', dataSource: data, expandable: expandable, pagination: !noPagination && Object.assign({ pageSizeOptions: ['10', '20', '50', '100', '200'], showSizeChanger: true, showQuickJumper: true, showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items` }, pagination), loading: loading, scroll: scroll !== null && scroll !== void 0 ? scroll : { y: 'calc(100vh - 300px)' }, sticky: sticky, components: components, summary: summary, onChange: onChange, rowSelection: rowSelectionTable, style: style })] }));
 };
 var TableComponent$1 = React__default.memo(TableComponent);
 

package/dist/index.js

@@ -8423,7 +8423,7 @@ const styleProps$1 = {
         sm: 12,
     },
 };
-const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, size, rowClassName, rowKey, rowSelection, columns, data, expandable, pagination, loading, scroll, sticky, components, summary, onChange, style, }) => {
+const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, bordered, rowHoverable, virtual, rootClassNames = [], classNames = [], rowClassName, size, indentSize, title, caption, columns, rowKey, data, expandable, pagination, loading, scroll, sticky, components, summary, onChange, rowSelection, style, }) => {
     var _a, _b;
     const rowSelectionTable = rowSelection
         ? Object.assign({ type: (_a = rowSelection.type) !== null && _a !== void 0 ? _a : 'checkbox' }, rowSelection) : undefined;
@@ -8437,7 +8437,7 @@ const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, b
     };
     return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [(buttonReload || buttonAdd || buttonMiddle || buttonDelete || search || buttonFilter) && (jsxRuntimeExports.jsxs(antd.Row, { className: styleTable['row-top'], children: [jsxRuntimeExports.jsxs(antd.Col, Object.assign({}, styleProps$1.col, { children: [buttonReload && (jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !buttonReload.text ? { title: 'Reload' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$1, {}), classNames: [styleTable['button']], loading: loading, onClick: buttonReload.onClick, href: buttonReload.href, children: buttonReload.text ? 'Reload' : undefined })), buttonAdd && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: !buttonAdd.text ? { title: 'Add' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$5, {}), classNames: [styleTable['button']], disabled: buttonAdd.disabled, onClick: buttonAdd.onClick, href: buttonAdd.href, children: buttonAdd.text ? 'Add' : undefined })), (_b = buttonMiddle === null || buttonMiddle === void 0 ? void 0 : buttonMiddle.map) === null || _b === void 0 ? void 0 : _b.call(buttonMiddle, buttonMiddleClone), buttonDelete && (jsxRuntimeExports.jsx(ButtonComponent$1, { type: "primary", tooltip: !buttonDelete.text ? { title: 'Delete' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$b, {}), classNames: [styleTable['button']], disabled: buttonDelete.disabled || loading, onClick: event => { var _a; (_a = buttonDelete.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonDelete, event, undefined); }, children: buttonDelete.text ? 'Delete' : undefined }))] })), jsxRuntimeExports.jsxs(antd.Col, Object.assign({}, styleProps$1.col, { children: [search && (jsxRuntimeExports.jsx(InputComponent$1, { noItem: true, placeholder: "Search", classNames: [styleTable['input-search']], readOnly: loading, onChange: search.onChange, onPressEnter: search.onPressEnter, suffix: jsxRuntimeExports.jsx(RefIcon$2, { onClick: search.onSearch }), allowClear: {
                                     clearIcon: (jsxRuntimeExports.jsx(RefIcon$e, { onClick: search.onClear })),
-                                } })), buttonFilter] }))] })), jsxRuntimeExports.jsx(antd.Table, { showSorterTooltip: true, tableLayout: "fixed", className: "table-data", rowClassName: rowClassName, size: size !== null && size !== void 0 ? size : 'middle', columns: columns, rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : 'id', dataSource: data, expandable: expandable, pagination: !noPagination && Object.assign({ pageSizeOptions: ['10', '20', '50', '100', '200'], showSizeChanger: true, showQuickJumper: true, showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items` }, pagination), loading: loading, scroll: scroll !== null && scroll !== void 0 ? scroll : { y: 'calc(100vh - 300px)' }, sticky: sticky, components: components, summary: summary, onChange: onChange, rowSelection: rowSelectionTable, style: style })] }));
+                                } })), buttonFilter] }))] })), jsxRuntimeExports.jsx(antd.Table, { showSorterTooltip: true, bordered: bordered, rowHoverable: rowHoverable, virtual: virtual, tableLayout: "fixed", rootClassName: rootClassNames.join(' '), className: ['table-data', ...classNames].join(' '), rowClassName: rowClassName, size: size !== null && size !== void 0 ? size : 'middle', indentSize: indentSize, title: title, caption: caption, columns: columns, rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : 'id', dataSource: data, expandable: expandable, pagination: !noPagination && Object.assign({ pageSizeOptions: ['10', '20', '50', '100', '200'], showSizeChanger: true, showQuickJumper: true, showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items` }, pagination), loading: loading, scroll: scroll !== null && scroll !== void 0 ? scroll : { y: 'calc(100vh - 300px)' }, sticky: sticky, components: components, summary: summary, onChange: onChange, rowSelection: rowSelectionTable, style: style })] }));
 };
 var TableComponent$1 = React.memo(TableComponent);
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",