@uxf/data-grid 11.72.3 → 11.74.0

package/table-v2/components/root.js

@@ -1,31 +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.Root = void 0;
-const react_1 = __importStar(require("react"));
-function RootComponent(props, ref) {
-    return (react_1.default.createElement("div", { className: "uxf-dg-table", ref: ref, style: { gridTemplateColumns: props.gridTemplateColumns, gridTemplateRows: props.gridTemplateRows } }, props.children));
-}
-exports.Root = (0, react_1.forwardRef)(RootComponent);

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

@@ -1,7 +0,0 @@
-import React, { ReactNode } from "react";
-interface RowProps {
-    className?: string;
-    children?: ReactNode;
-}
-export declare function Row(props: RowProps): React.JSX.Element;
-export {};

package/table-v2/components/row.js

@@ -1,11 +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.Row = Row;
-const react_1 = __importDefault(require("react"));
-function Row(props) {
-    var _a;
-    return react_1.default.createElement("div", { className: `uxf-dg-table__row ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` }, props.children);
-}

package/table-v2/components/select-row-checkbox.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface SelectRowCheckboxProps {
-    isRowSelected: boolean;
-    onSelectRowChange: () => void;
-}
-export declare function SelectRowCheckbox(props: SelectRowCheckboxProps): React.JSX.Element;
-export {};

package/table-v2/components/select-row-checkbox.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.SelectRowCheckbox = SelectRowCheckbox;
-const checkbox_input_1 = require("@uxf/ui/checkbox-input");
-const react_1 = __importDefault(require("react"));
-function SelectRowCheckbox(props) {
-    return (react_1.default.createElement("div", { className: "uxf-dg-table__cell uxf-dg-table__select-row-cell" },
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { className: "*:mt-0", hiddenLabel: true, label: "Vybrat", name: "select-row", onChange: props.onSelectRowChange, value: props.isRowSelected })));
-}

package/table-v2/hooks/use-resizable-columns.d.ts

