@madebywild/sanity-link-field 0.2.3 → 0.2.4

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var jsxRuntime = require("react/jsx-runtime"), sanityUtils = require("@madebywild/sanity-utils"), sanity = require("sanity"), asyncAutocomplete = require("@madebywild/sanity-utils/async-autocomplete"), ui = require("@sanity/ui"), changeCase = require("change-case"), React = require("react");
+var jsxRuntime = require("react/jsx-runtime"), sanityUtils = require("@madebywild/sanity-utils"), sanity = require("sanity"), compilerRuntime = require("react/compiler-runtime"), asyncAutocomplete = require("@madebywild/sanity-utils/async-autocomplete"), ui = require("@sanity/ui"), changeCase = require("change-case"), React = require("react");
 function _interopNamespaceCompat(e) {
   if (e && typeof e == "object" && "default" in e) return e;
   var n = /* @__PURE__ */ Object.create(null);
@@ -18,8 +18,11 @@ function _interopNamespaceCompat(e) {
 }
 var changeCase__namespace = /* @__PURE__ */ _interopNamespaceCompat(changeCase), React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
 function FieldInput(props) {
-  const options = props.schemaType.options;
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 4, children: props.members.map((member) => member.kind !== "field" || options?.noCustomText && member.name === "customText" ? null : /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member, ...props }, member.key)) });
+  const $ = compilerRuntime.c(5), options = props.schemaType.options;
+  let t0;
+  $[0] !== options?.noCustomText || $[1] !== props ? (t0 = props.members.map((member) => member.kind !== "field" || options?.noCustomText && member.name === "customText" ? null : /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member, ...props }, member.key)), $[0] = options?.noCustomText, $[1] = props, $[2] = t0) : t0 = $[2];
+  let t1;
+  return $[3] !== t0 ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 4, children: t0 }), $[3] = t0, $[4] = t1) : t1 = $[4], t1;
 }
 const SectionsQuery = `
   *[_id == $pageId && defined(pageBuilder.sectionsArray)][0]{
@@ -34,24 +37,27 @@ function InternalLinkInput(props) {
   React__namespace.useEffect(() => {
     !selectedLink?._ref && selectedSection !== void 0 && props.onChange(sanity.unset(["sectionTarget"]));
   }, [selectedLink, selectedSection, props.onChange]);
-  const client = sanity.useClient({ apiVersion: "2025-10-21" }), fetchSections = React__namespace.useCallback(() => selectedLink?._ref ? client.fetch(SectionsQuery, { pageId: selectedLink._ref }).catch(() => []) : [], [client, selectedLink, SectionsQuery]);
+  const client = sanity.useClient({
+    apiVersion: "2025-10-21"
+  }), fetchSections = React__namespace.useCallback(async () => {
+    if (!selectedLink?._ref) return [];
+    try {
+      return await client.fetch(SectionsQuery, {
+        pageId: selectedLink._ref
+      });
+    } catch {
+      return [];
+    }
+  }, [client, selectedLink?._ref]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
     linkFieldMember && /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member: linkFieldMember, ...props }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      asyncAutocomplete.AsyncAutocomplete,
-      {
-        placeholder: "Select section",
-        noOptionsPlaceholder: "No sections found",
-        listItems: fetchSections,
-        value: selectedSection,
-        renderValue: (value, opt) => opt?.label ? changeCase__namespace.capitalCase(opt.label) : value,
-        onChange: (value) => {
-          const next = value ? sanity.set(value, ["sectionTarget"]) : sanity.unset(["sectionTarget"]);
-          return props.onChange(next);
-        },
-        renderOption: ({ label, value }) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: changeCase__namespace.capitalCase(label ?? value) }) }) })
-      }
-    )
+    selectedLink?._ref && /* @__PURE__ */ jsxRuntime.jsx(asyncAutocomplete.AsyncAutocomplete, { placeholder: "Select section", noOptionsPlaceholder: "No sections found", listItems: fetchSections, value: selectedSection, renderValue: (value, opt) => opt?.label ? changeCase__namespace.capitalCase(opt.label) : value, onChange: (value_0) => {
+      const next = value_0 ? sanity.set(value_0, ["sectionTarget"]) : sanity.unset(["sectionTarget"]);
+      return props.onChange(next);
+    }, renderOption: ({
+      label,
+      value: value_1
+    }) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: changeCase__namespace.capitalCase(label ?? value_1) }) }) }) })
   ] });
 }
 function buildLinkPreview({
@@ -111,133 +117,134 @@ const typeName = "wild.link", LinkKind = {
 }, visibleIfKind = sanityUtils.visibleIf("kind"), requiredIfKind = sanityUtils.requiredIf("kind"), wildSanityLinkFieldPlugin = sanity.definePlugin((config) => ({
   name: "@madebywild/sanity-link-field",
   schema: {
-    types: [
-      sanity.defineType({
-        name: typeName,
+    types: [sanity.defineType({
+      name: typeName,
+      type: "object",
+      title: "Link",
+      description: "Link to an internal page, external URL and more.",
+      icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F517}" }),
+      components: {
+        input: (props) => /* @__PURE__ */ jsxRuntime.jsx(FieldInput, { ...props })
+      },
+      fields: [sanity.defineField({
+        name: "kind",
+        type: "string",
+        title: "Link Kind",
+        description: "Select the kind of link.",
+        validation: (R) => R.required().error("Select a link kind."),
+        options: {
+          layout: "radio",
+          direction: "horizontal",
+          list: [{
+            title: "\u{1F4C4} Internal",
+            value: LinkKind.internal
+          }, {
+            title: "\u{1F30D} External",
+            value: LinkKind.external
+          }, {
+            title: "\u{1F4E7} Email",
+            value: LinkKind.email
+          }, {
+            title: "\u260E\uFE0F Phone",
+            value: LinkKind.phone
+          }, {
+            title: "\u{1F4C3} File",
+            value: LinkKind.file
+          }]
+        }
+      }), sanity.defineField({
+        name: LinkKind.external,
+        type: "url",
+        title: "External Link",
+        ...visibleIfKind(LinkKind.external),
+        ...requiredIfKind(LinkKind.external)
+      }), sanity.defineField({
+        name: LinkKind.email,
+        type: "string",
+        title: "Email",
+        ...visibleIfKind(LinkKind.email),
+        ...requiredIfKind(LinkKind.email)
+      }), sanity.defineField({
+        name: LinkKind.phone,
+        type: "string",
+        title: "Phone",
+        ...visibleIfKind(LinkKind.phone),
+        ...requiredIfKind(LinkKind.phone)
+      }), sanity.defineField({
+        name: LinkKind.file,
+        type: "file",
+        title: "File",
+        ...visibleIfKind(LinkKind.file),
+        ...requiredIfKind(LinkKind.file)
+      }), sanity.defineField({
+        name: LinkKind.internal,
         type: "object",
-        title: "Link",
-        description: "Link to an internal page, external URL and more.",
-        icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F517}" }),
+        ...visibleIfKind(LinkKind.internal),
+        ...requiredIfKind(LinkKind.internal),
+        options: {
+          collapsed: !1,
+          collapsible: !1
+        },
         components: {
-          input: (props) => /* @__PURE__ */ jsxRuntime.jsx(FieldInput, { ...props })
+          field: (props) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children }),
+          input: (props) => /* @__PURE__ */ jsxRuntime.jsx(InternalLinkInput, { ...props })
         },
-        fields: [
-          sanity.defineField({
-            name: "kind",
-            type: "string",
-            title: "Link Kind",
-            description: "Select the kind of link.",
-            validation: (R) => R.required().error("Select a link kind."),
-            options: {
-              layout: "radio",
-              direction: "horizontal",
-              list: [
-                { title: "\u{1F4C4} Internal", value: LinkKind.internal },
-                { title: "\u{1F30D} External", value: LinkKind.external },
-                { title: "\u{1F4E7} Email", value: LinkKind.email },
-                { title: "\u260E\uFE0F Phone", value: LinkKind.phone },
-                { title: "\u{1F4C3} File", value: LinkKind.file }
-              ]
-            }
-          }),
-          sanity.defineField({
-            name: LinkKind.external,
-            type: "url",
-            title: "External Link",
-            ...visibleIfKind(LinkKind.external),
-            ...requiredIfKind(LinkKind.external)
-          }),
-          sanity.defineField({
-            name: LinkKind.email,
-            type: "string",
-            title: "Email",
-            ...visibleIfKind(LinkKind.email),
-            ...requiredIfKind(LinkKind.email)
-          }),
-          sanity.defineField({
-            name: LinkKind.phone,
-            type: "string",
-            title: "Phone",
-            ...visibleIfKind(LinkKind.phone),
-            ...requiredIfKind(LinkKind.phone)
-          }),
-          sanity.defineField({
-            name: LinkKind.file,
-            type: "file",
-            title: "File",
-            ...visibleIfKind(LinkKind.file),
-            ...requiredIfKind(LinkKind.file)
-          }),
-          sanity.defineField({
-            name: LinkKind.internal,
-            type: "object",
-            ...visibleIfKind(LinkKind.internal),
-            ...requiredIfKind(LinkKind.internal),
-            options: { collapsed: !1, collapsible: !1 },
-            components: {
-              field: (props) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children }),
-              input: (props) => /* @__PURE__ */ jsxRuntime.jsx(InternalLinkInput, { ...props })
-            },
-            fields: [
-              sanity.defineField({
-                type: "reference",
-                name: "link",
-                title: "Internal Link",
-                description: "Select a page and an optional section target.",
-                weak: config.weakReferences ?? !0,
-                to: config.internalLinkSchemaTypes,
-                options: {
-                  disableNew: !0
-                }
-              }),
-              sanity.defineField({
-                type: "string",
-                name: "sectionTarget",
-                title: "Section Target"
-              })
-            ]
-          }),
-          sanity.defineField({
-            name: "customText",
-            type: "string",
-            title: "Custom text",
-            description: "Will take precedence over inferred text."
-          }),
-          sanity.defineField({
-            name: "canDownload",
-            type: "boolean",
-            title: "Downloadable",
-            initialValue: !0,
-            description: "The file will be downloaded when the link is clicked.",
-            options: { layout: "switch" },
-            ...visibleIfKind(LinkKind.file),
-            ...requiredIfKind(LinkKind.file)
-          }),
-          sanity.defineField({
-            name: "openInNewTab",
-            type: "boolean",
-            title: "Open in new tab",
-            description: "Open the link in a new tab.",
-            initialValue: !1,
-            options: { layout: "switch" },
-            ...visibleIfKind([LinkKind.external, LinkKind.internal])
-          })
-        ],
-        preview: {
-          select: {
-            kind: "kind",
-            email: "email",
-            phone: "phone",
-            customText: "customText",
-            fileName: "file.asset.originalFilename",
-            externalUrl: "external",
-            internalUri: "internal.uri.current",
-            internalTitle: "internal.title"
-          },
-          prepare: (props) => buildLinkPreview(props)
-        }
-      })
-    ]
+        fields: [sanity.defineField({
+          type: "reference",
+          name: "link",
+          title: "Internal Link",
+          description: "Select a page and an optional section target.",
+          weak: config.weakReferences ?? !0,
+          to: config.internalLinkSchemaTypes,
+          options: {
+            disableNew: !0
+          }
+        }), sanity.defineField({
+          type: "string",
+          name: "sectionTarget",
+          title: "Section Target"
+        })]
+      }), sanity.defineField({
+        name: "customText",
+        type: "string",
+        title: "Custom text",
+        description: "Will take precedence over inferred text."
+      }), sanity.defineField({
+        name: "canDownload",
+        type: "boolean",
+        title: "Downloadable",
+        initialValue: !0,
+        description: "The file will be downloaded when the link is clicked.",
+        options: {
+          layout: "switch"
+        },
+        ...visibleIfKind(LinkKind.file),
+        ...requiredIfKind(LinkKind.file)
+      }), sanity.defineField({
+        name: "openInNewTab",
+        type: "boolean",
+        title: "Open in new tab",
+        description: "Open the link in a new tab.",
+        initialValue: !1,
+        options: {
+          layout: "switch"
+        },
+        ...visibleIfKind([LinkKind.external, LinkKind.internal])
+      })],
+      preview: {
+        select: {
+          kind: "kind",
+          email: "email",
+          phone: "phone",
+          customText: "customText",
+          fileName: "file.asset.originalFilename",
+          externalUrl: "external",
+          internalUri: "internal.uri.current",
+          internalTitle: "internal.title"
+        },
+        prepare: (props) => buildLinkPreview(props)
+      }
+    })]
   }
 }));
 exports.LinkKind = LinkKind;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/input.tsx","../src/preview.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { useFieldMember } from \"@madebywild/sanity-utils\";\nimport { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Box, Card, Stack, Text } from \"@sanity/ui\";\nimport * as changeCase from \"change-case\";\nimport * as React from \"react\";\nimport type { ObjectInputProps, ObjectMember, Reference } from \"sanity\";\nimport { MemberField, set, unset, useClient } from \"sanity\";\nimport type { FieldOptions } from \"./types\";\n\nfunction FieldInput(props: ObjectInputProps) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n\n  return (\n    <Stack space={4}>\n      {props.members.map((member: ObjectMember) => {\n        if (member.kind !== \"field\") return null;\n        if (options?.noCustomText && member.name === \"customText\") return null;\n        return <MemberField key={member.key} member={member} {...props} />;\n      })}\n    </Stack>\n  );\n}\n\nconst SectionsQuery = `\n  *[_id == $pageId && defined(pageBuilder.sectionsArray)][0]{\n    \"sections\": array::compact(pageBuilder.sectionsArray[]{\n      \"value\": _key,\n      \"label\": coalesce(sectionSettings.sectionTitle, _type),\n    }),\n  }.sections\n`;\n\nfunction InternalLinkInput(props: ObjectInputProps) {\n  const linkFieldMember = useFieldMember(props.members, \"link\");\n\n  const selectedLink = props.value?.link as Reference | undefined;\n  const selectedSection = props.value?.sectionTarget as string | undefined;\n\n  // Reset sectionTarget if link is removed.\n  React.useEffect(() => {\n    if (!selectedLink?._ref && selectedSection !== undefined) {\n      props.onChange(unset([\"sectionTarget\"]));\n    }\n  }, [selectedLink, selectedSection, props.onChange]);\n\n  const client = useClient({ apiVersion: \"2025-10-21\" });\n\n  const fetchSections = React.useCallback(() => {\n    if (!selectedLink?._ref) return [];\n    return client.fetch(SectionsQuery, { pageId: selectedLink._ref }).catch(() => []);\n  }, [client, selectedLink, SectionsQuery]);\n\n  return (\n    <Stack space={2}>\n      {linkFieldMember && <MemberField member={linkFieldMember} {...props} />}\n      <AsyncAutocomplete\n        placeholder=\"Select section\"\n        noOptionsPlaceholder=\"No sections found\"\n        listItems={fetchSections}\n        value={selectedSection}\n        renderValue={(value, opt) => {\n          return opt?.label ? changeCase.capitalCase(opt.label) : value;\n        }}\n        onChange={(value) => {\n          const next = value ? set(value, [\"sectionTarget\"]) : unset([\"sectionTarget\"]);\n          return props.onChange(next);\n        }}\n        renderOption={({ label, value }) => {\n          return (\n            <Card as=\"button\">\n              <Box flex={1} padding={3}>\n                <Text size={2}>{changeCase.capitalCase(label ?? value)}</Text>\n              </Box>\n            </Card>\n          );\n        }}\n      />\n    </Stack>\n  );\n}\n\nexport { FieldInput, InternalLinkInput };\n","import type { LinkKind } from \"./types\";\n\n/** @public */\nexport function buildLinkPreview({\n  kind,\n  email,\n  phone,\n  fileName,\n  customText,\n  internalUri,\n  externalUrl,\n  internalTitle,\n}: {\n  kind?: string;\n  email?: string;\n  phone?: string;\n  fileName?: string;\n  customText?: string;\n  externalUrl?: string;\n  internalUri?: string;\n  internalTitle?: string;\n}) {\n  switch (kind as keyof typeof LinkKind) {\n    case \"internal\": {\n      return {\n        title: customText ?? internalTitle ?? \"Internal Link\",\n        subtitle: internalUri,\n        media: () => <>📄</>,\n      };\n    }\n    case \"external\":\n      return {\n        title: customText ?? \"External Link\",\n        subtitle: externalUrl,\n        media: () => <>🌍</>,\n      };\n    case \"email\":\n      return {\n        title: customText ?? \"Email Link\",\n        subtitle: email,\n        media: () => <>📧</>,\n      };\n    case \"phone\":\n      return {\n        title: customText ?? \"Phone Link\",\n        subtitle: phone,\n        media: () => <>☎️</>,\n      };\n    case \"file\":\n      return {\n        title: customText ?? \"File Link\",\n        subtitle: fileName,\n        media: () => <>📃</>,\n      };\n    default:\n      return {\n        title: customText ?? \"Empty Link\",\n        media: () => <>⛓️‍💥</>,\n      };\n  }\n}\n","import type { ListItem } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { ObjectDefinition, ObjectOptions, ReferenceTo } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.link\" as const;\n\n/** @public */\nexport const LinkKind = {\n  internal: \"internal\",\n  external: \"external\",\n  email: \"email\",\n  phone: \"phone\",\n  file: \"file\",\n} as const;\n\n/** @public */\nexport type SectionQueryResult = ListItem[];\n\n/** @public */\nexport type PluginConfig = {\n  weakReferences?: boolean;\n  internalLinkSchemaTypes: ReferenceTo;\n};\n\n/** @public */\nexport type FieldOptions = ObjectOptions & {\n  noCustomText?: boolean;\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<ObjectDefinition, \"type\" | \"fields\" | \"options\"> & {\n      type: typeof typeName;\n      options?: FieldOptions;\n    };\n  }\n}\n","import { requiredIf, visibleIf } from \"@madebywild/sanity-utils\";\nimport { defineField, definePlugin, defineType } from \"sanity\";\nimport { FieldInput, InternalLinkInput } from \"./input\";\nimport { buildLinkPreview } from \"./preview\";\nimport { type FieldOptions, LinkKind, type PluginConfig, type SectionQueryResult, typeName } from \"./types\";\n\nconst visibleIfKind = visibleIf(\"kind\");\nconst requiredIfKind = requiredIf(\"kind\");\n\n/** @public */\nconst wildSanityLinkFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-link-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Link\",\n          description: \"Link to an internal page, external URL and more.\",\n          icon: () => <>🔗</>,\n          components: {\n            input: (props) => <FieldInput {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"kind\",\n              type: \"string\",\n              title: \"Link Kind\",\n              description: \"Select the kind of link.\",\n              validation: (R) => R.required().error(\"Select a link kind.\"),\n              options: {\n                layout: \"radio\",\n                direction: \"horizontal\",\n                list: [\n                  { title: \"📄 Internal\", value: LinkKind.internal },\n                  { title: \"🌍 External\", value: LinkKind.external },\n                  { title: \"📧 Email\", value: LinkKind.email },\n                  { title: \"☎️ Phone\", value: LinkKind.phone },\n                  { title: \"📃 File\", value: LinkKind.file },\n                ],\n              },\n            }),\n            defineField({\n              name: LinkKind.external,\n              type: \"url\",\n              title: \"External Link\",\n              ...visibleIfKind(LinkKind.external),\n              ...requiredIfKind(LinkKind.external),\n            }),\n            defineField({\n              name: LinkKind.email,\n              type: \"string\",\n              title: \"Email\",\n              ...visibleIfKind(LinkKind.email),\n              ...requiredIfKind(LinkKind.email),\n            }),\n            defineField({\n              name: LinkKind.phone,\n              type: \"string\",\n              title: \"Phone\",\n              ...visibleIfKind(LinkKind.phone),\n              ...requiredIfKind(LinkKind.phone),\n            }),\n            defineField({\n              name: LinkKind.file,\n              type: \"file\",\n              title: \"File\",\n              ...visibleIfKind(LinkKind.file),\n              ...requiredIfKind(LinkKind.file),\n            }),\n            defineField({\n              name: LinkKind.internal,\n              type: \"object\",\n              ...visibleIfKind(LinkKind.internal),\n              ...requiredIfKind(LinkKind.internal),\n              options: { collapsed: false, collapsible: false },\n              components: {\n                field: (props) => <>{props.children}</>,\n                input: (props) => <InternalLinkInput {...props} />,\n              },\n              fields: [\n                defineField({\n                  type: \"reference\",\n                  name: \"link\",\n                  title: \"Internal Link\",\n                  description: \"Select a page and an optional section target.\",\n                  weak: config.weakReferences ?? true,\n                  to: config.internalLinkSchemaTypes,\n                  options: {\n                    disableNew: true,\n                  },\n                }),\n                defineField({\n                  type: \"string\",\n                  name: \"sectionTarget\",\n                  title: \"Section Target\",\n                }),\n              ],\n            }),\n            defineField({\n              name: \"customText\",\n              type: \"string\",\n              title: \"Custom text\",\n              description: \"Will take precedence over inferred text.\",\n            }),\n            defineField({\n              name: \"canDownload\",\n              type: \"boolean\",\n              title: \"Downloadable\",\n              initialValue: true,\n              description: \"The file will be downloaded when the link is clicked.\",\n              options: { layout: \"switch\" },\n              ...visibleIfKind(LinkKind.file),\n              ...requiredIfKind(LinkKind.file),\n            }),\n            defineField({\n              name: \"openInNewTab\",\n              type: \"boolean\",\n              title: \"Open in new tab\",\n              description: \"Open the link in a new tab.\",\n              initialValue: false,\n              options: { layout: \"switch\" },\n              ...visibleIfKind([LinkKind.external, LinkKind.internal]),\n            }),\n          ],\n          preview: {\n            select: {\n              kind: \"kind\",\n              email: \"email\",\n              phone: \"phone\",\n              customText: \"customText\",\n              fileName: \"file.asset.originalFilename\",\n              externalUrl: \"external\",\n              internalUri: \"internal.uri.current\",\n              internalTitle: \"internal.title\",\n            },\n            prepare: (props) => {\n              return buildLinkPreview(props);\n            },\n          },\n        }),\n      ],\n    },\n  };\n});\n\nexport {\n  wildSanityLinkFieldPlugin,\n  typeName,\n  LinkKind,\n  buildLinkPreview,\n  type PluginConfig,\n  type FieldOptions,\n  type SectionQueryResult,\n};\n"],"names":["jsx","Stack","MemberField","useFieldMember","React","unset","useClient","jsxs","AsyncAutocomplete","changeCase","set","Card","Box","Text","Fragment","visibleIf","requiredIf","definePlugin","defineType","defineField"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/input.tsx","../src/preview.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { useFieldMember } from \"@madebywild/sanity-utils\";\nimport { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Box, Card, Stack, Text } from \"@sanity/ui\";\nimport * as changeCase from \"change-case\";\nimport * as React from \"react\";\nimport type { ObjectInputProps, ObjectMember, Reference } from \"sanity\";\nimport { MemberField, set, unset, useClient } from \"sanity\";\nimport type { FieldOptions } from \"./types\";\n\nfunction FieldInput(props: ObjectInputProps) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n\n  return (\n    <Stack space={4}>\n      {props.members.map((member: ObjectMember) => {\n        if (member.kind !== \"field\") return null;\n        if (options?.noCustomText && member.name === \"customText\") return null;\n        return <MemberField key={member.key} member={member} {...props} />;\n      })}\n    </Stack>\n  );\n}\n\nconst SectionsQuery = `\n  *[_id == $pageId && defined(pageBuilder.sectionsArray)][0]{\n    \"sections\": array::compact(pageBuilder.sectionsArray[]{\n      \"value\": _key,\n      \"label\": coalesce(sectionSettings.sectionTitle, _type),\n    }),\n  }.sections\n`;\n\nfunction InternalLinkInput(props: ObjectInputProps) {\n  const linkFieldMember = useFieldMember(props.members, \"link\");\n\n  const selectedLink = props.value?.link as Reference | undefined;\n  const selectedSection = props.value?.sectionTarget as string | undefined;\n\n  // Reset sectionTarget if link is removed.\n  React.useEffect(() => {\n    if (!selectedLink?._ref && selectedSection !== undefined) {\n      props.onChange(unset([\"sectionTarget\"]));\n    }\n  }, [selectedLink, selectedSection, props.onChange]);\n\n  const client = useClient({ apiVersion: \"2025-10-21\" });\n\n  const fetchSections = React.useCallback(async () => {\n    if (!selectedLink?._ref) return [];\n\n    try {\n      const items = await client.fetch(SectionsQuery, { pageId: selectedLink._ref });\n      return items;\n    } catch {\n      return [];\n    }\n  }, [client, selectedLink?._ref]);\n\n  return (\n    <Stack space={2}>\n      {linkFieldMember && <MemberField member={linkFieldMember} {...props} />}\n      {selectedLink?._ref && (\n        <AsyncAutocomplete\n          placeholder=\"Select section\"\n          noOptionsPlaceholder=\"No sections found\"\n          listItems={fetchSections}\n          value={selectedSection}\n          renderValue={(value, opt) => {\n            return opt?.label ? changeCase.capitalCase(opt.label) : value;\n          }}\n          onChange={(value) => {\n            const next = value ? set(value, [\"sectionTarget\"]) : unset([\"sectionTarget\"]);\n            return props.onChange(next);\n          }}\n          renderOption={({ label, value }) => {\n            return (\n              <Card as=\"button\">\n                <Box flex={1} padding={3}>\n                  <Text size={2}>{changeCase.capitalCase(label ?? value)}</Text>\n                </Box>\n              </Card>\n            );\n          }}\n        />\n      )}\n    </Stack>\n  );\n}\n\nexport { FieldInput, InternalLinkInput };\n","import type { LinkKind } from \"./types\";\n\n/** @public */\nexport function buildLinkPreview({\n  kind,\n  email,\n  phone,\n  fileName,\n  customText,\n  internalUri,\n  externalUrl,\n  internalTitle,\n}: {\n  kind?: string;\n  email?: string;\n  phone?: string;\n  fileName?: string;\n  customText?: string;\n  externalUrl?: string;\n  internalUri?: string;\n  internalTitle?: string;\n}) {\n  switch (kind as keyof typeof LinkKind) {\n    case \"internal\": {\n      return {\n        title: customText ?? internalTitle ?? \"Internal Link\",\n        subtitle: internalUri,\n        media: () => <>📄</>,\n      };\n    }\n    case \"external\":\n      return {\n        title: customText ?? \"External Link\",\n        subtitle: externalUrl,\n        media: () => <>🌍</>,\n      };\n    case \"email\":\n      return {\n        title: customText ?? \"Email Link\",\n        subtitle: email,\n        media: () => <>📧</>,\n      };\n    case \"phone\":\n      return {\n        title: customText ?? \"Phone Link\",\n        subtitle: phone,\n        media: () => <>☎️</>,\n      };\n    case \"file\":\n      return {\n        title: customText ?? \"File Link\",\n        subtitle: fileName,\n        media: () => <>📃</>,\n      };\n    default:\n      return {\n        title: customText ?? \"Empty Link\",\n        media: () => <>⛓️‍💥</>,\n      };\n  }\n}\n","import type { ListItem } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { ObjectDefinition, ObjectOptions, ReferenceTo } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.link\" as const;\n\n/** @public */\nexport const LinkKind = {\n  internal: \"internal\",\n  external: \"external\",\n  email: \"email\",\n  phone: \"phone\",\n  file: \"file\",\n} as const;\n\n/** @public */\nexport type SectionQueryResult = ListItem[];\n\n/** @public */\nexport type PluginConfig = {\n  weakReferences?: boolean;\n  internalLinkSchemaTypes: ReferenceTo;\n};\n\n/** @public */\nexport type FieldOptions = ObjectOptions & {\n  noCustomText?: boolean;\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<ObjectDefinition, \"type\" | \"fields\" | \"options\"> & {\n      type: typeof typeName;\n      options?: FieldOptions;\n    };\n  }\n}\n","import { requiredIf, visibleIf } from \"@madebywild/sanity-utils\";\nimport { defineField, definePlugin, defineType } from \"sanity\";\nimport { FieldInput, InternalLinkInput } from \"./input\";\nimport { buildLinkPreview } from \"./preview\";\nimport { type FieldOptions, LinkKind, type PluginConfig, type SectionQueryResult, typeName } from \"./types\";\n\nconst visibleIfKind = visibleIf(\"kind\");\nconst requiredIfKind = requiredIf(\"kind\");\n\n/** @public */\nconst wildSanityLinkFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-link-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Link\",\n          description: \"Link to an internal page, external URL and more.\",\n          icon: () => <>🔗</>,\n          components: {\n            input: (props) => <FieldInput {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"kind\",\n              type: \"string\",\n              title: \"Link Kind\",\n              description: \"Select the kind of link.\",\n              validation: (R) => R.required().error(\"Select a link kind.\"),\n              options: {\n                layout: \"radio\",\n                direction: \"horizontal\",\n                list: [\n                  { title: \"📄 Internal\", value: LinkKind.internal },\n                  { title: \"🌍 External\", value: LinkKind.external },\n                  { title: \"📧 Email\", value: LinkKind.email },\n                  { title: \"☎️ Phone\", value: LinkKind.phone },\n                  { title: \"📃 File\", value: LinkKind.file },\n                ],\n              },\n            }),\n            defineField({\n              name: LinkKind.external,\n              type: \"url\",\n              title: \"External Link\",\n              ...visibleIfKind(LinkKind.external),\n              ...requiredIfKind(LinkKind.external),\n            }),\n            defineField({\n              name: LinkKind.email,\n              type: \"string\",\n              title: \"Email\",\n              ...visibleIfKind(LinkKind.email),\n              ...requiredIfKind(LinkKind.email),\n            }),\n            defineField({\n              name: LinkKind.phone,\n              type: \"string\",\n              title: \"Phone\",\n              ...visibleIfKind(LinkKind.phone),\n              ...requiredIfKind(LinkKind.phone),\n            }),\n            defineField({\n              name: LinkKind.file,\n              type: \"file\",\n              title: \"File\",\n              ...visibleIfKind(LinkKind.file),\n              ...requiredIfKind(LinkKind.file),\n            }),\n            defineField({\n              name: LinkKind.internal,\n              type: \"object\",\n              ...visibleIfKind(LinkKind.internal),\n              ...requiredIfKind(LinkKind.internal),\n              options: { collapsed: false, collapsible: false },\n              components: {\n                field: (props) => <>{props.children}</>,\n                input: (props) => <InternalLinkInput {...props} />,\n              },\n              fields: [\n                defineField({\n                  type: \"reference\",\n                  name: \"link\",\n                  title: \"Internal Link\",\n                  description: \"Select a page and an optional section target.\",\n                  weak: config.weakReferences ?? true,\n                  to: config.internalLinkSchemaTypes,\n                  options: {\n                    disableNew: true,\n                  },\n                }),\n                defineField({\n                  type: \"string\",\n                  name: \"sectionTarget\",\n                  title: \"Section Target\",\n                }),\n              ],\n            }),\n            defineField({\n              name: \"customText\",\n              type: \"string\",\n              title: \"Custom text\",\n              description: \"Will take precedence over inferred text.\",\n            }),\n            defineField({\n              name: \"canDownload\",\n              type: \"boolean\",\n              title: \"Downloadable\",\n              initialValue: true,\n              description: \"The file will be downloaded when the link is clicked.\",\n              options: { layout: \"switch\" },\n              ...visibleIfKind(LinkKind.file),\n              ...requiredIfKind(LinkKind.file),\n            }),\n            defineField({\n              name: \"openInNewTab\",\n              type: \"boolean\",\n              title: \"Open in new tab\",\n              description: \"Open the link in a new tab.\",\n              initialValue: false,\n              options: { layout: \"switch\" },\n              ...visibleIfKind([LinkKind.external, LinkKind.internal]),\n            }),\n          ],\n          preview: {\n            select: {\n              kind: \"kind\",\n              email: \"email\",\n              phone: \"phone\",\n              customText: \"customText\",\n              fileName: \"file.asset.originalFilename\",\n              externalUrl: \"external\",\n              internalUri: \"internal.uri.current\",\n              internalTitle: \"internal.title\",\n            },\n            prepare: (props) => {\n              return buildLinkPreview(props);\n            },\n          },\n        }),\n      ],\n    },\n  };\n});\n\nexport {\n  wildSanityLinkFieldPlugin,\n  typeName,\n  LinkKind,\n  buildLinkPreview,\n  type PluginConfig,\n  type FieldOptions,\n  type SectionQueryResult,\n};\n"],"names":["FieldInput","props","$","_c","options","schemaType","t0","noCustomText","members","map","member","kind","name","MemberField","key","t1","jsx","Stack","SectionsQuery","InternalLinkInput","linkFieldMember","useFieldMember","selectedLink","value","link","selectedSection","sectionTarget","React","useEffect","_ref","undefined","onChange","unset","client","useClient","apiVersion","fetchSections","useCallback","fetch","pageId","jsxs","AsyncAutocomplete","opt","label","changeCase","capitalCase","next","set","Card","Box","Text","buildLinkPreview","email","phone","fileName","customText","internalUri","externalUrl","internalTitle","title","subtitle","media","Fragment","typeName","LinkKind","internal","external","file","visibleIfKind","visibleIf","requiredIfKind","requiredIf","wildSanityLinkFieldPlugin","definePlugin","config","schema","types","defineType","type","description","icon","components","input","fields","defineField","validation","R","required","error","layout","direction","list","collapsed","collapsible","field","children","weak","weakReferences","to","internalLinkSchemaTypes","disableNew","initialValue","preview","select","prepare"],"mappings":"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"}

