@measured/puck 0.16.0-canary.60fe631 → 0.16.0-canary.6386bd1

package/dist/index.d.ts

@@ -207,6 +207,8 @@ type HistoryStore<D = any> = {
     setHistoryIndex: (index: number) => void;
 };
 
+type OnAction = (action: PuckAction, appState: AppState, prevAppState: AppState) => void;
+
 type PathData = Record<string, {
     path: string[];
     label: string;
@@ -263,13 +265,14 @@ type IframeConfig = {
     enabled?: boolean;
 };
 
-declare function Puck<UserConfig extends Config = Config>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, dnd, initialHistory, }: {
+declare function Puck<UserConfig extends Config = Config>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, onAction, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, dnd, initialHistory, }: {
     children?: ReactNode;
     config: UserConfig;
     data: Partial<Data>;
     ui?: Partial<UiState>;
     onChange?: (data: Data) => void;
     onPublish?: (data: Data) => void;
+    onAction?: OnAction;
     plugins?: Plugin[];
     overrides?: Partial<Overrides>;
     renderHeader?: (props: {

package/dist/index.js

@@ -31473,7 +31473,7 @@ var reduceUi = (ui, action) => {
 init_react_import();
 
 // reducer/index.ts
-var storeInterceptor = (reducer, record) => {
+var storeInterceptor = (reducer, record, onAction) => {
   return (state, action) => {
     const newAppState = reducer(state, action);
     const isValidType = ![
@@ -31486,6 +31486,7 @@ var storeInterceptor = (reducer, record) => {
     if (typeof action.recordHistory !== "undefined" ? action.recordHistory : isValidType) {
       if (record) record(newAppState);
     }
+    onAction == null ? void 0 : onAction(action, newAppState, state);
     return newAppState;
   };
 };
@@ -31497,16 +31498,21 @@ var setAction = (state, action) => {
 };
 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
+  );
 }
 
 // lib/flush-zones.ts
@@ -31767,20 +31773,8 @@ var MenuBar = ({
       },
       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,
@@ -33208,6 +33202,7 @@ function Puck({
   ui: initialUi,
   onChange,
   onPublish,
+  onAction,
   plugins = [],
   overrides = {},
   renderHeader,
@@ -33224,7 +33219,7 @@ function Puck({
   var _a;
   const historyStore = useHistoryStore(initialHistory);
   const [reducer] = (0, import_react30.useState)(
-    () => createReducer({ config, record: historyStore.record })
+    () => createReducer({ config, record: historyStore.record, onAction })
   );
   const [initialAppState] = (0, import_react30.useState)(() => {
     var _a2, _b, _c, _d, _e, _f, _g;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.16.0-canary.60fe631",
+  "version": "0.16.0-canary.6386bd1",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",