@puckeditor/core 0.23.0 → 0.24.0-canary.5d053ab9

package/dist/{Editor-44C53YAG.mjs → Editor-6FVPPPTF.mjs}

@@ -4,16 +4,16 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-WF6I3XOL.mjs";
+} from "./chunk-AXMNKNOE.mjs";
 import "./chunk-H635BA2V.mjs";
-import "./chunk-GNR2HNTB.mjs";
-import "./chunk-67Y7M4OJ.mjs";
-import "./chunk-4P4VZS4P.mjs";
-import "./chunk-NJTGWYYH.mjs";
+import "./chunk-4KR5YUJB.mjs";
+import "./chunk-QHS6M72F.mjs";
+import "./chunk-S6EKCNZI.mjs";
+import "./chunk-3RRSMHJE.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-K2LNXU54.mjs";
+} from "./chunk-J2WXVF4Z.mjs";
 import "./chunk-Z2MS6UIF.mjs";
 import "./chunk-ZRAERXB4.mjs";
 import "./chunk-Y2EFNT5P.mjs";

package/dist/{chunk-YQWFSBOU.mjs → chunk-3APNIQ4V.mjs}

@@ -267,23 +267,7 @@ function resolveAllData(_0, _1) {
   });
 }
 
-// lib/field-transforms/default-transforms/slot-transform.tsx
-init_react_import();
-var getSlotTransform = (renderSlotEdit, renderSlotRender = renderSlotEdit) => ({
-  slot: ({ value: content, propName, field, isReadOnly }) => {
-    const render = isReadOnly ? renderSlotRender : renderSlotEdit;
-    const Slot = (dzProps) => render(__spreadProps(__spreadValues({
-      allow: (field == null ? void 0 : field.type) === "slot" ? field.allow : [],
-      disallow: (field == null ? void 0 : field.type) === "slot" ? field.disallow : []
-    }, dzProps), {
-      zone: propName,
-      content
-    }));
-    return Slot;
-  }
-});
-
-// lib/use-slots.tsx
+// lib/props/render/use-render-props.tsx
 init_react_import();
 
 // lib/field-transforms/use-field-transforms.tsx
@@ -327,16 +311,21 @@ function useFieldTransforms(config, item, transforms, readOnly, forceReadOnly) {
   return mergedProps;
 }
 
-// lib/use-slots.tsx
-function useSlots(config, item, renderSlotEdit, renderSlotRender = renderSlotEdit, readOnly, forceReadOnly) {
-  return useFieldTransforms(
-    config,
-    item,
-    getSlotTransform(renderSlotEdit, renderSlotRender),
-    readOnly,
-    forceReadOnly
-  );
-}
+// lib/field-transforms/default-transforms/slot-transform.tsx
+init_react_import();
+var getSlotTransform = (renderSlotEdit, renderSlotRender = renderSlotEdit) => ({
+  slot: ({ value: content, propName, field, isReadOnly }) => {
+    const render = isReadOnly ? renderSlotRender : renderSlotEdit;
+    const Slot = (dzProps) => render(__spreadProps(__spreadValues({
+      allow: (field == null ? void 0 : field.type) === "slot" ? field.allow : [],
+      disallow: (field == null ? void 0 : field.type) === "slot" ? field.disallow : []
+    }, dzProps), {
+      zone: propName,
+      content
+    }));
+    return Slot;
+  }
+});
 
 // components/RichTextEditor/lib/use-richtext-props.tsx
 init_react_import();
@@ -381,11 +370,14 @@ var RichTextRender = lazy(
     default: m.RichTextRender
   }))
 );
