@measured/puck 0.21.0-canary.a62292fd → 0.21.0-canary.a7a65997

package/dist/no-external.mjs

@@ -6,20 +6,24 @@ import {
   FieldLabel,
   Puck,
   Render,
+  blocksPlugin,
   createUsePuck,
+  fieldsPlugin,
+  legacySideBarPlugin,
+  outlinePlugin,
   overrideKeys,
   registerOverlayPortal,
   renderContext,
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-7GESFTRA.mjs";
-import "./chunk-2Q4PACDA.mjs";
+} from "./chunk-Q6MNES6D.mjs";
+import "./chunk-LR6HIXPR.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-Y656T6AQ.mjs";
+} from "./chunk-IQKX6A5D.mjs";
 import "./chunk-CSSRLPHM.mjs";
 import {
   Action,
@@ -29,17 +33,17 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-BSDEIOEK.mjs";
-import "./chunk-PLXSMBAA.mjs";
-import "./chunk-62AAYNXG.mjs";
-import "./chunk-QAWJTCV5.mjs";
-import "./chunk-DAQLMM2T.mjs";
-import "./chunk-QBGM4ELA.mjs";
-import "./chunk-T3WX7XJ6.mjs";
+} from "./chunk-BXQQARCR.mjs";
+import "./chunk-LJEGWHDD.mjs";
+import "./chunk-5ZZVX2Z3.mjs";
+import "./chunk-U4VSQKO3.mjs";
+import "./chunk-D2SRL6YA.mjs";
+import "./chunk-23IZFPL7.mjs";
+import "./chunk-45I5SDOI.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
-} from "./chunk-NLUHDYVR.mjs";
+} from "./chunk-B7REOAA7.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";
@@ -61,8 +65,12 @@ export {
   Render,
   RichTextMenu,
   Separator,
+  blocksPlugin,
   createUsePuck,
+  fieldsPlugin,
+  legacySideBarPlugin,
   migrate,
+  outlinePlugin,
   overrideKeys,
   registerOverlayPortal,
   renderContext,

package/dist/rsc.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } from './actions-ONhOkrvf.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CdriEzFJ.mjs';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-tsxxcX1z.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CDA3K5S3.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } from './actions-ONhOkrvf.js';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DHbAZ4wF.js';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-tsxxcX1z.js';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Bh85NMeo.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.js

@@ -529,12 +529,12 @@ var walkObject = ({
   }
   return flatten(newProps);
 };
-function mapFields(item, mappers, config, recurseSlots = false) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
   var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
   const newProps = walkObject({
-    value: defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}),
+    value: shouldDefaultSlots ? defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}) : item.props,
     fields: (_d = componentConfig == null ? void 0 : componentConfig.fields) != null ? _d : {},
     mappers,
     id: item.props ? (_e = item.props.id) != null ? _e : "root" : "root",
@@ -552,32 +552,38 @@ function mapFields(item, mappers, config, recurseSlots = false) {
   });
 }
 
