@uxf/data-grid 11.30.1 → 11.32.0

package/_api/index.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dataGridAutocomplete = exports.dataGridGetResult = void 0;
+exports.dataGridGetResult = dataGridGetResult;
+exports.dataGridAutocomplete = dataGridAutocomplete;
 const qs_1 = require("qs");
 function dataGridGetResult(gridName, request) {
     return fetch(`/api/cms/datagrid/${gridName}?${(0, qs_1.stringify)(request)}`).then((response) => response.json());
 }
-exports.dataGridGetResult = dataGridGetResult;
 function dataGridAutocomplete(name, term) {
     return fetch(`/api/cms/autocomplete/${name}?${(0, qs_1.stringify)({ term })}`).then((response) => response.json());
 }
-exports.dataGridAutocomplete = dataGridAutocomplete;

package/_components/drawer.js

@@ -17,7 +17,7 @@ const Drawer = (props) => {
         react_2.default.createElement("div", { className: `uxf-data-grid__drawer uxf-data-grid__drawer--${props.open ? "open" : "closed"}` },
             react_2.default.createElement("div", { className: `uxf-data-grid__drawer-body-wrapper ${props.open ? "uxf-data-grid__drawer-body-wrapper--open" : ""}` },
                 react_2.default.createElement("div", { className: "uxf-data-grid__drawer-body" },
-                    react_2.default.createElement(modal_header_1.ModalHeader, { title: props.title, onClose: props.onClose }),
+                    react_2.default.createElement(modal_header_1.ModalHeader, { onClose: props.onClose, title: props.title }),
                     react_2.default.createElement("div", { className: "uxf-data-grid__drawer-content" }, props.children))),
             react_2.default.createElement("section", { className: "uxf-data-grid__drawer-backdrop", onClick: props.onClose }))));
 };

package/_store/reducer.js

@@ -3,14 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.debugReducer = exports.reducer = exports.getInitialState = void 0;
+exports.debugReducer = exports.reducer = void 0;
+exports.getInitialState = getInitialState;
 const is_nil_1 = require("@uxf/core/utils/is-nil");
 const deepmerge_1 = __importDefault(require("deepmerge"));
 const utils_1 = require("../utils");
 function getInitialState(schema, init, initialUserConfig) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const initialState = (0, is_nil_1.isNil)(init) ? {} : typeof init === "string" ? (_a = (0, utils_1.decodeFilter)(init)) !== null && _a !== void 0 ? _a : {} : init;
