@m4l/components 9.24.0-beta-feature-731-m4l-components-code-editor.8 → 9.24.1-beta-feature-731-code-editor.0

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/MFLoader/MFLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MFLoader.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFLoader/MFLoader.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,aAAa,EAAU,MAAM,SAAS,CAAC;AAehD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAkP5C;AACD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MFLoader.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFLoader/MFLoader.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,aAAa,EAAU,MAAM,SAAS,CAAC;AAehD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAkP5C;AACD,eAAe,QAAQ,CAAC"}

package/components/MFLoader/MFLoader.js

@@ -1,18 +1,18 @@
 import { jsxs as _, jsx as o } from "@emotion/react/jsx-runtime";
 import { useRef as d, useEffect as ee } from "react";
-import { useNetwork as te, useEnvironment as oe, useHostTools as re } from "@m4l/core";
-import { useHostTheme as ne, useFormatter as se, useLocales as ie } from "@m4l/graphics";
-import { ProggessLoadingMF as de } from "./subcomponents/ProggessLoadingMF/index.js";
-import { LoadingError as ce } from "../LoadingError/LoadingError.js";
-import { useHostRuntime as ae } from "../../contexts/HostRuntimeContext/HostRuntimeContext.js";
-import { useShellObservability as le } from "../../contexts/ShellObservabilityContext/ShellObservabilityContext.js";
-import { projectMFHostRuntimeTools as me } from "./helpers/projectMFHostRuntimeTools/projectMFHostRuntimeTools.js";
-import { useMFTelemetry as ue } from "./hooks/useMFTelemetry/useMFTelemetry.js";
-import { useMFSwap as pe } from "./hooks/useMFSwap/useMFSwap.js";
-import { useMFLifecycle as fe } from "./hooks/useMFLifecycle/useMFLifecycle.js";
-import { useMFRender as he } from "./hooks/useMFRender/useMFRender.js";
-import { MFLoaderRootStyled as Se, MFLoaderMountContainerStyled as T, MFLoaderOverlayStyled as I } from "./slots/MFLoaderSlots.js";
-function Ee(O) {
+import { useNetwork as te, useEnvironment as oe, useHostTools as re, resolveLocalLoopbackOrigin as ne } from "@m4l/core";
+import { useHostTheme as se, useFormatter as ie, useLocales as de } from "@m4l/graphics";
+import { ProggessLoadingMF as ce } from "./subcomponents/ProggessLoadingMF/index.js";
+import { LoadingError as ae } from "../LoadingError/LoadingError.js";
+import { useHostRuntime as le } from "../../contexts/HostRuntimeContext/HostRuntimeContext.js";
+import { useShellObservability as me } from "../../contexts/ShellObservabilityContext/ShellObservabilityContext.js";
+import { projectMFHostRuntimeTools as ue } from "./helpers/projectMFHostRuntimeTools/projectMFHostRuntimeTools.js";
+import { useMFTelemetry as pe } from "./hooks/useMFTelemetry/useMFTelemetry.js";
+import { useMFSwap as fe } from "./hooks/useMFSwap/useMFSwap.js";
+import { useMFLifecycle as Le } from "./hooks/useMFLifecycle/useMFLifecycle.js";
+import { useMFRender as Se } from "./hooks/useMFRender/useMFRender.js";
+import { MFLoaderRootStyled as he, MFLoaderMountContainerStyled as T, MFLoaderOverlayStyled as O } from "./slots/MFLoaderSlots.js";
+function qe(I) {
   const {
     prefix: r,
     moduleId: C,
@@ -24,31 +24,31 @@ function Ee(O) {
     windowTools: q,
     emergeType: P,
     loggedUser: j
-  } = O, G = ae(), V = le(), $ = me(H ?? G), k = x ?? V, { hostThemeOptions: A, fnComponentsOverrides: B } = ne(), { networkOperation: N } = te(), s = oe(), D = re(), U = se(), z = { hostThemeOptions: A, fnComponentsOverrides: B }, p = d(null), f = d(null), h = d("progress"), S = d(
+  } = I, k = le(), G = me(), V = ue(H ?? k), A = x ?? G, { hostThemeOptions: B, fnComponentsOverrides: N } = se(), { networkOperation: $ } = te(), s = oe(), D = re(), U = ie(), z = { hostThemeOptions: B, fnComponentsOverrides: N }, p = d(null), f = d(null), L = d("progress"), S = d(
     null
-  ), { currentLocale: J } = ie(), K = !s.isLocalhost || Number.isInteger(n) && n > 0, {
-    activeSwapRef: L,
+  ), { currentLocale: J } = de(), K = !s.isLocalhost || Number.isInteger(n) && n > 0, {
+    activeSwapRef: h,
     createTelemetryContext: a,
     emitAbandonedLoadTelemetry: Q,
     emitSwapStartedTelemetry: g,
     emitSwapFailedTelemetry: l,
-    reportLoaderError: R
-  } = ue({
+    reportLoaderError: v
+  } = pe({
     cache: c,
     prefix: r,
     mountedScriptRefBridge: p,
     requestedScriptRefBridge: f,
     setStatusLoaderRef: S,
-    statusLoaderRef: h
+    statusLoaderRef: L
   }), {
     mountedScript: m,
     requestedScript: e,
     isSwappingModule: W,
-    mountedScriptRef: v,
+    mountedScriptRef: R,
     requestedScriptRef: y,
     promoteRequestedScript: b
-  } = pe({
-    activeSwapRef: L,
+  } = fe({
+    activeSwapRef: h,
     cache: c,
     createTelemetryContext: a,
     emitAbandonedLoadTelemetry: Q,
@@ -56,10 +56,10 @@ function Ee(O) {
     emitSwapStartedTelemetry: g,
     moduleId: C,
     prefix: r,
-    reportLoaderError: R
+    reportLoaderError: v
   });
-  p.current = v, f.current = y;
-  const X = s.isLocalhost ? `https://localhost:${n}` : `https://${window.location.host}/mf/${e.moduleId}`, {
+  p.current = R, f.current = y;
+  const X = s.isLocalhost ? ne(n) : `https://${window.location.host}/mf/${e.moduleId}`, {
     statusLoader: t,
     setStatusLoader: F,
     loadingProgress: Y,
@@ -67,23 +67,23 @@ function Ee(O) {
     loadGeneration: i,
     completedGeneration: M,
     renderedGeneration: u
-  } = fe({
+  } = Le({
     activeHost: X,
     cache: c,
     createTelemetryContext: a,
     environmentIsLocalhost: s.isLocalhost,
     hasValidLocalDebugPort: K,
-    mountedScriptRef: v,
-    networkOperation: N,
+    mountedScriptRef: R,
+    networkOperation: $,
     prefix: r,
     requestedScript: e,
     requestedScriptRef: y,
-    activeSwapRef: L,
+    activeSwapRef: h,
     emitSwapFailedTelemetry: l,
     emitSwapStartedTelemetry: g
   });
-  h.current = t, S.current = F;
-  const { renderMicroFrontend: w } = he({
+  L.current = t, S.current = F;
+  const { renderMicroFrontend: w } = Se({
     prefix: r,
     debugPort: n,
     dynamicMFStore: E,
@@ -95,9 +95,9 @@ function Ee(O) {
     currentLocale: J,
     hostTheme: z,
     formatter: U,
-    resolvedHostRuntime: $,
-    resolvedObservability: k,
-    reportLoaderError: R,
+    resolvedHostRuntime: V,
+    resolvedObservability: A,
+    reportLoaderError: v,
     emitSwapFailedTelemetry: l,
     setStatusLoader: F,
     createTelemetryContext: a
@@ -118,7 +118,7 @@ function Ee(O) {
     u,
     e,
     t
-  ]), /* @__PURE__ */ _(Se, { children: [
+  ]), /* @__PURE__ */ _(he, { children: [
     /* @__PURE__ */ o(
       T,
       {
@@ -135,11 +135,11 @@ function Ee(O) {
       },
       e.divContainerId
     ) : null,
-    t === "progress" ? /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(de, { loadingProgress: Y }) }) : null,
-    t === "error" ? /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(ce, { status: t, action: Z }) }) : null
+    t === "progress" ? /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(ce, { loadingProgress: Y }) }) : null,
+    t === "error" ? /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(ae, { status: t, action: Z }) }) : null
   ] });
 }
 export {
-  Ee as MFLoader,
-  Ee as default
+  qe as MFLoader,
+  qe as default
 };

package/components/MFLoader/types.d.ts

@@ -39,6 +39,14 @@ export interface MFRealtimeProducerToolsContract {
      * sin enseñarle a `@m4l/components` los tipos de parámetros concretos de cada paquete realtime.
      */
     subscribe: (...args: never[]) => void;
+    /**
+     * Subscribe to recovered transport events through one host-owned realtime engine.
+     * Se suscribe a eventos de transporte recuperado a través de un motor realtime propiedad del host.
+     *
+     * The `never[]` rest shape is intentional for the same reason as `subscribe`.
+     * La forma rest `never[]` es intencional por la misma razón que en `subscribe`.
+     */
+    subscribeTransportReconnect: (...args: never[]) => void;
     /**
      * Unsubscribe through one host-owned realtime engine.
      * Cancela la suscripción a través de un motor realtime propiedad del host.
@@ -47,6 +55,14 @@ export interface MFRealtimeProducerToolsContract {
      * La forma rest `never[]` es intencional por la misma razón que en `subscribe`.
      */
     unsubscribe: (...args: never[]) => void;
+    /**
+     * Unsubscribe from recovered transport events through one host-owned realtime engine.
+     * Cancela la suscripción a eventos de transporte recuperado a través de un motor realtime propiedad del host.
+     *
+     * The `never[]` rest shape is intentional for the same reason as `unsubscribe`.
+     * La forma rest `never[]` es intencional por la misma razón que en `unsubscribe`.
+     */
+    unsubscribeTransportReconnect: (...args: never[]) => void;
     /**
      * Publish one synthetic realtime batch through the shared producer pipeline.
      *

package/components/MFLoader/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFLoader/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFLoader/types.ts"],"names":[],"mappings":"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"}

package/components/SideBar/context/sideBarContext/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/SideBar/context/sideBarContext/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAyBrE;;;;GAIG;AACH,QAAA,MAAM,cAAc,+CAA8B,CAAC;AACnD;;GAEG;AACH,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,qDAsDnD,CAAC;AACF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/SideBar/context/sideBarContext/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA6BrE;;;;GAIG;AACH,QAAA,MAAM,cAAc,+CAA8B,CAAC;AACnD;;GAEG;AACH,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,qDAsDnD,CAAC;AACF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}

package/components/SideBar/context/sideBarContext/index.js

@@ -1,8 +1,8 @@
-import { jsx as e, Fragment as n } from "@emotion/react/jsx-runtime";
-import { createContext as L } from "react";
-import { getComponentClasses as _ } from "../../../../utils/getComponentSlotRoot.js";
+import { jsx as e, Fragment as t } from "@emotion/react/jsx-runtime";
+import { createContext as x } from "react";
+import { getComponentClasses as L } from "../../../../utils/getComponentSlotRoot.js";
 import { ALL_SIDEBAR_SLOTS as I, SIDEBAR_KEY_COMPONENT as T } from "../../constants.js";
-const t = _(T, I), b = {
+const a = L(T, I), b = {
   anchored: !1,
   visible: !0,
   onToggleAnchored: (o) => {
@@ -12,16 +12,17 @@ const t = _(T, I), b = {
   menuData: [],
   companyLogoUrl: "",
   companyLogoSmallUrl: "",
-  onMenuItemClick: (o) => {
+  /** Ignore menu clicks until a real sidebar provider is mounted. */
+  onMenuItemClick: (o, n) => {
   },
   expandedWidth: "",
   companyName: "",
   companySlogan: "",
-  classes: t,
-  headerComponent: /* @__PURE__ */ e(n, {}),
-  footerComponent: /* @__PURE__ */ e(n, {})
-}, A = L(b), P = (o) => {
-  const { value: a, children: r } = o, {
+  classes: a,
+  headerComponent: /* @__PURE__ */ e(t, {}),
+  footerComponent: /* @__PURE__ */ e(t, {})
+}, A = x(b), P = (o) => {
+  const { value: n, children: r } = o, {
     anchored: m,
     visible: l,
     onToggleAnchored: i,
@@ -37,8 +38,8 @@ const t = _(T, I), b = {
     urlIconPrefix: f,
     headerComponent: v,
     footerComponent: y,
-    variant: x
-  } = a;
+    variant: _
+  } = n;
   return (
     // Proporcionar el contexto con las propiedades desestructuradas
     /* @__PURE__ */ e(
@@ -58,10 +59,10 @@ const t = _(T, I), b = {
           companyName: h,
           companySlogan: u,
           urlIconPrefix: f,
-          classes: t,
+          classes: a,
           headerComponent: v,
           footerComponent: y,
-          variant: x
+          variant: _
         },
         children: r
       }

package/components/SideBar/hooks/useCollapse/useCollapse.d.ts

@@ -1,4 +1,5 @@
 import { IMenuDataWithState } from '../../types';
+import { MouseEvent } from 'react';
 /**
  * Manage the expanded state for one sidebar menu item.
  * @param {IMenuDataWithState} item - Sidebar item to control.
@@ -6,7 +7,7 @@ import { IMenuDataWithState } from '../../types';
  */
 export declare const useCollapse: (item: IMenuDataWithState, defaultOpen?: boolean) => {
     isOpen: boolean;
-    handlerClick: () => void;
+    handlerClick: (event?: MouseEvent<HTMLElement>) => void;
     hasChildren: boolean | undefined;
 };
 //# sourceMappingURL=useCollapse.d.ts.map

package/components/SideBar/hooks/useCollapse/useCollapse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCollapse.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/SideBar/hooks/useCollapse/useCollapse.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAIjD;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,kBAAkB,EAAE,qBAAmB;;;;CAsBxE,CAAC"}
+{"version":3,"file":"useCollapse.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/SideBar/hooks/useCollapse/useCollapse.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,kBAAkB,EAAE,qBAAmB;;2BASzC,UAAU,CAAC,WAAW,CAAC;;CAiBtD,CAAC"}

package/components/SideBar/hooks/useCollapse/useCollapse.js

@@ -1,14 +1,14 @@
-import { useState as a, useEffect as h } from "react";
-import f from "../useSideBar/index.js";
+import { useState as h, useEffect as a } from "react";
+import u from "../useSideBar/index.js";
 import { useIsMobile as d } from "@m4l/graphics";
-const C = (s, e = !1) => {
-  const { onMenuItemClick: n, onToggleVisible: l } = f(), [r, i] = a(e), c = d(), o = s.children && Array.isArray(s.children) && s.children.length > 0, t = () => {
-    n(s), i(!r), c && (!o || o === void 0) && l(!1);
+const b = (e, s = !1) => {
+  const { onMenuItemClick: r, onToggleVisible: l } = u(), [i, n] = h(s), t = d(), o = e.children && Array.isArray(e.children) && e.children.length > 0, c = (f) => {
+    f?.shiftKey ? r(e, { shiftKey: !0 }) : r(e), n(!i), t && (!o || o === void 0) && l(!1);
   };
-  return h(() => {
-    i(e);
-  }, [e]), { isOpen: r, handlerClick: t, hasChildren: o };
+  return a(() => {
+    n(s);
+  }, [s]), { isOpen: i, handlerClick: c, hasChildren: o };
 };
 export {
-  C as useCollapse
+  b as useCollapse
 };

package/components/SideBar/index.d.ts

@@ -1,3 +1,3 @@
 export { SideBar } from './SideBar';
-export type { MenuDataType } from './types';
+export type { MenuDataType, MenuItemClickOptions } from './types';
 //# sourceMappingURL=index.d.ts.map

package/components/SideBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/SideBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/SideBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItem/index.js

@@ -47,7 +47,7 @@ function H(S) {
             selected: e.active,
             startIcon: N,
             endIcon: i ? /* @__PURE__ */ t(z, { openState: o, active: e.active, icon: /* @__PURE__ */ t(h, {}) }) : null,
-            onClick: () => E(),
+            onClick: E,
             size: r
           }
         ) }),

package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItemMain/NodeMenuItemMain.js

@@ -29,7 +29,7 @@ const q = (m) => {
           {
             label: e.title,
             endIcon: p ? /* @__PURE__ */ t(O, { openState: r, active: e.active }) : null,
-            onClick: () => c(),
+            onClick: c,
             size: o
           }
         ) }),

package/components/SideBar/types.d.ts

@@ -15,6 +15,13 @@ export interface MenuDataType extends Record<string, any> {
     debugPort?: number;
     children?: Array<MenuDataType>;
 }
+/**
+ * Optional click metadata forwarded by sidebar emitters when modifier keys
+ * should influence how the host opens the selected module.
+ */
+export interface MenuItemClickOptions {
+    shiftKey?: boolean;
+}
 /**
  * Propiedades para el componente SideBar.
  */
@@ -52,7 +59,7 @@ export interface SideBarProps {
      */
     companySlogan?: string;
     moduleSelectedId?: string | undefined;
-    onMenuItemClick: (item: MenuDataType) => void;
+    onMenuItemClick: (item: MenuDataType, options?: MenuItemClickOptions) => void;
     /**
      * Función para alternar el estado colapsado de la barra lateral.
      */

package/components/SideBar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/SideBar/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/SideBar/types.ts"],"names":[],"mappings":"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"}

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/AreaGridLayout/AreaGridLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AreaGridLayout.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/AreaGridLayout/AreaGridLayout.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAa1C;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,eAAe,qDAsIpD,CAAC"}
+{"version":3,"file":"AreaGridLayout.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/AreaGridLayout/AreaGridLayout.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAa1C;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,eAAe,qDA4JpD,CAAC"}

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/AreaGridLayout/AreaGridLayout.js

@@ -1,83 +1,97 @@
-import { jsx as n, Fragment as b } from "@emotion/react/jsx-runtime";
-import { shallow as s } from "zustand/shallow";
+import { jsx as m, Fragment as v } from "@emotion/react/jsx-runtime";
+import { shallow as r } from "zustand/shallow";
 import { Window as N } from "../Window/Window.js";
 import { useAreasStore as a } from "../../../../../../hooks/useAreas/index.js";
-import { areasViewerClasses as l } from "../../../../classes/index.js";
+import { areasViewerClasses as u } from "../../../../classes/index.js";
 import D from "clsx";
-import { PADDING_GRIDLAYOUT as g, MARGIN_GRIDLAYOUT as p, RESPONSIVE_ROW_HEIGHTS as E } from "../../../../../../contexts/AreasContext/helpers/helper.js";
-import { MemonizePopupsViewer as M } from "../../../../../../../popups/components/PopupsViewer/PopupsViewer.js";
-import { useState as O, useMemo as P } from "react";
-import { dragResizeWindowRNDClasses as t } from "../../../../../../../DragResizeWindowRND/classes/index.js";
-import { useTheme as T } from "@mui/material";
-import { useComponentSize as _ } from "../../../../../../../../hooks/useComponentSize/index.js";
-import { withSizeProvider as V } from "../../../../../../../GridLayout/subcomponents/withSizeProvider/index.js";
-import { Responsive as k } from "../../../../../../../GridLayout/subcomponents/Responsive/index.js";
-const $ = V(k), re = (u) => {
-  const { areaId: o, size: f } = u, h = a((e) => e.hashAreas[o].layoutItemsIds, s), I = a((e) => e.hashAreas[o].layouts, s), S = a((e) => e.hashAreas[o].breakpoints, s), y = a((e) => e.hashAreas[o].maximizedId, s), z = a((e) => e.hashAreas[o].cols, s), { onBreakpointsLayoutsChange: L, onContainerChange: C } = a(
+import { PADDING_GRIDLAYOUT as g, MARGIN_GRIDLAYOUT as p, RESPONSIVE_ROW_HEIGHTS as M } from "../../../../../../contexts/AreasContext/helpers/helper.js";
+import { MemonizePopupsViewer as O } from "../../../../../../../popups/components/PopupsViewer/PopupsViewer.js";
+import { useState as P, useMemo as T, useEffect as V } from "react";
+import { dragResizeWindowRNDClasses as s } from "../../../../../../../DragResizeWindowRND/classes/index.js";
+import { useTheme as _ } from "@mui/material";
+import { useComponentSize as k } from "../../../../../../../../hooks/useComponentSize/index.js";
+import { withSizeProvider as $ } from "../../../../../../../GridLayout/subcomponents/withSizeProvider/index.js";
+import { Responsive as F } from "../../../../../../../GridLayout/subcomponents/Responsive/index.js";
+const U = $(F), ae = (f) => {
+  const { areaId: t, size: h } = f, I = a((e) => e.hashAreas[t].layoutItemsIds, r), y = a((e) => e.hashAreas[t].layouts, r), L = a((e) => e.hashAreas[t].breakpoints, r), c = a((e) => e.hashAreas[t].currentLayoutId, r), S = a((e) => e.hashAreas[t].maximizedId, r), z = a((e) => e.hashAreas[t].cols, r), { onBreakpointsLayoutsChange: A, onContainerChange: w } = a(
     (e) => e.areaActions,
-    s
-  ), c = T(), { currentSize: d } = _(f), [r, R] = O(void 0), A = () => {
-    r && r.classList.add(t.resizing);
+    r
+  ), d = _(), { currentSize: l } = k(h), [o, C] = P(void 0), R = () => {
+    o && o.classList.add(s.resizing);
   }, H = () => {
-    r && r.classList.remove(t.resizing);
+    o && o.classList.remove(s.resizing);
   }, G = () => {
-    r && r.classList.add(t.dragging);
-  }, w = () => {
-    r && r.classList.remove(t.dragging);
-  }, x = (e) => {
-    e && e !== r && R(e);
-  }, v = P(() => {
-    const e = c?.size?.[c?.generalSettings?.isMobile ? "mobile" : "desktop"]?.[d]?.container, m = parseInt(e), i = isNaN(m) ? 32 : m;
+    o && o.classList.add(s.dragging);
+  }, x = () => {
+    o && o.classList.remove(s.dragging);
+  }, E = (e) => {
+    e && e !== o && C(e);
+  }, b = T(() => {
+    const e = d?.size?.[d?.generalSettings?.isMobile ? "mobile" : "desktop"]?.[l]?.container, i = parseInt(e), n = isNaN(i) ? 32 : i;
     return {
-      xxs: i,
-      xs: i,
-      sm: i,
-      md: i,
-      lg: i
+      xxs: n,
+      xs: n,
+      sm: n,
+      md: n,
+      lg: n
     };
-  }, [c, d]);
-  return /* @__PURE__ */ n(
-    $,
+  }, [d, l]);
+  return V(() => {
+    if (!o || !c)
+      return;
+    const e = window.requestAnimationFrame(() => {
+      o.querySelector(
+        `[data-grid-item-id="${c}"]`
+      )?.scrollIntoView?.({
+        block: "nearest",
+        inline: "nearest"
+      });
+    });
+    return () => {
+      window.cancelAnimationFrame(e);
+    };
+  }, [c, o]), /* @__PURE__ */ m(
+    U,
     {
-      ref: x,
+      ref: E,
       autoSize: !1,
       compactType: "vertical",
       measureBeforeMount: !0,
       resizeHandles: ["nw", "se"],
       className: D(
-        l.areaGridLayout,
-        `${l.areaGridLayout}-${o}`
+        u.areaGridLayout,
+        `${u.areaGridLayout}-${t}`
       ),
-      layouts: I,
-      onLayoutChange: (e, m) => L(o, e, m),
-      draggableHandle: `.${t.draggableHandle}`,
-      draggableCancel: `.${t.draggableCancel}`,
-      layoutItemRender: (e) => h.indexOf(e.i) === -1 ? /* @__PURE__ */ n(b, {}) : e.type === "placeholder" ? /* @__PURE__ */ n("div", {}) : /* @__PURE__ */ n(N, { windowId: e.i, areaId: o }),
-      breakpoints: S,
-      colapsedHeight: v,
-      rowHeight: E,
+      layouts: y,
+      onLayoutChange: (e, i) => A(t, e, i),
+      draggableHandle: `.${s.draggableHandle}`,
+      draggableCancel: `.${s.draggableCancel}`,
+      layoutItemRender: (e) => I.indexOf(e.i) === -1 ? /* @__PURE__ */ m(v, {}) : e.type === "placeholder" ? /* @__PURE__ */ m("div", {}) : /* @__PURE__ */ m(N, { windowId: e.i, areaId: t }),
+      breakpoints: L,
+      colapsedHeight: b,
+      rowHeight: M,
       cols: z,
       containerMargin: [p, p],
       containerPadding: [g, g],
       onContainerChange: (e) => {
-        C(o, e);
+        w(t, e);
       },
       preventCollision: !1,
-      maximizeId: y,
-      children: /* @__PURE__ */ n(
-        M,
+      maximizeId: S,
+      children: /* @__PURE__ */ m(
+        O,
         {
-          groupId: o,
-          containerElement: r,
-          onResizeStart: A,
+          groupId: t,
+          containerElement: o,
+          onResizeStart: R,
           onResizeStop: H,
           onDragStart: G,
-          onDragStop: w
+          onDragStop: x
         }
       )
     }
   );
 };
 export {
-  re as AreaGridLayout
+  ae as AreaGridLayout
 };

package/components/areas/contexts/AreasContext/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/store.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,0BAA0B,EAC1B,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAiEjB;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,WAAW,sBAAsB,EACjC,8BAA4B;;;;;;;;CAkyC7B,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/store.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,0BAA0B,EAC1B,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAiEjB;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,WAAW,sBAAsB,EACjC,8BAA4B;;;;;;;;CA6yC7B,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}