@@ -1,9 +0,0 @@
-import { Nullish } from "@uxf/core/types";
-import { Column } from "../../types";
-import { DataGridControl } from "../../use-data-grid-control";
-import { DataGridTableProps } from "../types";
-export declare function useResizableColumns(columns: Column<any, any>[], actionCell: DataGridTableProps<any>["actionCell"], actions: DataGridControl["actions"], selectRowsCellWidth: number | Nullish): {
-    tableRef: import("react").RefObject<HTMLDivElement>;
-    columnRefs: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
-    onResizeStart(index: number): void;
-};

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

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResizableColumns = useResizableColumns;
-const is_empty_1 = require("@uxf/core/utils/is-empty");
-const rem_1 = require("@uxf/styles/units/rem");
-const react_1 = require("react");
-const get_grid_template_columns_1 = require("../utils/get-grid-template-columns");
-const COLUMN_ABSOLUTE_MIN_WIDTH = 50;
-function useResizableColumns(columns, actionCell, actions, selectRowsCellWidth) {
-    const [activeIndex, setActiveIndex] = (0, react_1.useState)(null);
-    const tableRef = (0, react_1.useRef)(null);
-    const columnRefs = (0, react_1.useRef)([]);
-    const actionCellWidth = actionCell === null || actionCell === void 0 ? void 0 : actionCell.width;
-    (0, react_1.useEffect)(() => {
-        let tempColumnSizes = [];
-        const onMouseMove = (e) => {
-            const gridColumns = columns.map((column, i) => {
-                var _a, _b, _c, _d, _e, _f;
-                const columnRef = columnRefs.current[i];
-                const columnMinWidth = (_b = (_a = column.config) === null || _a === void 0 ? void 0 : _a.minWidth) !== null && _b !== void 0 ? _b : COLUMN_ABSOLUTE_MIN_WIDTH;
-                if (i === activeIndex) {
-                    const tableScrollLeft = (_d = (_c = tableRef.current) === null || _c === void 0 ? void 0 : _c.scrollLeft) !== null && _d !== void 0 ? _d : 0;
-                    const columnOffsetLeft = (_e = columnRef === null || columnRef === void 0 ? void 0 : columnRef.offsetLeft) !== null && _e !== void 0 ? _e : 0;
-                    const clickPositionX = e.clientX + tableScrollLeft;
-                    const width = clickPositionX - columnOffsetLeft;
-                    return width >= columnMinWidth ? width : columnMinWidth;
-                }
-                return (_f = columnRef === null || columnRef === void 0 ? void 0 : columnRef.offsetWidth) !== null && _f !== void 0 ? _f : columnMinWidth;
-            });
-            // TODO @vejvis - jak tohle udělat lépe??
-            tempColumnSizes = gridColumns;
-            if (tableRef.current) {
-                tableRef.current.style.gridTemplateColumns = (0, get_grid_template_columns_1.getGridTemplateColumns)({
-                    actionColumnWidth: actionCellWidth,
-                    columns: gridColumns.map((size) => ({
-                        width: (0, rem_1.rem)(size),
-                        minWidth: null,
-                    })),
-                    selectRowColumnWidth: selectRowsCellWidth,
-                });
-            }
-        };
-        const onMouseUp = () => {
-            setActiveIndex(null);
-            if (!(0, is_empty_1.isEmpty)(tempColumnSizes)) {
-                const userConfigColumns = {};
-                columns.forEach((column, index) => {
-                    userConfigColumns[column.name] = { width: tempColumnSizes[index] };
-                });
-                actions.updateUserConfig({ columns: userConfigColumns });
-            }
-        };
-        if (activeIndex !== null) {
-            window.addEventListener("mousemove", onMouseMove);
-            window.addEventListener("mouseup", onMouseUp);
-        }
-        return () => {
-            window.removeEventListener("mousemove", onMouseMove);
-            window.removeEventListener("mouseup", onMouseUp);
-        };
-    }, [columns, actions, actionCellWidth, activeIndex, selectRowsCellWidth]);
-    return {
-        tableRef,
-        columnRefs,
-        onResizeStart(index) {
-            setActiveIndex(index);
-        },
-    };
-}

package/table-v2/index.d.ts

@@ -1 +0,0 @@
-export * from "./table-v2";

package/table-v2/index.js

@@ -1,17 +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 __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("./table-v2"), exports);

package/table-v2/no-rows-fallback.d.ts

@@ -1,7 +0,0 @@
-import React, { FunctionComponent } from "react";
-export interface NoRowsFallbackProps {
-    error?: any;
-    isLoading: boolean;
-}
-export type NoRowsFallbackComponent = FunctionComponent<NoRowsFallbackProps>;
-export declare function NoRowsFallback(props: NoRowsFallbackProps): React.JSX.Element;

package/table-v2/no-rows-fallback.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.NoRowsFallback = NoRowsFallback;
-const cx_1 = require("@uxf/core/utils/cx");
-const icon_1 = require("@uxf/ui/icon");
-const react_1 = __importDefault(require("react"));
-function NoRowsFallback(props) {
-    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-dg-table__no-rows-fallback", props.isLoading && "is-loading", props.error && "is-error") }, props.isLoading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(icon_1.Icon, { name: "warning", size: 24 }),
-        react_1.default.createElement("p", null, "Vyskytla se chyba"))) : (react_1.default.createElement(react_1.default.Fragment, null, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))));
-}

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

@@ -1,3 +0,0 @@
-import React from "react";
-import { DataGridTableProps } from "./types";
-export declare function DataGridTableV2(props: DataGridTableProps<any>): React.JSX.Element;

package/table-v2/table-v2.js

