@uxf/data-grid 11.113.0 → 11.115.0

package/_store/reducer.js

@@ -118,7 +118,6 @@ const reducer = (state, action) => {
                 },
             };
         case "CHANGE_TAB": {
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
             const tabHistory = (_d = state.tabRequests[action.tab.name]) !== null && _d !== void 0 ? _d : empty_object_1.EMPTY_OBJECT;
             return {
                 ...state,

package/filters/filters.js

@@ -10,7 +10,6 @@ function DataGridFilters(props) {
     return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map((filter) => {
         const filterHandler = props.filterHandlers[filter.type];
         const FilterInput = filterHandler === null || filterHandler === void 0 ? void 0 : filterHandler.Input;
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (!FilterInput) {
             // eslint-disable-next-line no-console
             console.warn(`Unknown filter "${filter.type}".`);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/data-grid",
-    "version": "11.113.0",
+    "version": "11.115.0",
     "description": "UXF DataGrid",
     "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
     "main": "index.js",
@@ -41,11 +41,11 @@
         "@dnd-kit/core": "^6.3.1",
         "@dnd-kit/sortable": "^10.0.0",
         "@dnd-kit/utilities": "^3.2.2",
-        "@uxf/core": "11.111.2",
-        "@uxf/core-react": "11.111.2",
-        "@uxf/localize": "11.111.2",
-        "@uxf/styles": "11.111.2",
-        "@uxf/ui": "11.113.0",
+        "@uxf/core": "11.114.0",
+        "@uxf/core-react": "11.114.0",
+        "@uxf/localize": "11.114.0",
+        "@uxf/styles": "11.114.0",
+        "@uxf/ui": "11.115.0",
         "dayjs": "^1.11.19",
         "react": ">=18.2.0",
         "react-dom": ">=18.2.0"
@@ -56,11 +56,11 @@
         "@dnd-kit/utilities": "^3.2.2",
         "@types/react": "18.3.27",
         "@types/react-dom": "18.3.7",
-        "@uxf/core": "11.111.2",
-        "@uxf/core-react": "11.111.2",
-        "@uxf/localize": "11.111.2",
-        "@uxf/styles": "11.111.2",
-        "@uxf/ui": "11.113.0",
+        "@uxf/core": "11.114.0",
+        "@uxf/core-react": "11.114.0",
+        "@uxf/localize": "11.114.0",
+        "@uxf/styles": "11.114.0",
+        "@uxf/ui": "11.115.0",
         "dayjs": "^1.11.19",
         "react": "18.3.1",
         "react-dom": "18.3.1"

package/table-v2/no-rows-fallback.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from "react";
 export interface NoRowsFallbackProps {
-    error?: any;
+    error?: unknown;
     isLoading: boolean;
 }
 export type NoRowsFallbackComponent = FunctionComponent<NoRowsFallbackProps>;

package/table-v2/no-rows-fallback.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoRowsFallback = NoRowsFallback;
 const translations_1 = require("@uxf/core-react/translations");
 const cx_1 = require("@uxf/core/utils/cx");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importDefault(require("react"));
 function NoRowsFallback(props) {
     const t = (0, translations_1.useUxfTranslation)();
-    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-dg-table__no-rows-fallback", props.isLoading && "is-loading", props.error && "is-error") }, props.isLoading ? (react_1.default.createElement(react_1.default.Fragment, null, t("uxf-data-grid-no-rows-fallback:loading"))) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-dg-table__no-rows-fallback", props.isLoading && "is-loading", (0, is_not_nil_1.isNotNil)(props.error) && "is-error") }, props.isLoading ? (react_1.default.createElement(react_1.default.Fragment, null, t("uxf-data-grid-no-rows-fallback:loading"))) : (0, is_not_nil_1.isNotNil)(props.error) ? (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(icon_1.Icon, { name: "warning", size: 24 }),
         react_1.default.createElement("p", null, t("uxf-data-grid-no-rows-fallback:error")))) : (react_1.default.createElement(react_1.default.Fragment, null, t("uxf-data-grid-no-rows-fallback:no-records")))));
 }

package/table-v2/styles.css

@@ -77,6 +77,10 @@
 .uxf-dg-table__body {
     display: grid;
     overflow-x: auto;
+
+    &:empty {
+        display: none;
+    }
 }
 
 .uxf-dg-table__row {

package/table-v2/table-v2.js

@@ -9,6 +9,7 @@ const compose_refs_1 = require("@uxf/core-react/utils/compose-refs");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
 const is_empty_1 = require("@uxf/core/utils/is-empty");
 const is_nil_1 = require("@uxf/core/utils/is-nil");
+const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const format_css_value_1 = require("@uxf/styles/units/format-css-value");
 const rem_1 = require("@uxf/styles/units/rem");
@@ -79,20 +80,20 @@ function DataGridTableV2(props) {
                 }),
                 react_1.default.createElement(show_1.Show, { when: (0, is_not_nil_1.isNotNil)(props.actionCell) },
                     react_1.default.createElement(components_1.Table.HeaderActionCell, null)))),
