@omerdlw/base-framework 1.0.4 → 1.0.5

package/dist/modules/dock/index.js

@@ -635,12 +635,12 @@ var SurfaceHeaderActionStore = class {
   }
   subscribe = (listener) => this.store.subscribe(listener);
   getAction = (surfaceId) => {
-    const sId = surfaceId != null ? String(surfaceId) : "global";
+    const sId = surfaceId != null ? String(surfaceId) : "active";
     const { actionsBySurface } = this.store.getSnapshot();
-    return actionsBySurface[sId] ?? actionsBySurface.global ?? null;
+    return actionsBySurface[sId] ?? actionsBySurface.active ?? actionsBySurface.global ?? null;
   };
   setAction = (surfaceId, action) => {
-    const sId = surfaceId != null ? String(surfaceId) : "global";
+    const sId = surfaceId != null ? String(surfaceId) : "active";
     const current = this.store.getSnapshot();
     if (current.actionsBySurface[sId] === action) return;
     this.store.setState({
@@ -652,7 +652,7 @@ var SurfaceHeaderActionStore = class {
     });
   };
   removeAction = (surfaceId) => {
-    const sId = surfaceId != null ? String(surfaceId) : "global";
+    const sId = surfaceId != null ? String(surfaceId) : "active";
     const current = this.store.getSnapshot();
     if (!(sId in current.actionsBySurface)) return;
     const { [sId]: _, ...nextActions } = current.actionsBySurface;
@@ -676,17 +676,32 @@ var SurfaceExtensionsStore = class {
     this.store.setState((prev) => ({ version: prev.version + 1 }));
   };
   getExtensionsForSurface = (surfaceId) => {
-    const sId = surfaceId != null ? String(surfaceId) : "global";
+    const sId = surfaceId != null ? String(surfaceId) : "active";
     if (this.cachedListBySurface.has(sId))
       return this.cachedListBySurface.get(sId);
     const globalExts = this.extensionsBySurface.get("global");
-    const surfaceExts = this.extensionsBySurface.get(sId);
-    if (!globalExts && !surfaceExts) {
+    const activeExts = this.extensionsBySurface.get("active");
+    const surfaceExts = sId !== "global" && sId !== "active" ? this.extensionsBySurface.get(sId) : void 0;
+    let fallbackExts;
+    if (!globalExts && !activeExts && !surfaceExts && this.extensionsBySurface.size > 0) {
+      for (const map of this.extensionsBySurface.values()) {
+        if (map.size > 0) {
+          fallbackExts = map;
+          break;
+        }
+      }
+    }
+    if (!globalExts && !activeExts && !surfaceExts && !fallbackExts) {
       const empty = [];
       this.cachedListBySurface.set(sId, empty);
       return empty;
     }
-    const merged = new Map([...globalExts || [], ...surfaceExts || []]);
+    const merged = new Map([
+      ...globalExts || [],
+      ...activeExts || [],
+      ...surfaceExts || [],
+      ...fallbackExts || []
+    ]);
     const result = Array.from(merged.values()).sort(
       (a, b) => a.order - b.order
     );
@@ -697,7 +712,7 @@ var SurfaceExtensionsStore = class {
     if (!extension) return;
     const normalized = normalizeSurfaceExtension(extension);
     if (!normalized) return;
-    const sId = surfaceId != null ? String(surfaceId) : "global";
+    const sId = surfaceId != null ? String(surfaceId) : "active";
     let surfaceMap = this.extensionsBySurface.get(sId);
     if (!surfaceMap) {
       surfaceMap = /* @__PURE__ */ new Map();
@@ -711,17 +726,23 @@ var SurfaceExtensionsStore = class {
   };
   removeExtension = (surfaceId, extensionId) => {
     if (!extensionId) return;
-    const sId = surfaceId != null ? String(surfaceId) : "global";
-    const surfaceMap = this.extensionsBySurface.get(sId);
-    if (!surfaceMap || !surfaceMap.has(extensionId)) return;
-    surfaceMap.delete(extensionId);
-    if (surfaceMap.size === 0) this.extensionsBySurface.delete(sId);
-    this.notify();
+    const sId = surfaceId != null ? String(surfaceId) : "active";
+    let removed = false;
+    for (const [key, map] of this.extensionsBySurface.entries()) {
+      if (key === sId || key === "active" || key === "global") {
+        if (map.has(extensionId)) {
+          map.delete(extensionId);
+          if (map.size === 0) this.extensionsBySurface.delete(key);
+          removed = true;
+        }
+      }
+    }
+    if (removed) this.notify();
   };
   clearSurface = (surfaceId) => {
-    const sId = surfaceId != null ? String(surfaceId) : "global";
-    if (!this.extensionsBySurface.has(sId)) return;
+    const sId = surfaceId != null ? String(surfaceId) : "active";
     this.extensionsBySurface.delete(sId);
+    this.extensionsBySurface.delete("active");
     this.notify();
   };
 };
@@ -4304,7 +4325,7 @@ function useDockSurfaceControlsModel({
   const phase = propSurfacePhase ?? activeItem?.surfacePhase;
   const isBodyVisible = phase ? phase === DOCK_SURFACE_PHASE.EXPANDING_BODY || phase === DOCK_SURFACE_PHASE.OPEN : true;
   const actionStore = use(SurfaceExtensionsContext)?.headerActions ?? null;
-  const surfaceId = activeItem?.surfaceId || "global";
+  const surfaceId = activeItem?.surfaceId || "active";
   const subscribeAction = useCallback(
     (onStoreChange) => actionStore ? actionStore.subscribe(onStoreChange) : () => {
     },
@@ -4342,26 +4363,35 @@ function useDockSurfaceExtension({
   const surfaceId = useSurfaceId();
   const generatedId = useId();
   const effectiveId = id || `dock-surface-ext-${generatedId}`;
-  useEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!store) return;
-    store.setExtension(surfaceId, {
+    const extension = {
       align,
       className,
       content: children,
       id: effectiveId,
       order,
       unstyled
-    });
+    };
+    store.setExtension(surfaceId, extension);
+    if (surfaceId && surfaceId !== "active") {
+      store.setExtension("active", extension);
+    }
   });
   useEffect(() => {
     return () => {
-      if (store) store.removeExtension(surfaceId, effectiveId);
+      if (store) {
+        store.removeExtension(surfaceId, effectiveId);
+        if (surfaceId && surfaceId !== "active") {
+          store.removeExtension("active", effectiveId);
+        }
+      }
     };
   }, [store, surfaceId, effectiveId]);
 }
 function useIsSurfaceExtensionsVisible(activeItem) {
   const store = use(SurfaceExtensionsContext)?.extensions ?? null;
-  const surfaceId = activeItem?.surfaceId || "global";
+  const surfaceId = activeItem?.surfaceId || "active";
   const isSurface = Boolean(activeItem?.isSurface);
   const phase = activeItem?.surfacePhase;
   const isBodyVisible = phase === DOCK_SURFACE_PHASE.EXPANDING_BODY || phase === DOCK_SURFACE_PHASE.OPEN;
@@ -4387,7 +4417,7 @@ function useDockSurfaceExtensionsBarModel({
   activeItem
 }) {
   const store = use(SurfaceExtensionsContext)?.extensions ?? null;
-  const surfaceId = activeItem?.surfaceId || "global";
+  const surfaceId = activeItem?.surfaceId || "active";
   const subscribe2 = useCallback(
     (onStoreChange) => store ? store.subscribe(onStoreChange) : () => {
     },