@uxf/data-grid - npm Package Compare versions

Comparing version 11.19.3 to 11.20.0

_components/drawer.js

@@ -8,3 +8,3 @@ "use strict";
 const react_1 = require("@floating-ui/react");
-const useIsMounted_1 = require("@uxf/core/hooks/useIsMounted");
+const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
 const button_1 = require("@uxf/ui/button");
@@ -14,3 +14,3 @@ const icon_1 = require("@uxf/ui/icon");
 const Drawer = (props) => {
-    const isMounted = (0, useIsMounted_1.useIsMounted)();
+    const isMounted = (0, use_is_mounted_1.useIsMounted)();
     if (!isMounted) {
@@ -17,0 +17,0 @@ return null;

components.d.ts

 import * as dataGridStories from "./data-grid.stories";
+import * as dataGridCustomExampleStories from "./data-grid-custom-example.stories";
 import * as exportButtonStories from "./export-button/export-button.stories";
@@ -23,2 +24,6 @@ import * as filterListStories from "./filter-list/filter-list.stories";
     };
+    readonly "data-grid-custom-example": {
+        readonly title: "DataGridCustomExample";
+        readonly stories: typeof dataGridCustomExampleStories;
+    };
     readonly "export-button": {
@@ -25,0 +30,0 @@ readonly title: "ExportButton";

components.js

@@ -29,2 +29,3 @@ "use strict";
 const dataGridStories = __importStar(require("./data-grid.stories"));
+const dataGridCustomExampleStories = __importStar(require("./data-grid-custom-example.stories"));
 const exportButtonStories = __importStar(require("./export-button/export-button.stories"));
@@ -51,2 +52,6 @@ const filterListStories = __importStar(require("./filter-list/filter-list.stories"));
     },
+    "data-grid-custom-example": {
+        title: "DataGridCustomExample",
+        stories: dataGridCustomExampleStories
+    },
     "export-button": {
@@ -53,0 +58,0 @@ title: "ExportButton",

data-grid.js

@@ -7,3 +7,2 @@ "use strict";
 exports.DataGrid = void 0;
-const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importDefault(require("react"));
@@ -13,4 +12,6 @@ const body_cell_1 = require("./body-cell");
 const filter_list_1 = require("./filter-list");
+const footer_1 = require("./footer");
 const linear_progress_1 = require("./linear-progress");
 const pagination_1 = require("./pagination");
+const root_1 = require("./root");
 const row_counts_1 = require("./row-counts");
@@ -21,2 +22,3 @@ const rows_per_page_select_1 = require("./rows-per-page-select");
 const no_rows_fallback_1 = require("./table/no-rows-fallback");
+const toolbar_1 = require("./toolbar");
 const toolbar_control_1 = require("./toolbar-control");
@@ -30,16 +32,16 @@ const toolbar_customs_1 = require("./toolbar-customs");
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid", props.noBorder && classes_1.NO_BORDER_CLASS, props.className) },
-            react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__toolbar", props.noBorder && classes_1.NO_BORDER_CLASS) },
-                react_1.default.createElement(toolbar_tabs_1.ToolbarTabs, { state: props.state, actions: props.actions, schema: props.schema }),
-                react_1.default.createElement(toolbar_control_1.ToolbarControl, { state: props.state, actions: props.actions, gridName: props.gridName, filterHandlers: (_a = props.filterHandlers) !== null && _a !== void 0 ? _a : filter_handler_1.defaultFilterHandlers, schema: props.schema, onCsvDownload: props.onCsvDownload }),
-                react_1.default.createElement(toolbar_customs_1.ToolbarCustoms, { buttons: props.customActions })),
-            react_1.default.createElement(linear_progress_1.LinearProgress, { isLoading: props.isLoading }),
-            react_1.default.createElement(filter_list_1.FilterList, { state: props.state, actions: props.actions, schema: props.schema, gridName: props.gridName, 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.Table, { 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("div", { className: (0, cx_1.cx)("uxf-data-grid__footer", props.noBorder && classes_1.NO_BORDER_CLASS) },
-                react_1.default.createElement(rows_per_page_select_1.RowsPerPageSelect, { state: props.state, actions: props.actions }),
-                react_1.default.createElement(row_counts_1.RowCounts, { 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(pagination_1.Pagination, { state: props.state, actions: props.actions, count: (_m = (_l = props.data) === null || _l === void 0 ? void 0 : _l.count) !== null && _m !== void 0 ? _m : 0 }))),
-        react_1.default.createElement(selected_rows_toolbar_1.SelectedRowsToolbar, { state: props.state, actions: props.actions, Actions: (_o = props.SelectedRowsToolbarActions) !== null && _o !== void 0 ? _o : DefaultSelectedRowsToolbarActions })));
+        react_1.default.createElement(root_1.DataGridRoot, { noBorder: props.noBorder, className: props.className },
+            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_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(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(pagination_1.DataGridPagination, { state: props.state, actions: props.actions, count: (_m = (_l = props.data) === null || _l === void 0 ? void 0 : _l.count) !== null && _m !== void 0 ? _m : 0 }))),
+        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 })));
 }
 exports.DataGrid = DataGrid;