-        react_1.default.createElement(components_1.Table.Body, { gridTemplateColumns: gridTemplateColumns, gridTemplateRows: gridTemplateRows, ref: (0, compose_refs_1.composeRefs)(syncedScrollRef, bodyRef) }, (0, is_empty_1.isEmpty)(props.data) ? (react_1.default.createElement(NoRowsFallback, { error: props.error, isLoading: Boolean(props.isLoading) })) : (props.data.map((row) => {
-            var _a, _b;
-            return (react_1.default.createElement(components_1.Table.Row, { className: `${(0, is_not_nil_1.isNotNil)(props.rowAccent) ? "uxf-dg-table__row--" + props.rowAccent(row) : ""} ${(_b = (_a = props.rowClassName) === null || _a === void 0 ? void 0 : _a.call(props, row)) !== null && _b !== void 0 ? _b : ""}`, key: keyExtractor(row) },
-                react_1.default.createElement(show_1.Show, { when: Boolean(props.isRowsSelectable) },
-                    react_1.default.createElement(select_row_checkbox_1.SelectRowCheckbox, { isRowSelectDisabled: props.isRowSelectDisabled ? props.isRowSelectDisabled(row) : false, isRowSelected: selectedRows.find((r) => keyExtractor(r) === keyExtractor(row)), onSelectRowChange: selectRowHandler(keyExtractor(row)) })),
-                visibleColumns.map((column) => {
-                    var _a, _b, _c, _d;
-                    const BodyCell = 
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                    (_d = (_b = (_a = props.bodyCells) === null || _a === void 0 ? void 0 : _a[column.type]) !== null && _b !== void 0 ? _b : (_c = props.bodyCells) === null || _c === void 0 ? void 0 : _c.default) !== null && _d !== void 0 ? _d : DefaultBodyCell;
-                    return (react_1.default.createElement(components_1.Table.Cell, { column: column, key: column.name },
-                        react_1.default.createElement(BodyCell, { column: column, reload: props.reload, row: row, value: row[column.name] })));
-                }),
-                (0, is_not_nil_1.isNotNil)(props.actionCell) && (react_1.default.createElement(components_1.Table.ActionCellWrapper, null,
-                    react_1.default.createElement(props.actionCell.Component, { reload: props.reload, row: row })))));
-        })))));
+        react_1.default.createElement(components_1.Table.Body, { gridTemplateColumns: gridTemplateColumns, gridTemplateRows: gridTemplateRows, ref: (0, compose_refs_1.composeRefs)(syncedScrollRef, bodyRef) }, (0, is_not_empty_1.isNotEmpty)(props.data) &&
+            props.data.map((row) => {
+                var _a, _b;
+                return (react_1.default.createElement(components_1.Table.Row, { className: `${(0, is_not_nil_1.isNotNil)(props.rowAccent) ? "uxf-dg-table__row--" + props.rowAccent(row) : ""} ${(_b = (_a = props.rowClassName) === null || _a === void 0 ? void 0 : _a.call(props, row)) !== null && _b !== void 0 ? _b : ""}`, key: keyExtractor(row) },
+                    react_1.default.createElement(show_1.Show, { when: Boolean(props.isRowsSelectable) },
+                        react_1.default.createElement(select_row_checkbox_1.SelectRowCheckbox, { isRowSelectDisabled: props.isRowSelectDisabled ? props.isRowSelectDisabled(row) : false, isRowSelected: selectedRows.find((r) => keyExtractor(r) === keyExtractor(row)), onSelectRowChange: selectRowHandler(keyExtractor(row)) })),
+                    visibleColumns.map((column) => {
+                        var _a, _b, _c, _d;
+                        const BodyCell = (_d = (_b = (_a = props.bodyCells) === null || _a === void 0 ? void 0 : _a[column.type]) !== null && _b !== void 0 ? _b : (_c = props.bodyCells) === null || _c === void 0 ? void 0 : _c.default) !== null && _d !== void 0 ? _d : DefaultBodyCell;
+                        return (react_1.default.createElement(components_1.Table.Cell, { column: column, key: column.name },
+                            react_1.default.createElement(BodyCell, { column: column, reload: props.reload, row: row, value: row[column.name] })));
+                    }),
+                    (0, is_not_nil_1.isNotNil)(props.actionCell) && (react_1.default.createElement(components_1.Table.ActionCellWrapper, null,
+                        react_1.default.createElement(props.actionCell.Component, { reload: props.reload, row: row })))));
+            })),
+        (0, is_empty_1.isEmpty)(props.data) && react_1.default.createElement(NoRowsFallback, { error: props.error, isLoading: Boolean(props.isLoading) })));
 }