@uxf/data-grid 11.31.0 → 11.32.0

package/hidden-columns/hidden-columns.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 const react_1 = __importDefault(require("react"));
 const schema_1 = require("../_story-utils/schema");
@@ -12,7 +12,6 @@ const hidden_columns_1 = require("./hidden-columns");
 function Default() {
     const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(hidden_columns_1.DataGridHiddenColumns, { state: state, actions: actions, schema: schema_1.schema }),
+        react_1.default.createElement(hidden_columns_1.DataGridHiddenColumns, { actions: actions, schema: schema_1.schema, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/hidden-columns-button/hidden-columns-button.js

@@ -23,7 +23,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridHiddenColumnsButton = exports.HiddenColumnsButton = void 0;
+exports.DataGridHiddenColumnsButton = void 0;
+exports.HiddenColumnsButton = HiddenColumnsButton;
 const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importStar(require("react"));
@@ -34,10 +35,9 @@ function HiddenColumnsButton(props) {
     var _a;
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "secondary", size: "sm", onClick: () => setIsOpen(true), title: "Nastaven\u00ED sloupc\u016F", className: "uxf-data-grid__plugin-button" },
+        react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__plugin-button", isIconButton: true, onClick: () => setIsOpen(true), size: "sm", title: "Nastaven\u00ED sloupc\u016F", variant: "secondary" },
             react_1.default.createElement(icon_1.Icon, { name: "table-columns" })),
-        react_1.default.createElement(drawer_1.Drawer, { open: isOpen, onClose: () => setIsOpen(false), title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Sloupce" },
-            react_1.default.createElement(hidden_columns_1.HiddenColumns, { state: props.state, actions: props.actions, schema: props.schema }))));
+        react_1.default.createElement(drawer_1.Drawer, { onClose: () => setIsOpen(false), open: isOpen, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Sloupce" },
+            react_1.default.createElement(hidden_columns_1.HiddenColumns, { actions: props.actions, schema: props.schema, state: props.state }))));
 }
-exports.HiddenColumnsButton = HiddenColumnsButton;
 exports.DataGridHiddenColumnsButton = HiddenColumnsButton;

package/hidden-columns-button/hidden-columns-button.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 const react_1 = __importDefault(require("react"));
 const schema_1 = require("../_story-utils/schema");
