@uxf/data-grid - npm Package Compare versions

Comparing version 11.32.0 to 11.33.0

_components/drawer.d.ts

@@ -5,6 +5,6 @@ import React, { ReactNode } from "react";
     children?: ReactNode;
-    open: boolean;
+    isOpen: boolean;
     onClose: () => void;
 }
-export declare const Drawer: React.FC<DrawerProps>;
+export declare function Drawer(props: DrawerProps): React.JSX.Element | null;
 export {};

_components/drawer.js

@@ -6,8 +6,9 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = void 0;
+exports.Drawer = Drawer;
 const react_1 = require("@floating-ui/react");
 const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
+const dialog_1 = require("@uxf/ui/dialog");
 const modal_header_1 = require("@uxf/ui/modal-header");
 const react_2 = __importDefault(require("react"));
-const Drawer = (props) => {
+function Drawer(props) {
     const isMounted = (0, use_is_mounted_1.useIsMounted)();
@@ -18,9 +19,5 @@ if (!isMounted) {
     return (react_2.default.createElement(react_1.FloatingPortal, null,
-        react_2.default.createElement("div", { className: `uxf-data-grid__drawer uxf-data-grid__drawer--${props.open ? "open" : "closed"}` },
-            react_2.default.createElement("div", { className: `uxf-data-grid__drawer-body-wrapper ${props.open ? "uxf-data-grid__drawer-body-wrapper--open" : ""}` },
-                react_2.default.createElement("div", { className: "uxf-data-grid__drawer-body" },
-                    react_2.default.createElement(modal_header_1.ModalHeader, { onClose: props.onClose, title: props.title }),
-                    react_2.default.createElement("div", { className: "uxf-data-grid__drawer-content" }, props.children))),
-            react_2.default.createElement("section", { className: "uxf-data-grid__drawer-backdrop", onClick: props.onClose }))));
-};
-exports.Drawer = Drawer;
+        react_2.default.createElement(dialog_1.Dialog, { className: "uxf-dg-modal", onClose: props.onClose, open: props.isOpen, variant: "drawer-right" },
+            react_2.default.createElement(modal_header_1.ModalHeader, { onClose: props.onClose, title: props.title }),
+            react_2.default.createElement("div", { className: "uxf-data-grid__drawer-content" }, props.children))));
+}

data-grid.stories.js

@@ -90,4 +90,4 @@ "use strict";
         react_1.default.createElement(toggle_1.Toggle, { label: "No border", name: "noBorder", onChange: (value) => setNoBorder(Boolean(value)), value: noBorder }),
-        react_1.default.createElement(data_grid_1.DataGrid, { actionCell: actionCell, actions: actions, data: data, error: error, isLoading: isLoading, isRowSelectable: true, onCsvDownload: console.log, onReload: onReload, schema: schemaWithFrontendConfig, state: state }),
+        react_1.default.createElement(data_grid_1.DataGrid, { actionCell: actionCell, actions: actions, data: data, error: error, isLoading: isLoading, isRowSelectable: true, noBorder: noBorder, onCsvDownload: console.log, onReload: onReload, schema: schemaWithFrontendConfig, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }

export-button/export-button.js

@@ -14,5 +14,5 @@ "use strict";
 function ExportButton(props) {
-    return (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__plugin-button", isIconButton: true, onClick: () => props.onCsvDownload((0, utils_1.createRequest)(props.state.request)), title: "St\u00E1hnout CSV", variant: "secondary" },
+    return (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__plugin-button", isIconButton: true, onClick: () => props.onCsvDownload((0, utils_1.createRequest)(props.state.request)), size: "sm", title: "St\u00E1hnout CSV", variant: "secondary" },
         react_1.default.createElement(icon_1.Icon, { name: "file-arrow-down" })));
 }
 exports.DataGridExportButton = ExportButton;

filters-button/filters-button.js

@@ -43,5 +43,5 @@ "use strict";
             react_1.default.createElement(icon_1.Icon, { name: "filter" })),
-        react_1.default.createElement(drawer_1.Drawer, { onClose: () => setIsOpen(false), open: isOpen, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Filtrování" },
+        react_1.default.createElement(drawer_1.Drawer, { isOpen: isOpen, onClose: () => setIsOpen(false), title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Filtrování" },
             react_1.default.createElement(filters_1.DataGridFilters, { actions: props.actions, filterHandlers: props.filterHandlers, schema: props.schema, state: props.state }))));
 }
 exports.DataGridFiltersButton = FiltersButton;

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

@@ -8,4 +8,2 @@ import React, { ReactNode } from "react";
 }
-/** @deprecated Use DataGridHiddenColumnsButton */
-export declare function HiddenColumnsButton(props: DataGridHiddenColumnsButtonProps): React.JSX.Element;
-export declare const DataGridHiddenColumnsButton: typeof HiddenColumnsButton;
+export declare function DataGridHiddenColumnsButton(props: DataGridHiddenColumnsButtonProps): React.JSX.Element;

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

@@ -26,4 +26,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridHiddenColumnsButton = void 0;
-exports.HiddenColumnsButton = HiddenColumnsButton;
+exports.DataGridHiddenColumnsButton = DataGridHiddenColumnsButton;
 const button_1 = require("@uxf/ui/button");
@@ -34,4 +33,3 @@ const icon_1 = require("@uxf/ui/icon");
 const hidden_columns_1 = require("../hidden-columns");