data-grid.stories.js

@@ -53,3 +53,2 @@ "use strict";
         schema: schema_1.schema,
-        gridName: "grid-name",
         state,
@@ -56,0 +55,0 @@ });

export-button/export-button.d.ts

@@ -5,7 +5,8 @@ import React from "react";
 import { DataGridControl } from "../use-data-grid-control";
-interface ExportButtonProps extends DataGridControl {
+export interface DataGridExportButtonProps extends DataGridControl {
     onCsvDownload: CsvDownloadHandler;
     schema: Schema<any>;
 }
-export declare function ExportButton(props: ExportButtonProps): React.JSX.Element;
-export {};
+/** @deprecated Use DataGridExportButton */
+export declare function ExportButton(props: DataGridExportButtonProps): React.JSX.Element;
+export declare const DataGridExportButton: typeof ExportButton;

export-button/export-button.js

@@ -6,3 +6,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportButton = void 0;
+exports.DataGridExportButton = exports.ExportButton = void 0;
 const button_1 = require("@uxf/ui/button");
@@ -12,2 +12,3 @@ const icon_1 = require("@uxf/ui/icon");
 const utils_1 = require("../utils");
+/** @deprecated Use DataGridExportButton */
 function ExportButton(props) {
@@ -18,1 +19,2 @@ return (react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", onClick: () => props.onCsvDownload((0, utils_1.createRequest)(props.state.request)), title: "St\u00E1hnout CSV", className: "uxf-data-grid__plugin-button" },
 exports.ExportButton = ExportButton;
+exports.DataGridExportButton = ExportButton;

export-button/export-button.stories.js

@@ -15,5 +15,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(export_button_1.ExportButton, { state: state, actions: actions, schema: schema_1.schema, onCsvDownload: console.log }),
+        react_1.default.createElement(export_button_1.DataGridExportButton, { state: state, actions: actions, schema: schema_1.schema, onCsvDownload: console.log }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

filter-handler/entity-multi-select.js

@@ -6,2 +6,4 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const is_empty_1 = require("@uxf/core/utils/is-empty");
+const is_nil_1 = require("@uxf/core/utils/is-nil");
 const chip_1 = require("@uxf/ui/chip");
@@ -16,9 +18,11 @@ const multi_combobox_1 = require("@uxf/ui/multi-combobox");
     ListItem(props) {
-        var _a;
+        if ((0, is_nil_1.isNil)(props.value) || (0, is_empty_1.isEmpty)(props.value)) {
+            return null;
+        }
         return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
             props.filter.label,
-            ":\u00A0", (_a = props.value) === null || _a === void 0 ? void 0 :
-            _a.map((item) => item.label).join(", ")));
+            ":\u00A0",
+            props.value.map((item) => item.label).join(", ")));
     },
 };
 exports.default = filterHandler;

filter-list/filter-list.d.ts

@@ -5,4 +5,4 @@ import React from "react";
 import { DataGridControl } from "../use-data-grid-control";
+/** @deprecated Use DataGridFilterListProps */
 export interface FilterListProps extends DataGridControl {
-    gridName?: string;
     filterHandlers: FilterHandlers;
@@ -12,2 +12,5 @@ className?: string;
 }
+export type DataGridFilterListProps = FilterListProps;
+/** @deprecated Use DataGridFilterList */
 export declare function FilterList(props: FilterListProps): React.JSX.Element | null;
+export declare const DataGridFilterList: typeof FilterList;

filter-list/filter-list.js

@@ -6,3 +6,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterList = void 0;
+exports.DataGridFilterList = exports.FilterList = void 0;
 const cx_1 = require("@uxf/core/utils/cx");
@@ -12,2 +12,3 @@ const is_nil_1 = require("@uxf/core/utils/is-nil");
 const create_filter_component_props_1 = require("../utils/create-filter-component-props");
+/** @deprecated Use DataGridFilterList */
 function FilterList(props) {
@@ -25,3 +26,3 @@ const renderedFilters = props.state.request.f
         }
-        return (react_1.default.createElement(FilterListItem, { key: filterRequest.name, ...(0, create_filter_component_props_1.createFilterComponentProps)(props.gridName, filter, props.state, props.actions) }));
+        return (react_1.default.createElement(FilterListItem, { key: filterRequest.name, ...(0, create_filter_component_props_1.createFilterComponentProps)(props.schema.name, filter, props.state, props.actions) }));
     })
@@ -35,1 +36,2 @@ .filter((item) => !!item);
 exports.FilterList = FilterList;
+exports.DataGridFilterList = FilterList;

filter-list/filter-list.stories.js