@@ -1,91 +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.DataGridTableV2 = DataGridTableV2;
-const show_1 = require("@uxf/core-react/components/show");
-const empty_array_1 = require("@uxf/core/constants/empty-array");
-const is_empty_1 = require("@uxf/core/utils/is-empty");
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const format_css_value_1 = require("@uxf/styles/units/format-css-value");
-const rem_1 = require("@uxf/styles/units/rem");
-const react_1 = __importDefault(require("react"));
-const components_1 = require("./components");
-const header_select_all_rows_checkbox_1 = require("./components/header-select-all-rows-checkbox");
-const select_row_checkbox_1 = require("./components/select-row-checkbox");
-const use_resizable_columns_1 = require("./hooks/use-resizable-columns");
-const no_rows_fallback_1 = require("./no-rows-fallback");
-const get_grid_template_columns_1 = require("./utils/get-grid-template-columns");
-const get_grid_template_rows_1 = require("./utils/get-grid-template-rows");
-const SELECT_ROWS_CELL_WIDTH = 32;
-const defaultKeyExtractor = (r) => r.id;
-const DefaultBodyCell = () => "Unknown body cell.";
-function DataGridTableV2(props) {
-    var _a, _b, _c, _d, _e, _f;
-    const keyExtractor = (_a = props.keyExtractor) !== null && _a !== void 0 ? _a : defaultKeyExtractor;
-    const visibleColumns = props.schema.columns
-        .filter((column) => !column.hidden)
-        .filter((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.isHidden) !== null && _c !== void 0 ? _c : (_d = column.config) === null || _d === void 0 ? void 0 : _d.isHidden); });
-    const selectedRowColumnWidth = props.isRowSelectable ? SELECT_ROWS_CELL_WIDTH : null;
-    const { tableRef, columnRefs, onResizeStart } = (0, use_resizable_columns_1.useResizableColumns)(visibleColumns, props.actionCell, props.actions, selectedRowColumnWidth);
-    const gridTemplateRows = (0, get_grid_template_rows_1.getGridTemplateRows)(props.data, (_b = props.headerRowHeight) !== null && _b !== void 0 ? _b : 36, (_c = props.rowHeight) !== null && _c !== void 0 ? _c : 44);
-    const gridTemplateBasicColumns = visibleColumns
-        .map((column) => {
-        var _a;
-        const userColumnConfig = (_a = props.state.userConfig.columns) === null || _a === void 0 ? void 0 : _a[column.name];
-        const hasUserConfigWidthOrMinWidth = (userColumnConfig === null || userColumnConfig === void 0 ? void 0 : userColumnConfig.width) || (userColumnConfig === null || userColumnConfig === void 0 ? void 0 : userColumnConfig.minWidth);
-        return hasUserConfigWidthOrMinWidth ? userColumnConfig : column.config;
-    })
-        .map((columnConfig) => {
-        var _a;
-        return ({
-            width: (0, is_nil_1.isNil)(columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.width) ? "1fr" : ((_a = (0, format_css_value_1.formatCssValue)(columnConfig.width)) !== null && _a !== void 0 ? _a : ""),
-            minWidth: (0, is_nil_1.isNil)(columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.minWidth) ? null : (0, rem_1.rem)(columnConfig.minWidth),
-        });
-    });
-    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);
-        const newSelectedRows = isRowSelected
-            ? selectedRows.filter((row) => keyExtractor(row) !== rowId)
-            : [...selectedRows, props.data.find((row) => keyExtractor(row) === rowId)];
-        props.actions.setSelectedRows(newSelectedRows);
-    };
-    const NoRowsFallback = (_f = props.NoRowsFallback) !== null && _f !== void 0 ? _f : no_rows_fallback_1.NoRowsFallback;
-    return (react_1.default.createElement(components_1.Table, { gridTemplateColumns: gridTemplateColumns, gridTemplateRows: gridTemplateRows, ref: tableRef },
-        react_1.default.createElement(components_1.Table.Header, null,
-            react_1.default.createElement(components_1.Table.Row, null,
-                react_1.default.createElement(show_1.Show, { when: Boolean(props.isRowSelectable) },
-                    react_1.default.createElement(header_select_all_rows_checkbox_1.HeaderSelectAllRowsCheckbox, { actions: props.actions, data: props.data, keyExtractor: keyExtractor, state: props.state })),
-                visibleColumns.map((column, index) => {
-                    var _a;
-                    return (react_1.default.createElement(components_1.Table.HeaderCell, { column: column, key: column.name, onClick: column.sort ? () => props.actions.sort(column.name) : undefined, onResizeStart: () => onResizeStart(index), ref: (el) => {
-                            columnRefs.current[index] = el;
-                        }, sort: ((_a = props.state.request.s) === null || _a === void 0 ? void 0 : _a.name) === column.name ? props.state.request.s : null }));
-                }),
-                react_1.default.createElement(show_1.Show, { when: (0, is_not_nil_1.isNotNil)(props.actionCell) },
-                    react_1.default.createElement(components_1.Table.HeaderActionCell, null)))),
-        react_1.default.createElement(components_1.Table.Body, null, (0, is_empty_1.isEmpty)(props.data) ? (react_1.default.createElement(NoRowsFallback, { error: props.error, isLoading: Boolean(props.isLoading) })) : (props.data.map((row) => {
-            var _a, _b;
-            return (react_1.default.createElement(components_1.Table.Row, { className: `${(0, is_not_nil_1.isNotNil)(props.rowAccent) ? "uxf-dg-table__row--" + props.rowAccent(row) : ""} ${(_b = (_a = props.rowClassName) === null || _a === void 0 ? void 0 : _a.call(props, row)) !== null && _b !== void 0 ? _b : ""}`, key: keyExtractor(row) },
-                react_1.default.createElement(show_1.Show, { when: Boolean(props.isRowSelectable) },
-                    react_1.default.createElement(select_row_checkbox_1.SelectRowCheckbox, { isRowSelected: selectedRows.find((r) => keyExtractor(r) === keyExtractor(row)), onSelectRowChange: selectRowHandler(keyExtractor(row)) })),
-                visibleColumns.map((column) => {
-                    var _a, _b, _c, _d;
-                    const BodyCell = 
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                    (_d = (_b = (_a = props.bodyCells) === null || _a === void 0 ? void 0 : _a[column.type]) !== null && _b !== void 0 ? _b : (_c = props.bodyCells) === null || _c === void 0 ? void 0 : _c.default) !== null && _d !== void 0 ? _d : DefaultBodyCell;
-                    return (react_1.default.createElement(components_1.Table.Cell, { column: column, key: column.name },
-                        react_1.default.createElement(BodyCell, { column: column, reload: props.reload, row: row, value: row[column.name] })));
-                }),
-                (0, is_not_nil_1.isNotNil)(props.actionCell) && (react_1.default.createElement(components_1.Table.ActionCellWrapper, null,
-                    react_1.default.createElement(props.actionCell.Component, { reload: props.reload, row: row })))));
-        })))));
-}

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

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