-/** @deprecated Use DataGridHiddenColumnsButton */
-function HiddenColumnsButton(props) {
+function DataGridHiddenColumnsButton(props) {
     var _a;
@@ -42,5 +40,4 @@ const [isOpen, setIsOpen] = (0, react_1.useState)(false);
             react_1.default.createElement(icon_1.Icon, { name: "table-columns" })),
-        react_1.default.createElement(drawer_1.Drawer, { onClose: () => setIsOpen(false), open: isOpen, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Sloupce" },
-            react_1.default.createElement(hidden_columns_1.HiddenColumns, { actions: props.actions, schema: props.schema, state: props.state }))));
+        react_1.default.createElement(drawer_1.Drawer, { isOpen: isOpen, onClose: () => setIsOpen(false), title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Sloupce" },
+            react_1.default.createElement(hidden_columns_1.DataGridHiddenColumns, { actions: props.actions, schema: props.schema, state: props.state }))));
 }
-exports.DataGridHiddenColumnsButton = HiddenColumnsButton;

hidden-columns/hidden-columns.d.ts

@@ -1,2 +0,2 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { Schema } from "../types";
@@ -6,5 +6,4 @@ import { DataGridControl } from "../use-data-grid-control";
     schema: Schema<any>;
+    title?: ReactNode;
 }
-/** @deprecated Use DataGridHiddenColumns */
-export declare function HiddenColumns(props: DataGridHiddenColumnsProps): React.JSX.Element;
-export declare const DataGridHiddenColumns: typeof HiddenColumns;
+export declare function DataGridHiddenColumns(props: DataGridHiddenColumnsProps): React.JSX.Element;

hidden-columns/hidden-columns.js

@@ -6,4 +6,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridHiddenColumns = void 0;
-exports.HiddenColumns = HiddenColumns;
+exports.DataGridHiddenColumns = DataGridHiddenColumns;
 const show_1 = require("@uxf/core-react/components/show");
@@ -16,4 +15,3 @@ const is_empty_1 = require("@uxf/core/utils/is-empty");
 const react_1 = __importDefault(require("react"));
-/** @deprecated Use DataGridHiddenColumns */
-function HiddenColumns(props) {
+function DataGridHiddenColumns(props) {
     const columns = props.schema.columns.filter((c) => !c.hidden);
@@ -27,3 +25,3 @@ 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); });
             react_1.default.createElement("div", null, "Zobrazen\u00E9 sloupce"),
-            react_1.default.createElement(text_link_1.TextLink, { disabled: (0, is_empty_1.isEmpty)(visibleColumns), onClick: onChangeAll(false), variant: "text" }, "skr\u00FDt v\u0161e")),
+            react_1.default.createElement(text_link_1.TextLink, { isDisabled: (0, is_empty_1.isEmpty)(visibleColumns), onClick: onChangeAll(false), variant: "text" }, "skr\u00FDt v\u0161e")),
         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" }))),
@@ -40,2 +38,1 @@ react_1.default.createElement(show_1.Show, { when: (0, is_empty_1.isEmpty)(visibleColumns) },
 }
-exports.DataGridHiddenColumns = HiddenColumns;

package.json

 {
   "name": "@uxf/data-grid",
-  "version": "11.32.0",
+  "version": "11.33.0",
   "description": "UXF DataGrid",
@@ -35,4 +35,4 @@ "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
     "@uxf/core": "11.32.0",
-    "@uxf/core-react": "11.32.0",
-    "@uxf/ui": "11.32.0",
+    "@uxf/core-react": "11.33.0",
+    "@uxf/ui": "11.33.0",
     "dayjs": "1.11.13",
@@ -39,0 +39,0 @@ "deepmerge": "4.3.1",

README.md

@@ -17,3 +17,2 @@ # DataGrid
 @import url("tailwindcss/components.css");
-@import url("@uxf/data-grid/styles.css");
 @import url("@uxf/ui/button/button.css");
@@ -24,2 +23,3 @@ @import url("@uxf/ui/button-list/button-list.css");
 @import url("@uxf/ui/chip/chip.css");
+@import url("@uxf/ui/dialog/dialog.css");
 @import url("@uxf/ui/dropdown/dropdown.css");
@@ -33,2 +33,3 @@ @import url("@uxf/ui/icon/icon.css");
 @import url("@uxf/ui/combobox/combobox.css");
+@import url("@uxf/ui/modal-header/modal-header.css");
 @import url("@uxf/ui/multi-select/multi-select.css");
@@ -39,2 +40,5 @@ @import url("@uxf/ui/multi-combobox/multi-combobox.css");
 @import url("@uxf/ui/toggle/toggle.css");
+
+/* must be after component css files */
+@import url("@uxf/data-grid/styles.css");
 ```
@@ -41,0 +45,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

128

increased by3.23%

Worsened metrics

Total package byte prevSize

241428

decreased by-0.3%

Lines of code

5085

decreased by-0.35%

Dependency changes

• + Added@uxf/core-react@11.33.0(transitive)

• + Added@uxf/ui@11.33.0(transitive)

• - Removed@uxf/core-react@11.32.0(transitive)

• - Removed@uxf/ui@11.32.0(transitive)

• Updated@uxf/core-react@11.33.0

• Updated@uxf/ui@11.33.0