@uxf/data-grid 11.74.0 → 11.74.2

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

@@ -0,0 +1,23 @@
+"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

@@ -0,0 +1,23 @@
+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

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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,23 @@
+"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,14 @@
+"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

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

package/toolbar/index.js

@@ -0,0 +1,17 @@
+"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

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

package/toolbar/toolbar.js

@@ -0,0 +1,10 @@
+"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

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

package/toolbar-control/index.js

@@ -0,0 +1,17 @@
+"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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,22 @@
+"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

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

package/toolbar-control/toolbar-control.stories.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.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

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

package/toolbar-customs/index.js

@@ -0,0 +1,17 @@
+"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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,20 @@
+"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

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

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

@@ -0,0 +1,15 @@
+"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

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

package/toolbar-tabs/index.js

@@ -0,0 +1,17 @@
+"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-tabs"), exports);

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

@@ -0,0 +1,11 @@
+import { Nullish } from "@uxf/core/types";
+import React from "react";
+import { ChangeTabFilterBehavior } from "../types";
+import { Schema } from "../types/schema";
+import { DataGridControl } from "../use-data-grid-control";
+export interface DataGridToolbarTabsProps extends DataGridControl {
+    changeTabFilterBehavior?: ChangeTabFilterBehavior;
+    schema: Schema<any>;
+    tabCounts?: Record<string, number> | Nullish;
+}
+export declare function DataGridToolbarTabs(props: DataGridToolbarTabsProps): React.JSX.Element;

package/toolbar-tabs/toolbar-tabs.js

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

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

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

package/toolbar-tabs/toolbar-tabs.stories.js

@@ -0,0 +1,17 @@
+"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 use_data_grid_control_1 = require("../use-data-grid-control");
+const toolbar_tabs_1 = require("./toolbar-tabs");
+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(toolbar_tabs_1.DataGridToolbarTabs, { actions: actions, schema: schema_1.schema, state: state }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}

package/translations/cs.json

@@ -0,0 +1,47 @@
+{
+  "uxf-data-grid-hidden-columns": {
+    "visible-columns": "Zobrazené sloupce",
+    "hide-all": "skrýt vše",
+    "empty-message": "Tabulka má všechny sloupce skryté. Pro zobrazení vyberte sloupec níže.",
+    "hidden-columns": "Skryté sloupce",
+    "show-all": "zobrazit vše"
+  },
+  "uxf-data-grid-fulltext-input": {
+    "search-label": "Vyhledávání",
+    "search-placeholder": "Pište pro hledání"
+  },
+  "uxf-data-grid-hidden-columns-button": {
+    "column-settings-label": "Nastavení sloupců",
+    "columns-title": "Sloupce"
+  },
+  "uxf-data-grid-filters-button": {
+    "filters-label": "Filtry",
+    "filter-title": "Filtrovat",
+    "filtering-title": "Filtrování"
+  },
+  "uxf-data-grid-export-button": {
+    "download-csv": "Stáhnout CSV"
+  },
+  "uxf-data-grid-rows-per-page-select": {
+    "rows-count-label": "Počet řádků"
+  },
+  "uxf-data-grid-selected-rows-toolbar": {
+    "selected-one": "Vybrán 1 záznam",
+    "selected-few": "Vybrány {{count}} záznamy",
+    "selected-many": "Vybráno {{count}} záznamů",
+    "cancel-selection": "Zrušit výběr"
+  },
+  "uxf-data-grid-no-rows-fallback": {
+    "loading": "Načítám...",
+    "no-records": "Žádné záznamy",
+    "error": "Vyskytla se chyba"
+  },
+  "uxf-data-grid-checkboxes": {
+    "select-all": "Vybrat vše",
+    "select": "Vybrat"
+  },
+  "uxf-data-grid-boolean-filter": {
+    "yes": "Ano",
+    "no": "Ne"
+  }
+}

package/translations/de.json

@@ -0,0 +1,47 @@
+{
+  "uxf-data-grid-hidden-columns": {
+    "visible-columns": "Sichtbare Spalten",
+    "hide-all": "alle ausblenden",
+    "empty-message": "Die Tabelle hat alle Spalten ausgeblendet. Um sie anzuzeigen, wählen Sie eine Spalte unten aus.",
+    "hidden-columns": "Ausgeblendete Spalten",
+    "show-all": "alle anzeigen"
+  },
+  "uxf-data-grid-fulltext-input": {
+    "search-label": "Suche",
+    "search-placeholder": "Zum Suchen eingeben"
+  },
+  "uxf-data-grid-hidden-columns-button": {
+    "column-settings-label": "Spalteneinstellungen",
+    "columns-title": "Spalten"
+  },
+  "uxf-data-grid-filters-button": {
+    "filters-label": "Filter",
+    "filter-title": "Filtern",
+    "filtering-title": "Filterung"
+  },
+  "uxf-data-grid-export-button": {
+    "download-csv": "CSV herunterladen"
+  },
+  "uxf-data-grid-rows-per-page-select": {
+    "rows-count-label": "Anzahl Zeilen"
+  },
+  "uxf-data-grid-selected-rows-toolbar": {
+    "selected-one": "1 Datensatz ausgewählt",
+    "selected-few": "{{count}} Datensätze ausgewählt",
+    "selected-many": "{{count}} Datensätze ausgewählt",
+    "cancel-selection": "Auswahl abbrechen"
+  },
+  "uxf-data-grid-no-rows-fallback": {
+    "loading": "Laden...",
+    "no-records": "Keine Datensätze",
+    "error": "Ein Fehler ist aufgetreten"
+  },
+  "uxf-data-grid-checkboxes": {
+    "select-all": "Alle auswählen",
+    "select": "Auswählen"
+  },
+  "uxf-data-grid-boolean-filter": {
+    "yes": "Ja",
+    "no": "Nein"
+  }
+}