-    const initialTabName = (_e = (_b = initialState.tab) !== null && _b !== void 0 ? _b : (_d = (_c = schema.tabs) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : null;
+    const initialState = (0, is_nil_1.isNil)(init) ? {} : typeof init === "string" ? ((_a = (0, utils_1.decodeFilter)(init)) !== null && _a !== void 0 ? _a : {}) : init;
+    const initialTabName = (_e = (_b = initialState.tab) !== null && _b !== void 0 ? _b : (_d = (_c = schema.tabs) === null || _c === void 0 ? void 0 : _c.at(0)) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : null;
     const initialTabSort = initialTabName !== null ? (_g = (_f = schema.tabs) === null || _f === void 0 ? void 0 : _f.find((t) => t.name === initialTabName)) === null || _g === void 0 ? void 0 : _g.s : null;
     return {
         request: {
@@ -25,10 +26,9 @@ function getInitialState(schema, init, initialUserConfig) {
         tabRequests: {},
     };
 }
-exports.getInitialState = getInitialState;
 // eslint-disable-next-line complexity
 const reducer = (state, action) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     switch (action.type) {
         case "CHANGE_PAGE":
             return {
@@ -153,7 +153,7 @@ const reducer = (state, action) => {
                     columns: {
                         ...state.userConfig.columns,
                         [action.name]: {
-                            ...((_o = (_m = state.userConfig.columns) === null || _m === void 0 ? void 0 : _m[action.name]) !== null && _o !== void 0 ? _o : {}),
+                            ...(_m = state.userConfig.columns) === null || _m === void 0 ? void 0 : _m[action.name],
                             isHidden: true,
                         },
                     },
@@ -167,7 +167,7 @@ const reducer = (state, action) => {
                     columns: {
                         ...state.userConfig.columns,
                         [action.name]: {
-                            ...((_q = (_p = state.userConfig.columns) === null || _p === void 0 ? void 0 : _p[action.name]) !== null && _q !== void 0 ? _q : {}),
+                            ...(_o = state.userConfig.columns) === null || _o === void 0 ? void 0 : _o[action.name],
                             isHidden: false,
                         },
                     },

package/body-cell/body-cell-boolean.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCellBoolean = void 0;
+const noop_1 = require("@uxf/core/utils/noop");
 const checkbox_1 = require("@uxf/ui/checkbox");
 const react_1 = __importDefault(require("react"));
 const BodyCellBoolean = (props) => {
@@ -12,6 +13,6 @@ const BodyCellBoolean = (props) => {
     }
     // TODO @vejvis: implement onChange
     return (react_1.default.createElement("div", { className: "uxf-data-grid__body-cell--boolean" },
-        react_1.default.createElement(checkbox_1.Checkbox, { value: props.value, name: props.column.name, onChange: () => void null, isDisabled: true })));
+        react_1.default.createElement(checkbox_1.Checkbox, { isDisabled: true, name: props.column.name, onChange: noop_1.noop, value: props.value })));
 };
 exports.BodyCellBoolean = BodyCellBoolean;

package/body-cell/body-cell-url.js

@@ -11,6 +11,6 @@ const BodyCellUrl = (props) => {
         return null;
     }
     return (react_1.default.createElement("span", null,
-        react_1.default.createElement(text_link_1.TextLink, { href: props.value, target: "_blank", rel: "noreferrer noopener" }, props.value)));
+        react_1.default.createElement(text_link_1.TextLink, { href: props.value, rel: "noreferrer noopener", target: "_blank" }, props.value)));
 };
 exports.BodyCellUrl = BodyCellUrl;

package/data-grid-custom-example.stories.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.DataGrid = void 0;
+exports.DataGrid = DataGrid;
+const empty_array_1 = require("@uxf/core/constants/empty-array");
 const react_1 = __importDefault(require("react"));
 const loader_1 = require("./_story-utils/loader");
 const schema_1 = require("./_story-utils/schema");
@@ -43,15 +44,14 @@ function DataGrid() {
         react_1.default.createElement(root_1.DataGridRoot, null,
             react_1.default.createElement(toolbar_1.DataGridToolbar, null,
                 react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { ...control, schema: schema }),
-                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { ...control, schema: schema, filterHandlers: filterHandlers }),
+                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { ...control, filterHandlers: filterHandlers, schema: schema }),
                 react_1.default.createElement(toolbar_customs_1.DataGridToolbarCustoms, { buttons: toolbarCustomButtons })),
             react_1.default.createElement(linear_progress_1.DataGridLinearProgress, { isLoading: isLoading }),
-            react_1.default.createElement(filter_list_1.DataGridFilterList, { ...control, schema: schema, filterHandlers: filterHandlers }),
-            react_1.default.createElement(table_1.DataGridTable, { ...control, schema: schema, data: (_a = data === null || data === void 0 ? void 0 : data.result) !== null && _a !== void 0 ? _a : [], isLoading: isLoading, error: error, bodyCells: bodyCells, actionCell: actionCell, onReload: onReload }),
+            react_1.default.createElement(filter_list_1.DataGridFilterList, { ...control, filterHandlers: filterHandlers, schema: schema }),
+            react_1.default.createElement(table_1.DataGridTable, { ...control, actionCell: actionCell, bodyCells: bodyCells, data: (_a = data === null || data === void 0 ? void 0 : data.result) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY, error: error, isLoading: isLoading, onReload: onReload, schema: schema }),
             react_1.default.createElement(footer_1.DataGridFooter, null,
                 react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { ...control }),
                 react_1.default.createElement(row_counts_1.DataGridRowCounts, { ...control, count: (_b = data === null || data === void 0 ? void 0 : data.count) !== null && _b !== void 0 ? _b : 0, totalCount: (_c = data === null || data === void 0 ? void 0 : data.totalCount) !== null && _c !== void 0 ? _c : 0 }),
                 react_1.default.createElement(pagination_1.DataGridPagination, { ...control, count: (_d = data === null || data === void 0 ? void 0 : data.count) !== null && _d !== void 0 ? _d : 0 }))),
         react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { ...control })));
 }
