@uxf/data-grid 11.36.0 → 11.37.0

package/table/table.js

@@ -26,8 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridTable = void 0;
-exports.Table = Table;
+exports.DataGridTable = DataGridTable;
 const show_1 = require("@uxf/core-react/components/show");
 const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
@@ -41,7 +40,7 @@ const no_rows_fallback_1 = require("./no-rows-fallback");
 const defaultKeyExtractor = (r) => r.id;
 const DefaultNoRowsFallback = no_rows_fallback_1.NoRowsFallback;
 /** @deprecated will be remove, use DataGridTableV2 */
-function Table(props) {
+function DataGridTable(props) {
     var _a, _b, _c, _d, _e, _f, _g;
     const isMounted = (0, use_is_mounted_1.useIsMounted)();
     const rowHeight = (_a = props.rowHeight) !== null && _a !== void 0 ? _a : 44;
@@ -91,5 +90,3 @@ function Table(props) {
     return (react_1.default.createElement(show_1.Show, { when: isMounted },
         react_1.default.createElement(react_data_grid_1.default, { className: rdgVisuals.className, columns: columns, enableVirtualization: false, headerRowHeight: rdgVisuals.headerRowHeight, onSelectedRowsChange: onSelectRows, onSortColumnsChange: onSortColumnChange, ref: rdgVisuals.ref, renderers: components, rowClass: props.rowClass, rowHeight: rdgVisuals.rowHeight, rowKeyGetter: (_e = props.keyExtractor) !== null && _e !== void 0 ? _e : defaultKeyExtractor, rows: props.data, selectedRows: new Set((_g = (_f = props.state.selectedRows) === null || _f === void 0 ? void 0 : _f.map(keyExtractor)) !== null && _g !== void 0 ? _g : empty_array_1.EMPTY_ARRAY), sortColumns: sortColumns, style: reactDataGridStyles })));
 }
-/** @deprecated will be remove, use DataGridTableV2 */
-exports.DataGridTable = Table;

package/table/types.d.ts

@@ -4,8 +4,7 @@ import { KeyExtractor } from "../types/core";
 import { Schema } from "../types/schema";
 import { DataGridControl } from "../use-data-grid-control";
 import { NoRowsFallbackComponent } from "./no-rows-fallback";
-/** @deprecated Use DataGridTableProps */
-export interface TableProps<Row> extends DataGridControl {
+export interface DataGridTableProps<Row> extends DataGridControl {
     schema: Schema<any>;
     data: Row[];
     isLoading?: boolean;
@@ -20,4 +19,3 @@ export interface TableProps<Row> extends DataGridControl {
     NoRowsFallback?: NoRowsFallbackComponent;
     isRowSelectable?: boolean;
 }
-export type DataGridTableProps<Row> = TableProps<Row>;

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

@@ -29,7 +29,11 @@ function useResizableColumns(columns, actionCell, actions, selectRowsCellWidth)
             // TODO @vejvis - jak tohle udělat lépe??
             tempColumnSizes = gridColumns;
             if (tableRef.current) {
-                tableRef.current.style.gridTemplateColumns = (0, get_grid_template_columns_1.getGridTemplateColumns)(gridColumns.map((size) => ((0, is_not_nil_1.isNotNil)(size) ? (0, rem_1.rem)(size) : "1fr")), actionCellWidth, selectRowsCellWidth);
+                tableRef.current.style.gridTemplateColumns = (0, get_grid_template_columns_1.getGridTemplateColumns)({
+                    actionColumnWidth: actionCellWidth,
+                    columns: gridColumns.map((size) => ((0, is_not_nil_1.isNotNil)(size) ? (0, rem_1.rem)(size) : "1fr")),
+                    selectRowColumnWidth: selectRowsCellWidth,
+                });
             }
         };
         const onMouseUp = () => {

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

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

package/table-v2/table-v2.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.DataGridTableV2 = void 0;
-exports.TableV2 = TableV2;
+exports.DataGridTableV2 = DataGridTableV2;
 const show_1 = require("@uxf/core-react/components/show");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
 const is_nil_1 = require("@uxf/core/utils/is-nil");
@@ -20,8 +19,7 @@ const get_grid_template_rows_1 = require("./utils/get-grid-template-rows");
 const SELECT_ROWS_CELL_WIDTH = 40;
 const defaultKeyExtractor = (r) => r.id;
 const DefaultBodyCell = () => "Unknown body cell.";
-/** @deprecated Use DataGridTableV2 */
-function TableV2(props) {
+function DataGridTableV2(props) {
     var _a, _b, _c, _d, _e;
     const keyExtractor = (_a = props.keyExtractor) !== null && _a !== void 0 ? _a : defaultKeyExtractor;
     const visibleColumns = props.schema.columns
@@ -33,7 +31,11 @@ function TableV2(props) {
     const gridTemplateBasicColumns = visibleColumns
         .map((column) => { var _a, _b, _c, _d; return (_c = (_b = (_a = props.state.userConfig.columns) === null || _a === void 0 ? void 0 : _a[column.name]) === null || _b === void 0 ? void 0 : _b.width) !== null && _c !== void 0 ? _c : (_d = column.config) === null || _d === void 0 ? void 0 : _d.width; })
         .map((width) => ((0, is_nil_1.isNil)(width) ? "1fr" : (0, rem_1.rem)(width)));
-    const gridTemplateColumns = (0, get_grid_template_columns_1.getGridTemplateColumns)(gridTemplateBasicColumns, selectedRowColumnWidth, (_d = props.actionCell) === null || _d === void 0 ? void 0 : _d.width);
+    const gridTemplateColumns = (0, get_grid_template_columns_1.getGridTemplateColumns)({
+        columns: gridTemplateBasicColumns,
+        selectRowColumnWidth: selectedRowColumnWidth,
+        actionColumnWidth: (_d = props.actionCell) === null || _d === void 0 ? void 0 : _d.width,
+    });
     const selectedRows = (_e = props.state.selectedRows) !== null && _e !== void 0 ? _e : empty_array_1.EMPTY_ARRAY;
     const selectRowHandler = (rowId) => () => {
         const isRowSelected = selectedRows.find((r) => keyExtractor(r) === rowId);
@@ -69,4 +71,3 @@ function TableV2(props) {
             (0, is_not_nil_1.isNotNil)(props.actionCell) && (react_1.default.createElement(components_1.Table.ActionCell, null,
                 react_1.default.createElement(props.actionCell.Component, { reload: () => { var _a; return (_a = props.onReload) === null || _a === void 0 ? void 0 : _a.call(props); }, row: row })))))))));
 }
-exports.DataGridTableV2 = TableV2;

package/table-v2/types.d.ts

@@ -4,8 +4,7 @@ import { KeyExtractor } from "../types/core";
 import { Schema } from "../types/schema";
 import { DataGridControl } from "../use-data-grid-control";
 import { NoRowsFallbackComponent } from "./no-rows-fallback";
-/** @deprecated Use DataGridTableProps */
-export interface TableProps<Row> extends DataGridControl {
+export interface DataGridTableProps<Row> extends DataGridControl {
     schema: Schema<any>;
     data: Row[];
     isLoading?: boolean;
@@ -23,4 +22,3 @@ export interface TableProps<Row> extends DataGridControl {
     NoRowsFallback?: NoRowsFallbackComponent;
     isRowSelectable?: boolean;
 }
-export type DataGridTableProps<Row> = TableProps<Row>;

package/table-v2/utils/get-grid-template-columns.d.ts

@@ -1,2 +1,6 @@
 import { Nullish } from "@uxf/core/types";
-export declare function getGridTemplateColumns(columns: string[], selectRowColumnWidth: number | Nullish, actionColumnWidth: number | Nullish): string;
+export declare function getGridTemplateColumns(config: {
+    columns: string[];
+    selectRowColumnWidth: number | Nullish;
+    actionColumnWidth: number | Nullish;
+}): string;

package/table-v2/utils/get-grid-template-columns.js

@@ -4,10 +4,11 @@ exports.getGridTemplateColumns = getGridTemplateColumns;
 const buildArray_1 = require("@uxf/core/utils/buildArray");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const rem_1 = require("@uxf/styles/units/rem");
-function getGridTemplateColumns(columns, selectRowColumnWidth, actionColumnWidth) {
+function getGridTemplateColumns(config) {
+    var _a, _b;
     return (0, buildArray_1.buildArray)()
-        .when((0, is_not_nil_1.isNotNil)(selectRowColumnWidth), (0, rem_1.rem)(selectRowColumnWidth !== null && selectRowColumnWidth !== void 0 ? selectRowColumnWidth : 0))
-        .add(columns.join(" "))
-        .when((0, is_not_nil_1.isNotNil)(actionColumnWidth), `minmax(${(0, rem_1.rem)(actionColumnWidth !== null && actionColumnWidth !== void 0 ? actionColumnWidth : 0)}, auto)`)
+        .when((0, is_not_nil_1.isNotNil)(config.selectRowColumnWidth), (0, rem_1.rem)((_a = config.selectRowColumnWidth) !== null && _a !== void 0 ? _a : 0))
+        .add(config.columns.join(" "))
+        .when((0, is_not_nil_1.isNotNil)(config.actionColumnWidth), `minmax(${(0, rem_1.rem)((_b = config.actionColumnWidth) !== null && _b !== void 0 ? _b : 0)}, auto)`)
         .join(" ");
 }

package/table-v2/utils/get-grid-template-rows.d.ts

@@ -1,2 +1,2 @@
-import { TableProps } from "../types";
-export declare function getGridTemplateRows(rows: any[], headerRowHeight: number, rowHeight: TableProps<any>["rowHeight"]): string | undefined;
+import { DataGridTableProps } from "../types";
+export declare function getGridTemplateRows(rows: any[], headerRowHeight: number, rowHeight: DataGridTableProps<any>["rowHeight"]): string | undefined;

package/toolbar/toolbar.d.ts

@@ -1,6 +1,5 @@
 import React, { ReactNode } from "react";
 export interface DataGridToolbarProps {
     children: ReactNode;
-    noBorder?: boolean;
 }
 export declare function DataGridToolbar(props: DataGridToolbarProps): React.JSX.Element;

package/toolbar/toolbar.js

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

package/toolbar-control/toolbar-control.d.ts

@@ -3,14 +3,10 @@ import React from "react";
 import { FilterHandlers } from "../filter-handler";
 import { CsvDownloadHandler, Schema } from "../types";
 import { DataGridControl } from "../use-data-grid-control";
-/** @deprecated Use DataGridToolbarControlProps */
-export interface ToolbarControlProps extends DataGridControl {
+export interface DataGridToolbarControlProps extends DataGridControl {
     schema: Schema<any>;
     filterHandlers: FilterHandlers;
     onCsvDownload?: CsvDownloadHandler;
     isBorderHidden?: boolean | Nullish;
 }
-export type DataGridToolbarControlProps = ToolbarControlProps;
-/** @deprecated Use DataGridToolbarControl */
-export declare function ToolbarControl(props: ToolbarControlProps): React.JSX.Element;
-export declare const DataGridToolbarControl: typeof ToolbarControl;
+export declare function DataGridToolbarControl(props: DataGridToolbarControlProps): React.JSX.Element;

package/toolbar-control/toolbar-control.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.DataGridToolbarControl = void 0;
-exports.ToolbarControl = ToolbarControl;
+exports.DataGridToolbarControl = DataGridToolbarControl;
 const hide_1 = require("@uxf/core-react/components/hide");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const react_1 = __importDefault(require("react"));
@@ -12,8 +11,7 @@ const export_button_1 = require("../export-button");
 const filters_button_1 = require("../filters-button");
 const fulltext_input_1 = require("../fulltext-input");
 const hidden_columns_button_1 = require("../hidden-columns-button");
-/** @deprecated Use DataGridToolbarControl */
-function ToolbarControl(props) {
+function DataGridToolbarControl(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.DataGridFulltextInput, { actions: props.actions, state: props.state })),
@@ -21,4 +19,3 @@ function ToolbarControl(props) {
         react_1.default.createElement(hidden_columns_button_1.DataGridHiddenColumnsButton, { actions: props.actions, schema: props.schema, state: props.state }),
         react_1.default.createElement(filters_button_1.DataGridFiltersButton, { actions: props.actions, filterHandlers: props.filterHandlers, schema: props.schema, state: props.state })));
 }
-exports.DataGridToolbarControl = ToolbarControl;

package/toolbar-customs/toolbar-customs.d.ts

@@ -1,7 +1,6 @@
 import { ButtonVariant } from "@uxf/ui/button";
 import React, { ReactElement } from "react";
-/** @deprecated Use DataGridToolbarCustomsProps */
-export interface ToolbarCustomsProps {
+export interface DataGridToolbarCustomsProps {
     buttons?: {
         label: string | ReactElement;
         onClick?: () => void;
@@ -9,7 +8,4 @@ export interface ToolbarCustomsProps {
         variant?: ButtonVariant;
     }[];
 }
-export type DataGridToolbarCustomsProps = ToolbarCustomsProps;
-/** @deprecated Use DataGridToolbarCustoms */
-export declare function ToolbarCustoms(props: ToolbarCustomsProps): React.JSX.Element | null;
-export declare const DataGridToolbarCustoms: typeof ToolbarCustoms;
+export declare function DataGridToolbarCustoms(props: DataGridToolbarCustomsProps): React.JSX.Element | null;

package/toolbar-customs/toolbar-customs.js

@@ -3,14 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridToolbarCustoms = void 0;
-exports.ToolbarCustoms = ToolbarCustoms;
+exports.DataGridToolbarCustoms = DataGridToolbarCustoms;
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 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) {
+function DataGridToolbarCustoms(props) {
     if (!props.buttons) {
         return null;
     }
@@ -19,4 +17,3 @@ function ToolbarCustoms(props) {
         react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-customs-mobile" }, (0, is_not_nil_1.isNotNil)(firstButton) ? (react_1.default.createElement(button_1.Button, { href: firstButton.href, onClick: firstButton.onClick, size: "sm", variant: firstButton.variant }, firstButton.label)) : (react_1.default.createElement(button_list_1.ButtonList, { buttons: props.buttons, openButton: { variant: "secondary" }, size: "sm", visibleButtonsCount: 1 }))),
         react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-customs-desktop" }, props.buttons.map((button, index) => (react_1.default.createElement(button_1.Button, { href: button.href, key: index, onClick: button.onClick, size: "sm", variant: button.variant }, button.label))))));
 }
-exports.DataGridToolbarCustoms = ToolbarCustoms;

package/toolbar-tabs/toolbar-tabs.d.ts

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

package/toolbar-tabs/toolbar-tabs.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.DataGridToolbarTabs = void 0;
-exports.ToolbarTabs = ToolbarTabs;
+exports.DataGridToolbarTabs = DataGridToolbarTabs;
 const show_1 = require("@uxf/core-react/components/show");
 const cx_1 = require("@uxf/core/utils/cx");
 const button_1 = require("@uxf/ui/button");
@@ -14,25 +13,24 @@ const react_1 = __importDefault(require("react"));
 function Tab(props) {
     return (react_1.default.createElement("button", { className: (0, cx_1.cx)("uxf-data-grid__toolbar-tab", props.isActive && "is-active"), onClick: props.onClick }, props.title));
 }
-/** @deprecated Use DataGridToolbarTabs */
-function ToolbarTabs(props) {
+function DataGridToolbarTabs(props) {
     var _a, _b, _c, _d;
     return (react_1.default.createElement(show_1.Show, { when: Boolean((_a = props.schema.tabs) === null || _a === void 0 ? void 0 : _a.length) },
         react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-tabs" },
-            react_1.default.createElement("nav", { "aria-label": "Tabs", className: "uxf-data-grid__toolbar-tabs-nav uxf-data-grid__toolbar-tabs-nav--desktop" }, (_b = props.schema.tabs) === null || _b === void 0 ? void 0 : _b.map((t) => (react_1.default.createElement(Tab, { isActive: props.state.request.tab === t.name, key: t.name, onClick: () => props.actions.changeTab(t), title: t.label })))),
+            react_1.default.createElement("nav", { "aria-label": "Tabs", className: "uxf-data-grid__toolbar-tabs-nav uxf-data-grid__toolbar-tabs-nav--desktop" }, (_b = props.schema.tabs) === null || _b === void 0 ? void 0 : _b.map((tab) => (react_1.default.createElement(Tab, { isActive: props.state.request.tab === tab.name, key: tab.name, onClick: () => { var _a; return props.actions.changeTab(tab, (_a = props.changeTabFilterBehavior) !== null && _a !== void 0 ? _a : "filtersPerTab"); }, title: tab.label })))),
             react_1.default.createElement("nav", { className: "uxf-data-grid__toolbar-tabs-nav uxf-data-grid__toolbar-tabs-nav--mobile" },
                 react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__toolbar-tabs-button", onClick: () => {
                         var _a;
                         return (0, modal_service_1.openModal)({
-                            children: (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-tabs-modal-content" }, (_a = props.schema.tabs) === null || _a === void 0 ? void 0 : _a.map((item) => (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__toolbar-tabs-modal-button", key: item.name, onClick: () => {
-                                    props.actions.changeTab(item);
+                            children: (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-tabs-modal-content" }, (_a = props.schema.tabs) === null || _a === void 0 ? void 0 : _a.map((tab) => (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__toolbar-tabs-modal-button", key: tab.name, onClick: () => {
+                                    var _a;
+                                    props.actions.changeTab(tab, (_a = props.changeTabFilterBehavior) !== null && _a !== void 0 ? _a : "filtersPerTab");
                                     (0, modal_service_1.closeModal)();
                                 }, size: "xl", variant: "text" },
-                                item.name === props.state.request.tab && (react_1.default.createElement(icon_1.Icon, { className: "uxf-data-grid__toolbar-tabs-modal-active-tab-icon", name: "check", size: 20 })),
-                                react_1.default.createElement("span", { className: "uxf-data-grid__toolbar-tabs-modal-button-text" }, item.label)))))),
+                                tab.name === props.state.request.tab && (react_1.default.createElement(icon_1.Icon, { className: "uxf-data-grid__toolbar-tabs-modal-active-tab-icon", name: "check", size: 20 })),
+                                react_1.default.createElement("span", { className: "uxf-data-grid__toolbar-tabs-modal-button-text" }, tab.label)))))),
                         });
                     }, size: "sm", variant: "text" },
                     react_1.default.createElement("span", { className: "uxf-data-grid__toolbar-tabs-nav-text" }, (_d = (_c = props.schema.tabs) === null || _c === void 0 ? void 0 : _c.find((t) => t.name === props.state.request.tab)) === null || _d === void 0 ? void 0 : _d.label),
                     react_1.default.createElement(icon_1.Icon, { className: "uxf-data-grid__toolbar-tabs-button-icon", name: "caretDown", size: 16 }))))));
 }