@@ -12,7 +12,6 @@ const hidden_columns_button_1 = require("./hidden-columns-button");
 function Default() {
     const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(hidden_columns_button_1.DataGridHiddenColumnsButton, { state: state, actions: actions, schema: schema_1.schema }),
+        react_1.default.createElement(hidden_columns_button_1.DataGridHiddenColumnsButton, { actions: actions, schema: schema_1.schema, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/hooks/useCallbackRef.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CallbackRef } from "../types";
 export declare const useCallbackRef: () => import("react").MutableRefObject<CallbackRef | undefined>;

package/linear-progress/linear-progress.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridLinearProgress = exports.LinearProgress = void 0;
+exports.DataGridLinearProgress = void 0;
+exports.LinearProgress = LinearProgress;
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importDefault(require("react"));
 /** @deprecated Use DataGridLinearProgress */
@@ -11,5 +12,4 @@ function LinearProgress(props) {
     return (react_1.default.createElement("div", { className: "uxf-data-grid__linear-progress-wrapper" },
         react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__linear-progress", props.isLoading && "is-loading") })));
 }
-exports.LinearProgress = LinearProgress;
 exports.DataGridLinearProgress = LinearProgress;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "11.31.0",
+  "version": "11.32.0",
   "description": "UXF DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",
@@ -31,13 +31,13 @@
     "typecheck": "tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@uxf/core": "11.31.0",
-    "@uxf/core-react": "11.31.0",
-    "@uxf/ui": "11.31.0",
-    "dayjs": "1.11.10",
+    "@uxf/core": "11.32.0",
+    "@uxf/core-react": "11.32.0",
+    "@uxf/ui": "11.32.0",
+    "dayjs": "1.11.13",
     "deepmerge": "4.3.1",
     "fast-glob": "3.3.2",
-    "qs": "6.11.2",
+    "qs": "6.13.0",
     "react-data-grid": "7.0.0-beta.39",
     "yargs": "17.7.2"
   },
@@ -46,10 +46,10 @@
     "react-dom": ">=18.2.0"
   },
   "devDependencies": {
-    "@types/react": "18.2.63",
-    "@types/react-dom": "18.2.19",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "@types/react": "18.3.5",
+    "@types/react-dom": "18.3.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "gitHead": "e4f21a15c3d50fb6614d70cdaf36685232de87e7"
 }

package/pagination/pagination.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridPagination = exports.Pagination = void 0;
+exports.DataGridPagination = void 0;
+exports.Pagination = Pagination;
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const pagination_1 = require("@uxf/ui/pagination");
 const react_1 = __importDefault(require("react"));
@@ -14,5 +15,4 @@ function Pagination(props) {
         : 1;
     return (react_1.default.createElement(pagination_1.Pagination, { count: pageCount, onPageChange: (value) => props.actions.changePage(value - 1), page: props.state.request.page + 1, showFirstButton: props.showFirstButton, showLastButton: props.showLastButton, size: props.size }));
 }
-exports.Pagination = Pagination;
 exports.DataGridPagination = Pagination;

package/pagination/pagination.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 const react_1 = __importDefault(require("react"));
 const schema_1 = require("../_story-utils/schema");
@@ -12,7 +12,6 @@ const pagination_1 = require("./pagination");
 function Default() {
     const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(pagination_1.DataGridPagination, { state: state, actions: actions, count: 100 }),
+        react_1.default.createElement(pagination_1.DataGridPagination, { actions: actions, count: 100, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/root/root.js

@@ -3,11 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridRoot = void 0;
+exports.DataGridRoot = DataGridRoot;
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importDefault(require("react"));
 const classes_1 = require("../utils/classes");
 function DataGridRoot(props) {
     return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid", props.noBorder && classes_1.NO_BORDER_CLASS, props.className) }, props.children));
 }
-exports.DataGridRoot = DataGridRoot;

package/row-counts/row-counts.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridRowCounts = exports.RowCounts = void 0;
+exports.DataGridRowCounts = void 0;
+exports.RowCounts = RowCounts;
 const show_1 = require("@uxf/core-react/components/show");
 const react_1 = __importDefault(require("react"));
 /** @deprecated Use DataGridRowCounts */
@@ -22,5 +23,4 @@ function RowCounts(props) {
             props.totalCount,
             ")")));
 }
-exports.RowCounts = RowCounts;
 exports.DataGridRowCounts = RowCounts;

package/row-counts/row-counts.stories.js

@@ -3,13 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const react_1 = __importDefault(require("react"));
 const schema_1 = require("../_story-utils/schema");
 const use_data_grid_control_1 = require("../use-data-grid-control");
 const row_counts_1 = require("./row-counts");
 function Default() {
     const { state } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
-    return react_1.default.createElement(row_counts_1.DataGridRowCounts, { state: state, totalCount: 150, count: 100 });
+    return react_1.default.createElement(row_counts_1.DataGridRowCounts, { count: 100, state: state, totalCount: 150 });
 }
-exports.Default = Default;

package/rows-per-page-select/rows-per-page-select.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridRowsPerPageSelect = exports.RowsPerPageSelect = void 0;
+exports.DataGridRowsPerPageSelect = void 0;
+exports.RowsPerPageSelect = RowsPerPageSelect;
 const select_1 = require("@uxf/ui/select");
 const react_1 = __importDefault(require("react"));
 const PER_PAGE_OPTIONS = [
@@ -16,7 +17,6 @@ const PER_PAGE_OPTIONS = [
 function RowsPerPageSelect(props) {
     return (react_1.default.createElement("div", { className: "uxf-data-grid__rows-per-page" },
         react_1.default.createElement("label", { htmlFor: "uxf-data-grid--select-per-page" }, "Po\u010Det \u0159\u00E1dk\u016F"),
-        react_1.default.createElement(select_1.Select, { id: "uxf-data-grid--select-per-page", value: props.state.request.perPage, onChange: (value) => props.actions.changePerPage(value !== null && value !== void 0 ? value : 10), options: PER_PAGE_OPTIONS, size: "small", label: "Po\u010Det \u0159\u00E1dk\u016F", hiddenLabel: true, name: "rows-per-page" })));
+        react_1.default.createElement(select_1.Select, { hiddenLabel: true, id: "uxf-data-grid--select-per-page", label: "Po\u010Det \u0159\u00E1dk\u016F", name: "rows-per-page", onChange: (value) => props.actions.changePerPage(value !== null && value !== void 0 ? value : 10), options: PER_PAGE_OPTIONS, size: "small", value: props.state.request.perPage })));
 }
-exports.RowsPerPageSelect = RowsPerPageSelect;
 exports.DataGridRowsPerPageSelect = RowsPerPageSelect;

package/rows-per-page-select/rows-per-page-select.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 const react_1 = __importDefault(require("react"));
 const schema_1 = require("../_story-utils/schema");
@@ -12,7 +12,6 @@ const rows_per_page_select_1 = require("./rows-per-page-select");
 function Default() {
     const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { state: state, actions: actions }),
+        react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { actions: actions, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/selected-rows-toolbar/selected-rows-toolbar.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridSelectedRowsToolbar = exports.SelectedRowsToolbar = void 0;
+exports.DataGridSelectedRowsToolbar = void 0;
+exports.SelectedRowsToolbar = SelectedRowsToolbar;
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
 const getText = (count) => {
@@ -27,8 +28,7 @@ function SelectedRowsToolbar(props) {
         react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar" },
             react_1.default.createElement("p", null, getText(props.state.selectedRows.length)),
             react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-actions" },
-                props.Actions && (react_1.default.createElement(props.Actions, { state: props.state, actions: props.actions, reload: () => { var _a; return (_a = props.onReload) === null || _a === void 0 ? void 0 : _a.call(props); } })),
+                props.Actions && (react_1.default.createElement(props.Actions, { actions: props.actions, reload: () => { var _a; return (_a = props.onReload) === null || _a === void 0 ? void 0 : _a.call(props); }, state: props.state })),
                 react_1.default.createElement(button_1.Button, { onClick: () => props.actions.setSelectedRows([]) }, "Zru\u0161it v\u00FDb\u011Br")))));
 }
