@measured/puck 0.16.0-canary.cad95b8 → 0.16.0-canary.d08a794

package/dist/{Config-DCrYvDkL.d.ts → Config-CkVFT1_w.d.ts}

@@ -184,6 +184,12 @@ type ComponentConfig<ComponentProps extends DefaultComponentProps = DefaultCompo
         props?: Partial<ComponentProps>;
         readOnly?: Partial<Record<keyof ComponentProps, boolean>>;
     };
+    resolvePermissions?: (data: DataShape, params: {
+        changed: Partial<Record<keyof ComponentProps, boolean>>;
+        lastPermissions: Partial<Permissions> | undefined;
+        initialPermissions: Partial<Permissions>;
+        appState: AppState;
+    }) => Partial<Permissions>;
 };
 type Category<ComponentName> = {
     components?: ComponentName[];

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { U as UiState, D as Data, A as AppState, I as ItemSelector, F as Field, a as FieldProps, C as Config, b as DropZoneProps, P as Permissions, V as Viewports, c as DefaultComponentProps, d as DefaultRootProps, M as MappedItem, R as RootData, e as RootDataWithProps, f as ComponentData } from './Config-DCrYvDkL.js';
-export { r as Adaptor, q as ArrayField, m as ArrayState, B as BaseData, n as BaseField, j as ComponentConfig, g as Content, t as CustomField, s as ExternalField, E as ExternalFieldWithAdaptor, u as Fields, l as ItemWithId, N as NumberField, O as ObjectField, h as PuckComponent, i as PuckContext, p as RadioField, k as RootDataWithoutProps, S as SelectField, T as TextField, o as TextareaField } from './Config-DCrYvDkL.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 DropZoneProps, P as Permissions, V as Viewports, c as DefaultComponentProps, d as DefaultRootProps, M as MappedItem, R as RootData, e as RootDataWithProps, f as ComponentData } from './Config-CkVFT1_w.js';
+export { r as Adaptor, q as ArrayField, m as ArrayState, B as BaseData, n as BaseField, j as ComponentConfig, g as Content, t as CustomField, s as ExternalField, E as ExternalFieldWithAdaptor, u as Fields, l as ItemWithId, N as NumberField, O as ObjectField, h as PuckComponent, i as PuckContext, p as RadioField, k as RootDataWithoutProps, S as SelectField, T as TextField, o as TextareaField } from './Config-CkVFT1_w.js';
 import * as react from 'react';
 import { ReactNode, ReactElement, SyntheticEvent, CSSProperties } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -107,6 +107,10 @@ type Overrides = OverridesGeneric<{
         children: ReactNode;
         name: string;
     }>;
+    iframe: RenderFunc<{
+        children: ReactNode;
+        document?: Document;
+    }>;
     outline: RenderFunc;
     puck: RenderFunc;
 }>;

package/dist/index.js