-exports.DataGridToolbarTabs = ToolbarTabs;

package/types/components.d.ts

@@ -28,3 +28,4 @@ export interface FilterProps<StateValue> {
     onChange: (value: StateValue | undefined, op?: string) => void;
     onClear: () => void;
 }
+export type ChangeTabFilterBehavior = "sharedFilters" | "filtersPerTab";

package/types/data-grid-props.d.ts

@@ -5,7 +5,7 @@ import { DataGridTableProps } from "../table/types";
 import { DataGridToolbarCustomsProps } from "../toolbar-customs";
 import { DataGridControl } from "../use-data-grid-control";
 import { DataGridFetchingResult } from "../use-data-grid-fetching";
-import { BodyCellComponents } from "./components";
+import { BodyCellComponents, ChangeTabFilterBehavior } from "./components";
 import { CsvDownloadHandler, KeyExtractor } from "./core";
 import { BaseGridType, Schema } from "./schema";
 export type DataGridControlProps = DataGridControl;
@@ -15,8 +15,6 @@ export type DataGridBaseProps<GridType extends BaseGridType, Row> = {
     gridName?: string;
     keyExtractor?: KeyExtractor;
     onCsvDownload?: CsvDownloadHandler;
-    /** @deprecated will be remove, create custom data grid https://fe.uxf.dev/docs/data-grid/data-grid-custom-example */
-    noBorder?: boolean;
     rowHeight?: number | ((row: Row) => number);
     headerRowHeight?: number;
     rowClass?: (row: Row) => "success" | "warning" | "error" | "primary" | "secondary" | string | null | undefined;
@@ -29,5 +27,6 @@ export type DataGridBaseProps<GridType extends BaseGridType, Row> = {
     SelectedRowsToolbarActions?: SelectedRowsToolbarActionsComponent;
     isRowSelectable?: boolean;
     isDebug?: boolean;
+    changeTabFilterBehavior?: ChangeTabFilterBehavior;
 };
 export type DataGridProps<GridType extends BaseGridType, Row> = DataGridBaseProps<GridType, Row> & DataGridDataProps<Row> & DataGridControlProps;

package/types/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./api";
-export * from "./components";
-export * from "./core";
-export * from "./data-grid-props";
-export * from "./schema";
-export * from "./state";
+export type * from "./api";
+export type * from "./components";
+export type * from "./core";
+export type * from "./data-grid-props";
+export type * from "./schema";
+export type * from "./state";

package/types/index.js

@@ -1,22 +1,2 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./api"), exports);
-__exportStar(require("./components"), exports);
-__exportStar(require("./core"), exports);
-__exportStar(require("./data-grid-props"), exports);
-__exportStar(require("./schema"), exports);
-__exportStar(require("./state"), exports);

package/types/schema.d.ts

@@ -1,9 +1,4 @@
 import { ReactElement } from "react";
-/** @deprecated use 'asc' or 'desc' */
-export declare enum DataGridSortDir {
-    Asc = "asc",
-    Desc = "desc"
-}
 export interface DataGridSort {
     name: string;
     dir: "asc" | "desc";

package/types/schema.js

@@ -1,9 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridSortDir = void 0;
-/** @deprecated use 'asc' or 'desc' */
-var DataGridSortDir;
-(function (DataGridSortDir) {
-    DataGridSortDir["Asc"] = "asc";
-    DataGridSortDir["Desc"] = "desc";
-})(DataGridSortDir || (exports.DataGridSortDir = DataGridSortDir = {}));

package/use-data-grid-control/actions-factory.d.ts

@@ -1,4 +1,5 @@
 import { Dispatch } from "react";
+import type { ChangeTabFilterBehavior } from "../types";
 import { Tab } from "../types/schema";
 import { DataGridUserConfig } from "../types/state";
 export declare function createActions(dispatch: Dispatch<any>): {
@@ -10,7 +11,7 @@ export declare function createActions(dispatch: Dispatch<any>): {
     sort: (columnName: string, direction?: string | null) => void;
     sortClear: () => void;
     search: (search: string) => void;
-    changeTab: (tab: Tab) => void;
+    changeTab: (tab: Tab, filterBehavior: ChangeTabFilterBehavior) => void;
     setSelectedRows: (rows: any[]) => void;
     hideColumn: (name: string) => void;
     showColumn: (name: string) => void;

package/use-data-grid-control/actions-factory.js

@@ -11,7 +11,7 @@ function createActions(dispatch) {
         sort: (columnName, direction = null) => dispatch({ type: "SORT", columnName, direction }),
         sortClear: () => dispatch({ type: "SORT_CLEAR" }),
         search: (search) => dispatch({ type: "FULLTEXT", search }),
-        changeTab: (tab) => dispatch({ type: "CHANGE_TAB", tab }),
+        changeTab: (tab, filterBehavior) => dispatch({ type: "CHANGE_TAB", tab, filterBehavior }),
         setSelectedRows: (rows) => dispatch({ type: "SET_SELECTED_ROWS", rows }),
         hideColumn: (name) => dispatch({ type: "HIDE_COLUMN", name }),
         showColumn: (name) => dispatch({ type: "SHOW_COLUMN", name }),

package/use-data-grid-control/use-data-grid-control.d.ts

@@ -19,7 +19,7 @@ export declare function useDataGridControl<T extends BaseGridType>(config: UseDa
         sort: (columnName: string, direction?: string | null) => void;
         sortClear: () => void;
         search: (search: string) => void;
-        changeTab: (tab: import("../types/schema").Tab) => void;
+        changeTab: (tab: import("../types/schema").Tab, filterBehavior: import("..").ChangeTabFilterBehavior) => void;
         setSelectedRows: (rows: any[]) => void;
         hideColumn: (name: string) => void;
         showColumn: (name: string) => void;

package/data-grid-v2.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { BaseGridType, DataGridProps } from "./types";
-export declare function DataGridV2<GridType extends BaseGridType, R = any>(props: DataGridProps<GridType, R>): React.JSX.Element;

package/data-grid-v2.js

@@ -1,43 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridV2 = DataGridV2;
-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");
-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");
-const rows_per_page_select_1 = require("./rows-per-page-select");
-const selected_rows_toolbar_1 = require("./selected-rows-toolbar");
-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 DataGridV2(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(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_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, { noBorder: props.noBorder },
-                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 }))),
-        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 })));
-}

