@uxf/data-grid 11.33.0 → 11.33.2

package/_story-utils/json-renderer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface JsonRenderer {
+    className?: string;
+    value: any;
+}
+export declare function JsonRenderer(props: JsonRenderer): React.JSX.Element | null;
+export {};

package/_story-utils/json-renderer.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.JsonRenderer = JsonRenderer;
+const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
+const react_1 = __importDefault(require("react"));
+function JsonRenderer(props) {
+    const isMounted = (0, use_is_mounted_1.useIsMounted)();
+    return isMounted ? (react_1.default.createElement("pre", { className: "mt-10 bg-slate-100 p-2 text-xs dark:bg-slate-800 dark:text-white" }, JSON.stringify(props.value, null, "    "))) : null;
+}

package/data-grid.stories.js

@@ -25,9 +25,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
 const buildArray_1 = require("@uxf/core/utils/buildArray");
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 const toggle_1 = require("@uxf/ui/toggle");
 const react_1 = __importStar(require("react"));
+const json_renderer_1 = require("./_story-utils/json-renderer");
 const loader_1 = require("./_story-utils/loader");
 const schema_1 = require("./_story-utils/schema");
 const data_grid_1 = require("./data-grid");

package/export-button/export-button.stories.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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 export_button_1 = require("./export-button");

package/filter-list/filter-list.stories.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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");

package/filters/filters.stories.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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");

package/filters-button/filters-button.stories.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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");

package/fulltext-input/fulltext-input.stories.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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");

package/hidden-columns/hidden-columns.stories.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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");

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

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "11.33.0",
+  "version": "11.33.2",
   "description": "UXF DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@uxf/core": "11.32.0",
     "@uxf/core-react": "11.33.0",
-    "@uxf/ui": "11.33.0",
+    "@uxf/ui": "11.33.2",
     "dayjs": "1.11.13",
     "deepmerge": "4.3.1",
     "fast-glob": "3.3.2",

package/pagination/pagination.stories.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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");

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

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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 rows_per_page_select_1 = require("./rows-per-page-select");

package/selected-rows-toolbar/selected-rows-toolbar.stories.js

@@ -24,10 +24,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importStar(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 selected_rows_toolbar_1 = require("./selected-rows-toolbar");

package/table/table.stories.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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 use_data_grid_control_1 = require("../use-data-grid-control");

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

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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");

package/toolbar-control/toolbar-control.stories.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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");

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

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
-const json_renderer_1 = require("@uxf/example/src/components/json-renderer");
 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");