-exports.DataGrid = DataGrid;

package/data-grid.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.DataGrid = void 0;
+exports.DataGrid = DataGrid;
+const empty_array_1 = require("@uxf/core/constants/empty-array");
 const react_1 = __importDefault(require("react"));
 const body_cell_1 = require("./body-cell");
 const filter_handler_1 = require("./filter-handler");
@@ -26,18 +27,17 @@ const DefaultSelectedRowsToolbarActions = () => null;
 function DataGrid(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(root_1.DataGridRoot, { noBorder: props.noBorder, className: props.className },
+        react_1.default.createElement(root_1.DataGridRoot, { className: props.className, noBorder: props.noBorder },
             react_1.default.createElement(toolbar_1.DataGridToolbar, { noBorder: props.noBorder },
-                react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { state: props.state, actions: props.actions, schema: props.schema }),
-                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { state: props.state, actions: props.actions, schema: props.schema, filterHandlers: (_a = props.filterHandlers) !== null && _a !== void 0 ? _a : filter_handler_1.defaultFilterHandlers, onCsvDownload: props.onCsvDownload }),
+                react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { actions: props.actions, schema: props.schema, state: props.state }),
+                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: props.actions, filterHandlers: (_a = props.filterHandlers) !== null && _a !== void 0 ? _a : filter_handler_1.defaultFilterHandlers, onCsvDownload: props.onCsvDownload, schema: props.schema, state: props.state }),
                 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, { state: props.state, actions: props.actions, schema: props.schema, filterHandlers: (_b = props.filterHandlers) !== null && _b !== void 0 ? _b : filter_handler_1.defaultFilterHandlers, className: props.noBorder ? classes_1.NO_BORDER_CLASS : undefined }),
-            react_1.default.createElement(table_1.DataGridTable, { state: props.state, actions: props.actions, schema: props.schema, data: (_d = (_c = props.data) === null || _c === void 0 ? void 0 : _c.result) !== null && _d !== void 0 ? _d : [], isLoading: props.isLoading, error: props.error, rowClass: props.rowClass, keyExtractor: props.keyExtractor, rowHeight: props.rowHeight, headerRowHeight: props.headerRowHeight, bodyCells: (_e = props.bodyCells) !== null && _e !== void 0 ? _e : body_cell_1.BodyCells, NoRowsFallback: (_f = props.NoRowsFallback) !== null && _f !== void 0 ? _f : no_rows_fallback_1.NoRowsFallback, actionCell: props.actionCell, onReload: props.onReload, isRowSelectable: props.isRowSelectable }),
+            react_1.default.createElement(filter_list_1.DataGridFilterList, { actions: props.actions, className: props.noBorder ? classes_1.NO_BORDER_CLASS : undefined, filterHandlers: (_b = props.filterHandlers) !== null && _b !== void 0 ? _b : filter_handler_1.defaultFilterHandlers, schema: props.schema, state: props.state }),
+            react_1.default.createElement(table_1.DataGridTable, { 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, onReload: props.onReload, rowClass: props.rowClass, rowHeight: props.rowHeight, schema: props.schema, state: props.state }),
             react_1.default.createElement(footer_1.DataGridFooter, { noBorder: props.noBorder },
-                react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { state: props.state, actions: props.actions }),
-                react_1.default.createElement(row_counts_1.DataGridRowCounts, { state: props.state, count: (_h = (_g = props.data) === null || _g === void 0 ? void 0 : _g.count) !== null && _h !== void 0 ? _h : 0, totalCount: (_k = (_j = props.data) === null || _j === void 0 ? void 0 : _j.totalCount) !== null && _k !== void 0 ? _k : 0 }),
+                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, state: props.state }))),
-        react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { state: props.state, actions: props.actions, Actions: (_o = props.SelectedRowsToolbarActions) !== null && _o !== void 0 ? _o : DefaultSelectedRowsToolbarActions })));
+        react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { Actions: (_o = props.SelectedRowsToolbarActions) !== null && _o !== void 0 ? _o : DefaultSelectedRowsToolbarActions, actions: props.actions, state: props.state })));
 }
