@uxf/data-grid 11.36.0 → 11.37.0

package/_store/reducer.js

@@ -118,28 +118,31 @@ const reducer = (state, action) => {
                     page: 0,
                 },
             };
-        case "CHANGE_TAB":
-            // eslint-disable-next-line no-case-declarations,@typescript-eslint/no-unnecessary-condition
+        case "CHANGE_TAB": {
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
             const tabHistory = (_d = state.tabRequests[action.tab.name]) !== null && _d !== void 0 ? _d : {};
             return {
                 ...state,
-                request: {
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                    f: (_e = tabHistory.f) !== null && _e !== void 0 ? _e : [],
-                    s: (_g = (_f = tabHistory.s) !== null && _f !== void 0 ? _f : action.tab.s) !== null && _g !== void 0 ? _g : state.request.s,
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                    search: (_h = tabHistory.search) !== null && _h !== void 0 ? _h : "",
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                    page: (_j = tabHistory.page) !== null && _j !== void 0 ? _j : 0,
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                    perPage: (_k = tabHistory.perPage) !== null && _k !== void 0 ? _k : state.request.perPage,
-                    tab: action.tab.name,
-                },
+                request: action.filterBehavior === "sharedFilters"
+                    ? { ...state.request, tab: action.tab.name }
+                    : {
+                        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+                        f: (_e = tabHistory.f) !== null && _e !== void 0 ? _e : [],
+                        s: (_g = (_f = tabHistory.s) !== null && _f !== void 0 ? _f : action.tab.s) !== null && _g !== void 0 ? _g : state.request.s,
+                        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+                        search: (_h = tabHistory.search) !== null && _h !== void 0 ? _h : "",
+                        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+                        page: (_j = tabHistory.page) !== null && _j !== void 0 ? _j : 0,
+                        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+                        perPage: (_k = tabHistory.perPage) !== null && _k !== void 0 ? _k : state.request.perPage,
+                        tab: action.tab.name,
+                    },
                 tabRequests: {
                     ...state.tabRequests,
                     [(_l = state.request.tab) !== null && _l !== void 0 ? _l : "__DEFAULT_TAB__"]: state.request,
                 },
             };
+        }
         case "SET_SELECTED_ROWS":
             return {
                 ...state,

package/components.d.ts

@@ -1,6 +1,5 @@
 import * as dataGridStories from "./data-grid.stories";
 import * as dataGridCustomExampleStories from "./data-grid-custom-example.stories";
-import * as dataGridV2Stories from "./data-grid-v2.stories";
 import * as exportButtonStories from "./export-button/export-button.stories";
 import * as filterListStories from "./filter-list/filter-list.stories";
 import * as filtersStories from "./filters/filters.stories";
@@ -26,10 +25,6 @@ export declare const components: {
         readonly title: "DataGridCustomExample";
         readonly stories: typeof dataGridCustomExampleStories;
     };
-    readonly "data-grid-v2": {
-        readonly title: "DataGridV2";
-        readonly stories: typeof dataGridV2Stories;
-    };
     readonly "export-button": {
         readonly title: "ExportButton";
         readonly stories: typeof exportButtonStories;

package/components.js

@@ -27,7 +27,6 @@ exports.components = void 0;
 // generated file
 const dataGridStories = __importStar(require("./data-grid.stories"));
 const dataGridCustomExampleStories = __importStar(require("./data-grid-custom-example.stories"));
-const dataGridV2Stories = __importStar(require("./data-grid-v2.stories"));
 const exportButtonStories = __importStar(require("./export-button/export-button.stories"));
 const filterListStories = __importStar(require("./filter-list/filter-list.stories"));
 const filtersStories = __importStar(require("./filters/filters.stories"));
@@ -53,10 +52,6 @@ exports.components = {
         title: "DataGridCustomExample",
         stories: dataGridCustomExampleStories
     },
-    "data-grid-v2": {
-        title: "DataGridV2",
-        stories: dataGridV2Stories
-    },
     "export-button": {
         title: "ExportButton",
         stories: exportButtonStories

package/data-grid-custom-example.stories.js

@@ -18,7 +18,7 @@ const root_1 = require("./root");
 const row_counts_1 = require("./row-counts");
 const rows_per_page_select_1 = require("./rows-per-page-select");
 const selected_rows_toolbar_1 = require("./selected-rows-toolbar");
-const table_1 = require("./table");
+const table_v2_1 = require("./table-v2");
 const toolbar_1 = require("./toolbar");
 const toolbar_control_1 = require("./toolbar-control");
 const toolbar_customs_1 = require("./toolbar-customs");
@@ -48,7 +48,7 @@ function DataGrid() {
                 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, 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(table_v2_1.DataGridTableV2, { ...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 }),

package/data-grid.js

@@ -16,26 +16,25 @@ const root_1 = require("./root");
 const row_counts_1 = require("./row-counts");
 const rows_per_page_select_1 = require("./rows-per-page-select");
 const selected_rows_toolbar_1 = require("./selected-rows-toolbar");
-const table_1 = require("./table");
+const table_v2_1 = require("./table-v2");
 const no_rows_fallback_1 = require("./table/no-rows-fallback");
 const toolbar_1 = require("./toolbar");
 const toolbar_control_1 = require("./toolbar-control");
 const toolbar_customs_1 = require("./toolbar-customs");
 const toolbar_tabs_1 = require("./toolbar-tabs");
-const classes_1 = require("./utils/classes");
 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, { className: props.className, noBorder: props.noBorder },
-            react_1.default.createElement(toolbar_1.DataGridToolbar, { noBorder: props.noBorder },
-                react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { actions: props.actions, schema: props.schema, state: props.state }),
+        react_1.default.createElement(root_1.DataGridRoot, { className: props.className },
+            react_1.default.createElement(toolbar_1.DataGridToolbar, null,
+                react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { actions: props.actions, changeTabFilterBehavior: props.changeTabFilterBehavior, 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, { 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(filter_list_1.DataGridFilterList, { actions: props.actions, filterHandlers: (_b = props.filterHandlers) !== null && _b !== void 0 ? _b : filter_handler_1.defaultFilterHandlers, schema: props.schema, state: props.state }),
+            react_1.default.createElement(table_v2_1.DataGridTableV2, { NoRowsFallback: (_c = props.NoRowsFallback) !== null && _c !== void 0 ? _c : no_rows_fallback_1.NoRowsFallback, actionCell: props.actionCell, actions: props.actions, bodyCells: (_d = props.bodyCells) !== null && _d !== void 0 ? _d : body_cell_1.BodyCells, data: (_f = (_e = props.data) === null || _e === void 0 ? void 0 : _e.result) !== null && _f !== void 0 ? _f : empty_array_1.EMPTY_ARRAY, error: props.error, headerRowHeight: props.headerRowHeight, isLoading: props.isLoading, isRowSelectable: props.isRowSelectable, keyExtractor: props.keyExtractor, onReload: props.onReload, rowClass: props.rowClass, rowHeight: props.rowHeight, schema: props.schema, state: props.state }),
+            react_1.default.createElement(footer_1.DataGridFooter, null,
                 react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { actions: props.actions, state: props.state }),
                 react_1.default.createElement(row_counts_1.DataGridRowCounts, { count: (_h = (_g = props.data) === null || _g === void 0 ? void 0 : _g.count) !== null && _h !== void 0 ? _h : 0, state: props.state, totalCount: (_k = (_j = props.data) === null || _j === void 0 ? void 0 : _j.totalCount) !== null && _k !== void 0 ? _k : 0 }),
                 react_1.default.createElement(pagination_1.DataGridPagination, { actions: props.actions, count: (_m = (_l = props.data) === null || _l === void 0 ? void 0 : _l.count) !== null && _m !== void 0 ? _m : 0, showFirstButton: true, showLastButton: true, size: "sm", state: props.state }))),

package/data-grid.stories.js

@@ -68,7 +68,7 @@ const schemaWithFrontendConfig = (0, merge_schema_with_config_1.mergeSchemaWithC
     },
 });
 function Default() {
-    const [noBorder, setNoBorder] = (0, react_1.useState)(false);
+    const [hasSharedFilters, setHasSharedFilters] = (0, react_1.useState)(false);
     const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({
         schema: schema_1.schema,
         initialUserConfig: {
@@ -86,7 +86,7 @@ function Default() {
         state,
     });
     return (react_1.default.createElement("div", { className: "p-10" },
-        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, noBorder: noBorder, onCsvDownload: console.log, onReload: onReload, schema: schemaWithFrontendConfig, state: state }),
+        react_1.default.createElement(toggle_1.Toggle, { label: "Has shared Filters for all Tabs", name: "hasSharedFilters", onChange: (value) => setHasSharedFilters(Boolean(value)), value: hasSharedFilters }),
+        react_1.default.createElement(data_grid_1.DataGrid, { actionCell: actionCell, actions: actions, changeTabFilterBehavior: hasSharedFilters ? "sharedFilters" : "filtersPerTab", 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 })));
 }

package/export-button/export-button.d.ts

@@ -6,6 +6,4 @@ export interface DataGridExportButtonProps extends DataGridControl {
     onCsvDownload: CsvDownloadHandler;
     schema: Schema<any>;
 }
-/** @deprecated Use DataGridExportButton */
-export declare function ExportButton(props: DataGridExportButtonProps): React.JSX.Element;
-export declare const DataGridExportButton: typeof ExportButton;
+export declare function DataGridExportButton(props: DataGridExportButtonProps): React.JSX.Element;

package/export-button/export-button.js

@@ -3,15 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridExportButton = void 0;
-exports.ExportButton = ExportButton;
+exports.DataGridExportButton = DataGridExportButton;
 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) {
+function DataGridExportButton(props) {
     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)), size: "sm", title: "St\u00E1hnout CSV", variant: "secondary" },
         react_1.default.createElement(icon_1.Icon, { name: "file-arrow-down" })));
 }