package/table-v2/table-v2.stories.js

@@ -1,23 +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.Default = Default;
-const react_1 = __importDefault(require("react"));
-const data_1 = require("../_story-utils/data");
-const json_renderer_1 = require("../_story-utils/json-renderer");
-const schema_1 = require("../_story-utils/schema");
-const body_cell_1 = require("../body-cell");
-const hidden_columns_button_1 = require("../hidden-columns-button");
-const use_data_grid_control_1 = require("../use-data-grid-control");
-const action_cell_1 = require("./components/action-cell");
-const table_v2_1 = require("./table-v2");
-function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
-    const reload = () => new Promise(() => null);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(hidden_columns_button_1.DataGridHiddenColumnsButton, { actions: actions, schema: schema_1.schema, state: state }),
-        react_1.default.createElement(table_v2_1.DataGridTableV2, { actionCell: { width: 150, Component: () => react_1.default.createElement(action_cell_1.ActionCell, null, "Action cell") }, actions: actions, bodyCells: body_cell_1.BodyCells, data: data_1.data, error: undefined, isLoading: true, isRowSelectable: true, reload: reload, rowAccent: (row) => (row.id === 2 ? "success" : undefined), rowClassName: (row) => (row.id === 3 ? "some-custom-classname" : undefined), schema: schema_1.schema, state: state }),
-        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
-}

