@srothgan/sanity-plugin-autocomplete-input 3.0.2 → 3.1.0

package/README.md

@@ -39,45 +39,69 @@ yarn add @srothgan/sanity-plugin-autocomplete-input
 Add it as a plugin in sanity.config.ts (or .js):
 
 ```js
-import { autocompletInput } from "@srothgan/sanity-plugin-autocomplete-input";
+import {autocompletInput} from '@srothgan/sanity-plugin-autocomplete-input'
 
 export default defineConfig({
   // ...
   plugins: [autocompletInput()],
-});
+})
 ```
 
-You can just use it as a schema type. To customize the autocomplete list you have 3 options:
+### Configuration Options
+
+You can configure the autocomplete behavior using one of three approaches:
+
+#### 1. Auto-aggregate from Existing Documents
 
-1. Specify the `autocompleteFieldPath` option, which the plugin will use to look for documents with the same field path to aggregate the option values.
-2. Manually specify options in the schema option
-3. Specify your own GROQ query returning a `[{ "value": "foobar" }]` format (you can use a `transform` function if this is not achievable using GROQ only)
+The plugin automatically collects unique values from documents with the same field:
 
 ```javascript
-export default {
-  fields: [
-    {
-      name: "autocomplete-input",
-      type: "autocomplete",
-      options: {
-        // specify field path
-        autocompleteFieldPath: "title",
-        // this option can be used to disable using "new" values
-        disableNew: false,
-        // manually specify options
-        options: [{ value: "Option 1" }, { value: "Option 2" }],
-        // specify custom groq query
-        groq: {
-          query: '*[_type == $type] { "value": title }',
-          params: {
-            type: "page",
-          },
-          transform: (values) => values,
-        },
+{
+  name: "category",
+  type: "autocomplete",
+  options: {
+    autocompleteFieldPath: "category", // aggregates from all documents with this field
+    disableNew: false, // optional: prevent users from creating new values
+  },
+}
+```
+
+#### 2. Manual Options List
+
+Provide a predefined list of options:
+
+```javascript
+{
+  name: "status",
+  type: "autocomplete",
+  options: {
+    options: [
+      { value: "Draft" },
+      { value: "Published" },
+      { value: "Archived" }
+    ],
+  },
+}
+```
+
+#### 3. Custom GROQ Query
+
+Define your own query for maximum flexibility:
+
+```javascript
+{
+  name: "author",
+  type: "autocomplete",
+  options: {
+    groq: {
+      query: '*[_type == $type] { "value": title }',
+      params: {
+        type: "author",
       },
+      transform: (values) => values, // optional: transform results
     },
-  ],
-};
+  },
+}
 ```
 
 ### Advanced GROQ parameters
