@m4l/components 9.24.0-beta-feature-724-add-icons.0 → 9.24.0-beta-feature-731-m4l-components-code-editor.8

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;AAoEjB;;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;AAqEjB;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAmLxD"}

package/components/MFIsolationApp/MFIsolationApp.js

@@ -1,55 +1,56 @@
-import { jsx as o, jsxs as g } from "@emotion/react/jsx-runtime";
+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 { unstable_HistoryRouter as Y } from "react-router-dom";
 import { createBrowserHistory as oo } from "history";
 import eo from "eventemitter3";
 import _ from "nprogress";
-import { DeviceTypeProvider as to, ThemeSettingsProvider as ro, LocalesProvider as so, getLocaleFromNetwork as io, AppearanceComponentProvider as no } from "@m4l/graphics";
+import { DeviceTypeProvider as to, ThemeSettingsProvider as ro, LocalesProvider as io, getLocaleFromNetwork as so, 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";
 import { MFIsolationAppErrorBoundary as _o } from "./MFIsolationAppErrorBoundary.js";
 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 { BaseModule as yo } from "../BaseModule/BaseModule.js";
+import { MFIsolationThemeBridge as bo } from "./subcomponents/MFIsolationThemeBridge/MFIsolationThemeBridge.js";
+import { MFAuthApp as yo } from "./subcomponents/MFAuthApp/MFAuthApp.js";
+import { BaseModule as go } from "../BaseModule/BaseModule.js";
 import { SettingsLayout as ko } from "../SettingsLayout/SettingsLayout.js";
 import { ToastContainer as wo } from "../ToastContainer/ToastContainer.js";
-import { PopupsProvider as go } from "../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
+import { PopupsProvider as Fo } from "../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
 import { AreasProvider as Ro } 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";
-const R = oo({ window });
-function Co(u) {
-  const { children: v, hostRuntime: s, resolveHostRuntime: i } = u, { user: n } = ho(), {
+import { AppBarSettings as Lo } from "./subcomponents/AppBarSettings/AppBarSettings.js";
+import { HostRuntimeProvider as So } from "../../contexts/HostRuntimeContext/HostRuntimeContext.js";
+import { MFObservabilityProvider as Co } from "../WindowBase/contexts/MFObservabilityContext/MFObservabilityContext.js";
+const F = oo({ window });
+function Eo(u) {
+  const { children: v, hostRuntime: i, resolveHostRuntime: s } = u, { user: n } = ho(), {
     database: a,
     hostApiIcons: m,
     hostApiLocal: l,
     hostApiRemote: p
-  } = uo(), { networkOperation: d } = vo(), f = h(() => i ? i({
+  } = uo(), { networkOperation: d } = vo(), f = h(() => s ? s({
     database: a,
     hostApiIcons: m,
     hostApiLocal: l,
     hostApiRemote: p,
     networkOperation: d,
     sessionId: n?.sessionId
-  }) ?? s : s, [
+  }) ?? i : i, [
     a,
     m,
     l,
     p,
-    s,
-    d,
     i,
+    d,
+    s,
     n?.sessionId
   ]);
-  return /* @__PURE__ */ o(Lo, { value: f, children: v });
+  return /* @__PURE__ */ o(So, { value: f, children: v });
 }
-function Xo(u) {
+function oe(u) {
   const {
     children: v,
-    user: s,
-    pwd: i,
+    user: i,
+    pwd: s,
     database: n = "domain",
     // 'domain
     hostApiLocal: a,
@@ -58,7 +59,7 @@ function Xo(u) {
     host_api_icons: p,
     hostApiRemote: d,
     host_api_remote: f,
-    host_static_assets: F,
+    host_static_assets: R,
     environment_assets: L,
     moduleId: P,
     skeletonFlags: S,
@@ -67,10 +68,10 @@ function Xo(u) {
     componentsDictionary: M,
     onLoad: T,
     activeAreasNetwork: x = !1,
-    activeCookiesFromNetwork: H = !1,
+    activeCookiesFromNetwork: B = !1,
     // observedDivRef,
-    moduleDictionaryLoaded: N,
-    forcedDeviceType: B,
+    moduleDictionaryLoaded: H,
+    forcedDeviceType: N,
     areasStoreId: I,
     areasStoreDevtoolsEnabled: b,
     appBarSettings: D = !0,
@@ -79,7 +80,7 @@ function Xo(u) {
     hostRuntime: W,
     observability: y,
     resolveHostRuntime: $
-  } = u, k = a ?? m ?? "", c = d ?? f ?? "", K = l ?? p ?? `${c}/main/icons`, e = h(() => new eo(), []), Z = A(
+  } = u, g = a ?? m ?? "", c = d ?? f ?? "", K = l ?? p ?? `${c}/main/icons`, e = h(() => new eo(), []), Z = A(
     (t, r) => {
       e.on(t, r);
     },
@@ -111,21 +112,21 @@ function Xo(u) {
       domain_token: "lab1",
       domainToken: "lab1",
       database: n,
-      host_api_local: k,
-      hostApiLocal: k,
+      host_api_local: g,
+      hostApiLocal: g,
       host_api_remote: c,
       hostApiRemote: c,
       hostRemote: c,
-      host_static_assets: F,
+      host_static_assets: R,
       environment_assets: L,
       hostApiIcons: K,
       googleMapsApiKey: j
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), w = X(), U = Po(w), V = h(
+  ), k = X(), U = Po(k), V = h(
     () => ({
-      history: R,
+      history: F,
       toast: U,
       startProgress: G,
       stopProgress: J,
@@ -136,31 +137,31 @@ 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(Co, { value: y, children: /* @__PURE__ */ o(
     Y,
     {
-      history: R,
+      history: F,
       future: { v7_startTransition: !0, v7_relativeSplatPath: !0 },
-      children: /* @__PURE__ */ o(to, { forcedDeviceType: B, children: /* @__PURE__ */ o(co, { children: /* @__PURE__ */ o(bo, { user: s, pwd: i, children: /* @__PURE__ */ o(ro, { children: /* @__PURE__ */ o(so, { isMicroFrontEnd: !1, getLocaleFromNetwork: io, children: /* @__PURE__ */ o(
-        yo,
+      children: /* @__PURE__ */ o(to, { forcedDeviceType: N, children: /* @__PURE__ */ o(co, { children: /* @__PURE__ */ o(ro, { children: /* @__PURE__ */ o(bo, { children: /* @__PURE__ */ o(yo, { user: i, pwd: s, children: /* @__PURE__ */ o(io, { isMicroFrontEnd: !1, getLocaleFromNetwork: so, children: /* @__PURE__ */ o(
+        go,
         {
           moduleId: P,
           privileges: E,
           skeletonFlags: S,
           componentsDictionary: M,
           moduleNameField: C,
-          moduleDictionaryLoaded: N,
-          children: /* @__PURE__ */ o(_o, { moduleId: P, children: /* @__PURE__ */ g(no, { children: [
+          moduleDictionaryLoaded: H,
+          children: /* @__PURE__ */ o(_o, { moduleId: P, children: /* @__PURE__ */ w(no, { children: [
             /* @__PURE__ */ o(ko, {}),
-            /* @__PURE__ */ o(wo, { containerId: w }),
+            /* @__PURE__ */ o(wo, { containerId: k }),
             " ",
             /* @__PURE__ */ o(
-              Co,
+              Eo,
               {
                 hostRuntime: W,
                 resolveHostRuntime: $,
                 children: /* @__PURE__ */ o(
-                  go,
+                  Fo,
                   {
                     baseZindex: 1e3,
                     storeId: I,
@@ -172,9 +173,9 @@ function Xo(u) {
                         storeDevtoolsEnabled: b,
                         onLoad: T,
                         loadAreasFromNetwork: x,
-                        loadCookiesFromNetwork: H,
-                        children: /* @__PURE__ */ g(fo, { children: [
-                          D && /* @__PURE__ */ o(Fo, {}),
+                        loadCookiesFromNetwork: B,
+                        children: /* @__PURE__ */ w(fo, { children: [
+                          D && /* @__PURE__ */ o(Lo, {}),
                           /* @__PURE__ */ o(Ao, { children: v })
                         ] })
                       }
@@ -185,10 +186,10 @@ function Xo(u) {
             )
           ] }) })
         }
-      ) }) }) }) }) })
+      ) }) }) }) }) }) })
     }
   ) }) }) }) }) });
 }
 export {
-  Xo as MFIsolationApp
+  oe as MFIsolationApp
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MFAuthApp.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/MFIsolationApp/subcomponents/MFAuthApp/MFAuthApp.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAsD9C"}
+{"version":3,"file":"MFAuthApp.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/MFIsolationApp/subcomponents/MFAuthApp/MFAuthApp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDA6C9C"}

package/components/MFIsolationApp/subcomponents/MFAuthApp/MFAuthApp.js

@@ -1,15 +1,14 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { useEffect as l } from "react";
-import { format as y } from "date-fns";
-import { useAuth as _, useLocalStorage as f, DomainCountryProvider as h } from "@m4l/core";
-import { KEY_LOCAL_STORAGE_THEME_SETTINGS as p, defaultThemeSettings as g, HostThemeProvider as C, FormatterProvider as E } from "@m4l/graphics";
-import { getUserThemeOptions as b, fnComponentsOverrides as T } from "@m4l/styles";
-function D(s) {
-  const { children: m, user: c, pwd: d } = s, { isAuthenticated: t, isInitialized: i, login: a, user: e } = _(), [n] = f(p, g);
-  if (l(() => {
-    i && t === !1 && a(c, d, !1);
-  }, [i, t]), !t)
-    return /* @__PURE__ */ o("div", { children: "Pendiente por autenticarse" });
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { useEffect as a } from "react";
+import { format as u } from "date-fns";
+import { useAuth as l, DomainCountryProvider as y } from "@m4l/core";
+import { FormatterProvider as _ } from "@m4l/graphics";
+function g(n) {
+  const { children: c, user: d, pwd: m } = n, { isAuthenticated: o, isInitialized: t, login: s, user: i } = l();
+  if (a(() => {
+    t && o === !1 && s(d, m, !1);
+  }, [t, o]), !o)
+    return /* @__PURE__ */ e("div", { children: "Pendiente por autenticarse" });
   const r = {
     id: 1,
     currency: "USD",
@@ -17,31 +16,21 @@ function D(s) {
     decimal_symbol: ".",
     thousands_symbol: ","
   };
-  e?.domainCountry && (r.id = e?.domainCountry.id ?? r.id, r.currency = e?.domainCountry.currency ?? r.currency, r.currency_decimal_digits = e?.domainCountry.currency_decimal_digits ?? r.currency_decimal_digits, r.decimal_symbol = e?.domainCountry.decimal_symbol ?? r.decimal_symbol, r.thousands_symbol = e?.domainCountry?.thousands_symbol ?? r.thousands_symbol);
-  const u = b(n.themeMode, n.themeColor);
-  return /* @__PURE__ */ o(
-    C,
+  return i?.domainCountry && (r.id = i?.domainCountry.id ?? r.id, r.currency = i?.domainCountry.currency ?? r.currency, r.currency_decimal_digits = i?.domainCountry.currency_decimal_digits ?? r.currency_decimal_digits, r.decimal_symbol = i?.domainCountry.decimal_symbol ?? r.decimal_symbol, r.thousands_symbol = i?.domainCountry?.thousands_symbol ?? r.thousands_symbol), /* @__PURE__ */ e(y, { ...r, isMicroFrontEnd: !1, children: /* @__PURE__ */ e(
+    _,
     {
-      hostThemeOptions: u,
-      fnComponentsOverrides: T,
-      isMicroFrontEnd: !0,
-      children: /* @__PURE__ */ o(h, { ...r, isMicroFrontEnd: !1, children: /* @__PURE__ */ o(
-        E,
-        {
-          isMicroFrontEnd: !1,
-          dateFormatter: {
-            formatDate: y
-          },
-          currencyFormatter: {
-            code: r.currency,
-            decimalDigits: r.currency_decimal_digits
-          },
-          children: m
-        }
-      ) })
+      isMicroFrontEnd: !1,
+      dateFormatter: {
+        formatDate: u
+      },
+      currencyFormatter: {
+        code: r.currency,
+        decimalDigits: r.currency_decimal_digits
+      },
+      children: c
     }
-  );
+  ) });
 }
 export {
-  D as MFAuthApp
+  g as MFAuthApp
 };

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+type MFIsolationThemeBridgeProps = {
+    children: ReactNode;
+};
+/**
+ * Bridge the isolation theme-settings store into the shared host theme provider.
+ */
+export declare function MFIsolationThemeBridge(props: MFIsolationThemeBridgeProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MFIsolationThemeBridge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MFIsolationThemeBridge.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/MFIsolationApp/subcomponents/MFIsolationThemeBridge/MFIsolationThemeBridge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,oDAaxE"}

package/components/MFIsolationApp/subcomponents/MFIsolationThemeBridge/MFIsolationThemeBridge.js

@@ -0,0 +1,19 @@
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { shallow as n } from "zustand/shallow";
+import { useThemeSettingsStore as m, HostThemeProvider as s } from "@m4l/graphics";
+import { fnComponentsOverrides as h } from "@m4l/styles";
+function l(o) {
+  const { children: e } = o, t = m((r) => r.themeOptions, n);
+  return /* @__PURE__ */ i(
+    s,
+    {
+      isMicroFrontEnd: !0,
+      hostThemeOptions: t,
+      fnComponentsOverrides: h,
+      children: e
+    }
+  );
+}
+export {
+  l as MFIsolationThemeBridge
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/MFIsolationApp/subcomponents/MFIsolationThemeBridge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,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":"AAyCA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAgBjB;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAuXhD"}

package/components/extended/ReactSimpleCodeEditor/CodeEditor.js

@@ -0,0 +1,263 @@
+import { jsx as a, jsxs as D } from "@emotion/react/jsx-runtime";
+import { useModuleDictionary as Ae, useModuleSkeleton as Me } from "@m4l/core";
+import { useThemeMode as Ve } from "@m4l/graphics";
+import _ from "clsx";
+import { useId as Pe, useState as J, useRef as ke, useMemo as E, useEffect as Q, useCallback as z } from "react";
+import { getPropDataTestId as x, getNameDataTestId as ze } from "../../../test/getNameDataTestId.js";
+import { CODE_EDITOR_DEFAULT_MAX_LINES as Be, CODE_EDITOR_DEFAULT_MIN_LINES as He, CODE_EDITOR_DEFAULT_LANGUAGE as we, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as Ge, CODE_EDITOR_CLASSES as C, CODE_EDITOR_KEY_COMPONENT as p, CODE_EDITOR_READ_ONLY_LABEL as Ue, CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID as Ye } from "./constants.js";
+import { CODE_EDITOR_DICTIONARY as W } from "./dictionary.js";
+import { resolveCodeEditorLanguageIcon as Fe } from "./helpers/languageIcon.js";
+import { ensureCodeEditorRuntimeDependencies as je, getCodeEditorLineCount as qe, createCodeEditorPrismTheme as Ke, resolveCodeEditorLanguageTemplate as Xe, validateCodeEditorSyntax as Ze, highlightCode as $e } from "./helpers/highlighting.js";
+import { SkeletonStyled as Je, RootStyled as Qe, HeaderStyled as We, LanguageChipStyled as et, LanguageChipIconStyled as tt, HeaderBadgesStyled as at, ReadOnlyChipStyled as nt, BodyStyled as rt, LineNumbersStyled as ot, LineNumberStyled as lt, EditorScrollerStyled as it, PlaceholderStyled as st, EditorStyled as dt } from "./slots/CodeEditorSlots.js";
+import { CodeEditorSlots as f } from "./slots/CodeEditorEnum.js";
+function ct(L, y) {
+  return L.length !== y.length ? !1 : L.every((S, o) => S === y[o]);
+}
+function Dt(L) {
+  const {
+    className: y,
+    customLanguages: S,
+    dataTestId: o,
+    defaultValue: ee,
+    disabled: I = !1,
+    editorClassName: te,
+    error: ae = !1,
+    highlightTheme: B,
+    id: ne,
+    insertSpaces: re,
+    languageIcon: oe,
+    languageLabel: le,
+    languageTemplate: n,
+    languageText: ie,
+    maxLines: se = Be,
+    minLines: O = He,
+    onBlur: de,
+    onChange: v,
+    placeholder: R,
+    preClassName: ce,
+    readOnly: d = !1,
+    readOnlyLabel: ue,
+    runtimeDependencies: c,
+    showLineNumbers: H = !1,
+    showPlaceholder: w = !0,
+    size: G = "medium",
+    syntaxValidator: N,
+    skeleton: me = !1,
+    textareaClassName: ge,
+    validateSyntax: U = !1,
+    value: u,
+    variant: he = "outlined",
+    ...T
+  } = L, Ee = Pe(), Ce = ne || Ee, { getLabel: pe } = Ae(), fe = Me() || me, b = Ve(), m = v === void 0, [A, Le] = J(0), M = ke([]), [ye, Y] = J(
+    u ?? ee ?? ""
+  ), F = E(() => c ? Array.isArray(c) ? c : [c] : [], [c]);
+  ct(
+    M.current,
+    F
+  ) || (M.current = F);
+  const V = M.current;
+  Q(() => {
+    m && u !== void 0 && Y(u);
+  }, [m, u]), Q(() => {
+    if (!V.length)
+      return;
+    let e = !0;
+    return je(V).catch(() => {
+    }).then(() => {
+      e && Le((s) => s + 1);
+    }), () => {
+      e = !1;
+    };
+  }, [V]);
+  const r = m ? ye : u ?? "", Se = w && r.length === 0 && !!R, Ie = Ge[G], j = qe(r), q = Math.max(j, O), P = Math.max(O, se), Te = Math.min(q, P), De = j >= P, K = E(
+    () => B ?? Ke(b),
+    [b, B]
+  ), l = E(
+    () => Xe(n),
+    [n, A]
+  ), g = ie ?? l?.languageText ?? we, X = le ?? l?.languageLabel, Z = !!X, _e = Fe(
+    oe ?? l?.languageIcon
+  ), k = d ? pe(W.readOnly) : void 0, xe = ue ?? (k && k !== W.readOnly ? k : Ue), h = E(() => {
+    if (N)
+      return N({
+        code: r,
+        languageTemplate: l ?? n,
+        languageText: g
+      });
+    if (U)
+      return Ze({
+        code: r,
+        languageTemplate: l ?? n,
+        languageText: g
+      });
+  }, [
+    n,
+    l,
+    g,
+    r,
+    A,
+    N,
+    U
+  ]), $ = ae || !!h && !h.isValid, i = h && !h.isValid ? h.errorRange : void 0, Oe = E(() => {
+    if (!i)
+      return /* @__PURE__ */ new Set();
+    const e = i.start.line, s = i.end?.line ?? e;
+    return new Set(
+      Array.from(
+        { length: Math.max(s - e + 1, 1) },
+        (ut, be) => e + be
+      )
+    );
+  }, [i]), t = {
+    colorMode: b,
+    disabled: I,
+    error: $,
+    isLineCapped: De,
+    isEmpty: r.length === 0,
+    isPlaceholderVisible: Se,
+    lineHeight: Ie,
+    maxLines: P,
+    minLines: O,
+    readOnly: d,
+    showLineNumbers: H,
+    size: G,
+    variant: he,
+    visibleLineCount: Te
+  }, ve = z(
+    (e) => $e({
+      code: e,
+      customLanguages: S,
+      languageTemplate: n,
+      languageText: g,
+      prismTheme: K,
+      syntaxErrorRange: i
+    }),
+    [
+      S,
+      n,
+      K,
+      g,
+      A,
+      i
+    ]
+  ), Re = z(
+    (e) => {
+      m && Y(e), v?.(e);
+    },
+    [v, m]
+  ), Ne = z(
+    (e) => {
+      if (I || e.target instanceof Element && e.target.closest("textarea"))
+        return;
+      e.currentTarget.querySelector("textarea")?.focus();
+    },
+    [I]
+  );
+  return fe ? /* @__PURE__ */ a(Je, { ownerState: t }) : /* @__PURE__ */ D(
+    Qe,
+    {
+      ownerState: t,
+      "aria-disabled": t.disabled || void 0,
+      className: _(C.root, y),
+      ...x(p, f.root, o),
+      children: [
+        Z || d ? /* @__PURE__ */ D(We, { ownerState: t, className: C.header, children: [
+          Z ? /* @__PURE__ */ a(
+            et,
+            {
+              label: X,
+              size: "small",
+              variant: "outlined",
+              color: "default",
+              startIcon: /* @__PURE__ */ a(
+                tt,
+                {
+                  ...x(
+                    p,
+                    f.languageChipIcon,
+                    Ye
+                  ),
+                  children: /* @__PURE__ */ a(_e, { fontSize: "small" })
+                }
+              )
+            }
+          ) : null,
+          /* @__PURE__ */ a(at, { ownerState: t, children: d ? /* @__PURE__ */ a(
+            nt,
+            {
+              label: xe,
+              size: "small"
+            }
+          ) : null })
+        ] }) : null,
+        /* @__PURE__ */ D(
+          rt,
+          {
+            ownerState: t,
+            onClick: Ne,
+            ...x(p, f.body, o),
+            children: [
+              H ? /* @__PURE__ */ a(ot, { ownerState: t, "aria-hidden": "true", children: Array.from({ length: q }, (e, s) => s + 1).map(
+                (e) => /* @__PURE__ */ a(
+                  lt,
+                  {
+                    ownerState: t,
+                    "data-code-editor-error-line": Oe.has(e) || void 0,
+                    children: e
+                  },
+                  `code-editor-line-${e}`
+                )
+              ) }) : null,
+              /* @__PURE__ */ D(it, { ownerState: t, children: [
+                w && t.isEmpty && R ? /* @__PURE__ */ a(
+                  st,
+                  {
+                    ownerState: t,
+                    ...x(
+                      p,
+                      f.placeholder,
+                      o
+                    ),
+                    children: R
+                  }
+                ) : null,
+                /* @__PURE__ */ a(
+                  dt,
+                  {
+                    ...T,
+                    ownerState: t,
+                    "aria-label": T["aria-label"] ?? "Code editor",
+                    "aria-invalid": T["aria-invalid"] ?? ($ || void 0),
+                    className: _(C.editor, te),
+                    "data-testid": ze(
+                      p,
+                      f.textarea,
+                      o
+                    ),
+                    disabled: I,
+                    highlight: ve,
+                    insertSpaces: re,
+                    onBlur: de,
+                    onValueChange: Re,
+                    preClassName: _(C.pre, ce),
+                    readOnly: d,
+                    tabSize: T.tabSize,
+                    textareaClassName: _(
+                      C.textarea,
+                      ge
+                    ),
+                    textareaId: Ce,
+                    value: r
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Dt as CodeEditor
+};

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

@@ -0,0 +1,3 @@
+import { CodeEditorStyles } from './types';
+export declare const codeEditorStyles: CodeEditorStyles;
+//# sourceMappingURL=CodeEditor.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,gBAAgB,EAAE,gBAyV9B,CAAC"}