package/dist/index.js

@@ -1,13 +1,17 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFieldMember, visibleIf, requiredIf } from "@madebywild/sanity-utils";
 import { unset, useClient, MemberField, set, definePlugin, defineType, defineField } from "sanity";
+import { c } from "react/compiler-runtime";
 import { AsyncAutocomplete } from "@madebywild/sanity-utils/async-autocomplete";
 import { Stack, Card, Box, Text } from "@sanity/ui";
 import * as changeCase from "change-case";
 import * as React from "react";
 function FieldInput(props) {
-  const options = props.schemaType.options;
-  return /* @__PURE__ */ jsx(Stack, { space: 4, children: props.members.map((member) => member.kind !== "field" || options?.noCustomText && member.name === "customText" ? null : /* @__PURE__ */ jsx(MemberField, { member, ...props }, member.key)) });
+  const $ = c(5), options = props.schemaType.options;
+  let t0;
+  $[0] !== options?.noCustomText || $[1] !== props ? (t0 = props.members.map((member) => member.kind !== "field" || options?.noCustomText && member.name === "customText" ? null : /* @__PURE__ */ jsx(MemberField, { member, ...props }, member.key)), $[0] = options?.noCustomText, $[1] = props, $[2] = t0) : t0 = $[2];
+  let t1;
+  return $[3] !== t0 ? (t1 = /* @__PURE__ */ jsx(Stack, { space: 4, children: t0 }), $[3] = t0, $[4] = t1) : t1 = $[4], t1;
 }
 const SectionsQuery = `
   *[_id == $pageId && defined(pageBuilder.sectionsArray)][0]{
@@ -22,24 +26,27 @@ function InternalLinkInput(props) {
   React.useEffect(() => {
     !selectedLink?._ref && selectedSection !== void 0 && props.onChange(unset(["sectionTarget"]));
   }, [selectedLink, selectedSection, props.onChange]);
-  const client = useClient({ apiVersion: "2025-10-21" }), fetchSections = React.useCallback(() => selectedLink?._ref ? client.fetch(SectionsQuery, { pageId: selectedLink._ref }).catch(() => []) : [], [client, selectedLink, SectionsQuery]);
+  const client = useClient({
+    apiVersion: "2025-10-21"
+  }), fetchSections = React.useCallback(async () => {
+    if (!selectedLink?._ref) return [];
+    try {
+      return await client.fetch(SectionsQuery, {
+        pageId: selectedLink._ref
+      });
+    } catch {
+      return [];
+    }
+  }, [client, selectedLink?._ref]);
   return /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
     linkFieldMember && /* @__PURE__ */ jsx(MemberField, { member: linkFieldMember, ...props }),
-    /* @__PURE__ */ jsx(
-      AsyncAutocomplete,
-      {
-        placeholder: "Select section",
-        noOptionsPlaceholder: "No sections found",
-        listItems: fetchSections,
-        value: selectedSection,
-        renderValue: (value, opt) => opt?.label ? changeCase.capitalCase(opt.label) : value,
-        onChange: (value) => {
-          const next = value ? set(value, ["sectionTarget"]) : unset(["sectionTarget"]);
-          return props.onChange(next);
-        },
-        renderOption: ({ label, value }) => /* @__PURE__ */ jsx(Card, { as: "button", children: /* @__PURE__ */ jsx(Box, { flex: 1, padding: 3, children: /* @__PURE__ */ jsx(Text, { size: 2, children: changeCase.capitalCase(label ?? value) }) }) })
-      }
-    )
+    selectedLink?._ref && /* @__PURE__ */ jsx(AsyncAutocomplete, { placeholder: "Select section", noOptionsPlaceholder: "No sections found", listItems: fetchSections, value: selectedSection, renderValue: (value, opt) => opt?.label ? changeCase.capitalCase(opt.label) : value, onChange: (value_0) => {
+      const next = value_0 ? set(value_0, ["sectionTarget"]) : unset(["sectionTarget"]);
+      return props.onChange(next);
+    }, renderOption: ({
+      label,
+      value: value_1
+    }) => /* @__PURE__ */ jsx(Card, { as: "button", children: /* @__PURE__ */ jsx(Box, { flex: 1, padding: 3, children: /* @__PURE__ */ jsx(Text, { size: 2, children: changeCase.capitalCase(label ?? value_1) }) }) }) })
   ] });
 }
 function buildLinkPreview({
@@ -99,133 +106,134 @@ const typeName = "wild.link", LinkKind = {
 }, visibleIfKind = visibleIf("kind"), requiredIfKind = requiredIf("kind"), wildSanityLinkFieldPlugin = definePlugin((config) => ({
   name: "@madebywild/sanity-link-field",
   schema: {
-    types: [
-      defineType({
-        name: typeName,
+    types: [defineType({
+      name: typeName,
+      type: "object",
+      title: "Link",
+      description: "Link to an internal page, external URL and more.",
+      icon: () => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F517}" }),
+      components: {
+        input: (props) => /* @__PURE__ */ jsx(FieldInput, { ...props })
+      },
+      fields: [defineField({
+        name: "kind",
+        type: "string",
+        title: "Link Kind",
+        description: "Select the kind of link.",
+        validation: (R) => R.required().error("Select a link kind."),
+        options: {
+          layout: "radio",
+          direction: "horizontal",
+          list: [{
+            title: "\u{1F4C4} Internal",
+            value: LinkKind.internal
+          }, {
+            title: "\u{1F30D} External",
+            value: LinkKind.external
+          }, {
+            title: "\u{1F4E7} Email",
+            value: LinkKind.email
+          }, {
+            title: "\u260E\uFE0F Phone",
+            value: LinkKind.phone
+          }, {
+            title: "\u{1F4C3} File",
+            value: LinkKind.file
+          }]
+        }
+      }), defineField({
+        name: LinkKind.external,
+        type: "url",
+        title: "External Link",
+        ...visibleIfKind(LinkKind.external),
+        ...requiredIfKind(LinkKind.external)
+      }), defineField({
+        name: LinkKind.email,
+        type: "string",
+        title: "Email",
+        ...visibleIfKind(LinkKind.email),
+        ...requiredIfKind(LinkKind.email)
+      }), defineField({
+        name: LinkKind.phone,
+        type: "string",
+        title: "Phone",
+        ...visibleIfKind(LinkKind.phone),
+        ...requiredIfKind(LinkKind.phone)
+      }), defineField({
+        name: LinkKind.file,
+        type: "file",
+        title: "File",
+        ...visibleIfKind(LinkKind.file),
+        ...requiredIfKind(LinkKind.file)
+      }), defineField({
+        name: LinkKind.internal,
         type: "object",
-        title: "Link",
-        description: "Link to an internal page, external URL and more.",
-        icon: () => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F517}" }),
+        ...visibleIfKind(LinkKind.internal),
+        ...requiredIfKind(LinkKind.internal),
+        options: {
+          collapsed: !1,
+          collapsible: !1
+        },
         components: {
-          input: (props) => /* @__PURE__ */ jsx(FieldInput, { ...props })
+          field: (props) => /* @__PURE__ */ jsx(Fragment, { children: props.children }),
+          input: (props) => /* @__PURE__ */ jsx(InternalLinkInput, { ...props })
         },
-        fields: [
-          defineField({
-            name: "kind",
-            type: "string",
-            title: "Link Kind",
-            description: "Select the kind of link.",
-            validation: (R) => R.required().error("Select a link kind."),
-            options: {
-              layout: "radio",
-              direction: "horizontal",
-              list: [
-                { title: "\u{1F4C4} Internal", value: LinkKind.internal },
-                { title: "\u{1F30D} External", value: LinkKind.external },
-                { title: "\u{1F4E7} Email", value: LinkKind.email },
-                { title: "\u260E\uFE0F Phone", value: LinkKind.phone },
-                { title: "\u{1F4C3} File", value: LinkKind.file }
-              ]
-            }
-          }),
-          defineField({
-            name: LinkKind.external,
-            type: "url",
-            title: "External Link",
-            ...visibleIfKind(LinkKind.external),
-            ...requiredIfKind(LinkKind.external)
-          }),
-          defineField({
-            name: LinkKind.email,
-            type: "string",
-            title: "Email",
-            ...visibleIfKind(LinkKind.email),
-            ...requiredIfKind(LinkKind.email)
-          }),
-          defineField({
-            name: LinkKind.phone,
-            type: "string",
-            title: "Phone",
-            ...visibleIfKind(LinkKind.phone),
-            ...requiredIfKind(LinkKind.phone)
-          }),
-          defineField({
-            name: LinkKind.file,
-            type: "file",
-            title: "File",
-            ...visibleIfKind(LinkKind.file),
-            ...requiredIfKind(LinkKind.file)
-          }),
-          defineField({
-            name: LinkKind.internal,
-            type: "object",
-            ...visibleIfKind(LinkKind.internal),
-            ...requiredIfKind(LinkKind.internal),
-            options: { collapsed: !1, collapsible: !1 },
-            components: {
-              field: (props) => /* @__PURE__ */ jsx(Fragment, { children: props.children }),
-              input: (props) => /* @__PURE__ */ jsx(InternalLinkInput, { ...props })
-            },
-            fields: [
-              defineField({
-                type: "reference",
-                name: "link",
-                title: "Internal Link",
-                description: "Select a page and an optional section target.",
-                weak: config.weakReferences ?? !0,
-                to: config.internalLinkSchemaTypes,
-                options: {
-                  disableNew: !0
-                }
-              }),
-              defineField({
-                type: "string",
-                name: "sectionTarget",
-                title: "Section Target"
-              })
-            ]
-          }),
-          defineField({
-            name: "customText",
-            type: "string",
-            title: "Custom text",
-            description: "Will take precedence over inferred text."
-          }),
-          defineField({
-            name: "canDownload",
-            type: "boolean",
-            title: "Downloadable",
-            initialValue: !0,
-            description: "The file will be downloaded when the link is clicked.",
-            options: { layout: "switch" },
-            ...visibleIfKind(LinkKind.file),
-            ...requiredIfKind(LinkKind.file)
-          }),
-          defineField({
-            name: "openInNewTab",
-            type: "boolean",
-            title: "Open in new tab",
-            description: "Open the link in a new tab.",
-            initialValue: !1,
-            options: { layout: "switch" },
-            ...visibleIfKind([LinkKind.external, LinkKind.internal])
-          })
-        ],
-        preview: {
-          select: {
-            kind: "kind",
-            email: "email",
-            phone: "phone",
-            customText: "customText",
-            fileName: "file.asset.originalFilename",
-            externalUrl: "external",
-            internalUri: "internal.uri.current",
-            internalTitle: "internal.title"
-          },
-          prepare: (props) => buildLinkPreview(props)
-        }
-      })
-    ]
+        fields: [defineField({
+          type: "reference",
+          name: "link",
+          title: "Internal Link",
+          description: "Select a page and an optional section target.",
+          weak: config.weakReferences ?? !0,
+          to: config.internalLinkSchemaTypes,
+          options: {
+            disableNew: !0
+          }
+        }), defineField({
+          type: "string",
+          name: "sectionTarget",
+          title: "Section Target"
+        })]
+      }), defineField({
+        name: "customText",
+        type: "string",
+        title: "Custom text",
+        description: "Will take precedence over inferred text."
+      }), defineField({
+        name: "canDownload",
+        type: "boolean",
+        title: "Downloadable",
+        initialValue: !0,
+        description: "The file will be downloaded when the link is clicked.",
+        options: {
+          layout: "switch"
+        },
+        ...visibleIfKind(LinkKind.file),
+        ...requiredIfKind(LinkKind.file)
+      }), defineField({
+        name: "openInNewTab",
+        type: "boolean",
+        title: "Open in new tab",
+        description: "Open the link in a new tab.",
+        initialValue: !1,
+        options: {
+          layout: "switch"
+        },
+        ...visibleIfKind([LinkKind.external, LinkKind.internal])
+      })],
+      preview: {
+        select: {
+          kind: "kind",
+          email: "email",
+          phone: "phone",
+          customText: "customText",
+          fileName: "file.asset.originalFilename",
+          externalUrl: "external",
+          internalUri: "internal.uri.current",
+          internalTitle: "internal.title"
+        },
+        prepare: (props) => buildLinkPreview(props)
+      }
+    })]
   }
 }));
 export {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/input.tsx","../src/preview.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { useFieldMember } from \"@madebywild/sanity-utils\";\nimport { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Box, Card, Stack, Text } from \"@sanity/ui\";\nimport * as changeCase from \"change-case\";\nimport * as React from \"react\";\nimport type { ObjectInputProps, ObjectMember, Reference } from \"sanity\";\nimport { MemberField, set, unset, useClient } from \"sanity\";\nimport type { FieldOptions } from \"./types\";\n\nfunction FieldInput(props: ObjectInputProps) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n\n  return (\n    <Stack space={4}>\n      {props.members.map((member: ObjectMember) => {\n        if (member.kind !== \"field\") return null;\n        if (options?.noCustomText && member.name === \"customText\") return null;\n        return <MemberField key={member.key} member={member} {...props} />;\n      })}\n    </Stack>\n  );\n}\n\nconst SectionsQuery = `\n  *[_id == $pageId && defined(pageBuilder.sectionsArray)][0]{\n    \"sections\": array::compact(pageBuilder.sectionsArray[]{\n      \"value\": _key,\n      \"label\": coalesce(sectionSettings.sectionTitle, _type),\n    }),\n  }.sections\n`;\n\nfunction InternalLinkInput(props: ObjectInputProps) {\n  const linkFieldMember = useFieldMember(props.members, \"link\");\n\n  const selectedLink = props.value?.link as Reference | undefined;\n  const selectedSection = props.value?.sectionTarget as string | undefined;\n\n  // Reset sectionTarget if link is removed.\n  React.useEffect(() => {\n    if (!selectedLink?._ref && selectedSection !== undefined) {\n      props.onChange(unset([\"sectionTarget\"]));\n    }\n  }, [selectedLink, selectedSection, props.onChange]);\n\n  const client = useClient({ apiVersion: \"2025-10-21\" });\n\n  const fetchSections = React.useCallback(() => {\n    if (!selectedLink?._ref) return [];\n    return client.fetch(SectionsQuery, { pageId: selectedLink._ref }).catch(() => []);\n  }, [client, selectedLink, SectionsQuery]);\n\n  return (\n    <Stack space={2}>\n      {linkFieldMember && <MemberField member={linkFieldMember} {...props} />}\n      <AsyncAutocomplete\n        placeholder=\"Select section\"\n        noOptionsPlaceholder=\"No sections found\"\n        listItems={fetchSections}\n        value={selectedSection}\n        renderValue={(value, opt) => {\n          return opt?.label ? changeCase.capitalCase(opt.label) : value;\n        }}\n        onChange={(value) => {\n          const next = value ? set(value, [\"sectionTarget\"]) : unset([\"sectionTarget\"]);\n          return props.onChange(next);\n        }}\n        renderOption={({ label, value }) => {\n          return (\n            <Card as=\"button\">\n              <Box flex={1} padding={3}>\n                <Text size={2}>{changeCase.capitalCase(label ?? value)}</Text>\n              </Box>\n            </Card>\n          );\n        }}\n      />\n    </Stack>\n  );\n}\n\nexport { FieldInput, InternalLinkInput };\n","import type { LinkKind } from \"./types\";\n\n/** @public */\nexport function buildLinkPreview({\n  kind,\n  email,\n  phone,\n  fileName,\n  customText,\n  internalUri,\n  externalUrl,\n  internalTitle,\n}: {\n  kind?: string;\n  email?: string;\n  phone?: string;\n  fileName?: string;\n  customText?: string;\n  externalUrl?: string;\n  internalUri?: string;\n  internalTitle?: string;\n}) {\n  switch (kind as keyof typeof LinkKind) {\n    case \"internal\": {\n      return {\n        title: customText ?? internalTitle ?? \"Internal Link\",\n        subtitle: internalUri,\n        media: () => <>📄</>,\n      };\n    }\n    case \"external\":\n      return {\n        title: customText ?? \"External Link\",\n        subtitle: externalUrl,\n        media: () => <>🌍</>,\n      };\n    case \"email\":\n      return {\n        title: customText ?? \"Email Link\",\n        subtitle: email,\n        media: () => <>📧</>,\n      };\n    case \"phone\":\n      return {\n        title: customText ?? \"Phone Link\",\n        subtitle: phone,\n        media: () => <>☎️</>,\n      };\n    case \"file\":\n      return {\n        title: customText ?? \"File Link\",\n        subtitle: fileName,\n        media: () => <>📃</>,\n      };\n    default:\n      return {\n        title: customText ?? \"Empty Link\",\n        media: () => <>⛓️‍💥</>,\n      };\n  }\n}\n","import type { ListItem } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { ObjectDefinition, ObjectOptions, ReferenceTo } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.link\" as const;\n\n/** @public */\nexport const LinkKind = {\n  internal: \"internal\",\n  external: \"external\",\n  email: \"email\",\n  phone: \"phone\",\n  file: \"file\",\n} as const;\n\n/** @public */\nexport type SectionQueryResult = ListItem[];\n\n/** @public */\nexport type PluginConfig = {\n  weakReferences?: boolean;\n  internalLinkSchemaTypes: ReferenceTo;\n};\n\n/** @public */\nexport type FieldOptions = ObjectOptions & {\n  noCustomText?: boolean;\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<ObjectDefinition, \"type\" | \"fields\" | \"options\"> & {\n      type: typeof typeName;\n      options?: FieldOptions;\n    };\n  }\n}\n","import { requiredIf, visibleIf } from \"@madebywild/sanity-utils\";\nimport { defineField, definePlugin, defineType } from \"sanity\";\nimport { FieldInput, InternalLinkInput } from \"./input\";\nimport { buildLinkPreview } from \"./preview\";\nimport { type FieldOptions, LinkKind, type PluginConfig, type SectionQueryResult, typeName } from \"./types\";\n\nconst visibleIfKind = visibleIf(\"kind\");\nconst requiredIfKind = requiredIf(\"kind\");\n\n/** @public */\nconst wildSanityLinkFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-link-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Link\",\n          description: \"Link to an internal page, external URL and more.\",\n          icon: () => <>🔗</>,\n          components: {\n            input: (props) => <FieldInput {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"kind\",\n              type: \"string\",\n              title: \"Link Kind\",\n              description: \"Select the kind of link.\",\n              validation: (R) => R.required().error(\"Select a link kind.\"),\n              options: {\n                layout: \"radio\",\n                direction: \"horizontal\",\n                list: [\n                  { title: \"📄 Internal\", value: LinkKind.internal },\n                  { title: \"🌍 External\", value: LinkKind.external },\n                  { title: \"📧 Email\", value: LinkKind.email },\n                  { title: \"☎️ Phone\", value: LinkKind.phone },\n                  { title: \"📃 File\", value: LinkKind.file },\n                ],\n              },\n            }),\n            defineField({\n              name: LinkKind.external,\n              type: \"url\",\n              title: \"External Link\",\n              ...visibleIfKind(LinkKind.external),\n              ...requiredIfKind(LinkKind.external),\n            }),\n            defineField({\n              name: LinkKind.email,\n              type: \"string\",\n              title: \"Email\",\n              ...visibleIfKind(LinkKind.email),\n              ...requiredIfKind(LinkKind.email),\n            }),\n            defineField({\n              name: LinkKind.phone,\n              type: \"string\",\n              title: \"Phone\",\n              ...visibleIfKind(LinkKind.phone),\n              ...requiredIfKind(LinkKind.phone),\n            }),\n            defineField({\n              name: LinkKind.file,\n              type: \"file\",\n              title: \"File\",\n              ...visibleIfKind(LinkKind.file),\n              ...requiredIfKind(LinkKind.file),\n            }),\n            defineField({\n              name: LinkKind.internal,\n              type: \"object\",\n              ...visibleIfKind(LinkKind.internal),\n              ...requiredIfKind(LinkKind.internal),\n              options: { collapsed: false, collapsible: false },\n              components: {\n                field: (props) => <>{props.children}</>,\n                input: (props) => <InternalLinkInput {...props} />,\n              },\n              fields: [\n                defineField({\n                  type: \"reference\",\n                  name: \"link\",\n                  title: \"Internal Link\",\n                  description: \"Select a page and an optional section target.\",\n                  weak: config.weakReferences ?? true,\n                  to: config.internalLinkSchemaTypes,\n                  options: {\n                    disableNew: true,\n                  },\n                }),\n                defineField({\n                  type: \"string\",\n                  name: \"sectionTarget\",\n                  title: \"Section Target\",\n                }),\n              ],\n            }),\n            defineField({\n              name: \"customText\",\n              type: \"string\",\n              title: \"Custom text\",\n              description: \"Will take precedence over inferred text.\",\n            }),\n            defineField({\n              name: \"canDownload\",\n              type: \"boolean\",\n              title: \"Downloadable\",\n              initialValue: true,\n              description: \"The file will be downloaded when the link is clicked.\",\n              options: { layout: \"switch\" },\n              ...visibleIfKind(LinkKind.file),\n              ...requiredIfKind(LinkKind.file),\n            }),\n            defineField({\n              name: \"openInNewTab\",\n              type: \"boolean\",\n              title: \"Open in new tab\",\n              description: \"Open the link in a new tab.\",\n              initialValue: false,\n              options: { layout: \"switch\" },\n              ...visibleIfKind([LinkKind.external, LinkKind.internal]),\n            }),\n          ],\n          preview: {\n            select: {\n              kind: \"kind\",\n              email: \"email\",\n              phone: \"phone\",\n              customText: \"customText\",\n              fileName: \"file.asset.originalFilename\",\n              externalUrl: \"external\",\n              internalUri: \"internal.uri.current\",\n              internalTitle: \"internal.title\",\n            },\n            prepare: (props) => {\n              return buildLinkPreview(props);\n            },\n          },\n        }),\n      ],\n    },\n  };\n});\n\nexport {\n  wildSanityLinkFieldPlugin,\n  typeName,\n  LinkKind,\n  buildLinkPreview,\n  type PluginConfig,\n  type FieldOptions,\n  type SectionQueryResult,\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/input.tsx","../src/preview.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { useFieldMember } from \"@madebywild/sanity-utils\";\nimport { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Box, Card, Stack, Text } from \"@sanity/ui\";\nimport * as changeCase from \"change-case\";\nimport * as React from \"react\";\nimport type { ObjectInputProps, ObjectMember, Reference } from \"sanity\";\nimport { MemberField, set, unset, useClient } from \"sanity\";\nimport type { FieldOptions } from \"./types\";\n\nfunction FieldInput(props: ObjectInputProps) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n\n  return (\n    <Stack space={4}>\n      {props.members.map((member: ObjectMember) => {\n        if (member.kind !== \"field\") return null;\n        if (options?.noCustomText && member.name === \"customText\") return null;\n        return <MemberField key={member.key} member={member} {...props} />;\n      })}\n    </Stack>\n  );\n}\n\nconst SectionsQuery = `\n  *[_id == $pageId && defined(pageBuilder.sectionsArray)][0]{\n    \"sections\": array::compact(pageBuilder.sectionsArray[]{\n      \"value\": _key,\n      \"label\": coalesce(sectionSettings.sectionTitle, _type),\n    }),\n  }.sections\n`;\n\nfunction InternalLinkInput(props: ObjectInputProps) {\n  const linkFieldMember = useFieldMember(props.members, \"link\");\n\n  const selectedLink = props.value?.link as Reference | undefined;\n  const selectedSection = props.value?.sectionTarget as string | undefined;\n\n  // Reset sectionTarget if link is removed.\n  React.useEffect(() => {\n    if (!selectedLink?._ref && selectedSection !== undefined) {\n      props.onChange(unset([\"sectionTarget\"]));\n    }\n  }, [selectedLink, selectedSection, props.onChange]);\n\n  const client = useClient({ apiVersion: \"2025-10-21\" });\n\n  const fetchSections = React.useCallback(async () => {\n    if (!selectedLink?._ref) return [];\n\n    try {\n      const items = await client.fetch(SectionsQuery, { pageId: selectedLink._ref });\n      return items;\n    } catch {\n      return [];\n    }\n  }, [client, selectedLink?._ref]);\n\n  return (\n    <Stack space={2}>\n      {linkFieldMember && <MemberField member={linkFieldMember} {...props} />}\n      {selectedLink?._ref && (\n        <AsyncAutocomplete\n          placeholder=\"Select section\"\n          noOptionsPlaceholder=\"No sections found\"\n          listItems={fetchSections}\n          value={selectedSection}\n          renderValue={(value, opt) => {\n            return opt?.label ? changeCase.capitalCase(opt.label) : value;\n          }}\n          onChange={(value) => {\n            const next = value ? set(value, [\"sectionTarget\"]) : unset([\"sectionTarget\"]);\n            return props.onChange(next);\n          }}\n          renderOption={({ label, value }) => {\n            return (\n              <Card as=\"button\">\n                <Box flex={1} padding={3}>\n                  <Text size={2}>{changeCase.capitalCase(label ?? value)}</Text>\n                </Box>\n              </Card>\n            );\n          }}\n        />\n      )}\n    </Stack>\n  );\n}\n\nexport { FieldInput, InternalLinkInput };\n","import type { LinkKind } from \"./types\";\n\n/** @public */\nexport function buildLinkPreview({\n  kind,\n  email,\n  phone,\n  fileName,\n  customText,\n  internalUri,\n  externalUrl,\n  internalTitle,\n}: {\n  kind?: string;\n  email?: string;\n  phone?: string;\n  fileName?: string;\n  customText?: string;\n  externalUrl?: string;\n  internalUri?: string;\n  internalTitle?: string;\n}) {\n  switch (kind as keyof typeof LinkKind) {\n    case \"internal\": {\n      return {\n        title: customText ?? internalTitle ?? \"Internal Link\",\n        subtitle: internalUri,\n        media: () => <>📄</>,\n      };\n    }\n    case \"external\":\n      return {\n        title: customText ?? \"External Link\",\n        subtitle: externalUrl,\n        media: () => <>🌍</>,\n      };\n    case \"email\":\n      return {\n        title: customText ?? \"Email Link\",\n        subtitle: email,\n        media: () => <>📧</>,\n      };\n    case \"phone\":\n      return {\n        title: customText ?? \"Phone Link\",\n        subtitle: phone,\n        media: () => <>☎️</>,\n      };\n    case \"file\":\n      return {\n        title: customText ?? \"File Link\",\n        subtitle: fileName,\n        media: () => <>📃</>,\n      };\n    default:\n      return {\n        title: customText ?? \"Empty Link\",\n        media: () => <>⛓️‍💥</>,\n      };\n  }\n}\n","import type { ListItem } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { ObjectDefinition, ObjectOptions, ReferenceTo } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.link\" as const;\n\n/** @public */\nexport const LinkKind = {\n  internal: \"internal\",\n  external: \"external\",\n  email: \"email\",\n  phone: \"phone\",\n  file: \"file\",\n} as const;\n\n/** @public */\nexport type SectionQueryResult = ListItem[];\n\n/** @public */\nexport type PluginConfig = {\n  weakReferences?: boolean;\n  internalLinkSchemaTypes: ReferenceTo;\n};\n\n/** @public */\nexport type FieldOptions = ObjectOptions & {\n  noCustomText?: boolean;\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<ObjectDefinition, \"type\" | \"fields\" | \"options\"> & {\n      type: typeof typeName;\n      options?: FieldOptions;\n    };\n  }\n}\n","import { requiredIf, visibleIf } from \"@madebywild/sanity-utils\";\nimport { defineField, definePlugin, defineType } from \"sanity\";\nimport { FieldInput, InternalLinkInput } from \"./input\";\nimport { buildLinkPreview } from \"./preview\";\nimport { type FieldOptions, LinkKind, type PluginConfig, type SectionQueryResult, typeName } from \"./types\";\n\nconst visibleIfKind = visibleIf(\"kind\");\nconst requiredIfKind = requiredIf(\"kind\");\n\n/** @public */\nconst wildSanityLinkFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-link-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Link\",\n          description: \"Link to an internal page, external URL and more.\",\n          icon: () => <>🔗</>,\n          components: {\n            input: (props) => <FieldInput {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"kind\",\n              type: \"string\",\n              title: \"Link Kind\",\n              description: \"Select the kind of link.\",\n              validation: (R) => R.required().error(\"Select a link kind.\"),\n              options: {\n                layout: \"radio\",\n                direction: \"horizontal\",\n                list: [\n                  { title: \"📄 Internal\", value: LinkKind.internal },\n                  { title: \"🌍 External\", value: LinkKind.external },\n                  { title: \"📧 Email\", value: LinkKind.email },\n                  { title: \"☎️ Phone\", value: LinkKind.phone },\n                  { title: \"📃 File\", value: LinkKind.file },\n                ],\n              },\n            }),\n            defineField({\n              name: LinkKind.external,\n              type: \"url\",\n              title: \"External Link\",\n              ...visibleIfKind(LinkKind.external),\n              ...requiredIfKind(LinkKind.external),\n            }),\n            defineField({\n              name: LinkKind.email,\n              type: \"string\",\n              title: \"Email\",\n              ...visibleIfKind(LinkKind.email),\n              ...requiredIfKind(LinkKind.email),\n            }),\n            defineField({\n              name: LinkKind.phone,\n              type: \"string\",\n              title: \"Phone\",\n              ...visibleIfKind(LinkKind.phone),\n              ...requiredIfKind(LinkKind.phone),\n            }),\n            defineField({\n              name: LinkKind.file,\n              type: \"file\",\n              title: \"File\",\n              ...visibleIfKind(LinkKind.file),\n              ...requiredIfKind(LinkKind.file),\n            }),\n            defineField({\n              name: LinkKind.internal,\n              type: \"object\",\n              ...visibleIfKind(LinkKind.internal),\n              ...requiredIfKind(LinkKind.internal),\n              options: { collapsed: false, collapsible: false },\n              components: {\n                field: (props) => <>{props.children}</>,\n                input: (props) => <InternalLinkInput {...props} />,\n              },\n              fields: [\n                defineField({\n                  type: \"reference\",\n                  name: \"link\",\n                  title: \"Internal Link\",\n                  description: \"Select a page and an optional section target.\",\n                  weak: config.weakReferences ?? true,\n                  to: config.internalLinkSchemaTypes,\n                  options: {\n                    disableNew: true,\n                  },\n                }),\n                defineField({\n                  type: \"string\",\n                  name: \"sectionTarget\",\n                  title: \"Section Target\",\n                }),\n              ],\n            }),\n            defineField({\n              name: \"customText\",\n              type: \"string\",\n              title: \"Custom text\",\n              description: \"Will take precedence over inferred text.\",\n            }),\n            defineField({\n              name: \"canDownload\",\n              type: \"boolean\",\n              title: \"Downloadable\",\n              initialValue: true,\n              description: \"The file will be downloaded when the link is clicked.\",\n              options: { layout: \"switch\" },\n              ...visibleIfKind(LinkKind.file),\n              ...requiredIfKind(LinkKind.file),\n            }),\n            defineField({\n              name: \"openInNewTab\",\n              type: \"boolean\",\n              title: \"Open in new tab\",\n              description: \"Open the link in a new tab.\",\n              initialValue: false,\n              options: { layout: \"switch\" },\n              ...visibleIfKind([LinkKind.external, LinkKind.internal]),\n            }),\n          ],\n          preview: {\n            select: {\n              kind: \"kind\",\n              email: \"email\",\n              phone: \"phone\",\n              customText: \"customText\",\n              fileName: \"file.asset.originalFilename\",\n              externalUrl: \"external\",\n              internalUri: \"internal.uri.current\",\n              internalTitle: \"internal.title\",\n            },\n            prepare: (props) => {\n              return buildLinkPreview(props);\n            },\n          },\n        }),\n      ],\n    },\n  };\n});\n\nexport {\n  wildSanityLinkFieldPlugin,\n  typeName,\n  LinkKind,\n  buildLinkPreview,\n  type PluginConfig,\n  type FieldOptions,\n  type SectionQueryResult,\n};\n"],"names":["FieldInput","props","$","_c","options","schemaType","t0","noCustomText","members","map","member","kind","name","key","t1","SectionsQuery","InternalLinkInput","linkFieldMember","useFieldMember","selectedLink","value","link","selectedSection","sectionTarget","React","useEffect","_ref","undefined","onChange","unset","client","useClient","apiVersion","fetchSections","useCallback","fetch","pageId","opt","label","changeCase","capitalCase","next","set","buildLinkPreview","email","phone","fileName","customText","internalUri","externalUrl","internalTitle","title","subtitle","media","typeName","LinkKind","internal","external","file","visibleIfKind","visibleIf","requiredIfKind","requiredIf","wildSanityLinkFieldPlugin","definePlugin","config","schema","types","defineType","type","description","icon","components","input","fields","defineField","validation","R","required","error","layout","direction","list","collapsed","collapsible","field","children","weak","weakReferences","to","internalLinkSchemaTypes","disableNew","initialValue","preview","select","prepare"],"mappings":";;;;;;;;AASA,SAAAA,WAAAC,OAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GACEC,UAAgBH,MAAKI,WAAWD;AAAqC,MAAAE;AAAAJ,WAAAE,SAAAG,gBAAAL,SAAAD,SAIhEK,KAAAL,MAAKO,QAAQC,IAAKC,YACbA,OAAMC,SAAU,WAChBP,SAAOG,gBAAkBG,OAAME,SAAU,eAAqB,2BAC1D,aAAA,EAAqCF,QAAM,GAAMT,MAAAA,GAAhCS,OAAMG,GAA+B,CAC/D,GAACX,EAAA,CAAA,IAAAE,SAAAG,cAAAL,OAAAD,OAAAC,OAAAI,MAAAA,KAAAJ,EAAA,CAAA;AAAA,MAAAY;AAAA,SAAAZ,SAAAI,MALJQ,KAAA,oBAAC,OAAA,EAAa,OAAA,GACXR,UAAAA,GAAAA,CAKH,GAAQJ,OAAAI,IAAAJ,OAAAY,MAAAA,KAAAZ,EAAA,CAAA,GANRY;AAMQ;AAIZ,MAAMC,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAStB,SAASC,kBAAkBf,OAAyB;AAClD,QAAMgB,kBAAkBC,eAAejB,MAAMO,SAAS,MAAM,GAEtDW,eAAelB,MAAMmB,OAAOC,MAC5BC,kBAAkBrB,MAAMmB,OAAOG;AAGrCC,QAAMC,UAAU,MAAM;AAChB,KAACN,cAAcO,QAAQJ,oBAAoBK,UAC7C1B,MAAM2B,SAASC,MAAM,CAAC,eAAe,CAAC,CAAC;AAAA,EAE3C,GAAG,CAACV,cAAcG,iBAAiBrB,MAAM2B,QAAQ,CAAC;AAElD,QAAME,SAASC,UAAU;AAAA,IAAEC,YAAY;AAAA,EAAA,CAAc,GAE/CC,gBAAgBT,MAAMU,YAAY,YAAY;AAClD,QAAI,CAACf,cAAcO,KAAM,QAAO,CAAA;AAEhC,QAAI;AAEF,aADc,MAAMI,OAAOK,MAAMpB,eAAe;AAAA,QAAEqB,QAAQjB,aAAaO;AAAAA,MAAAA,CAAM;AAAA,IAE/E,QAAQ;AACN,aAAO,CAAA;AAAA,IACT;AAAA,EACF,GAAG,CAACI,QAAQX,cAAcO,IAAI,CAAC;AAE/B,SACE,qBAAC,OAAA,EAAM,OAAO,GACXT,UAAAA;AAAAA,IAAAA,mBAAmB,oBAAC,aAAA,EAAY,QAAQA,iBAAiB,GAAIhB,OAAM;AAAA,IACnEkB,cAAcO,QACb,oBAAC,mBAAA,EACC,aAAY,kBACZ,sBAAqB,qBACrB,WAAWO,eACX,OAAOX,iBACP,aAAa,CAACF,OAAOiB,QACZA,KAAKC,QAAQC,WAAWC,YAAYH,IAAIC,KAAK,IAAIlB,OAE1D,UAAWA,CAAAA,YAAU;AACnB,YAAMqB,OAAOrB,UAAQsB,IAAItB,SAAO,CAAC,eAAe,CAAC,IAAIS,MAAM,CAAC,eAAe,CAAC;AAC5E,aAAO5B,MAAM2B,SAASa,IAAI;AAAA,IAC5B,GACA,cAAc,CAAC;AAAA,MAAEH;AAAAA,MAAOlB,OAAAA;AAAAA,IAAAA,0BAEnB,MAAA,EAAK,IAAG,UACP,UAAA,oBAAC,KAAA,EAAI,MAAM,GAAG,SAAS,GACrB,8BAAC,MAAA,EAAK,MAAM,GAAImB,UAAAA,WAAWC,YAAYF,SAASlB,OAAK,EAAA,CAAE,EAAA,CACzD,EAAA,CACF,EAAA,CAEF;AAAA,EAAA,GAGR;AAEJ;ACpFO,SAASuB,iBAAiB;AAAA,EAC/BhC;AAAAA,EACAiC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAUF,GAAG;AACD,UAAQvC,MAAAA;AAAAA,IACN,KAAK;AACH,aAAO;AAAA,QACLwC,OAAOJ,cAAcG,iBAAiB;AAAA,QACtCE,UAAUJ;AAAAA,QACVK,OAAOA,MAAM,oBAAA,UAAA,EAAE,UAAA,YAAA,CAAE;AAAA,MAAA;AAAA,IAGrB,KAAK;AACH,aAAO;AAAA,QACLF,OAAOJ,cAAc;AAAA,QACrBK,UAAUH;AAAAA,QACVI,OAAOA,MAAM,oBAAA,UAAA,EAAE,UAAA,YAAA,CAAE;AAAA,MAAA;AAAA,IAErB,KAAK;AACH,aAAO;AAAA,QACLF,OAAOJ,cAAc;AAAA,QACrBK,UAAUR;AAAAA,QACVS,OAAOA,MAAM,oBAAA,UAAA,EAAE,UAAA,YAAA,CAAE;AAAA,MAAA;AAAA,IAErB,KAAK;AACH,aAAO;AAAA,QACLF,OAAOJ,cAAc;AAAA,QACrBK,UAAUP;AAAAA,QACVQ,OAAOA,MAAM,oBAAA,UAAA,EAAE,UAAA,eAAA,CAAE;AAAA,MAAA;AAAA,IAErB,KAAK;AACH,aAAO;AAAA,QACLF,OAAOJ,cAAc;AAAA,QACrBK,UAAUN;AAAAA,QACVO,OAAOA,MAAM,oBAAA,UAAA,EAAE,UAAA,YAAA,CAAE;AAAA,MAAA;AAAA,IAErB;AACE,aAAO;AAAA,QACLF,OAAOJ,cAAc;AAAA,QACrBM,OAAOA,MAAM,oBAAA,UAAA,EAAE,UAAA,8BAAA,CAAK;AAAA,MAAA;AAAA,EACtB;AAEN;ACxDO,MAAMC,WAAW,aAGXC,WAAW;AAAA,EACtBC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVb,OAAO;AAAA,EACPC,OAAO;AAAA,EACPa,MAAM;AACR,GCPMC,gBAAgBC,UAAU,MAAM,GAChCC,iBAAiBC,WAAW,MAAM,GAGlCC,4BAA4BC,aAA4BC,CAAAA,YACrD;AAAA,EACLrD,MAAM;AAAA,EACNsD,QAAQ;AAAA,IACNC,OAAO,CACLC,WAAW;AAAA,MACTxD,MAAM0C;AAAAA,MACNe,MAAM;AAAA,MACNlB,OAAO;AAAA,MACPmB,aAAa;AAAA,MACbC,MAAMA,MAAM,oBAAA,UAAA,EAAE,UAAA,YAAA,CAAE;AAAA,MAChBC,YAAY;AAAA,QACVC,OAAQxE,CAAAA,UAAU,oBAAC,YAAA,EAAW,GAAIA,MAAAA,CAAM;AAAA,MAAA;AAAA,MAE1CyE,QAAQ,CACNC,YAAY;AAAA,QACV/D,MAAM;AAAA,QACNyD,MAAM;AAAA,QACNlB,OAAO;AAAA,QACPmB,aAAa;AAAA,QACbM,YAAaC,CAAAA,MAAMA,EAAEC,SAAAA,EAAWC,MAAM,qBAAqB;AAAA,QAC3D3E,SAAS;AAAA,UACP4E,QAAQ;AAAA,UACRC,WAAW;AAAA,UACXC,MAAM,CACJ;AAAA,YAAE/B,OAAO;AAAA,YAAe/B,OAAOmC,SAASC;AAAAA,UAAAA,GACxC;AAAA,YAAEL,OAAO;AAAA,YAAe/B,OAAOmC,SAASE;AAAAA,UAAAA,GACxC;AAAA,YAAEN,OAAO;AAAA,YAAY/B,OAAOmC,SAASX;AAAAA,UAAAA,GACrC;AAAA,YAAEO,OAAO;AAAA,YAAY/B,OAAOmC,SAASV;AAAAA,UAAAA,GACrC;AAAA,YAAEM,OAAO;AAAA,YAAW/B,OAAOmC,SAASG;AAAAA,UAAAA,CAAM;AAAA,QAAA;AAAA,MAE9C,CACD,GACDiB,YAAY;AAAA,QACV/D,MAAM2C,SAASE;AAAAA,QACfY,MAAM;AAAA,QACNlB,OAAO;AAAA,QACP,GAAGQ,cAAcJ,SAASE,QAAQ;AAAA,QAClC,GAAGI,eAAeN,SAASE,QAAQ;AAAA,MAAA,CACpC,GACDkB,YAAY;AAAA,QACV/D,MAAM2C,SAASX;AAAAA,QACfyB,MAAM;AAAA,QACNlB,OAAO;AAAA,QACP,GAAGQ,cAAcJ,SAASX,KAAK;AAAA,QAC/B,GAAGiB,eAAeN,SAASX,KAAK;AAAA,MAAA,CACjC,GACD+B,YAAY;AAAA,QACV/D,MAAM2C,SAASV;AAAAA,QACfwB,MAAM;AAAA,QACNlB,OAAO;AAAA,QACP,GAAGQ,cAAcJ,SAASV,KAAK;AAAA,QAC/B,GAAGgB,eAAeN,SAASV,KAAK;AAAA,MAAA,CACjC,GACD8B,YAAY;AAAA,QACV/D,MAAM2C,SAASG;AAAAA,QACfW,MAAM;AAAA,QACNlB,OAAO;AAAA,QACP,GAAGQ,cAAcJ,SAASG,IAAI;AAAA,QAC9B,GAAGG,eAAeN,SAASG,IAAI;AAAA,MAAA,CAChC,GACDiB,YAAY;AAAA,QACV/D,MAAM2C,SAASC;AAAAA,QACfa,MAAM;AAAA,QACN,GAAGV,cAAcJ,SAASC,QAAQ;AAAA,QAClC,GAAGK,eAAeN,SAASC,QAAQ;AAAA,QACnCpD,SAAS;AAAA,UAAE+E,WAAW;AAAA,UAAOC,aAAa;AAAA,QAAA;AAAA,QAC1CZ,YAAY;AAAA,UACVa,OAAQpF,CAAAA,UAAU,oBAAA,UAAA,EAAGA,UAAAA,MAAMqF,UAAS;AAAA,UACpCb,OAAQxE,CAAAA,UAAU,oBAAC,mBAAA,EAAkB,GAAIA,MAAAA,CAAM;AAAA,QAAA;AAAA,QAEjDyE,QAAQ,CACNC,YAAY;AAAA,UACVN,MAAM;AAAA,UACNzD,MAAM;AAAA,UACNuC,OAAO;AAAA,UACPmB,aAAa;AAAA,UACbiB,MAAMtB,OAAOuB,kBAAkB;AAAA,UAC/BC,IAAIxB,OAAOyB;AAAAA,UACXtF,SAAS;AAAA,YACPuF,YAAY;AAAA,UAAA;AAAA,QACd,CACD,GACDhB,YAAY;AAAA,UACVN,MAAM;AAAA,UACNzD,MAAM;AAAA,UACNuC,OAAO;AAAA,QAAA,CACR,CAAC;AAAA,MAAA,CAEL,GACDwB,YAAY;AAAA,QACV/D,MAAM;AAAA,QACNyD,MAAM;AAAA,QACNlB,OAAO;AAAA,QACPmB,aAAa;AAAA,MAAA,CACd,GACDK,YAAY;AAAA,QACV/D,MAAM;AAAA,QACNyD,MAAM;AAAA,QACNlB,OAAO;AAAA,QACPyC,cAAc;AAAA,QACdtB,aAAa;AAAA,QACblE,SAAS;AAAA,UAAE4E,QAAQ;AAAA,QAAA;AAAA,QACnB,GAAGrB,cAAcJ,SAASG,IAAI;AAAA,QAC9B,GAAGG,eAAeN,SAASG,IAAI;AAAA,MAAA,CAChC,GACDiB,YAAY;AAAA,QACV/D,MAAM;AAAA,QACNyD,MAAM;AAAA,QACNlB,OAAO;AAAA,QACPmB,aAAa;AAAA,QACbsB,cAAc;AAAA,QACdxF,SAAS;AAAA,UAAE4E,QAAQ;AAAA,QAAA;AAAA,QACnB,GAAGrB,cAAc,CAACJ,SAASE,UAAUF,SAASC,QAAQ,CAAC;AAAA,MAAA,CACxD,CAAC;AAAA,MAEJqC,SAAS;AAAA,QACPC,QAAQ;AAAA,UACNnF,MAAM;AAAA,UACNiC,OAAO;AAAA,UACPC,OAAO;AAAA,UACPE,YAAY;AAAA,UACZD,UAAU;AAAA,UACVG,aAAa;AAAA,UACbD,aAAa;AAAA,UACbE,eAAe;AAAA,QAAA;AAAA,QAEjB6C,SAAU9F,CAAAA,UACD0C,iBAAiB1C,KAAK;AAAA,MAAA;AAAA,IAEjC,CACD,CAAC;AAAA,EAAA;AAGR,EACD;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madebywild/sanity-link-field",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "type": "module",
   "sideEffects": false,
   "license": "UNLICENSED",
