@measured/puck 0.16.0-canary.4ee30eb → 0.16.0-canary.538cb05

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { U as UiState, D as Data, A as AppState, F as Field, a as FieldProps, C as Config, b as DefaultRootProps, I as ItemSelector, c as DropZoneProps, V as Viewports, d as DefaultComponentProps, M as MappedItem, R as RootDataWithProps, e as RootData, f as ComponentData } from './Config-041c35a2.js';
+import { U as UiState, D as Data, A as AppState, I as ItemSelector, F as Field, a as FieldProps, C as Config, b as DefaultRootProps, c as DropZoneProps, V as Viewports, d as DefaultComponentProps, M as MappedItem, R as RootDataWithProps, e as RootData, f as ComponentData } from './Config-041c35a2.js';
 export { q as Adaptor, p as ArrayField, l as ArrayState, B as BaseData, m as BaseField, i as ComponentConfig, g as Content, s as CustomField, r as ExternalField, E as ExternalFieldWithAdaptor, t as Fields, k as ItemWithId, N as NumberField, O as ObjectField, P as PuckComponent, h as PuckContext, o as RadioField, j as RootDataWithoutProps, S as SelectField, T as TextField, n as TextareaField } from './Config-041c35a2.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ReactElement, CSSProperties, SyntheticEvent } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DragStart, DragUpdate } from '@measured/dnd';
 
 type InsertAction = {
@@ -64,6 +64,65 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
+type RenderFunc<Props extends {
+    [key: string]: any;
+} = {
+    children: ReactNode;
+}> = (props: Props) => ReactElement;
+declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
+type OverrideKey = (typeof overrideKeys)[number];
+type OverridesGeneric<Shape extends {
+    [key in OverrideKey]: any;
+}> = Shape;
+type Overrides = OverridesGeneric<{
+    fieldTypes: Partial<FieldRenderFunctions>;
+    header: RenderFunc<{
+        actions: ReactNode;
+        children: ReactNode;
+    }>;
+    headerActions: RenderFunc<{
+        children: ReactNode;
+    }>;
+    preview: RenderFunc;
+    fields: RenderFunc<{
+        children: ReactNode;
+        isLoading: boolean;
+        itemSelector?: ItemSelector | null;
+    }>;
+    fieldLabel: RenderFunc<{
+        children?: ReactNode;
+        icon?: ReactNode;
+        label: string;
+        el?: "label" | "div";
+        readOnly?: boolean;
+        className?: string;
+    }>;
+    components: RenderFunc;
+    componentItem: RenderFunc<{
+        children: ReactNode;
+        name: string;
+    }>;
+    outline: RenderFunc;
+    puck: RenderFunc;
+}>;
+type FieldRenderFunctions = Omit<{
+    [Type in Field["type"]]: React.FunctionComponent<FieldProps<Extract<Field, {
+        type: Type;
+    }>> & {
+        children: ReactNode;
+        name: string;
+    }>;
+}, "custom"> & {
+    [key: string]: React.FunctionComponent<FieldProps<any> & {
+        children: ReactNode;
+        name: string;
+    }>;
+};
+
+type Plugin = {
+    overrides: Partial<Overrides>;
+};
+
 declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
     children?: ReactNode;
     icon?: ReactNode;
@@ -129,6 +188,25 @@ declare const Drawer: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
+type History<D = any> = {
+    id: string;
+    data: D;
+};
+type HistoryStore<D = any> = {
+    index: number;
+    hasPast: boolean;
+    hasFuture: boolean;
+    histories: History<D>[];
+    record: (data: D) => void;
+    back: VoidFunction;
+    forward: VoidFunction;
+    currentHistory: History;
+    nextHistory: History<D> | null;
+    prevHistory: History<D> | null;
+    setHistories: (histories: History[]) => void;
+    setHistoryIndex: (index: number) => void;
+};
+
 type PathData = Record<string, {
     path: string[];
     label: string;
@@ -181,87 +259,11 @@ declare const IconButton: ({ children, href, onClick, variant, type, disabled, t
     title: string;
 }) => react_jsx_runtime.JSX.Element;
 
-type RenderFunc<Props extends {
-    [key: string]: any;
-} = {
-    children: ReactNode;
-}> = (props: Props) => ReactElement;
-declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
-type OverrideKey = (typeof overrideKeys)[number];
-type OverridesGeneric<Shape extends {
-    [key in OverrideKey]: any;
-}> = Shape;
-type Overrides = OverridesGeneric<{
-    fieldTypes: Partial<FieldRenderFunctions>;
-    header: RenderFunc<{
-        actions: ReactNode;
-        children: ReactNode;
-    }>;
-    headerActions: RenderFunc<{
-        children: ReactNode;
-    }>;
-    preview: RenderFunc;
-    fields: RenderFunc<{
-        children: ReactNode;
-        isLoading: boolean;
-        itemSelector?: ItemSelector | null;
-    }>;
-    fieldLabel: RenderFunc<{
-        children?: ReactNode;
-        icon?: ReactNode;
-        label: string;
-        el?: "label" | "div";
-        readOnly?: boolean;
-        className?: string;
-    }>;
-    components: RenderFunc;
-    componentItem: RenderFunc<{
-        children: ReactNode;
-        name: string;
-    }>;
-    outline: RenderFunc;
-    puck: RenderFunc;
-}>;
-type FieldRenderFunctions = Omit<{
-    [Type in Field["type"]]: React.FunctionComponent<FieldProps<Extract<Field, {
-        type: Type;
-    }>> & {
-        children: ReactNode;
-        name: string;
-    }>;
-}, "custom"> & {
-    [key: string]: React.FunctionComponent<FieldProps<any> & {
-        children: ReactNode;
-        name: string;
-    }>;
-};
-
-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, initialHistories, }: {
+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, }: {
     children?: ReactNode;
     config: UserConfig;
     data: Partial<Data>;
@@ -286,7 +288,7 @@ declare function Puck<UserConfig extends Config = Config>({ children, config, da
     dnd?: {
         disableAutoScroll?: boolean;
     };
-    initialHistories?: {
+    initialHistory?: {
         histories: History<any>[];
         index: number;
     };
@@ -324,20 +326,24 @@ declare function resolveAllData(data: Partial<Data>, config: Config, onResolveSt
     zones: Record<string, MappedItem[]>;
 }>;
 
-type PuckHistory = {
-    back: VoidFunction;
-    forward: VoidFunction;
-    historyStore: HistoryStore;
-};
-
 declare const usePuck: () => {
     appState: AppState;
     config: Config<Record<string, any>, DefaultRootProps, string>;
     dispatch: (action: PuckAction) => void;
-    history: Partial<PuckHistory>;
+    history: {
+        back: VoidFunction;
+        forward: VoidFunction;
+        setHistories: (histories: History<any>[]) => void;
+        setHistoryIndex: (index: number) => void;
+        hasPast: boolean;
+        hasFuture: boolean;
+        histories: History<any>[];
+        index: number;
+        historyStore: HistoryStore<any> | undefined;
+    };
     selectedItem: ComponentData<DefaultComponentProps & {
         id: string;
     }> | null;
 };
 
-export { AppState, AutoField, AutoFieldPrivate, Button, ComponentData, Config, Data, DefaultComponentProps, DefaultRootProps, Drawer, DropZone, DropZoneProvider, Field, FieldLabel, FieldLabelInternal, FieldProps, FieldPropsInternal, IconButton, MappedItem, Puck, PuckAction, Render, RootData, RootDataWithProps, UiState, dropZoneContext, migrate, resolveAllData, transformProps, usePuck };
+export { AppState, AutoField, AutoFieldPrivate, Button, ComponentData, Config, Data, DefaultComponentProps, DefaultRootProps, Drawer, DropZone, DropZoneProvider, Field, FieldLabel, FieldLabelInternal, FieldProps, FieldPropsInternal, History, IconButton, MappedItem, Plugin, Puck, PuckAction, Render, RootData, RootDataWithProps, UiState, dropZoneContext, migrate, resolveAllData, transformProps, usePuck };

package/dist/index.js

@@ -29167,6 +29167,9 @@ init_react_import();
 // types/Config.tsx
 init_react_import();
 
+// types/Plugin.ts
+init_react_import();
+
 // types/Fields.ts
 init_react_import();
 
@@ -32741,7 +32744,7 @@ var import_jsx_runtime30 = require("react/jsx-runtime");
 var styleSelector = 'style, link[rel="stylesheet"]';
 var collectStyles = (doc) => {
   const collected = [];
-  doc.head.querySelectorAll(styleSelector).forEach((style) => {
+  doc.querySelectorAll(styleSelector).forEach((style) => {
     collected.push(style);
   });
   return collected;
@@ -32765,6 +32768,14 @@ var getStyles = (styleSheet) => {
   }
   return "";
 };
+var syncAttributes = (sourceElement, targetElement) => {
+  const attributes = sourceElement.attributes;
+  if ((attributes == null ? void 0 : attributes.length) > 0) {
+    Array.from(attributes).forEach((attribute) => {
+      targetElement.setAttribute(attribute.name, attribute.value);
+    });
+  }
+};
 var defer = (fn) => setTimeout(fn, 0);
 var CopyHostStyles = ({
   children,
@@ -32882,6 +32893,10 @@ var CopyHostStyles = ({
     const collectedStyles = collectStyles(parentDocument);
     const hrefs = [];
     let stylesLoaded = 0;
+    const parentHtml = parentDocument.getElementsByTagName("html")[0];
+    syncAttributes(parentHtml, doc.documentElement);
+    const parentBody = parentDocument.getElementsByTagName("body")[0];
+    syncAttributes(parentBody, doc.body);
     Promise.all(
       collectedStyles.map((styleNode, i) => __async(void 0, null, function* () {
         if (styleNode.nodeName === "LINK") {
@@ -33266,13 +33281,33 @@ function usePuckHistory({
       historyStore.forward();
     }
   };
+  const setHistories = (histories) => {
+    var _a;
+    dispatch({
+      type: "set",
+      state: ((_a = histories[histories.length - 1]) == null ? void 0 : _a.data) || initialAppState
+    });
+    historyStore.setHistories(histories);
+  };
+  const setHistoryIndex = (index) => {
+    var _a;
+    if (historyStore.histories.length > index) {
+      dispatch({
+        type: "set",
+        state: ((_a = historyStore.histories[index]) == null ? void 0 : _a.data) || initialAppState
+      });
+      historyStore.setHistoryIndex(index);
+    }
+  };
   (0, import_react_hotkeys_hook.useHotkeys)("meta+z", back, { preventDefault: true });
   (0, import_react_hotkeys_hook.useHotkeys)("meta+shift+z", forward, { preventDefault: true });
   (0, import_react_hotkeys_hook.useHotkeys)("meta+y", forward, { preventDefault: true });
   return {
     back,
     forward,
-    historyStore
+    historyStore,
+    setHistories,
+    setHistoryIndex
   };
 }
 
@@ -33281,13 +33316,17 @@ init_react_import();
 var import_react27 = require("react");
 var import_use_debounce3 = require("use-debounce");
 var EMPTY_HISTORY_INDEX = -1;
-function useHistoryStore(initialHistories) {
+function useHistoryStore(initialHistory) {
   var _a, _b;
   const [histories, setHistories] = (0, import_react27.useState)(
-    (_a = initialHistories == null ? void 0 : initialHistories.histories) != null ? _a : []
+    (_a = initialHistory == null ? void 0 : initialHistory.histories) != null ? _a : []
   );
+  const updateHistories = (histories2) => {
+    setHistories(histories2);
+    setIndex(histories2.length - 1);
+  };
   const [index, setIndex] = (0, import_react27.useState)(
-    (_b = initialHistories == null ? void 0 : initialHistories.index) != null ? _b : EMPTY_HISTORY_INDEX
+    (_b = initialHistory == null ? void 0 : initialHistory.index) != null ? _b : EMPTY_HISTORY_INDEX
   );
   const hasPast = index > EMPTY_HISTORY_INDEX;
   const hasFuture = index < histories.length - 1;
@@ -33299,11 +33338,7 @@ function useHistoryStore(initialHistories) {
       data,
       id: generateId("history")
     };
-    setHistories((prev) => {
-      const newVal = [...prev.slice(0, index + 1), history];
-      setIndex(newVal.length - 1);
-      return newVal;
-    });
+    updateHistories([...histories.slice(0, index + 1), history]);
   }, 250);
   const back = () => {
     setIndex(index - 1);
@@ -33321,7 +33356,9 @@ function useHistoryStore(initialHistories) {
     forward,
     nextHistory,
     prevHistory,
-    histories
+    histories,
+    setHistories: updateHistories,
+    setHistoryIndex: setIndex
   };
 }
 
@@ -33766,10 +33803,10 @@ function Puck({
     enabled: true
   },
   dnd,
-  initialHistories
+  initialHistory
 }) {
   var _a;
-  const historyStore = useHistoryStore(initialHistories);
+  const historyStore = useHistoryStore(initialHistory);
   const [reducer] = (0, import_react30.useState)(
     () => createReducer({ config, record: historyStore.record })
   );
@@ -34325,7 +34362,17 @@ var usePuck = () => {
     appState,
     config,
     dispatch,
-    history,
+    history: {
+      back: history.back,
+      forward: history.forward,
+      setHistories: history.setHistories,
+      setHistoryIndex: history.setHistoryIndex,
+      hasPast: history.historyStore.hasPast,
+      hasFuture: history.historyStore.hasFuture,
+      histories: history.historyStore.histories,
+      index: history.historyStore.index,
+      historyStore: history.historyStore
+    },
     selectedItem: selectedItem || null
   };
 };

package/package.json

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