@uxf/data-grid 11.50.0 → 11.51.1

package/data-grid-v2.js

@@ -17,14 +17,13 @@ const row_counts_1 = require("./row-counts");
 const rows_per_page_select_1 = require("./rows-per-page-select");
 const selected_rows_toolbar_1 = require("./selected-rows-toolbar");
 const table_v2_1 = require("./table-v2");
-const no_rows_fallback_1 = require("./table/no-rows-fallback");
 const toolbar_1 = require("./toolbar");
 const toolbar_control_1 = require("./toolbar-control");
 const toolbar_customs_1 = require("./toolbar-customs");
 const toolbar_tabs_1 = require("./toolbar-tabs");
 const DefaultSelectedRowsToolbarActions = () => null;
 function DataGridV2(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(root_1.DataGridRoot, { className: props.className },
             react_1.default.createElement(toolbar_1.DataGridToolbar, null,
@@ -33,10 +32,10 @@ function DataGridV2(props) {
                 react_1.default.createElement(toolbar_customs_1.DataGridToolbarCustoms, { buttons: props.customActions })),
             react_1.default.createElement(linear_progress_1.DataGridLinearProgress, { isLoading: props.isLoading }),
             react_1.default.createElement(filter_list_1.DataGridFilterList, { actions: props.actions, filterHandlers: (_b = props.filterHandlers) !== null && _b !== void 0 ? _b : filter_handler_1.defaultFilterHandlers, schema: props.schema, state: props.state }),
-            react_1.default.createElement(table_v2_1.DataGridTableV2, { NoRowsFallback: (_c = props.NoRowsFallback) !== null && _c !== void 0 ? _c : no_rows_fallback_1.NoRowsFallback, actionCell: props.actionCell, actions: props.actions, bodyCells: (_d = props.bodyCells) !== null && _d !== void 0 ? _d : body_cell_1.BodyCells, data: (_f = (_e = props.data) === null || _e === void 0 ? void 0 : _e.result) !== null && _f !== void 0 ? _f : empty_array_1.EMPTY_ARRAY, error: props.error, headerRowHeight: props.headerRowHeight, isLoading: props.isLoading, isRowSelectable: props.isRowSelectable, keyExtractor: props.keyExtractor, reload: props.reload, rowClass: props.rowClass, rowHeight: props.rowHeight, schema: props.schema, state: props.state }),
+            react_1.default.createElement(table_v2_1.DataGridTableV2, { NoRowsFallback: props.NoRowsFallback, actionCell: props.actionCell, actions: props.actions, bodyCells: (_c = props.bodyCells) !== null && _c !== void 0 ? _c : body_cell_1.BodyCells, data: (_e = (_d = props.data) === null || _d === void 0 ? void 0 : _d.result) !== null && _e !== void 0 ? _e : empty_array_1.EMPTY_ARRAY, error: props.error, headerRowHeight: props.headerRowHeight, isLoading: props.isLoading, isRowSelectable: props.isRowSelectable, keyExtractor: props.keyExtractor, reload: props.reload, rowClass: props.rowClass, rowHeight: props.rowHeight, schema: props.schema, state: props.state }),
             react_1.default.createElement(footer_1.DataGridFooter, null,
                 react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { actions: props.actions, state: props.state }),
-                react_1.default.createElement(row_counts_1.DataGridRowCounts, { count: (_h = (_g = props.data) === null || _g === void 0 ? void 0 : _g.count) !== null && _h !== void 0 ? _h : 0, state: props.state, totalCount: (_k = (_j = props.data) === null || _j === void 0 ? void 0 : _j.totalCount) !== null && _k !== void 0 ? _k : 0 }),
-                react_1.default.createElement(pagination_1.DataGridPagination, { actions: props.actions, count: (_m = (_l = props.data) === null || _l === void 0 ? void 0 : _l.count) !== null && _m !== void 0 ? _m : 0, showFirstButton: true, showLastButton: true, size: "sm", state: props.state }))),
-        react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { Actions: (_o = props.SelectedRowsToolbarActions) !== null && _o !== void 0 ? _o : DefaultSelectedRowsToolbarActions, actions: props.actions, reload: props.reload, state: props.state })));
+                react_1.default.createElement(row_counts_1.DataGridRowCounts, { count: (_g = (_f = props.data) === null || _f === void 0 ? void 0 : _f.count) !== null && _g !== void 0 ? _g : 0, state: props.state, totalCount: (_j = (_h = props.data) === null || _h === void 0 ? void 0 : _h.totalCount) !== null && _j !== void 0 ? _j : 0 }),
+                react_1.default.createElement(pagination_1.DataGridPagination, { actions: props.actions, count: (_l = (_k = props.data) === null || _k === void 0 ? void 0 : _k.count) !== null && _l !== void 0 ? _l : 0, showFirstButton: true, showLastButton: true, size: "sm", state: props.state }))),
+        react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { Actions: (_m = props.SelectedRowsToolbarActions) !== null && _m !== void 0 ? _m : DefaultSelectedRowsToolbarActions, actions: props.actions, reload: props.reload, state: props.state })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/data-grid",
-    "version": "11.50.0",
+    "version": "11.51.1",
     "description": "UXF DataGrid",
     "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
     "main": "index.js",
