@uxf/data-grid 11.72.3 → 11.74.0

package/body-cell/body-cell-to-one.js

@@ -1,14 +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.BodyCellToOne = void 0;
-const react_1 = __importDefault(require("react"));
-const BodyCellToOne = (props) => {
-    if (typeof props.value !== "object" || props.value === null) {
-        return null;
-    }
-    return react_1.default.createElement("span", null, props.value.label);
-};
-exports.BodyCellToOne = BodyCellToOne;

package/body-cell/body-cell-url.d.ts

@@ -1,2 +0,0 @@
-import { BodyCellComponent } from "../types";
-export declare const BodyCellUrl: BodyCellComponent<string | null>;

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

@@ -1,16 +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.BodyCellUrl = void 0;
-const text_link_1 = require("@uxf/ui/text-link");
-const react_1 = __importDefault(require("react"));
-const BodyCellUrl = (props) => {
-    if (typeof props.value !== "string") {
-        return null;
-    }
-    return (react_1.default.createElement("span", null,
-        react_1.default.createElement(text_link_1.TextLink, { href: props.value, rel: "noreferrer noopener", target: "_blank" }, props.value)));
-};
-exports.BodyCellUrl = BodyCellUrl;

package/body-cell/index.d.ts

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

package/body-cell/index.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BodyCells = void 0;
-const body_cell_boolean_1 = require("./body-cell-boolean");
-const body_cell_chip_1 = require("./body-cell-chip");
-const body_cell_date_1 = require("./body-cell-date");
-const body_cell_datetime_1 = require("./body-cell-datetime");
-const body_cell_default_1 = require("./body-cell-default");
-const body_cell_email_1 = require("./body-cell-email");
-const body_cell_money_1 = require("./body-cell-money");
-const body_cell_phone_1 = require("./body-cell-phone");
-const body_cell_to_many_1 = require("./body-cell-to-many");
-const body_cell_to_one_1 = require("./body-cell-to-one");
-const body_cell_url_1 = require("./body-cell-url");
-exports.BodyCells = {
-    boolean: body_cell_boolean_1.BodyCellBoolean,
-    chip: body_cell_chip_1.BodyCellChip,
-    chips: body_cell_chip_1.BodyCellChip,
-    date: body_cell_date_1.BodyCellDate,
-    datetime: body_cell_datetime_1.BodyCellDateTime,
-    email: body_cell_email_1.BodyCellEmail,
-    id: body_cell_default_1.BodyCellDefault,
-    integer: body_cell_default_1.BodyCellDefault,
-    money: body_cell_money_1.BodyCellMoney,
-    phone: body_cell_phone_1.BodyCellPhone,
-    string: body_cell_default_1.BodyCellDefault,
-    toMany: body_cell_to_many_1.BodyCellToMany,
-    toOne: body_cell_to_one_1.BodyCellToOne,
-    url: body_cell_url_1.BodyCellUrl,
-    uuid: body_cell_default_1.BodyCellDefault,
-    // default
-    default: body_cell_default_1.BodyCellDefault,
-};

package/components.d.ts