package/data-grid-v2.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/data-grid-v2.stories.js

@@ -1,92 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const buildArray_1 = require("@uxf/core/utils/buildArray");
-const toggle_1 = require("@uxf/ui/toggle");
-const react_1 = __importStar(require("react"));
-const json_renderer_1 = require("./_story-utils/json-renderer");
-const loader_1 = require("./_story-utils/loader");
-const schema_1 = require("./_story-utils/schema");
-const data_grid_v2_1 = require("./data-grid-v2");
-const table_1 = require("./table");
-const use_data_grid_control_1 = require("./use-data-grid-control");
-const use_data_grid_fetching_1 = require("./use-data-grid-fetching");
-const merge_schema_with_config_1 = require("./utils/merge-schema-with-config");
-const actionCell = {
-    width: 100,
-    Component: () => {
-        const actionCellActions = (0, buildArray_1.buildArray)()
-            .add({
-            icon: "arrow-right",
-            isIconButton: true,
-            href: "https://www.uxf.cz",
-            target: "_blank",
-        })
-            .add({
-            icon: "file",
-            label: "Download",
-            onClick: console.log,
-        })
-            .add({
-            icon: "cloud",
-            label: "Reload",
-            onClick: console.log,
-        });
-        return react_1.default.createElement(table_1.ActionCell, { buttons: actionCellActions, visibleButtonsCount: 1 });
-    },
-};
-const schemaWithFrontendConfig = (0, merge_schema_with_config_1.mergeSchemaWithConfig)(schema_1.schema, {
-    perPage: 100,
-    columns: {
-        bool: { width: 80 },
-    },
-    filters: {
-        text: { placeholder: "Custom placeholder ..." },
-    },
-});
-function Default() {
-    const [noBorder, setNoBorder] = (0, react_1.useState)(false);
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({
-        schema: schema_1.schema,
-        initialUserConfig: {
-            columns: {
-                id: { width: 100 },
-                text: { minWidth: 300 },
-                mail: { minWidth: 300 },
-                tel: { minWidth: 300 },
-            },
-        },
-    });
-    const { isLoading, error, data, onReload } = (0, use_data_grid_fetching_1.useDataGridFetching)({
-        loader: loader_1.loader,
-        schema: schema_1.schema,
-        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_v2_1.DataGridV2, { 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(json_renderer_1.JsonRenderer, { value: state })));
-}

package/utils/classes.d.ts

@@ -1 +0,0 @@
-export declare const NO_BORDER_CLASS = "no-border";

package/utils/classes.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NO_BORDER_CLASS = void 0;
-exports.NO_BORDER_CLASS = "no-border";