-exports.DataGridExportButton = ExportButton;

package/filter-list/filter-list.d.ts

@@ -2,13 +2,9 @@ import React from "react";
 import { FilterHandlers } from "../filter-handler";
 import { Schema } from "../types";
 import { DataGridControl } from "../use-data-grid-control";
-/** @deprecated Use DataGridFilterListProps */
-export interface FilterListProps extends DataGridControl {
+export interface DataGridFilterListProps extends DataGridControl {
     filterHandlers: FilterHandlers;
     className?: string;
     schema: Schema<any>;
 }
-export type DataGridFilterListProps = FilterListProps;
-/** @deprecated Use DataGridFilterList */
-export declare function FilterList(props: FilterListProps): React.JSX.Element | null;
-export declare const DataGridFilterList: typeof FilterList;
+export declare function DataGridFilterList(props: DataGridFilterListProps): React.JSX.Element | null;

package/filter-list/filter-list.js

@@ -3,15 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridFilterList = void 0;
-exports.FilterList = FilterList;
+exports.DataGridFilterList = DataGridFilterList;
 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");
-/** @deprecated Use DataGridFilterList */
-function FilterList(props) {
+function DataGridFilterList(props) {
     const renderedFilters = props.state.request.f
         .map((filterRequest) => {
         const filter = props.schema.filters.find((f) => f.name === filterRequest.name);
@@ -31,4 +29,3 @@ function FilterList(props) {
     }
     return react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__filter-list", props.className) }, renderedFilters);
 }
-exports.DataGridFilterList = FilterList;

package/filters/filters.d.ts

@@ -6,6 +6,4 @@ export interface DataGridFiltersProps extends DataGridControl {
     schema: Schema<any>;
     filterHandlers: FilterHandlers;
 }
-/** @deprecated Use DataGridFilters */
-export declare function Filters(props: DataGridFiltersProps): React.JSX.Element;
-export declare const DataGridFilters: typeof Filters;
+export declare function DataGridFilters(props: DataGridFiltersProps): React.JSX.Element;

package/filters/filters.js

@@ -3,12 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridFilters = void 0;
-exports.Filters = Filters;
+exports.DataGridFilters = DataGridFilters;
 const react_1 = __importDefault(require("react"));
 const create_filter_component_props_1 = require("../utils/create-filter-component-props");
-/** @deprecated Use DataGridFilters */
-function Filters(props) {
+function DataGridFilters(props) {
     return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map((filter) => {
         const filterHandler = props.filterHandlers[filter.type];
         const FilterInput = filterHandler === null || filterHandler === void 0 ? void 0 : filterHandler.Input;
@@ -21,4 +19,3 @@ 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.DataGridFilters = Filters;

package/filters-button/filters-button.d.ts

@@ -7,6 +7,4 @@ export interface DataGridFiltersButtonProps extends DataGridControl {
     filterHandlers: FilterHandlers;
     schema: Schema<any>;
 }
-/** @deprecated Use DataGridFiltersButton */
-export declare function FiltersButton(props: DataGridFiltersButtonProps): React.JSX.Element | null;
-export declare const DataGridFiltersButton: typeof FiltersButton;
+export declare function DataGridFiltersButton(props: DataGridFiltersButtonProps): React.JSX.Element | null;

package/filters-button/filters-button.js

@@ -23,15 +23,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridFiltersButton = void 0;
-exports.FiltersButton = FiltersButton;
+exports.DataGridFiltersButton = DataGridFiltersButton;
 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 filters_1 = require("../filters");
-/** @deprecated Use DataGridFiltersButton */
-function FiltersButton(props) {
+function DataGridFiltersButton(props) {
     var _a;
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     if (props.schema.filters.length === 0) {
@@ -43,4 +41,3 @@ function FiltersButton(props) {
         react_1.default.createElement(drawer_1.Drawer, { isOpen: isOpen, onClose: () => setIsOpen(false), 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.DataGridFiltersButton = FiltersButton;

package/footer/footer.d.ts

@@ -1,7 +1,5 @@
 import React, { ReactNode } from "react";
 export interface DataGridFooterProps {
-    /** @deprecated will be remove, create custom data grid https://fe.uxf.dev/docs/data-grid/data-grid-custom-example */
-    noBorder?: boolean;
     children: ReactNode;
 }
 export declare function DataGridFooter(props: DataGridFooterProps): React.JSX.Element;

package/footer/footer.js

@@ -4,9 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 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);
+    return react_1.default.createElement("div", { className: "uxf-data-grid__footer" }, props.children);
 }

package/fulltext-input/fulltext-input.d.ts

@@ -1,6 +1,4 @@
 import React from "react";
 import { DataGridControl } from "../use-data-grid-control";
 export type DataGridFulltextInputProps = DataGridControl;
-/** @deprecated Use DataGridFulltextInput */
-export declare function FulltextInput(props: DataGridFulltextInputProps): React.JSX.Element;
-export declare const DataGridFulltextInput: typeof FulltextInput;
+export declare function DataGridFulltextInput(props: DataGridFulltextInputProps): React.JSX.Element;

package/fulltext-input/fulltext-input.js

@@ -3,13 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridFulltextInput = void 0;
-exports.FulltextInput = FulltextInput;
+exports.DataGridFulltextInput = DataGridFulltextInput;
 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) {
+function DataGridFulltextInput(props) {
     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.DataGridFulltextInput = FulltextInput;

package/linear-progress/linear-progress.d.ts

@@ -1,9 +1,5 @@
 import React from "react";
-/** @deprecated Use DataGridLinearProgressProps */
-export interface LinearProgressProps {
+export interface DataGridLinearProgressProps {
     isLoading: boolean;
 }
-export type DataGridLinearProgressProps = LinearProgressProps;
-/** @deprecated Use DataGridLinearProgress */
-export declare function LinearProgress(props: LinearProgressProps): React.JSX.Element;
-export declare const DataGridLinearProgress: typeof LinearProgress;
+export declare function DataGridLinearProgress(props: DataGridLinearProgressProps): React.JSX.Element;

package/linear-progress/linear-progress.js

@@ -3,13 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridLinearProgress = void 0;
-exports.LinearProgress = LinearProgress;
+exports.DataGridLinearProgress = DataGridLinearProgress;
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importDefault(require("react"));
-/** @deprecated Use DataGridLinearProgress */
-function LinearProgress(props) {
+function DataGridLinearProgress(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.DataGridLinearProgress = LinearProgress;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/data-grid",
-    "version": "11.36.0",
+    "version": "11.37.0",
     "description": "UXF DataGrid",
     "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
     "main": "index.js",
@@ -33,7 +33,7 @@
     "dependencies": {
         "@uxf/core": "11.35.0",
         "@uxf/core-react": "11.36.0",
-        "@uxf/ui": "11.36.0",
+        "@uxf/ui": "11.37.0",
         "dayjs": "1.11.13",
         "deepmerge": "4.3.1",
         "fast-glob": "3.3.2",

package/pagination/pagination.d.ts

@@ -2,15 +2,11 @@ import { Nullish } from "@uxf/core/types";
 import { PaginationSizes } from "@uxf/ui/pagination/theme";
 import React from "react";
 import { DataGridControl } from "../use-data-grid-control";
-/** @deprecated Use DataGridPaginationProps */
-interface PaginationProps extends DataGridControl {
+interface DataGridPaginationProps extends DataGridControl {
     count: number | Nullish;
     showFirstButton?: boolean;
     showLastButton?: boolean;
     size?: keyof PaginationSizes;
 }
-export type DataGridPaginationProps = PaginationProps;
-/** @deprecated Use DataGridPagination */
-export declare function Pagination(props: PaginationProps): React.JSX.Element;
-export declare const DataGridPagination: typeof Pagination;
+export declare function DataGridPagination(props: DataGridPaginationProps): React.JSX.Element;
 export {};

package/pagination/pagination.js

@@ -3,16 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridPagination = void 0;
-exports.Pagination = Pagination;
+exports.DataGridPagination = DataGridPagination;
 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"));
-/** @deprecated Use DataGridPagination */
-function Pagination(props) {
+function DataGridPagination(props) {
     const pageCount = (0, is_not_nil_1.isNotNil)(props.count) && props.count > 0
         ? Math.max(Math.ceil(props.count / props.state.request.perPage), 1)
         : 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.DataGridPagination = Pagination;

package/root/root.d.ts

@@ -1,8 +1,6 @@
 import React, { ReactNode } from "react";
 export interface DataGridRootProps {
     children: ReactNode;
-    /** @deprecated will be remove, create custom data grid https://fe.uxf.dev/docs/data-grid/data-grid-custom-example */
-    noBorder?: boolean;
     className?: string;
 }
 export declare function DataGridRoot(props: DataGridRootProps): React.JSX.Element;

package/root/root.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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));
+    return react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid", props.className) }, props.children);
 }

package/row-counts/row-counts.d.ts

@@ -1,12 +1,8 @@
 import React from "react";
 import { DataGridControl } from "../use-data-grid-control";
-/** @deprecated Use DataGridRowCountsProps */
-export interface RowCountsProps {
+export interface DataGridRowCountsProps {
     state: DataGridControl["state"];
     totalCount: number;
     count: number;
 }
-export type DataGridRowCountsProps = RowCountsProps;
-/** @deprecated Use DataGridRowCounts */
-export declare function RowCounts(props: RowCountsProps): React.JSX.Element;
-export declare const DataGridRowCounts: typeof RowCounts;
+export declare function DataGridRowCounts(props: DataGridRowCountsProps): React.JSX.Element;

package/row-counts/row-counts.js

@@ -3,12 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridRowCounts = void 0;
-exports.RowCounts = RowCounts;
+exports.DataGridRowCounts = DataGridRowCounts;
 const show_1 = require("@uxf/core-react/components/show");
 const react_1 = __importDefault(require("react"));
-/** @deprecated Use DataGridRowCounts */
-function RowCounts(props) {
+function DataGridRowCounts(props) {
     const fromNumber = props.state.request.page * props.state.request.perPage + 1;
     const toNumber = Math.min(props.state.request.page * props.state.request.perPage + props.state.request.perPage, props.totalCount);
     return (react_1.default.createElement("p", { className: "uxf-data-grid__pagination-counts" },
@@ -23,4 +21,3 @@ function RowCounts(props) {
             props.totalCount,
             ")")));
 }
-exports.DataGridRowCounts = RowCounts;

package/rows-per-page-select/rows-per-page-select.d.ts

@@ -1,5 +1,3 @@
 import React from "react";
 import { DataGridControl } from "../use-data-grid-control";
-/** @deprecated Use DataGridRowsPerPageSelect */
-export declare function RowsPerPageSelect(props: DataGridControl): React.JSX.Element;
-export declare const DataGridRowsPerPageSelect: typeof RowsPerPageSelect;
+export declare function DataGridRowsPerPageSelect(props: DataGridControl): React.JSX.Element;

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

@@ -3,8 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridRowsPerPageSelect = void 0;
-exports.RowsPerPageSelect = RowsPerPageSelect;
+exports.DataGridRowsPerPageSelect = DataGridRowsPerPageSelect;
 const select_1 = require("@uxf/ui/select");
 const react_1 = __importDefault(require("react"));
 const PER_PAGE_OPTIONS = [
@@ -13,10 +12,8 @@ const PER_PAGE_OPTIONS = [
     { id: 50, label: "50" },
     { id: 100, label: "100" },
 ];
-/** @deprecated Use DataGridRowsPerPageSelect */
-function RowsPerPageSelect(props) {
+function DataGridRowsPerPageSelect(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, { 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.DataGridRowsPerPageSelect = RowsPerPageSelect;

package/selected-rows-toolbar/selected-rows-toolbar.d.ts

@@ -4,12 +4,8 @@ export interface SelectedRowsToolbarActionsProps extends DataGridControl {
     reload: () => void;
 }
 export type SelectedRowsToolbarActionsComponent = FC<SelectedRowsToolbarActionsProps>;
-/** @deprecated Use DataGridSelectedRowsToolbarProps */
-export interface SelectedRowsToolbarProps extends DataGridControl {
+export interface DataGridSelectedRowsToolbarProps extends DataGridControl {
     Actions?: SelectedRowsToolbarActionsComponent;
     onReload?: () => void;
 }
-export type DataGridSelectedRowsToolbarProps = SelectedRowsToolbarProps;
-/** @deprecated Use DataGridSelectedRowsToolbar */
-export declare function SelectedRowsToolbar(props: SelectedRowsToolbarProps): React.JSX.Element | null;
-export declare const DataGridSelectedRowsToolbar: typeof SelectedRowsToolbar;
+export declare function DataGridSelectedRowsToolbar(props: DataGridSelectedRowsToolbarProps): React.JSX.Element | null;

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

@@ -3,8 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridSelectedRowsToolbar = void 0;
-exports.SelectedRowsToolbar = SelectedRowsToolbar;
+exports.DataGridSelectedRowsToolbar = DataGridSelectedRowsToolbar;
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
 const getText = (count) => {
@@ -16,8 +15,7 @@ const getText = (count) => {
     }
     return `Vybráno ${count} záznamů`;
 };
-/** @deprecated Use DataGridSelectedRowsToolbar */
-function SelectedRowsToolbar(props) {
+function DataGridSelectedRowsToolbar(props) {
     if (!props.state.selectedRows) {
         return null;
     }
@@ -31,4 +29,3 @@ function SelectedRowsToolbar(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.DataGridSelectedRowsToolbar = SelectedRowsToolbar;

package/styles.css

@@ -35,10 +35,6 @@
     border: 1px solid var(--rdg-border-color);
     border-radius: theme("borderRadius.DEFAULT");
 
-    &.no-border {
-        border-style: none;
-    }
-
     &__action-cell {
         background-color: var(--rdg-background-color);
         border-inline-start: 1px solid var(--rdg-border-color);
@@ -321,10 +317,6 @@
         justify-content: flex-end;
         padding: theme("spacing.2");
 
-        &.no-border {
-            padding-right: 0;
-        }
-
         :root .dark & {
             border-bottom-color: theme("colors.darkBorder");
         }

package/table/hooks/use-react-data-grid-columns.d.ts

@@ -1,4 +1,4 @@
 import { Column } from "react-data-grid";
 import { DataGridState } from "../../types";
-import { TableProps } from "../types";
-export declare function useReactDataGridColumns(props: TableProps<any>, state: DataGridState<any>): Column<any>[];
+import { DataGridTableProps } from "../types";
+export declare function useReactDataGridColumns(props: DataGridTableProps<any>, state: DataGridState<any>): Column<any>[];

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

@@ -46,7 +46,7 @@ function useReactDataGridColumns(props, state) {
                 continue;
             }
             columns.push({
-                key: schemaColumn.name, // TODO
+                key: schemaColumn.name,
                 name: schemaColumn.label,
                 headerCellClass: (0, cx_1.cx)("uxf-data-grid__cell", "uxf-data-grid__cell--header", `uxf-data-grid__cell--type-${schemaColumn.type}`, `uxf-data-grid__cell--name-${schemaColumn.name}`),
                 resizable: true,

package/table/table.d.ts

@@ -1,6 +1,4 @@
 import React from "react";
 import { DataGridTableProps } from "./types";
 /** @deprecated will be remove, use DataGridTableV2 */
-export declare function Table(props: DataGridTableProps<any>): React.JSX.Element;
-/** @deprecated will be remove, use DataGridTableV2 */
-export declare const DataGridTable: typeof Table;
+export declare function DataGridTable(props: DataGridTableProps<any>): React.JSX.Element;