@madebywild/sanity-link-field 0.0.4 → 0.0.6

package/dist/index.cjs

@@ -1,10 +1,262 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-require("react/jsx-runtime");
-require("@madebywild/sanity-utils");
-require("sanity");
-var index = require("./_chunks-cjs/index.cjs");
-exports.buildLinkPreview = index.buildLinkPreview;
-exports.typeName = index.typeName;
-exports.wildSanityLinkFieldPlugin = index.wildSanityLinkFieldPlugin;
+var jsxRuntime = require("react/jsx-runtime"), sanityUtils = require("@madebywild/sanity-utils"), sanity = require("sanity"), 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);
+  return e && Object.keys(e).forEach(function(k) {
+    if (k !== "default") {
+      var d = Object.getOwnPropertyDescriptor(e, k);
+      Object.defineProperty(n, k, d.get ? d : {
+        enumerable: !0,
+        get: function() {
+          return e[k];
+        }
+      });
+    }
+  }), n.default = e, Object.freeze(n);
+}
+var changeCase__namespace = /* @__PURE__ */ _interopNamespaceCompat(changeCase), React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+function useFieldMember(members, fieldName) {
+  return React__namespace.useMemo(
+    () => members.find((member) => member.kind === "field" && member.name === fieldName),
+    [members, fieldName]
+  );
+}
+function InternalLinkInput({
+  config,
+  value,
+  onChange
+}) {
+  const linkQuery = config.internalLinkQuery, queryTransformer = config.internalLinkTransformer, client = sanity.useClient({ apiVersion: "2025-10-21" }), [items, setItems] = React__namespace.useState([]), selectedItem = items.find((_) => _.value === value?.link?._ref);
+  return React__namespace.useEffect(() => {
+    client.fetch(linkQuery).then(queryTransformer).then((items2) => items2.sort((a, b) => a.label.localeCompare(b.label))).then(setItems);
+  }, [client, linkQuery, queryTransformer]), /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", gap: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      sanityUtils.AsyncAutocomplete,
+      {
+        placeholder: "Select page",
+        defaultValue: value?.link?._ref,
+        listItems: items,
+        onChange: (value2) => {
+          const next = value2 ? sanity.set({ _ref: value2, _type: "reference" }, ["link"]) : sanity.unset(["link"]);
+          return onChange(next);
+        },
+        renderValue: (value2, opt) => opt?.label ? changeCase__namespace.capitalCase(opt.label) : value2,
+        renderOption: ({ label, uri }) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { flex: 1, padding: 3, gap: 2, direction: "column", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: changeCase__namespace.capitalCase(label) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 0, muted: !0, children: uri })
+        ] }) })
+      }
+    ),
+    selectedItem?.sections?.length ? /* @__PURE__ */ jsxRuntime.jsx(
+      sanityUtils.AsyncAutocomplete,
+      {
+        placeholder: "Select section",
+        defaultValue: value?.sectionTarget,
+        listItems: selectedItem?.sections,
+        onChange: (value2) => {
+          const next = value2 ? sanity.set(value2, ["sectionTarget"]) : sanity.unset(["sectionTarget"]);
+          return onChange(next);
+        },
+        renderValue: (value2, opt) => opt?.label ? changeCase__namespace.capitalCase(opt.label) : value2,
+        renderOption: ({ label }) => /* @__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) }) }) })
+      }
+    ) : null
+  ] });
+}
+function LinkInput(props) {
+  const options = props.schemaType.options, typeFieldMember = useFieldMember(props.members, "type"), externalFieldMember = useFieldMember(props.members, "external"), emailFieldMember = useFieldMember(props.members, "email"), phoneFieldMember = useFieldMember(props.members, "phone"), fileFieldMember = useFieldMember(props.members, "file"), canDownloadFieldMember = useFieldMember(props.members, "canDownload"), internalFieldMember = useFieldMember(props.members, "internal"), customTextFieldMember = useFieldMember(props.members, "customText"), openInNewTabFieldMember = useFieldMember(props.members, "openInNewTab");
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
+    typeFieldMember && /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member: typeFieldMember, ...props }),
+    externalFieldMember && /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member: externalFieldMember, ...props }),
+    emailFieldMember && /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member: emailFieldMember, ...props }),
+    phoneFieldMember && /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member: phoneFieldMember, ...props }),
+    fileFieldMember && /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member: fileFieldMember, ...props }),
+    canDownloadFieldMember && /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member: canDownloadFieldMember, ...props }),
+    internalFieldMember && /* @__PURE__ */ jsxRuntime.jsx(InternalLinkInput, { ...props }),
+    !options?.noCustomText && customTextFieldMember && /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member: customTextFieldMember, ...props }),
+    openInNewTabFieldMember && /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberField, { member: openInNewTabFieldMember, ...props })
+  ] });
+}
+const typeName = "wild.link", visibleIfType = sanityUtils.visibleIf("type"), requiredIfType = sanityUtils.requiredIf("type");
+function buildLinkPreview({
+  type,
+  customText,
+  internalUri,
+  internalTitle,
+  externalUrl,
+  email,
+  phone,
+  fileName
+}) {
+  switch (type) {
+    case "internal":
+      return {
+        title: customText ?? internalTitle ?? "Internal Link",
+        subtitle: internalUri,
+        media: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F4C4}" })
+      };
+    case "external":
+      return {
+        title: customText ?? "External Link",
+        subtitle: externalUrl,
+        media: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F30D}" })
+      };
+    case "email":
+      return {
+        title: customText ?? "Email Link",
+        subtitle: email,
+        media: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F4E7}" })
+      };
+    case "phone":
+      return {
+        title: customText ?? "Phone Link",
+        subtitle: phone,
+        media: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u260E\uFE0F" })
+      };
+    case "file":
+      return {
+        title: customText ?? "File Link",
+        subtitle: fileName,
+        media: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F4C3}" })
+      };
+    default:
+      return {
+        title: customText ?? "Empty Link",
+        media: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u26D3\uFE0F\u200D\u{1F4A5}" })
+      };
+  }
+}
+const wildSanityLinkFieldPlugin = sanity.definePlugin((config) => ({
+  name: "@madebywild/sanity-link-field",
+  schema: {
+    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(LinkInput, { config, ...props })
+        },
+        fields: [
+          sanity.defineField({
+            name: "type",
+            type: "string",
+            title: "Link Type",
+            options: {
+              layout: "dropdown",
+              list: [
+                { title: "\u{1F4C4} Internal Link", value: "internal" },
+                { title: "\u{1F30D} External Link", value: "external" },
+                { title: "\u{1F4E7} Email", value: "email" },
+                { title: "\u260E\uFE0F Phone", value: "phone" },
+                { title: "\u{1F4C3} File", value: "file" }
+              ]
+            }
+          }),
+          sanity.defineField({
+            name: "external",
+            type: "url",
+            title: "External Link",
+            ...visibleIfType("external"),
+            ...requiredIfType("external")
+          }),
+          sanity.defineField({
+            name: "email",
+            type: "string",
+            title: "Email",
+            ...visibleIfType("email"),
+            ...requiredIfType("email")
+          }),
+          sanity.defineField({
+            name: "phone",
+            type: "string",
+            title: "Phone",
+            ...visibleIfType("phone"),
+            ...requiredIfType("phone")
+          }),
+          sanity.defineField({
+            name: "file",
+            type: "file",
+            title: "File",
+            ...visibleIfType("file"),
+            ...requiredIfType("file")
+          }),
+          sanity.defineField({
+            name: "canDownload",
+            type: "boolean",
+            title: "Downloadable",
+            initialValue: !0,
+            description: "The file will be downloaded when the link is clicked.",
+            options: { layout: "switch" },
+            ...visibleIfType("file"),
+            ...requiredIfType("file")
+          }),
+          sanity.defineField({
+            name: "internal",
+            type: "object",
+            title: "Internal Link",
+            description: "Select a page and an optional section target.",
+            ...visibleIfType("internal"),
+            ...requiredIfType("internal"),
+            options: {
+              collapsed: !1,
+              collapsible: !1
+            },
+            fields: [
+              sanity.defineField({
+                type: "reference",
+                weak: !0,
+                name: "link",
+                title: "Page",
+                // Note: The custom input component will augment this and add more types.
+                // We need to keep at least one type here for Sanity to not complain.
+                to: config.internalLinkSchemaTypes ?? [{ type: "page" }]
+              }),
+              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: "openInNewTab",
+            type: "boolean",
+            title: "Open in new tab",
+            description: "Open the link in a new tab.",
+            initialValue: !1,
+            options: { layout: "switch" },
+            ...visibleIfType(["external", "internal"])
+          })
+        ],
+        preview: {
+          select: {
+            type: "type",
+            email: "email",
+            phone: "phone",
+            customText: "customText",
+            fileName: "file.asset.originalFilename",
+            externalUrl: "external",
+            internalUri: "internal.uri.current",
+            internalTitle: "internal.title"
+          },
+          prepare: (props) => buildLinkPreview(props)
+        }
+      })
+    ]
+  }
+}));
+exports.buildLinkPreview = buildLinkPreview;
+exports.typeName = typeName;
+exports.wildSanityLinkFieldPlugin = wildSanityLinkFieldPlugin;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/input.tsx","../src/types.ts","../src/index.tsx"],"sourcesContent":["import { AsyncAutocomplete } from \"@madebywild/sanity-utils\";\nimport { Box, Card, Flex, Stack, Text } from \"@sanity/ui\";\nimport * as changeCase from \"change-case\";\nimport * as React from \"react\";\nimport type { FieldMember, ObjectInputProps, ObjectMember } from \"sanity\";\nimport { MemberField, set, unset, useClient } from \"sanity\";\nimport type { FieldOptions, InternalLinksQueryResult, PluginConfig } from \"./types\";\n\nfunction useFieldMember(members: ObjectMember[], fieldName: string): FieldMember | undefined {\n  return React.useMemo(\n    () => members.find((member): member is FieldMember => member.kind === \"field\" && member.name === fieldName),\n    [members, fieldName]\n  );\n}\n\nfunction InternalLinkInput({\n  config,\n  value,\n  onChange,\n}: ObjectInputProps & {\n  config: PluginConfig;\n}) {\n  const linkQuery = config.internalLinkQuery;\n  const queryTransformer = config.internalLinkTransformer;\n\n  const client = useClient({ apiVersion: \"2025-10-21\" });\n\n  const [items, setItems] = React.useState<InternalLinksQueryResult>([]);\n  const selectedItem = items.find((_) => _.value === value?.link?._ref);\n\n  React.useEffect(() => {\n    client\n      .fetch(linkQuery)\n      .then(queryTransformer)\n      .then((items) => items.sort((a, b) => a.label.localeCompare(b.label)))\n      .then(setItems);\n  }, [client, linkQuery, queryTransformer]);\n\n  return (\n    <Flex direction=\"column\" gap={2}>\n      <AsyncAutocomplete\n        placeholder=\"Select page\"\n        defaultValue={value?.link?._ref}\n        listItems={items}\n        onChange={(value) => {\n          const next = value ? set({ _ref: value, _type: \"reference\" }, [\"link\"]) : unset([\"link\"]);\n          return onChange(next);\n        }}\n        renderValue={(value, opt) => {\n          return opt?.label ? changeCase.capitalCase(opt.label) : value;\n        }}\n        renderOption={({ label, uri }) => {\n          return (\n            <Card as=\"button\">\n              <Flex flex={1} padding={3} gap={2} direction=\"column\">\n                <Text size={2}>{changeCase.capitalCase(label)}</Text>\n                <Text size={0} muted>\n                  {uri}\n                </Text>\n              </Flex>\n            </Card>\n          );\n        }}\n      />\n      {selectedItem?.sections?.length ? (\n        <AsyncAutocomplete\n          placeholder=\"Select section\"\n          defaultValue={value?.sectionTarget}\n          listItems={selectedItem?.sections}\n          onChange={(value) => {\n            const next = value ? set(value, [\"sectionTarget\"]) : unset([\"sectionTarget\"]);\n            return onChange(next);\n          }}\n          renderValue={(value, opt) => {\n            return opt?.label ? changeCase.capitalCase(opt.label) : value;\n          }}\n          renderOption={({ label }) => {\n            return (\n              <Card as=\"button\">\n                <Box flex={1} padding={3}>\n                  <Text size={2}>{changeCase.capitalCase(label)}</Text>\n                </Box>\n              </Card>\n            );\n          }}\n        />\n      ) : null}\n    </Flex>\n  );\n}\n\nfunction LinkInput(props: ObjectInputProps & { config: PluginConfig }) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n\n  const typeFieldMember = useFieldMember(props.members, \"type\");\n  const externalFieldMember = useFieldMember(props.members, \"external\");\n  const emailFieldMember = useFieldMember(props.members, \"email\");\n  const phoneFieldMember = useFieldMember(props.members, \"phone\");\n  const fileFieldMember = useFieldMember(props.members, \"file\");\n  const canDownloadFieldMember = useFieldMember(props.members, \"canDownload\");\n  const internalFieldMember = useFieldMember(props.members, \"internal\");\n  const customTextFieldMember = useFieldMember(props.members, \"customText\");\n  const openInNewTabFieldMember = useFieldMember(props.members, \"openInNewTab\");\n\n  return (\n    <Stack space={4}>\n      {typeFieldMember && <MemberField member={typeFieldMember} {...props} />}\n      {externalFieldMember && <MemberField member={externalFieldMember} {...props} />}\n      {emailFieldMember && <MemberField member={emailFieldMember} {...props} />}\n      {phoneFieldMember && <MemberField member={phoneFieldMember} {...props} />}\n      {fileFieldMember && <MemberField member={fileFieldMember} {...props} />}\n      {canDownloadFieldMember && <MemberField member={canDownloadFieldMember} {...props} />}\n      {internalFieldMember && <InternalLinkInput {...props} />}\n      {!options?.noCustomText && customTextFieldMember && <MemberField member={customTextFieldMember} {...props} />}\n      {openInNewTabFieldMember && <MemberField member={openInNewTabFieldMember} {...props} />}\n    </Stack>\n  );\n}\n\nexport { LinkInput };\n","import type { ObjectDefinition, ObjectOptions, ReferenceTo } from \"sanity\";\n\n/** @public */\nexport type InternalLinksQueryResult = {\n  label: string;\n  value: string;\n  uri?: string;\n  sections?: {\n    label: string;\n    value: string;\n  }[];\n}[];\n\n/** @public */\nexport type PluginConfig = {\n  internalLinkQuery: string;\n  internalLinkSchemaTypes?: ReferenceTo;\n  internalLinkTransformer: <QueryRes = unknown>(queryRes: QueryRes) => InternalLinksQueryResult;\n};\n\n/** @public */\nexport type FieldOptions = ObjectOptions & {\n  noCustomText?: boolean;\n};\n\n/** @public */\nexport const typeName = \"wild.link\" as const;\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\"> & {\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 { LinkInput } from \"./input\";\nimport { type FieldOptions, type InternalLinksQueryResult, type PluginConfig, typeName } from \"./types\";\n\nconst visibleIfType = visibleIf(\"type\");\nconst requiredIfType = requiredIf(\"type\");\n\n/** @public */\nfunction buildLinkPreview({\n  type,\n  customText,\n  internalUri,\n  internalTitle,\n  externalUrl,\n  email,\n  phone,\n  fileName,\n}: {\n  type?: string;\n  customText?: string;\n  internalUri?: string;\n  internalTitle?: string;\n  externalUrl?: string;\n  email?: string;\n  phone?: string;\n  fileName?: string;\n}) {\n  switch (type) {\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\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) => <LinkInput config={config} {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"type\",\n              type: \"string\",\n              title: \"Link Type\",\n              options: {\n                layout: \"dropdown\",\n                list: [\n                  { title: \"📄 Internal Link\", value: \"internal\" },\n                  { title: \"🌍 External Link\", value: \"external\" },\n                  { title: \"📧 Email\", value: \"email\" },\n                  { title: \"☎️ Phone\", value: \"phone\" },\n                  { title: \"📃 File\", value: \"file\" },\n                ],\n              },\n            }),\n            defineField({\n              name: \"external\",\n              type: \"url\",\n              title: \"External Link\",\n              ...visibleIfType(\"external\"),\n              ...requiredIfType(\"external\"),\n            }),\n            defineField({\n              name: \"email\",\n              type: \"string\",\n              title: \"Email\",\n              ...visibleIfType(\"email\"),\n              ...requiredIfType(\"email\"),\n            }),\n            defineField({\n              name: \"phone\",\n              type: \"string\",\n              title: \"Phone\",\n              ...visibleIfType(\"phone\"),\n              ...requiredIfType(\"phone\"),\n            }),\n            defineField({\n              name: \"file\",\n              type: \"file\",\n              title: \"File\",\n              ...visibleIfType(\"file\"),\n              ...requiredIfType(\"file\"),\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              ...visibleIfType(\"file\"),\n              ...requiredIfType(\"file\"),\n            }),\n            defineField({\n              name: \"internal\",\n              type: \"object\",\n              title: \"Internal Link\",\n              description: \"Select a page and an optional section target.\",\n              ...visibleIfType(\"internal\"),\n              ...requiredIfType(\"internal\"),\n              options: {\n                collapsed: false,\n                collapsible: false,\n              },\n              fields: [\n                defineField({\n                  type: \"reference\",\n                  weak: true,\n                  name: \"link\",\n                  title: \"Page\",\n                  // Note: The custom input component will augment this and add more types.\n                  // We need to keep at least one type here for Sanity to not complain.\n                  to: config.internalLinkSchemaTypes ?? [{ type: \"page\" }],\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: \"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              ...visibleIfType([\"external\", \"internal\"]),\n            }),\n          ],\n          preview: {\n            select: {\n              type: \"type\",\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  buildLinkPreview,\n  typeName,\n  type FieldOptions,\n  type InternalLinksQueryResult,\n  type PluginConfig,\n};\n"],"names":["React","useClient","items","jsxs","Flex","jsx","AsyncAutocomplete","value","set","unset","changeCase","Card","Text","Box","Stack","MemberField","visibleIf","requiredIf","Fragment","definePlugin","defineType","defineField"],"mappings":"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"}