@@ -88,11 +112,11 @@ It is also possible to refer to the current parent value (for a top-level field
 export default {
   fields: [
     {
-      name: "autocomplete-input",
-      type: "autocomplete",
+      name: 'autocomplete-input',
+      type: 'autocomplete',
       options: {
         groq: {
-          query: "*[_id != $docId]",
+          query: '*[_id != $docId]',
           params: (parent) => ({
             docId: parent?._id,
           }),
@@ -100,34 +124,17 @@ export default {
       },
     },
   ],
-};
+}
 ```
 
-## Differences from Original
-
-This maintained fork includes the following enhancements:
-
-### Updated Dependencies
-- **Sanity v4 & v5 Support**: Fully compatible with both Sanity Studio v4 and v5
-- **React 18 & 19 Support**: Works with React 18 (Sanity v4) and React 19 (Sanity v5)
-- **Modern Build Tooling**: Migrated from Babel to SWC for faster builds
-- **TypeScript 5.3**: Updated to latest TypeScript with improved type safety
-
-### Maintained & Active
-- Regular dependency updates for security and compatibility
-- Active issue tracking and bug fixes
-- Community-driven improvements
-
-All original functionality and API remain unchanged for seamless migration.
-
-## TypeScript Usage
+### TypeScript Usage
 
 The plugin is written in TypeScript and exports all necessary types:
 
 ```typescript
-import { defineConfig } from 'sanity'
-import { autocompletInput } from '@srothgan/sanity-plugin-autocomplete-input'
-import type { InputOptions } from '@srothgan/sanity-plugin-autocomplete-input'
+import {defineConfig} from 'sanity'
+import {autocompletInput} from '@srothgan/sanity-plugin-autocomplete-input'
+import type {InputOptions} from '@srothgan/sanity-plugin-autocomplete-input'
 
 export default defineConfig({
   // ...
@@ -153,12 +160,33 @@ export default defineConfig({
 })
 ```
 
+## Differences from Original
+
+This maintained fork includes the following enhancements:
+
+### Updated Dependencies
+
+- **Sanity v4 & v5 Support**: Fully compatible with both Sanity Studio v4 and v5
+- **React 18 & 19 Support**: Works with React 18 (Sanity v4) and React 19 (Sanity v5)
+- **Modern Build Tooling**: Migrated from Babel to SWC for faster builds
+- **TypeScript 5.3**: Updated to latest TypeScript with improved type safety
+
+### Maintained & Active
+
+- Regular dependency updates for security and compatibility
+- Active issue tracking and bug fixes
+- Community-driven improvements
+
+All original functionality and API remain unchanged for seamless migration.
+
 ## Troubleshooting
 
 ### Plugin not appearing in Studio
+
 Make sure you've added the plugin to your `sanity.config.ts`:
+
 ```typescript
-import { autocompletInput } from '@srothgan/sanity-plugin-autocomplete-input'
+import {autocompletInput} from '@srothgan/sanity-plugin-autocomplete-input'
 
 export default defineConfig({
   plugins: [autocompletInput()],
@@ -166,12 +194,15 @@ export default defineConfig({
 ```
 
 ### Autocomplete options not loading
+
 - Verify your GROQ query returns data in the format `[{ "value": "..." }]`
 - Check the browser console for any query errors
 - Ensure the `autocompleteFieldPath` matches an existing field in your documents
 
 ### TypeScript errors
+
 Make sure your `tsconfig.json` includes:
+
 ```json
 {
   "compilerOptions": {

package/dist/index.cjs

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: !0 });
+var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), compact = require("just-compact"), get = require("just-safe-get"), unique = require("just-unique"), React = require("react");
+function _interopDefaultCompat(e) {
+  return e && typeof e == "object" && "default" in e ? e : { default: e };
+}
+var compact__default = /* @__PURE__ */ _interopDefaultCompat(compact), get__default = /* @__PURE__ */ _interopDefaultCompat(get), unique__default = /* @__PURE__ */ _interopDefaultCompat(unique), React__default = /* @__PURE__ */ _interopDefaultCompat(React);
+const AutoCompleteInput = (props) => {
+  const { id, schemaType, value, validationError, readOnly, onChange } = props, sanityClient = sanity.useClient(), documentValue = sanity.useFormValue([]), [loading, setLoading] = React.useState(!1), [query, setQuery] = React__default.default.useState(""), [options, setOptions] = React__default.default.useState([]), canCreateNew = schemaType.options?.disableNew !== !0, optionsList = React.useMemo(() => {
+    const uniqueOptions = unique__default.default(
+      options.map(({ value: optionValue }) => optionValue),
+      !1,
+      !0
+    );
+    return !uniqueOptions.find((optionValue) => optionValue === query) && canCreateNew ? [
+      ...uniqueOptions.map((optionValue) => ({ value: optionValue })),
+      { value: query, isNew: !0 }
+    ] : uniqueOptions.map((optionValue) => ({ value: optionValue }));
+  }, [query, options, canCreateNew]), handleQueryChange = React.useCallback((queryValue) => {
+    setQuery(queryValue ?? "");
+  }, []), handleChange = React.useCallback(
+    (newValue) => {
+      onChange(sanity.PatchEvent.from(newValue ? sanity.set(newValue) : sanity.unset()));
+    },
+    [onChange]
+  ), renderOption = React.useCallback(
+    (option) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", padding: 3, tone: option.isNew ? "primary" : "default", shadow: 1, children: option.isNew ? canCreateNew && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { children: [
+      'Create new option "',
+      option.value,
+      '"'
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: option.value }) }),
+    [canCreateNew]
+  );
+  return React.useEffect(() => {
+    if (schemaType.options?.options) {
+      setOptions(schemaType.options.options), setLoading(!1);
+      return;
+    }
+    const path = schemaType.options?.autocompleteFieldPath ?? "title", {
+      query: groqQuery,
+      transform,
+      params = {}
+    } = schemaType.options?.groq || {
+      query: `*[defined(${path})] { "value": ${path} }`
+    }, resolvedParams = typeof params == "function" ? params(documentValue) : params;
+    setLoading(!0), sanityClient.fetch(groqQuery, resolvedParams).then((results) => {
+      if (Array.isArray(results)) {
+        const transformedResults = transform ? transform(results) : results, compactedValues = compact__default.default(transformedResults.map((doc) => get__default.default(doc, "value")));
+        setOptions(compactedValues.map((optionValue) => ({ value: String(optionValue) }))), setLoading(!1);
+      }
+    });
+  }, [schemaType.options, documentValue, sanityClient]), /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Autocomplete,
+    {
+      id,
+      readOnly: readOnly ?? !1,
+      customValidity: validationError,
+      loading,
+      disabled: loading,
+      options: optionsList,
+      value: value ?? "",
+      onChange: handleChange,
+      onQueryChange: handleQueryChange,
+      renderOption
+    }
+  );
+}, typeName = "autocomplete", autocompleteString = sanity.defineType({
+  name: typeName,
+  type: "string",
+  title: "Autocomplete",
+  components: { input: AutoCompleteInput }
+}), autocompletInput = sanity.definePlugin({
+  name: "sanity-plugin-autocomplete-input",
+  schema: {
+    types: [autocompleteString]
+  }
+});
+exports.autocompletInput = autocompletInput;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/AutoCompleteInput.tsx","../src/schemas/autocompleteString.ts","../src/index.ts"],"sourcesContent":["import {Autocomplete, Card, Text} from '@sanity/ui'\nimport compact from 'just-compact'\nimport get from 'just-safe-get'\nimport unique from 'just-unique'\nimport React, {useCallback, useEffect, useMemo, useState} from 'react'\nimport {\n  PatchEvent,\n  set,\n  StringInputProps,\n  StringSchemaType,\n  unset,\n  useClient,\n  useFormValue,\n} from 'sanity'\n\nimport type {InputOptions, Option} from './types/index.js'\n\nexport type AutocompleteSchemaType = Omit<StringSchemaType, 'options'> & {\n  options?: StringSchemaType['options'] & InputOptions\n}\nexport type InputProps = StringInputProps<AutocompleteSchemaType>\n\nexport const AutoCompleteInput = (props: InputProps): React.ReactElement => {\n  const {id, schemaType, value, validationError, readOnly, onChange} = props\n\n  const sanityClient = useClient()\n  const documentValue = useFormValue([])\n  const [loading, setLoading] = useState(false)\n  const [query, setQuery] = React.useState('')\n  const [options, setOptions] = React.useState<Option[]>([])\n  const canCreateNew = schemaType.options?.disableNew !== true\n\n  const optionsList = useMemo<(Option & {isNew?: boolean})[]>(() => {\n    const uniqueOptions = unique(\n      options.map(({value: optionValue}) => optionValue),\n      false,\n      true,\n    )\n    const queryInOptions = uniqueOptions.find((optionValue) => optionValue === query)\n    if (!queryInOptions && canCreateNew) {\n      return [\n        ...uniqueOptions.map((optionValue) => ({value: optionValue})),\n        {value: query, isNew: true},\n      ]\n    }\n\n    return uniqueOptions.map((optionValue) => ({value: optionValue}))\n  }, [query, options, canCreateNew])\n\n  const handleQueryChange = useCallback((queryValue: string | null) => {\n    setQuery(queryValue ?? '')\n  }, [])\n\n  const handleChange = useCallback(\n    (newValue: string) => {\n      onChange(PatchEvent.from(newValue ? set(newValue) : unset()))\n    },\n    [onChange],\n  )\n\n  const renderOption = useCallback(\n    (option: Option & {isNew?: boolean}) => (\n      <Card as=\"button\" padding={3} tone={option.isNew ? 'primary' : 'default'} shadow={1}>\n        {option.isNew ? (\n          canCreateNew && <Text>Create new option &quot;{option.value}&quot;</Text>\n        ) : (\n          <Text>{option.value}</Text>\n        )}\n      </Card>\n    ),\n    [canCreateNew],\n  )\n\n  useEffect(() => {\n    if (schemaType.options?.options) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setOptions(schemaType.options.options)\n      setLoading(false)\n      return\n    }\n\n    const path = schemaType.options?.autocompleteFieldPath ?? 'title'\n    const {\n      query: groqQuery,\n      transform,\n      params = {},\n    } = schemaType.options?.groq || {\n      query: `*[defined(${path})] { \"value\": ${path} }`,\n    }\n\n    const resolvedParams =\n      typeof params === 'function'\n        ? params(documentValue as Record<string, unknown> | undefined)\n        : params\n\n    setLoading(true)\n    sanityClient.fetch(groqQuery, resolvedParams).then((results) => {\n      if (Array.isArray(results)) {\n        const transformedResults = transform ? transform(results) : results\n        const compactedValues = compact(transformedResults.map((doc) => get(doc, 'value')))\n        setOptions(compactedValues.map((optionValue) => ({value: String(optionValue)})))\n        setLoading(false)\n      }\n    })\n  }, [schemaType.options, documentValue, sanityClient])\n\n  return (\n    <Autocomplete\n      id={id}\n      readOnly={readOnly ?? false}\n      customValidity={validationError}\n      loading={loading}\n      disabled={loading}\n      options={optionsList}\n      value={value ?? ''}\n      onChange={handleChange}\n      onQueryChange={handleQueryChange}\n      renderOption={renderOption}\n    />\n  )\n}\n","import {defineType, StringDefinition} from 'sanity'\n\nimport {AutoCompleteInput} from '../AutoCompleteInput.js'\nimport type {InputOptions} from '../types/index.js'\n\nconst typeName = 'autocomplete' as const\n\n/**\n * @public\n */\nexport interface AutocompleteStringDefinition extends Omit<\n  StringDefinition,\n  'type' | 'fields' | 'options'\n> {\n  type: typeof typeName\n  options?: InputOptions\n}\n\ndeclare module '@sanity/types' {\n  // makes type: 'color' narrow correctly when using defineTyp/defineField/defineArrayMember\n  export interface IntrinsicDefinitions {\n    autocomplete: AutocompleteStringDefinition\n  }\n}\n\nexport const autocompleteString = defineType({\n  name: typeName,\n  type: 'string',\n  title: 'Autocomplete',\n  components: {input: AutoCompleteInput},\n})\n","import {definePlugin} from 'sanity'\n\nimport {autocompleteString} from './schemas/autocompleteString.js'\n\nexport const autocompletInput = definePlugin({\n  name: 'sanity-plugin-autocomplete-input',\n  schema: {\n    types: [autocompleteString],\n  },\n})\n"],"names":["useClient","useFormValue","useState","React","useMemo","unique","useCallback","PatchEvent","set","unset","jsx","Card","Text","useEffect","compact","get","Autocomplete","defineType","definePlugin"],"mappings":"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"}

package/dist/index.d.cts

@@ -0,0 +1,5 @@
+import {Plugin as Plugin_2} from 'sanity'
+
+export declare const autocompletInput: Plugin_2<void>
+
+export {}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import {Plugin as Plugin_2} from 'sanity'
+
+export declare const autocompletInput: Plugin_2<void>
+
+export {}

package/dist/index.js

@@ -0,0 +1,81 @@
+import { useClient, useFormValue, PatchEvent, set, unset, defineType, definePlugin } from "sanity";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, Text, Autocomplete } from "@sanity/ui";
+import compact from "just-compact";
+import get from "just-safe-get";
+import unique from "just-unique";
+import React, { useState, useMemo, useCallback, useEffect } from "react";
+const AutoCompleteInput = (props) => {
+  const { id, schemaType, value, validationError, readOnly, onChange } = props, sanityClient = useClient(), documentValue = useFormValue([]), [loading, setLoading] = useState(!1), [query, setQuery] = React.useState(""), [options, setOptions] = React.useState([]), canCreateNew = schemaType.options?.disableNew !== !0, optionsList = useMemo(() => {
+    const uniqueOptions = unique(
+      options.map(({ value: optionValue }) => optionValue),
+      !1,
+      !0
+    );
+    return !uniqueOptions.find((optionValue) => optionValue === query) && canCreateNew ? [
+      ...uniqueOptions.map((optionValue) => ({ value: optionValue })),
+      { value: query, isNew: !0 }
+    ] : uniqueOptions.map((optionValue) => ({ value: optionValue }));
+  }, [query, options, canCreateNew]), handleQueryChange = useCallback((queryValue) => {
+    setQuery(queryValue ?? "");
+  }, []), handleChange = useCallback(
+    (newValue) => {
+      onChange(PatchEvent.from(newValue ? set(newValue) : unset()));
+    },
+    [onChange]
+  ), renderOption = useCallback(
+    (option) => /* @__PURE__ */ jsx(Card, { as: "button", padding: 3, tone: option.isNew ? "primary" : "default", shadow: 1, children: option.isNew ? canCreateNew && /* @__PURE__ */ jsxs(Text, { children: [
+      'Create new option "',
+      option.value,
+      '"'
+    ] }) : /* @__PURE__ */ jsx(Text, { children: option.value }) }),
+    [canCreateNew]
+  );
+  return useEffect(() => {
+    if (schemaType.options?.options) {
+      setOptions(schemaType.options.options), setLoading(!1);
+      return;
+    }
+    const path = schemaType.options?.autocompleteFieldPath ?? "title", {
+      query: groqQuery,
+      transform,
+      params = {}
+    } = schemaType.options?.groq || {
+      query: `*[defined(${path})] { "value": ${path} }`
+    }, resolvedParams = typeof params == "function" ? params(documentValue) : params;
+    setLoading(!0), sanityClient.fetch(groqQuery, resolvedParams).then((results) => {
+      if (Array.isArray(results)) {
+        const transformedResults = transform ? transform(results) : results, compactedValues = compact(transformedResults.map((doc) => get(doc, "value")));
+        setOptions(compactedValues.map((optionValue) => ({ value: String(optionValue) }))), setLoading(!1);
+      }
+    });
+  }, [schemaType.options, documentValue, sanityClient]), /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      id,
+      readOnly: readOnly ?? !1,
+      customValidity: validationError,
+      loading,
+      disabled: loading,
+      options: optionsList,
+      value: value ?? "",
+      onChange: handleChange,
+      onQueryChange: handleQueryChange,
+      renderOption
+    }
+  );
+}, typeName = "autocomplete", autocompleteString = defineType({
+  name: typeName,
+  type: "string",
+  title: "Autocomplete",
+  components: { input: AutoCompleteInput }
+}), autocompletInput = definePlugin({
+  name: "sanity-plugin-autocomplete-input",
+  schema: {
+    types: [autocompleteString]
+  }
+});
+export {
+  autocompletInput
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/AutoCompleteInput.tsx","../src/schemas/autocompleteString.ts","../src/index.ts"],"sourcesContent":["import {Autocomplete, Card, Text} from '@sanity/ui'\nimport compact from 'just-compact'\nimport get from 'just-safe-get'\nimport unique from 'just-unique'\nimport React, {useCallback, useEffect, useMemo, useState} from 'react'\nimport {\n  PatchEvent,\n  set,\n  StringInputProps,\n  StringSchemaType,\n  unset,\n  useClient,\n  useFormValue,\n} from 'sanity'\n\nimport type {InputOptions, Option} from './types/index.js'\n\nexport type AutocompleteSchemaType = Omit<StringSchemaType, 'options'> & {\n  options?: StringSchemaType['options'] & InputOptions\n}\nexport type InputProps = StringInputProps<AutocompleteSchemaType>\n\nexport const AutoCompleteInput = (props: InputProps): React.ReactElement => {\n  const {id, schemaType, value, validationError, readOnly, onChange} = props\n\n  const sanityClient = useClient()\n  const documentValue = useFormValue([])\n  const [loading, setLoading] = useState(false)\n  const [query, setQuery] = React.useState('')\n  const [options, setOptions] = React.useState<Option[]>([])\n  const canCreateNew = schemaType.options?.disableNew !== true\n\n  const optionsList = useMemo<(Option & {isNew?: boolean})[]>(() => {\n    const uniqueOptions = unique(\n      options.map(({value: optionValue}) => optionValue),\n      false,\n      true,\n    )\n    const queryInOptions = uniqueOptions.find((optionValue) => optionValue === query)\n    if (!queryInOptions && canCreateNew) {\n      return [\n        ...uniqueOptions.map((optionValue) => ({value: optionValue})),\n        {value: query, isNew: true},\n      ]\n    }\n\n    return uniqueOptions.map((optionValue) => ({value: optionValue}))\n  }, [query, options, canCreateNew])\n\n  const handleQueryChange = useCallback((queryValue: string | null) => {\n    setQuery(queryValue ?? '')\n  }, [])\n\n  const handleChange = useCallback(\n    (newValue: string) => {\n      onChange(PatchEvent.from(newValue ? set(newValue) : unset()))\n    },\n    [onChange],\n  )\n\n  const renderOption = useCallback(\n    (option: Option & {isNew?: boolean}) => (\n      <Card as=\"button\" padding={3} tone={option.isNew ? 'primary' : 'default'} shadow={1}>\n        {option.isNew ? (\n          canCreateNew && <Text>Create new option &quot;{option.value}&quot;</Text>\n        ) : (\n          <Text>{option.value}</Text>\n        )}\n      </Card>\n    ),\n    [canCreateNew],\n  )\n\n  useEffect(() => {\n    if (schemaType.options?.options) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setOptions(schemaType.options.options)\n      setLoading(false)\n      return\n    }\n\n    const path = schemaType.options?.autocompleteFieldPath ?? 'title'\n    const {\n      query: groqQuery,\n      transform,\n      params = {},\n    } = schemaType.options?.groq || {\n      query: `*[defined(${path})] { \"value\": ${path} }`,\n    }\n\n    const resolvedParams =\n      typeof params === 'function'\n        ? params(documentValue as Record<string, unknown> | undefined)\n        : params\n\n    setLoading(true)\n    sanityClient.fetch(groqQuery, resolvedParams).then((results) => {\n      if (Array.isArray(results)) {\n        const transformedResults = transform ? transform(results) : results\n        const compactedValues = compact(transformedResults.map((doc) => get(doc, 'value')))\n        setOptions(compactedValues.map((optionValue) => ({value: String(optionValue)})))\n        setLoading(false)\n      }\n    })\n  }, [schemaType.options, documentValue, sanityClient])\n\n  return (\n    <Autocomplete\n      id={id}\n      readOnly={readOnly ?? false}\n      customValidity={validationError}\n      loading={loading}\n      disabled={loading}\n      options={optionsList}\n      value={value ?? ''}\n      onChange={handleChange}\n      onQueryChange={handleQueryChange}\n      renderOption={renderOption}\n    />\n  )\n}\n","import {defineType, StringDefinition} from 'sanity'\n\nimport {AutoCompleteInput} from '../AutoCompleteInput.js'\nimport type {InputOptions} from '../types/index.js'\n\nconst typeName = 'autocomplete' as const\n\n/**\n * @public\n */\nexport interface AutocompleteStringDefinition extends Omit<\n  StringDefinition,\n  'type' | 'fields' | 'options'\n> {\n  type: typeof typeName\n  options?: InputOptions\n}\n\ndeclare module '@sanity/types' {\n  // makes type: 'color' narrow correctly when using defineTyp/defineField/defineArrayMember\n  export interface IntrinsicDefinitions {\n    autocomplete: AutocompleteStringDefinition\n  }\n}\n\nexport const autocompleteString = defineType({\n  name: typeName,\n  type: 'string',\n  title: 'Autocomplete',\n  components: {input: AutoCompleteInput},\n})\n","import {definePlugin} from 'sanity'\n\nimport {autocompleteString} from './schemas/autocompleteString.js'\n\nexport const autocompletInput = definePlugin({\n  name: 'sanity-plugin-autocomplete-input',\n  schema: {\n    types: [autocompleteString],\n  },\n})\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,30 +1,65 @@
 {
   "name": "@srothgan/sanity-plugin-autocomplete-input",
-  "version": "3.0.2",
+  "version": "3.1.0",
+  "description": "Autocomplete input plugin for Sanity",
+  "keywords": [
+    "sanity",
+    "sanity-plugin",
+    "autocomplete",
+    "input",
+    "v4",
+    "v5",
+    "maintained",
+    "sanity-v5"
+  ],
   "license": "MIT",
+  "author": "Simon Rothgang <simonrothgang@gmail.com>",
+  "contributors": [
+    {
+      "name": "Liam Martens",
+      "email": "liam@freighter.studio",
+      "url": "https://github.com/LiamMartens"
+    }
+  ],
+  "sideEffects": false,
   "type": "module",
-  "scripts": {
-    "build:js": "swc ./src -d ./lib --strip-leading-paths",
-    "build:types": "tsc -p .",
-    "build": "run-p build:*",
-    "lint": "eslint src/**/*.{ts,tsx}",
-    "lint:fix": "eslint src/**/*.{ts,tsx} --fix",
-    "format": "prettier --write \"src/**/*.{ts,tsx,json}\"",
-    "format:check": "prettier --check \"src/**/*.{ts,tsx,json}\""
-  },
-  "types": "./lib/index.d.ts",
-  "module": "./lib/index.js",
   "exports": {
     ".": {
-      "types": "./lib/index.d.ts",
-      "import": "./lib/index.js",
-      "default": "./lib/index.js"
-    }
+      "source": "./src/index.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   },
-  "browserslist": "> 0.5%, last 2 versions, not dead",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
-    "lib"
+    "dist",
+    "sanity.json",
+    "src",
+    "v2-incompatible.js"
   ],
+  "publishConfig": {
+    "exports": {
+      ".": {
+        "import": "./dist/index.js",
+        "require": "./dist/index.cjs",
+        "default": "./dist/index.js"
+      },
+      "./package.json": "./package.json"
+    }
+  },
+  "scripts": {
+    "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
+    "format": "prettier --write --cache --ignore-unknown .",
+    "format:check": "prettier --check --cache --ignore-unknown .",
+    "link-watch": "plugin-kit link-watch",
+    "lint": "eslint .",
+    "prepublishOnly": "npm run build",
+    "watch": "pkg-utils watch --strict"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/srothgan/srothgan-sanity-plugin-autocomplete-input"
@@ -32,51 +67,48 @@
   "bugs": {
     "url": "https://github.com/srothgan/srothgan-sanity-plugin-autocomplete-input/issues"
   },
-  "author": {
-    "name": "Simon Rothgang",
-    "email": "simonrothgang@gmail.com"
+  "dependencies": {
+    "@sanity/incompatible-plugin": "^1.0.5",
+    "just-compact": "^3.2.0",
+    "just-pick": "^4.2.0",
+    "just-safe-get": "^4.2.0",
+    "just-unique": "^4.2.0"
   },
-  "contributors": [
-    {
-      "name": "Liam Martens",
-      "email": "liam@freighter.studio",
-      "url": "https://github.com/LiamMartens"
-    }
-  ],
-  "keywords": [
-    "sanity-plugin",
-    "autocomplete",
-    "v4",
-    "v5",
-    "maintained",
-    "input",
-    "sanity-v5"
-  ],
   "devDependencies": {
+    "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.39.2",
+    "@sanity/pkg-utils": "^10.2.3",
+    "@sanity/plugin-kit": "^4.0.20",
     "@sanity/ui": "^3.1.11",
-    "@swc/cli": "^0.7.9",
-    "@swc/core": "^1.3.99",
-    "@types/node": "^20.19.0",
-    "@types/react": "^18.2.38",
-    "@types/react-dom": "^18.2.17",
+    "@types/react": "^19.2.7",
     "@typescript-eslint/eslint-plugin": "^8.50.1",
     "@typescript-eslint/parser": "^8.50.1",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-config-sanity": "^7.1.4",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "npm-run-all": "^4.1.5",
+    "prettier": "^3.7.4",
+    "prettier-plugin-packagejson": "^2.5.20",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "sanity": "^5.1.0",
     "styled-components": "^6.1.19",
-    "typescript": "~5.3.2"
+    "typescript": "^5.9.3"
   },
-  "dependencies": {
-    "just-compact": "^3.2.0",
-    "just-pick": "^4.2.0",
-    "just-safe-get": "^4.2.0",
-    "just-unique": "^4.2.0"
+  "peerDependencies": {
+    "@sanity/ui": "^2 || ^3",
+    "react": "^18 || ^19",
+    "sanity": "^4 || ^5"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "browserslist": "extends @sanity/browserslist-config",
+  "sanityPlugin": {
+    "verifyPackage": {
+      "eslintImports": false
+    }
   }
 }

package/sanity.json

@@ -0,0 +1,8 @@
+{
+  "parts": [
+    {
+      "implements": "part:@sanity/base/sanity-root",
+      "path": "./version-incompatible.js"
+    }
+  ]
+}

package/src/AutoCompleteInput.tsx

@@ -0,0 +1,121 @@
+import {Autocomplete, Card, Text} from '@sanity/ui'
+import compact from 'just-compact'
+import get from 'just-safe-get'
+import unique from 'just-unique'
+import React, {useCallback, useEffect, useMemo, useState} from 'react'
+import {
+  PatchEvent,
+  set,
+  StringInputProps,
+  StringSchemaType,
+  unset,
+  useClient,
+  useFormValue,
+} from 'sanity'
+
+import type {InputOptions, Option} from './types/index.js'
+
+export type AutocompleteSchemaType = Omit<StringSchemaType, 'options'> & {
+  options?: StringSchemaType['options'] & InputOptions
+}
+export type InputProps = StringInputProps<AutocompleteSchemaType>
+
+export const AutoCompleteInput = (props: InputProps): React.ReactElement => {
+  const {id, schemaType, value, validationError, readOnly, onChange} = props
+
+  const sanityClient = useClient()
+  const documentValue = useFormValue([])
+  const [loading, setLoading] = useState(false)
+  const [query, setQuery] = React.useState('')
+  const [options, setOptions] = React.useState<Option[]>([])
+  const canCreateNew = schemaType.options?.disableNew !== true
+
+  const optionsList = useMemo<(Option & {isNew?: boolean})[]>(() => {
+    const uniqueOptions = unique(
+      options.map(({value: optionValue}) => optionValue),
+      false,
+      true,
+    )
+    const queryInOptions = uniqueOptions.find((optionValue) => optionValue === query)
+    if (!queryInOptions && canCreateNew) {
+      return [
+        ...uniqueOptions.map((optionValue) => ({value: optionValue})),
+        {value: query, isNew: true},
+      ]
+    }
+
+    return uniqueOptions.map((optionValue) => ({value: optionValue}))
+  }, [query, options, canCreateNew])
+
+  const handleQueryChange = useCallback((queryValue: string | null) => {
+    setQuery(queryValue ?? '')
+  }, [])
+
+  const handleChange = useCallback(
+    (newValue: string) => {
+      onChange(PatchEvent.from(newValue ? set(newValue) : unset()))
+    },
+    [onChange],
+  )
+
+  const renderOption = useCallback(
+    (option: Option & {isNew?: boolean}) => (
+      <Card as="button" padding={3} tone={option.isNew ? 'primary' : 'default'} shadow={1}>
+        {option.isNew ? (
+          canCreateNew && <Text>Create new option &quot;{option.value}&quot;</Text>
+        ) : (
+          <Text>{option.value}</Text>
+        )}
+      </Card>
+    ),
+    [canCreateNew],
+  )
+
+  useEffect(() => {
+    if (schemaType.options?.options) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setOptions(schemaType.options.options)
+      setLoading(false)
+      return
+    }
+
+    const path = schemaType.options?.autocompleteFieldPath ?? 'title'
+    const {
+      query: groqQuery,
+      transform,
+      params = {},
+    } = schemaType.options?.groq || {
+      query: `*[defined(${path})] { "value": ${path} }`,
+    }
+
+    const resolvedParams =
+      typeof params === 'function'
+        ? params(documentValue as Record<string, unknown> | undefined)
+        : params
+
+    setLoading(true)
+    sanityClient.fetch(groqQuery, resolvedParams).then((results) => {
+      if (Array.isArray(results)) {
+        const transformedResults = transform ? transform(results) : results
+        const compactedValues = compact(transformedResults.map((doc) => get(doc, 'value')))
+        setOptions(compactedValues.map((optionValue) => ({value: String(optionValue)})))
+        setLoading(false)
+      }
+    })
+  }, [schemaType.options, documentValue, sanityClient])
+
+  return (
+    <Autocomplete
+      id={id}
+      readOnly={readOnly ?? false}
+      customValidity={validationError}
+      loading={loading}
+      disabled={loading}
+      options={optionsList}
+      value={value ?? ''}
+      onChange={handleChange}
+      onQueryChange={handleQueryChange}
+      renderOption={renderOption}
+    />
+  )
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+import {definePlugin} from 'sanity'
+
+import {autocompleteString} from './schemas/autocompleteString.js'
+
+export const autocompletInput = definePlugin({
+  name: 'sanity-plugin-autocomplete-input',
+  schema: {
+    types: [autocompleteString],
+  },
+})

package/src/schemas/autocompleteString.ts

@@ -0,0 +1,31 @@
+import {defineType, StringDefinition} from 'sanity'
+
+import {AutoCompleteInput} from '../AutoCompleteInput.js'
+import type {InputOptions} from '../types/index.js'
+
+const typeName = 'autocomplete' as const
+
+/**
+ * @public
+ */
+export interface AutocompleteStringDefinition extends Omit<
+  StringDefinition,
+  'type' | 'fields' | 'options'
+> {
+  type: typeof typeName
+  options?: InputOptions
+}
+
+declare module '@sanity/types' {
+  // makes type: 'color' narrow correctly when using defineTyp/defineField/defineArrayMember
+  export interface IntrinsicDefinitions {
+    autocomplete: AutocompleteStringDefinition
+  }
+}
+
+export const autocompleteString = defineType({
+  name: typeName,
+  type: 'string',
+  title: 'Autocomplete',
+  components: {input: AutoCompleteInput},
+})

package/src/types/InputOptions.ts

@@ -0,0 +1,12 @@
+import type {Option} from './Option.js'
+
+export type InputOptions<Parent = Record<string, unknown>, Params = Record<string, unknown>> = {
+  autocompleteFieldPath?: string
+  disableNew?: boolean
+  options?: Option[]
+  groq?: {
+    query: string
+    params?: Params | ((parent?: Parent) => Params)
+    transform?: (result: unknown) => Option[]
+  }
+}

package/{lib/types/Option.d.ts → src/types/Option.ts}

@@ -1,3 +1,3 @@
 export type Option = {
-    value: string;
-};
+  value: string
+}

package/src/types/index.ts

@@ -0,0 +1,2 @@
+export type {InputOptions} from './InputOptions.js'
+export type {Option} from './Option.js'

package/lib/AutoCompleteInput.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { StringInputProps, StringSchemaType } from "sanity";
-import type { InputOptions } from "./types";
-export type AutocompleteSchemaType = Omit<StringSchemaType, "options"> & {
-    options?: StringSchemaType["options"] & InputOptions;
-};
-export type InputProps = StringInputProps<AutocompleteSchemaType>;
-export declare const AutoCompleteInput: (props: InputProps) => React.JSX.Element;

package/lib/AutoCompleteInput.js

@@ -1,90 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import get from "just-safe-get";
-import compact from "just-compact";
-import unique from "just-unique";
-import { Autocomplete, Text, Card } from "@sanity/ui";
-import { PatchEvent, set, unset, useClient, useFormValue } from "sanity";
-export const AutoCompleteInput = (props)=>{
-    const { id, schemaType, value, validationError, readOnly, onChange } = props;
-    const sanityClient = useClient();
-    const documentValue = useFormValue([]);
-    const [loading, setLoading] = useState(false);
-    const [query, setQuery] = React.useState("");
-    const [options, setOptions] = React.useState([]);
-    const canCreateNew = schemaType.options?.disableNew !== true;
-    const optionsList = useMemo(()=>{
-        const uniqueOptions = unique(options.map(({ value })=>value), false, true);
-        const queryInOptions = uniqueOptions.find((value)=>value === query);
-        if (!queryInOptions && canCreateNew) {
-            return [
-                ...uniqueOptions.map((value)=>({
-                        value
-                    })),
-                {
-                    value: query,
-                    isNew: true
-                }
-            ];
-        }
-        return uniqueOptions.map((value)=>({
-                value
-            }));
-    }, [
-        query,
-        options,
-        canCreateNew
-    ]);
-    const handleQueryChange = useCallback((query)=>{
-        setQuery(query ?? "");
-    }, []);
-    const handleChange = useCallback((value)=>{
-        onChange(PatchEvent.from(value ? set(value) : unset()));
-    }, [
-        onChange
-    ]);
-    useEffect(()=>{
-        if (schemaType.options?.options) {
-            // eslint-disable-next-line react-hooks/set-state-in-effect
-            setOptions(schemaType.options.options);
-            setLoading(false);
-            return;
-        }
-        const path = schemaType.options?.autocompleteFieldPath ?? "title";
-        const { query, transform, params = {} } = schemaType.options?.groq || {
-            query: `*[defined(${path})] { "value": ${path} }`
-        };
-        const resolvedParams = typeof params === "function" ? params(documentValue) : params;
-        setLoading(true);
-        sanityClient.fetch(query, resolvedParams).then((results)=>{
-            if (Array.isArray(results)) {
-                const transformedResults = transform ? transform(results) : results;
-                const compactedValues = compact(transformedResults.map((doc)=>get(doc, "value")));
-                setOptions(compactedValues.map((value)=>({
-                        value: String(value)
-                    })));
-                setLoading(false);
-            }
-        });
-    }, [
-        schemaType.options,
-        documentValue,
-        sanityClient
-    ]);
-    return /*#__PURE__*/ React.createElement(Autocomplete, {
-        id: id,
-        readOnly: readOnly ?? false,
-        customValidity: validationError,
-        loading: loading,
-        disabled: loading,
-        options: optionsList,
-        value: value ?? "",
-        onChange: handleChange,
-        onQueryChange: handleQueryChange,
-        renderOption: (option)=>/*#__PURE__*/ React.createElement(Card, {
-                as: "button",
-                padding: 3,
-                tone: option.isNew ? "primary" : "default",
-                shadow: 1
-            }, option.isNew ? canCreateNew && /*#__PURE__*/ React.createElement(Text, null, 'Create new option "', option.value, '"') : /*#__PURE__*/ React.createElement(Text, null, option.value))
-    });
-};

package/lib/index.d.ts

@@ -1 +0,0 @@
-export declare const autocompletInput: import("sanity").Plugin<void>;

package/lib/index.js

@@ -1,10 +0,0 @@
-import { definePlugin } from "sanity";
-import { autocompleteString } from "./schemas/autocompleteString";
-export const autocompletInput = definePlugin({
-    name: "sanity-plugin-autocomplete-input",
-    schema: {
-        types: [
-            autocompleteString
-        ]
-    }
-});

package/lib/schemas/autocompleteString.d.ts

@@ -1,20 +0,0 @@
-import { StringDefinition } from "sanity";
-import type { InputOptions } from "../types";
-declare const typeName: "autocomplete";
-/**
- * @public
- */
-export interface AutocompleteStringDefinition extends Omit<StringDefinition, "type" | "fields" | "options"> {
-    type: typeof typeName;
-    options?: InputOptions;
-}
-declare module "@sanity/types" {
-    interface IntrinsicDefinitions {
-        autocomplete: AutocompleteStringDefinition;
-    }
-}
-export declare const autocompleteString: {
-    type: "string";
-    name: "autocomplete";
-} & Omit<StringDefinition, "preview">;
-export {};

package/lib/schemas/autocompleteString.js

@@ -1,11 +0,0 @@
-import { defineType } from "sanity";
-import { AutoCompleteInput } from "../AutoCompleteInput";
-const typeName = "autocomplete";
-export const autocompleteString = defineType({
-    name: typeName,
-    type: "string",
-    title: "Autocomplete",
-    components: {
-        input: AutoCompleteInput
-    }
-});

package/lib/types/InputOptions.d.ts

@@ -1,11 +0,0 @@
-import type { Option } from "./Option";
-export type InputOptions<Parent = Record<string, unknown>, Params = Record<string, unknown>> = {
-    autocompleteFieldPath?: string;
-    disableNew?: boolean;
-    options?: Option[];
-    groq?: {
-        query: string;
-        params?: Params | ((parent?: Parent) => Params);
-        transform?: (result: unknown) => Option[];
-    };
-};

package/lib/types/InputOptions.js

@@ -1 +0,0 @@
-export { };

package/lib/types/Option.js

@@ -1 +0,0 @@
-export { };

package/lib/types/index.d.ts

@@ -1,2 +0,0 @@
-export type { InputOptions } from "./InputOptions";
-export type { Option } from "./Option";

package/lib/types/index.js

@@ -1 +0,0 @@
-export { };