+// lib/field-transforms/build-mappers.ts
+init_react_import();
+function buildMappers(transforms, readOnly, forceReadOnly) {
+  return Object.keys(transforms).reduce((acc, _fieldType) => {
+    const fieldType = _fieldType;
+    return __spreadProps(__spreadValues({}, acc), {
+      [fieldType]: (_a) => {
+        var _b = _a, {
+          parentId
+        } = _b, params = __objRest(_b, [
+          "parentId"
+        ]);
+        const wildcardPath = params.propPath.replace(/\[\d+\]/g, "[*]");
+        const isReadOnly = (readOnly == null ? void 0 : readOnly[params.propPath]) || (readOnly == null ? void 0 : readOnly[wildcardPath]) || forceReadOnly || false;
+        const fn = transforms[fieldType];
+        return fn == null ? void 0 : fn(__spreadProps(__spreadValues({}, params), {
+          isReadOnly,
+          componentId: parentId
+        }));
+      }
+    });
+  }, {});
+}
+
 // lib/field-transforms/use-field-transforms.tsx
 function useFieldTransforms(config, item, transforms, readOnly, forceReadOnly) {
-  const mappers = (0, import_react2.useMemo)(() => {
-    return Object.keys(transforms).reduce((acc, _fieldType) => {
-      const fieldType = _fieldType;
-      return __spreadProps(__spreadValues({}, acc), {
-        [fieldType]: (_a) => {
-          var _b = _a, {
-            parentId
-          } = _b, params = __objRest(_b, [
-            "parentId"
-          ]);
-          const wildcardPath = params.propPath.replace(/\[\d+\]/g, "[*]");
-          const isReadOnly = (readOnly == null ? void 0 : readOnly[params.propPath]) || (readOnly == null ? void 0 : readOnly[wildcardPath]) || forceReadOnly || false;
-          const fn = transforms[fieldType];
-          return fn == null ? void 0 : fn(__spreadProps(__spreadValues({}, params), {
-            isReadOnly,
-            componentId: parentId
-          }));
-        }
-      });
-    }, {});
-  }, [transforms, readOnly, forceReadOnly]);
+  const mappers = (0, import_react2.useMemo)(
+    () => buildMappers(transforms, readOnly, forceReadOnly),
+    [transforms, readOnly, forceReadOnly]
+  );
   const transformedProps = (0, import_react2.useMemo)(() => {
-    const mapped = mapFields(item, mappers, config).props;
-    return mapped;
+    return mapFields(item, mappers, config).props;
   }, [config, item, mappers]);
   const mergedProps = (0, import_react2.useMemo)(
     () => __spreadValues(__spreadValues({}, item.props), transformedProps),
@@ -1040,7 +1046,8 @@ init_react_import();
 var defaultViewports = [
   { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
   { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
-  { width: 1280, height: "auto", icon: "Monitor", label: "Large" }
+  { width: 1280, height: "auto", icon: "Monitor", label: "Large" },
+  { width: "100%", height: "auto", icon: "FullWidth", label: "Full-width" }
 ];
 
 // store/default-app-state.ts
@@ -1062,7 +1069,8 @@ var defaultAppState = {
       options: [],
       controlsVisible: true
     },
-    field: { focus: null }
+    field: { focus: null },
+    plugin: { current: null }
   },
   indexes: {
     nodes: {},
@@ -1110,9 +1118,28 @@ var stripSlots = (data, config) => {
 
 // lib/data/flatten-node.ts
 var { flatten: flatten2, unflatten } = import_flat.default;
+function isEmptyArrayOrObject(val) {
+  if (Array.isArray(val)) {
+    return val.length === 0;
+  }
+  if (val != null && Object.prototype.toString.call(val) === "[object Object]") {
+    return Object.keys(val).length === 0;
+  }
+  return false;
+}
+function stripEmptyObjects(props) {
+  const result = {};
+  for (const key in props) {
+    if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
+    const val = props[key];
+    if (isEmptyArrayOrObject(val)) continue;
+    result[key] = val;
+  }
+  return result;
+}
 var flattenNode = (node, config) => {
   return __spreadProps(__spreadValues({}, node), {
-    props: flatten2(stripSlots(node, config).props)
+    props: stripEmptyObjects(flatten2(stripSlots(node, config).props))
   });
 };
 

package/dist/rsc.mjs

@@ -5,9 +5,9 @@ import {
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-Y656T6AQ.mjs";
+} from "./chunk-IQKX6A5D.mjs";
 import "./chunk-CSSRLPHM.mjs";
-import "./chunk-T3WX7XJ6.mjs";
+import "./chunk-45I5SDOI.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   rootAreaId,
@@ -15,7 +15,7 @@ import {
   rootZone,
   setupZone,
   walkTree
-} from "./chunk-NLUHDYVR.mjs";
+} from "./chunk-B7REOAA7.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/dist/{walk-tree-DHbAZ4wF.d.ts → walk-tree-Bh85NMeo.d.ts}

@@ -1,4 +1,4 @@
-import { C as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-ONhOkrvf.js';
+import { C as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-tsxxcX1z.js';
 
 type MigrationOptions<UserConfig extends Config> = {
     migrateDynamicZonesForComponent?: {

package/dist/{walk-tree-CdriEzFJ.d.mts → walk-tree-CDA3K5S3.d.mts}

@@ -1,4 +1,4 @@
-import { C as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-ONhOkrvf.mjs';
+import { C as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-tsxxcX1z.mjs';
 
 type MigrationOptions<UserConfig extends Config> = {
     migrateDynamicZonesForComponent?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.21.0-canary.a62292fd",
+  "version": "0.21.0-canary.a7a65997",
   "description": "The open-source visual editor for React",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "measuredco/puck",