@@ -16,5 +16,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(filter_list_1.FilterList, { state: state, actions: actions, schema: schema_1.schema, gridName: "grid-name", filterHandlers: filter_handler_1.defaultFilterHandlers }),
+        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(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

filters-button/filters-button.d.ts

@@ -5,8 +5,8 @@ import React from "react";
 import { DataGridControl } from "../use-data-grid-control";
-interface FiltersButtonProps extends DataGridControl {
-    gridName: string | undefined;
+export interface DataGridFiltersButtonProps extends DataGridControl {
     schema: Schema<any>;
     filterHandlers: FilterHandlers;
 }
-export declare function FiltersButton(props: FiltersButtonProps): React.JSX.Element | null;
-export {};
+/** @deprecated Use DataGridFiltersButton */
+export declare function FiltersButton(props: DataGridFiltersButtonProps): React.JSX.Element | null;
+export declare const DataGridFiltersButton: typeof FiltersButton;

filters-button/filters-button.js

@@ -26,3 +26,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FiltersButton = void 0;
+exports.DataGridFiltersButton = exports.FiltersButton = void 0;
 const button_1 = require("@uxf/ui/button");
@@ -33,2 +33,3 @@ const icon_1 = require("@uxf/ui/icon");
 const filters_1 = require("../filters");
+/** @deprecated Use DataGridFiltersButton */
 function FiltersButton(props) {
@@ -43,4 +44,5 @@ const [isOpen, setIsOpen] = (0, react_1.useState)(false);
         react_1.default.createElement(drawer_1.Drawer, { open: isOpen, onClose: () => setIsOpen(false) },
-            react_1.default.createElement(filters_1.Filters, { state: props.state, actions: props.actions, gridName: props.gridName, schema: props.schema, filterHandlers: props.filterHandlers }))));
+            react_1.default.createElement(filters_1.DataGridFilters, { state: props.state, actions: props.actions, schema: props.schema, filterHandlers: props.filterHandlers }))));
 }
 exports.FiltersButton = FiltersButton;
+exports.DataGridFiltersButton = FiltersButton;

filters-button/filters-button.stories.js

