@uxf/data-grid 3.2.0 → 4.0.0-beta.11

package/tailwindui/toolbar-plugins/hidden-columns-plugin.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HiddenColumnsPlugin = void 0;
+var react_1 = __importStar(require("react"));
+var drawer_1 = require("../components/drawer");
+var switch_1 = require("../components/inputs/switch");
+var circle_button_1 = require("../components/circle-button");
+var table_1 = require("../components/icons/table");
+var HiddenColumnsPlugin = function (props) {
+    var schema = props.schema, _a = props.hiddenColumns, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange;
+    var columns = schema.columns;
+    var _c = __read((0, react_1.useState)(false), 2), isOpen = _c[0], setIsOpen = _c[1];
+    if (!onChange) {
+        return null;
+    }
+    var handleChange = function (column) { return function () {
+        if (value.includes(column.name)) {
+            onChange(value.filter(function (cn) { return cn !== column.name; }));
+        }
+        else {
+            onChange(__spreadArray(__spreadArray([], __read(value), false), [column.name], false));
+        }
+    }; };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(circle_button_1.CircleButton, { onClick: function () { return setIsOpen(true); }, title: "Nastaven\u00ED sloupc\u016F" },
+            react_1.default.createElement(table_1.Table, null)),
+        react_1.default.createElement(drawer_1.Drawer, { title: "Zobrazit sloupce", open: isOpen, onClose: function () { return setIsOpen(false); } },
+            react_1.default.createElement("div", { className: "flex flex-col space-y-4" }, columns.map(function (column) { return (react_1.default.createElement("div", { key: column.name },
+                react_1.default.createElement(switch_1.Switch, { value: !value.includes(column.name), onChange: handleChange(column), label: column.label }))); })))));
+};
+exports.HiddenColumnsPlugin = HiddenColumnsPlugin;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlkZGVuLWNvbHVtbnMtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL2hpZGRlbi1jb2x1bW5zLXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBd0M7QUFFeEMsK0NBQThDO0FBQzlDLHNEQUFxRDtBQUNyRCw2REFBMkQ7QUFDM0QsbURBQStEO0FBRXhELElBQU0sbUJBQW1CLEdBQWtCLFVBQUEsS0FBSztJQUUvQyxJQUFBLE1BQU0sR0FFTixLQUFLLE9BRkMsRUFDTixLQUNBLEtBQUssY0FEa0MsRUFBdEIsYUFBVSxFQUFWLEtBQUssbUJBQUcsRUFBRSxLQUFBLEVBQUUsUUFBUSxjQUFFLENBQ2pDO0lBQ1YsSUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUV6QixJQUFBLEtBQUEsT0FBc0IsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXBDLE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBbUIsQ0FBQztJQUU1QyxJQUFJLENBQUMsUUFBUSxFQUFFO1FBQ1gsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsTUFBd0IsSUFBSyxPQUFBO1FBQy9DLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDN0IsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBQSxFQUFFLElBQUksT0FBQSxFQUFFLEtBQUssTUFBTSxDQUFDLElBQUksRUFBbEIsQ0FBa0IsQ0FBQyxDQUFDLENBQUM7U0FDcEQ7YUFBTTtZQUNILFFBQVEsd0NBQUssS0FBSyxZQUFFLE1BQU0sQ0FBQyxJQUFJLFVBQUUsQ0FBQztTQUNyQztJQUNMLENBQUMsRUFOa0QsQ0FNbEQsQ0FBQztJQUNGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLDRCQUFZLElBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQWYsQ0FBZSxFQUFFLEtBQUssRUFBQyw2QkFBbUI7WUFDbkUsOEJBQUMsYUFBUyxPQUFHLENBQ0Y7UUFDZiw4QkFBQyxlQUFNLElBQUMsS0FBSyxFQUFDLGtCQUFrQixFQUFDLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQWhCLENBQWdCO1lBQzFFLHVDQUFLLFNBQVMsRUFBQyx5QkFBeUIsSUFDbkMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU0sSUFBSSxPQUFBLENBQ25CLHVDQUFLLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDakIsOEJBQUMsZUFBTSxJQUNILEtBQUssRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUNuQyxRQUFRLEVBQUUsWUFBWSxDQUFDLE1BQU0sQ0FBQyxFQUM5QixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssR0FDckIsQ0FDQSxDQUNULEVBUnNCLENBUXRCLENBQUMsQ0FDQSxDQUNELENBQ1YsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBeENXLFFBQUEsbUJBQW1CLHVCQXdDOUIifQ==

