@uxf/data-grid - npm Package Compare versions

Comparing version 11.4.0 to 11.6.0

_store/reducer.js

@@ -7,19 +7,16 @@ "use strict";
 function getInitialState(schema, init, initialUserConfig) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const initialState = (0, is_nil_1.isNil)(init) ? {} : typeof init === "string" ? (_a = (0, utils_1.decodeFilter)(init)) !== null && _a !== void 0 ? _a : {} : init;
-    const tabName = (_e = (_b = initialState.tab) !== null && _b !== void 0 ? _b : (_d = (_c = schema.tabs) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : null;
-    const tabSort = tabName !== null ? (_g = (_f = schema.tabs) === null || _f === void 0 ? void 0 : _f.find((t) => t.name === tabName)) === null || _g === void 0 ? void 0 : _g.s : null;
+    const initialTabName = (_e = (_b = initialState.tab) !== null && _b !== void 0 ? _b : (_d = (_c = schema.tabs) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : null;
+    const initialTabSort = initialTabName !== null ? (_g = (_f = schema.tabs) === null || _f === void 0 ? void 0 : _f.find((t) => t.name === initialTabName)) === null || _g === void 0 ? void 0 : _g.s : null;
     return {
         request: {
             f: (_h = initialState.f) !== null && _h !== void 0 ? _h : [],
-            s: (_k = (_j = initialState.s) !== null && _j !== void 0 ? _j : tabSort) !== null && _k !== void 0 ? _k : schema.s,
+            s: (_k = (_j = initialState.s) !== null && _j !== void 0 ? _j : initialTabSort) !== null && _k !== void 0 ? _k : schema.s,
             page: (_l = initialState.page) !== null && _l !== void 0 ? _l : 0,
             perPage: (_o = (_m = initialState.perPage) !== null && _m !== void 0 ? _m : initialUserConfig === null || initialUserConfig === void 0 ? void 0 : initialUserConfig.perPage) !== null && _o !== void 0 ? _o : schema.perPage,
-            tab: tabName,
+            tab: initialTabName,
             search: (_p = initialState.search) !== null && _p !== void 0 ? _p : "",
         },
-        userConfig: {
-            columns: (_q = initialUserConfig === null || initialUserConfig === void 0 ? void 0 : initialUserConfig.columns) !== null && _q !== void 0 ? _q : {},
-            perPage: (_r = initialUserConfig === null || initialUserConfig === void 0 ? void 0 : initialUserConfig.perPage) !== null && _r !== void 0 ? _r : schema.perPage,
-        },
+        userConfig: initialUserConfig !== null && initialUserConfig !== void 0 ? initialUserConfig : {},
         tabRequests: {},
@@ -26,0 +23,0 @@ };

_story-utils/loader.js

@@ -16,8 +16,4 @@ "use strict";
         }
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        const first = a[sort];
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        const second = b[sort];
+        const first = a[s.name];
+        const second = b[s.name];
         if (typeof first === "number") {
@@ -24,0 +20,0 @@ return s.dir === "asc" ? first - second : second - first;

_story-utils/schema.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.schema = void 0;
-const types_1 = require("../types");
 exports.schema = {
     columns: [
-        { name: "id", type: "number", label: "Id", sort: true },
+        { name: "id", type: "number", label: "Id", sort: true, config: { width: 50 } },
         { name: "text", type: "string", label: "Text", sort: true },
@@ -61,15 +60,8 @@ { name: "bool", type: "boolean", label: "Boolean" },
             label: "Only odd ids blablabla",
-            s: {
-                name: "id",
-                dir: types_1.DataGridSortDir.Desc,
-            },
+            s: { name: "id", dir: "desc" },
         },
-        // { name: "only-odd-ids", label: "Only odd ids" },
     ],
-    s: {
-        name: "id",
-        dir: types_1.DataGridSortDir.Asc,
-    },
+    s: { name: "id", dir: "asc" },
     perPage: 10,
     fullText: true,
 };

data-grid.stories.js

@@ -43,3 +43,3 @@ "use strict";
             columns: {
-                id: { minWidth: 50 },
+                id: { width: 100 },
                 text: { minWidth: 300 },
@@ -46,0 +46,0 @@ mail: { minWidth: 300 },

package.json

 {
   "name": "@uxf/data-grid",
-  "version": "11.4.0",
+  "version": "11.6.0",
   "description": "UXF DataGrid",
@@ -34,3 +34,3 @@ "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "dependencies": {
-    "@uxf/ui": "11.4.0",
+    "@uxf/ui": "11.6.0",
     "dayjs": "1.11.10",
@@ -37,0 +37,0 @@ "fast-glob": "^3.3.2",

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

@@ -32,5 +32,5 @@ "use strict";
     const { onReload, schema, isRowSelectable, bodyCells, actionCell } = props;
-    const columnsConfig = state.userConfig.columns;
+    const userConfigColumns = state.userConfig.columns;
     return (0, react_1.useMemo)(() => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         const columns = [];
@@ -41,4 +41,5 @@ if (isRowSelectable) {
         for (const schemaColumn of schema.columns) {
+            const isHidden = (_b = (_a = userConfigColumns === null || userConfigColumns === void 0 ? void 0 : userConfigColumns[schemaColumn.name]) === null || _a === void 0 ? void 0 : _a.isHidden) !== null && _b !== void 0 ? _b : (_c = schemaColumn.config) === null || _c === void 0 ? void 0 : _c.isHidden;
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            if ((_a = columnsConfig === null || columnsConfig === void 0 ? void 0 : columnsConfig[schemaColumn.name]) === null || _a === void 0 ? void 0 : _a.isHidden) {
+            if (isHidden) {
                 continue;
@@ -52,5 +53,4 @@ }
                 sortable: schemaColumn.sort,
-                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: (_g = (_f = (_e = state.userConfig.columns) === null || _e === void 0 ? void 0 : _e[schemaColumn.name]) === null || _f === void 0 ? void 0 : _f.minWidth) !== null && _g !== void 0 ? _g : schemaColumn.minWidth,
-                maxWidth: schemaColumn.maxWidth,
+                width: (_f = (_e = (_d = state.userConfig.columns) === null || _d === void 0 ? void 0 : _d[schemaColumn.name]) === null || _e === void 0 ? void 0 : _e.width) !== null && _f !== void 0 ? _f : (_g = schemaColumn.config) === null || _g === void 0 ? void 0 : _g.width,
+                minWidth: (_k = (_j = (_h = state.userConfig.columns) === null || _h === void 0 ? void 0 : _h[schemaColumn.name]) === null || _j === void 0 ? void 0 : _j.minWidth) !== null && _k !== void 0 ? _k : (_l = schemaColumn.config) === null || _l === void 0 ? void 0 : _l.minWidth,
                 cellClass: (0, cx_1.cx)("uxf-data-grid__cell", `uxf-data-grid__cell--type-${schemaColumn.type}`, `uxf-data-grid__cell--name-${schemaColumn.name}`),
@@ -85,4 +85,4 @@ renderCell: (p) => {
         return columns;
-    }, [columnsConfig, actionCell, schema.columns, bodyCells, isRowSelectable, onReload, state.userConfig.columns]);
+    }, [userConfigColumns, actionCell, schema.columns, bodyCells, isRowSelectable, onReload, state.userConfig.columns]);
 }
 exports.useReactDataGridColumns = useReactDataGridColumns;

types/core.d.ts

 import { Request, Response, ResultItem } from "./api";
 import { BaseGridType } from "./schema";
 export type KeyExtractor = (row: ResultItem) => number;
-export type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
 export type CsvDownloadHandler = (request: Request) => void;
@@ -6,0 +5,0 @@ export type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;

types/schema.d.ts

 import { ReactElement } from "react";
+/** @deprecated use 'asc' or 'desc' */
 export declare enum DataGridSortDir {
@@ -8,3 +9,3 @@ Asc = "asc",
     name: string;
-    dir: DataGridSortDir;
+    dir: "asc" | "desc";
 }
@@ -26,8 +27,8 @@ export interface Tab {
     sort?: boolean;
-    hint?: string;
-    print?: boolean;
-    width?: number | string;
+    config?: ColumnConfig;
+};
+export type ColumnConfig = {
+    isHidden?: boolean;
+    width?: number;
     minWidth?: number;
-    maxWidth?: number;
-    frozen?: boolean;
 };
@@ -51,2 +52,3 @@ export type Columns<C extends BaseGridType["columns"]> = {
 export interface Schema<GritType extends BaseGridType> {
+    name?: string;
     columns: Columns<GritType["columns"]>[];
@@ -53,0 +55,0 @@ filters: Filters<GritType["filters"]>[];

types/schema.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridSortDir = void 0;
+/** @deprecated use 'asc' or 'desc' */
 var DataGridSortDir;
@@ -5,0 +6,0 @@ (function (DataGridSortDir) {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

171181

decreased by-0.2%

Lines of code

3810

decreased by-0.34%

Published versions last year

116

decreased by-0.85%

Dependency changes

• + Added@uxf/ui@11.6.0(transitive)

• - Removed@uxf/ui@11.4.0(transitive)

• Updated@uxf/ui@11.6.0