@measured/puck 0.18.0-canary.df3d1c2 → 0.18.0-canary.e2139f5

package/dist/index.d.mts

@@ -100,7 +100,8 @@ type DropZoneContext<UserConfig extends Config = Config> = {
     unregisterZone?: (zoneCompound: string) => void;
     activeZones?: Record<string, boolean>;
     pathData?: PathData;
-    registerPath?: (selector: ItemSelector) => void;
+    registerPath?: (id: string, selector: ItemSelector, label: string) => void;
+    unregisterPath?: (id: string) => void;
     mode?: "edit" | "render";
     depth: number;
     registerLocalZone?: (zone: string, active: boolean) => void;

package/dist/index.d.ts

@@ -100,7 +100,8 @@ type DropZoneContext<UserConfig extends Config = Config> = {
     unregisterZone?: (zoneCompound: string) => void;
     activeZones?: Record<string, boolean>;
     pathData?: PathData;
-    registerPath?: (selector: ItemSelector) => void;
+    registerPath?: (id: string, selector: ItemSelector, label: string) => void;
+    unregisterPath?: (id: string) => void;
     mode?: "edit" | "render";
     depth: number;
     registerLocalZone?: (zone: string, active: boolean) => void;

package/dist/index.js

@@ -3256,13 +3256,19 @@ var DraggableComponent = ({
     }
   }, [ref.current]);
   (0, import_react23.useEffect)(() => {
-    if (isSelected) {
-      ctx == null ? void 0 : ctx.registerPath({
+    ctx == null ? void 0 : ctx.registerPath(
+      id,
+      {
         index,
         zone: zoneCompound
-      });
-    }
-  }, [isSelected]);
+      },
+      componentType
+    );
+    return () => {
+      var _a;
+      (_a = ctx == null ? void 0 : ctx.unregisterPath) == null ? void 0 : _a.call(ctx, id);
+    };
+  }, [id, zoneCompound, index, componentType]);
   const CustomActionBar = (0, import_react23.useMemo)(
     () => overrides.actionBar || DefaultActionBar,
     [overrides.actionBar]
@@ -5044,27 +5050,33 @@ var DragDropContextClient = ({
   const [pathData, setPathData] = (0, import_react31.useState)();
   const dragMode = (0, import_react31.useRef)(null);
   const registerPath = (0, import_react31.useCallback)(
-    (selector) => {
-      const item = getItem(selector, data);
-      if (!item) {
-        return;
-      }
+    (id2, selector, label) => {
       const [area] = getZoneId(selector.zone);
       setPathData((latestPathData = {}) => {
         const parentPathData = latestPathData[area] || { path: [] };
         return __spreadProps(__spreadValues({}, latestPathData), {
-          [item.props.id]: {
+          [id2]: {
             path: [
               ...parentPathData.path,
               ...selector.zone ? [selector.zone] : []
             ],
-            label: item.type
+            label
           }
         });
       });
     },
     [data, setPathData]
   );
+  const unregisterPath = (0, import_react31.useCallback)(
+    (id2) => {
+      setPathData((latestPathData = {}) => {
+        const newPathData = __spreadValues({}, latestPathData);
+        delete newPathData[id2];
+        return newPathData;
+      });
+    },
+    [data, setPathData]
+  );
   const initialSelector = (0, import_react31.useRef)(void 0);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { id, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     dragListenerContext.Provider,
@@ -5261,6 +5273,7 @@ var DragDropContextClient = ({
                 areaId: "root",
                 depth: 0,
                 registerPath,
+                unregisterPath,
                 pathData,
                 path: []
               },

package/dist/index.mjs

@@ -3099,13 +3099,19 @@ var DraggableComponent = ({
     }
   }, [ref.current]);
   useEffect10(() => {
-    if (isSelected) {
-      ctx == null ? void 0 : ctx.registerPath({
+    ctx == null ? void 0 : ctx.registerPath(
+      id,
+      {
         index,
         zone: zoneCompound
-      });
-    }
-  }, [isSelected]);
+      },
+      componentType
+    );
+    return () => {
+      var _a;
+      (_a = ctx == null ? void 0 : ctx.unregisterPath) == null ? void 0 : _a.call(ctx, id);
+    };
+  }, [id, zoneCompound, index, componentType]);
   const CustomActionBar = useMemo7(
     () => overrides.actionBar || DefaultActionBar,
     [overrides.actionBar]
@@ -4896,27 +4902,33 @@ var DragDropContextClient = ({
   const [pathData, setPathData] = useState17();
   const dragMode = useRef3(null);
   const registerPath = useCallback11(
-    (selector) => {
-      const item = getItem(selector, data);
-      if (!item) {
-        return;
-      }
+    (id2, selector, label) => {
       const [area] = getZoneId(selector.zone);
       setPathData((latestPathData = {}) => {
         const parentPathData = latestPathData[area] || { path: [] };
         return __spreadProps(__spreadValues({}, latestPathData), {
-          [item.props.id]: {
+          [id2]: {
             path: [
               ...parentPathData.path,
               ...selector.zone ? [selector.zone] : []
             ],
-            label: item.type
+            label
           }
         });
       });
     },
     [data, setPathData]
   );
+  const unregisterPath = useCallback11(
+    (id2) => {
+      setPathData((latestPathData = {}) => {
+        const newPathData = __spreadValues({}, latestPathData);
+        delete newPathData[id2];
+        return newPathData;
+      });
+    },
+    [data, setPathData]
+  );
   const initialSelector = useRef3(void 0);
   return /* @__PURE__ */ jsx23("div", { id, children: /* @__PURE__ */ jsx23(
     dragListenerContext.Provider,
@@ -5113,6 +5125,7 @@ var DragDropContextClient = ({
                 areaId: "root",
                 depth: 0,
                 registerPath,
+                unregisterPath,
                 pathData,
                 path: []
               },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.18.0-canary.df3d1c2",
+  "version": "0.18.0-canary.e2139f5",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",