@uxf/data-grid 11.74.0 → 11.74.2

package/footer/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("./footer"), exports);

package/fulltext-input/fulltext-input.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { DataGridControl } from "../use-data-grid-control";
+export type DataGridFulltextInputProps = DataGridControl & {
+    placeholder?: string;
+};
+export declare function DataGridFulltextInput(props: DataGridFulltextInputProps): React.JSX.Element;

package/fulltext-input/fulltext-input.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.DataGridFulltextInput = DataGridFulltextInput;
+const translations_1 = require("@uxf/core-react/translations");
+const icon_1 = require("@uxf/ui/icon");
+const text_input_1 = require("@uxf/ui/text-input");
+const react_1 = __importDefault(require("react"));
+function DataGridFulltextInput(props) {
+    var _a;
+    const t = (0, translations_1.useUxfTranslation)();
+    return (react_1.default.createElement(text_input_1.TextInput, { className: "uxf-data-grid__plugin-fulltext", hiddenLabel: true, label: t("uxf-data-grid-fulltext-input:search-label"), leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), name: "fulltext", onChange: props.actions.search, placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : t("uxf-data-grid-fulltext-input:search-placeholder"), size: "small", value: props.state.request.search }));
+}

package/fulltext-input/fulltext-input.stories.d.ts

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

package/fulltext-input/fulltext-input.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 fulltext_input_1 = require("./fulltext-input");
+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(fulltext_input_1.DataGridFulltextInput, { actions: actions, state: state }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}

package/fulltext-input/index.d.ts

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

package/fulltext-input/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("./fulltext-input"), exports);

package/hidden-columns/hidden-columns.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+import { Schema } from "../types";
+import { DataGridControl } from "../use-data-grid-control";
+export interface DataGridHiddenColumnsProps extends DataGridControl {
+    schema: Schema<any>;
+    title?: ReactNode;
+}
+export declare function DataGridHiddenColumns(props: DataGridHiddenColumnsProps): React.JSX.Element;

package/hidden-columns/hidden-columns.js

