aio-table 11.1.3 → 11.2.1

package/index.d.ts

@@ -18,12 +18,19 @@ export type I_table_paging = UT.I_paging;
 export type I_table_sort<T> = UT.I_sort<T>;
 export type I_table_filter = UT.I_filter;
 export type I_table_filter_item = UT.I_filter_item;
-export type I_table_filter_saved_item = UT.I_filter_saved_item;
+export type I_table_filter_saved_item = UT.I_filter_collection;
 export type I_table_column<T> = {
     title?: any;
     sort?: true | I_table_sort<T>;
     jalali?: boolean;
-    filterId?: string;
+    filter?: {
+        operators?: UT.I_filter_operator[];
+        options?: {
+            text: string;
+            value: any;
+        }[];
+        type?: I_table_column<any>["type"];
+    };
     search?: boolean;
     id: string;
     width?: any;

package/index.js

@@ -116,7 +116,7 @@ const AIOTable = (props) => {
         let searchColumns = [], excelColumns = [], filterColumns = [], toggleColumns = [];
         let updatedColumns = columns.map((column, i) => {
             const cellDetail = tableHook.getCellDetail({ column });
-            const filterId = getColumnOption('filterId', cellDetail);
+            const filter = getColumnOption('filter', cellDetail);
             const search = getColumnOption('search', cellDetail);
             const excel = getColumnOption('excel', cellDetail);
             const toggle = getColumnOption('toggle', cellDetail);
@@ -130,7 +130,7 @@ const AIOTable = (props) => {
             if (excel) {
                 excelColumns.push(column);
             }
-            if (filterId) {
+            if (filter) {
                 filterColumns.push(column);
             }
             if (toggle) {
@@ -266,8 +266,12 @@ const AIOTable = (props) => {
     return (_jsxs(Provider, { value: context, children: [_jsxs("div", Object.assign({}, attrs, { children: [_jsx(TableToolbar, {}), !!props.filter &&
                         _jsx(UT.Filterbar, { columns: filterColumns, filter: props.filter, fa: props.fa, columnOption: {
                                 text: (column) => getColumnOption('title', tableHook.getCellDetail({ column })),
-                                id: (column) => getColumnOption('filterId', tableHook.getCellDetail({ column })),
-                                type: (column) => getColumnOption('type', tableHook.getCellDetail({ column })) || 'text'
+                                id: (column) => getColumnOption('id', tableHook.getCellDetail({ column })),
+                                type: (column) => getColumnOption('type', tableHook.getCellDetail({ column })) || 'text',
+                                options: (column) => {
+                                    const filter = getColumnOption('filter', tableHook.getCellDetail({ column }));
+                                    return filter === null || filter === void 0 ? void 0 : filter.options;
+                                },
                             } }), _jsxs("div", { className: 'aio-table-unit aio-table-scroll', style: { gap: gap[1] }, children: [_jsx(TableHeader, {}), _jsx(TableRows, {})] }), pagingHook.render()] })), popup.render()] }));
 };
 export default AIOTable;
@@ -509,7 +513,14 @@ const useTable = (getProps, getPaging, getColumnOption) => {
         const width = getColumnOption('width', cellDetail);
         const minWidth = getColumnOption('minWidth', cellDetail);
         const className = `aio-table-cell` + (justify ? ` aio-table-cell-justify` : '');
-        const style = { width, minWidth, flex: width ? undefined : 1, direction: typeof cellValue === 'number' ? 'ltr' : undefined };
+        let isNumber = false;
+        try {
+            if (!isNaN(+cellValue)) {
+                isNumber = true;
+            }
+        }
+        catch (_a) { }
+        const style = { width, minWidth, flex: width ? undefined : 1, direction: isNumber ? 'ltr' : undefined };
         if (striped) {
             style.background = isOdd ? striped[0] : striped[1];
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "aio-table",
-    "version": "11.1.3",
+    "version": "11.2.1",
     "description": "all in one table. tree mode , simple mode , tree mode, gantt mode , groupby mode, freeze mode.",
     "main": "index.js",
     "types": "index.d.ts",