@uxf/data-grid 11.47.1 → 11.47.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/_components/grid-dialog.d.ts +9 -0
  2. package/_components/grid-dialog.js +27 -0
  3. package/filters-button/filters-button.js +31 -14
  4. package/hidden-columns-button/hidden-columns-button.js +31 -14
  5. package/package.json +1 -1
package/_components/grid-dialog.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import React, { ReactNode } from "react";
2
+ interface Props {
3
+ isOpen: boolean;
4
+ children: ReactNode;
5
+ close: () => void;
6
+ }
7
+ /** @deprecated Remove me @Škodík */
8
+ export declare function GridDialog(props: Props): React.JSX.Element;
9
+ export {};
package/_components/grid-dialog.js ADDED
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.GridDialog = GridDialog;
7
+ const react_1 = require("@floating-ui/react");
8
+ const use_latest_1 = require("@uxf/core-react/hooks/use-latest");
9
+ const dialog_1 = require("@uxf/ui/dialog");
10
+ const react_2 = __importDefault(require("react"));
11
+ /** @deprecated Remove me @Škodík */
12
+ function GridDialog(props) {
13
+ const { refs, context } = (0, react_1.useFloating)({
14
+ open: props.isOpen,
15
+ onOpenChange(nextOpen, event, reason) {
16
+ if (reason === "outside-press") {
17
+ props.close();
18
+ }
19
+ },
20
+ });
21
+ const click = (0, react_1.useClick)(context);
22
+ const role = (0, react_1.useRole)(context);
23
+ const dismiss = (0, react_1.useDismiss)(context, { outsidePressEvent: "mousedown" });
24
+ const { getFloatingProps } = (0, react_1.useInteractions)([click, role, dismiss]);
25
+ const latestContext = (0, use_latest_1.useLatest)(context);
26
+ return (react_2.default.createElement(dialog_1.Dialog, { className: "uxf-dg-modal", context: latestContext.current, forwardedRef: refs.setFloating, getFloatingProps: getFloatingProps, isBackdropCloseDisabled: false, isOpen: props.isOpen, variant: "drawer-right" }, props.children));
27
+ }
package/filters-button/filters-button.js CHANGED
@@ -1,27 +1,44 @@
1
1
  "use strict";
2
2
  "use client";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
3
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = { enumerable: true, get: function() { return m[k]; } };
8
+ }
9
+ Object.defineProperty(o, k2, desc);
10
+ }) : (function(o, m, k, k2) {
11
+ if (k2 === undefined) k2 = k;
12
+ o[k2] = m[k];
13
+ }));
14
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
16
+ }) : function(o, v) {
17
+ o["default"] = v;
18
+ });
19
+ var __importStar = (this && this.__importStar) || function (mod) {
20
+ if (mod && mod.__esModule) return mod;
21
+ var result = {};
22
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
23
+ __setModuleDefault(result, mod);
24
+ return result;
5
25
  };
6
26
  Object.defineProperty(exports, "__esModule", { value: true });
7
27
  exports.DataGridFiltersButton = DataGridFiltersButton;
8
- const button_1 = require("@uxf/ui/button");
9
- const dialog_1 = require("@uxf/ui/dialog/dialog");
10
- const icon_1 = require("@uxf/ui/icon");
11
- const react_1 = __importDefault(require("react"));
28
+ const icon_button_1 = require("@uxf/ui/icon-button");
29
+ const react_1 = __importStar(require("react"));
12
30
  const drawer_1 = require("../_components/drawer");
31
+ const grid_dialog_1 = require("../_components/grid-dialog");
13
32
  const filters_1 = require("../filters");