@@ -0,0 +1,37 @@
+"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.DataGridHiddenColumns = DataGridHiddenColumns;
+const show_1 = require("@uxf/core-react/components/show");
+const translations_1 = require("@uxf/core-react/translations");
+const is_empty_1 = require("@uxf/core/utils/is-empty");
+const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
+const icon_1 = require("@uxf/ui/icon");
+const text_link_1 = require("@uxf/ui/text-link");
+const toggle_1 = require("@uxf/ui/toggle");
+const react_1 = __importDefault(require("react"));
+function DataGridHiddenColumns(props) {
+    const t = (0, translations_1.useUxfTranslation)();
+    const columns = props.schema.columns.filter((c) => !c.hidden);
+    const visibleColumns = columns.filter((c) => { var _a, _b, _c, _d; return !((_c = (_b = (_a = props.state.userConfig.columns) === null || _a === void 0 ? void 0 : _a[c.name]) === null || _b === void 0 ? void 0 : _b.isHidden) !== null && _c !== void 0 ? _c : (_d = c.config) === null || _d === void 0 ? void 0 : _d.isHidden); });
+    const hiddenColumns = columns.filter((c) => { var _a, _b, _c, _d; return (_c = (_b = (_a = props.state.userConfig.columns) === null || _a === void 0 ? void 0 : _a[c.name]) === null || _b === void 0 ? void 0 : _b.isHidden) !== null && _c !== void 0 ? _c : (_d = c.config) === null || _d === void 0 ? void 0 : _d.isHidden; });
+    const onToggleChange = (columnName) => (value) => props.actions[value ? "showColumn" : "hideColumn"](columnName);
+    const onChangeAll = (value) => () => columns.forEach((column) => props.actions[value ? "showColumn" : "hideColumn"](column.name));
+    return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control-columns" },
+        react_1.default.createElement("div", { className: "uxf-data-grid__hidden-columns-title" },
+            react_1.default.createElement("div", null, t("uxf-data-grid-hidden-columns:visible-columns")),
+            react_1.default.createElement(text_link_1.TextLink, { isDisabled: (0, is_empty_1.isEmpty)(visibleColumns), onClick: onChangeAll(false), variant: "text" }, t("uxf-data-grid-hidden-columns:hide-all"))),
+        visibleColumns.map((column) => (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", name: column.name, onChange: onToggleChange(column.name), size: "sm", value: true, variant: "reversed" }))),
+        react_1.default.createElement(show_1.Show, { when: (0, is_empty_1.isEmpty)(visibleColumns) },
+            react_1.default.createElement("div", { className: "uxf-data-grid__hidden-columns-empty-box" },
+                react_1.default.createElement(icon_1.Icon, { name: "triangle-exclamation-solid", size: 20 }),
+                t("uxf-data-grid-hidden-columns:empty-message"))),
+        react_1.default.createElement(show_1.Show, { when: (0, is_not_empty_1.isNotEmpty)(hiddenColumns) },
+            react_1.default.createElement("div", { className: "uxf-data-grid__hidden-columns-title" },
+                react_1.default.createElement("div", null, t("uxf-data-grid-hidden-columns:hidden-columns")),
+                react_1.default.createElement(text_link_1.TextLink, { onClick: onChangeAll(true), variant: "text" }, t("uxf-data-grid-hidden-columns:show-all"))),
+            hiddenColumns.map((column) => (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", name: column.name, onChange: onToggleChange(column.name), size: "sm", value: false, variant: "reversed" }))))));
+}

package/hidden-columns/hidden-columns.stories.d.ts

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

package/hidden-columns/hidden-columns.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 hidden_columns_1 = require("./hidden-columns");
+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(hidden_columns_1.DataGridHiddenColumns, { actions: actions, schema: schema_1.schema, state: state }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}

package/hidden-columns/index.d.ts

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

package/hidden-columns/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("./hidden-columns"), exports);

package/hidden-columns-button/hidden-columns-button.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+import { Schema } from "../types";
+import { DataGridControl } from "../use-data-grid-control";
+export interface DataGridHiddenColumnsButtonProps extends DataGridControl {
+    drawerTitle?: ReactNode;
+    schema: Schema<any>;
+}
+export declare function DataGridHiddenColumnsButton(props: DataGridHiddenColumnsButtonProps): React.JSX.Element;

package/hidden-columns-button/hidden-columns-button.js

@@ -0,0 +1,44 @@
+"use strict";
+"use client";
+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.DataGridHiddenColumnsButton = DataGridHiddenColumnsButton;
+const translations_1 = require("@uxf/core-react/translations");
+const icon_button_1 = require("@uxf/ui/icon-button");
+const modal_1 = require("@uxf/ui/modal/modal");
+const react_1 = __importStar(require("react"));
+const drawer_1 = require("../_components/drawer");
+const hidden_columns_1 = require("../hidden-columns");
+function DataGridHiddenColumnsButton(props) {
+    var _a;
+    const t = (0, translations_1.useUxfTranslation)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const closeHandler = () => setIsOpen(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(icon_button_1.IconButton, { className: "uxf-data-grid__plugin-button", iconName: "table-columns", label: t("uxf-data-grid-hidden-columns-button:column-settings-label"), onClick: () => setIsOpen(true), size: "sm", variant: "secondary" }),
+        react_1.default.createElement(modal_1.Modal, { className: "uxf-dg-modal", close: closeHandler, isOpen: isOpen, variant: "drawer-right" },
+            react_1.default.createElement(drawer_1.Drawer, { onClose: closeHandler, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : t("uxf-data-grid-hidden-columns-button:columns-title") },
+                react_1.default.createElement(hidden_columns_1.DataGridHiddenColumns, { actions: props.actions, schema: props.schema, state: props.state })))));
+}

package/hidden-columns-button/hidden-columns-button.stories.d.ts

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

package/hidden-columns-button/hidden-columns-button.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 hidden_columns_button_1 = require("./hidden-columns-button");
+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(hidden_columns_button_1.DataGridHiddenColumnsButton, { actions: actions, schema: schema_1.schema, state: state }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}

package/hidden-columns-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./hidden-columns-button";

package/hidden-columns-button/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("./hidden-columns-button"), exports);

package/hooks/useCallbackRef.d.ts

@@ -0,0 +1,2 @@
+import { CallbackRef } from "../types";
+export declare const useCallbackRef: () => import("react").MutableRefObject<CallbackRef | undefined>;

package/hooks/useCallbackRef.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCallbackRef = void 0;
+const react_1 = require("react");
+const useCallbackRef = () => (0, react_1.useRef)();
+exports.useCallbackRef = useCallbackRef;

package/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./data-grid";
+export * from "./hooks/useCallbackRef";
+export * from "./types";
+export { decodeFilter, encodeFilter } from "./utils";
+export { mergeSchemaWithConfig } from "./utils/merge-schema-with-config";

package/index.js

@@ -0,0 +1,25 @@
+"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 });
+exports.mergeSchemaWithConfig = exports.encodeFilter = exports.decodeFilter = void 0;
+__exportStar(require("./data-grid"), exports);
+__exportStar(require("./hooks/useCallbackRef"), exports);
+__exportStar(require("./types"), exports);
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "decodeFilter", { enumerable: true, get: function () { return utils_1.decodeFilter; } });
+Object.defineProperty(exports, "encodeFilter", { enumerable: true, get: function () { return utils_1.encodeFilter; } });
+var merge_schema_with_config_1 = require("./utils/merge-schema-with-config");
+Object.defineProperty(exports, "mergeSchemaWithConfig", { enumerable: true, get: function () { return merge_schema_with_config_1.mergeSchemaWithConfig; } });

package/linear-progress/index.d.ts

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

package/linear-progress/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("./linear-progress"), exports);

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

@@ -0,0 +1,5 @@
+import React from "react";
+export interface DataGridLinearProgressProps {
+    isLoading: boolean;
+}
+export declare function DataGridLinearProgress(props: DataGridLinearProgressProps): React.JSX.Element;