@@ -31,9 +31,9 @@
         "typecheck": "tsc --noEmit --skipLibCheck"
     },
     "dependencies": {
-        "@uxf/core": "11.47.0",
-        "@uxf/core-react": "11.50.0",
-        "@uxf/ui": "11.50.0",
+        "@uxf/core": "11.51.0",
+        "@uxf/core-react": "11.51.0",
+        "@uxf/ui": "11.51.1",
         "dayjs": "1.11.13",
         "deepmerge": "4.3.1",
         "fast-glob": "3.3.2",

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

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 export interface NoRowsFallbackProps {
     error?: any;
-    loading: boolean;
+    isLoading: boolean;
 }
 export type NoRowsFallbackComponent = FC<NoRowsFallbackProps>;
 export declare function NoRowsFallback(props: NoRowsFallbackProps): React.JSX.Element;

package/table/no-rows-fallback.js

@@ -8,7 +8,7 @@ const cx_1 = require("@uxf/core/utils/cx");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importDefault(require("react"));
 function NoRowsFallback(props) {
-    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__fallback", props.loading && "is-loading", props.error && "is-error") }, props.loading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__fallback", props.isLoading && "is-loading", props.error && "is-error") }, props.isLoading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : 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, "Vyskytla se chyba"))) : (react_1.default.createElement(react_1.default.Fragment, null, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))));
 }

package/table/table.js

@@ -59,7 +59,7 @@ function DataGridTable(props) {
     const error = props.error;
     const components = (0, react_1.useMemo)(() => ({
         renderCheckbox: (args) => react_1.default.createElement(select_row_checkbox_1.SelectRowCheckbox, { ...args }),
-        noRowsFallback: react_1.default.createElement(NoRowsFallback, { error: error, loading: isLoading }),
+        noRowsFallback: react_1.default.createElement(NoRowsFallback, { error: error, isLoading: isLoading }),
     }), [NoRowsFallback, error, isLoading]);
     const columns = (0, use_react_data_grid_columns_1.useReactDataGridColumns)(props, props.state);
     const onSelectRows = (value) => {

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

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 export interface NoRowsFallbackProps {
     error?: any;
-    loading: boolean;
+    isLoading: boolean;
 }
 export type NoRowsFallbackComponent = FC<NoRowsFallbackProps>;
 export declare function NoRowsFallback(props: NoRowsFallbackProps): React.JSX.Element;

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

@@ -8,7 +8,7 @@ const cx_1 = require("@uxf/core/utils/cx");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importDefault(require("react"));
 function NoRowsFallback(props) {
-    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__fallback", props.loading && "is-loading", props.error && "is-error") }, props.loading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : 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", props.error && "is-error") }, props.isLoading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : 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, "Vyskytla se chyba"))) : (react_1.default.createElement(react_1.default.Fragment, null, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))));
 }

package/table-v2/styles.css

@@ -183,4 +183,14 @@
             }
         }
     }
+
+    &__no-rows-fallback {
+        align-items: center;
+        color: theme("colors.gray.600"); /* ?? */
+        display: flex;
+        grid-column: 1/-1;
+        height: 36px;
+        justify-content: center;
+        text-align: center;
+    }
 }

package/table-v2/table-v2.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridTableV2 = DataGridTableV2;
 const show_1 = require("@uxf/core-react/components/show");
 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_nil_1 = require("@uxf/core/utils/is-not-nil");
 const rem_1 = require("@uxf/styles/units/rem");
@@ -14,13 +15,14 @@ const components_1 = require("./components");
 const header_select_all_rows_checkbox_1 = require("./components/header-select-all-rows-checkbox");
 const select_row_checkbox_1 = require("./components/select-row-checkbox");
 const use_resizable_columns_1 = require("./hooks/use-resizable-columns");
+const no_rows_fallback_1 = require("./no-rows-fallback");
 const get_grid_template_columns_1 = require("./utils/get-grid-template-columns");
 const get_grid_template_rows_1 = require("./utils/get-grid-template-rows");
 const SELECT_ROWS_CELL_WIDTH = 32;
 const defaultKeyExtractor = (r) => r.id;
 const DefaultBodyCell = () => "Unknown body cell.";
 function DataGridTableV2(props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const keyExtractor = (_a = props.keyExtractor) !== null && _a !== void 0 ? _a : defaultKeyExtractor;
     const visibleColumns = props.schema.columns
         .filter((column) => !column.hidden)
@@ -47,6 +49,7 @@ function DataGridTableV2(props) {
             : [...selectedRows, props.data.find((row) => keyExtractor(row) === rowId)];
         props.actions.setSelectedRows(newSelectedRows);
     };
+    const NoRowsFallback = (_f = props.NoRowsFallback) !== null && _f !== void 0 ? _f : no_rows_fallback_1.NoRowsFallback;
     return (react_1.default.createElement(components_1.Table, { gridTemplateColumns: gridTemplateColumns, gridTemplateRows: gridTemplateRows, ref: tableRef },
         react_1.default.createElement(components_1.Table.Header, null,
             react_1.default.createElement(components_1.Table.Row, null,
@@ -60,7 +63,7 @@ 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, null, props.data.map((row) => (react_1.default.createElement(components_1.Table.Row, { key: keyExtractor(row) },
+        react_1.default.createElement(components_1.Table.Body, null, (0, is_empty_1.isEmpty)(props.data) ? (react_1.default.createElement(NoRowsFallback, { error: props.error, isLoading: Boolean(props.isLoading) })) : (props.data.map((row) => (react_1.default.createElement(components_1.Table.Row, { key: keyExtractor(row) },
             react_1.default.createElement(show_1.Show, { when: Boolean(props.isRowSelectable) },
                 react_1.default.createElement(select_row_checkbox_1.SelectRowCheckbox, { isRowSelected: selectedRows.find((r) => keyExtractor(r) === keyExtractor(row)), onSelectRowChange: selectRowHandler(keyExtractor(row)) })),
             visibleColumns.map((column) => {
@@ -72,5 +75,5 @@ function DataGridTableV2(props) {
                     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(props.actionCell.Component, { reload: props.reload, row: row }))))))))));
 }