@measured/puck-plugin-heading-analyzer 0.16.0-canary.60fe631 → 0.16.0-canary.7c79787

package/dist/index.js

@@ -74977,34 +74977,37 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
         })
       });
     };
-    var reduceData = (data, action, config) => {
-      if (action.type === "insert") {
-        const emptyComponentData = {
-          type: action.componentType,
-          props: __spreadProps2(__spreadValues2({}, config.components[action.componentType].defaultProps || {}), {
-            id: generateId(action.componentType)
-          })
-        };
-        if (action.destinationZone === rootDroppableId2) {
-          return __spreadProps2(__spreadValues2({}, data), {
-            content: insert(
-              data.content,
-              action.destinationIndex,
-              emptyComponentData
-            )
-          });
-        }
-        const newData = setupZone2(data, action.destinationZone);
+    var insertAction = (data, action, config) => {
+      const emptyComponentData = {
+        type: action.componentType,
+        props: __spreadProps2(__spreadValues2({}, config.components[action.componentType].defaultProps || {}), {
+          id: action.id || generateId(action.componentType)
+        })
+      };
+      if (action.destinationZone === rootDroppableId2) {
         return __spreadProps2(__spreadValues2({}, data), {
-          zones: __spreadProps2(__spreadValues2({}, newData.zones), {
-            [action.destinationZone]: insert(
-              newData.zones[action.destinationZone],
-              action.destinationIndex,
-              emptyComponentData
-            )
-          })
+          content: insert(
+            data.content,
+            action.destinationIndex,
+            emptyComponentData
+          )
         });
       }
+      const newData = setupZone2(data, action.destinationZone);
+      return __spreadProps2(__spreadValues2({}, data), {
+        zones: __spreadProps2(__spreadValues2({}, newData.zones), {
+          [action.destinationZone]: insert(
+            newData.zones[action.destinationZone],
+            action.destinationIndex,
+            emptyComponentData
+          )
+        })
+      });
+    };
+    var reduceData = (data, action, config) => {
+      if (action.type === "insert") {
+        return insertAction(data, action, config);
+      }
       if (action.type === "duplicate") {
         const item = getItem2(
           { index: action.sourceIndex, zone: action.sourceZone },
@@ -75162,7 +75165,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
       return ui;
     };
     init_react_import2();
-    var storeInterceptor = (reducer2, record) => {
+    var storeInterceptor = (reducer2, record, onAction) => {
       return (state, action) => {
         const newAppState = reducer2(state, action);
         const isValidType = ![
@@ -75175,6 +75178,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
         if (typeof action.recordHistory !== "undefined" ? action.recordHistory : isValidType) {
           if (record) record(newAppState);
         }
+        onAction == null ? void 0 : onAction(action, newAppState, state);
         return newAppState;
       };
     };
@@ -75186,16 +75190,21 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
     };
     function createReducer({
       config,
-      record
+      record,
+      onAction
     }) {
-      return storeInterceptor((state, action) => {
-        const data = reduceData(state.data, action, config);
-        const ui = reduceUi(state.ui, action);
-        if (action.type === "set") {
-          return setAction(state, action);
-        }
-        return { data, ui };
-      }, record);
+      return storeInterceptor(
+        (state, action) => {
+          const data = reduceData(state.data, action, config);
+          const ui = reduceUi(state.ui, action);
+          if (action.type === "set") {
+            return setAction(state, action);
+          }
+          return { data, ui };
+        },
+        record,
+        onAction
+      );
     }
     init_react_import2();
     var flushZones = (appState) => {
@@ -75434,20 +75443,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: getClassName19("inner"), children: [
             /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: getClassName19("history"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconButton, { title: "undo", disabled: !hasPast, onClick: back, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                Undo2,
-                {
-                  size: 21,
-                  stroke: hasPast ? "var(--puck-color-black)" : "var(--puck-color-grey-08)"
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconButton, { title: "redo", disabled: !hasFuture, onClick: forward, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                Redo2,
-                {
-                  size: 21,
-                  stroke: hasFuture ? "var(--puck-color-black)" : "var(--puck-color-grey-08)"
-                }
-              ) })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconButton, { title: "undo", disabled: !hasPast, onClick: back, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Undo2, { size: 21 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconButton, { title: "redo", disabled: !hasFuture, onClick: forward, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Redo2, { size: 21 }) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: renderHeaderActions && renderHeaderActions({
               state: appState,
@@ -76783,6 +76780,36 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
         }
       );
     };
+    init_react_import2();
+    var insertComponent = (componentType, zone, index, {
+      config,
+      dispatch,
+      resolveData,
+      state
+    }) => {
+      const id = generateId(componentType);
+      const insertActionData = {
+        type: "insert",
+        componentType,
+        destinationIndex: index,
+        destinationZone: zone,
+        id
+      };
+      const insertedData = insertAction(state.data, insertActionData, config);
+      dispatch(__spreadProps2(__spreadValues2({}, insertActionData), {
+        // Dispatch insert rather set, as user's may rely on this via onAction
+        recordHistory: false
+      }));
+      const itemSelector = {
+        index,
+        zone
+      };
+      dispatch({ type: "setUi", ui: { itemSelector } });
+      resolveData({
+        data: insertedData,
+        ui: __spreadProps2(__spreadValues2({}, state.ui), { itemSelector })
+      });
+    };
     var import_jsx_runtime36 = require("react/jsx-runtime");
     var getClassName26 = get_class_name_factory_default2("Puck", styles_module_default14);
     var getLayoutClassName = get_class_name_factory_default2("PuckLayout", styles_module_default14);
@@ -76793,6 +76820,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
       ui: initialUi,
       onChange,
       onPublish,
+      onAction,
       plugins = [],
       overrides = {},
       renderHeader,
@@ -76809,7 +76837,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
       var _a3;
       const historyStore = useHistoryStore(initialHistory);
       const [reducer2] = (0, import_react30.useState)(
-        () => createReducer({ config, record: historyStore.record })
+        () => createReducer({ config, record: historyStore.record, onAction })
       );
       const [initialAppState] = (0, import_react30.useState)(() => {
         var _a22, _b2, _c, _d, _e, _f, _g;
@@ -77026,16 +77054,12 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                   }
                   if (droppedItem.source.droppableId.startsWith("component-list") && droppedItem.destination) {
                     const [_, componentType] = droppedItem.draggableId.split("::");
-                    dispatch({
-                      type: "insert",
-                      componentType: componentType || droppedItem.draggableId,
-                      destinationIndex: droppedItem.destination.index,
-                      destinationZone: droppedItem.destination.droppableId
-                    });
-                    setItemSelector({
-                      index: droppedItem.destination.index,
-                      zone: droppedItem.destination.droppableId
-                    });
+                    insertComponent(
+                      componentType || droppedItem.draggableId,
+                      droppedItem.destination.droppableId,
+                      droppedItem.destination.index,
+                      { config, dispatch, resolveData, state: appState }
+                    );
                     return;
                   } else {
                     const { source, destination } = droppedItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.16.0-canary.60fe631",
+  "version": "0.16.0-canary.7c79787",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -18,7 +18,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.16.0-canary.60fe631",
+    "@measured/puck": "^0.16.0-canary.7c79787",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",