@@ -22,22 +22,23 @@
   },
   "dependencies": {
     "change-case": "^5.4.4",
-    "@madebywild/sanity-utils": "0.2.3"
+    "@madebywild/sanity-utils": "0.2.4"
   },
   "peerDependencies": {
     "@sanity/ui": "^3.1",
-    "sanity": "^4.17",
     "react": "^19",
-    "react-dom": "^19"
+    "react-dom": "^19",
+    "sanity": "^4.17"
   },
   "devDependencies": {
     "@sanity/pkg-utils": "^9.2",
-    "sanity": "^4.17",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "babel-plugin-react-compiler": "1.0.0",
     "react": "^19",
     "react-dom": "^19",
-    "typescript": "^5",
-    "@types/react": "^19",
-    "@types/react-dom": "^19"
+    "sanity": "^4.17",
+    "typescript": "^5"
   },
   "scripts": {
     "build": "pkg-utils build --strict",

package/src/input.tsx

@@ -45,36 +45,44 @@ function InternalLinkInput(props: ObjectInputProps) {
 
   const client = useClient({ apiVersion: "2025-10-21" });
 
-  const fetchSections = React.useCallback(() => {
+  const fetchSections = React.useCallback(async () => {
     if (!selectedLink?._ref) return [];
-    return client.fetch(SectionsQuery, { pageId: selectedLink._ref }).catch(() => []);
-  }, [client, selectedLink, SectionsQuery]);
+
+    try {
+      const items = await client.fetch(SectionsQuery, { pageId: selectedLink._ref });
+      return items;
+    } catch {
+      return [];
+    }
+  }, [client, selectedLink?._ref]);
 
   return (
     <Stack space={2}>
       {linkFieldMember && <MemberField member={linkFieldMember} {...props} />}
-      <AsyncAutocomplete
-        placeholder="Select section"
-        noOptionsPlaceholder="No sections found"
-        listItems={fetchSections}
-        value={selectedSection}
-        renderValue={(value, opt) => {
-          return opt?.label ? changeCase.capitalCase(opt.label) : value;
-        }}
-        onChange={(value) => {
-          const next = value ? set(value, ["sectionTarget"]) : unset(["sectionTarget"]);
-          return props.onChange(next);
-        }}
-        renderOption={({ label, value }) => {
-          return (
-            <Card as="button">
-              <Box flex={1} padding={3}>
-                <Text size={2}>{changeCase.capitalCase(label ?? value)}</Text>
-              </Box>
-            </Card>
-          );
-        }}
-      />
+      {selectedLink?._ref && (
+        <AsyncAutocomplete
+          placeholder="Select section"
+          noOptionsPlaceholder="No sections found"
+          listItems={fetchSections}
+          value={selectedSection}
+          renderValue={(value, opt) => {
+            return opt?.label ? changeCase.capitalCase(opt.label) : value;
+          }}
+          onChange={(value) => {
+            const next = value ? set(value, ["sectionTarget"]) : unset(["sectionTarget"]);
+            return props.onChange(next);
+          }}
+          renderOption={({ label, value }) => {
+            return (
+              <Card as="button">
+                <Box flex={1} padding={3}>
+                  <Text size={2}>{changeCase.capitalCase(label ?? value)}</Text>
+                </Box>
+              </Card>
+            );
+          }}
+        />
+      )}
     </Stack>
   );
 }