@@ -1,97 +0,0 @@
-import * as dataGridStories from "./data-grid.stories";
-import * as dataGridCustomExampleStories from "./data-grid-custom-example.stories";
-import * as dataGridV2Stories from "./data-grid-v2.stories";
-import * as exportButtonStories from "./export-button/export-button.stories";
-import * as filterListStories from "./filter-list/filter-list.stories";
-import * as filtersStories from "./filters/filters.stories";
-import * as filtersButtonStories from "./filters-button/filters-button.stories";
-import * as fulltextInputStories from "./fulltext-input/fulltext-input.stories";
-import * as hiddenColumnsStories from "./hidden-columns/hidden-columns.stories";
-import * as hiddenColumnsButtonStories from "./hidden-columns-button/hidden-columns-button.stories";
-import * as paginationStories from "./pagination/pagination.stories";
-import * as rowCountsStories from "./row-counts/row-counts.stories";
-import * as rowsPerPageSelectStories from "./rows-per-page-select/rows-per-page-select.stories";
-import * as selectedRowsToolbarStories from "./selected-rows-toolbar/selected-rows-toolbar.stories";
-import * as tableStories from "./table/table.stories";
-import * as tableV2Stories from "./table-v2/table-v2.stories";
-import * as toolbarControlStories from "./toolbar-control/toolbar-control.stories";
-import * as toolbarCustomsStories from "./toolbar-customs/toolbar-customs.stories";
-import * as toolbarTabsStories from "./toolbar-tabs/toolbar-tabs.stories";
-export declare const components: {
-    readonly "data-grid": {
-        readonly title: "DataGrid";
-        readonly stories: typeof dataGridStories;
-    };
-    readonly "data-grid-custom-example": {
-        readonly title: "DataGridCustomExample";
-        readonly stories: typeof dataGridCustomExampleStories;
-    };
-    readonly "data-grid-v2": {
-        readonly title: "DataGridV2";
-        readonly stories: typeof dataGridV2Stories;
-    };
-    readonly "export-button": {
-        readonly title: "ExportButton";
-        readonly stories: typeof exportButtonStories;
-    };
-    readonly "filter-list": {
-        readonly title: "FilterList";
-        readonly stories: typeof filterListStories;
-    };
-    readonly filters: {
-        readonly title: "Filters";
-        readonly stories: typeof filtersStories;
-    };
-    readonly "filters-button": {
-        readonly title: "FiltersButton";
-        readonly stories: typeof filtersButtonStories;
-    };
-    readonly "fulltext-input": {
-        readonly title: "FulltextInput";
-        readonly stories: typeof fulltextInputStories;
-    };
-    readonly "hidden-columns": {
-        readonly title: "HiddenColumns";
-        readonly stories: typeof hiddenColumnsStories;
-    };
-    readonly "hidden-columns-button": {
-        readonly title: "HiddenColumnsButton";
-        readonly stories: typeof hiddenColumnsButtonStories;
-    };
-    readonly pagination: {
-        readonly title: "Pagination";
-        readonly stories: typeof paginationStories;
-    };
-    readonly "row-counts": {
-        readonly title: "RowCounts";
-        readonly stories: typeof rowCountsStories;
-    };
-    readonly "rows-per-page-select": {
-        readonly title: "RowsPerPageSelect";
-        readonly stories: typeof rowsPerPageSelectStories;
-    };
-    readonly "selected-rows-toolbar": {
-        readonly title: "SelectedRowsToolbar";
-        readonly stories: typeof selectedRowsToolbarStories;
-    };
-    readonly table: {
-        readonly title: "Table";
-        readonly stories: typeof tableStories;
-    };
-    readonly "table-v2": {
-        readonly title: "TableV2";
-        readonly stories: typeof tableV2Stories;
-    };
-    readonly "toolbar-control": {
-        readonly title: "ToolbarControl";
-        readonly stories: typeof toolbarControlStories;
-    };
-    readonly "toolbar-customs": {
-        readonly title: "ToolbarCustoms";
-        readonly stories: typeof toolbarCustomsStories;
-    };
-    readonly "toolbar-tabs": {
-        readonly title: "ToolbarTabs";
-        readonly stories: typeof toolbarTabsStories;
-    };
-};

package/components.js