@@ -16,5 +16,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(filters_button_1.FiltersButton, { state: state, actions: actions, schema: schema_1.schema, gridName: "grid-name", filterHandlers: filter_handler_1.defaultFilterHandlers }),
+        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(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

filters/filters.d.ts

@@ -5,8 +5,8 @@ import React from "react";
 import { DataGridControl } from "../use-data-grid-control";
-interface FiltersProps extends DataGridControl {
-    gridName: string | undefined;
+export interface DataGridFiltersProps extends DataGridControl {
     schema: Schema<any>;
     filterHandlers: FilterHandlers;
 }
-export declare function Filters(props: FiltersProps): React.JSX.Element;
-export {};
+/** @deprecated Use DataGridFilters */
+export declare function Filters(props: DataGridFiltersProps): React.JSX.Element;
+export declare const DataGridFilters: typeof Filters;

filters/filters.js

@@ -6,5 +6,6 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Filters = void 0;
+exports.DataGridFilters = exports.Filters = void 0;
 const react_1 = __importDefault(require("react"));
 const create_filter_component_props_1 = require("../utils/create-filter-component-props");
+/** @deprecated Use DataGridFilters */
 function Filters(props) {
@@ -20,5 +21,6 @@ return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map((filter) => {
         }
-        return (react_1.default.createElement(FilterInput, { key: filter.name, ...(0, create_filter_component_props_1.createFilterComponentProps)(props.gridName, filter, props.state, props.actions) }));
+        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;

filters/filters.stories.js

@@ -16,5 +16,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(filters_1.Filters, { state: state, actions: actions, schema: schema_1.schema, gridName: "grid-name", filterHandlers: filter_handler_1.defaultFilterHandlers }),
+        react_1.default.createElement(filters_1.DataGridFilters, { state: state, actions: actions, schema: schema_1.schema, filterHandlers: filter_handler_1.defaultFilterHandlers }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

fulltext-input/fulltext-input.d.ts

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

fulltext-input/fulltext-input.js

@@ -6,6 +6,7 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FulltextInput = void 0;
+exports.DataGridFulltextInput = exports.FulltextInput = void 0;
 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) {
@@ -15,1 +16,2 @@ 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" }));
 exports.FulltextInput = FulltextInput;
+exports.DataGridFulltextInput = FulltextInput;

fulltext-input/fulltext-input.stories.js

@@ -15,5 +15,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(fulltext_input_1.FulltextInput, { state: state, actions: actions }),
+        react_1.default.createElement(fulltext_input_1.DataGridFulltextInput, { state: state, actions: actions }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

hidden-columns-button/hidden-columns-button.d.ts

 import React from "react";
 import { Schema } from "../types";
 import { DataGridControl } from "../use-data-grid-control";
-interface HiddenColumnsButtonProps extends DataGridControl {
+export interface DataGridHiddenColumnsButtonProps extends DataGridControl {
     schema: Schema<any>;
 }
-export declare function HiddenColumnsButton(props: HiddenColumnsButtonProps): React.JSX.Element;
-export {};
+/** @deprecated Use DataGridHiddenColumnsButton */
+export declare function HiddenColumnsButton(props: DataGridHiddenColumnsButtonProps): React.JSX.Element;
+export declare const DataGridHiddenColumnsButton: typeof HiddenColumnsButton;

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

@@ -26,3 +26,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HiddenColumnsButton = void 0;
+exports.DataGridHiddenColumnsButton = exports.HiddenColumnsButton = void 0;
 const button_1 = require("@uxf/ui/button");
@@ -33,2 +33,3 @@ const icon_1 = require("@uxf/ui/icon");
 const hidden_columns_1 = require("../hidden-columns");
+/** @deprecated Use DataGridHiddenColumnsButton */
 function HiddenColumnsButton(props) {
@@ -43,1 +44,2 @@ const [isOpen, setIsOpen] = (0, react_1.useState)(false);
 exports.HiddenColumnsButton = HiddenColumnsButton;
+exports.DataGridHiddenColumnsButton = HiddenColumnsButton;

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

@@ -15,5 +15,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(hidden_columns_button_1.HiddenColumnsButton, { state: state, actions: actions, schema: schema_1.schema }),
+        react_1.default.createElement(hidden_columns_button_1.DataGridHiddenColumnsButton, { state: state, actions: actions, schema: schema_1.schema }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

hidden-columns/hidden-columns.d.ts

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

hidden-columns/hidden-columns.js

@@ -6,5 +6,6 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HiddenColumns = void 0;
+exports.DataGridHiddenColumns = exports.HiddenColumns = void 0;
 const toggle_1 = require("@uxf/ui/toggle");
 const react_1 = __importDefault(require("react"));
+/** @deprecated Use DataGridHiddenColumns */
 function HiddenColumns(props) {
@@ -17,1 +18,2 @@ return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control-columns" }, props.schema.columns.map((column) => {
 exports.HiddenColumns = HiddenColumns;
+exports.DataGridHiddenColumns = HiddenColumns;

hidden-columns/hidden-columns.stories.js

@@ -15,5 +15,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(hidden_columns_1.HiddenColumns, { state: state, actions: actions, schema: schema_1.schema }),
+        react_1.default.createElement(hidden_columns_1.DataGridHiddenColumns, { state: state, actions: actions, schema: schema_1.schema }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

linear-progress/linear-progress.d.ts

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

linear-progress/linear-progress.js

@@ -6,5 +6,6 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinearProgress = void 0;
+exports.DataGridLinearProgress = exports.LinearProgress = void 0;
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importDefault(require("react"));
+/** @deprecated Use DataGridLinearProgress */
 function LinearProgress(props) {
@@ -15,1 +16,2 @@ return (react_1.default.createElement("div", { className: "uxf-data-grid__linear-progress-wrapper" },
 exports.LinearProgress = LinearProgress;
+exports.DataGridLinearProgress = LinearProgress;

package.json

 {
   "name": "@uxf/data-grid",
-  "version": "11.19.3",
+  "version": "11.20.0",
   "description": "UXF DataGrid",
@@ -34,4 +34,5 @@ "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "dependencies": {
-    "@uxf/core": "11.19.0",
-    "@uxf/ui": "11.19.0",
+    "@uxf/core": "11.20.0",
+    "@uxf/core-react": "11.20.0",
+    "@uxf/ui": "11.20.0",
     "dayjs": "1.11.10",
@@ -38,0 +39,0 @@ "deepmerge": "4.3.1",

pagination/pagination.d.ts

 import { Nullish } from "@uxf/core/types";
 import React from "react";
 import { DataGridControl } from "../use-data-grid-control";
+/** @deprecated Use DataGridPaginationProps */
 interface PaginationProps extends DataGridControl {
     count: number | Nullish;
 }
+export type DataGridPaginationProps = PaginationProps;
+/** @deprecated Use DataGridPagination */
 export declare function Pagination(props: PaginationProps): React.JSX.Element;
+export declare const DataGridPagination: typeof Pagination;
 export {};

pagination/pagination.js

@@ -6,6 +6,7 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = void 0;
+exports.DataGridPagination = exports.Pagination = void 0;
 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) {
@@ -18,1 +19,2 @@ const pageCount = (0, is_not_nil_1.isNotNil)(props.count) && props.count > 0
 exports.Pagination = Pagination;
+exports.DataGridPagination = Pagination;

pagination/pagination.stories.js

@@ -15,5 +15,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(pagination_1.Pagination, { state: state, actions: actions, count: 100 }),
+        react_1.default.createElement(pagination_1.DataGridPagination, { state: state, actions: actions, count: 100 }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

row-counts/row-counts.d.ts

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

row-counts/row-counts.js

@@ -6,5 +6,6 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RowCounts = void 0;
-const show_1 = require("@uxf/core/components/show");
+exports.DataGridRowCounts = exports.RowCounts = void 0;
+const show_1 = require("@uxf/core-react/components/show");
 const react_1 = __importDefault(require("react"));
+/** @deprecated Use DataGridRowCounts */
 function RowCounts(props) {
@@ -26,1 +27,2 @@ const fromNumber = props.state.request.page * props.state.request.perPage + 1;
 exports.RowCounts = RowCounts;
+exports.DataGridRowCounts = RowCounts;

row-counts/row-counts.stories.js

@@ -13,4 +13,4 @@ "use strict";
     const { state } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
-    return react_1.default.createElement(row_counts_1.RowCounts, { state: state, totalCount: 150, count: 100 });
+    return react_1.default.createElement(row_counts_1.DataGridRowCounts, { state: state, totalCount: 150, count: 100 });
 }
 exports.Default = Default;

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

 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;

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

@@ -6,3 +6,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RowsPerPageSelect = void 0;
+exports.DataGridRowsPerPageSelect = exports.RowsPerPageSelect = void 0;
 const select_1 = require("@uxf/ui/select");
@@ -16,2 +16,3 @@ const react_1 = __importDefault(require("react"));
 ];
+/** @deprecated Use DataGridRowsPerPageSelect */
 function RowsPerPageSelect(props) {
@@ -23,1 +24,2 @@ return (react_1.default.createElement("div", { className: "uxf-data-grid__rows-per-page" },
 exports.RowsPerPageSelect = RowsPerPageSelect;
+exports.DataGridRowsPerPageSelect = RowsPerPageSelect;

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

@@ -15,5 +15,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(rows_per_page_select_1.RowsPerPageSelect, { state: state, actions: actions }),
+        react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { state: state, actions: actions }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

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

@@ -7,2 +7,3 @@ import React, { FC } from "react";
 export type SelectedRowsToolbarActionsComponent = FC<SelectedRowsToolbarActionsProps>;
+/** @deprecated Use DataGridSelectedRowsToolbarProps */
 export interface SelectedRowsToolbarProps extends DataGridControl {
@@ -12,2 +13,5 @@ Actions?: SelectedRowsToolbarActionsComponent;
 }
+export type DataGridSelectedRowsToolbarProps = SelectedRowsToolbarProps;
+/** @deprecated Use DataGridSelectedRowsToolbar */
 export declare function SelectedRowsToolbar(props: SelectedRowsToolbarProps): React.JSX.Element | null;
+export declare const DataGridSelectedRowsToolbar: typeof SelectedRowsToolbar;

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

@@ -6,3 +6,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectedRowsToolbar = void 0;
+exports.DataGridSelectedRowsToolbar = exports.SelectedRowsToolbar = void 0;
 const button_1 = require("@uxf/ui/button");
@@ -19,2 +19,3 @@ const react_1 = __importDefault(require("react"));
 };
+/** @deprecated Use DataGridSelectedRowsToolbar */
 function SelectedRowsToolbar(props) {
@@ -35,1 +36,2 @@ if (!props.state.selectedRows) {
 exports.SelectedRowsToolbar = SelectedRowsToolbar;
+exports.DataGridSelectedRowsToolbar = SelectedRowsToolbar;

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

@@ -40,3 +40,3 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(selected_rows_toolbar_1.SelectedRowsToolbar, { state: state, actions: actions, Actions: () => (react_1.default.createElement(button_1.Button, { isIconButton: true },
+        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" }))) }),
@@ -43,0 +43,0 @@ react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));

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

@@ -24,13 +24,12 @@ "use strict";
             const gridColumns = columns.map((_, i) => {
-                var _a, _b, _c, _d, _e, _f;
+                var _a, _b, _c, _d;
                 const columnRef = columnRefs.current[i];
                 if (i === activeIndex) {
-                    const tableLeft = (_b = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) !== null && _b !== void 0 ? _b : 0;
-                    const tableScrollLeft = (_d = (_c = tableRef.current) === null || _c === void 0 ? void 0 : _c.scrollLeft) !== null && _d !== void 0 ? _d : 0;
-                    const columnOffsetLeft = (_e = columnRef === null || columnRef === void 0 ? void 0 : columnRef.offsetLeft) !== null && _e !== void 0 ? _e : 0;
+                    const tableScrollLeft = (_b = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.scrollLeft) !== null && _b !== void 0 ? _b : 0;
+                    const columnOffsetLeft = (_c = columnRef === null || columnRef === void 0 ? void 0 : columnRef.offsetLeft) !== null && _c !== void 0 ? _c : 0;
                     const clickPositionX = e.clientX + tableScrollLeft;
-                    const width = clickPositionX - columnOffsetLeft - tableLeft;
+                    const width = clickPositionX - columnOffsetLeft;
                     return width >= 50 ? width : 50;
                 }
-                return (_f = columnRef === null || columnRef === void 0 ? void 0 : columnRef.offsetWidth) !== null && _f !== void 0 ? _f : 50;
+                return (_d = columnRef === null || columnRef === void 0 ? void 0 : columnRef.offsetWidth) !== null && _d !== void 0 ? _d : 50;
             });
@@ -37,0 +36,0 @@ // TODO @vejvis - jak tohle udělat lépe??

table-v2/table-v2.d.ts

 import React from "react";
-import { TableProps } from "./types";
-export declare function TableV2(props: TableProps<any>): React.JSX.Element;
+import { DataGridTableProps } from "./types";
+/** @deprecated Use DataGridTableV2 */
+export declare function TableV2(props: DataGridTableProps<any>): React.JSX.Element;
+export declare const DataGridTableV2: typeof TableV2;

table-v2/table-v2.js

@@ -6,4 +6,4 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableV2 = void 0;
-const show_1 = require("@uxf/core/components/show");
+exports.DataGridTableV2 = exports.TableV2 = void 0;
+const show_1 = require("@uxf/core-react/components/show");
 const is_nil_1 = require("@uxf/core/utils/is-nil");
@@ -18,2 +18,3 @@ const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const DefaultBodyCell = () => "Unknown body cell.";
+/** @deprecated Use DataGridTableV2 */
 function TableV2(props) {
@@ -54,1 +55,2 @@ var _a, _b, _c, _d;
 exports.TableV2 = TableV2;
+exports.DataGridTableV2 = TableV2;

table-v2/table-v2.stories.js

@@ -18,6 +18,6 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(hidden_columns_button_1.HiddenColumnsButton, { schema: schema_1.schema, state: state, actions: actions }),
-        react_1.default.createElement(table_v2_1.TableV2, { state: state, actions: actions, data: data_1.data, isLoading: true, error: undefined, schema: schema_1.schema, bodyCells: body_cell_1.BodyCells, isRowSelectable: true, actionCell: { width: 150, Component: () => react_1.default.createElement("div", null, "ActionCell") } }),
+        react_1.default.createElement(hidden_columns_button_1.DataGridHiddenColumnsButton, { schema: schema_1.schema, state: state, actions: actions }),
+        react_1.default.createElement(table_v2_1.DataGridTableV2, { state: state, actions: actions, data: data_1.data, isLoading: true, error: undefined, schema: schema_1.schema, bodyCells: body_cell_1.BodyCells, isRowSelectable: true, actionCell: { width: 150, Component: () => react_1.default.createElement("div", null, "ActionCell") } }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

table-v2/types.d.ts

@@ -7,2 +7,3 @@ import { Nullish } from "@uxf/core/types";
 import { NoRowsFallbackComponent } from "./no-rows-fallback";
+/** @deprecated Use DataGridTableProps */
 export interface TableProps<Row> extends DataGridControl {
@@ -26,1 +27,2 @@ schema: Schema<any>;
 }
+export type DataGridTableProps<Row> = TableProps<Row>;

table/table.d.ts

 import React from "react";
-import { TableProps } from "./types";
-export declare function Table(props: TableProps<any>): React.JSX.Element;
+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;

table/table.js

@@ -29,5 +29,5 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = void 0;
-const show_1 = require("@uxf/core/components/show");
-const useIsMounted_1 = require("@uxf/core/hooks/useIsMounted");
+exports.DataGridTable = exports.Table = void 0;
+const show_1 = require("@uxf/core-react/components/show");
+const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
 const react_1 = __importStar(require("react"));
@@ -40,5 +40,6 @@ const react_data_grid_1 = __importDefault(require("react-data-grid"));
 const DefaultNoRowsFallback = () => react_1.default.createElement("div", null, "no rows");
+/** @deprecated will be remove, use DataGridTableV2 */
 function Table(props) {
     var _a, _b, _c, _d, _e, _f, _g;
-    const isMounted = (0, useIsMounted_1.useIsMounted)();
+    const isMounted = (0, use_is_mounted_1.useIsMounted)();
     const rowHeight = (_a = props.rowHeight) !== null && _a !== void 0 ? _a : 44;
@@ -91,1 +92,3 @@ const headerRowHeight = (_b = props.headerRowHeight) !== null && _b !== void 0 ? _b : 36;
 exports.Table = Table;
+/** @deprecated will be remove, use DataGridTableV2 */
+exports.DataGridTable = Table;

table/table.stories.js

@@ -17,5 +17,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(table_1.Table, { state: state, actions: actions, data: data_1.data, isLoading: true, error: undefined, schema: schema_1.schema, bodyCells: body_cell_1.BodyCells, isRowSelectable: true }),
+        react_1.default.createElement(table_1.DataGridTable, { state: state, actions: actions, data: data_1.data, isLoading: true, error: undefined, schema: schema_1.schema, bodyCells: body_cell_1.BodyCells, isRowSelectable: true }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

table/types.d.ts

@@ -7,2 +7,3 @@ import { Nullish } from "@uxf/core/types";
 import { NoRowsFallbackComponent } from "./no-rows-fallback";
+/** @deprecated Use DataGridTableProps */
 export interface TableProps<Row> extends DataGridControl {
@@ -26,1 +27,2 @@ schema: Schema<any>;
 }
+export type DataGridTableProps<Row> = TableProps<Row>;

toolbar-control/toolbar-control.d.ts

@@ -6,4 +6,4 @@ import { Nullish } from "@uxf/core/types";
 import { DataGridControl } from "../use-data-grid-control";
+/** @deprecated Use DataGridToolbarControlProps */
 export interface ToolbarControlProps extends DataGridControl {
-    gridName: string | undefined;
     schema: Schema<any>;
@@ -14,2 +14,5 @@ filterHandlers: FilterHandlers;
 }
+export type DataGridToolbarControlProps = ToolbarControlProps;
+/** @deprecated Use DataGridToolbarControl */
 export declare function ToolbarControl(props: ToolbarControlProps): React.JSX.Element;
+export declare const DataGridToolbarControl: typeof ToolbarControl;

toolbar-control/toolbar-control.js

@@ -6,4 +6,4 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarControl = void 0;
-const hide_1 = require("@uxf/core/components/hide");
+exports.DataGridToolbarControl = exports.ToolbarControl = void 0;
+const hide_1 = require("@uxf/core-react/components/hide");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
@@ -15,10 +15,12 @@ const react_1 = __importDefault(require("react"));
 const hidden_columns_button_1 = require("../hidden-columns-button");
+/** @deprecated Use DataGridToolbarControl */
 function ToolbarControl(props) {
     return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" },
         react_1.default.createElement(hide_1.Hide, { when: !props.schema.fullText },
-            react_1.default.createElement(fulltext_input_1.FulltextInput, { state: props.state, actions: props.actions })),
-        (0, is_not_nil_1.isNotNil)(props.onCsvDownload) && (react_1.default.createElement(export_button_1.ExportButton, { state: props.state, actions: props.actions, schema: props.schema, onCsvDownload: props.onCsvDownload })),
-        react_1.default.createElement(hidden_columns_button_1.HiddenColumnsButton, { state: props.state, actions: props.actions, schema: props.schema }),
-        react_1.default.createElement(filters_button_1.FiltersButton, { state: props.state, actions: props.actions, gridName: props.gridName, schema: props.schema, filterHandlers: props.filterHandlers })));
+            react_1.default.createElement(fulltext_input_1.DataGridFulltextInput, { state: props.state, actions: props.actions })),
+        (0, is_not_nil_1.isNotNil)(props.onCsvDownload) && (react_1.default.createElement(export_button_1.DataGridExportButton, { state: props.state, actions: props.actions, schema: props.schema, onCsvDownload: props.onCsvDownload })),
+        react_1.default.createElement(hidden_columns_button_1.DataGridHiddenColumnsButton, { state: props.state, actions: props.actions, schema: props.schema }),
+        react_1.default.createElement(filters_button_1.DataGridFiltersButton, { state: props.state, actions: props.actions, schema: props.schema, filterHandlers: props.filterHandlers })));
 }
 exports.ToolbarControl = ToolbarControl;
+exports.DataGridToolbarControl = ToolbarControl;

toolbar-control/toolbar-control.stories.js

@@ -17,5 +17,5 @@ "use strict";
         react_1.default.createElement("div", { className: "flex flex-row" },
-            react_1.default.createElement(toolbar_control_1.ToolbarControl, { state: state, actions: actions, schema: schema_1.schema, filterHandlers: filter_handler_1.defaultFilterHandlers, gridName: "grid-name", onCsvDownload: console.log })),
+            react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { state: state, actions: actions, schema: schema_1.schema, filterHandlers: filter_handler_1.defaultFilterHandlers, onCsvDownload: console.log })),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

toolbar-customs/toolbar-customs.d.ts

 import { ButtonVariant } from "@uxf/ui/button";
 import React, { ReactElement } from "react";
+/** @deprecated Use DataGridToolbarCustomsProps */
 export interface ToolbarCustomsProps {
@@ -11,2 +12,5 @@ buttons?: {
 }
+export type DataGridToolbarCustomsProps = ToolbarCustomsProps;
+/** @deprecated Use DataGridToolbarCustoms */
 export declare function ToolbarCustoms(props: ToolbarCustomsProps): React.JSX.Element | null;
+export declare const DataGridToolbarCustoms: typeof ToolbarCustoms;

toolbar-customs/toolbar-customs.js

@@ -6,6 +6,7 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarCustoms = void 0;
+exports.DataGridToolbarCustoms = exports.ToolbarCustoms = void 0;
 const button_1 = require("@uxf/ui/button");
 const button_list_1 = require("@uxf/ui/button-list");
 const react_1 = __importDefault(require("react"));
+/** @deprecated Use DataGridToolbarCustoms */
 function ToolbarCustoms(props) {
@@ -20,1 +21,2 @@ if (!props.buttons) {
 exports.ToolbarCustoms = ToolbarCustoms;
+exports.DataGridToolbarCustoms = ToolbarCustoms;

toolbar-customs/toolbar-customs.stories.js

@@ -10,3 +10,3 @@ "use strict";
 function Default() {
-    return (react_1.default.createElement(toolbar_customs_1.ToolbarCustoms, { buttons: [
+    return (react_1.default.createElement(toolbar_customs_1.DataGridToolbarCustoms, { buttons: [
             { label: "Default", href: "/", variant: "default" },
@@ -13,0 +13,0 @@ { label: "Text", href: "/", variant: "text" },

toolbar-tabs/toolbar-tabs.d.ts

 import React from "react";
 import { Schema } from "../types/schema";
 import { DataGridControl } from "../use-data-grid-control";
+/** @deprecated Use DataGridToolbarTabsProps */
 export interface ToolbarTabsProps extends DataGridControl {
     schema: Schema<any>;
 }
-export declare function ToolbarTabs(props: ToolbarTabsProps): React.JSX.Element;
+export type DataGridToolbarTabsProps = ToolbarTabsProps;
+/** @deprecated Use DataGridToolbarTabs */
+export declare function ToolbarTabs(props: DataGridToolbarTabsProps): React.JSX.Element;
+export declare const DataGridToolbarTabs: typeof ToolbarTabs;

toolbar-tabs/toolbar-tabs.js

@@ -6,4 +6,4 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarTabs = void 0;
-const show_1 = require("@uxf/core/components/show");
+exports.DataGridToolbarTabs = exports.ToolbarTabs = void 0;
+const show_1 = require("@uxf/core-react/components/show");
 const cx_1 = require("@uxf/core/utils/cx");
@@ -17,2 +17,3 @@ const button_1 = require("@uxf/ui/button");
 }
+/** @deprecated Use DataGridToolbarTabs */
 function ToolbarTabs(props) {
@@ -39,1 +40,2 @@ var _a, _b, _c, _d;
 exports.ToolbarTabs = ToolbarTabs;
+exports.DataGridToolbarTabs = ToolbarTabs;

toolbar-tabs/toolbar-tabs.stories.js

@@ -15,5 +15,5 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(toolbar_tabs_1.ToolbarTabs, { state: state, actions: actions, schema: schema_1.schema }),
+        react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { state: state, actions: actions, schema: schema_1.schema }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }
 exports.Default = Default;

types/data-grid-props.d.ts

 import { FilterHandlers } from "../filter-handler";
 import { SelectedRowsToolbarActionsComponent } from "../selected-rows-toolbar";
 import { NoRowsFallbackComponent } from "../table/no-rows-fallback";
-import { TableProps } from "../table/types";
-import { ToolbarCustomsProps } from "../toolbar-customs";
+import { DataGridTableProps } from "../table/types";
+import { DataGridToolbarCustomsProps } from "../toolbar-customs";
 import { DataGridControl } from "../use-data-grid-control";
@@ -18,2 +18,3 @@ import { DataGridFetchingResult } from "../use-data-grid-fetching";
     onCsvDownload?: CsvDownloadHandler;
+    /** @deprecated will be remove, create custom data grid https://fe.uxf.dev/docs/data-grid/data-grid-custom-example */
     noBorder?: boolean;
@@ -24,4 +25,4 @@ rowHeight?: number | ((row: Row) => number);
     className?: string;
-    customActions?: ToolbarCustomsProps["buttons"];
-    actionCell?: TableProps<Row>["actionCell"];
+    customActions?: DataGridToolbarCustomsProps["buttons"];
+    actionCell?: DataGridTableProps<Row>["actionCell"];
     bodyCells?: BodyCellComponents<GridType["columns"], Row>;
@@ -28,0 +29,0 @@ filterHandlers?: FilterHandlers;

use-data-grid-fetching/use-data-grid-fetching.d.ts

@@ -18,3 +18,2 @@ import { Loader } from "../types/core";
     schema: Schema<any>;
-    gridName: string;
     state: DataGridControl["state"];
@@ -21,0 +20,0 @@ }

use-data-grid-fetching/use-data-grid-fetching.js

@@ -8,3 +8,3 @@ "use strict";
 function useDataGridFetching(config) {
-    const { state, loader = loader_1.dataGridLoader, gridName } = config;
+    const { state, loader = loader_1.dataGridLoader } = config;
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
@@ -18,3 +18,3 @@ const [error, setError] = (0, react_1.useState)(null);
         setIsLoading(true);
-        loader(gridName, request, (0, utils_1.encodeFilter)(request))
+        loader(config.schema.name, request, (0, utils_1.encodeFilter)(request))
             .then((response) => {
@@ -32,3 +32,3 @@ setData(response);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [stringStateRequest, gridName]);
+    }, [stringStateRequest, config.schema]);
     (0, react_1.useEffect)(() => {
@@ -35,0 +35,0 @@ reload();

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

234614

increased by6.84%

Number of package files

262

increased by5.65%

Lines of code

4991

increased by5.67%

Worsened metrics

Dependency count

11

increased by10%

Dependency changes

• + Added@uxf/core-react@11.20.0

• + Added@uxf/core@11.20.0(transitive)

• + Added@uxf/core-react@11.20.0(transitive)

• + Added@uxf/styles@11.20.0(transitive)

• + Added@uxf/ui@11.20.0(transitive)

• - Removed@uxf/core@11.19.0(transitive)

• - Removed@uxf/styles@11.19.0(transitive)

• - Removed@uxf/ui@11.19.0(transitive)

• Updated@uxf/core@11.20.0

• Updated@uxf/ui@11.20.0