-exports.SelectedRowsToolbar = SelectedRowsToolbar;
 exports.DataGridSelectedRowsToolbar = SelectedRowsToolbar;

package/selected-rows-toolbar/selected-rows-toolbar.stories.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
@@ -37,8 +37,7 @@ function Default() {
         actions.setSelectedRows([{ id: 1 }, { id: 2 }]);
     }, [actions]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { state: state, actions: actions, Actions: () => (react_1.default.createElement(button_1.Button, { isIconButton: true },
-                react_1.default.createElement(icon_1.Icon, { name: "camera" }))) }),
+        react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { Actions: () => (react_1.default.createElement(button_1.Button, { isIconButton: true },
+                react_1.default.createElement(icon_1.Icon, { name: "camera" }))), actions: actions, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/table/components/action-cell-wrapper.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionCellWrapper = void 0;
+exports.ActionCellWrapper = ActionCellWrapper;
 const react_1 = __importStar(require("react"));
 function ActionCellWrapper(props) {
     const innerRef = (0, react_1.useRef)(null);
@@ -55,4 +55,3 @@ function ActionCellWrapper(props) {
     }, []);
     return (react_1.default.createElement("div", { className: "uxf-data-grid__action-cell-wrapper", ref: innerRef }, props.children));
 }
-exports.ActionCellWrapper = ActionCellWrapper;

package/table/components/action-cell.js

@@ -3,12 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionCell = void 0;
+exports.ActionCell = ActionCell;
 const button_list_1 = require("@uxf/ui/button-list");
 const react_1 = __importDefault(require("react"));
 const action_cell_wrapper_1 = require("./action-cell-wrapper");
 function ActionCell(props) {
     return (react_1.default.createElement(action_cell_wrapper_1.ActionCellWrapper, null,
-        react_1.default.createElement(button_list_1.ButtonList, { buttons: props.buttons, visibleButtonsCount: props.visibleButtonsCount, variant: "secondary", size: "sm" })));
+        react_1.default.createElement(button_list_1.ButtonList, { buttons: props.buttons, size: "sm", variant: "secondary", visibleButtonsCount: props.visibleButtonsCount })));
 }
