@uxf/data-grid 11.0.0 → 11.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "11.0.0",
+  "version": "11.1.1",
   "description": "UXF DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",
@@ -30,7 +30,7 @@
     "typecheck": "tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@uxf/ui": "11.0.0",
+    "@uxf/ui": "11.1.0",
     "dayjs": "1.11.10",
     "fast-glob": "^3.3.2",
     "react-data-grid": "7.0.0-beta.39",

package/table/hooks/use-react-data-grid-columns.js

@@ -31,7 +31,7 @@ function useReactDataGridColumns(props, state) {
     const { onReload, schema, isRowSelectable, bodyCells, actionCell } = props;
     const columnsConfig = state.userConfig.columns;
     return (0, react_1.useMemo)(() => {
-        var _a;
+        var _a, _b, _c, _d;
         const columns = [];
         if (isRowSelectable) {
             columns.push(react_data_grid_1.SelectColumn);
@@ -47,7 +47,7 @@ function useReactDataGridColumns(props, state) {
                 headerCellClass: (0, cx_1.cx)("uxf-data-grid__cell", "uxf-data-grid__cell--header", `uxf-data-grid__cell--type-${schemaColumn.type}`, `uxf-data-grid__cell--name-${schemaColumn.name}`),
                 resizable: true,
                 sortable: schemaColumn.sort,
-                width: schemaColumn.width,
+                width: (_d = (_c = (_b = state.userConfig.columns) === null || _b === void 0 ? void 0 : _b[schemaColumn.name]) === null || _c === void 0 ? void 0 : _c.width) !== null && _d !== void 0 ? _d : schemaColumn.width,
                 minWidth: schemaColumn.minWidth,
                 maxWidth: schemaColumn.maxWidth,
                 cellClass: (0, cx_1.cx)("uxf-data-grid__cell", `uxf-data-grid__cell--type-${schemaColumn.type}`, `uxf-data-grid__cell--name-${schemaColumn.name}`),
@@ -79,6 +79,6 @@ function useReactDataGridColumns(props, state) {
             });
         }
         return columns;
-    }, [columnsConfig, actionCell, schema.columns, bodyCells, isRowSelectable, onReload]);
+    }, [columnsConfig, actionCell, schema.columns, bodyCells, isRowSelectable, onReload, state.userConfig.columns]);
 }
 exports.useReactDataGridColumns = useReactDataGridColumns;

package/toolbar-customs/toolbar-customs.d.ts

@@ -1,10 +1,11 @@
+import { ButtonVariant } from "@uxf/ui/button";
 import React, { ReactElement } from "react";
 export interface ToolbarCustomsProps {
     buttons?: {
         label: string | ReactElement;
         onClick?: () => void;
         href?: string;
-        variant?: "default" | "outlined" | "text";
+        variant?: ButtonVariant;
     }[];
 }
 export declare function ToolbarCustoms(props: ToolbarCustomsProps): React.JSX.Element | null;

package/types/state.d.ts

@@ -10,7 +10,7 @@ export type GridRequest = {
     tab: string | null;
 };
 interface ColumnConfig {
-    isHidden: boolean;
+    isHidden?: boolean;
     width?: number;
 }
 export interface DataGridUserConfig {

package/utils.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createRequest = exports.encodeFilter = exports.decodeFilter = void 0;
 function decodeFilter(filterString) {
+    var _a, _b;
     try {
         const filter = JSON.parse(decodeURIComponent(escape(atob(filterString))));
         return {
@@ -10,6 +11,8 @@ function decodeFilter(filterString) {
             page: filter.page || 0,
             dir: filter.dir || "asc",
             sort: filter.sort || "id",
+            tab: (_a = filter.tab) !== null && _a !== void 0 ? _a : null,
+            search: (_b = filter.search) !== null && _b !== void 0 ? _b : "",
         };
     }
     catch (e) {