@@ -30539,18 +30539,77 @@ var useLoadedOverrides = ({
 
 // lib/get-permissions.ts
 init_react_import();
+
+// lib/get-changed.ts
+init_react_import();
+var getChanged = (newItem, oldItem) => {
+  return newItem ? Object.keys(newItem.props || {}).reduce((acc, item) => {
+    const newItemProps = (newItem == null ? void 0 : newItem.props) || {};
+    const oldItemProps = (oldItem == null ? void 0 : oldItem.props) || {};
+    return __spreadProps(__spreadValues({}, acc), {
+      [item]: oldItemProps[item] !== newItemProps[item]
+    });
+  }, {}) : {};
+};
+
+// lib/resolve-permissions.ts
+init_react_import();
+var resolvePermissions = ({
+  selectedItem,
+  config,
+  changed,
+  lastPermissions,
+  initialPermissions,
+  appState
+}) => {
+  const componentConfig = selectedItem ? config.components[selectedItem.type] : null;
+  if (selectedItem && (componentConfig == null ? void 0 : componentConfig.resolvePermissions)) {
+    return componentConfig.resolvePermissions(selectedItem, {
+      changed,
+      lastPermissions,
+      initialPermissions,
+      appState
+    });
+  }
+  return {};
+};
+
+// lib/get-permissions.ts
+var cache = { lastPermissions: {}, lastSelected: {} };
 var getPermissions = ({
   selectedItem,
   type,
   globalPermissions,
-  config
+  config,
+  appState
 }) => {
   const componentType = type || selectedItem && selectedItem.type || "";
+  const componentId = selectedItem && selectedItem.props.id || "";
   let componentPermissions = getInitialPermissions({
     componentType,
     config,
     globalPermissions
   });
+  const changed = getChanged(selectedItem, cache.lastSelected);
+  if (Object.values(changed).some((el) => el === true)) {
+    const resolvedPermissions = resolvePermissions({
+      selectedItem,
+      config,
+      changed,
+      lastPermissions: cache.lastPermissions[componentId] || componentPermissions,
+      initialPermissions: componentPermissions,
+      appState
+    });
+    if (resolvedPermissions !== void 0) {
+      componentPermissions = __spreadValues(__spreadValues({}, componentPermissions), resolvedPermissions);
+    }
+    cache.lastSelected = selectedItem;
+    cache.lastPermissions[componentId] = componentPermissions;
+    return componentPermissions;
+  }
+  if (Object.keys(componentId && cache.lastPermissions[componentId]).length !== 0) {
+    componentPermissions = cache.lastPermissions[componentId];
+  }
   return componentPermissions;
 };
 var getInitialPermissions = ({
@@ -30602,7 +30661,8 @@ var DraggableComponent = ({
     plugins,
     selectedItem,
     config,
-    globalPermissions
+    globalPermissions,
+    state
   } = useAppContext();
   const isModifierHeld = useModifierHeld("Alt");
   const El = status !== "LOADING" ? import_dnd4.Draggable : DefaultDraggable;
@@ -30624,7 +30684,8 @@ var DraggableComponent = ({
   const permissions = selectedItem && getPermissions({
     selectedItem,
     globalPermissions: globalPermissions || {},
-    config
+    config,
+    appState: state
   });
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     El,
@@ -30979,7 +31040,8 @@ function DropZoneEdit({ zone, allow, disallow, style }) {
                         appContext2.state.data
                       ),
                       config: appContext2.config,
-                      globalPermissions: appContext2.globalPermissions || {}
+                      globalPermissions: appContext2.globalPermissions || {},
+                      appState: appContext2.state
                     }).drag;
                     return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                       "div",
@@ -31689,21 +31751,7 @@ var import_react20 = require("react");
 
 // lib/resolve-component-data.ts
 init_react_import();
-
-// lib/get-changed.ts
-init_react_import();
-var getChanged = (newItem, oldItem) => {
-  return newItem ? Object.keys(newItem.props || {}).reduce((acc, item) => {
-    const newItemProps = (newItem == null ? void 0 : newItem.props) || {};
-    const oldItemProps = (oldItem == null ? void 0 : oldItem.props) || {};
-    return __spreadProps(__spreadValues({}, acc), {
-      [item]: oldItemProps[item] !== newItemProps[item]
-    });
-  }, {}) : {};
-};
-
-// lib/resolve-component-data.ts
-var cache = { lastChange: {} };
+var cache2 = { lastChange: {} };
 var resolveAllComponentData = (content, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
   return yield Promise.all(
     content.map((item) => __async(void 0, null, function* () {
@@ -31719,7 +31767,7 @@ var resolveAllComponentData = (content, config, onResolveStart, onResolveEnd) =>
 var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
   const configForItem = config.components[item.type];
   if (configForItem.resolveData) {
-    const { item: oldItem = {}, resolved = {} } = cache.lastChange[item.props.id] || {};
+    const { item: oldItem = {}, resolved = {} } = cache2.lastChange[item.props.id] || {};
     if (item && item === oldItem) {
       return resolved;
     }
@@ -31736,7 +31784,7 @@ var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __asy
     if (Object.keys(newReadOnly).length) {
       resolvedItem.readOnly = newReadOnly;
     }
-    cache.lastChange[item.props.id] = {
+    cache2.lastChange[item.props.id] = {
       item,
       resolved: resolvedItem
     };
@@ -31768,20 +31816,20 @@ var applyDynamicProps = (data, dynamicProps, rootData) => {
 
 // lib/resolve-root-data.ts
 init_react_import();
-var cache2 = {};
+var cache3 = {};
 var resolveRootData = (data, config) => __async(void 0, null, function* () {
   var _a, _b, _c, _d, _e;
   if (((_a = config.root) == null ? void 0 : _a.resolveData) && data.root.props) {
-    if (((_b = cache2.lastChange) == null ? void 0 : _b.original) === data.root) {
-      return cache2.lastChange.resolved;
+    if (((_b = cache3.lastChange) == null ? void 0 : _b.original) === data.root) {
+      return cache3.lastChange.resolved;
     }
-    const changed = getChanged(data.root, (_c = cache2.lastChange) == null ? void 0 : _c.original);
+    const changed = getChanged(data.root, (_c = cache3.lastChange) == null ? void 0 : _c.original);
     const rootWithProps = data.root;
     const resolvedRoot = yield (_e = config.root) == null ? void 0 : _e.resolveData(rootWithProps, {
       changed,
-      lastData: ((_d = cache2.lastChange) == null ? void 0 : _d.original) || {}
+      lastData: ((_d = cache3.lastChange) == null ? void 0 : _d.original) || {}
     });
-    cache2.lastChange = {
+    cache3.lastChange = {
       original: data.root,
       resolved: resolvedRoot
     };
@@ -32116,7 +32164,8 @@ var Fields = () => {
             const { edit } = getPermissions({
               selectedItem,
               config,
-              globalPermissions: globalPermissions || {}
+              globalPermissions: globalPermissions || {},
+              appState: state
             });
             return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               AutoFieldPrivate,
@@ -32174,11 +32223,12 @@ var ComponentListItem = ({
   label,
   index
 }) => {
-  const { overrides, config, globalPermissions } = useAppContext();
+  const { overrides, config, globalPermissions, state } = useAppContext();
   const canInsert = getPermissions({
     type: name,
     config,
-    globalPermissions: globalPermissions || {}
+    globalPermissions: globalPermissions || {},
+    appState: state
   }).insert;
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     Drawer.Item,
@@ -32540,10 +32590,11 @@ init_react_import();
 var styles_module_default18 = { "PuckPreview": "_PuckPreview_rxwlr_1", "PuckPreview-frame": "_PuckPreview-frame_rxwlr_5" };
 
 // components/Puck/components/Preview/index.tsx
+var import_react_frame_component2 = require("react-frame-component");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var getClassName23 = get_class_name_factory_default("PuckPreview", styles_module_default18);
 var Preview = ({ id = "puck-preview" }) => {
-  const { config, dispatch, state, setStatus, iframe } = useAppContext();
+  const { config, dispatch, state, setStatus, iframe, overrides } = useAppContext();
   const Page = (0, import_react25.useCallback)(
     (pageProps) => {
       var _a, _b;
@@ -32557,6 +32608,7 @@ var Preview = ({ id = "puck-preview" }) => {
     },
     [config.root]
   );
+  const Frame2 = (0, import_react25.useMemo)(() => overrides.iframe || "div", [overrides]);
   const rootProps = state.data.root.props || state.data.root;
   const ref = (0, import_react25.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
@@ -32577,7 +32629,9 @@ var Preview = ({ id = "puck-preview" }) => {
           onStylesLoaded: () => {
             setStatus("READY");
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Page, __spreadProps(__spreadValues({ dispatch, state }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropZone, { zone: rootDroppableId }) }))
+          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_frame_component2.FrameContextConsumer, { children: ({ document: document2 }) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Frame2, { document: document2, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Page, __spreadProps(__spreadValues({ dispatch, state }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropZone, { zone: rootDroppableId }) })) });
+          } })
         }
       ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { id: "preview-frame", className: getClassName23("frame"), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Page, __spreadProps(__spreadValues({ dispatch, state }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropZone, { zone: rootDroppableId }) })) })
     }
@@ -33953,7 +34007,8 @@ var usePuck = () => {
         selectedItem: item || currentItem,
         type,
         globalPermissions: globalPermissions || {},
-        config
+        config,
+        appState
       });
     },
     history: {

package/dist/rsc.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, D as Data } from './Config-DCrYvDkL.js';
+import { C as Config, D as Data } from './Config-CkVFT1_w.js';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config>({ config, data, }: {

package/package.json

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