-function useRichtextProps(fields, props) {
+function useRichtextProps(fields, props, fieldTransforms) {
   const findAllRichtextKeys = (fields2, path = []) => {
     if (!fields2) return [];
     const result = [];
     for (const [key, field] of Object.entries(fields2)) {
+      if (fieldTransforms == null ? void 0 : fieldTransforms[field.type]) {
+        continue;
+      }
       const currentPath = [...path, key];
       if (field.type === "richtext") {
         result.push({
@@ -402,7 +394,10 @@ function useRichtextProps(fields, props) {
     }
     return result;
   };
-  const richtextKeys = useMemo2(() => findAllRichtextKeys(fields), [fields]);
+  const richtextKeys = useMemo2(
+    () => findAllRichtextKeys(fields),
+    [fields, fieldTransforms]
+  );
   const richtextProps = useMemo2(() => {
     if (!(richtextKeys == null ? void 0 : richtextKeys.length)) return {};
     let result = __spreadValues({}, props);
@@ -421,6 +416,28 @@ function useRichtextProps(fields, props) {
   return richtextProps;
 }
 
+// lib/props/render/use-render-props.tsx
+var EMPTY_FIELD_CONFIG = {};
+function useRenderProps(config, component, renderSlot, fieldTransforms) {
+  var _a, _b;
+  const transformedProps = useFieldTransforms(
+    config,
+    component,
+    __spreadValues(__spreadValues({}, getSlotTransform(renderSlot)), fieldTransforms),
+    void 0,
+    true
+  );
+  const isRoot = !("type" in component) || component.type === "root";
+  const componentFields = isRoot ? (_a = config.root) == null ? void 0 : _a.fields : ((_b = config.components[component.type]) == null ? void 0 : _b.fields) || EMPTY_FIELD_CONFIG;
+  const richtextProps = useRichtextProps(
+    componentFields,
+    transformedProps,
+    fieldTransforms
+  );
+  return __spreadValues(__spreadValues({}, transformedProps), richtextProps);
+}
+var use_render_props_default = useRenderProps;
+
 // components/SlotRender/server.tsx
 init_react_import();
 import { forwardRef } from "react";
@@ -429,14 +446,26 @@ var SlotRenderPure = (props) => /* @__PURE__ */ jsx3(SlotRender, __spreadValues(
 var Item = ({
   config,
   item,
-  metadata
+  metadata,
+  fieldTransforms
 }) => {
   const Component = config.components[item.type];
-  const props = useSlots(config, item, (slotProps) => /* @__PURE__ */ jsx3(SlotRenderPure, __spreadProps(__spreadValues({}, slotProps), { config, metadata })));
-  const richtextProps = useRichtextProps(Component.fields, props);
+  const props = use_render_props_default(
+    config,
+    item,
+    (slotProps) => /* @__PURE__ */ jsx3(
+      SlotRenderPure,
+      __spreadProps(__spreadValues({}, slotProps), {
+        config,
+        metadata,
+        fieldTransforms
+      })
+    ),
+    fieldTransforms
+  );
   return /* @__PURE__ */ jsx3(
     Component.render,
-    __spreadProps(__spreadValues(__spreadValues({}, props), richtextProps), {
+    __spreadProps(__spreadValues({}, props), {
       puck: __spreadProps(__spreadValues({}, props.puck), {
         metadata: metadata || {}
       })
@@ -444,7 +473,7 @@ var Item = ({
   );
 };
 var SlotRender = forwardRef(
-  function SlotRenderInternal({ className, style, content, config, metadata, as }, ref) {
+  function SlotRenderInternal({ className, style, content, config, metadata, as, fieldTransforms }, ref) {
     const El = as != null ? as : "div";
     return /* @__PURE__ */ jsx3(El, { className, style, ref, children: content.map((item) => {
       if (!config.components[item.type]) {
@@ -455,7 +484,8 @@ var SlotRender = forwardRef(
         {
           config,
           item,
-          metadata
+          metadata,
+          fieldTransforms
         },
         item.props.id
       );
@@ -466,9 +496,8 @@ var SlotRender = forwardRef(
 export {
   buildMappers,
   getSlotTransform,
-  useSlots,
   RichTextRenderFallback,
-  useRichtextProps,
+  use_render_props_default,
   SlotRenderPure,
   SlotRender,
   migrate,

package/dist/{chunk-NJTGWYYH.mjs → chunk-3RRSMHJE.mjs}

@@ -2,7 +2,7 @@ import {
   List,
   ListOrdered,
   useMessage
-} from "./chunk-K2LNXU54.mjs";
+} from "./chunk-J2WXVF4Z.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-GNR2HNTB.mjs → chunk-4KR5YUJB.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-67Y7M4OJ.mjs";
+} from "./chunk-QHS6M72F.mjs";
 import {
   useHeadingOptions
-} from "./chunk-4P4VZS4P.mjs";
+} from "./chunk-S6EKCNZI.mjs";
 import {
   useListOptions
-} from "./chunk-NJTGWYYH.mjs";
+} from "./chunk-3RRSMHJE.mjs";
 import {
   Action,
   AlignCenter,
@@ -29,7 +29,7 @@ import {
   Underline,
   useControlContext,
   useMessage
-} from "./chunk-K2LNXU54.mjs";
+} from "./chunk-J2WXVF4Z.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -204,7 +204,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-SMPR6KZF.mjs").then((m) => ({
+  () => import("./loaded-PZCRIGO7.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -445,7 +445,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-JKA25A3T.mjs").then((m) => ({
+  () => import("./loaded-7OPHUKVX.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -477,7 +477,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx21 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-36WRJPBT.mjs").then((m) => ({
+  () => import("./loaded-73WW27KL.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-WF6I3XOL.mjs → chunk-AXMNKNOE.mjs}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-H635BA2V.mjs";
 import {
   LoadedRichTextMenuInner
-} from "./chunk-GNR2HNTB.mjs";
+} from "./chunk-4KR5YUJB.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-K2LNXU54.mjs";
+} from "./chunk-J2WXVF4Z.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -100,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-7ZJV44EE.mjs").then((m) => ({
+  () => import("./full-MC4TVNN7.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );