@measured/puck 0.21.0-canary.eb8ea5ce → 0.21.0-canary.ed10e2a4

package/dist/Render-QEMDIDQC.css

@@ -1,101 +0,0 @@
-/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
-._RichTextEditor_1elol_1 .ProseMirror {
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  cursor: text;
-  outline: none;
-  position: relative;
-}
-._RichTextEditor_1elol_1 .rich-text * {
-  white-space: pre-wrap;
-  user-select: auto;
-  -webkit-user-select: auto;
-}
-._RichTextEditor_1elol_1 .rich-text blockquote {
-  margin: 1em 0;
-  padding: 0 1em;
-  border-left: 4px solid var(--puck-color-grey-09);
-}
-._RichTextEditor_1elol_1 .rich-text code {
-  background-color: var(--puck-color-grey-11);
-  padding: 4px 8px;
-  border-radius: 4px;
-}
-._RichTextEditor_1elol_1 .rich-text p:empty::before {
-  content: "\a0";
-}
-._RichTextEditor_1elol_1 .rich-text pre code {
-  display: block;
-  padding: 8px 12px;
-}
-._RichTextEditor_1elol_1 .rich-text > *:first-child,
-._RichTextEditor_1elol_1 .ProseMirror > *:first-child,
-._RichTextEditor_1elol_1 .rich-text * p:first-of-type {
-  margin-top: 0;
-}
-._RichTextEditor_1elol_1 .rich-text > *:last-child,
-._RichTextEditor_1elol_1 .ProseMirror > *:last-child,
-._RichTextEditor_1elol_1 .rich-text * p:last-of-type {
-  margin-bottom: 0;
-}
-._RichTextEditor--editor_1elol_50 {
-  background: var(--puck-color-white);
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--puck-color-grey-09);
-  border-radius: 4px;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  font-family: inherit;
-  font-size: var(--puck-font-size-xxs);
-  resize: vertical;
-  transition: border-color 50ms ease-in;
-  width: 100%;
-  max-width: 100%;
-  min-height: 128px;
-}
-._RichTextEditor--editor_1elol_50 .rich-text {
-  flex-grow: 1;
-}
-._RichTextEditor--editor_1elol_50 .rich-text:not(:has(.ProseMirror)),
-._RichTextEditor--editor_1elol_50 .rich-text .ProseMirror {
-  height: 100%;
-  padding: 12px 15px;
-}
-._RichTextEditor--editor_1elol_50 .rich-text ul,
-._RichTextEditor--editor_1elol_50 .rich-text ol {
-  padding-left: 24px;
-}
-._RichTextEditor--editor_1elol_50 .rich-text li {
-  line-height: 1.5;
-}
-._RichTextEditor--editor_1elol_50 .rich-text p {
-  margin-block: 12px;
-}
-._RichTextEditor--editor_1elol_50 .rich-text ul {
-  list-style: disc;
-}
-._RichTextEditor--editor_1elol_50 .rich-text ol {
-  list-style: decimal;
-}
-._RichTextEditor--editor_1elol_50:focus-within {
-  border-color: var(--puck-color-grey-05);
-  outline: 2px solid var(--puck-color-azure-05);
-  transition: none;
-}
-._RichTextEditor--editor_1elol_50._RichTextEditor--disabled_1elol_106 {
-  background: var(--puck-color-grey-11);
-}
-._RichTextEditor_1elol_1:not(:focus-within):not(._RichTextEditor--isActive_1elol_110) .ProseMirror ::selection {
-  background-color: transparent;
-}
-._RichTextEditor-menu_1elol_116 {
-  border-bottom: 1px solid var(--puck-color-grey-10);
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-._RichTextEditor--disabled_1elol_106 ._RichTextEditor-menu_1elol_116 {
-  border-bottom: 1px solid var(--puck-color-grey-09);
-}

package/dist/chunk-A7EMVTSK.mjs

@@ -1,413 +0,0 @@
-import {
-  defaultAppState,
-  mapFields,
-  resolveComponentData,
-  walkAppState,
-  walkTree
-} from "./chunk-YZQENDBP.mjs";
-import {
-  __async,
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  get_class_name_factory_default,
-  init_react_import,
-  styles_module_default
-} from "./chunk-GQ457KMA.mjs";
-
-// lib/migrate.ts
-init_react_import();
-var migrations = [
-  // Migrate root to root.props
-  (data) => {
-    const rootProps = data.root.props || data.root;
-    if (Object.keys(data.root).length > 0 && !data.root.props) {
-      console.warn(
-        "Migration applied: Root props moved from `root` to `root.props`."
-      );
-      return __spreadProps(__spreadValues({}, data), {
-        root: {
-          props: __spreadValues({}, rootProps)
-        }
-      });
-    }
-    return data;
-  },
-  // Migrate zones to slots
-  (data, config, migrationOptions) => {
-    var _a, _b;
-    if (!config) return data;
-    console.log("Migrating DropZones to slots...");
-    const updatedItems = {};
-    const appState = __spreadProps(__spreadValues({}, defaultAppState), { data });
-    const { indexes } = walkAppState(appState, config);
-    const deletedCompounds = [];
-    walkAppState(appState, config, (content, zoneCompound, zoneType) => {
-      var _a2, _b2, _c;
-      if (zoneType === "dropzone") {
-        const [id, slotName] = zoneCompound.split(":");
-        const nodeData = indexes.nodes[id].data;
-        const componentType = nodeData.type;
-        const configForComponent = id === "root" ? config.root : config.components[componentType];
-        if (((_b2 = (_a2 = configForComponent == null ? void 0 : configForComponent.fields) == null ? void 0 : _a2[slotName]) == null ? void 0 : _b2.type) === "slot") {
-          updatedItems[id] = __spreadProps(__spreadValues({}, nodeData), {
-            props: __spreadProps(__spreadValues(__spreadValues({}, nodeData.props), (_c = updatedItems[id]) == null ? void 0 : _c.props), {
-              [slotName]: content
-            })
-          });
-          deletedCompounds.push(zoneCompound);
-        }
-        return content;
-      }
-      return content;
-    });
-    const updated = walkAppState(
-      appState,
-      config,
-      (content) => content,
-      (item) => {
-        var _a2;
-        return (_a2 = updatedItems[item.props.id]) != null ? _a2 : item;
-      }
-    );
-    deletedCompounds.forEach((zoneCompound) => {
-      var _a2;
-      const [_, propName] = zoneCompound.split(":");
-      console.log(
-        `\u2713 Success: Migrated "${zoneCompound}" from DropZone to slot field "${propName}"`
-      );
-      (_a2 = updated.data.zones) == null ? true : delete _a2[zoneCompound];
-    });
-    if (migrationOptions == null ? void 0 : migrationOptions.migrateDynamicZonesForComponent) {
-      const unmigratedZonesGrouped = {};
-      Object.keys((_a = updated.data.zones) != null ? _a : {}).forEach((zoneCompound) => {
-        var _a2;
-        const [componentId, propName] = zoneCompound.split(":");
-        const content = (_a2 = updated.data.zones) == null ? void 0 : _a2[zoneCompound];
-        if (!content) {
-          return;
-        }
-        if (!unmigratedZonesGrouped[componentId]) {
-          unmigratedZonesGrouped[componentId] = {};
-        }
-        if (!unmigratedZonesGrouped[componentId][propName]) {
-          unmigratedZonesGrouped[componentId][propName] = content;
-        }
-      });
-      Object.keys(unmigratedZonesGrouped).forEach((componentId) => {
-        updated.data = walkTree(updated.data, config, (content) => {
-          return content.map((child) => {
-            var _a2;
-            if (child.props.id !== componentId) {
-              return child;
-            }
-            const migrateFn = (_a2 = migrationOptions == null ? void 0 : migrationOptions.migrateDynamicZonesForComponent) == null ? void 0 : _a2[child.type];
-            if (!migrateFn) {
-              return child;
-            }
-            const zones = unmigratedZonesGrouped[componentId];
-            const migratedProps = migrateFn(child.props, zones);
-            Object.keys(zones).forEach((propName) => {
-              var _a3;
-              const zoneCompound = `${componentId}:${propName}`;
-              console.log(`\u2713 Success: Migrated "${zoneCompound}" DropZone`);
-              (_a3 = updated.data.zones) == null ? true : delete _a3[zoneCompound];
-            });
-            return __spreadProps(__spreadValues({}, child), {
-              props: migratedProps
-            });
-          });
-        });
-      });
-    }
-    Object.keys((_b = updated.data.zones) != null ? _b : {}).forEach((zoneCompound) => {
-      const [_, propName] = zoneCompound.split(":");
-      throw new Error(
-        `Could not migrate DropZone "${zoneCompound}" to slot field. No slot exists with the name "${propName}".`
-      );
-    });
-    delete updated.data.zones;
-    return updated.data;
-  }
-];
-function migrate(data, config, migrationOptions) {
-  return migrations == null ? void 0 : migrations.reduce(
-    (acc, migration) => migration(acc, config, migrationOptions),
-    data
-  );
-}
-
-// lib/transform-props.ts
-init_react_import();
-
-// lib/data/default-data.ts
-init_react_import();
-var defaultData = (data) => __spreadProps(__spreadValues({}, data), {
-  root: data.root || {},
-  content: data.content || []
-});
-
-// lib/transform-props.ts
-function transformProps(data, propTransforms, config = { components: {} }) {
-  const mapItem = (item) => {
-    if (propTransforms[item.type]) {
-      return __spreadProps(__spreadValues({}, item), {
-        props: __spreadValues({
-          id: item.props.id
-        }, propTransforms[item.type](item.props))
-      });
-    }
-    return item;
-  };
-  const defaultedData = defaultData(data);
-  const rootProps = defaultedData.root.props || defaultedData.root;
-  let newRoot = __spreadValues({}, defaultedData.root);
-  if (propTransforms["root"]) {
-    newRoot.props = propTransforms["root"](rootProps);
-  }
-  const dataWithUpdatedRoot = __spreadProps(__spreadValues({}, defaultedData), { root: newRoot });
-  const updatedData = walkTree(
-    dataWithUpdatedRoot,
-    config,
-    (content) => content.map(mapItem)
-  );
-  if (!defaultedData.root.props) {
-    updatedData.root = updatedData.root.props;
-  }
-  return updatedData;
-}
-
-// lib/resolve-all-data.ts
-init_react_import();
-
-// lib/data/to-component.ts
-init_react_import();
-var toComponent = (item) => {
-  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
-    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
-    type: "root"
-  });
-};
-
-// lib/resolve-all-data.ts
-function resolveAllData(_0, _1) {
-  return __async(this, arguments, function* (data, config, metadata = {}, onResolveStart, onResolveEnd) {
-    var _a;
-    const defaultedData = defaultData(data);
-    const resolveNode = (_node) => __async(null, null, function* () {
-      const node = toComponent(_node);
-      onResolveStart == null ? void 0 : onResolveStart(node);
-      const resolved = (yield resolveComponentData(
-        node,
-        config,
-        metadata,
-        () => {
-        },
-        () => {
-        },
-        "force"
-      )).node;
-      const resolvedDeep = yield mapFields(
-        resolved,
-        { slot: ({ value }) => processContent(value) },
-        config
-      );
-      onResolveEnd == null ? void 0 : onResolveEnd(toComponent(resolvedDeep));
-      return resolvedDeep;
-    });
-    const processContent = (content) => __async(null, null, function* () {
-      return Promise.all(content.map(resolveNode));
-    });
-    const processZones = () => __async(null, null, function* () {
-      var _a2;
-      const zones = (_a2 = data.zones) != null ? _a2 : {};
-      Object.entries(zones).forEach((_02) => __async(null, [_02], function* ([zoneKey, content]) {
-        zones[zoneKey] = yield Promise.all(content.map(resolveNode));
-      }));
-      return zones;
-    });
-    const dynamic = {
-      root: yield resolveNode(defaultedData.root),
-      content: yield processContent(defaultedData.content),
-      zones: yield processZones()
-    };
-    Object.keys((_a = defaultedData.zones) != null ? _a : {}).forEach((zoneKey) => __async(null, null, function* () {
-      const content = defaultedData.zones[zoneKey];
-      dynamic.zones[zoneKey] = yield processContent(content);
-    }), {});
-    return dynamic;
-  });
-}
-
-// lib/field-transforms/use-field-transforms.tsx
-init_react_import();
-import { useMemo } from "react";
-function useFieldTransforms(config, item, transforms, readOnly, forceReadOnly) {
-  const mappers = 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 transformedProps = useMemo(() => {
-    const mapped = mapFields(item, mappers, config).props;
-    return mapped;
-  }, [config, item, mappers]);
-  const mergedProps = useMemo(
-    () => __spreadValues(__spreadValues({}, item.props), transformedProps),
-    [item.props, transformedProps]
-  );
-  return mergedProps;
-}
-
-// 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
-init_react_import();
-function useSlots(config, item, renderSlotEdit, renderSlotRender = renderSlotEdit, readOnly, forceReadOnly) {
-  return useFieldTransforms(
-    config,
-    item,
-    getSlotTransform(renderSlotEdit, renderSlotRender),
-    readOnly,
-    forceReadOnly
-  );
-}
-
-// components/RichTextEditor/lib/use-richtext-props.tsx
-init_react_import();
-import { lazy, Suspense, useMemo as useMemo2 } from "react";
-
-// components/RichTextEditor/components/RenderFallback.tsx
-init_react_import();
-import { jsx } from "react/jsx-runtime";
-var getClassName = get_class_name_factory_default("RichTextEditor", styles_module_default);
-function RichTextRenderFallback({ content }) {
-  return /* @__PURE__ */ jsx("div", { className: getClassName(), children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "rich-text",
-      dangerouslySetInnerHTML: { __html: content }
-    }
-  ) });
-}
-
-// components/RichTextEditor/lib/use-richtext-props.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function useRichtextProps(fields, props) {
-  const findAllRichtextKeys = (fields2) => {
-    if (!fields2) return [];
-    const result = [];
-    for (const [key, field] of Object.entries(fields2)) {
-      if (field.type === "richtext") {
-        result.push(key);
-      }
-    }
-    return result;
-  };
-  const richtextKeys = useMemo2(() => findAllRichtextKeys(fields), [fields]);
-  const richtextProps = useMemo2(() => {
-    if (!(richtextKeys == null ? void 0 : richtextKeys.length)) return {};
-    const RichTextRender = lazy(
-      () => import("./Render-6Q5WP25Y.mjs").then((m) => ({
-        default: m.RichTextRender
-      }))
-    );
-    return richtextKeys.reduce((acc, key) => {
-      acc[key] = /* @__PURE__ */ jsx2(Suspense, { fallback: /* @__PURE__ */ jsx2(RichTextRenderFallback, { content: props[key] }), children: /* @__PURE__ */ jsx2(
-        RichTextRender,
-        {
-          content: props[key],
-          field: fields[key]
-        }
-      ) });
-      return acc;
-    }, {});
-  }, [richtextKeys, props, fields]);
-  return richtextProps;
-}
-
-// components/SlotRender/server.tsx
-init_react_import();
-import { forwardRef } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var SlotRenderPure = (props) => /* @__PURE__ */ jsx3(SlotRender, __spreadValues({}, props));
-var Item = ({
-  config,
-  item,
-  metadata
-}) => {
-  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);
-  return /* @__PURE__ */ jsx3(
-    Component.render,
-    __spreadProps(__spreadValues(__spreadValues({}, props), richtextProps), {
-      puck: __spreadProps(__spreadValues({}, props.puck), {
-        metadata: metadata || {}
-      })
-    })
-  );
-};
-var SlotRender = forwardRef(
-  function SlotRenderInternal({ className, style, content, config, metadata, as }, ref) {
-    const El = as != null ? as : "div";
-    return /* @__PURE__ */ jsx3(El, { className, style, ref, children: content.map((item) => {
-      if (!config.components[item.type]) {
-        return null;
-      }
-      return /* @__PURE__ */ jsx3(
-        Item,
-        {
-          config,
-          item,
-          metadata
-        },
-        item.props.id
-      );
-    }) });
-  }
-);
-
-export {
-  useFieldTransforms,
-  getSlotTransform,
-  useSlots,
-  RichTextRenderFallback,
-  useRichtextProps,
-  SlotRenderPure,
-  SlotRender,
-  toComponent,
-  migrate,
-  transformProps,
-  resolveAllData
-};