@@ -1,124 +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.components = void 0;
-// generated file
-const dataGridStories = __importStar(require("./data-grid.stories"));
-const dataGridCustomExampleStories = __importStar(require("./data-grid-custom-example.stories"));
-const dataGridV2Stories = __importStar(require("./data-grid-v2.stories"));
-const exportButtonStories = __importStar(require("./export-button/export-button.stories"));
-const filterListStories = __importStar(require("./filter-list/filter-list.stories"));
-const filtersStories = __importStar(require("./filters/filters.stories"));
-const filtersButtonStories = __importStar(require("./filters-button/filters-button.stories"));
-const fulltextInputStories = __importStar(require("./fulltext-input/fulltext-input.stories"));
-const hiddenColumnsStories = __importStar(require("./hidden-columns/hidden-columns.stories"));
-const hiddenColumnsButtonStories = __importStar(require("./hidden-columns-button/hidden-columns-button.stories"));
-const paginationStories = __importStar(require("./pagination/pagination.stories"));
-const rowCountsStories = __importStar(require("./row-counts/row-counts.stories"));
-const rowsPerPageSelectStories = __importStar(require("./rows-per-page-select/rows-per-page-select.stories"));
-const selectedRowsToolbarStories = __importStar(require("./selected-rows-toolbar/selected-rows-toolbar.stories"));
-const tableStories = __importStar(require("./table/table.stories"));
-const tableV2Stories = __importStar(require("./table-v2/table-v2.stories"));
-const toolbarControlStories = __importStar(require("./toolbar-control/toolbar-control.stories"));
-const toolbarCustomsStories = __importStar(require("./toolbar-customs/toolbar-customs.stories"));
-const toolbarTabsStories = __importStar(require("./toolbar-tabs/toolbar-tabs.stories"));
-exports.components = {
-    "data-grid": {
-        title: "DataGrid",
-        stories: dataGridStories
-    },
-    "data-grid-custom-example": {
-        title: "DataGridCustomExample",
-        stories: dataGridCustomExampleStories
-    },
-    "data-grid-v2": {
-        title: "DataGridV2",
-        stories: dataGridV2Stories
-    },
-    "export-button": {
-        title: "ExportButton",
-        stories: exportButtonStories
-    },
-    "filter-list": {
-        title: "FilterList",
-        stories: filterListStories
-    },
-    "filters": {
-        title: "Filters",
-        stories: filtersStories
-    },
-    "filters-button": {
-        title: "FiltersButton",
-        stories: filtersButtonStories
-    },
-    "fulltext-input": {
-        title: "FulltextInput",
-        stories: fulltextInputStories
-    },
-    "hidden-columns": {
-        title: "HiddenColumns",
-        stories: hiddenColumnsStories
-    },
-    "hidden-columns-button": {
-        title: "HiddenColumnsButton",
-        stories: hiddenColumnsButtonStories
-    },
-    "pagination": {
-        title: "Pagination",
-        stories: paginationStories
-    },
-    "row-counts": {
-        title: "RowCounts",
-        stories: rowCountsStories
-    },
-    "rows-per-page-select": {
-        title: "RowsPerPageSelect",
-        stories: rowsPerPageSelectStories
-    },
-    "selected-rows-toolbar": {
-        title: "SelectedRowsToolbar",
-        stories: selectedRowsToolbarStories
-    },
-    "table": {
-        title: "Table",
-        stories: tableStories
-    },
-    "table-v2": {
-        title: "TableV2",
-        stories: tableV2Stories
-    },
-    "toolbar-control": {
-        title: "ToolbarControl",
-        stories: toolbarControlStories
-    },
-    "toolbar-customs": {
-        title: "ToolbarCustoms",
-        stories: toolbarCustomsStories
-    },
-    "toolbar-tabs": {
-        title: "ToolbarTabs",
-        stories: toolbarTabsStories
-    },
-};

package/data-grid-custom-example.stories.d.ts

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

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

