@uxf/data-grid 10.0.2 → 11.0.0-beta.1

package/hooks/useColumns.js

@@ -1,97 +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.useColumns = void 0;
-const react_1 = __importStar(require("react"));
-const react_data_grid_1 = require("react-data-grid");
-const action_cell_base_1 = require("../tailwindui/components/action-cell-base");
-const utils_1 = require("../utils");
-const useColumns = (props, reload) => {
-    const { onChangeSelectedRows, schema, hiddenColumns, defaultConfig, ui, onOpen, onEdit, getOpenUrl, getEditUrl, onRemove, } = props;
-    const { actionCellWidth, BodyCells } = ui;
-    const rdgActionColumn = (0, react_1.useMemo)(() => {
-        return (props.ui.ActionCell && props.ui.ActionCell !== action_cell_base_1.ActionCellBase) ||
-            onOpen ||
-            onEdit ||
-            getOpenUrl ||
-            getEditUrl ||
-            onRemove
-            ? {
-                key: "__action_column",
-                name: "",
-                resizable: false,
-                headerCellClass: "uxf-data-grid__action-cell",
-                cellClass: "uxf-data-grid__action-cell",
-                width: props.ui.ActionCell !== action_cell_base_1.ActionCellBase
-                    ? actionCellWidth
-                    : [onRemove, onEdit !== null && onEdit !== void 0 ? onEdit : getEditUrl, onOpen !== null && onOpen !== void 0 ? onOpen : getOpenUrl].filter((i) => i).length * 40 + 8 * 2,
-                renderCell: (p) => {
-                    if (!props.ui.ActionCell) {
-                        return null;
-                    }
-                    return (react_1.default.createElement(props.ui.ActionCell, { row: p.row, reload: reload, onRemove: onRemove, onEdit: onEdit, getEditUrl: getEditUrl, onOpen: onOpen, getOpenUrl: getOpenUrl }));
-                },
-            }
-            : null;
-    }, [actionCellWidth, getEditUrl, getOpenUrl, onEdit, onOpen, onRemove, props, reload]);
-    const rdgColumns = (0, react_1.useMemo)(() => {
-        return schema.columns
-            .filter((c) => { var _a; return !(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(c.name)) && !((_a = defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns[c.name]) === null || _a === void 0 ? void 0 : _a.hidden); })
-            .map((c) => {
-            var _a, _b, _c, _d, _e, _f;
-            return ({
-                key: c.name,
-                name: c.label,
-                headerCellClass: (0, utils_1.cx)("uxf-data-grid__cell", "uxf-data-grid__cell--header", `uxf-data-grid__cell--type-${c.type}`, `uxf-data-grid__cell--name-${c.name}`),
-                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 = c.minWidth) !== null && _c !== void 0 ? _c : (_d = defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns[c.name]) === null || _d === void 0 ? void 0 : _d.minWidth,
-                maxWidth: (_e = c.maxWidth) !== null && _e !== void 0 ? _e : (_f = defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns[c.name]) === null || _f === void 0 ? void 0 : _f.maxWidth,
-                cellClass: (0, utils_1.cx)("uxf-data-grid__cell", `uxf-data-grid__cell--type-${c.type}`, `uxf-data-grid__cell--name-${c.name}`),
-                renderCell: (p) => {
-                    var _a;
-                    const columnType = c.type;
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                    const BodyCell = (_a = BodyCells[columnType]) !== null && _a !== void 0 ? _a : BodyCells.default;
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                    if (!BodyCell) {
-                        return null;
-                    }
-                    return (react_1.default.createElement(BodyCell, { column: {
-                            name: p.column.key,
-                            label: p.column.name,
-                            sort: p.column.sortable,
-                            type: columnType,
-                        }, reload: reload, row: p.row, value: p.row[p.column.key] }));
-                },
-            });
-        });
-    }, [BodyCells, defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns, hiddenColumns, reload, schema.columns]);
-    return (0, react_1.useMemo)(() => {
-        return [onChangeSelectedRows ? react_data_grid_1.SelectColumn : null, ...rdgColumns, rdgActionColumn].filter((c) => c !== null);
-    }, [onChangeSelectedRows, rdgActionColumn, rdgColumns]);
-};
-exports.useColumns = useColumns;