package/translations/en.json

@@ -0,0 +1,47 @@
+{
+  "uxf-data-grid-hidden-columns": {
+    "visible-columns": "Visible columns",
+    "hide-all": "hide all",
+    "empty-message": "The table has all columns hidden. To display them, select a column below.",
+    "hidden-columns": "Hidden columns",
+    "show-all": "show all"
+  },
+  "uxf-data-grid-fulltext-input": {
+    "search-label": "Search",
+    "search-placeholder": "Type to search"
+  },
+  "uxf-data-grid-hidden-columns-button": {
+    "column-settings-label": "Column settings",
+    "columns-title": "Columns"
+  },
+  "uxf-data-grid-filters-button": {
+    "filters-label": "Filters",
+    "filter-title": "Filter",
+    "filtering-title": "Filtering"
+  },
+  "uxf-data-grid-export-button": {
+    "download-csv": "Download CSV"
+  },
+  "uxf-data-grid-rows-per-page-select": {
+    "rows-count-label": "Rows count"
+  },
+  "uxf-data-grid-selected-rows-toolbar": {
+    "selected-one": "1 record selected",
+    "selected-few": "{{count}} records selected",
+    "selected-many": "{{count}} records selected",
+    "cancel-selection": "Cancel selection"
+  },
+  "uxf-data-grid-no-rows-fallback": {
+    "loading": "Loading...",
+    "no-records": "No records",
+    "error": "An error occurred"
+  },
+  "uxf-data-grid-checkboxes": {
+    "select-all": "Select all",
+    "select": "Select"
+  },
+  "uxf-data-grid-boolean-filter": {
+    "yes": "Yes",
+    "no": "No"
+  }
+}

package/translations/sk.json

@@ -0,0 +1,47 @@
+{
+  "uxf-data-grid-hidden-columns": {
+    "visible-columns": "Zobrazené stĺpce",
+    "hide-all": "skryť všetko",
+    "empty-message": "Tabuľka má všetky stĺpce skryté. Pre zobrazenie vyberte stĺpec nižšie.",
+    "hidden-columns": "Skryté stĺpce",
+    "show-all": "zobraziť všetko"
+  },
+  "uxf-data-grid-fulltext-input": {
+    "search-label": "Vyhľadávanie",
+    "search-placeholder": "Píšte pre hľadanie"
+  },
+  "uxf-data-grid-hidden-columns-button": {
+    "column-settings-label": "Nastavenie stĺpcov",
+    "columns-title": "Stĺpce"
+  },
+  "uxf-data-grid-filters-button": {
+    "filters-label": "Filtre",
+    "filter-title": "Filtrovať",
+    "filtering-title": "Filtrovanie"
+  },
+  "uxf-data-grid-export-button": {
+    "download-csv": "Stiahnuť CSV"
+  },
+  "uxf-data-grid-rows-per-page-select": {
+    "rows-count-label": "Počet riadkov"
+  },
+  "uxf-data-grid-selected-rows-toolbar": {
+    "selected-one": "Vybraný 1 záznam",
+    "selected-few": "Vybrané {{count}} záznamy",
+    "selected-many": "Vybraných {{count}} záznamov",
+    "cancel-selection": "Zrušiť výber"
+  },
+  "uxf-data-grid-no-rows-fallback": {
+    "loading": "Načítam...",
+    "no-records": "Žiadne záznamy",
+    "error": "Vyskytla sa chyba"
+  },
+  "uxf-data-grid-checkboxes": {
+    "select-all": "Vybrať všetko",
+    "select": "Vybrať"
+  },
+  "uxf-data-grid-boolean-filter": {
+    "yes": "Áno",
+    "no": "Nie"
+  }
+}

package/types/api.d.ts

@@ -0,0 +1,23 @@
+import { Nullish } from "@uxf/core/types";
+import { DataGridSort } from "./schema";
+export type ResultItem = any;
+export interface RequestFilter<T = any> {
+    name: string;
+    value: T;
+    op?: string;
+}
+export interface Request {
+    f?: RequestFilter[];
+    s?: DataGridSort;
+    page?: number;
+    perPage?: number;
+    search?: string;
+    tab?: string | null;
+    withTabCounts?: true | null;
+}
+export interface Response {
+    totalCount: number;
+    count: number;
+    tabCounts: Record<string, number> | Nullish;
+    result: ResultItem[];
+}

package/types/api.js

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