@m4l/components 9.3.10-BE220825-beta.3 → 9.3.10-BE250825-beta.2

package/commonjs/index.js

@@ -0,0 +1,9 @@
+import "react";
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+export {
+  commonjsGlobal as c,
+  getDefaultExportFromCjs as g
+};

package/components/ObjectLogs/slots/ObjectLogsSlots.js

@@ -4,7 +4,7 @@ import { o as objectLogsStyles } from "../ObjectLogs.styles.js";
 import { S as Stack } from "../../mui_extended/Stack/Stack.js";
 import { W as WindowBase } from "../../WindowBase/WindowBase.js";
 import { D as DetailDialog } from "../subcomponents/DetailDialog/index.js";
-import ReactJson from "@microlink/react-json-view";
+import { R as ReactJson } from "../../../not_recognized/index.js";
 import { O as ObjectLogsSlots } from "./ObjectLogsEnum.js";
 import { T as Tooltip } from "../../mui_extended/Tooltip/Tooltip.js";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";

package/components/ObjectLogs/subcomponents/DetailDialog/index.js

@@ -28,11 +28,9 @@ function DetailDialog(props) {
   return /* @__PURE__ */ jsx(
     ReactJsonViewer,
     {
-      name: null,
-      sortKeys: true,
+      value: detail,
       displayDataTypes: false,
-      quotesOnKeys: false,
-      src: detail
+      quotesOnKeys: false
     }
   );
 }

package/components/extended/React-Json-Viewer/ReactJsonViewer.js

@@ -1,16 +1,28 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
+import { JsonViewer } from "@textea/json-viewer";
 import { R as ReactJsonViewerRootStyled } from "./slots/ReactJsonViewerSlots.js";
 import { R as REACT_JSON_VIEWER_CLASSES } from "./constants.js";
+import { useTheme } from "@mui/material";
+import { g as getReactJsonViewerTheme } from "./helpers/getReactJsonViewerTheme/getReactJsonViewerTheme.js";
 const ReactJsonViewer = (props) => {
-  const { className, dataTestId } = props;
+  const { className, dataTestId, ...others } = props;
+  const muiTheme = useTheme();
+  const theme = getReactJsonViewerTheme(muiTheme);
   return /* @__PURE__ */ jsx(
     ReactJsonViewerRootStyled,
     {
       className: clsx(REACT_JSON_VIEWER_CLASSES.root, className),
       dataTestId,
       role: "application",
-      "aria-label": "JSON data viewer"
+      "aria-label": "JSON data viewer",
+      children: /* @__PURE__ */ jsx(
+        JsonViewer,
+        {
+          theme,
+          ...others
+        }
+      )
     }
   );
 };

package/components/extended/React-Json-Viewer/helpers/getReactJsonViewerTheme/getReactJsonViewerTheme.d.ts

@@ -1,8 +1,8 @@
-import { ThemeObject } from '@microlink/react-json-view';
 import { Theme } from '@mui/material';
+import { Colorspace } from '@textea/json-viewer';
 /**
  * Función para obtener los colores del tema de MUI.
  * @param muiTheme - Tema de MUI.
  * @returns Colores del tema.
  */
-export declare const getReactJsonViewerTheme: (muiTheme: Theme) => ThemeObject;
+export declare const getReactJsonViewerTheme: (muiTheme: Theme) => Colorspace;

package/components/extended/React-Json-Viewer/helpers/getReactJsonViewerTheme/getReactJsonViewerTheme.js

@@ -0,0 +1,23 @@
+const getReactJsonViewerTheme = (muiTheme) => {
+  return {
+    base00: muiTheme.vars?.palette?.background?.default,
+    base01: muiTheme.vars?.palette?.background?.base,
+    base02: muiTheme.vars?.palette?.background?.neutral,
+    base03: muiTheme.vars?.palette?.text?.disabled,
+    base04: muiTheme.vars?.palette?.text?.secondary,
+    base05: muiTheme.vars?.palette?.text?.primary,
+    base06: muiTheme.vars?.palette?.text?.primary,
+    base07: muiTheme.vars?.palette?.text?.primary,
+    base08: muiTheme.vars?.palette?.chips?.error?.outlined?.colorTone,
+    base09: muiTheme.vars?.palette?.chips?.orange?.outlined?.color,
+    base0A: muiTheme.vars?.palette?.chips?.warning?.outlined?.colorTone,
+    base0B: muiTheme.vars?.palette?.chips?.forest?.outlined?.color,
+    base0C: muiTheme.vars?.palette?.chips?.aqua?.outlined?.colorTone,
+    base0D: muiTheme.vars?.palette?.chips?.info?.outlined?.colorTone,
+    base0E: muiTheme.vars?.palette?.chips?.pink?.outlined?.colorTone,
+    base0F: muiTheme.vars?.palette?.chips?.persianGreen?.outlined?.colorTone
+  };
+};
+export {
+  getReactJsonViewerTheme as g
+};

package/components/extended/React-Json-Viewer/test/ReactJsonViewer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/extended/React-Json-Viewer/types.d.ts

@@ -1,9 +1,9 @@
-import { ReactJsonViewProps } from '@microlink/react-json-view';
 import { ReactJsonViewerSlots } from './slots/ReactJsonViewerEnum';
 import { M4LOverridesStyleRules } from '../../../@types/augmentations';
 import { REACT_JSON_VIEWER_KEY_COMPONENT } from './constants';
 import { Theme } from '@mui/material';
-export interface ReactJsonViewerProps extends Omit<ReactJsonViewProps, 'theme'> {
+import { JsonViewerProps } from '@textea/json-viewer';
+export interface ReactJsonViewerProps extends Omit<JsonViewerProps, 'theme'> {
     className?: string;
     dataTestId?: string;
 }