package/dist/chunk-CF5XA6LF.mjs

@@ -1,103 +0,0 @@
-import {
-  __spreadValues,
-  init_react_import
-} from "./chunk-GQ457KMA.mjs";
-
-// components/RichTextEditor/extension.ts
-init_react_import();
-import { Extension } from "@tiptap/core";
-import { Blockquote } from "@tiptap/extension-blockquote";
-import { Bold } from "@tiptap/extension-bold";
-import { Code } from "@tiptap/extension-code";
-import { CodeBlock } from "@tiptap/extension-code-block";
-import { Document } from "@tiptap/extension-document";
-import { HardBreak } from "@tiptap/extension-hard-break";
-import { Heading } from "@tiptap/extension-heading";
-import { HorizontalRule } from "@tiptap/extension-horizontal-rule";
-import { Italic } from "@tiptap/extension-italic";
-import { Link } from "@tiptap/extension-link";
-import {
-  BulletList,
-  ListItem,
-  ListKeymap,
-  OrderedList
-} from "@tiptap/extension-list";
-import { Paragraph } from "@tiptap/extension-paragraph";
-import { Strike } from "@tiptap/extension-strike";
-import { Text } from "@tiptap/extension-text";
-import TextAlign from "@tiptap/extension-text-align";
-import { Underline } from "@tiptap/extension-underline";
-var defaultPuckRichTextOptions = {
-  textAlign: {
-    types: ["heading", "paragraph"]
-  }
-};
-var PuckRichText = Extension.create({
-  name: "puckRichText",
-  addExtensions() {
-    const extensions = [];
-    const options = __spreadValues(__spreadValues({}, this.options), defaultPuckRichTextOptions);
-    if (options.bold !== false) {
-      extensions.push(Bold.configure(options.bold));
-    }
-    if (options.blockquote !== false) {
-      extensions.push(Blockquote.configure(options.blockquote));
-    }
-    if (options.bulletList !== false) {
-      extensions.push(BulletList.configure(options.bulletList));
-    }
-    if (options.code !== false) {
-      extensions.push(Code.configure(options.code));
-    }
-    if (options.codeBlock !== false) {
-      extensions.push(CodeBlock.configure(options.codeBlock));
-    }
-    if (options.document !== false) {
-      extensions.push(Document.configure(options.document));
-    }
-    if (options.hardBreak !== false) {
-      extensions.push(HardBreak.configure(options.hardBreak));
-    }
-    if (options.heading !== false) {
-      extensions.push(Heading.configure(options.heading));
-    }
-    if (options.horizontalRule !== false) {
-      extensions.push(HorizontalRule.configure(options.horizontalRule));
-    }
-    if (options.italic !== false) {
-      extensions.push(Italic.configure(options.italic));
-    }
-    if (options.listItem !== false) {
-      extensions.push(ListItem.configure(options.listItem));
-    }
-    if (options.listKeymap !== false) {
-      extensions.push(ListKeymap.configure(options == null ? void 0 : options.listKeymap));
-    }
-    if (options.link !== false) {
-      extensions.push(Link.configure(options == null ? void 0 : options.link));
-    }
-    if (options.orderedList !== false) {
-      extensions.push(OrderedList.configure(options.orderedList));
-    }
-    if (options.paragraph !== false) {
-      extensions.push(Paragraph.configure(options.paragraph));
-    }
-    if (options.strike !== false) {
-      extensions.push(Strike.configure(options.strike));
-    }
-    if (options.text !== false) {
-      extensions.push(Text.configure(options.text));
-    }
-    if (options.textAlign !== false) {
-      extensions.push(TextAlign.configure(options.textAlign));
-    }
-    if (options.underline !== false) {
-      extensions.push(Underline.configure(options == null ? void 0 : options.underline));
-    }
-    return extensions;
-  }
-});
-
-export {
-  PuckRichText
-};