@m4l/components 9.79.1 → 9.80.1-beta-docs-autocomplete-async-with-add-mf-sync.0

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

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

package/components/areas/components/AreasViewer/test/popupAuthenticationConstants.d.ts

@@ -0,0 +1,4 @@
+import { UserAuth } from '@m4l/core';
+export declare const POPUP_AUTH_FIRST_USER: UserAuth;
+export declare const POPUP_AUTH_NEXT_USER: UserAuth;
+//# sourceMappingURL=popupAuthenticationConstants.d.ts.map

package/components/areas/components/AreasViewer/test/popupAuthenticationConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popupAuthenticationConstants.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/areas/components/AreasViewer/test/popupAuthenticationConstants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,eAAO,MAAM,qBAAqB,EAAE,QAOnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,QAOlC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD,QAAA,MAAM,YAAY;;;;;;;;UAAyC,CAAC;AAC5D;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDAqH/C;AACD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAMlD,QAAA,MAAM,YAAY;;;;;;;;UAAyC,CAAC;AAC5D;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDAsH/C;AACD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/components/areas/contexts/AreasContext/index.js

@@ -5,35 +5,36 @@ import { shallow as u } from "zustand/shallow";
 import { useFirstRender as B } from "@m4l/graphics";
 import { useHostTools as V, useModuleDictionary as j, useNetwork as q, useFlagsStore as z, CommonFlags as J, EmitEvents as S } from "@m4l/core";
 import { createAreasStore as K } from "./store.js";
-import { usePopupsStore as Q } from "../../../popups/components/PopupsProvider/hooks/usePopupsStore.js";
-const U = x(null);
-function se(A) {
+import { useMFActionLifecycle as Q } from "./useMFActionLifecycle.js";
+import { usePopupsStore as U } from "../../../popups/components/PopupsProvider/hooks/usePopupsStore.js";
+const X = x(null);
+function ae(A) {
   const {
-    children: I,
-    loadAreasFromNetwork: F,
+    children: F,
+    loadAreasFromNetwork: I,
     loadCookiesFromNetwork: _,
     onLoad: i,
     onReady: c,
     onSelectLayout: l,
-    storeId: P,
-    storeDevtoolsEnabled: k
-  } = A, { events_add_listener: v, events_remove_listener: y } = V(), { getLabel: s } = j(), { networkOperation: M } = q(), g = B([s]), { addFlag: w } = z((e) => e.flagsActions), r = d(null), {
+    storeId: y,
+    storeDevtoolsEnabled: M
+  } = A, { events_add_listener: P, events_remove_listener: k } = V(), { getLabel: s } = j(), { networkOperation: v } = q(), g = B([s]), { addFlag: w } = z((e) => e.flagsActions), r = d(null), {
     addPopup: R,
     removePopup: H,
     closePopupsByGroupId: C,
-    bringPopupOnFront: N,
-    closeAllPopupsByParentId: O,
-    setSelectedPopupId: T
-  } = Q(
+    bringPopupOnFront: L,
+    closeAllPopupsByParentId: N,
+    setSelectedPopupId: O
+  } = U(
     (e) => e.popupsActions,
     u
   );
   r.current || (r.current = K({
-    storeId: P,
+    storeId: y,
     getLabel: s,
-    loadAreasFromNetwork: F,
+    loadAreasFromNetwork: I,
     loadCookiesFromNetwork: _,
-    networkOperation: M,
+    networkOperation: v,
     ownerState: {
       status: "init",
       readyForHooks: !1
@@ -42,18 +43,18 @@ function se(A) {
       addPopup: R,
       removePopup: H,
       removePopupsByGroupId: C,
-      bringPopupOnFront: N,
-      closeAllPopupsByParentId: O,
-      setSelectedPopupId: T
+      bringPopupOnFront: L,
+      closeAllPopupsByParentId: N,
+      setSelectedPopupId: O
     }
-  }, k), r.current?.getState().areasActions.init());
-  const t = a(r.current, (e) => e.ownerState?.status, u), p = a(r.current, (e) => e.ownerState?.readyForHooks, u), n = a(r.current, (e) => e.currentModuleId), f = d(""), m = d(!1), { setHandlerGetLabel: b, setExternalState: D } = a(
+  }, M), r.current?.getState().areasActions.init()), Q(r.current);
+  const t = a(r.current, (e) => e.ownerState?.status, u), p = a(r.current, (e) => e.ownerState?.readyForHooks, u), n = a(r.current, (e) => e.currentModuleId), f = d(""), m = d(!1), { setHandlerGetLabel: T, setExternalState: b } = a(
     r.current,
     (e) => e.areasActions,
     u
   ), E = h((e) => {
-    const G = r.current?.getState().currentAreaId, L = r.current?.getState().areasIds;
-    G && L && r.current?.getState().areaActions.addWindow(e);
+    const D = r.current?.getState().currentAreaId, G = r.current?.getState().areasIds;
+    D && G && r.current?.getState().areaActions.addWindow(e);
   }, []);
   return o(() => {
     t === "loaded" && (i && i(), w(J.FLAG_AREAS_LOADED));
@@ -62,12 +63,12 @@ function se(A) {
   }, [c, p, t]), o(() => {
     t === "loaded" && n !== f.current && (l && l(n), f.current = n);
   }, [n, t]), o(() => {
-    g || b(s);
-  }, [s]), o(() => (v(S.EMMIT_EVENT_HOST_EMERGE_WINDOW, E), D({ readyForHooks: !0 }), () => {
-    y(S.EMMIT_EVENT_HOST_EMERGE_WINDOW, E);
-  }), []), /* @__PURE__ */ W(U.Provider, { value: r.current, children: I });
+    g || T(s);
+  }, [s]), o(() => (P(S.EMMIT_EVENT_HOST_EMERGE_WINDOW, E), b({ readyForHooks: !0 }), () => {
+    k(S.EMMIT_EVENT_HOST_EMERGE_WINDOW, E);
+  }), []), /* @__PURE__ */ W(X.Provider, { value: r.current, children: F });
 }
 export {
-  U as AreasContext,
-  se as AreasProvider
+  X as AreasContext,
+  ae as AreasProvider
 };