package/tailwindui/toolbar-plugins/tabs-plugin.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarPlugin } from "../../types";
+export declare const TabsPlugin: ToolbarPlugin;

package/tailwindui/toolbar-plugins/tabs-plugin.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsPlugin = void 0;
+var tab_1 = require("../components/tab");
+var react_1 = __importDefault(require("react"));
+var TabsPlugin = function (props) {
+    var tab = props.tab, schema = props.schema;
+    var active = tab.active, onChange = tab.onChange;
+    if (schema.tabs.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: "flex flex-1 self-stretch" },
+        react_1.default.createElement("nav", { className: "-mb-px flex space-x-4", "aria-label": "Tabs" }, schema.tabs.map(function (t) { return (react_1.default.createElement(tab_1.Tab, { key: t.name, title: t.label, active: active === t.name, onClick: function () { return onChange(t.name); } })); }))));
+};
+exports.TabsPlugin = TabsPlugin;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS90b29sYmFyLXBsdWdpbnMvdGFicy1wbHVnaW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLHlDQUF3QztBQUN4QyxnREFBMEI7QUFFbkIsSUFBTSxVQUFVLEdBQWtCLFVBQUEsS0FBSztJQUNsQyxJQUFBLEdBQUcsR0FBYSxLQUFLLElBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBQ3RCLElBQUEsTUFBTSxHQUFlLEdBQUcsT0FBbEIsRUFBRSxRQUFRLEdBQUssR0FBRyxTQUFSLENBQVM7SUFFakMsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7UUFDMUIsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsMEJBQTBCO1FBQ3JDLHVDQUFLLFNBQVMsRUFBQyx1QkFBdUIsZ0JBQVksTUFBTSxJQUNuRCxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQ2xCLDhCQUFDLFNBQUcsSUFBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxLQUFLLENBQUMsQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLGNBQU0sT0FBQSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFoQixDQUFnQixHQUFJLENBQ25HLEVBRnFCLENBRXJCLENBQUMsQ0FDQSxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWpCVyxRQUFBLFVBQVUsY0FpQnJCIn0=

package/tailwindui/toolbar-plugins/title-plugin.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarPlugin } from "../../types";
+export declare const TitlePlugin: ToolbarPlugin;

package/tailwindui/toolbar-plugins/title-plugin.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitlePlugin = void 0;
+var react_1 = __importDefault(require("react"));
+var TitlePlugin = function (_a) {
+    var props = _a.props;
+    if (!props.title) {
+        return null;
+    }
+    return react_1.default.createElement("div", { className: "flex-1 text-lg" }, props.title);
+};
+exports.TitlePlugin = TitlePlugin;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL3RpdGxlLXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBR25CLElBQU0sV0FBVyxHQUFrQixVQUFDLEVBQVM7UUFBUCxLQUFLLFdBQUE7SUFDOUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUU7UUFDZCxPQUFPLElBQUksQ0FBQztLQUNmO0lBQ0QsT0FBTyx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCLElBQUUsS0FBSyxDQUFDLEtBQUssQ0FBTyxDQUFDO0FBQy9ELENBQUMsQ0FBQztBQUxXLFFBQUEsV0FBVyxlQUt0QiJ9

package/tailwindui/ui.d.ts

@@ -0,0 +1,2 @@
+import { UIComponents } from "../types";
+export declare const UI: UIComponents<any, any>;

