@measured/puck 0.15.1-canary.fb9aa4e → 0.16.0-canary.0c7fc83

package/dist/index.d.ts

@@ -240,11 +240,28 @@ type Plugin = {
     overrides: Partial<Overrides>;
 };
 
+type History<D = any> = {
+    id: string;
+    data: D;
+};
+type HistoryStore<D = any> = {
+    index: number;
+    currentHistory: History;
+    hasPast: boolean;
+    hasFuture: boolean;
+    record: (data: D) => void;
+    back: VoidFunction;
+    forward: VoidFunction;
+    nextHistory: History<D> | null;
+    prevHistory: History<D> | null;
+    histories: History<D>[];
+};
+
 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, }: {
+declare function Puck<UserConfig extends Config = Config>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, dnd, initialHistories, }: {
     children?: ReactNode;
     config: UserConfig;
     data: Partial<Data>;
@@ -269,6 +286,10 @@ declare function Puck<UserConfig extends Config = Config>({ children, config, da
     dnd?: {
         disableAutoScroll?: boolean;
     };
+    initialHistories?: {
+        histories: History<any>[];
+        index: number;
+    };
 }): react_jsx_runtime.JSX.Element;
 declare namespace Puck {
     var Components: () => react_jsx_runtime.JSX.Element;
@@ -303,23 +324,6 @@ declare function resolveAllData(data: Partial<Data>, config: Config, onResolveSt
     zones: Record<string, MappedItem[]>;
 }>;
 
-type History<D = any> = {
-    id: string;
-    data: D;
-};
-type HistoryStore<D = any> = {
-    index: number;
-    currentHistory: History;
-    hasPast: boolean;
-    hasFuture: boolean;
-    record: (data: D) => void;
-    back: VoidFunction;
-    forward: VoidFunction;
-    nextHistory: History<D> | null;
-    prevHistory: History<D> | null;
-    histories: History<D>[];
-};
-
 type PuckHistory = {
     back: VoidFunction;
     forward: VoidFunction;

package/dist/index.js

@@ -31408,6 +31408,8 @@ function DropZoneEdit({ zone, allow, disallow, style }) {
                       "No configuration for ",
                       item.type
                     ] });
+                    const componentConfig = config.components[item.type];
+                    const label = (_b = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _b : item.type.toString();
                     return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                       "div",
                       {
@@ -31423,7 +31425,7 @@ function DropZoneEdit({ zone, allow, disallow, style }) {
                               children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                                 DraggableComponent,
                                 {
-                                  label: (_b = config.components[item.type]["label"]) != null ? _b : item.type.toString(),
+                                  label,
                                   id: `draggable-${componentId}`,
                                   index: i,
                                   isSelected,
@@ -33080,6 +33082,8 @@ var LayerTree = ({
         const selectedItem = itemSelector && data ? getItem(itemSelector, data) : null;
         const isHovering = hoveringComponent === item.props.id;
         const childIsSelected = isChildOfZone(item, selectedItem, ctx);
+        const componentConfig = config.components[item.type];
+        const label2 = (_a = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _a : item.type.toString();
         return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           "li",
           {
@@ -33132,7 +33136,7 @@ var LayerTree = ({
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: getClassNameLayer("title"), children: [
                       /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: getClassNameLayer("icon"), children: item.type === "Text" || item.type === "Heading" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Type, { size: "16" }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LayoutGrid, { size: "16" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: getClassNameLayer("name"), children: (_a = config.components[item.type]["label"]) != null ? _a : item.type })
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: getClassNameLayer("name"), children: label2 })
                     ] })
                   ]
                 }
@@ -33277,9 +33281,14 @@ init_react_import();
 var import_react27 = require("react");
 var import_use_debounce3 = require("use-debounce");
 var EMPTY_HISTORY_INDEX = -1;
-function useHistoryStore() {
-  const [histories, setHistories] = (0, import_react27.useState)([]);
-  const [index, setIndex] = (0, import_react27.useState)(EMPTY_HISTORY_INDEX);
+function useHistoryStore(initialHistories) {
+  var _a, _b;
+  const [histories, setHistories] = (0, import_react27.useState)(
+    (_a = initialHistories == null ? void 0 : initialHistories.histories) != null ? _a : []
+  );
+  const [index, setIndex] = (0, import_react27.useState)(
+    (_b = initialHistories == null ? void 0 : initialHistories.index) != null ? _b : EMPTY_HISTORY_INDEX
+  );
   const hasPast = index > EMPTY_HISTORY_INDEX;
   const hasFuture = index < histories.length - 1;
   const currentHistory = histories[index];
@@ -33756,10 +33765,11 @@ function Puck({
   iframe = {
     enabled: true
   },
-  dnd
+  dnd,
+  initialHistories
 }) {
   var _a;
-  const historyStore = useHistoryStore();
+  const historyStore = useHistoryStore(initialHistories);
   const [reducer] = (0, import_react30.useState)(
     () => createReducer({ config, record: historyStore.record })
   );
@@ -33941,6 +33951,8 @@ function Puck({
   (0, import_react30.useEffect)(() => {
     setMounted(true);
   }, []);
+  const selectedComponentConfig = selectedItem && config.components[selectedItem.type];
+  const selectedComponentLabel = selectedItem ? (_a = selectedComponentConfig == null ? void 0 : selectedComponentConfig["label"]) != null ? _a : selectedItem.type.toString() : "";
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: `Puck ${getClassName26()}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       AppProvider,
@@ -34149,7 +34161,7 @@ function Puck({
                           noPadding: true,
                           noBorderTop: true,
                           showBreadcrumbs: true,
-                          title: selectedItem ? (_a = config.components[selectedItem.type]["label"]) != null ? _a : selectedItem.type : "Page",
+                          title: selectedItem ? selectedComponentLabel : "Page",
                           children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Fields, {})
                         }
                       ) })

package/package.json

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