@@ -1,58 +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.DataGrid = DataGrid;
-const empty_array_1 = require("@uxf/core/constants/empty-array");
-const react_1 = __importDefault(require("react"));
-const loader_1 = require("./_story-utils/loader");
-const schema_1 = require("./_story-utils/schema");
-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 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 use_data_grid_control_1 = require("./use-data-grid-control");
-const use_data_grid_fetching_1 = require("./use-data-grid-fetching");
-function DataGrid() {
-    var _a, _b, _c, _d;
-    /** implement me - can be given by props */
-    const schema = schema_1.schema;
-    const filterHandlers = filter_handler_1.defaultFilterHandlers;
-    const bodyCells = body_cell_1.BodyCells;
-    const actionCell = undefined;
-    const toolbarCustomButtons = [];
-    /** END implement me */
-    const control = (0, use_data_grid_control_1.useDataGridControl)({ schema });
-    const { isLoading, error, data, reload } = (0, use_data_grid_fetching_1.useDataGridFetching)({
-        loader: loader_1.loader,
-        schema,
-        state: control.state,
-        isWithTabCounts: true,
-    });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(root_1.DataGridRoot, null,
-            react_1.default.createElement(toolbar_1.DataGridToolbar, null,
-                react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { ...control, schema: schema, tabCounts: data === null || data === void 0 ? void 0 : data.tabCounts }),
-                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { ...control, filterHandlers: filterHandlers, schema: schema }),
-                react_1.default.createElement(toolbar_customs_1.DataGridToolbarCustoms, { buttons: toolbarCustomButtons })),
-            react_1.default.createElement(linear_progress_1.DataGridLinearProgress, { isLoading: isLoading }),
-            react_1.default.createElement(filter_list_1.DataGridFilterList, { ...control, filterHandlers: filterHandlers, schema: schema }),
-            react_1.default.createElement(table_v2_1.DataGridTableV2, { ...control, actionCell: actionCell, bodyCells: bodyCells, data: (_a = data === null || data === void 0 ? void 0 : data.result) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY, error: error, isLoading: isLoading, reload: reload, schema: schema }),
-            react_1.default.createElement(footer_1.DataGridFooter, null,
-                react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { ...control }),
-                react_1.default.createElement(row_counts_1.DataGridRowCounts, { ...control, count: (_b = data === null || data === void 0 ? void 0 : data.count) !== null && _b !== void 0 ? _b : 0, totalCount: (_c = data === null || data === void 0 ? void 0 : data.totalCount) !== null && _c !== void 0 ? _c : 0 }),
-                react_1.default.createElement(pagination_1.DataGridPagination, { ...control, count: (_d = data === null || data === void 0 ? void 0 : data.count) !== null && _d !== void 0 ? _d : 0 }))),
-        react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { ...control, reload: reload })));
-}

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,41 +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 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 DefaultSelectedRowsToolbarActions = () => null;
-function DataGridV2(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(root_1.DataGridRoot, { className: props.className },
-            react_1.default.createElement(toolbar_1.DataGridToolbar, null,
-                react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { actions: props.actions, changeTabFilterBehavior: props.changeTabFilterBehavior, schema: props.schema, state: props.state }),
-                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: props.actions, filterHandlers: (_a = props.filterHandlers) !== null && _a !== void 0 ? _a : filter_handler_1.defaultFilterHandlers, getCsvDownloadUrl: props.getCsvDownloadUrl, 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, 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: props.NoRowsFallback, actionCell: props.actionCell, actions: props.actions, bodyCells: (_c = props.bodyCells) !== null && _c !== void 0 ? _c : body_cell_1.BodyCells, data: (_e = (_d = props.data) === null || _d === void 0 ? void 0 : _d.result) !== null && _e !== void 0 ? _e : empty_array_1.EMPTY_ARRAY, error: props.error, headerRowHeight: props.headerRowHeight, isLoading: props.isLoading, isRowSelectable: props.isRowSelectable, keyExtractor: props.keyExtractor, reload: props.reload, rowAccent: props.rowAccent, rowClassName: props.rowClassName, rowHeight: props.rowHeight, schema: props.schema, state: props.state }),
-            react_1.default.createElement(footer_1.DataGridFooter, null,
-                react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { actions: props.actions, state: props.state }),
-                react_1.default.createElement(row_counts_1.DataGridRowCounts, { count: (_g = (_f = props.data) === null || _f === void 0 ? void 0 : _f.count) !== null && _g !== void 0 ? _g : 0, state: props.state, totalCount: (_j = (_h = props.data) === null || _h === void 0 ? void 0 : _h.totalCount) !== null && _j !== void 0 ? _j : 0 }),
-                react_1.default.createElement(pagination_1.DataGridPagination, { actions: props.actions, count: (_l = (_k = props.data) === null || _k === void 0 ? void 0 : _k.count) !== null && _l !== void 0 ? _l : 0, showFirstButton: true, showLastButton: true, size: "sm", state: props.state }))),
-        react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { Actions: (_m = props.SelectedRowsToolbarActions) !== null && _m !== void 0 ? _m : DefaultSelectedRowsToolbarActions, actions: props.actions, reload: props.reload, 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,99 +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 build_array_1 = require("@uxf/core/utils/build-array");
-const radio_group_1 = require("@uxf/ui/radio-group");
-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 action_cell_1 = require("./table-v2/components/action-cell");
-const use_data_grid_control_1 = require("./use-data-grid-control");
-const use_data_grid_fetching_1 = require("./use-data-grid-fetching");
-const local_storage_1 = require("./user-config-storage-adapters/local-storage");
-const merge_schema_with_config_1 = require("./utils/merge-schema-with-config");
-const actionCell = {
-    width: 92,
-    Component: () => {
-        const actionCellActions = (0, build_array_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(action_cell_1.ActionCell, { buttons: actionCellActions, visibleButtonsCount: 1 });
-    },
-};
-const schemaWithFrontendConfig = (0, merge_schema_with_config_1.mergeSchemaWithConfig)(schema_1.schema, {
-    perPage: 100,
-    columns: {
-        text: { width: 200 },
-        tel: { minWidth: 160, width: 400 },
-        mail: { minWidth: 200 },
-        bool: { width: 120 },
-        chips: { minWidth: 200 },
-        toMany: { minWidth: 200 },
-        money: { width: "2fr" },
-    },
-    filters: {
-        text: { placeholder: "Custom placeholder ..." },
-    },
-});
-const FILTER_BEHAVIOR_OPTIONS = [
-    { id: "filtersPerTab", label: "filterPerTab" },
-    { id: "sharedFiltersAndSearch", label: "sharedFiltersAndSearch" },
-    { id: "sharedFiltersAndSearchAndSort", label: "sharedFiltersAndSearchAndSort" },
-];
-function Default() {
-    const [filterBehavior, setFilterBehavior] = (0, react_1.useState)("filtersPerTab");
-    const { middleware, useUserConfig } = (0, local_storage_1.useUserConfigLocalStorageAdapter)(schema_1.schema);
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({
-        schema: schema_1.schema,
-        middleware,
-    });
-    useUserConfig(actions);
-    const { isLoading, error, data, reload } = (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(radio_group_1.RadioGroup, { label: "Chov\u00E1n\u00ED p\u0159ep\u00EDn\u00E1n\u00ED tab\u016F", name: "filterBehavior", onChange: (value) => setFilterBehavior(value), options: FILTER_BEHAVIOR_OPTIONS, value: filterBehavior, variant: "row" }),
-        react_1.default.createElement(data_grid_v2_1.DataGridV2, { actionCell: actionCell, actions: actions, changeTabFilterBehavior: filterBehavior !== null && filterBehavior !== void 0 ? filterBehavior : "filtersPerTab", data: data, error: error, getCsvDownloadUrl: () => ``, isLoading: isLoading, isRowSelectable: true, reload: reload, rowAccent: (row) => (row.id === 2 ? "success" : undefined), rowClassName: (row) => (row.id === 3 ? "some-custom-classname" : undefined), rowHeight: "auto", schema: schemaWithFrontendConfig, state: state }),
-        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
-}

package/data-grid.d.ts

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

package/data-grid.js

@@ -1,42 +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.DataGrid = DataGrid;
-const empty_array_1 = require("@uxf/core/constants/empty-array");
-const react_1 = __importDefault(require("react"));
-const body_cell_1 = require("./body-cell");
-const filter_handler_1 = require("./filter-handler");
-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_1 = require("./table");
-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 DefaultSelectedRowsToolbarActions = () => null;
-function DataGrid(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(root_1.DataGridRoot, { className: props.className },
-            react_1.default.createElement(toolbar_1.DataGridToolbar, null,
-                react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { actions: props.actions, changeTabFilterBehavior: props.changeTabFilterBehavior, schema: props.schema, state: props.state }),
-                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: props.actions, filterHandlers: (_a = props.filterHandlers) !== null && _a !== void 0 ? _a : filter_handler_1.defaultFilterHandlers, getCsvDownloadUrl: props.getCsvDownloadUrl, 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, filterHandlers: (_b = props.filterHandlers) !== null && _b !== void 0 ? _b : filter_handler_1.defaultFilterHandlers, schema: props.schema, state: props.state }),
-            react_1.default.createElement(table_1.DataGridTable, { NoRowsFallback: (_c = props.NoRowsFallback) !== null && _c !== void 0 ? _c : no_rows_fallback_1.NoRowsFallback, actionCell: props.actionCell, actions: props.actions, bodyCells: (_d = props.bodyCells) !== null && _d !== void 0 ? _d : body_cell_1.BodyCells, data: (_f = (_e = props.data) === null || _e === void 0 ? void 0 : _e.result) !== null && _f !== void 0 ? _f : empty_array_1.EMPTY_ARRAY, error: props.error, headerRowHeight: props.headerRowHeight, isLoading: props.isLoading, isRowSelectable: props.isRowSelectable, keyExtractor: props.keyExtractor, reload: props.reload, rowClass: props.rowAccent, rowHeight: props.rowHeight === "auto" ? undefined : props.rowHeight, schema: props.schema, state: props.state }),
-            react_1.default.createElement(footer_1.DataGridFooter, null,
-                react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { actions: props.actions, state: props.state }),
-                react_1.default.createElement(row_counts_1.DataGridRowCounts, { count: (_h = (_g = props.data) === null || _g === void 0 ? void 0 : _g.count) !== null && _h !== void 0 ? _h : 0, state: props.state, totalCount: (_k = (_j = props.data) === null || _j === void 0 ? void 0 : _j.totalCount) !== null && _k !== void 0 ? _k : 0 }),
-                react_1.default.createElement(pagination_1.DataGridPagination, { actions: props.actions, count: (_m = (_l = props.data) === null || _l === void 0 ? void 0 : _l.count) !== null && _m !== void 0 ? _m : 0, showFirstButton: true, showLastButton: true, size: "sm", state: props.state }))),
-        react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { Actions: (_o = props.SelectedRowsToolbarActions) !== null && _o !== void 0 ? _o : DefaultSelectedRowsToolbarActions, actions: props.actions, reload: props.reload, state: props.state })));
-}

package/data-grid.stories.d.ts

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