-exports.DataGrid = DataGrid;

package/data-grid.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 buildArray_1 = require("@uxf/core/utils/buildArray");
 const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 const toggle_1 = require("@uxf/ui/toggle");
@@ -86,8 +86,7 @@ function Default() {
         state,
     });
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(toggle_1.Toggle, { label: "No border", value: noBorder, onChange: (value) => setNoBorder(!!value), name: "noBorder" }),
-        react_1.default.createElement(data_grid_1.DataGrid, { onReload: onReload, state: state, actions: actions, data: data, isLoading: isLoading, error: error, schema: schemaWithFrontendConfig, onCsvDownload: console.log, isRowSelectable: true, actionCell: actionCell }),
+        react_1.default.createElement(toggle_1.Toggle, { label: "No border", name: "noBorder", onChange: (value) => setNoBorder(Boolean(value)), value: noBorder }),
+        react_1.default.createElement(data_grid_1.DataGrid, { actionCell: actionCell, actions: actions, data: data, error: error, isLoading: isLoading, isRowSelectable: true, onCsvDownload: console.log, onReload: onReload, schema: schemaWithFrontendConfig, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/export-button/export-button.js

@@ -3,15 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridExportButton = exports.ExportButton = void 0;
+exports.DataGridExportButton = void 0;
+exports.ExportButton = ExportButton;
 const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("../utils");
 /** @deprecated Use DataGridExportButton */
 function ExportButton(props) {
-    return (react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "secondary", onClick: () => props.onCsvDownload((0, utils_1.createRequest)(props.state.request)), title: "St\u00E1hnout CSV", className: "uxf-data-grid__plugin-button" },
+    return (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__plugin-button", isIconButton: true, onClick: () => props.onCsvDownload((0, utils_1.createRequest)(props.state.request)), title: "St\u00E1hnout CSV", variant: "secondary" },
         react_1.default.createElement(icon_1.Icon, { name: "file-arrow-down" })));
 }
-exports.ExportButton = ExportButton;
 exports.DataGridExportButton = ExportButton;

package/export-button/export-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 export_button_1 = require("./export-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(export_button_1.DataGridExportButton, { state: state, actions: actions, schema: schema_1.schema, onCsvDownload: console.log }),
+        react_1.default.createElement(export_button_1.DataGridExportButton, { actions: actions, onCsvDownload: console.log, schema: schema_1.schema, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/filter-handler/boolean-select.js

@@ -9,10 +9,10 @@ const react_1 = __importDefault(require("react"));
 const filterHandler = {
     Input(props) {
         var _a;
-        return (react_1.default.createElement(select_1.Select, { options: [
+        return (react_1.default.createElement(select_1.Select, { isClearable: true, label: props.filter.label, name: props.filter.name, onChange: (value) => props.onChange(value), options: [
                 { id: 1, label: "Ano" },
                 { id: 0, label: "Ne" },
-            ], label: props.filter.label, value: props.value, onChange: (value) => props.onChange(value), isClearable: true, name: props.filter.name, placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder }));
+            ], placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder, value: props.value }));
     },
     ListItem(props) {
         return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },

package/filter-handler/checkbox.js

@@ -9,7 +9,7 @@ const react_1 = __importDefault(require("react"));
 const filterHandler = {
     Input(props) {
         var _a;
-        return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: props.filter.label, value: (_a = props.value) !== null && _a !== void 0 ? _a : false, onChange: (value) => props.onChange(value ? value : undefined), name: props.filter.name }));
+        return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: props.filter.label, name: props.filter.name, onChange: (value) => props.onChange(value ? value : undefined), value: (_a = props.value) !== null && _a !== void 0 ? _a : false }));
     },
     ListItem: (props) => (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
         props.filter.label,

package/filter-handler/date.js

@@ -25,8 +25,8 @@ const filterHandler = {
                 : props.onChange({ ...props.value, to: value !== null && value !== void 0 ? value : undefined });
         };
         return (react_1.default.createElement("div", { className: "uxf-data-grid__filter uxf-data-grid__filter--date" },
-            react_1.default.createElement(date_picker_input_1.DatePickerInput, { value: (_b = (_a = props.value) === null || _a === void 0 ? void 0 : _a.from) !== null && _b !== void 0 ? _b : null, onChange: onChangeFrom, label: `${props.filter.label} (od)`, name: props.filter.name, maxDate: (_c = props.value) === null || _c === void 0 ? void 0 : _c.to, placeholder: (_d = props.filter.config) === null || _d === void 0 ? void 0 : _d.placeholder, isClearable: true }),
-            react_1.default.createElement(date_picker_input_1.DatePickerInput, { value: (_f = (_e = props.value) === null || _e === void 0 ? void 0 : _e.to) !== null && _f !== void 0 ? _f : null, onChange: onChangeTo, label: `${props.filter.label} (do)`, name: props.filter.name, minDate: (_g = props.value) === null || _g === void 0 ? void 0 : _g.from, placeholder: (_h = props.filter.config) === null || _h === void 0 ? void 0 : _h.placeholder, isClearable: true })));
+            react_1.default.createElement(date_picker_input_1.DatePickerInput, { isClearable: true, label: `${props.filter.label} (od)`, maxDate: (_a = props.value) === null || _a === void 0 ? void 0 : _a.to, name: props.filter.name, onChange: onChangeFrom, placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder, value: (_d = (_c = props.value) === null || _c === void 0 ? void 0 : _c.from) !== null && _d !== void 0 ? _d : null }),
+            react_1.default.createElement(date_picker_input_1.DatePickerInput, { isClearable: true, label: `${props.filter.label} (do)`, minDate: (_e = props.value) === null || _e === void 0 ? void 0 : _e.from, name: props.filter.name, onChange: onChangeTo, placeholder: (_f = props.filter.config) === null || _f === void 0 ? void 0 : _f.placeholder, value: (_h = (_g = props.value) === null || _g === void 0 ? void 0 : _g.to) !== null && _h !== void 0 ? _h : null })));
     },
     ListItem: function (props) {
         var _a, _b;

package/filter-handler/datetime.js

@@ -13,8 +13,8 @@ const filterHandler = {
     Input(props) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         return (react_1.default.createElement("div", { className: "uxf-data-grid__filter uxf-data-grid__filter--datetime" },
-            react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { value: (_b = (_a = props.value) === null || _a === void 0 ? void 0 : _a.from) !== null && _b !== void 0 ? _b : null, onChange: (value) => props.onChange({ ...props.value, from: value !== null && value !== void 0 ? value : undefined }), label: `${props.filter.label} (od)`, name: props.filter.name, maxDate: (_c = props.value) === null || _c === void 0 ? void 0 : _c.to, placeholder: (_d = props.filter.config) === null || _d === void 0 ? void 0 : _d.placeholder, isClearable: true }),
-            react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { value: (_f = (_e = props.value) === null || _e === void 0 ? void 0 : _e.to) !== null && _f !== void 0 ? _f : null, onChange: (value) => props.onChange({ ...props.value, to: value !== null && value !== void 0 ? value : undefined }), label: `${props.filter.label} (do)`, name: props.filter.name, minDate: (_g = props.value) === null || _g === void 0 ? void 0 : _g.from, placeholder: (_h = props.filter.config) === null || _h === void 0 ? void 0 : _h.placeholder, isClearable: true })));
+            react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { isClearable: true, label: `${props.filter.label} (od)`, maxDate: (_a = props.value) === null || _a === void 0 ? void 0 : _a.to, name: props.filter.name, onChange: (value) => props.onChange({ ...props.value, from: value !== null && value !== void 0 ? value : undefined }), placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder, value: (_d = (_c = props.value) === null || _c === void 0 ? void 0 : _c.from) !== null && _d !== void 0 ? _d : null }),
+            react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { isClearable: true, label: `${props.filter.label} (do)`, minDate: (_e = props.value) === null || _e === void 0 ? void 0 : _e.from, name: props.filter.name, onChange: (value) => props.onChange({ ...props.value, to: value !== null && value !== void 0 ? value : undefined }), placeholder: (_f = props.filter.config) === null || _f === void 0 ? void 0 : _f.placeholder, value: (_h = (_g = props.value) === null || _g === void 0 ? void 0 : _g.to) !== null && _h !== void 0 ? _h : null })));
     },
     ListItem: function (props) {
         var _a, _b;

package/filter-handler/entity-multi-select.js

@@ -12,7 +12,7 @@ const _api_1 = require("../_api");
 const filterHandler = {
     Input(props) {
         var _a;
-        return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { loadOptions: (term) => { var _a; return (0, _api_1.dataGridAutocomplete)((_a = props.filter.autocomplete) !== null && _a !== void 0 ? _a : "", term); }, label: props.filter.label, value: props.value, onChange: (value) => props.onChange(value), name: props.filter.name, placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder }));
+        return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { label: props.filter.label, loadOptions: (term) => { var _a; return (0, _api_1.dataGridAutocomplete)((_a = props.filter.autocomplete) !== null && _a !== void 0 ? _a : "", term); }, name: props.filter.name, onChange: (value) => props.onChange(value), placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder, value: props.value }));
     },
     ListItem(props) {
         if ((0, is_nil_1.isNil)(props.value) || (0, is_empty_1.isEmpty)(props.value)) {

package/filter-handler/entity-select.js

@@ -10,7 +10,7 @@ const _api_1 = require("../_api");
 const filterHandler = {
     Input(props) {
         var _a;
-        return (react_1.default.createElement(combobox_1.Combobox, { loadOptions: (term) => { var _a; return (0, _api_1.dataGridAutocomplete)((_a = props.filter.autocomplete) !== null && _a !== void 0 ? _a : "", term); }, label: props.filter.label, value: props.value, onChange: (value) => props.onChange(value), name: props.filter.name, placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder, isClearable: true }));
+        return (react_1.default.createElement(combobox_1.Combobox, { isClearable: true, label: props.filter.label, loadOptions: (term) => { var _a; return (0, _api_1.dataGridAutocomplete)((_a = props.filter.autocomplete) !== null && _a !== void 0 ? _a : "", term); }, name: props.filter.name, onChange: (value) => props.onChange(value), placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder, value: props.value }));
     },
     ListItem(props) {
         var _a;

package/filter-handler/interval.js

@@ -13,7 +13,7 @@ const filterHandler = {
         const onChange = (value) => props.onChange(value !== null && value !== void 0 ? value : "");
         return (react_1.default.createElement("div", { key: props.filter.name },
             react_1.default.createElement("div", { className: "uxf-data-grid__filter uxf-data-grid__filter--interval" },
-                react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { label: props.filter.label, name: props.filter.name, onChange: onChange, value: props.value, placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder }))));
+                react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { label: props.filter.label, name: props.filter.name, onChange: onChange, placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder, value: props.value }))));
     },
     ListItem(props) {
         if ((0, is_nil_1.isNil)(props.value)) {

package/filter-handler/multi-select.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const empty_array_1 = require("@uxf/core/constants/empty-array");
 const is_empty_1 = require("@uxf/core/utils/is-empty");
 const chip_1 = require("@uxf/ui/chip");
 const multi_select_1 = require("@uxf/ui/multi-select");
@@ -13,7 +14,7 @@ const filterHandler = {
         const onChange = (value) => {
             props.onChange(Array.isArray(value) && !(0, is_empty_1.isEmpty)(value) ? value : null);
         };
-        return (react_1.default.createElement(multi_select_1.MultiSelect, { options: (_a = props.filter.options) !== null && _a !== void 0 ? _a : [], label: props.filter.label, value: props.value, onChange: onChange, name: props.filter.name, placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder }));
+        return (react_1.default.createElement(multi_select_1.MultiSelect, { label: props.filter.label, name: props.filter.name, onChange: onChange, options: (_a = props.filter.options) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY, placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder, value: props.value }));
     },
     ListItem(props) {
         var _a;

package/filter-handler/select.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const empty_array_1 = require("@uxf/core/constants/empty-array");
 const chip_1 = require("@uxf/ui/chip");
 const select_1 = require("@uxf/ui/select");
 const react_1 = __importDefault(require("react"));
 const filterHandler = {
     Input(props) {
         var _a, _b;
-        return (react_1.default.createElement(select_1.Select, { options: (_a = props.filter.options) !== null && _a !== void 0 ? _a : [], label: props.filter.label, value: props.value, onChange: (value) => props.onChange(value), isClearable: true, name: props.filter.name, placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder }));
+        return (react_1.default.createElement(select_1.Select, { isClearable: true, label: props.filter.label, name: props.filter.name, onChange: (value) => props.onChange(value), options: (_a = props.filter.options) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY, placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder, value: props.value }));
     },
     ListItem(props) {
         var _a, _b, _c;

package/filter-handler/string.js

@@ -11,7 +11,7 @@ const react_1 = __importDefault(require("react"));
 const filterHandler = {
     Input(props) {
         var _a, _b;
-        return (react_1.default.createElement(text_input_1.TextInput, { label: props.filter.label, value: (_a = props.value) !== null && _a !== void 0 ? _a : "", onChange: (value) => props.onChange(value), name: props.filter.name, placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder }));
+        return (react_1.default.createElement(text_input_1.TextInput, { label: props.filter.label, name: props.filter.name, onChange: (value) => props.onChange(value), placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder, value: (_b = props.value) !== null && _b !== void 0 ? _b : "" }));
     },
     ListItem(props) {
         if ((0, is_nil_1.isNil)(props.value) || (0, is_empty_1.isEmpty)(props.value)) {

package/filter-list/filter-list.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridFilterList = exports.FilterList = void 0;
+exports.DataGridFilterList = void 0;
+exports.FilterList = FilterList;
 const cx_1 = require("@uxf/core/utils/cx");
+const is_empty_1 = require("@uxf/core/utils/is-empty");
 const is_nil_1 = require("@uxf/core/utils/is-nil");
 const react_1 = __importDefault(require("react"));
 const create_filter_component_props_1 = require("../utils/create-filter-component-props");
@@ -23,11 +25,10 @@ function FilterList(props) {
         }
         return (react_1.default.createElement(FilterListItem, { key: filterRequest.name, ...(0, create_filter_component_props_1.createFilterComponentProps)(props.schema.name, filter, props.state, props.actions) }));
     })
-        .filter((item) => !!item);
-    if (renderedFilters.length === 0) {
+        .filter(Boolean);
+    if ((0, is_empty_1.isEmpty)(renderedFilters)) {
         return null;
     }
     return react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__filter-list", props.className) }, renderedFilters);
 }
-exports.FilterList = FilterList;
 exports.DataGridFilterList = FilterList;

package/filter-list/filter-list.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");
@@ -13,7 +13,6 @@ const filter_list_1 = require("./filter-list");
 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(filter_list_1.DataGridFilterList, { state: state, actions: actions, schema: schema_1.schema, filterHandlers: filter_handler_1.defaultFilterHandlers }),
+        react_1.default.createElement(filter_list_1.DataGridFilterList, { actions: actions, filterHandlers: filter_handler_1.defaultFilterHandlers, schema: schema_1.schema, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/filters/filters.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.DataGridFilters = exports.Filters = void 0;
+exports.DataGridFilters = void 0;
+exports.Filters = Filters;
 const react_1 = __importDefault(require("react"));
 const create_filter_component_props_1 = require("../utils/create-filter-component-props");
 /** @deprecated Use DataGridFilters */
@@ -20,5 +21,4 @@ function Filters(props) {
         return (react_1.default.createElement(FilterInput, { key: filter.name, ...(0, create_filter_component_props_1.createFilterComponentProps)(props.schema.name, filter, props.state, props.actions) }));
     })));
 }
-exports.Filters = Filters;
 exports.DataGridFilters = Filters;

package/filters/filters.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");
@@ -13,7 +13,6 @@ const filters_1 = require("./filters");
 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(filters_1.DataGridFilters, { state: state, actions: actions, schema: schema_1.schema, filterHandlers: filter_handler_1.defaultFilterHandlers }),
+        react_1.default.createElement(filters_1.DataGridFilters, { actions: actions, filterHandlers: filter_handler_1.defaultFilterHandlers, schema: schema_1.schema, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/filters-button/filters-button.js

@@ -23,7 +23,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridFiltersButton = exports.FiltersButton = void 0;
+exports.DataGridFiltersButton = void 0;
+exports.FiltersButton = FiltersButton;
 const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importStar(require("react"));
@@ -37,10 +38,9 @@ function FiltersButton(props) {
         return null;
     }
     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: "Filtrovat", 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: "Filtrovat", variant: "secondary" },
             react_1.default.createElement(icon_1.Icon, { name: "filter" })),
-        react_1.default.createElement(drawer_1.Drawer, { title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Filtrování", open: isOpen, onClose: () => setIsOpen(false) },
-            react_1.default.createElement(filters_1.DataGridFilters, { state: props.state, actions: props.actions, schema: props.schema, filterHandlers: props.filterHandlers }))));
+        react_1.default.createElement(drawer_1.Drawer, { onClose: () => setIsOpen(false), open: isOpen, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Filtrování" },
+            react_1.default.createElement(filters_1.DataGridFilters, { actions: props.actions, filterHandlers: props.filterHandlers, schema: props.schema, state: props.state }))));
 }
-exports.FiltersButton = FiltersButton;
 exports.DataGridFiltersButton = FiltersButton;

package/filters-button/filters-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");
@@ -13,7 +13,6 @@ const filters_button_1 = require("./filters-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(filters_button_1.DataGridFiltersButton, { state: state, actions: actions, schema: schema_1.schema, filterHandlers: filter_handler_1.defaultFilterHandlers }),
+        react_1.default.createElement(filters_button_1.DataGridFiltersButton, { actions: actions, filterHandlers: filter_handler_1.defaultFilterHandlers, schema: schema_1.schema, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
-exports.Default = Default;

package/footer/footer.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.DataGridFooter = void 0;
+exports.DataGridFooter = DataGridFooter;
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importDefault(require("react"));
 const classes_1 = require("../utils/classes");
 function DataGridFooter(props) {
     return react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__footer", props.noBorder && classes_1.NO_BORDER_CLASS) }, props.children);
 }
-exports.DataGridFooter = DataGridFooter;

package/fulltext-input/fulltext-input.js

@@ -3,13 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridFulltextInput = exports.FulltextInput = void 0;
+exports.DataGridFulltextInput = void 0;
+exports.FulltextInput = FulltextInput;
 const icon_1 = require("@uxf/ui/icon");
 const text_input_1 = require("@uxf/ui/text-input");
 const react_1 = __importDefault(require("react"));
 /** @deprecated Use DataGridFulltextInput */
 function FulltextInput(props) {
-    return (react_1.default.createElement(text_input_1.TextInput, { value: props.state.request.search, onChange: props.actions.search, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid__plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), label: "Vyhled\u00E1v\u00E1n\u00ED", hiddenLabel: true, name: "fulltext" }));
+    return (react_1.default.createElement(text_input_1.TextInput, { className: "uxf-data-grid__plugin-fulltext", hiddenLabel: true, label: "Vyhled\u00E1v\u00E1n\u00ED", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), name: "fulltext", onChange: props.actions.search, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", size: "small", value: props.state.request.search }));
 }
-exports.FulltextInput = FulltextInput;
 exports.DataGridFulltextInput = FulltextInput;

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.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.DataGridHiddenColumns = exports.HiddenColumns = void 0;
+exports.DataGridHiddenColumns = void 0;
+exports.HiddenColumns = HiddenColumns;
 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");
@@ -16,12 +17,8 @@ function HiddenColumns(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"),
@@ -37,5 +34,4 @@ 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;