sti-antd-package 0.0.37 → 0.0.38

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

@@ -3,7 +3,7 @@ import { TableAsyncSearchItem } from "./Search";
 import { AnyObject } from "antd/es/_util/type";
 import { ColumnGroupType, ColumnType, TableRowSelection } from "antd/es/table/interface";
 import { Ref } from "react";
-export type DefaultColumn = (ColumnType | ColumnGroupType);
+export type DefaultColumn<RecordType = AnyObject> = (ColumnType<RecordType> | ColumnGroupType<RecordType>);
 export interface DefaultParams {
     page?: number;
     per_page?: number;
@@ -11,12 +11,12 @@ export interface DefaultParams {
     sort_order?: 'asc' | 'desc';
     q?: string;
 }
-export type YajraColumn = ColumnType & {
+export type YajraColumn<RecordType = AnyObject> = ColumnType<RecordType> & {
     dataIndex?: string | string[];
     dataIndexName?: string | string[];
     searchable?: boolean;
     orderable?: boolean;
-    children?: YajraColumn[];
+    children?: YajraColumn<RecordType>[];
 };
 export interface YajraSearchParams {
     value: string;

package/dist/context/TableAsyncSearch/types.d.ts

@@ -36,13 +36,13 @@ export interface TableAsyncSearchContextType {
     }>>;
 }
 export type TableAsyncType = "default" | "yajra";
-interface YajraTableProps {
+interface YajraTableProps<RecordType = AnyObject> {
     type: "yajra";
-    columns: YajraColumn[];
+    columns: YajraColumn<RecordType>[];
 }
-interface DefaultTableProps {
+interface DefaultTableProps<RecordType = AnyObject> {
     type: "default";
-    columns: DefaultColumn[];
+    columns: DefaultColumn<RecordType>[];
 }
 export interface TableParamsFormatter {
     current?: number;
@@ -50,7 +50,7 @@ export interface TableParamsFormatter {
     sorter?: SorterResult<AnyObject> | SorterResult<AnyObject>[];
     search?: string;
 }
-export type TableAsyncSearchProviderProps = (YajraTableProps | DefaultTableProps) & {
+export type TableAsyncSearchProviderProps<RecordType = AnyObject> = (YajraTableProps<RecordType> | DefaultTableProps<RecordType>) & {
     type: TableAsyncType;
     noPagination?: boolean;
     name?: string;

package/dist/index.d.ts

@@ -906,13 +906,13 @@ interface TableAsyncSearchContextType {
     }>>;
 }
 type TableAsyncType = "default" | "yajra";
-interface YajraTableProps {
+interface YajraTableProps<RecordType = AnyObject> {
     type: "yajra";
-    columns: YajraColumn[];
+    columns: YajraColumn<RecordType>[];
 }
-interface DefaultTableProps {
+interface DefaultTableProps<RecordType = AnyObject> {
     type: "default";
-    columns: DefaultColumn[];
+    columns: DefaultColumn<RecordType>[];
 }
 interface TableParamsFormatter {
     current?: number;
@@ -920,7 +920,7 @@ interface TableParamsFormatter {
     sorter?: SorterResult<AnyObject> | SorterResult<AnyObject>[];
     search?: string;
 }
-type TableAsyncSearchProviderProps = (YajraTableProps | DefaultTableProps) & {
+type TableAsyncSearchProviderProps<RecordType = AnyObject> = (YajraTableProps<RecordType> | DefaultTableProps<RecordType>) & {
     type: TableAsyncType;
     noPagination?: boolean;
     name?: string;
@@ -944,7 +944,7 @@ declare const TableRowProvider: React$1.FC<TableRowProviderProps>;
 
 declare const useTableRow: () => TableRowContextType;
 
-type DefaultColumn = (ColumnType | ColumnGroupType);
+type DefaultColumn<RecordType = AnyObject> = (ColumnType<RecordType> | ColumnGroupType<RecordType>);
 interface DefaultParams {
     page?: number;
     per_page?: number;
@@ -952,12 +952,12 @@ interface DefaultParams {
     sort_order?: 'asc' | 'desc';
     q?: string;
 }
-type YajraColumn = ColumnType & {
+type YajraColumn<RecordType = AnyObject> = ColumnType<RecordType> & {
     dataIndex?: string | string[];
     dataIndexName?: string | string[];
     searchable?: boolean;
     orderable?: boolean;
-    children?: YajraColumn[];
+    children?: YajraColumn<RecordType>[];
 };
 interface YajraSearchParams {
     value: string;

package/dist/index.esm.js

@@ -4106,7 +4106,9 @@ const FeedbackProvider = ({ children }) => {
     return (jsxRuntimeExports.jsxs(FeedbackContext.Provider, { value: value, children: [messageContext, notificationContext, children, modalContext, jsxRuntimeExports.jsx(Spin, { fullscreen: true, spinning: loading, rootClassName: styleFeedback['z-10000'] })] }));
 };
 
-const TableAsyncSearchContext = createContext({});
+const TableAsyncSearchContext = createContext({
+    params: () => ({}),
+});
 const useTableAsyncSearch = () => useContext(TableAsyncSearchContext);
 
 const TableAsyncSearchProvider = props => {
@@ -8414,9 +8416,9 @@ const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, b
             classNames: classNamesClone,
         });
     };
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [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: {
+    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, 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 })] }));
 };
 var TableComponent$1 = React__default.memo(TableComponent);
 

package/dist/index.js

@@ -4125,7 +4125,9 @@ const FeedbackProvider = ({ children }) => {
     return (jsxRuntimeExports.jsxs(FeedbackContext.Provider, { value: value, children: [messageContext, notificationContext, children, modalContext, jsxRuntimeExports.jsx(antd.Spin, { fullscreen: true, spinning: loading, rootClassName: styleFeedback['z-10000'] })] }));
 };
 
-const TableAsyncSearchContext = React.createContext({});
+const TableAsyncSearchContext = React.createContext({
+    params: () => ({}),
+});
 const useTableAsyncSearch = () => React.useContext(TableAsyncSearchContext);
 
 const TableAsyncSearchProvider = props => {
@@ -8433,9 +8435,9 @@ const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, b
             classNames: classNamesClone,
         });
     };
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [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: {
+    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, 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 })] }));
 };
 var TableComponent$1 = React.memo(TableComponent);
 

package/package.json

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