@m4l/components 9.33.1 → 9.33.2-beta-feature-731-code-editor.0

package/@types/types.d.ts

@@ -373,6 +373,10 @@ import {
   ReactJsonViewerOwnerState,
   ReactJsonViewerSlotsType,
 } from '../components/extended/React-Json-Viewer/types';
+import {
+  CodeEditorOwnerState,
+  CodeEditorSlotsType,
+} from '../components/extended/ReactSimpleCodeEditor/types';
 import {
   ResizableOwnerState as ReactResizableOwnerState,
   ResizableSlotsType,
@@ -499,6 +503,7 @@ declare module '@mui/material/styles' {
     M4LFixedSizeList: FixedSizeListSlotsType;
     M4LVariableSizeList: VariableSizeListSlotsType;
     M4LReactJsonViewer: ReactJsonViewerSlotsType;
+    M4LCodeEditor: CodeEditorSlotsType;
     M4LResizable: ResizableSlotsType;
     M4LResizableBox: ResizableBoxSlotsType;
     M4LImageSelector: ImageSelectorSlotsType;
@@ -614,6 +619,7 @@ declare module '@mui/material/styles' {
     M4LFixedSizeList: Partial<FixedSizeListOwnerState>;
     M4LVariableSizeList: Partial<VariableSizeListOwnerState>;
     M4LReactJsonViewer: Partial<ReactJsonViewerOwnerState>;
+    M4LCodeEditor: Partial<CodeEditorOwnerState>;
     M4LResizable: Partial<ReactResizableOwnerState>;
     M4LResizableBox: Partial<ResizableBoxOwnerState>;
     M4LImageSelector: Partial<ImageSelectorOwnerState>;
@@ -1168,6 +1174,11 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LReactJsonViewer'];
       variants?: ComponentsVariants['M4LReactJsonViewer'];
     };
+    M4LCodeEditor?: {
+      defaultProps?: ComponentsPropsList['M4LCodeEditor'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LCodeEditor'];
+      variants?: ComponentsVariants['M4LCodeEditor'];
+    };
     M4LResizable?: {
       defaultProps?: ComponentsPropsList['M4LResizable'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LResizable'];

package/components/MFIsolationApp/MFIsolationApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MFIsolationApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFIsolationApp/MFIsolationApp.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAsEjB;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAiLxD"}
+{"version":3,"file":"MFIsolationApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFIsolationApp/MFIsolationApp.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAuEjB;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAkLxD"}

package/components/MFIsolationApp/MFIsolationApp.js

@@ -1,9 +1,9 @@
-import { jsx as o, jsxs as w } from "@emotion/react/jsx-runtime";
-import { useMemo as h, useCallback as A, useId as X } from "react";
+import { jsx as o, jsxs as A } from "@emotion/react/jsx-runtime";
+import { useMemo as h, useCallback as _, useId as X } from "react";
 import { unstable_HistoryRouter as Y } from "react-router-dom";
 import { createBrowserHistory as oo } from "history";
 import eo from "eventemitter3";
-import _ from "nprogress";
+import P from "nprogress";
 import { DeviceTypeProvider as to, ThemeSettingsProvider as ro, LocalesProvider as so, getLocaleFromNetwork as io, AppearanceComponentProvider as no } from "@m4l/graphics";
 import { axiosOperation as ao, EnvironmentProvider as mo, HostToolsProvider as lo, NetworkProvider as po, AuthProvider as co, useAuth as ho, useEnvironment as uo, useNetwork as vo } from "@m4l/core";
 import { WrapperAppBarContentChildrenStyled as fo, WrapperContentChildrenStyled as Ao } from "./slots/MFIsolationAppSlots.js";
@@ -11,14 +11,15 @@ import { MFIsolationAppErrorBoundary as _o } from "./MFIsolationAppErrorBoundary
 import Po from "../ToastContainer/helpers/toaster.js";
 import { ShellObservabilityProvider as Io } from "../../contexts/ShellObservabilityContext/ShellObservabilityContext.js";
 import { MFAuthApp as bo } from "./subcomponents/MFAuthApp/MFAuthApp.js";
+import { ThemeSettingsHostToolsBridge as go } from "./subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.js";
 import { BaseModule as yo } from "../BaseModule/BaseModule.js";
-import { SettingsLayout as go } from "../SettingsLayout/SettingsLayout.js";
-import { ToastContainer as ko } from "../ToastContainer/ToastContainer.js";
-import { PopupsProvider as wo } from "../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
-import { AreasProvider as Ro } from "../areas/contexts/AreasContext/index.js";
+import { SettingsLayout as ko } from "../SettingsLayout/SettingsLayout.js";
+import { ToastContainer as wo } from "../ToastContainer/ToastContainer.js";
+import { PopupsProvider as Ro } from "../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
+import { AreasProvider as So } from "../areas/contexts/AreasContext/index.js";
 import { AppBarSettings as Fo } from "./subcomponents/AppBarSettings/AppBarSettings.js";
 import { HostRuntimeProvider as Lo } from "../../contexts/HostRuntimeContext/HostRuntimeContext.js";
-import { MFObservabilityProvider as So } from "../WindowBase/contexts/MFObservabilityContext/MFObservabilityContext.js";
+import { MFObservabilityProvider as To } from "../WindowBase/contexts/MFObservabilityContext/MFObservabilityContext.js";
 const R = oo({ window });
 function Co(u) {
   const { children: v, hostRuntime: i, resolveHostRuntime: n } = u, { user: t } = ho(), {
@@ -47,7 +48,7 @@ function Co(u) {
   ]);
   return /* @__PURE__ */ o(Lo, { value: f, children: v });
 }
-function Xo(u) {
+function oe(u) {
   const {
     children: v,
     user: i,
@@ -60,33 +61,33 @@ function Xo(u) {
     host_api_icons: p,
     hostApiRemote: c,
     host_api_remote: f,
-    host_static_assets: F,
-    environment_assets: L,
-    moduleId: P,
-    skeletonFlags: S,
-    moduleNameField: C,
-    privileges: E,
-    componentsDictionary: M,
-    onLoad: T,
-    activeAreasNetwork: x = !1,
-    activeCookiesFromNetwork: H = !1,
+    host_static_assets: S,
+    environment_assets: F,
+    moduleId: I,
+    skeletonFlags: L,
+    moduleNameField: T,
+    privileges: C,
+    componentsDictionary: E,
+    onLoad: H,
+    activeAreasNetwork: M = !1,
+    activeCookiesFromNetwork: x = !1,
     // observedDivRef,
-    moduleDictionaryLoaded: N,
-    forcedDeviceType: B,
-    areasStoreId: I,
-    areasStoreDevtoolsEnabled: b,
+    moduleDictionaryLoaded: B,
+    forcedDeviceType: N,
+    areasStoreId: b,
+    areasStoreDevtoolsEnabled: g,
     appBarSettings: D = !0,
     axiosOperation: O = ao,
     googleMapsApiKey: j,
     hostRuntime: W,
     observability: y,
     resolveHostRuntime: $
-  } = u, g = a ?? m ?? "", d = c ?? f ?? "", K = l ?? p ?? `${d}/main/icons`, e = h(() => new eo(), []), Z = A(
+  } = u, k = a ?? m ?? "", d = c ?? f ?? "", K = l ?? p ?? `${d}/main/icons`, e = h(() => new eo(), []), Z = _(
     (r, s) => {
       e.on(r, s);
     },
     [e]
-  ), q = A(
+  ), q = _(
     (r, s) => {
       if (s === null) {
         e.removeListener(r);
@@ -95,17 +96,17 @@ function Xo(u) {
       e.removeListener(r, s);
     },
     [e]
-  ), z = A(
+  ), z = _(
     (r, s) => {
       e.emit(r, s);
     },
     [e]
   ), G = () => {
-    _.configure({
+    P.configure({
       showSpinner: !0
-    }), _.start();
+    }), P.start();
   }, J = () => {
-    _.done();
+    P.done();
   }, Q = h(
     () => ({
       host: "",
@@ -113,19 +114,19 @@ function Xo(u) {
       domain_token: "lab1",
       domainToken: "lab1",
       database: t,
-      host_api_local: g,
-      hostApiLocal: g,
+      host_api_local: k,
+      hostApiLocal: k,
       host_api_remote: d,
       hostApiRemote: d,
       hostRemote: d,
-      host_static_assets: F,
-      environment_assets: L,
+      host_static_assets: S,
+      environment_assets: F,
       hostApiIcons: K,
       googleMapsApiKey: j
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), k = X(), U = Po(k), V = h(
+  ), w = X(), U = Po(w), V = h(
     () => ({
       history: R,
       toast: U,
@@ -138,59 +139,62 @@ function Xo(u) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  return /* @__PURE__ */ o(mo, { ...Q, children: /* @__PURE__ */ o(lo, { ...V, children: /* @__PURE__ */ o(po, { axiosOperation: O, children: /* @__PURE__ */ o(Io, { value: y, children: /* @__PURE__ */ o(So, { value: y, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(mo, { ...Q, children: /* @__PURE__ */ o(lo, { ...V, children: /* @__PURE__ */ o(po, { axiosOperation: O, children: /* @__PURE__ */ o(Io, { value: y, children: /* @__PURE__ */ o(To, { value: y, children: /* @__PURE__ */ o(
     Y,
     {
       history: R,
       future: { v7_startTransition: !0, v7_relativeSplatPath: !0 },
-      children: /* @__PURE__ */ o(to, { forcedDeviceType: B, children: /* @__PURE__ */ o(co, { children: /* @__PURE__ */ o(bo, { user: i, pwd: n, children: /* @__PURE__ */ o(ro, { children: /* @__PURE__ */ o(so, { isMicroFrontEnd: !1, getLocaleFromNetwork: io, children: /* @__PURE__ */ o(
-        yo,
-        {
-          moduleId: P,
-          privileges: E,
-          skeletonFlags: S,
-          componentsDictionary: M,
-          moduleNameField: C,
-          moduleDictionaryLoaded: N,
-          children: /* @__PURE__ */ o(_o, { moduleId: P, children: /* @__PURE__ */ w(no, { children: [
-            /* @__PURE__ */ o(go, {}),
-            /* @__PURE__ */ o(ko, { containerId: k }),
-            " ",
-            /* @__PURE__ */ o(
-              Co,
-              {
-                hostRuntime: W,
-                resolveHostRuntime: $,
-                children: /* @__PURE__ */ o(
-                  wo,
-                  {
-                    baseZindex: 1e3,
-                    storeId: I,
-                    storeDevtoolsEnabled: b,
-                    children: /* @__PURE__ */ o(
-                      Ro,
-                      {
-                        storeId: I,
-                        storeDevtoolsEnabled: b,
-                        onLoad: T,
-                        loadAreasFromNetwork: x,
-                        loadCookiesFromNetwork: H,
-                        children: /* @__PURE__ */ w(fo, { children: [
-                          D && /* @__PURE__ */ o(Fo, {}),
-                          /* @__PURE__ */ o(Ao, { children: v })
-                        ] })
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          ] }) })
-        }
-      ) }) }) }) }) })
+      children: /* @__PURE__ */ o(to, { forcedDeviceType: N, children: /* @__PURE__ */ o(co, { children: /* @__PURE__ */ o(bo, { user: i, pwd: n, children: /* @__PURE__ */ A(ro, { children: [
+        /* @__PURE__ */ o(go, {}),
+        /* @__PURE__ */ o(so, { isMicroFrontEnd: !1, getLocaleFromNetwork: io, children: /* @__PURE__ */ o(
+          yo,
+          {
+            moduleId: I,
+            privileges: C,
+            skeletonFlags: L,
+            componentsDictionary: E,
+            moduleNameField: T,
+            moduleDictionaryLoaded: B,
+            children: /* @__PURE__ */ o(_o, { moduleId: I, children: /* @__PURE__ */ A(no, { children: [
+              /* @__PURE__ */ o(ko, {}),
+              /* @__PURE__ */ o(wo, { containerId: w }),
+              " ",
+              /* @__PURE__ */ o(
+                Co,
+                {
+                  hostRuntime: W,
+                  resolveHostRuntime: $,
+                  children: /* @__PURE__ */ o(
+                    Ro,
+                    {
+                      baseZindex: 1e3,
+                      storeId: b,
+                      storeDevtoolsEnabled: g,
+                      children: /* @__PURE__ */ o(
+                        So,
+                        {
+                          storeId: b,
+                          storeDevtoolsEnabled: g,
+                          onLoad: H,
+                          loadAreasFromNetwork: M,
+                          loadCookiesFromNetwork: x,
+                          children: /* @__PURE__ */ A(fo, { children: [
+                            D && /* @__PURE__ */ o(Fo, {}),
+                            /* @__PURE__ */ o(Ao, { children: v })
+                          ] })
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }) })
+          }
+        ) })
+      ] }) }) }) })
     }
   ) }) }) }) }) });
 }
 export {
-  Xo as MFIsolationApp
+  oe as MFIsolationApp
 };

package/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Register the isolation host-tools emitter inside the shared theme settings store.
+ */
+export declare function ThemeSettingsHostToolsBridge(): null;
+//# sourceMappingURL=ThemeSettingsHostToolsBridge.d.ts.map

package/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSettingsHostToolsBridge.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,wBAAgB,4BAA4B,SAe3C"}

package/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.js

@@ -0,0 +1,14 @@
+import { useEffect as s } from "react";
+import { useHostTools as r } from "@m4l/core";
+import { useThemeSettingsStore as i } from "@m4l/graphics";
+function f() {
+  const { events_emit: e } = r(), t = i(
+    (o) => o.settingsActions.registerHostToolsEventsEmit
+  );
+  return s(() => (t(e), () => {
+    t(void 0);
+  }), [e, t]), null;
+}
+export {
+  f as ThemeSettingsHostToolsBridge
+};

package/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeSettingsHostToolsBridge } from './ThemeSettingsHostToolsBridge';
+//# sourceMappingURL=index.d.ts.map

package/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}

package/components/extended/ReactSimpleCodeEditor/CodeEditor.d.ts

@@ -0,0 +1,6 @@
+import { CodeEditorProps } from './types';
+/**
+ * Render a syntax-highlighted code editor with optional self-managed fallback state.
+ */
+export declare function CodeEditor(props: CodeEditorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CodeEditor.d.ts.map

package/components/extended/ReactSimpleCodeEditor/CodeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAmDjB;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAmiBhD"}