package/dist/index.js

@@ -1,7 +1,248 @@
-import "react/jsx-runtime";
-import "@madebywild/sanity-utils";
-import "sanity";
-import { buildLinkPreview, typeName, wildSanityLinkFieldPlugin } from "./_chunks-es/index.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { AsyncAutocomplete, visibleIf, requiredIf } from "@madebywild/sanity-utils";
+import { MemberField, useClient, set, unset, definePlugin, defineType, defineField } from "sanity";
+import { Stack, Flex, Card, Text, Box } from "@sanity/ui";
+import * as changeCase from "change-case";
+import * as React from "react";
+function useFieldMember(members, fieldName) {
+  return React.useMemo(
+    () => members.find((member) => member.kind === "field" && member.name === fieldName),
+    [members, fieldName]
+  );
+}
+function InternalLinkInput({
+  config,
+  value,
+  onChange
+}) {
+  const linkQuery = config.internalLinkQuery, queryTransformer = config.internalLinkTransformer, client = useClient({ apiVersion: "2025-10-21" }), [items, setItems] = React.useState([]), selectedItem = items.find((_) => _.value === value?.link?._ref);
+  return React.useEffect(() => {
+    client.fetch(linkQuery).then(queryTransformer).then((items2) => items2.sort((a, b) => a.label.localeCompare(b.label))).then(setItems);
+  }, [client, linkQuery, queryTransformer]), /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+    /* @__PURE__ */ jsx(
+      AsyncAutocomplete,
+      {
+        placeholder: "Select page",
+        defaultValue: value?.link?._ref,
+        listItems: items,
+        onChange: (value2) => {
+          const next = value2 ? set({ _ref: value2, _type: "reference" }, ["link"]) : unset(["link"]);
+          return onChange(next);
+        },
+        renderValue: (value2, opt) => opt?.label ? changeCase.capitalCase(opt.label) : value2,
+        renderOption: ({ label, uri }) => /* @__PURE__ */ jsx(Card, { as: "button", children: /* @__PURE__ */ jsxs(Flex, { flex: 1, padding: 3, gap: 2, direction: "column", children: [
+          /* @__PURE__ */ jsx(Text, { size: 2, children: changeCase.capitalCase(label) }),
+          /* @__PURE__ */ jsx(Text, { size: 0, muted: !0, children: uri })
+        ] }) })
+      }
+    ),
+    selectedItem?.sections?.length ? /* @__PURE__ */ jsx(
+      AsyncAutocomplete,
+      {
+        placeholder: "Select section",
+        defaultValue: value?.sectionTarget,
+        listItems: selectedItem?.sections,
+        onChange: (value2) => {
+          const next = value2 ? set(value2, ["sectionTarget"]) : unset(["sectionTarget"]);
+          return onChange(next);
+        },
+        renderValue: (value2, opt) => opt?.label ? changeCase.capitalCase(opt.label) : value2,
+        renderOption: ({ label }) => /* @__PURE__ */ jsx(Card, { as: "button", children: /* @__PURE__ */ jsx(Box, { flex: 1, padding: 3, children: /* @__PURE__ */ jsx(Text, { size: 2, children: changeCase.capitalCase(label) }) }) })
+      }
+    ) : null
+  ] });
+}
+function LinkInput(props) {
+  const options = props.schemaType.options, typeFieldMember = useFieldMember(props.members, "type"), externalFieldMember = useFieldMember(props.members, "external"), emailFieldMember = useFieldMember(props.members, "email"), phoneFieldMember = useFieldMember(props.members, "phone"), fileFieldMember = useFieldMember(props.members, "file"), canDownloadFieldMember = useFieldMember(props.members, "canDownload"), internalFieldMember = useFieldMember(props.members, "internal"), customTextFieldMember = useFieldMember(props.members, "customText"), openInNewTabFieldMember = useFieldMember(props.members, "openInNewTab");
+  return /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    typeFieldMember && /* @__PURE__ */ jsx(MemberField, { member: typeFieldMember, ...props }),
+    externalFieldMember && /* @__PURE__ */ jsx(MemberField, { member: externalFieldMember, ...props }),
+    emailFieldMember && /* @__PURE__ */ jsx(MemberField, { member: emailFieldMember, ...props }),
+    phoneFieldMember && /* @__PURE__ */ jsx(MemberField, { member: phoneFieldMember, ...props }),
+    fileFieldMember && /* @__PURE__ */ jsx(MemberField, { member: fileFieldMember, ...props }),
+    canDownloadFieldMember && /* @__PURE__ */ jsx(MemberField, { member: canDownloadFieldMember, ...props }),
+    internalFieldMember && /* @__PURE__ */ jsx(InternalLinkInput, { ...props }),
+    !options?.noCustomText && customTextFieldMember && /* @__PURE__ */ jsx(MemberField, { member: customTextFieldMember, ...props }),
+    openInNewTabFieldMember && /* @__PURE__ */ jsx(MemberField, { member: openInNewTabFieldMember, ...props })
+  ] });
+}
+const typeName = "wild.link", visibleIfType = visibleIf("type"), requiredIfType = requiredIf("type");
+function buildLinkPreview({
+  type,
+  customText,
+  internalUri,
+  internalTitle,
+  externalUrl,
+  email,
+  phone,
+  fileName
+}) {
+  switch (type) {
+    case "internal":
+      return {
+        title: customText ?? internalTitle ?? "Internal Link",
+        subtitle: internalUri,
+        media: () => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F4C4}" })
+      };
+    case "external":
+      return {
+        title: customText ?? "External Link",
+        subtitle: externalUrl,
+        media: () => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F30D}" })
+      };
+    case "email":
+      return {
+        title: customText ?? "Email Link",
+        subtitle: email,
+        media: () => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F4E7}" })
+      };
+    case "phone":
+      return {
+        title: customText ?? "Phone Link",
+        subtitle: phone,
+        media: () => /* @__PURE__ */ jsx(Fragment, { children: "\u260E\uFE0F" })
+      };
+    case "file":
+      return {
+        title: customText ?? "File Link",
+        subtitle: fileName,
+        media: () => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F4C3}" })
+      };
+    default:
+      return {
+        title: customText ?? "Empty Link",
+        media: () => /* @__PURE__ */ jsx(Fragment, { children: "\u26D3\uFE0F\u200D\u{1F4A5}" })
+      };
+  }
+}
+const wildSanityLinkFieldPlugin = definePlugin((config) => ({
+  name: "@madebywild/sanity-link-field",
+  schema: {
+    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(LinkInput, { config, ...props })
+        },
+        fields: [
+          defineField({
+            name: "type",
+            type: "string",
+            title: "Link Type",
+            options: {
+              layout: "dropdown",
+              list: [
+                { title: "\u{1F4C4} Internal Link", value: "internal" },
+                { title: "\u{1F30D} External Link", value: "external" },
+                { title: "\u{1F4E7} Email", value: "email" },
+                { title: "\u260E\uFE0F Phone", value: "phone" },
+                { title: "\u{1F4C3} File", value: "file" }
+              ]
+            }
+          }),
+          defineField({
+            name: "external",
+            type: "url",
+            title: "External Link",
+            ...visibleIfType("external"),
+            ...requiredIfType("external")
+          }),
+          defineField({
+            name: "email",
+            type: "string",
+            title: "Email",
+            ...visibleIfType("email"),
+            ...requiredIfType("email")
+          }),
+          defineField({
+            name: "phone",
+            type: "string",
+            title: "Phone",
+            ...visibleIfType("phone"),
+            ...requiredIfType("phone")
+          }),
+          defineField({
+            name: "file",
+            type: "file",
+            title: "File",
+            ...visibleIfType("file"),
+            ...requiredIfType("file")
+          }),
+          defineField({
+            name: "canDownload",
+            type: "boolean",
+            title: "Downloadable",
+            initialValue: !0,
+            description: "The file will be downloaded when the link is clicked.",
+            options: { layout: "switch" },
+            ...visibleIfType("file"),
+            ...requiredIfType("file")
+          }),
+          defineField({
+            name: "internal",
+            type: "object",
+            title: "Internal Link",
+            description: "Select a page and an optional section target.",
+            ...visibleIfType("internal"),
+            ...requiredIfType("internal"),
+            options: {
+              collapsed: !1,
+              collapsible: !1
+            },
+            fields: [
+              defineField({
+                type: "reference",
+                weak: !0,
+                name: "link",
+                title: "Page",
+                // Note: The custom input component will augment this and add more types.
+                // We need to keep at least one type here for Sanity to not complain.
+                to: config.internalLinkSchemaTypes ?? [{ type: "page" }]
+              }),
+              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: "openInNewTab",
+            type: "boolean",
+            title: "Open in new tab",
+            description: "Open the link in a new tab.",
+            initialValue: !1,
+            options: { layout: "switch" },
+            ...visibleIfType(["external", "internal"])
+          })
+        ],
+        preview: {
+          select: {
+            type: "type",
+            email: "email",
+            phone: "phone",
+            customText: "customText",
+            fileName: "file.asset.originalFilename",
+            externalUrl: "external",
+            internalUri: "internal.uri.current",
+            internalTitle: "internal.title"
+          },
+          prepare: (props) => buildLinkPreview(props)
+        }
+      })
+    ]
+  }
+}));
 export {
   buildLinkPreview,
   typeName,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.js","sources":["../src/input.tsx","../src/types.ts","../src/index.tsx"],"sourcesContent":["import { AsyncAutocomplete } from \"@madebywild/sanity-utils\";\nimport { Box, Card, Flex, Stack, Text } from \"@sanity/ui\";\nimport * as changeCase from \"change-case\";\nimport * as React from \"react\";\nimport type { FieldMember, ObjectInputProps, ObjectMember } from \"sanity\";\nimport { MemberField, set, unset, useClient } from \"sanity\";\nimport type { FieldOptions, InternalLinksQueryResult, PluginConfig } from \"./types\";\n\nfunction useFieldMember(members: ObjectMember[], fieldName: string): FieldMember | undefined {\n  return React.useMemo(\n    () => members.find((member): member is FieldMember => member.kind === \"field\" && member.name === fieldName),\n    [members, fieldName]\n  );\n}\n\nfunction InternalLinkInput({\n  config,\n  value,\n  onChange,\n}: ObjectInputProps & {\n  config: PluginConfig;\n}) {\n  const linkQuery = config.internalLinkQuery;\n  const queryTransformer = config.internalLinkTransformer;\n\n  const client = useClient({ apiVersion: \"2025-10-21\" });\n\n  const [items, setItems] = React.useState<InternalLinksQueryResult>([]);\n  const selectedItem = items.find((_) => _.value === value?.link?._ref);\n\n  React.useEffect(() => {\n    client\n      .fetch(linkQuery)\n      .then(queryTransformer)\n      .then((items) => items.sort((a, b) => a.label.localeCompare(b.label)))\n      .then(setItems);\n  }, [client, linkQuery, queryTransformer]);\n\n  return (\n    <Flex direction=\"column\" gap={2}>\n      <AsyncAutocomplete\n        placeholder=\"Select page\"\n        defaultValue={value?.link?._ref}\n        listItems={items}\n        onChange={(value) => {\n          const next = value ? set({ _ref: value, _type: \"reference\" }, [\"link\"]) : unset([\"link\"]);\n          return onChange(next);\n        }}\n        renderValue={(value, opt) => {\n          return opt?.label ? changeCase.capitalCase(opt.label) : value;\n        }}\n        renderOption={({ label, uri }) => {\n          return (\n            <Card as=\"button\">\n              <Flex flex={1} padding={3} gap={2} direction=\"column\">\n                <Text size={2}>{changeCase.capitalCase(label)}</Text>\n                <Text size={0} muted>\n                  {uri}\n                </Text>\n              </Flex>\n            </Card>\n          );\n        }}\n      />\n      {selectedItem?.sections?.length ? (\n        <AsyncAutocomplete\n          placeholder=\"Select section\"\n          defaultValue={value?.sectionTarget}\n          listItems={selectedItem?.sections}\n          onChange={(value) => {\n            const next = value ? set(value, [\"sectionTarget\"]) : unset([\"sectionTarget\"]);\n            return onChange(next);\n          }}\n          renderValue={(value, opt) => {\n            return opt?.label ? changeCase.capitalCase(opt.label) : value;\n          }}\n          renderOption={({ label }) => {\n            return (\n              <Card as=\"button\">\n                <Box flex={1} padding={3}>\n                  <Text size={2}>{changeCase.capitalCase(label)}</Text>\n                </Box>\n              </Card>\n            );\n          }}\n        />\n      ) : null}\n    </Flex>\n  );\n}\n\nfunction LinkInput(props: ObjectInputProps & { config: PluginConfig }) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n\n  const typeFieldMember = useFieldMember(props.members, \"type\");\n  const externalFieldMember = useFieldMember(props.members, \"external\");\n  const emailFieldMember = useFieldMember(props.members, \"email\");\n  const phoneFieldMember = useFieldMember(props.members, \"phone\");\n  const fileFieldMember = useFieldMember(props.members, \"file\");\n  const canDownloadFieldMember = useFieldMember(props.members, \"canDownload\");\n  const internalFieldMember = useFieldMember(props.members, \"internal\");\n  const customTextFieldMember = useFieldMember(props.members, \"customText\");\n  const openInNewTabFieldMember = useFieldMember(props.members, \"openInNewTab\");\n\n  return (\n    <Stack space={4}>\n      {typeFieldMember && <MemberField member={typeFieldMember} {...props} />}\n      {externalFieldMember && <MemberField member={externalFieldMember} {...props} />}\n      {emailFieldMember && <MemberField member={emailFieldMember} {...props} />}\n      {phoneFieldMember && <MemberField member={phoneFieldMember} {...props} />}\n      {fileFieldMember && <MemberField member={fileFieldMember} {...props} />}\n      {canDownloadFieldMember && <MemberField member={canDownloadFieldMember} {...props} />}\n      {internalFieldMember && <InternalLinkInput {...props} />}\n      {!options?.noCustomText && customTextFieldMember && <MemberField member={customTextFieldMember} {...props} />}\n      {openInNewTabFieldMember && <MemberField member={openInNewTabFieldMember} {...props} />}\n    </Stack>\n  );\n}\n\nexport { LinkInput };\n","import type { ObjectDefinition, ObjectOptions, ReferenceTo } from \"sanity\";\n\n/** @public */\nexport type InternalLinksQueryResult = {\n  label: string;\n  value: string;\n  uri?: string;\n  sections?: {\n    label: string;\n    value: string;\n  }[];\n}[];\n\n/** @public */\nexport type PluginConfig = {\n  internalLinkQuery: string;\n  internalLinkSchemaTypes?: ReferenceTo;\n  internalLinkTransformer: <QueryRes = unknown>(queryRes: QueryRes) => InternalLinksQueryResult;\n};\n\n/** @public */\nexport type FieldOptions = ObjectOptions & {\n  noCustomText?: boolean;\n};\n\n/** @public */\nexport const typeName = \"wild.link\" as const;\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\"> & {\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 { LinkInput } from \"./input\";\nimport { type FieldOptions, type InternalLinksQueryResult, type PluginConfig, typeName } from \"./types\";\n\nconst visibleIfType = visibleIf(\"type\");\nconst requiredIfType = requiredIf(\"type\");\n\n/** @public */\nfunction buildLinkPreview({\n  type,\n  customText,\n  internalUri,\n  internalTitle,\n  externalUrl,\n  email,\n  phone,\n  fileName,\n}: {\n  type?: string;\n  customText?: string;\n  internalUri?: string;\n  internalTitle?: string;\n  externalUrl?: string;\n  email?: string;\n  phone?: string;\n  fileName?: string;\n}) {\n  switch (type) {\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\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) => <LinkInput config={config} {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"type\",\n              type: \"string\",\n              title: \"Link Type\",\n              options: {\n                layout: \"dropdown\",\n                list: [\n                  { title: \"📄 Internal Link\", value: \"internal\" },\n                  { title: \"🌍 External Link\", value: \"external\" },\n                  { title: \"📧 Email\", value: \"email\" },\n                  { title: \"☎️ Phone\", value: \"phone\" },\n                  { title: \"📃 File\", value: \"file\" },\n                ],\n              },\n            }),\n            defineField({\n              name: \"external\",\n              type: \"url\",\n              title: \"External Link\",\n              ...visibleIfType(\"external\"),\n              ...requiredIfType(\"external\"),\n            }),\n            defineField({\n              name: \"email\",\n              type: \"string\",\n              title: \"Email\",\n              ...visibleIfType(\"email\"),\n              ...requiredIfType(\"email\"),\n            }),\n            defineField({\n              name: \"phone\",\n              type: \"string\",\n              title: \"Phone\",\n              ...visibleIfType(\"phone\"),\n              ...requiredIfType(\"phone\"),\n            }),\n            defineField({\n              name: \"file\",\n              type: \"file\",\n              title: \"File\",\n              ...visibleIfType(\"file\"),\n              ...requiredIfType(\"file\"),\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              ...visibleIfType(\"file\"),\n              ...requiredIfType(\"file\"),\n            }),\n            defineField({\n              name: \"internal\",\n              type: \"object\",\n              title: \"Internal Link\",\n              description: \"Select a page and an optional section target.\",\n              ...visibleIfType(\"internal\"),\n              ...requiredIfType(\"internal\"),\n              options: {\n                collapsed: false,\n                collapsible: false,\n              },\n              fields: [\n                defineField({\n                  type: \"reference\",\n                  weak: true,\n                  name: \"link\",\n                  title: \"Page\",\n                  // Note: The custom input component will augment this and add more types.\n                  // We need to keep at least one type here for Sanity to not complain.\n                  to: config.internalLinkSchemaTypes ?? [{ type: \"page\" }],\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: \"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              ...visibleIfType([\"external\", \"internal\"]),\n            }),\n          ],\n          preview: {\n            select: {\n              type: \"type\",\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  buildLinkPreview,\n  typeName,\n  type FieldOptions,\n  type InternalLinksQueryResult,\n  type PluginConfig,\n};\n"],"names":["items","value"],"mappings":"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"}

package/package.json

@@ -4,7 +4,7 @@
   "type": "module",
   "sideEffects": false,
   "browserslist": "extends @sanity/browserslist-config",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "exports": {
     "./package.json": "./package.json",
     ".": {
@@ -31,6 +31,7 @@
     "change-case": "^5.4.4"
   },
   "peerDependencies": {
+    "@sanity/ui": "^3.1.11",
     "react": "^19",
     "react-dom": "^19",
     "sanity": "^4.17"