@madebywild/sanity-richtext-field 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var jsxRuntime = require("react/jsx-runtime"), sanity = require("sanity"), o = require("react"), icons = require("@sanity/icons"), sanityMediaField = require("@madebywild/sanity-media-field");
+var jsxRuntime = require("react/jsx-runtime"), sanity = require("sanity"), o = require("react"), tsDeepmerge = require("ts-deepmerge"), icons = require("@sanity/icons"), sanityMediaField = require("@madebywild/sanity-media-field");
 function _interopNamespaceCompat(e) {
   if (e && typeof e == "object" && "default" in e) return e;
   var n = /* @__PURE__ */ Object.create(null);
@@ -1173,7 +1173,7 @@ const ColorText = dt.span`
   }
 `, textColor = sanity.defineField({
   type: "object",
-  name: `${typeName}.annotations.textColor`,
+  name: `${typeName}.annotation.textColor`,
   title: "Text Color",
   icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F58B}" }),
   fields: [sanity.defineField({ name: "color", type: "wild.color" })],
@@ -1191,7 +1191,7 @@ const ColorText = dt.span`
   }
 `, highlightColor = sanity.defineField({
   type: "object",
-  name: `${typeName}.annotations.highlightColor`,
+  name: `${typeName}.annotation.highlightColor`,
   title: "Highlight Color",
   icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F58D}" }),
   fields: [sanity.defineField({ name: "color", type: "wild.color" })],
@@ -1203,7 +1203,7 @@ const ColorText = dt.span`
   }
 }), link = sanity.defineField({
   type: "wild.link",
-  name: `${typeName}.annotations.link`,
+  name: `${typeName}.annotation.link`,
   title: "Link",
   icon: icons.LinkIcon,
   options: {
@@ -1212,7 +1212,7 @@ const ColorText = dt.span`
     collapsible: !1
   }
 }), annotations = [link, textColor, highlightColor], media$1 = sanity.defineArrayMember({
-  name: `${typeName}.blocks.media`,
+  name: `${typeName}.block.media`,
   type: "object",
   title: "Media Block",
   description: "Embed block video or image content.",
@@ -1241,7 +1241,7 @@ const ColorText = dt.span`
   ],
   preview: {
     select: {
-      type: "appMedia.type",
+      kind: "appMedia.kind",
       image: "appMedia.image",
       playbackId: "appMedia.video.asset.playbackId",
       thumbTime: "appMedia.video.asset.thumbTime"
@@ -1269,7 +1269,7 @@ const ColorText = dt.span`
   title: "Number",
   value: "number"
 }, lists = [bullet, number], icon = sanity.defineArrayMember({
-  name: `${typeName}.spans.icon`,
+  name: `${typeName}.span.icon`,
   type: "object",
   title: "Icon",
   description: "Insert an icon.",
@@ -1291,7 +1291,7 @@ const ColorText = dt.span`
     }
   }
 }), media = sanity.defineArrayMember({
-  name: `${typeName}.spans.media`,
+  name: `${typeName}.span.media`,
   type: "object",
   title: "Inline Media",
   description: "Embed inline video or image content.",
@@ -1350,7 +1350,7 @@ const parts = {
   spans: spans.filter(hasName),
   styles: styles.filter(hasValue),
   annotations: annotations.filter(hasName)
-}, List = makeRecord(parts.lists, "value", ""), Style = makeRecord(parts.styles, "value", ""), Decorator = makeRecord(parts.decorators, "value", ""), Span = makeRecord(parts.spans, "name", `${typeName}.spans.`), Block = makeRecord(parts.blocks, "name", `${typeName}.blocks.`), Annotation = makeRecord(parts.annotations, "name", `${typeName}.annotations.`), Part = {
+}, List = makeRecord(parts.lists, "value", ""), Style = makeRecord(parts.styles, "value", ""), Decorator = makeRecord(parts.decorators, "value", ""), Span = makeRecord(parts.spans, "name", `${typeName}.span.`), Block = makeRecord(parts.blocks, "name", `${typeName}.block.`), Annotation = makeRecord(parts.annotations, "name", `${typeName}.annotation.`), Part = {
   // Individual parts.
   List,
   Style,
@@ -1366,6 +1366,18 @@ const parts = {
   Decorators: Object.values(Decorator),
   Spans: Object.values(Span),
   Blocks: Object.values(Block)
+}, presets = {
+  basic: {
+    size: "sm",
+    initiallyActive: !0,
+    whitelist: [Part.Decorator.em, Part.Decorator.strong, Part.Annotation.link]
+  },
+  full: {
+    size: "lg",
+    initiallyActive: !1,
+    // Empty blacklist means "enable all".
+    blacklist: []
+  }
 };
 function handleListKind(entry, findNeedle) {
   const filteredList = entry.type?.options?.list?.filter((s) => findNeedle(s.value));
@@ -1380,7 +1392,9 @@ const sizeToHeightMap = {
   lg: "50vh"
 };
 function RichtextInput(props) {
-  const options = props.schemaType.options, initiallyActive = options?.initiallyActive ?? !1, height = options?.size ? sizeToHeightMap[options.size] : sizeToHeightMap.sm, whitelist = options?.whitelist, blacklist = options?.blacklist, createFilteredParts = o__namespace.useCallback(
+  const { preset, ...mainOptions } = props.schemaType.options ?? {}, presetOptions = preset ? presets[preset] : {}, options = tsDeepmerge.merge(mainOptions, presetOptions), initiallyActive = options?.initiallyActive ?? !1, height = options?.size ? sizeToHeightMap[options.size] : sizeToHeightMap.sm, whitelist = options?.whitelist, blacklist = options?.blacklist;
+  whitelist && blacklist && console.warn("Wild Sanity Rich Text Field: Both whitelist and blacklist are set. Whitelist will take precedence.");
+  const createFilteredParts = o__namespace.useCallback(
     (parts2, findNeedle) => parts2.filter((b) => {
       const needle = findNeedle(b);
       return needle ? whitelist ? whitelist.includes(needle) : blacklist ? !blacklist.includes(needle) : !1 : !0;
@@ -1450,19 +1464,7 @@ function RichtextInput(props) {
     }) })
   ] });
 }
-const presets = {
-  basic: {
-    size: "sm",
-    initiallyActive: !0,
-    whitelist: [Part.Decorator.em, Part.Decorator.strong, Part.Annotation.link]
-  },
-  full: {
-    size: "lg",
-    initiallyActive: !1,
-    // Empty blacklist means "enable all".
-    blacklist: []
-  }
-}, wildSanityRichtextFieldPlugin = sanity.definePlugin((config) => {
+const wildSanityRichtextFieldPlugin = sanity.definePlugin((config) => {
   const userSpans = config?.spans ?? [], userLists = config?.lists ?? [], userBlocks = config?.blocks ?? [], userStyles = config?.styles ?? [], userDecorators = config?.decorators ?? [], userAnnotations = config?.annotations ?? [];
   return {
     name: "@madebywild/sanity-richtext-field",
@@ -1475,10 +1477,7 @@ const presets = {
           description: "Rich text content with formatting options.",
           icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u2328\uFE0F" }),
           components: {
-            input: (props) => {
-              const options = props.schemaType.options, preset = options?.preset ? presets[options.preset] : void 0, nextProps = { ...props, schemaType: { ...props.schemaType, options: { ...preset, ...options } } };
-              return /* @__PURE__ */ jsxRuntime.jsx(RichtextInput, { ...nextProps });
-            }
+            input: (props) => /* @__PURE__ */ jsxRuntime.jsx(RichtextInput, { ...props })
           },
           of: [
             ...userBlocks,