package/store/reducer.d.ts

@@ -1,5 +0,0 @@
-import { Reducer } from "react";
-import { DataGridState, Request, Schema } from "../types";
-export declare const getInitialState: (schema: Schema<any>, init?: Request | string) => DataGridState;
-export declare const reducer: Reducer<DataGridState, any>;
-export declare const debugReducer: Reducer<DataGridState, any>;

package/tailwindui/components/container.d.ts

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

package/tailwindui/components/container.js

@@ -1,13 +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.Container = void 0;
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../../utils");
-const Container = (props) => {
-    const className = (0, utils_1.cx)("uxf-data-grid", props.noBorder && `no-border`, props.className);
-    return react_1.default.createElement("div", { className: className }, props.children);
-};
-exports.Container = Container;

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

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

package/tailwindui/components/footer.d.ts

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

package/tailwindui/components/footer.js

@@ -1,12 +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.Footer = void 0;
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../../utils");
-const Footer = (props) => {
-    return react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__footer", props.noBorder && "no-border") }, props.children);
-};
-exports.Footer = Footer;

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

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

package/tailwindui/components/no-rows-fallback.d.ts

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

package/tailwindui/components/pagination-counts.d.ts

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

package/tailwindui/components/pagination-counts.js

@@ -1,18 +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.PaginationCounts = void 0;
-const react_1 = __importDefault(require("react"));
-const PaginationCounts = (props) => {
-    var _a, _b, _c, _d;
-    const fromNumber = props.page * props.perPage + 1;
-    const toNumber = Math.min(props.page * props.perPage + props.perPage, (_b = (_a = props.response) === null || _a === void 0 ? void 0 : _a.count) !== null && _b !== void 0 ? _b : 0);
-    return (react_1.default.createElement("p", { className: "uxf-data-grid__pagination-counts" },
-        fromNumber,
-        "-",
-        toNumber,
-        " z ", (_d = (_c = props.response) === null || _c === void 0 ? void 0 : _c.count) !== null && _d !== void 0 ? _d : 0));
-};
-exports.PaginationCounts = PaginationCounts;

package/tailwindui/components/pagination-rows-per-page-select.d.ts

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

package/tailwindui/components/select-row-checkbox.d.ts

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

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

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

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

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

package/tailwindui/components/toolbar-control.js