-exports.ActionCell = ActionCell;

package/table/components/select-row-checkbox.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectRowCheckbox = void 0;
+exports.SelectRowCheckbox = SelectRowCheckbox;
 const checkbox_1 = require("@uxf/ui/checkbox");
 const react_1 = __importStar(require("react"));
 function SelectRowCheckbox(props) {
@@ -36,6 +36,5 @@ function SelectRowCheckbox(props) {
     };
     const id = (0, react_1.useId)();
     return (react_1.default.createElement("div", { className: "uxf-data-grid__select-row-checkbox-wrapper" },
-        react_1.default.createElement(checkbox_1.Checkbox, { ...props, value: (_a = props.checked) !== null && _a !== void 0 ? _a : false, onChange: handleChange, name: id })));
+        react_1.default.createElement(checkbox_1.Checkbox, { ...props, name: id, onChange: handleChange, value: (_a = props.checked) !== null && _a !== void 0 ? _a : false })));
 }
-exports.SelectRowCheckbox = SelectRowCheckbox;

package/table/hooks/use-rdg-visuals.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataGridHandle } from "react-data-grid";
 import { DataGridBaseProps } from "../../types/data-grid-props";
 import { BaseGridType } from "../../types/schema";

package/table/hooks/use-rdg-visuals.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRdgVisuals = void 0;
+exports.useRdgVisuals = useRdgVisuals;
 const react_1 = require("react");
 function useRdgVisuals(props) {
     var _a, _b;
@@ -44,4 +44,3 @@ function useRdgVisuals(props) {
         style: { height },
     };
 }
-exports.useRdgVisuals = useRdgVisuals;

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

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReactDataGridColumns = void 0;
+exports.useReactDataGridColumns = useReactDataGridColumns;
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importStar(require("react"));
 const react_data_grid_1 = require("react-data-grid");
@@ -66,7 +66,7 @@ function useReactDataGridColumns(props, state) {
                             label: p.column.name,
                             sort: p.column.sortable,
                             type: columnType,
-                        }, row: p.row, value: p.row[p.column.key], reload: () => onReload === null || onReload === void 0 ? void 0 : onReload() }));
+                        }, reload: () => onReload === null || onReload === void 0 ? void 0 : onReload(), row: p.row, value: p.row[p.column.key] }));
                 },
             });
         }
@@ -84,4 +84,3 @@ function useReactDataGridColumns(props, state) {
         return columns;
     }, [userConfigColumns, actionCell, schema.columns, bodyCells, isRowSelectable, onReload, state.userConfig.columns]);
 }
-exports.useReactDataGridColumns = useReactDataGridColumns;

package/table/no-rows-fallback.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoRowsFallback = void 0;
+exports.NoRowsFallback = NoRowsFallback;
 const cx_1 = require("@uxf/core/utils/cx");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importDefault(require("react"));
@@ -12,4 +12,3 @@ function NoRowsFallback(props) {
         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"))));
 }
-exports.NoRowsFallback = NoRowsFallback;

package/table/table.js

@@ -26,9 +26,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridTable = exports.Table = void 0;
+exports.DataGridTable = void 0;
+exports.Table = Table;
 const show_1 = require("@uxf/core-react/components/show");
 const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
+const empty_array_1 = require("@uxf/core/constants/empty-array");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const react_1 = __importStar(require("react"));
 const react_data_grid_1 = __importDefault(require("react-data-grid"));
 const select_row_checkbox_1 = require("./components/select-row-checkbox");
@@ -54,7 +57,7 @@ function Table(props) {
         overflowY: "hidden",
     };
     const NoRowsFallback = (_d = props.NoRowsFallback) !== null && _d !== void 0 ? _d : DefaultNoRowsFallback;