14
33
  function DataGridFiltersButton(props) {
15
- const { openDialog, DialogProvider, closeDialog } = (0, dialog_1.useDialog)();
34
+ var _a;
35
+ const [isOpen, setIsOpen] = (0, react_1.useState)(false);
16
36
  if (props.schema.filters.length === 0) {
17
37
  return null;
18
38
  }
19
39
  return (react_1.default.createElement(react_1.default.Fragment, null,
20
- react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__plugin-button", isIconButton: true, onClick: () => {
21
- var _a;
22
- return openDialog(react_1.default.createElement(drawer_1.Drawer, { onClose: closeDialog, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Filtrování" },
23
- react_1.default.createElement(filters_1.DataGridFilters, { actions: props.actions, filterHandlers: props.filterHandlers, schema: props.schema, state: props.state })));
24
- }, size: "sm", title: "Filtrovat", variant: "secondary" },
25
- react_1.default.createElement(icon_1.Icon, { name: "filter" })),
26
- react_1.default.createElement(DialogProvider, { className: "uxf-dg-modal", variant: "drawer-right" })));
40
+ react_1.default.createElement(icon_button_1.IconButton, { className: "uxf-data-grid__plugin-button", iconName: "filter", label: "Filtry", onClick: () => setIsOpen(true), size: "sm", title: "Filtrovat", variant: "secondary" }),
41
+ react_1.default.createElement(grid_dialog_1.GridDialog, { close: () => setIsOpen(false), isOpen: isOpen },
42
+ react_1.default.createElement(drawer_1.Drawer, { onClose: () => setIsOpen(false), title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Filtrování" },
43
+ react_1.default.createElement(filters_1.DataGridFilters, { actions: props.actions, filterHandlers: props.filterHandlers, schema: props.schema, state: props.state })))));
27
44
  }
package/hidden-columns-button/hidden-columns-button.js CHANGED
@@ -1,24 +1,41 @@
1
1
  "use strict";
2
2
  "use client";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
3
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = { enumerable: true, get: function() { return m[k]; } };
8
+ }
9
+ Object.defineProperty(o, k2, desc);
10
+ }) : (function(o, m, k, k2) {
11
+ if (k2 === undefined) k2 = k;
12
+ o[k2] = m[k];
13
+ }));
14
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
16
+ }) : function(o, v) {
17
+ o["default"] = v;
18
+ });
19
+ var __importStar = (this && this.__importStar) || function (mod) {
20
+ if (mod && mod.__esModule) return mod;
21
+ var result = {};
22
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
23
+ __setModuleDefault(result, mod);
24
+ return result;
5
25
  };
6
26
  Object.defineProperty(exports, "__esModule", { value: true });
7
27
  exports.DataGridHiddenColumnsButton = DataGridHiddenColumnsButton;
8
- const button_1 = require("@uxf/ui/button");
9
- const dialog_1 = require("@uxf/ui/dialog/dialog");
10
- const icon_1 = require("@uxf/ui/icon");
11
- const react_1 = __importDefault(require("react"));
28
+ const icon_button_1 = require("@uxf/ui/icon-button");
29
+ const react_1 = __importStar(require("react"));
12
30
  const drawer_1 = require("../_components/drawer");
31
+ const grid_dialog_1 = require("../_components/grid-dialog");
13
32
  const hidden_columns_1 = require("../hidden-columns");
14
33
  function DataGridHiddenColumnsButton(props) {
15
- const { openDialog, DialogProvider, closeDialog } = (0, dialog_1.useDialog)();
34
+ var _a;
35
+ const [isOpen, setIsOpen] = (0, react_1.useState)(false);
16
36
  return (react_1.default.createElement(react_1.default.Fragment, null,
17
- react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__plugin-button", isIconButton: true, onClick: () => {
18
- var _a;
19
- return openDialog(react_1.default.createElement(drawer_1.Drawer, { onClose: closeDialog, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Sloupce" },
20
- react_1.default.createElement(hidden_columns_1.DataGridHiddenColumns, { actions: props.actions, schema: props.schema, state: props.state })));
21
- }, size: "sm", title: "Nastaven\u00ED sloupc\u016F", variant: "secondary" },
22
- react_1.default.createElement(icon_1.Icon, { name: "table-columns" })),
23
- react_1.default.createElement(DialogProvider, { className: "uxf-dg-modal", variant: "drawer-right" })));
37
+ react_1.default.createElement(icon_button_1.IconButton, { className: "uxf-data-grid__plugin-button", iconName: "table-columns", label: "Nastaven\u00ED sloupc\u016F", onClick: () => setIsOpen(true), size: "sm", variant: "secondary" }),
38
+ react_1.default.createElement(grid_dialog_1.GridDialog, { close: () => setIsOpen(false), isOpen: isOpen },
39
+ react_1.default.createElement(drawer_1.Drawer, { onClose: () => setIsOpen(false), title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Sloupce" },
40
+ react_1.default.createElement(hidden_columns_1.DataGridHiddenColumns, { actions: props.actions, schema: props.schema, state: props.state })))));
24
41
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/data-grid",
3
- "version": "11.47.1",
3
+ "version": "11.47.2",
4
4
  "description": "UXF DataGrid",
5
5
  "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
6
6
  "main": "index.js",