@@ -1,86 +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.ToolbarControl = void 0;
-const button_1 = require("@uxf/ui/button");
-const icon_1 = require("@uxf/ui/icon");
-const text_input_1 = require("@uxf/ui/text-input");
-const toggle_1 = require("@uxf/ui/toggle");
-const react_1 = __importStar(require("react"));
-const actions_1 = require("../../store/actions");
-const utils_1 = require("../../utils");
-const show_1 = require("../show");
-const drawer_1 = require("./drawer");
-function Filters(props) {
-    return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map((filter) => {
-        var _a, _b;
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        const FilterInput = (_a = props.filterHandlers[filter.type]) === null || _a === void 0 ? void 0 : _a.input;
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        if (!FilterInput) {
-            // eslint-disable-next-line no-console
-            console.warn(`Unknown filter "${filter.type}".`);
-            return null;
-        }
-        return (react_1.default.createElement(FilterInput, { key: filter.name, gridName: props.gridName, filter: filter, value: (_b = props.filtersData.find((f) => f.name === filter.name)) !== null && _b !== void 0 ? _b : { name: filter.name, value: null }, onFilter: (requestFilter) => props.dispatch(actions_1.dataGridActions.filter(requestFilter)), onClear: () => props.dispatch(actions_1.dataGridActions.filter({ name: filter.name, value: null })) }));
-    })));
-}
-function Columns(props) {
-    const onHideColumn = (columnName) => {
-        var _a, _b;
-        (_a = props.onChangeHiddenColumns) === null || _a === void 0 ? void 0 : _a.call(props, [...((_b = props.hiddenColumns) !== null && _b !== void 0 ? _b : []), columnName]);
-    };
-    const onShowColumn = (columnName) => {
-        var _a, _b;
-        (_a = props.onChangeHiddenColumns) === null || _a === void 0 ? void 0 : _a.call(props, [...((_b = props.hiddenColumns) !== null && _b !== void 0 ? _b : [])].filter((v) => v !== columnName));
-    };
-    return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control-columns" }, props.schema.columns.map((column) => {
-        var _a;
-        return (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", value: !((_a = props.hiddenColumns) === null || _a === void 0 ? void 0 : _a.includes(column.name)), onChange: (value) => (value ? onShowColumn(column.name) : onHideColumn(column.name)) }));
-    })));
-}
-const ToolbarControl = (props) => {
-    const [isFiltersOpen, setFiltersOpen] = (0, react_1.useState)(false);
-    const [isColumnsOpen, setColumnsOpen] = (0, react_1.useState)(false);
-    const fulltextValue = props.state.request.search;
-    const filtersData = props.state.request.f;
-    return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" },
-        react_1.default.createElement(show_1.Show, { when: props.showFulltext },
-            react_1.default.createElement(text_input_1.TextInput, { value: fulltextValue, onChange: props.onFulltextChange, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid__plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), label: "Vyhled\u00E1v\u00E1n\u00ED", hiddenLabel: true })),
-        react_1.default.createElement(show_1.Show, { when: props.schema.filters.length !== 0 },
-            react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: () => setFiltersOpen(true), title: "Filtrovat", className: "uxf-data-grid__plugin-button" },
-                react_1.default.createElement(icon_1.Icon, { name: "filter" }))),
-        react_1.default.createElement(show_1.Show, { when: props.onChangeHiddenColumns && props.hiddenColumns },
-            react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: () => setColumnsOpen(true), title: "Nastaven\u00ED sloupc\u016F", className: "uxf-data-grid__plugin-button" },
-                react_1.default.createElement(icon_1.Icon, { name: "table-columns" }))),
-        react_1.default.createElement(show_1.Show, { when: props.onCsvDownload },
-            react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: () => { var _a; return (_a = props.onCsvDownload) === null || _a === void 0 ? void 0 : _a.call(props, (0, utils_1.createRequest)(props.state, props.schema.sort, props.schema.dir)); }, title: "St\u00E1hnout CSV", className: "uxf-data-grid__plugin-button" },
-                react_1.default.createElement(icon_1.Icon, { name: "file-arrow-down" }))),
-        react_1.default.createElement(drawer_1.Drawer, { open: isFiltersOpen, onClose: () => setFiltersOpen(false), title: "Filtry" },
-            react_1.default.createElement(Filters, { gridName: props.gridName, schema: props.schema, dispatch: props.dispatch, filtersData: filtersData, filterHandlers: props.filterHandlers, noBorder: props.noBorder })),
-        react_1.default.createElement(drawer_1.Drawer, { open: isColumnsOpen, onClose: () => setColumnsOpen(false), title: "Nastaven\u00ED sloupc\u016F" },
-            react_1.default.createElement(Columns, { schema: props.schema, onChangeHiddenColumns: props.onChangeHiddenColumns, hiddenColumns: props.hiddenColumns }))));
-};
-exports.ToolbarControl = ToolbarControl;

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

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

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

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

package/tailwindui/components/toolbar.d.ts

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

package/tailwindui/components/toolbar.js

@@ -1,12 +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.Toolbar = void 0;
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../../utils");
-const Toolbar = (props) => {
-    return react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__toolbar", props.noBorder && "no-border") }, props.children);
-};
-exports.Toolbar = Toolbar;

package/tailwindui/data-grid.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { BaseGridType, DataGridBaseProps, UIComponents } from "../types";
-export type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
-    ui?: Partial<UIComponents<GridType, R>>;
-};
-export declare const DataGrid: <GridType extends BaseGridType, R = any>(props: DataGridProps<GridType, R>) => React.JSX.Element;

package/tailwindui/filter-handler/index.d.ts

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

package/tailwindui/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./components/action-cell-base";
-export * from "./data-grid";
-export * from "./ui";

package/tailwindui/show.d.ts

@@ -1,7 +0,0 @@
-import React, { ReactNode } from "react";
-interface ShowProps {
-    when: unknown;
-    children?: ReactNode;
-}
-export declare const Show: React.FC<ShowProps>;
-export {};