-    const isLoading = !!props.isLoading;
+    const isLoading = Boolean(props.isLoading);
     const error = props.error;
     const components = (0, react_1.useMemo)(() => ({
         renderCheckbox: (args) => react_1.default.createElement(select_row_checkbox_1.SelectRowCheckbox, { ...args }),
@@ -69,8 +72,9 @@ function Table(props) {
         props.actions.setSelectedRows(selectedRows);
     };
     const onSortColumnChange = (sortColumns) => {
-        if (sortColumns.length > 0) {
-            props.actions.sort(sortColumns[0].columnKey, sortColumns[0].direction.toLowerCase());
+        const firstSortColumn = sortColumns.at(0);
+        if ((0, is_not_nil_1.isNotNil)(firstSortColumn)) {
+            props.actions.sort(firstSortColumn.columnKey, firstSortColumn.direction.toLowerCase());
         }
         else {
             props.actions.sortClear();
@@ -78,15 +82,14 @@ function Table(props) {
     };
     const sortColumns = props.state.request.s
         ? [{ columnKey: props.state.request.s.name, direction: props.state.request.s.dir.toUpperCase() }]
-        : [];
+        : empty_array_1.EMPTY_ARRAY;
     const rdgVisuals = (0, use_rdg_visuals_1.useRdgVisuals)({
         headerRowHeight: props.headerRowHeight,
         rowHeight: props.rowHeight,
         rows: props.data,
     });
     return (react_1.default.createElement(show_1.Show, { when: isMounted },
-        react_1.default.createElement(react_data_grid_1.default, { className: rdgVisuals.className, columns: columns, enableVirtualization: false, headerRowHeight: rdgVisuals.headerRowHeight, onSelectedRowsChange: onSelectRows, onSortColumnsChange: onSortColumnChange, ref: rdgVisuals.ref, renderers: components, rowClass: props.rowClass, rowHeight: rdgVisuals.rowHeight, rowKeyGetter: (_e = props.keyExtractor) !== null && _e !== void 0 ? _e : defaultKeyExtractor, rows: props.data, selectedRows: new Set((_g = (_f = props.state.selectedRows) === null || _f === void 0 ? void 0 : _f.map(keyExtractor)) !== null && _g !== void 0 ? _g : []), sortColumns: sortColumns, style: reactDataGridStyles })));
+        react_1.default.createElement(react_data_grid_1.default, { className: rdgVisuals.className, columns: columns, enableVirtualization: false, headerRowHeight: rdgVisuals.headerRowHeight, onSelectedRowsChange: onSelectRows, onSortColumnsChange: onSortColumnChange, ref: rdgVisuals.ref, renderers: components, rowClass: props.rowClass, rowHeight: rdgVisuals.rowHeight, rowKeyGetter: (_e = props.keyExtractor) !== null && _e !== void 0 ? _e : defaultKeyExtractor, rows: props.data, selectedRows: new Set((_g = (_f = props.state.selectedRows) === null || _f === void 0 ? void 0 : _f.map(keyExtractor)) !== null && _g !== void 0 ? _g : empty_array_1.EMPTY_ARRAY), sortColumns: sortColumns, style: reactDataGridStyles })));
 }
-exports.Table = Table;
 /** @deprecated will be remove, use DataGridTableV2 */
 exports.DataGridTable = Table;

package/table/table.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Default = Default;
 const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 const react_1 = __importDefault(require("react"));
 const data_1 = require("../_story-utils/data");
@@ -14,7 +14,6 @@ const table_1 = require("./table");
 function Default() {
     const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(table_1.DataGridTable, { state: state, actions: actions, data: data_1.data, isLoading: true, error: undefined, schema: schema_1.schema, bodyCells: body_cell_1.BodyCells, isRowSelectable: true }),
+        react_1.default.createElement(table_1.DataGridTable, { actions: actions, bodyCells: body_cell_1.BodyCells, data: data_1.data, error: undefined, isLoading: true, isRowSelectable: true, schema: schema_1.schema, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/table-v2/components/action-cell.js

@@ -3,9 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionCell = void 0;
+exports.ActionCell = ActionCell;
 const react_1 = __importDefault(require("react"));
 function ActionCell(props) {
     return react_1.default.createElement("div", { className: "uxf-dg-table__action-cell" }, props.children);
 }
-exports.ActionCell = ActionCell;

package/table-v2/components/body.js

@@ -3,9 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Body = void 0;
+exports.Body = Body;
 const react_1 = __importDefault(require("react"));
 function Body(props) {
     return react_1.default.createElement("div", { className: "uxf-dg-table__body" }, props.children);
 }
-exports.Body = Body;

package/table-v2/components/cell.js

@@ -3,9 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cell = void 0;
+exports.Cell = Cell;
 const react_1 = __importDefault(require("react"));
 function Cell(props) {
     return react_1.default.createElement("div", { className: `uxf-dg-table__cell uxf-dg-table__cell--type-${props.column.type}` }, props.children);
 }
-exports.Cell = Cell;

package/table-v2/components/header-action-cell.js

@@ -3,9 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderActionCell = void 0;
+exports.HeaderActionCell = HeaderActionCell;
 const react_1 = __importDefault(require("react"));
 function HeaderActionCell() {
     return react_1.default.createElement("div", { className: "uxf-dg-table__action-cell uxf-dg-table__action-cell--header" });
 }
-exports.HeaderActionCell = HeaderActionCell;

package/table-v2/components/header-cell.js

@@ -38,10 +38,10 @@ function HeaderCellComponent(props, ref) {
                 : "sort";
     return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    react_1.default.createElement("div", { ref: ref, className: (0, cx_1.cx)(`uxf-dg-table__cell uxf-dg-table__cell--header uxf-dg-table__cell--type-${props.column.type}`, props.column.sort && "is-sortable"), onClick: props.onClick },
+    react_1.default.createElement("div", { className: (0, cx_1.cx)(`uxf-dg-table__cell uxf-dg-table__cell--header uxf-dg-table__cell--type-${props.column.type}`, props.column.sort && "is-sortable"), onClick: props.onClick, ref: ref },
         props.column.label,
-        iconName && react_1.default.createElement(icon_1.Icon, { name: iconName, className: "ml-auto" }),
-        react_1.default.createElement("button", { className: "uxf-dg-table__column-resize-handle", onMouseDown: props.onResizeStart, onClick: (event) => event.stopPropagation() })));
+        iconName && react_1.default.createElement(icon_1.Icon, { className: "ml-auto", name: iconName }),
+        react_1.default.createElement("button", { className: "uxf-dg-table__column-resize-handle", onClick: (event) => event.stopPropagation(), onMouseDown: props.onResizeStart })));
 }
 exports.HeaderCell = (0, react_1.forwardRef)(HeaderCellComponent);
 exports.HeaderCell.displayName = "HeaderCell";

package/table-v2/components/header.js

@@ -3,9 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
+exports.Header = Header;
 const react_1 = __importDefault(require("react"));
 function Header(props) {
     return react_1.default.createElement("div", { className: "uxf-dg-table__header" }, props.children);
 }
-exports.Header = Header;

package/table-v2/components/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionCell } from "./action-cell";
 import { Body } from "./body";
 import { Cell } from "./cell";

package/table-v2/components/row.js

@@ -3,9 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Row = void 0;
+exports.Row = Row;
 const react_1 = __importDefault(require("react"));
 function Row(props) {
     return react_1.default.createElement("div", { className: "uxf-dg-table__row" }, props.children);
 }
-exports.Row = Row;

package/table-v2/hooks/use-resizable-columns.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Column } from "../../types";
 import { DataGridControl } from "../../use-data-grid-control";
 import { TableProps } from "../types";

package/table-v2/hooks/use-resizable-columns.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResizableColumns = void 0;
+exports.useResizableColumns = useResizableColumns;
 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");
@@ -65,4 +65,3 @@ function useResizableColumns(columns, actionCell, actions) {
         },
     };
 }
-exports.useResizableColumns = useResizableColumns;

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoRowsFallback = void 0;
+exports.NoRowsFallback = NoRowsFallback;
 const cx_1 = require("@uxf/core/utils/cx");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importDefault(require("react"));
@@ -12,4 +12,3 @@ function NoRowsFallback(props) {
         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"))));
 }
-exports.NoRowsFallback = NoRowsFallback;