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

package/filters-button/filters-button.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 = void 0;
+const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
+const react_1 = __importDefault(require("react"));
+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 filters_button_1 = require("./filters-button");
+function Default() {
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(filters_button_1.FiltersButton, { state: state, actions: actions, schema: schema_1.schema, gridName: "grid-name", filterHandlers: filter_handler_1.defaultFilterHandlers }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}
+exports.Default = Default;

package/filters-button/index.d.ts

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

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

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

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

package/fulltext-input/fulltext-input.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FulltextInput = void 0;
+const icon_1 = require("@uxf/ui/icon");
+const text_input_1 = require("@uxf/ui/text-input");
+const react_1 = __importDefault(require("react"));
+function FulltextInput(props) {
+    return (react_1.default.createElement(text_input_1.TextInput, { value: props.state.request.search, onChange: props.actions.search, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid__plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), label: "Vyhled\u00E1v\u00E1n\u00ED", hiddenLabel: true }));
+}
+exports.FulltextInput = FulltextInput;

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,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
+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 fulltext_input_1 = require("./fulltext-input");
+function Default() {
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(fulltext_input_1.FulltextInput, { state: state, actions: actions }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}
+exports.Default = Default;

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 from "react";
+import { Schema } from "../types";
+import { DataGridControl } from "../use-data-grid-control";
+interface HiddenColumnsProps extends DataGridControl {
+    schema: Schema<any>;
+}
+export declare function HiddenColumns(props: HiddenColumnsProps): React.JSX.Element;
+export {};

package/hidden-columns/hidden-columns.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.HiddenColumns = void 0;
+const toggle_1 = require("@uxf/ui/toggle");
+const react_1 = __importDefault(require("react"));
+function HiddenColumns(props) {
+    return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control-columns" }, props.schema.columns.map((column) => {
+        var _a;
+        return (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", 
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            value: !((_a = props.state.columnConfig[column.name]) === null || _a === void 0 ? void 0 : _a.isHidden), onChange: (value) => value ? props.actions.showColumn(column.name) : props.actions.hideColumn(column.name) }));
+    })));
+}
+exports.HiddenColumns = HiddenColumns;

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,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
+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 hidden_columns_1 = require("./hidden-columns");
+function Default() {
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(hidden_columns_1.HiddenColumns, { state: state, actions: actions, schema: schema_1.schema }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}
+exports.Default = Default;

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 from "react";
+import { Schema } from "../types";
+import { DataGridControl } from "../use-data-grid-control";
+interface HiddenColumnsButtonProps extends DataGridControl {
+    schema: Schema<any>;
+}
+export declare function HiddenColumnsButton(props: HiddenColumnsButtonProps): React.JSX.Element;
+export {};

package/{tailwindui/data-grid.js → hidden-columns-button/hidden-columns-button.js}

@@ -23,14 +23,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGrid = void 0;
+exports.HiddenColumnsButton = void 0;
+const button_1 = require("@uxf/ui/button");
+const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importStar(require("react"));
-const data_grid_1 = require("../data-grid");
-const ui_1 = require("./ui");
-const DataGrid = (props) => {
-    const ui = (0, react_1.useMemo)(() => {
-        return { ...ui_1.UI, ...props.ui };
-    }, [props.ui]);
-    return react_1.default.createElement(data_grid_1.DataGrid, { ...props, ui: ui });
-};
-exports.DataGrid = DataGrid;
+const drawer_1 = require("../_components/drawer");
+const hidden_columns_1 = require("../hidden-columns");
+function HiddenColumnsButton(props) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: () => setIsOpen(true), title: "Nastaven\u00ED sloupc\u016F", className: "uxf-data-grid__plugin-button" },
+            react_1.default.createElement(icon_1.Icon, { name: "table-columns" })),
+        react_1.default.createElement(drawer_1.Drawer, { open: isOpen, onClose: () => setIsOpen(false), title: "Nastaven\u00ED sloupc\u016F" },
+            react_1.default.createElement(hidden_columns_1.HiddenColumns, { state: props.state, actions: props.actions, schema: props.schema }))));
+}
+exports.HiddenColumnsButton = HiddenColumnsButton;

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,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
+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 hidden_columns_button_1 = require("./hidden-columns-button");
+function Default() {
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(hidden_columns_button_1.HiddenColumnsButton, { state: state, actions: actions, schema: schema_1.schema }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}
+exports.Default = Default;

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/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 LinearProgressProps {
+    isLoading: boolean;
+}
+export declare function LinearProgress(props: LinearProgressProps): React.JSX.Element;

package/{tailwindui/components → linear-progress}/linear-progress.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "10.0.2",
+  "version": "11.0.0-beta.1",
   "description": "UXF DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",
@@ -27,7 +27,7 @@
     "typecheck": "tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@uxf/ui": "10.0.2",
+    "@uxf/ui": "10.0.7",
     "dayjs": "1.11.10",
     "react-data-grid": "7.0.0-beta.39"
   },

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,8 @@
+import { Nullish } from "@uxf/core/types";
+import React from "react";
+import { DataGridControl } from "../use-data-grid-control";
+interface PaginationProps extends DataGridControl {
+    totalCount: number | Nullish;
+}
+export declare function Pagination(props: PaginationProps): React.JSX.Element;
+export {};