package/tailwindui/ui.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UI = void 0;
+var action_cell_base_1 = require("./components/action-cell-base");
+var body_cell_base_1 = require("./components/body-cell-base");
+var no_rows_fallback_1 = require("./components/no-rows-fallback");
+var linear_progress_1 = require("./components/linear-progress");
+var toolbar_container_1 = require("./components/toolbar-container");
+var container_1 = require("./components/container");
+var filter_input_base_1 = require("./components/filter-input-base");
+var filter_list_item_base_1 = require("./components/filter-list-item-base");
+var filters_list_1 = require("./components/filters-list");
+var pagination_1 = require("./components/pagination");
+var select_row_checkbox_1 = require("./components/select-row-checkbox");
+var selected_rows_toolbar_1 = require("./components/selected-rows-toolbar");
+exports.UI = {
+    ActionCell: action_cell_base_1.ActionCellBase,
+    actionCellWidth: 100,
+    ActionCellWrapper: action_cell_base_1.ActionCellWrapper,
+    BodyCell: body_cell_base_1.BodyCellBase,
+    NoRowsFallback: no_rows_fallback_1.NoRowsFallback,
+    LinearProgress: linear_progress_1.LinearProgress,
+    ToolbarContainer: toolbar_container_1.ToolbarContainer,
+    Container: container_1.Container,
+    FilterInput: filter_input_base_1.FilterInputBase,
+    FilterListItem: filter_list_item_base_1.FilterListItemBase,
+    FilterList: filters_list_1.FiltersList,
+    Pagination: pagination_1.Pagination,
+    SelectRowCheckbox: select_row_checkbox_1.SelectRowCheckbox,
+    SelectedRowsToolbar: selected_rows_toolbar_1.SelectedRowsToolbar,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS91aS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esa0VBQWtGO0FBQ2xGLDhEQUEyRDtBQUMzRCxrRUFBK0Q7QUFDL0QsZ0VBQThEO0FBQzlELG9FQUFrRTtBQUNsRSxvREFBbUQ7QUFDbkQsb0VBQWlFO0FBQ2pFLDRFQUF3RTtBQUN4RSwwREFBd0Q7QUFDeEQsc0RBQXFEO0FBQ3JELHdFQUFxRTtBQUNyRSw0RUFBeUU7QUFFNUQsUUFBQSxFQUFFLEdBQTJCO0lBQ3RDLFVBQVUsRUFBRSxpQ0FBYztJQUMxQixlQUFlLEVBQUUsR0FBRztJQUNwQixpQkFBaUIsRUFBRSxvQ0FBaUI7SUFDcEMsUUFBUSxFQUFFLDZCQUFZO0lBQ3RCLGNBQWMsRUFBRSxpQ0FBYztJQUM5QixjQUFjLEVBQUUsZ0NBQWM7SUFDOUIsZ0JBQWdCLEVBQUUsb0NBQWdCO0lBQ2xDLFNBQVMsRUFBRSxxQkFBUztJQUNwQixXQUFXLEVBQUUsbUNBQWU7SUFDNUIsY0FBYyxFQUFFLDBDQUFrQjtJQUNsQyxVQUFVLEVBQUUsMEJBQVc7SUFDdkIsVUFBVSxFQUFFLHVCQUFVO0lBQ3RCLGlCQUFpQixFQUFFLHVDQUFpQjtJQUNwQyxtQkFBbUIsRUFBRSwyQ0FBbUI7Q0FDM0MsQ0FBQyJ9

package/types.d.ts

@@ -1,14 +1,12 @@
-import { TextFieldProps } from "@mui/material";
-import { ComponentType, ReactElement, ReactNode } from "react";
-import { DataGridProps as RDGProps } from "react-data-grid";
+import React, { ComponentType, Dispatch, ReactElement, ReactNode } from "react";
+import { CheckboxFormatterProps, DataGridProps as RDGProps } from "react-data-grid";
 export declare type BaseGridType = {
     columns: any;
     filters: any;
 };
 export declare type SortDirection = "asc" | "desc";
-export declare type SelectableRows = "none" | "single" | "multiple";
 export declare type ResultItem = any;
-export declare type KeyExtractor = (row: ResultItem) => string;
+export declare type KeyExtractor = (row: ResultItem) => number;
 export declare type CsvDownloadHandler = (request: Request) => void;
 export declare type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
 export declare type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;
@@ -27,28 +25,34 @@ export declare type ActionCellWithRequiredWidth<R> = {
     ActionCell?: never;
     actionCellWidth?: never;
 };
-export declare type DataGridProps<GridType extends BaseGridType, R> = {
+export declare type UIComponents<GridType extends BaseGridType, R> = {
+    ActionCell: ActionCellComponent<R>;
+    ActionCellWrapper: ActionCellWrapperComponent;
+    BodyCell: BodyCellComponent<GridType["columns"], R>;
+    FilterInput: FilterInputComponent<GridType["filters"]>;
+    FilterList: FilterListComponent;
+    FilterListItem: FilterListItemComponent<GridType["filters"]>;
+    NoRowsFallback: NoRowsFallbackComponent;
+    Pagination: PaginationComponent;
+    Container: ContainerComponent;
+    ToolbarContainer: ToolbarContainerComponent;
+    LinearProgress: LinearProgressComponent;
+    SelectRowCheckbox: SelectRowCheckboxComponent;
+    SelectedRowsToolbar: SelectedRowsToolbarComponent;
+    SelectedRowsToolbarActions?: SelectedRowsToolbarActionsComponent;
+} & ActionCellWithRequiredWidth<R>;
+export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
+    schema: Schema<GridType>;
+    loader: Loader;
     gridName?: string;
     title?: ReactNode;
-    schema: Schema<GridType>;
     keyExtractor?: KeyExtractor;
-    loader: Loader;
     initialState?: Request | string;
     onChangeHiddenColumns?: ChangeHiddenColumnsHandler;
     hiddenColumns?: string[];
-    selectableRows?: SelectableRows;
-    search?: boolean;
-    print?: boolean;
     onCsvDownload?: CsvDownloadHandler;
-    BodyCell?: BodyCellComponent<GridType["columns"], R>;
-    HeadCell?: HeadCellComponent<GridType["columns"], R>;
-    FilterInput?: FilterInputComponent<GridType["filters"]>;
-    FilterListItem?: FilterListItemComponent<GridType["filters"]>;
-    ToolbarContent?: ToolbarContentComponent;
-    Footer?: import("react").ReactNode;
-    locale?: "cs" | "en";
-    onChangeSelectedRows?: (selectedRows: R[]) => void;
-    selectedRows?: R[];
+    onChangeSelectedRows?: (selectedRows: Set<number>) => void;
+    selectedRows?: Set<number>;
     onOpen?: (row: R) => void;
     getOpenUrl?: (row: R) => string | null | undefined;
     onEdit?: (row: R) => void;
@@ -61,10 +65,17 @@ export declare type DataGridProps<GridType extends BaseGridType, R> = {
     mt?: number;
     mr?: number;
     mb?: number;
+    mx?: number;
+    my?: number;
+    m?: number;
     defaultConfig?: Config<GridType["columns"]>;
-    FullTextInputProps?: Partial<TextFieldProps>;
     rowClass?: (row: R) => "success" | "warning" | "error" | "primary" | "secondary" | string | null | undefined;
-} & ActionCellWithRequiredWidth<R>;
+    toolbarPlugins?: ToolbarPlugin[];
+    debug?: boolean;
+};
+export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & ActionCellWithRequiredWidth<R> & {
+    ui: UIComponents<GridType, R>;
+};
 export declare type Columns<C extends BaseGridType["columns"]> = {
     [K in keyof C]: Column<K, C[K]>;
 }[keyof C];
@@ -82,8 +93,6 @@ export declare type Column<Name, Type> = {
 };
 export interface FilterOption {
     id: string | number;
-    /** @deprecated */
-    value?: string | number;
     label: string;
 }
 export declare type Filters<F extends BaseGridType["filters"]> = {
@@ -95,9 +104,15 @@ export interface Filter<N, T> {
     type?: T;
     options?: FilterOption[];
 }
+export interface Tab {
+    name: string;
+    label: string;
+    icon?: string;
+}
 export interface Schema<GritType extends BaseGridType> {
     columns: Columns<GritType["columns"]>[];
     filters: Filters<GritType["filters"]>[];
+    tabs: Tab[];
     sort: string;
     dir: SortDirection;
     perPage: number;
@@ -116,17 +131,13 @@ export interface Request {
     page?: number;
     perPage?: number;
     search?: string;
+    tab?: string | null;
 }
 export interface Response {
     totalCount: number;
     count: number;
     result: ResultItem[];
 }
-export interface ToolbarContentProps {
-    filtersData: RequestFilter[];
-    onFilter: (value: RequestFilter) => void;
-}
-export declare type ToolbarContentComponent = ComponentType<ToolbarContentProps>;
 export interface BodyCellProps<C, R> {
     column: C;
     row: R;
@@ -143,12 +154,9 @@ export interface ActionCellProps<R> {
     reload: () => Promise<void>;
 }
 export declare type ActionCellComponent<R> = ComponentType<ActionCellProps<R>>;
-export interface HeadCellProps<C extends Column<any, any>, R> extends BodyCellProps<C, R> {
-    sort: boolean;
-    sortDirection: SortDirection;
-    onSort: (sortDirection: SortDirection) => void;
-}
-export declare type HeadCellComponent<C extends BaseGridType["columns"], R> = ComponentType<HeadCellProps<Columns<C>, R>>;
+export declare type ActionCellWrapperComponent = React.FC<{
+    children: ReactNode;
+}>;
 export interface FilterListItemProps<F extends Filter<any, any>, T> {
     filter: F;
     value: RequestFilter<T>;
@@ -162,14 +170,97 @@ export interface FilterInputProps<F extends Filter<any, any>, T> {
     onFilter: (value: RequestFilter<T>) => void;
 }
 export declare type FilterInputComponent<F extends BaseGridType["filters"], T = any> = ComponentType<FilterInputProps<Filters<F>, T>>;
-export interface DataGridState {
-    loading?: boolean;
-    response?: Response;
+declare type GridRequest = {
     f: RequestFilter[];
     sort: string | null;
     dir: SortDirection | null;
     page: number;
     perPage: number;
+    search: string;
+    tab: string | null;
+};
+export interface DataGridState {
+    loading?: boolean;
+    response?: Response;
+    request: GridRequest;
     error?: any;
-    fullText?: string;
+    tabRequests: {
+        [tab: string]: GridRequest;
+    };
 }
+export declare type ContainerComponent = React.FC<{
+    mr?: number;
+    ml?: number;
+    mt?: number;
+    mb?: number;
+    mx?: number;
+    my?: number;
+    m?: number;
+    noBorder?: boolean;
+    children: ReactNode;
+}>;
+export declare type ToolbarContainerComponent = React.FC<{
+    children: ReactNode;
+    noBorder?: boolean;
+}>;
+export declare type ToolbarPlugin = React.FC<{
+    props: DataGridProps<any, any>;
+    state: DataGridState;
+    dispatch: Dispatch<any>;
+    schema: Schema<any>;
+    reload: () => Promise<void>;
+    tab: {
+        onChange: (tabName: string) => void;
+        active: string | null;
+    };
+    fulltext: {
+        onChange: (value: string) => void;
+        value: string;
+        placeholder?: string;
+    };
+    filter: {
+        onReset: (initialFilters?: RequestFilter[]) => void;
+        onFilter: (value: RequestFilter) => void;
+        filtersData: RequestFilter[];
+        FilterInput: FilterInputComponent<any>;
+    };
+    hiddenColumns: {
+        value?: string[];
+        onChange?: (value: string[]) => void;
+    };
+}>;
+export declare type PaginationComponent = React.FC<{
+    count: number;
+    page: number;
+    perPage: number;
+    onChangePage: (page: number) => void;
+    onChangeRowsPerPage: (perPage: number) => void;
+}>;
+export declare type FilterListComponent = React.FC<{
+    dispatch: (action: any) => void;
+    onFilter: (value: RequestFilter) => void;
+    filters: Filter<any, any>[];
+    filtersData: RequestFilter[];
+    FilterListItem: FilterListItemComponent<any>;
+    noBorder?: boolean;
+}>;
+export declare type NoRowsFallbackComponent = React.FC<{
+    error?: any;
+    loading: boolean;
+}>;
+export declare type SelectRowCheckboxComponent = React.FC<CheckboxFormatterProps>;
+export declare type LinearProgressComponent = React.FC<{
+    loading: boolean;
+}>;
+export declare type SelectedRowsToolbarActionsComponent = React.FC<{
+    selectedRows: Set<number>;
+    onChangeSelectedRows: (rows: Set<number>) => void;
+    reload: () => Promise<void>;
+}>;
+export declare type SelectedRowsToolbarComponent = React.FC<{
+    selectedRows?: Set<number>;
+    onChangeSelectedRows?: (rows: Set<number>) => void;
+    Actions?: SelectedRowsToolbarActionsComponent;
+    reload: () => Promise<void>;
+}>;
+export {};

package/useColumns.d.ts

@@ -0,0 +1,3 @@
+import { Column } from "react-data-grid";
+import { DataGridProps } from "./types";
+export declare const useColumns: (props: DataGridProps<any, any>, reload: () => Promise<void>) => Column<any>[];

package/useColumns.js

@@ -0,0 +1,100 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useColumns = void 0;
+var react_1 = __importStar(require("react"));
+var react_data_grid_1 = require("react-data-grid");
+var useColumns = function (props, reload) {
+    var onChangeSelectedRows = props.onChangeSelectedRows, schema = props.schema, hiddenColumns = props.hiddenColumns, defaultConfig = props.defaultConfig, ui = props.ui, ActionCell = props.ActionCell, onOpen = props.onOpen, onEdit = props.onEdit, getOpenUrl = props.getOpenUrl, getEditUrl = props.getEditUrl, onRemove = props.onRemove, actionCellWidth = props.actionCellWidth;
+    var rdgActionColumn = (0, react_1.useMemo)(function () {
+        return ActionCell || onOpen || onEdit || getOpenUrl || getEditUrl || onRemove
+            ? {
+                key: "__action_column",
+                name: "",
+                resizable: false,
+                headerCellClass: "rdg-action-cell",
+                cellClass: "action rdg-action-cell",
+                width: ActionCell
+                    ? actionCellWidth
+                    : [onRemove, onEdit !== null && onEdit !== void 0 ? onEdit : getEditUrl, onOpen !== null && onOpen !== void 0 ? onOpen : getOpenUrl].filter(function (i) { return i; }).length * 36 + 8 * 2,
+                formatter: function (p) {
+                    return (react_1.default.createElement(ui.ActionCellWrapper, null,
+                        react_1.default.createElement(ui.ActionCell, { row: p.row, reload: reload, onRemove: onRemove, onEdit: onEdit, getEditUrl: getEditUrl, onOpen: onOpen, getOpenUrl: getOpenUrl })));
+                },
+            }
+            : null;
+    }, [ActionCell, actionCellWidth, getEditUrl, getOpenUrl, onEdit, onOpen, onRemove, reload, ui]);
+    var rdgColumns = (0, react_1.useMemo)(function () {
+        return schema.columns
+            .filter(function (c) { return !(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(c.name)); })
+            .map(function (c) {
+            var _a, _b;
+            return ({
+                key: c.name,
+                name: c.label,
+                headerCellClass: c.type,
+                resizable: true,
+                sortable: c.sort,
+                width: (_a = c.width) !== null && _a !== void 0 ? _a : (_b = defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns[c.name]) === null || _b === void 0 ? void 0 : _b.width,
+                minWidth: c.minWidth,
+                maxWidth: c.maxWidth,
+                formatter: function (p) {
+                    return (react_1.default.createElement(ui.BodyCell, { column: {
+                            name: p.column.key,
+                            label: p.column.name,
+                            sort: p.column.sortable,
+                            type: p.column.headerCellClass, //TODO
+                        }, reload: reload, row: p.row }));
+                },
+            });
+        });
+    }, [defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns, hiddenColumns, reload, schema.columns, ui]);
+    return (0, react_1.useMemo)(function () {
+        return __spreadArray(__spreadArray([onChangeSelectedRows ? react_data_grid_1.SelectColumn : null], __read(rdgColumns), false), [rdgActionColumn], false).filter(function (c) { return c !== null; });
+    }, [onChangeSelectedRows, rdgActionColumn, rdgColumns]);
+};
+exports.useColumns = useColumns;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy91c2VDb2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF1QztBQUN2QyxtREFBdUQ7QUFHaEQsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUE4QixFQUFFLE1BQTJCO0lBRTlFLElBQUEsb0JBQW9CLEdBWXBCLEtBQUsscUJBWmUsRUFDcEIsTUFBTSxHQVdOLEtBQUssT0FYQyxFQUNOLGFBQWEsR0FVYixLQUFLLGNBVlEsRUFDYixhQUFhLEdBU2IsS0FBSyxjQVRRLEVBQ2IsRUFBRSxHQVFGLEtBQUssR0FSSCxFQUNGLFVBQVUsR0FPVixLQUFLLFdBUEssRUFDVixNQUFNLEdBTU4sS0FBSyxPQU5DLEVBQ04sTUFBTSxHQUtOLEtBQUssT0FMQyxFQUNOLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixVQUFVLEdBR1YsS0FBSyxXQUhLLEVBQ1YsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLGVBQWUsR0FDZixLQUFLLGdCQURVLENBQ1Q7SUFFVixJQUFNLGVBQWUsR0FBdUIsSUFBQSxlQUFPLEVBQUM7UUFDaEQsT0FBTyxVQUFVLElBQUksTUFBTSxJQUFJLE1BQU0sSUFBSSxVQUFVLElBQUksVUFBVSxJQUFJLFFBQVE7WUFDekUsQ0FBQyxDQUFDO2dCQUNJLEdBQUcsRUFBRSxpQkFBaUI7Z0JBQ3RCLElBQUksRUFBRSxFQUFFO2dCQUNSLFNBQVMsRUFBRSxLQUFLO2dCQUNoQixlQUFlLEVBQUUsaUJBQWlCO2dCQUNsQyxTQUFTLEVBQUUsd0JBQXdCO2dCQUNuQyxLQUFLLEVBQUUsVUFBVTtvQkFDYixDQUFDLENBQUMsZUFBZTtvQkFDakIsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLE1BQU0sYUFBTixNQUFNLGNBQU4sTUFBTSxHQUFJLFVBQVUsRUFBRSxNQUFNLGFBQU4s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

package/{utils/utils.d.ts → utils.d.ts}

@@ -1,4 +1,4 @@
-import { DataGridState, Request, SortDirection } from "../types";
+import { DataGridState, Request, SortDirection } from "./types";
 export declare function decodeFilter(filterString: string): null | Request;
 export declare function encodeFilter(request: Request): string;
 export declare function createRequest(state: DataGridState, defaultSort: string, defaultDir: SortDirection): Request;

package/utils.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRequest = exports.encodeFilter = exports.decodeFilter = void 0;
+function decodeFilter(filterString) {
+    try {
+        var filter = JSON.parse(decodeURIComponent(escape(atob(filterString))));
+        return {
+            f: filter.f || [],
+            perPage: filter.perPage || 10,
+            page: filter.page || 0,
+            dir: filter.dir || "asc",
+            sort: filter.sort || "id",
+        };
+    }
+    catch (e) {
+        return null;
+    }
+}
+exports.decodeFilter = decodeFilter;
+function encodeFilter(request) {
+    return btoa(unescape(encodeURIComponent(JSON.stringify(request))));
+}
+exports.encodeFilter = encodeFilter;
+function createRequest(state, defaultSort, defaultDir) {
+    var _a, _b;
+    return {
+        sort: (_a = state.request.sort) !== null && _a !== void 0 ? _a : defaultSort,
+        dir: (_b = state.request.dir) !== null && _b !== void 0 ? _b : defaultDir,
+        perPage: state.request.perPage,
+        page: state.request.page,
+        f: state.request.f.filter(function (f) { return !!f.value; }),
+        search: state.request.search,
+        tab: state.request.tab,
+    };
+}
+exports.createRequest = createRequest;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsU0FBZ0IsWUFBWSxDQUFDLFlBQW9CO0lBQzdDLElBQUk7UUFDQSxJQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFMUUsT0FBTztZQUNILENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUU7WUFDakIsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQUksRUFBRTtZQUM3QixJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDO1lBQ3RCLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLEtBQUs7WUFDeEIsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUksSUFBSTtTQUM1QixDQUFDO0tBQ0w7SUFBQyxPQUFPLENBQUMsRUFBRTtRQUNSLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7QUFDTCxDQUFDO0FBZEQsb0NBY0M7QUFFRCxTQUFnQixZQUFZLENBQUMsT0FBZ0I7SUFDekMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDdkUsQ0FBQztBQUZELG9DQUVDO0FBRUQsU0FBZ0IsYUFBYSxDQUFDLEtBQW9CLEVBQUUsV0FBbUIsRUFBRSxVQUF5Qjs7SUFDOUYsT0FBTztRQUNILElBQUksRUFBRSxNQUFBLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxtQ0FBSSxXQUFXO1FBQ3ZDLEdBQUcsRUFBRSxNQUFBLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxtQ0FBSSxVQUFVO1FBQ3BDLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU87UUFDOUIsSUFBSSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSTtRQUN4QixDQUFDLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQVQsQ0FBUyxDQUFDO1FBQ3pDLE1BQU0sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU07UUFDNUIsR0FBRyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRztLQUN6QixDQUFDO0FBQ04sQ0FBQztBQVZELHNDQVVDIn0=