package/table-v2/types.d.ts

@@ -1,23 +0,0 @@
-import { Nullish } from "@uxf/core/types";
-import { ActionCellComponent, BodyCellComponents, KeyExtractor, RowAccent, Schema } from "../types";
-import { DataGridControl } from "../use-data-grid-control";
-import { NoRowsFallbackComponent } from "./no-rows-fallback";
-export interface DataGridTableProps<Row> extends DataGridControl {
-    schema: Schema<any>;
-    data: Row[];
-    isLoading?: boolean;
-    error?: any | Nullish;
-    reload: () => Promise<any>;
-    rowHeight?: number | ((row: Row) => number) | "auto";
-    headerRowHeight?: number;
-    rowAccent?: (row: Row) => RowAccent;
-    rowClassName?: (row: Row) => string | Nullish;
-    keyExtractor?: KeyExtractor;
-    bodyCells?: BodyCellComponents;
-    actionCell?: {
-        width: number;
-        Component: ActionCellComponent<Row>;
-    };
-    NoRowsFallback?: NoRowsFallbackComponent;
-    isRowSelectable?: boolean;
-}

package/table-v2/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

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

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

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGridTemplateColumns = getGridTemplateColumns;
-const build_array_1 = require("@uxf/core/utils/build-array");
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const rem_1 = require("@uxf/styles/units/rem");
-// if minWidth nor width is set for the column, take this
-const COLUMN_DEFAULT_MIN_WIDTH = (0, rem_1.rem)(80);
-function getGridTemplateColumns(config) {
-    var _a, _b;
-    return (0, build_array_1.buildArray)()
-        .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
-        .map((col) => {
-        var _a;
-        return col.width.includes("fr")
-            ? `minmax(${(_a = col.minWidth) !== null && _a !== void 0 ? _a : COLUMN_DEFAULT_MIN_WIDTH}, ${col.width})`
-            : col.width;
-    })
-        .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 +0,0 @@
-import { DataGridTableProps } from "../types";
-export declare function getGridTemplateRows(rows: any[], headerRowHeight: number, rowHeight: DataGridTableProps<any>["rowHeight"]): string | undefined;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGridTemplateRows = getGridTemplateRows;
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const rem_1 = require("@uxf/styles/units/rem");
-function getGridTemplateRows(rows, headerRowHeight, rowHeight) {
-    if (rowHeight === "auto" || (0, is_nil_1.isNil)(rowHeight)) {
-        return undefined;
-    }
-    if (typeof rowHeight === "number") {
-        return `${(0, rem_1.rem)(headerRowHeight)} repeat(${rows.length}, ${(0, rem_1.rem)(rowHeight)})`;
-    }
-    return `${headerRowHeight} ${rows.map(rowHeight).join(" ")}`;
-}

package/toolbar/index.d.ts

@@ -1 +0,0 @@
-export * from "./toolbar";

package/toolbar/index.js

@@ -1,17 +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 __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("./toolbar"), exports);

package/toolbar/toolbar.d.ts

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

package/toolbar/toolbar.js

@@ -1,10 +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.DataGridToolbar = DataGridToolbar;
-const react_1 = __importDefault(require("react"));
-function DataGridToolbar(props) {
-    return react_1.default.createElement("div", { className: "uxf-data-grid__toolbar" }, props.children);
-}

package/toolbar-control/index.d.ts

@@ -1 +0,0 @@
-export * from "./toolbar-control";