package/linear-progress/linear-progress.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridLinearProgress = DataGridLinearProgress;
+const cx_1 = require("@uxf/core/utils/cx");
+const react_1 = __importDefault(require("react"));
+function DataGridLinearProgress(props) {
+    return (react_1.default.createElement("div", { className: "uxf-data-grid__linear-progress-wrapper" },
+        react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__linear-progress", props.isLoading && "is-loading") })));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/data-grid",
-    "version": "11.74.0",
+    "version": "11.74.2",
     "description": "UXF DataGrid",
     "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
     "main": "index.js",
@@ -32,8 +32,8 @@
     },
     "dependencies": {
         "@uxf/core": "11.72.3",
-        "@uxf/core-react": "11.74.0",
-        "@uxf/ui": "11.74.0",
+        "@uxf/core-react": "11.74.1",
+        "@uxf/ui": "11.74.2",
         "dayjs": "1.11.13",
         "deepmerge": "4.3.1",
         "fast-glob": "3.3.2",

package/pagination/index.d.ts

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

package/pagination/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("./pagination"), exports);

package/pagination/pagination.d.ts

@@ -0,0 +1,12 @@
+import { Nullish } from "@uxf/core/types";
+import { PaginationSizes } from "@uxf/ui/pagination/theme";
+import React from "react";
+import { DataGridControl } from "../use-data-grid-control";
+interface DataGridPaginationProps extends DataGridControl {
+    count: number | Nullish;
+    showFirstButton?: boolean;
+    showLastButton?: boolean;
+    size?: keyof PaginationSizes;
+}
+export declare function DataGridPagination(props: DataGridPaginationProps): React.JSX.Element;
+export {};

package/pagination/pagination.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.DataGridPagination = DataGridPagination;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+const pagination_1 = require("@uxf/ui/pagination");
+const react_1 = __importDefault(require("react"));
+function DataGridPagination(props) {
+    const pageCount = (0, is_not_nil_1.isNotNil)(props.count) && props.count > 0
+        ? Math.max(Math.ceil(props.count / props.state.request.perPage), 1)
+        : 1;
+    return (react_1.default.createElement(pagination_1.Pagination, { count: pageCount, onPageChange: (value) => props.actions.changePage(value - 1), page: props.state.request.page + 1, showFirstButton: props.showFirstButton, showLastButton: props.showLastButton, size: props.size }));
+}

package/pagination/pagination.stories.d.ts

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

package/pagination/pagination.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 pagination_1 = require("./pagination");
+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(pagination_1.DataGridPagination, { actions: actions, count: 100, state: state }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}

package/root/index.d.ts

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

package/root/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("./root"), exports);

package/root/root.d.ts

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

package/root/root.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridRoot = DataGridRoot;
+const cx_1 = require("@uxf/core/utils/cx");
+const react_1 = __importDefault(require("react"));
+function DataGridRoot(props) {
+    return react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid", props.className) }, props.children);
+}

package/row-counts/index.d.ts

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

package/row-counts/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("./row-counts"), exports);

package/row-counts/row-counts.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { DataGridControl } from "../use-data-grid-control";
+export interface DataGridRowCountsProps {
+    state: DataGridControl["state"];
+    totalCount: number;
+    count: number;
+}
+export declare function DataGridRowCounts(props: DataGridRowCountsProps): React.JSX.Element;

package/row-counts/row-counts.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.DataGridRowCounts = DataGridRowCounts;
+const show_1 = require("@uxf/core-react/components/show");
+const react_1 = __importDefault(require("react"));
+function DataGridRowCounts(props) {
+    const fromNumber = props.state.request.page * props.state.request.perPage + 1;
+    const toNumber = Math.min(props.state.request.page * props.state.request.perPage + props.state.request.perPage, props.totalCount);
+    return (react_1.default.createElement("p", { className: "uxf-data-grid__pagination-counts" },
+        fromNumber,
+        "-",
+        toNumber,
+        " z ",
+        props.count,
+        " ",
+        react_1.default.createElement(show_1.Show, { when: props.count !== props.totalCount },
+            "(celkem ",
+            props.totalCount,
+            ")")));
+}

package/row-counts/row-counts.stories.d.ts

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

package/row-counts/row-counts.stories.js

@@ -0,0 +1,14 @@
+"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 schema_1 = require("../_story-utils/schema");
+const use_data_grid_control_1 = require("../use-data-grid-control");
+const row_counts_1 = require("./row-counts");
+function Default() {
+    const { state } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
+    return react_1.default.createElement(row_counts_1.DataGridRowCounts, { count: 100, state: state, totalCount: 150 });
+}

package/rows-per-page-select/index.d.ts

@@ -0,0 +1 @@
+export * from "./rows-per-page-select";

package/rows-per-page-select/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("./rows-per-page-select"), exports);

package/rows-per-page-select/rows-per-page-select.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DataGridControl } from "../use-data-grid-control";
+export declare function DataGridRowsPerPageSelect(props: DataGridControl): React.JSX.Element;