package/components/areas/contexts/AreasContext/tests/mfActionSupport.d.ts

@@ -0,0 +1,22 @@
+/** Wire the real logical and visual popup registries without rendering geometry-dependent UI. */
+export declare function createActionAreasStores(): {
+    store: Omit<Omit<import('zustand').StoreApi<import('../types').AreasStoreStateWithActions>, "setState"> & {
+        setState<A extends string | {
+            type: unknown;
+        }>(partial: import('../types').AreasStoreStateWithActions | Partial<import('../types').AreasStoreStateWithActions> | ((state: import('../types').AreasStoreStateWithActions) => import('../types').AreasStoreStateWithActions | Partial<import('../types').AreasStoreStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+    }, "setState"> & {
+        setState(nextStateOrUpdater: import('../types').AreasStoreStateWithActions | Partial<import('../types').AreasStoreStateWithActions> | ((state: import('immer/dist/internal.js').WritableDraft<import('../types').AreasStoreStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+            type: unknown;
+        } | undefined): void;
+    };
+    popups: Omit<Omit<import('zustand').StoreApi<import('../../../../popups/components/PopupsProvider/contexts/PopupsContext/types').PopupsProviderStoreStateWithActions>, "setState"> & {
+        setState<A extends string | {
+            type: unknown;
+        }>(partial: import('../../../../popups/components/PopupsProvider/contexts/PopupsContext/types').PopupsProviderStoreStateWithActions | Partial<import('../../../../popups/components/PopupsProvider/contexts/PopupsContext/types').PopupsProviderStoreStateWithActions> | ((state: import('../../../../popups/components/PopupsProvider/contexts/PopupsContext/types').PopupsProviderStoreStateWithActions) => import('../../../../popups/components/PopupsProvider/contexts/PopupsContext/types').PopupsProviderStoreStateWithActions | Partial<import('../../../../popups/components/PopupsProvider/contexts/PopupsContext/types').PopupsProviderStoreStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+    }, "setState"> & {
+        setState(nextStateOrUpdater: import('../../../../popups/components/PopupsProvider/contexts/PopupsContext/types').PopupsProviderStoreStateWithActions | Partial<import('../../../../popups/components/PopupsProvider/contexts/PopupsContext/types').PopupsProviderStoreStateWithActions> | ((state: import('immer/dist/internal.js').WritableDraft<import('../../../../popups/components/PopupsProvider/contexts/PopupsContext/types').PopupsProviderStoreStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+            type: unknown;
+        } | undefined): void;
+    };
+};
+//# sourceMappingURL=mfActionSupport.d.ts.map

package/components/areas/contexts/AreasContext/tests/mfActionSupport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mfActionSupport.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/tests/mfActionSupport.ts"],"names":[],"mappings":"AAIA,iGAAiG;AACjG,wBAAgB,uBAAuB;;;;;;;;;;;;;;;;;;;EAoBtC"}

package/components/areas/contexts/AreasContext/useMFActionLifecycle.d.ts

@@ -0,0 +1,4 @@
+import { AreasStore } from './store';
+/** Settle correlated actions from actual registry removal, preserving existing close guards. */
+export declare function useMFActionLifecycle(store: AreasStore): void;
+//# sourceMappingURL=useMFActionLifecycle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMFActionLifecycle.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/useMFActionLifecycle.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,gGAAgG;AAChG,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,QAgErD"}

package/components/areas/contexts/AreasContext/useMFActionLifecycle.js

@@ -0,0 +1,49 @@
+import { useEffect as S } from "react";
+import { useHostTools as A } from "@m4l/core";
+import { MF_ACTION_RESULT as m, MF_ACTION_OPEN as I, MF_ACTION_REQUEST_PARAM as h } from "../../../../utils/mfActions/constants.js";
+import { completeMFAction as i, isMFActionRequest as u, matchesMFAction as F } from "../../../../utils/mfActions/mfActions.js";
+function b(n) {
+  const { events_emit: a, events_add_listener: c, events_remove_listener: d } = A();
+  S(() => {
+    const o = { events_emit: a, events_add_listener: c, events_remove_listener: d }, r = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Set(), _ = () => {
+      const e = /* @__PURE__ */ new Set();
+      for (const t of Object.values(n.getState().hashWindows)) {
+        const s = t.dynamicMFStore.getState().dynamicMFParameters?.[h];
+        u(s) && (e.add(s.requestId), r.set(s.requestId, s));
+      }
+      for (const [t, s] of r)
+        e.has(t) || (r.delete(t), f.delete(t) || i(o, s, { status: "cancelled" }));
+    }, w = (e) => {
+      if (!u(e))
+        return;
+      const t = r.get(e.requestId);
+      t && F(t, e) && e.status !== "opened" && f.add(t.requestId);
+    }, q = (e) => {
+      if (u(e?.request))
+        try {
+          if (e.window.moduleId !== e.request.moduleId || !n.getState().currentAreaId) {
+            i(o, e.request, { status: "failed", errorCode: "host_action_invalid_window" });
+            return;
+          }
+          n.getState().areaActions.addWindow(e.window), _();
+          const t = Object.values(n.getState().hashWindows).find((s) => {
+            const l = s.dynamicMFStore.getState().dynamicMFParameters?.[h];
+            return u(l) && l.requestId === e.request.requestId;
+          });
+          t ? a(m, { ...e.request, status: "opened", windowId: t.windowId }) : i(o, e.request, { status: "failed", errorCode: "host_action_open_failed" });
+        } catch {
+          i(o, e.request, { status: "failed", errorCode: "host_action_open_failed" });
+        }
+    };
+    _();
+    const M = n.subscribe(_);
+    return c(m, w), c(I, q), () => {
+      M(), d(I, q), d(m, w);
+      for (const [e, t] of r)
+        f.has(e) || i(o, t, { status: "cancelled" });
+    };
+  }, [n, a, c, d]);
+}
+export {
+  b as useMFActionLifecycle
+};

package/components/datagrids/Datagrid.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Datagrid.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/datagrids/Datagrid.styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,cAAc,EAAE,cAs7C5B,CAAC"}
+{"version":3,"file":"Datagrid.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/datagrids/Datagrid.styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,cAAc,EAAE,cAu9C5B,CAAC"}