package/toolbar-control/index.js

@@ -1,17 +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 __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("./toolbar-control"), exports);

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

@@ -1,13 +0,0 @@
-import { Nullish } from "@uxf/core/types";
-import React from "react";
-import { FilterHandlers } from "../filter-handler";
-import { CsvDownloadGetUrl, Schema } from "../types";
-import { DataGridControl } from "../use-data-grid-control";
-export interface DataGridToolbarControlProps extends DataGridControl {
-    schema: Schema<any>;
-    filterHandlers: FilterHandlers;
-    getCsvDownloadUrl?: CsvDownloadGetUrl;
-    isBorderHidden?: boolean | Nullish;
-    fulltextInputPlaceholder?: string;
-}
-export declare function DataGridToolbarControl(props: DataGridToolbarControlProps): React.JSX.Element;

package/toolbar-control/toolbar-control.js

@@ -1,22 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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"));
-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");
-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, placeholder: props.fulltextInputPlaceholder, state: props.state })),
-        (0, is_not_nil_1.isNotNil)(props.getCsvDownloadUrl) && (react_1.default.createElement(export_button_1.DataGridExportButton, { actions: props.actions, getCsvDownloadUrl: props.getCsvDownloadUrl, schema: props.schema, state: props.state })),
-        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 })));
-}

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

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

package/toolbar-control/toolbar-control.stories.js

@@ -1,19 +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.Default = Default;
-const react_1 = __importDefault(require("react"));
-const json_renderer_1 = require("../_story-utils/json-renderer");
-const schema_1 = require("../_story-utils/schema");
-const filter_handler_1 = require("../filter-handler");
-const use_data_grid_control_1 = require("../use-data-grid-control");
-const toolbar_control_1 = require("./toolbar-control");
-function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "flex flex-row" },
-            react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: actions, filterHandlers: filter_handler_1.defaultFilterHandlers, getCsvDownloadUrl: () => "", schema: schema_1.schema, state: state })),
-        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
-}

package/toolbar-customs/index.d.ts

@@ -1 +0,0 @@
-export * from "./toolbar-customs";

package/toolbar-customs/index.js

@@ -1,17 +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 __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("./toolbar-customs"), exports);

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

@@ -1,13 +0,0 @@
-import { ButtonVariant } from "@uxf/ui/button";
-import { NextLink } from "@uxf/ui/utils/next-link";
-import React, { ReactElement } from "react";
-export interface DataGridToolbarCustomsProps {
-    buttons?: {
-        label: string | ReactElement;
-        onClick?: () => void;
-        href?: string;
-        as?: NextLink | "a";
-        variant?: ButtonVariant;
-    }[];
-}
-export declare function DataGridToolbarCustoms(props: DataGridToolbarCustomsProps): React.JSX.Element | null;

package/toolbar-customs/toolbar-customs.js

@@ -1,20 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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"));
-function DataGridToolbarCustoms(props) {
-    if (!props.buttons) {
-        return null;
-    }
-    const firstButton = props.buttons.at(0);
-    return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-customs" },
-        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, { as: firstButton.as, 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, { as: button.as, href: button.href, key: index, onClick: button.onClick, size: "sm", variant: button.variant }, button.label))))));
-}

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

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

package/toolbar-customs/toolbar-customs.stories.js

@@ -1,15 +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.Default = Default;
-const react_1 = __importDefault(require("react"));
-const toolbar_customs_1 = require("./toolbar-customs");
-function Default() {
-    return (react_1.default.createElement(toolbar_customs_1.DataGridToolbarCustoms, { buttons: [
-            { label: "Default", href: "/", variant: "default" },
-            { label: "Text", href: "/", variant: "text" },
-            { label: "Outlined", href: "/", variant: "secondary" },
-        ] }));
-}

package/toolbar-tabs/index.d.ts

@@ -1 +0,0 @@
-export * from "./toolbar-tabs";