@uxf/data-grid 11.31.0 → 11.33.0

package/fulltext-input/fulltext-input.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 fulltext_input_1 = require("./fulltext-input");
 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(fulltext_input_1.DataGridFulltextInput, { state: state, actions: actions }),
+        react_1.default.createElement(fulltext_input_1.DataGridFulltextInput, { actions: actions, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/hidden-columns/hidden-columns.d.ts

@@ -1,9 +1,8 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { Schema } from "../types";
 import { DataGridControl } from "../use-data-grid-control";
 export interface DataGridHiddenColumnsProps extends DataGridControl {
     schema: Schema<any>;
+    title?: ReactNode;
 }
-/** @deprecated Use DataGridHiddenColumns */
-export declare function HiddenColumns(props: DataGridHiddenColumnsProps): React.JSX.Element;
-export declare const DataGridHiddenColumns: typeof HiddenColumns;
+export declare function DataGridHiddenColumns(props: DataGridHiddenColumnsProps): React.JSX.Element;

package/hidden-columns/hidden-columns.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.DataGridHiddenColumns = exports.HiddenColumns = void 0;
+exports.DataGridHiddenColumns = DataGridHiddenColumns;
 const show_1 = require("@uxf/core-react/components/show");
 const is_empty_1 = require("@uxf/core/utils/is-empty");
 const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
@@ -11,21 +11,16 @@ const icon_1 = require("@uxf/ui/icon");
 const text_link_1 = require("@uxf/ui/text-link");
 const toggle_1 = require("@uxf/ui/toggle");
 const react_1 = __importDefault(require("react"));
-/** @deprecated Use DataGridHiddenColumns */
-function HiddenColumns(props) {
+function DataGridHiddenColumns(props) {
     const columns = props.schema.columns.filter((c) => !c.hidden);
     const visibleColumns = columns.filter((c) => { var _a, _b, _c, _d; return !((_c = (_b = (_a = props.state.userConfig.columns) === null || _a === void 0 ? void 0 : _a[c.name]) === null || _b === void 0 ? void 0 : _b.isHidden) !== null && _c !== void 0 ? _c : (_d = c.config) === null || _d === void 0 ? void 0 : _d.isHidden); });
     const hiddenColumns = columns.filter((c) => { var _a, _b, _c, _d; return (_c = (_b = (_a = props.state.userConfig.columns) === null || _a === void 0 ? void 0 : _a[c.name]) === null || _b === void 0 ? void 0 : _b.isHidden) !== null && _c !== void 0 ? _c : (_d = c.config) === null || _d === void 0 ? void 0 : _d.isHidden; });
-    const onToggleChange = (columnName) => (value) => value ? props.actions.showColumn(columnName) : props.actions.hideColumn(columnName);
-    const onChangeAll = (value) => () => {
-        columns.forEach((column) => {
-            value ? props.actions.showColumn(column.name) : props.actions.hideColumn(column.name);
-        });
-    };
+    const onToggleChange = (columnName) => (value) => props.actions[value ? "showColumn" : "hideColumn"](columnName);
+    const onChangeAll = (value) => () => columns.forEach((column) => props.actions[value ? "showColumn" : "hideColumn"](column.name));
     return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control-columns" },
         react_1.default.createElement("div", { className: "uxf-data-grid__hidden-columns-title" },
             react_1.default.createElement("div", null, "Zobrazen\u00E9 sloupce"),
-            react_1.default.createElement(text_link_1.TextLink, { disabled: (0, is_empty_1.isEmpty)(visibleColumns), onClick: onChangeAll(false), variant: "text" }, "skr\u00FDt v\u0161e")),
+            react_1.default.createElement(text_link_1.TextLink, { isDisabled: (0, is_empty_1.isEmpty)(visibleColumns), onClick: onChangeAll(false), variant: "text" }, "skr\u00FDt v\u0161e")),
         visibleColumns.map((column) => (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", name: column.name, onChange: onToggleChange(column.name), size: "sm", value: true, variant: "reversed" }))),
         react_1.default.createElement(show_1.Show, { when: (0, is_empty_1.isEmpty)(visibleColumns) },
             react_1.default.createElement("div", { className: "uxf-data-grid__hidden-columns-empty-box" },
@@ -37,5 +32,3 @@ function HiddenColumns(props) {
                 react_1.default.createElement(text_link_1.TextLink, { onClick: onChangeAll(true), variant: "text" }, "zobrazit v\u0161e")),
             hiddenColumns.map((column) => (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", name: column.name, onChange: onToggleChange(column.name), size: "sm", value: false, variant: "reversed" }))))));
 }
-exports.HiddenColumns = HiddenColumns;
-exports.DataGridHiddenColumns = HiddenColumns;

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.d.ts

@@ -5,6 +5,4 @@ export interface DataGridHiddenColumnsButtonProps extends DataGridControl {
     drawerTitle?: ReactNode;
     schema: Schema<any>;
 }
-/** @deprecated Use DataGridHiddenColumnsButton */
-export declare function HiddenColumnsButton(props: DataGridHiddenColumnsButtonProps): React.JSX.Element;
-export declare const DataGridHiddenColumnsButton: typeof HiddenColumnsButton;
+export declare function DataGridHiddenColumnsButton(props: DataGridHiddenColumnsButtonProps): React.JSX.Element;

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

@@ -23,21 +23,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridHiddenColumnsButton = exports.HiddenColumnsButton = void 0;
+exports.DataGridHiddenColumnsButton = DataGridHiddenColumnsButton;
 const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importStar(require("react"));
 const drawer_1 = require("../_components/drawer");
 const hidden_columns_1 = require("../hidden-columns");
-/** @deprecated Use DataGridHiddenColumnsButton */
-function HiddenColumnsButton(props) {
+function DataGridHiddenColumnsButton(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, { isOpen: isOpen, onClose: () => setIsOpen(false), title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Sloupce" },
+            react_1.default.createElement(hidden_columns_1.DataGridHiddenColumns, { 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.33.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.33.0",
+    "@uxf/ui": "11.33.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/styles.css

@@ -75,9 +75,7 @@
     }
 
     &__drawer {
-        --uxf-dg-drawer-max-w: 400px;
-
-        @apply ease-in-out;
+        /* @apply ease-in-out; TODO animate
 
         background-color: theme("colors.gray.900/.25");
         inset: 0;
@@ -104,12 +102,13 @@
         }
 
         &-body-wrapper {
+            --panel-max-w: 400px;
+
             @apply transition-all duration-500 ease-in-out;
 
-            background-color: theme("colors.white");
-            box-shadow: theme("boxShadow.xl");
+            !* background-color: theme("colors.white"); *!
             height: 100%;
-            max-width: var(--uxf-dg-drawer-max-w);
+            max-width: var(--panel-max-w);
             position: absolute;
             right: 0;
             transform: translateX(100%);
@@ -118,26 +117,10 @@
             &--open {
                 transform: translateX(0);
             }
-        }
-
-        &-body {
-            display: flex;
-            flex-direction: column;
-            height: 100%;
-            max-width: var(--uxf-dg-drawer-max-w);
-            overflow-y: auto;
-            padding-bottom: theme("spacing.10");
-            position: relative;
-            width: 100%;
-
-            :root .dark & {
-                background-color: theme("colors.gray.950");
-                color: theme("colors.gray.100");
-            }
-        }
+        } */
 
         &-content {
-            padding: theme("spacing.4");
+            padding: theme("spacing.4") theme("spacing.4") theme("spacing.14");
         }
 
         &-backdrop {
@@ -560,6 +543,10 @@
     }
 }
 
+.uxf-dg-modal {
+    --panel-max-w: 400px;
+}
+
 /* TODO: tohle je imo k ničemu, že Vejvis? */
 
 /* .rdg-cell.action {

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;