package/pagination/pagination.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = void 0;
+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 Pagination(props) {
+    const pageCount = (0, is_not_nil_1.isNotNil)(props.totalCount) && props.totalCount > 0
+        ? Math.max(Math.ceil(props.totalCount / props.state.request.perPage), 1)
+        : 1;
+    return (react_1.default.createElement(pagination_1.Pagination, { count: pageCount, page: props.state.request.page + 1, onPageChange: (value) => props.actions.changePage(value - 1) }));
+}
+exports.Pagination = Pagination;

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,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
+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 pagination_1 = require("./pagination");
+function Default() {
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(pagination_1.Pagination, { state: state, actions: actions, totalCount: 100 }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}
+exports.Default = Default;

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,7 @@
+import React from "react";
+import { DataGridControl } from "../use-data-grid-control";
+export interface RowCountsProps {
+    state: DataGridControl["state"];
+    totalCount: number;
+}
+export declare function RowCounts(props: RowCountsProps): React.JSX.Element;

package/row-counts/row-counts.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowCounts = void 0;
+const react_1 = __importDefault(require("react"));
+function RowCounts(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.totalCount));
+}
+exports.RowCounts = RowCounts;

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,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 = void 0;
+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_1.schema, null, true);
+    return react_1.default.createElement(row_counts_1.RowCounts, { state: state, totalCount: 150 });
+}
+exports.Default = Default;

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 RowsPerPageSelect(props: DataGridControl): React.JSX.Element;

package/{tailwindui/components/pagination-rows-per-page-select.js → rows-per-page-select/rows-per-page-select.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaginationRowsPerPageSelect = void 0;
+exports.RowsPerPageSelect = void 0;
 const select_1 = require("@uxf/ui/select");
 const react_1 = __importDefault(require("react"));
 const PER_PAGE_OPTIONS = [
@@ -12,9 +12,9 @@ const PER_PAGE_OPTIONS = [
     { id: 50, label: "50" },
     { id: 100, label: "100" },
 ];
-const PaginationRowsPerPageSelect = (props) => {
+function RowsPerPageSelect(props) {
     return (react_1.default.createElement("div", { className: "uxf-data-grid__rows-per-page" },
         react_1.default.createElement("label", { htmlFor: "uxf-data-grid--select-per-page" }, "Po\u010Det \u0159\u00E1dk\u016F"),
-        react_1.default.createElement(select_1.Select, { id: "uxf-data-grid--select-per-page", value: props.value, onChange: (value) => props.onChange(value !== null && value !== void 0 ? value : 10), options: PER_PAGE_OPTIONS, size: "small", label: "Po\u010Det \u0159\u00E1dk\u016F", hiddenLabel: true })));
-};
-exports.PaginationRowsPerPageSelect = PaginationRowsPerPageSelect;
+        react_1.default.createElement(select_1.Select, { id: "uxf-data-grid--select-per-page", value: props.state.request.perPage, onChange: (value) => props.actions.changePerPage(value !== null && value !== void 0 ? value : 10), options: PER_PAGE_OPTIONS, size: "small", label: "Po\u010Det \u0159\u00E1dk\u016F", hiddenLabel: true })));
+}
+exports.RowsPerPageSelect = RowsPerPageSelect;

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

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

package/rows-per-page-select/rows-per-page-select.stories.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
+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 rows_per_page_select_1 = require("./rows-per-page-select");
+function Default() {
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(schema_1.schema, null, true);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(rows_per_page_select_1.RowsPerPageSelect, { state: state, actions: actions }),
+        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
+}
+exports.Default = Default;

package/selected-rows-toolbar/index.d.ts

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

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

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

@@ -0,0 +1,11 @@
+import React, { FC } from "react";
+import { DataGridControl } from "../use-data-grid-control";
+export interface SelectedRowsToolbarActionsProps extends DataGridControl {
+    reload: () => void;
+}
+export type SelectedRowsToolbarActionsComponent = FC<SelectedRowsToolbarActionsProps>;
+export interface SelectedRowsToolbarProps extends DataGridControl {
+    Actions?: SelectedRowsToolbarActionsComponent;
+    onReload?: () => void;
+}
+export declare function SelectedRowsToolbar(props: SelectedRowsToolbarProps): React.JSX.Element | null;

package/{tailwindui/components → selected-rows-toolbar}/selected-rows-toolbar.js

@@ -15,15 +15,18 @@ const getText = (count) => {
     }
     return `Vybráno ${count} záznamů`;
 };
-const SelectedRowsToolbar = (props) => {
-    if (!props.onChangeSelectedRows || !props.selectedRows || props.selectedRows.size === 0) {
+function SelectedRowsToolbar(props) {
+    if (!props.state.selectedRows) {
+        return null;
+    }
+    if (props.state.selectedRows.length === 0) {
         return null;
     }
     return (react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-wrapper", style: { paddingLeft: 240 } },
         react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar" },
-            react_1.default.createElement("p", null, getText(props.selectedRows.size)),
+            react_1.default.createElement("p", null, getText(props.state.selectedRows.length)),
             react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-actions" },
-                props.Actions && (react_1.default.createElement(props.Actions, { onChangeSelectedRows: props.onChangeSelectedRows, selectedRows: props.selectedRows, reload: props.reload })),
-                react_1.default.createElement(button_1.Button, { onClick: () => { var _a; return (_a = props.onChangeSelectedRows) === null || _a === void 0 ? void 0 : _a.call(props, new Set()); } }, "Smazat")))));
-};
+                props.Actions && (react_1.default.createElement(props.Actions, { state: props.state, actions: props.actions, reload: () => { var _a; return (_a = props.onReload) === null || _a === void 0 ? void 0 : _a.call(props); } })),
+                react_1.default.createElement(button_1.Button, { onClick: () => props.actions.setSelectedRows([]) }, "Smazat")))));
+}
 exports.SelectedRowsToolbar = SelectedRowsToolbar;

package/selected-rows-toolbar/selected-rows-toolbar.stories.d.ts

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