@whatworks/payload-select-search-field 1.0.2 → 2.0.0

package/README.md

@@ -28,20 +28,31 @@ import { selectSearch } from '@whatworks/payload-select-search-field'
 selectSearch({
   name: 'stripeCustomer',
   hasMany: true,
-  passDataToSearchFunction: true,
-  passSiblingDataToSearchFunction: true,
-  searchFunction: async ({ query, selectedValues }) => {
-    return [
-      { value: 'cus_123', label: `Result for ${query}` },
-      ...selectedValues.map((value) => ({
-        value,
-        label: `Selected: ${value}`,
-      })),
-    ]
+  search: {
+    debounce: {
+      query: 250,
+      watchedFields: 600,
+    },
+    passDataToSearchFunction: true,
+    passSiblingDataToSearchFunction: true,
+    watchFieldPaths: ['customerType', 'region'],
+    searchFunction: async ({ query, selectedValues }) => {
+      return [
+        { value: 'cus_123', label: `Result for ${query}` },
+        ...selectedValues.map((value) => ({
+          value,
+          label: `Selected: ${value}`,
+        })),
+      ]
+    },
   },
 })
 ```
 
+`debounce` controls request timing:
+- `query`: debounce in ms for search input typing.
+- `watchedFields`: debounce in ms for `watchFieldPaths`-driven refetches.
+
 `searchFunction` receives:
 - `query`: the current input text.
 - `selectedValues`: an array of currently selected values (empty array when nothing is selected).

package/dist/endpoint.js

@@ -10,9 +10,13 @@ const parseBody = async (req)=>{
     }
     return {};
 };
+const parseData = (value)=>{
+    if (value && typeof value === 'object' && !Array.isArray(value)) {
+        return value;
+    }
+    return undefined;
+};
 export const selectSearchEndpointHandler = ()=>({
-        method: 'post',
-        path: selectSearchEndpoint,
         handler: async (req)=>{
             if (!req.user) {
                 return Response.json({
@@ -24,14 +28,14 @@ export const selectSearchEndpointHandler = ()=>({
             let body;
             try {
                 body = await parseBody(req);
-            } catch (error) {
+            } catch  {
                 return Response.json({
                     error: 'Invalid JSON body'
                 }, {
                     status: 400
                 });
             }
-            const { entityType, slug, schemaPath } = body;
+            const { slug, entityType, schemaPath } = body;
             if (entityType !== 'collection' && entityType !== 'global') {
                 return Response.json({
                     error: 'Invalid entityType'
@@ -48,6 +52,8 @@ export const selectSearchEndpointHandler = ()=>({
             }
             const safeQuery = String(body.query || '').slice(0, maxQueryLength);
             const selectedValues = Array.isArray(body.selectedValues) ? body.selectedValues.map((value)=>String(value)) : [];
+            const data = parseData(body.data);
+            const siblingData = parseData(body.siblingData);
             const config = req.payload.config;
             const entityConfig = entityType === 'collection' ? config.collections?.find((collection)=>collection.slug === slug) : config.globals?.find((global)=>global.slug === slug);
             if (!entityConfig) {
@@ -87,12 +93,14 @@ export const selectSearchEndpointHandler = ()=>({
             const collectionConfig = entityType === 'collection' ? entityConfig : undefined;
             const globalConfig = entityType === 'global' ? entityConfig : undefined;
             const options = await searchFunction({
-                req,
+                collection: collectionConfig,
+                data,
+                field: fieldResult.field,
+                global: globalConfig,
                 query: safeQuery,
+                req,
                 selectedValues,
-                field: fieldResult.field,
-                collection: collectionConfig,
-                global: globalConfig
+                siblingData
             });
             if (!Array.isArray(options)) {
                 return Response.json({
@@ -105,7 +113,9 @@ export const selectSearchEndpointHandler = ()=>({
                 options
             };
             return Response.json(res);
-        }
+        },
+        method: 'post',
+        path: selectSearchEndpoint
     });
 
 //# sourceMappingURL=endpoint.js.map

package/dist/endpoint.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/endpoint.ts"],"sourcesContent":["import type {\n  Endpoint,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\nimport { getFieldByPath } from 'payload'\nimport type { SelectSearchRequest, SelectSearchResponse, SelectSearchFunction } from './types.js'\nimport { selectSearchEndpoint } from './endpointName.js'\n\nconst maxQueryLength = 200\n\nconst parseBody = async (req: PayloadRequest): Promise<Partial<SelectSearchRequest>> => {\n  if (typeof req.json === 'function') {\n    return (await req.json()) as Partial<SelectSearchRequest>\n  }\n\n  if (req.body && typeof req.body === 'object') {\n    return req.body as Partial<SelectSearchRequest>\n  }\n\n  return {}\n}\n\nexport const selectSearchEndpointHandler = (): Endpoint => ({\n  method: 'post',\n  path: selectSearchEndpoint,\n  handler: async (req: PayloadRequest) => {\n    if (!req.user) {\n      return Response.json({ error: 'Unauthorized' }, { status: 401 })\n    }\n\n    let body: Partial<SelectSearchRequest>\n    try {\n      body = await parseBody(req)\n    } catch (error) {\n      return Response.json({ error: 'Invalid JSON body' }, { status: 400 })\n    }\n\n    const { entityType, slug, schemaPath } = body\n    if (entityType !== 'collection' && entityType !== 'global') {\n      return Response.json({ error: 'Invalid entityType' }, { status: 400 })\n    }\n\n    if (!slug || !schemaPath) {\n      return Response.json({ error: 'Missing slug or schemaPath' }, { status: 400 })\n    }\n\n    const safeQuery = String(body.query || '').slice(0, maxQueryLength)\n    const selectedValues = Array.isArray(body.selectedValues)\n      ? body.selectedValues.map((value) => String(value))\n      : []\n\n    const config = req.payload.config\n    const entityConfig =\n      entityType === 'collection'\n        ? config.collections?.find((collection) => collection.slug === slug)\n        : config.globals?.find((global) => global.slug === slug)\n\n    if (!entityConfig) {\n      return Response.json({ error: 'Unknown entity' }, { status: 404 })\n    }\n\n    const fields = entityConfig.flattenedFields\n    if (!Array.isArray(fields)) {\n      return Response.json({ error: 'Fields not searchable' }, { status: 400 })\n    }\n\n    const fieldResult = getFieldByPath({\n      fields,\n      path: schemaPath.split('.').slice(1).join('.'),\n    })\n\n    if (!fieldResult) {\n      return Response.json({ error: 'Field not found' }, { status: 400 })\n    }\n\n    const searchFunction = fieldResult?.field?.custom?.searchFunction as\n      | SelectSearchFunction\n      | undefined\n\n    if (typeof searchFunction !== 'function') {\n      return Response.json({ error: 'Field not searchable' }, { status: 400 })\n    }\n\n    const collectionConfig =\n      entityType === 'collection' ? (entityConfig as SanitizedCollectionConfig) : undefined\n    const globalConfig =\n      entityType === 'global' ? (entityConfig as SanitizedGlobalConfig) : undefined\n\n    const options = await searchFunction({\n      req,\n      query: safeQuery,\n      selectedValues,\n      field: fieldResult.field,\n      collection: collectionConfig,\n      global: globalConfig,\n    })\n\n    if (!Array.isArray(options)) {\n      return Response.json({ error: 'Invalid searchFunction response' }, { status: 500 })\n    }\n\n    const res: SelectSearchResponse = {\n      options,\n    }\n\n    return Response.json(res)\n  },\n})\n"],"names":["getFieldByPath","selectSearchEndpoint","maxQueryLength","parseBody","req","json","body","selectSearchEndpointHandler","method","path","handler","user","Response","error","status","entityType","slug","schemaPath","safeQuery","String","query","slice","selectedValues","Array","isArray","map","value","config","payload","entityConfig","collections","find","collection","globals","global","fields","flattenedFields","fieldResult","split","join","searchFunction","field","custom","collectionConfig","undefined","globalConfig","options","res"],"mappings":"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"}
+{"version":3,"sources":["../src/endpoint.ts"],"sourcesContent":["import type {\n  Data,\n  Endpoint,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { getFieldByPath } from 'payload'\n\nimport type { SelectSearchFunction, SelectSearchRequest, SelectSearchResponse } from './types.js'\n\nimport { selectSearchEndpoint } from './endpointName.js'\n\nconst maxQueryLength = 200\n\nconst parseBody = async (req: PayloadRequest): Promise<Partial<SelectSearchRequest>> => {\n  if (typeof req.json === 'function') {\n    return (await req.json()) as Partial<SelectSearchRequest>\n  }\n\n  if (req.body && typeof req.body === 'object') {\n    return req.body as Partial<SelectSearchRequest>\n  }\n\n  return {}\n}\n\nconst parseData = (value: unknown): Data | undefined => {\n  if (value && typeof value === 'object' && !Array.isArray(value)) {\n    return value as Data\n  }\n\n  return undefined\n}\n\nexport const selectSearchEndpointHandler = (): Endpoint => ({\n  handler: async (req: PayloadRequest) => {\n    if (!req.user) {\n      return Response.json({ error: 'Unauthorized' }, { status: 401 })\n    }\n\n    let body: Partial<SelectSearchRequest>\n    try {\n      body = await parseBody(req)\n    } catch {\n      return Response.json({ error: 'Invalid JSON body' }, { status: 400 })\n    }\n\n    const { slug, entityType, schemaPath } = body\n    if (entityType !== 'collection' && entityType !== 'global') {\n      return Response.json({ error: 'Invalid entityType' }, { status: 400 })\n    }\n\n    if (!slug || !schemaPath) {\n      return Response.json({ error: 'Missing slug or schemaPath' }, { status: 400 })\n    }\n\n    const safeQuery = String(body.query || '').slice(0, maxQueryLength)\n    const selectedValues = Array.isArray(body.selectedValues)\n      ? body.selectedValues.map((value) => String(value))\n      : []\n    const data = parseData(body.data)\n    const siblingData = parseData(body.siblingData)\n\n    const config = req.payload.config\n    const entityConfig =\n      entityType === 'collection'\n        ? config.collections?.find((collection) => collection.slug === slug)\n        : config.globals?.find((global) => global.slug === slug)\n\n    if (!entityConfig) {\n      return Response.json({ error: 'Unknown entity' }, { status: 404 })\n    }\n\n    const fields = entityConfig.flattenedFields\n    if (!Array.isArray(fields)) {\n      return Response.json({ error: 'Fields not searchable' }, { status: 400 })\n    }\n\n    const fieldResult = getFieldByPath({\n      fields,\n      path: schemaPath.split('.').slice(1).join('.'),\n    })\n\n    if (!fieldResult) {\n      return Response.json({ error: 'Field not found' }, { status: 400 })\n    }\n\n    const searchFunction = fieldResult?.field?.custom?.searchFunction as\n      | SelectSearchFunction\n      | undefined\n\n    if (typeof searchFunction !== 'function') {\n      return Response.json({ error: 'Field not searchable' }, { status: 400 })\n    }\n\n    const collectionConfig =\n      entityType === 'collection' ? (entityConfig as SanitizedCollectionConfig) : undefined\n    const globalConfig =\n      entityType === 'global' ? (entityConfig as SanitizedGlobalConfig) : undefined\n\n    const options = await searchFunction({\n      collection: collectionConfig,\n      data,\n      field: fieldResult.field,\n      global: globalConfig,\n      query: safeQuery,\n      req,\n      selectedValues,\n      siblingData,\n    })\n\n    if (!Array.isArray(options)) {\n      return Response.json({ error: 'Invalid searchFunction response' }, { status: 500 })\n    }\n\n    const res: SelectSearchResponse = {\n      options,\n    }\n\n    return Response.json(res)\n  },\n  method: 'post',\n  path: selectSearchEndpoint,\n})\n"],"names":["getFieldByPath","selectSearchEndpoint","maxQueryLength","parseBody","req","json","body","parseData","value","Array","isArray","undefined","selectSearchEndpointHandler","handler","user","Response","error","status","slug","entityType","schemaPath","safeQuery","String","query","slice","selectedValues","map","data","siblingData","config","payload","entityConfig","collections","find","collection","globals","global","fields","flattenedFields","fieldResult","path","split","join","searchFunction","field","custom","collectionConfig","globalConfig","options","res","method"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { selectSearchEndpointHandler } from './endpoint.js';
 export { selectSearchEndpoint } from './endpointName.js';
 export { selectSearchPlugin as selectSearchPlugin } from './plugin.js';
+export { selectSearch } from './selectSearchField.js';
 export { selectSearchField } from './selectSearchField.js';
 export type { SelectSearchFunction, SelectSearchFunctionArgs, SelectSearchOption, SelectSearchRequest, SelectSearchResponse, } from './types.js';

package/dist/index.js

@@ -1,6 +1,7 @@
-export { selectSearchPlugin as selectSearchPlugin } from './plugin.js';
-export { selectSearchEndpoint } from './endpointName.js';
 export { selectSearchEndpointHandler } from './endpoint.js';
+export { selectSearchEndpoint } from './endpointName.js';
+export { selectSearchPlugin as selectSearchPlugin } from './plugin.js';
+export { selectSearch } from './selectSearchField.js';
 export { selectSearchField } from './selectSearchField.js';
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { selectSearchPlugin as selectSearchPlugin } from './plugin.js'\nexport { selectSearchEndpoint } from './endpointName.js'\nexport { selectSearchEndpointHandler } from './endpoint.js'\nexport { selectSearchField } from './selectSearchField.js'\nexport type {\n  SelectSearchFunction,\n  SelectSearchFunctionArgs,\n  SelectSearchOption,\n  SelectSearchRequest,\n  SelectSearchResponse,\n} from './types.js'\n"],"names":["selectSearchPlugin","selectSearchEndpoint","selectSearchEndpointHandler","selectSearchField"],"mappings":"AAAA,SAASA,sBAAsBA,kBAAkB,QAAQ,cAAa;AACtE,SAASC,oBAAoB,QAAQ,oBAAmB;AACxD,SAASC,2BAA2B,QAAQ,gBAAe;AAC3D,SAASC,iBAAiB,QAAQ,yBAAwB"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { selectSearchEndpointHandler } from './endpoint.js'\nexport { selectSearchEndpoint } from './endpointName.js'\nexport { selectSearchPlugin as selectSearchPlugin } from './plugin.js'\nexport { selectSearch } from './selectSearchField.js'\nexport { selectSearchField } from './selectSearchField.js'\nexport type {\n  SelectSearchFunction,\n  SelectSearchFunctionArgs,\n  SelectSearchOption,\n  SelectSearchRequest,\n  SelectSearchResponse,\n} from './types.js'\n"],"names":["selectSearchEndpointHandler","selectSearchEndpoint","selectSearchPlugin","selectSearch","selectSearchField"],"mappings":"AAAA,SAASA,2BAA2B,QAAQ,gBAAe;AAC3D,SAASC,oBAAoB,QAAQ,oBAAmB;AACxD,SAASC,sBAAsBA,kBAAkB,QAAQ,cAAa;AACtE,SAASC,YAAY,QAAQ,yBAAwB;AACrD,SAASC,iBAAiB,QAAQ,yBAAwB"}

package/dist/plugin.js

@@ -1,6 +1,6 @@
 import { selectSearchEndpointHandler } from './endpoint.js';
 export const selectSearchPlugin = ()=>{
-    return async (config)=>{
+    return (config)=>{
         config.endpoints = [
             ...config.endpoints || [],
             selectSearchEndpointHandler()

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import type { Plugin } from 'payload'\nimport { selectSearchEndpointHandler } from './endpoint.js'\n\nexport const selectSearchPlugin = (): Plugin => {\n  return async (config) => {\n    config.endpoints = [...(config.endpoints || []), selectSearchEndpointHandler()]\n    return config\n  }\n}\n"],"names":["selectSearchEndpointHandler","selectSearchPlugin","config","endpoints"],"mappings":"AACA,SAASA,2BAA2B,QAAQ,gBAAe;AAE3D,OAAO,MAAMC,qBAAqB;IAChC,OAAO,OAAOC;QACZA,OAAOC,SAAS,GAAG;eAAKD,OAAOC,SAAS,IAAI,EAAE;YAAGH;SAA8B;QAC/E,OAAOE;IACT;AACF,EAAC"}
+{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import type { Plugin } from 'payload'\n\nimport { selectSearchEndpointHandler } from './endpoint.js'\n\nexport const selectSearchPlugin = (): Plugin => {\n  return (config) => {\n    config.endpoints = [...(config.endpoints || []), selectSearchEndpointHandler()]\n    return config\n  }\n}\n"],"names":["selectSearchEndpointHandler","selectSearchPlugin","config","endpoints"],"mappings":"AAEA,SAASA,2BAA2B,QAAQ,gBAAe;AAE3D,OAAO,MAAMC,qBAAqB;IAChC,OAAO,CAACC;QACNA,OAAOC,SAAS,GAAG;eAAKD,OAAOC,SAAS,IAAI,EAAE;YAAGH;SAA8B;QAC/E,OAAOE;IACT;AACF,EAAC"}

package/dist/selectSearchField.d.ts

@@ -1,11 +1,39 @@
 import type { Field, TextField } from 'payload';
 import type { SelectSearchFunction } from './types.js';
+export type SelectSearchConfig = {
+    /** Debounce timings for client-side option refetching.
+     */
+    debounce?: SelectSearchDebounceConfig;
+    /** Send full form data to `searchFunction` as `data` on each request.
+     * @default false
+     */
+    passDataToSearchFunction?: boolean;
+    /** Send sibling field data to `searchFunction` as `siblingData` on each request.
+     * @default false
+     */
+    passSiblingDataToSearchFunction?: boolean;
+    searchFunction: SelectSearchFunction;
+    /** Re-fetch options when any of these field values change
+     * @default []
+     */
+    watchFieldPaths?: string[];
+};
+export type SelectSearchDebounceConfig = {
+    /** Debounce delay (ms) for query typing changes.
+     * @default 300
+     */
+    query?: number;
+    /** Debounce delay (ms) for watched field value changes.
+     * @default 700
+     */
+    watchedFields?: number;
+};
 export type SelectSearchFieldArgs = {
     admin?: TextField['admin'];
     custom?: Record<string, unknown>;
     hasMany?: boolean;
-    passDataToSearchFunction?: boolean;
-    searchFunction: SelectSearchFunction;
+    search: SelectSearchConfig;
     type?: 'text';
 } & Omit<TextField, 'admin' | 'custom' | 'hasMany' | 'type'>;
+export declare const selectSearch: (args: SelectSearchFieldArgs) => Field;
 export declare const selectSearchField: (args: SelectSearchFieldArgs) => Field;

package/dist/selectSearchField.js

@@ -1,20 +1,55 @@
-export const selectSearchField = (args)=>{
-    const { searchFunction, ...rest } = args;
+const normalizeWatchFieldPaths = (value)=>{
+    if (!Array.isArray(value)) {
+        return [];
+    }
+    const paths = value.map((entry)=>typeof entry === 'string' ? entry.trim() : '').filter(Boolean);
+    return Array.from(new Set(paths)).sort();
+};
+const normalizeDebounceMs = (value, fallback, key)=>{
+    if (value === undefined) {
+        return fallback;
+    }
+    if (typeof value !== 'number' || !Number.isFinite(value) || value < 0) {
+        throw new Error(`Invalid search.debounce.${key}: expected a finite number >= 0`);
+    }
+    return Math.floor(value);
+};
+export const selectSearch = (args)=>{
+    const { search, ...rest } = args;
+    const resolvedPassDataToSearchFunction = search.passDataToSearchFunction === true;
+    const resolvedPassSiblingDataToSearchFunction = search.passSiblingDataToSearchFunction === true;
+    const resolvedWatchFieldPaths = normalizeWatchFieldPaths(search.watchFieldPaths);
+    const resolvedQueryDebounceMs = normalizeDebounceMs(search.debounce?.query, 300, 'query');
+    const resolvedWatchedFieldsDebounceMs = normalizeDebounceMs(search.debounce?.watchedFields, 700, 'watchedFields');
     return {
         ...rest,
         type: 'text',
-        custom: {
-            ...args.custom,
-            searchFunction: args.searchFunction
-        },
         admin: {
             ...args.admin,
             components: {
                 ...args.admin?.components,
-                Field: args.admin?.components?.Field ?? '@whatworks/payload-select-search-field/client#SelectSearchField'
+                Field: {
+                    clientProps: {
+                        debounce: {
+                            query: resolvedQueryDebounceMs,
+                            watchedFields: resolvedWatchedFieldsDebounceMs
+                        },
+                        passDataToSearchFunction: resolvedPassDataToSearchFunction,
+                        passSiblingDataToSearchFunction: resolvedPassSiblingDataToSearchFunction,
+                        watchFieldPaths: resolvedWatchFieldPaths
+                    },
+                    path: '@whatworks/payload-select-search-field/client#SelectSearchField'
+                }
             }
+        },
+        custom: {
+            ...args.custom,
+            searchFunction: search.searchFunction
         }
     };
 };
+export const selectSearchField = (args)=>{
+    return selectSearch(args);
+};
 
 //# sourceMappingURL=selectSearchField.js.map

package/dist/selectSearchField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/selectSearchField.ts"],"sourcesContent":["import type { Field, TextField } from 'payload'\nimport type { SelectSearchFunction } from './types.js'\n\nexport type SelectSearchFieldArgs = Omit<TextField, 'admin' | 'custom' | 'type' | 'hasMany'> & {\n  hasMany?: boolean\n  type?: 'text'\n  searchFunction: SelectSearchFunction\n  custom?: Record<string, unknown>\n  admin?: TextField['admin']\n}\n\nexport const selectSearchField = (args: SelectSearchFieldArgs): Field => {\n  const { searchFunction, ...rest } = args\n  return {\n    ...rest,\n    type: 'text',\n    custom: {\n      ...args.custom,\n      searchFunction: args.searchFunction,\n    },\n    admin: {\n      ...args.admin,\n      components: {\n        ...args.admin?.components,\n        Field:\n          args.admin?.components?.Field ??\n          '@whatworks/payload-select-search-field/client#SelectSearchField',\n      },\n    },\n  } as Field\n}\n"],"names":["selectSearchField","args","searchFunction","rest","type","custom","admin","components","Field"],"mappings":"AAWA,OAAO,MAAMA,oBAAoB,CAACC;IAChC,MAAM,EAAEC,cAAc,EAAE,GAAGC,MAAM,GAAGF;IACpC,OAAO;QACL,GAAGE,IAAI;QACPC,MAAM;QACNC,QAAQ;YACN,GAAGJ,KAAKI,MAAM;YACdH,gBAAgBD,KAAKC,cAAc;QACrC;QACAI,OAAO;YACL,GAAGL,KAAKK,KAAK;YACbC,YAAY;gBACV,GAAGN,KAAKK,KAAK,EAAEC,UAAU;gBACzBC,OACEP,KAAKK,KAAK,EAAEC,YAAYC,SACxB;YACJ;QACF;IACF;AACF,EAAC"}
+{"version":3,"sources":["../src/selectSearchField.ts"],"sourcesContent":["import type { Field, TextField } from 'payload'\n\nimport type { SelectSearchFunction } from './types.js'\n\nexport type SelectSearchConfig = {\n  /** Debounce timings for client-side option refetching.\n   */\n  debounce?: SelectSearchDebounceConfig\n  /** Send full form data to `searchFunction` as `data` on each request.\n   * @default false\n   */\n  passDataToSearchFunction?: boolean\n  /** Send sibling field data to `searchFunction` as `siblingData` on each request.\n   * @default false\n   */\n  passSiblingDataToSearchFunction?: boolean\n  searchFunction: SelectSearchFunction\n  /** Re-fetch options when any of these field values change\n   * @default []\n   */\n  watchFieldPaths?: string[]\n}\n\nexport type SelectSearchDebounceConfig = {\n  /** Debounce delay (ms) for query typing changes.\n   * @default 300\n   */\n  query?: number\n  /** Debounce delay (ms) for watched field value changes.\n   * @default 700\n   */\n  watchedFields?: number\n}\n\nexport type SelectSearchFieldArgs = {\n  admin?: TextField['admin']\n  custom?: Record<string, unknown>\n  hasMany?: boolean\n  search: SelectSearchConfig\n  type?: 'text'\n} & Omit<TextField, 'admin' | 'custom' | 'hasMany' | 'type'>\n\nconst normalizeWatchFieldPaths = (value: unknown): string[] => {\n  if (!Array.isArray(value)) {\n    return []\n  }\n\n  const paths = value\n    .map((entry) => (typeof entry === 'string' ? entry.trim() : ''))\n    .filter(Boolean)\n\n  return Array.from(new Set(paths)).sort()\n}\n\nconst normalizeDebounceMs = (\n  value: unknown,\n  fallback: number,\n  key: 'query' | 'watchedFields',\n): number => {\n  if (value === undefined) {\n    return fallback\n  }\n\n  if (typeof value !== 'number' || !Number.isFinite(value) || value < 0) {\n    throw new Error(`Invalid search.debounce.${key}: expected a finite number >= 0`)\n  }\n\n  return Math.floor(value)\n}\n\nexport const selectSearch = (args: SelectSearchFieldArgs): Field => {\n  const { search, ...rest } = args\n\n  const resolvedPassDataToSearchFunction = search.passDataToSearchFunction === true\n  const resolvedPassSiblingDataToSearchFunction = search.passSiblingDataToSearchFunction === true\n  const resolvedWatchFieldPaths = normalizeWatchFieldPaths(search.watchFieldPaths)\n  const resolvedQueryDebounceMs = normalizeDebounceMs(search.debounce?.query, 300, 'query')\n  const resolvedWatchedFieldsDebounceMs = normalizeDebounceMs(\n    search.debounce?.watchedFields,\n    700,\n    'watchedFields',\n  )\n\n  return {\n    ...rest,\n    type: 'text',\n    admin: {\n      ...args.admin,\n      components: {\n        ...args.admin?.components,\n        Field: {\n          clientProps: {\n            debounce: {\n              query: resolvedQueryDebounceMs,\n              watchedFields: resolvedWatchedFieldsDebounceMs,\n            },\n            passDataToSearchFunction: resolvedPassDataToSearchFunction,\n            passSiblingDataToSearchFunction: resolvedPassSiblingDataToSearchFunction,\n            watchFieldPaths: resolvedWatchFieldPaths,\n          },\n          path: '@whatworks/payload-select-search-field/client#SelectSearchField',\n        },\n      },\n    },\n    custom: {\n      ...args.custom,\n      searchFunction: search.searchFunction,\n    },\n  } as Field\n}\n\nexport const selectSearchField = (args: SelectSearchFieldArgs): Field => {\n  return selectSearch(args)\n}\n"],"names":["normalizeWatchFieldPaths","value","Array","isArray","paths","map","entry","trim","filter","Boolean","from","Set","sort","normalizeDebounceMs","fallback","key","undefined","Number","isFinite","Error","Math","floor","selectSearch","args","search","rest","resolvedPassDataToSearchFunction","passDataToSearchFunction","resolvedPassSiblingDataToSearchFunction","passSiblingDataToSearchFunction","resolvedWatchFieldPaths","watchFieldPaths","resolvedQueryDebounceMs","debounce","query","resolvedWatchedFieldsDebounceMs","watchedFields","type","admin","components","Field","clientProps","path","custom","searchFunction","selectSearchField"],"mappings":"AA0CA,MAAMA,2BAA2B,CAACC;IAChC,IAAI,CAACC,MAAMC,OAAO,CAACF,QAAQ;QACzB,OAAO,EAAE;IACX;IAEA,MAAMG,QAAQH,MACXI,GAAG,CAAC,CAACC,QAAW,OAAOA,UAAU,WAAWA,MAAMC,IAAI,KAAK,IAC3DC,MAAM,CAACC;IAEV,OAAOP,MAAMQ,IAAI,CAAC,IAAIC,IAAIP,QAAQQ,IAAI;AACxC;AAEA,MAAMC,sBAAsB,CAC1BZ,OACAa,UACAC;IAEA,IAAId,UAAUe,WAAW;QACvB,OAAOF;IACT;IAEA,IAAI,OAAOb,UAAU,YAAY,CAACgB,OAAOC,QAAQ,CAACjB,UAAUA,QAAQ,GAAG;QACrE,MAAM,IAAIkB,MAAM,CAAC,wBAAwB,EAAEJ,IAAI,+BAA+B,CAAC;IACjF;IAEA,OAAOK,KAAKC,KAAK,CAACpB;AACpB;AAEA,OAAO,MAAMqB,eAAe,CAACC;IAC3B,MAAM,EAAEC,MAAM,EAAE,GAAGC,MAAM,GAAGF;IAE5B,MAAMG,mCAAmCF,OAAOG,wBAAwB,KAAK;IAC7E,MAAMC,0CAA0CJ,OAAOK,+BAA+B,KAAK;IAC3F,MAAMC,0BAA0B9B,yBAAyBwB,OAAOO,eAAe;IAC/E,MAAMC,0BAA0BnB,oBAAoBW,OAAOS,QAAQ,EAAEC,OAAO,KAAK;IACjF,MAAMC,kCAAkCtB,oBACtCW,OAAOS,QAAQ,EAAEG,eACjB,KACA;IAGF,OAAO;QACL,GAAGX,IAAI;QACPY,MAAM;QACNC,OAAO;YACL,GAAGf,KAAKe,KAAK;YACbC,YAAY;gBACV,GAAGhB,KAAKe,KAAK,EAAEC,UAAU;gBACzBC,OAAO;oBACLC,aAAa;wBACXR,UAAU;4BACRC,OAAOF;4BACPI,eAAeD;wBACjB;wBACAR,0BAA0BD;wBAC1BG,iCAAiCD;wBACjCG,iBAAiBD;oBACnB;oBACAY,MAAM;gBACR;YACF;QACF;QACAC,QAAQ;YACN,GAAGpB,KAAKoB,MAAM;YACdC,gBAAgBpB,OAAOoB,cAAc;QACvC;IACF;AACF,EAAC;AAED,OAAO,MAAMC,oBAAoB,CAACtB;IAChC,OAAOD,aAAaC;AACtB,EAAC"}

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type {\n  FlattenedField,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nexport type SelectSearchOption = {\n  label: string\n  value: string\n  [key: string]: unknown\n}\n\nexport type SelectSearchFunctionArgs = {\n  req: PayloadRequest\n  query: string\n  selectedValues: string[]\n  field: FlattenedField\n  collection?: SanitizedCollectionConfig\n  global?: SanitizedGlobalConfig\n}\n\nexport type SelectSearchFunction = (\n  args: SelectSearchFunctionArgs,\n) => Promise<SelectSearchOption[]> | SelectSearchOption[]\n\nexport type SelectSearchRequest = {\n  entityType: 'collection' | 'global'\n  slug: string\n  schemaPath: string\n  query?: string\n  selectedValues?: string[]\n}\n\nexport type SelectSearchResponse = {\n  options: SelectSearchOption[]\n}\n"],"names":[],"mappings":"AAkCA,WAEC"}
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type {\n  Data,\n  FlattenedField,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nexport type SelectSearchOption = {\n  [key: string]: unknown\n  label: string\n  value: string\n}\n\nexport type SelectSearchFunctionArgs = {\n  collection?: SanitizedCollectionConfig\n  data?: Data\n  field: FlattenedField\n  global?: SanitizedGlobalConfig\n  query: string\n  req: PayloadRequest\n  selectedValues: string[]\n  siblingData?: Data\n}\n\nexport type SelectSearchFunction = (\n  args: SelectSearchFunctionArgs,\n) => Promise<SelectSearchOption[]> | SelectSearchOption[]\n\nexport type SelectSearchRequest = {\n  data?: Data\n  entityType: 'collection' | 'global'\n  query?: string\n  schemaPath: string\n  selectedValues?: string[]\n  siblingData?: Data\n  slug: string\n}\n\nexport type SelectSearchResponse = {\n  options: SelectSearchOption[]\n}\n"],"names":[],"mappings":"AAuCA,WAEC"}

package/dist/ui/SelectSearchField.js

@@ -1,24 +1,42 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SelectInput, useConfig, useDocumentInfo, useField } from '@payloadcms/ui';
+import { SelectInput, useConfig, useDocumentInfo, useField, useForm, useFormFields } from '@payloadcms/ui';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { selectSearchEndpoint } from '../endpointName.js';
-const debounceMs = 300;
+const defaultQueryDebounceMs = 300;
+const defaultWatchedFieldsDebounceMs = 700;
+const serializeRefetchValue = (value)=>{
+    try {
+        return JSON.stringify(value) ?? '';
+    } catch  {
+        return '';
+    }
+};
 export const SelectSearchField = (props)=>{
     const { field, path, schemaPath: schemaPathProp } = props;
-    const { value, setValue, showError } = useField({
+    const { setValue, showError, value } = useField({
         path
     });
     const { collectionSlug, globalSlug } = useDocumentInfo();
     const { config } = useConfig();
+    const { getData, getSiblingData } = useForm();
     const [options, setOptions] = useState([]);
     const [inputValue, setInputValue] = useState('');
     const [remoteError, setRemoteError] = useState(null);
     const abortRef = useRef(null);
+    const fetchOptionsRef = useRef(null);
+    const latestInputValueRef = useRef('');
+    const hasInitializedWatchedFieldsEffectRef = useRef(false);
     const entityType = globalSlug ? 'global' : 'collection';
     const slug = globalSlug || collectionSlug;
     const schemaPath = schemaPathProp ?? field.name;
     const hasMany = field.hasMany ?? false;
+    const passDataToSearchFunction = props.passDataToSearchFunction === true;
+    const passSiblingDataToSearchFunction = props.passSiblingDataToSearchFunction === true;
+    // `selectSearch` normalizes these values before passing to `clientProps`.
+    const queryDebounceMs = props.debounce?.query ?? defaultQueryDebounceMs;
+    const watchedFieldsDebounceMs = props.debounce?.watchedFields ?? defaultWatchedFieldsDebounceMs;
+    const watchFieldPaths = props.watchFieldPaths ?? [];
     const apiPath = config.routes?.api || '/api';
     const apiRoute = apiPath.startsWith('/') ? apiPath : `/${apiPath}`;
     const baseURL = config.serverURL || '';
@@ -37,6 +55,22 @@ export const SelectSearchField = (props)=>{
         hasMany,
         value
     ]);
+    const watchedFieldPathsRefetchToken = useFormFields(([fields])=>{
+        if (watchFieldPaths.length === 0) {
+            return '';
+        }
+        const watchedPathValues = [];
+        for (const watchPath of watchFieldPaths){
+            if (!Object.prototype.hasOwnProperty.call(fields, watchPath)) {
+                continue;
+            }
+            watchedPathValues.push([
+                watchPath,
+                fields[watchPath]?.value
+            ]);
+        }
+        return serializeRefetchValue(watchedPathValues);
+    });
     const fetchOptions = useCallback(async (query)=>{
         if (!slug || !schemaPath) {
             setOptions([]);
@@ -48,20 +82,27 @@ export const SelectSearchField = (props)=>{
         const controller = new AbortController();
         abortRef.current = controller;
         setRemoteError(null);
+        const payload = {
+            slug,
+            entityType,
+            query,
+            schemaPath,
+            selectedValues
+        };
+        if (passDataToSearchFunction) {
+            payload.data = getData();
+        }
+        if (passSiblingDataToSearchFunction) {
+            payload.siblingData = getSiblingData(path);
+        }
         const res = await fetch(endpointURL, {
-            method: 'POST',
+            body: JSON.stringify(payload),
+            credentials: 'include',
             headers: {
                 'Content-Type': 'application/json'
             },
-            credentials: 'include',
-            signal: controller.signal,
-            body: JSON.stringify({
-                entityType,
-                slug,
-                schemaPath,
-                query,
-                selectedValues
-            })
+            method: 'POST',
+            signal: controller.signal
         });
         if (!res.ok) {
             const errorBody = await res.json().catch(()=>null);
@@ -75,26 +116,64 @@ export const SelectSearchField = (props)=>{
     }, [
         endpointURL,
         entityType,
+        getData,
+        getSiblingData,
+        passDataToSearchFunction,
+        passSiblingDataToSearchFunction,
+        path,
         schemaPath,
         selectedValues,
         slug
     ]);
+    useEffect(()=>{
+        fetchOptionsRef.current = fetchOptions;
+    }, [
+        fetchOptions
+    ]);
+    useEffect(()=>{
+        latestInputValueRef.current = inputValue;
+    }, [
+        inputValue
+    ]);
     useEffect(()=>{
         if (!slug || !schemaPath) {
             return;
         }
+        // Query typing should feel responsive, so use a shorter debounce.
         const timeout = setTimeout(()=>{
-            void fetchOptions(inputValue);
-        }, debounceMs);
+            void fetchOptionsRef.current?.(inputValue);
+        }, queryDebounceMs);
         return ()=>{
             clearTimeout(timeout);
         };
     }, [
-        fetchOptions,
         inputValue,
+        queryDebounceMs,
         schemaPath,
         slug
     ]);
+    useEffect(()=>{
+        if (!slug || !schemaPath || watchFieldPaths.length === 0) {
+            return;
+        }
+        if (!hasInitializedWatchedFieldsEffectRef.current) {
+            hasInitializedWatchedFieldsEffectRef.current = true;
+            return;
+        }
+        // Watched field changes can happen in bursts, so use a longer debounce.
+        const timeout = setTimeout(()=>{
+            void fetchOptionsRef.current?.(latestInputValueRef.current);
+        }, watchedFieldsDebounceMs);
+        return ()=>{
+            clearTimeout(timeout);
+        };
+    }, [
+        schemaPath,
+        slug,
+        watchFieldPaths.length,
+        watchedFieldsDebounceMs,
+        watchedFieldPathsRefetchToken
+    ]);
     useEffect(()=>{
         return ()=>{
             if (abortRef.current) {

package/dist/ui/SelectSearchField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/SelectSearchField.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject, TextFieldClientComponent } from 'payload'\nimport type { ReactSelectOption } from '@payloadcms/ui'\nimport { SelectInput, useConfig, useDocumentInfo, useField } from '@payloadcms/ui'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { selectSearchEndpoint } from '../endpointName.js'\n\nconst debounceMs = 300\n\nexport const SelectSearchField: TextFieldClientComponent = (props) => {\n  const { field, path, schemaPath: schemaPathProp } = props\n\n  const { value, setValue, showError } = useField<string | string[]>({\n    path,\n  })\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const { config } = useConfig()\n\n  const [options, setOptions] = useState<OptionObject[]>([])\n\n  const [inputValue, setInputValue] = useState('')\n  const [remoteError, setRemoteError] = useState<string | null>(null)\n\n  const abortRef = useRef<AbortController | null>(null)\n\n  const entityType = globalSlug ? 'global' : 'collection'\n  const slug = globalSlug || collectionSlug\n\n  const schemaPath = schemaPathProp ?? field.name\n  const hasMany = field.hasMany ?? false\n\n  const apiPath = config.routes?.api || '/api'\n  const apiRoute = apiPath.startsWith('/') ? apiPath : `/${apiPath}`\n  const baseURL = config.serverURL || ''\n  const endpointURL = `${baseURL}${apiRoute}${selectSearchEndpoint}`\n\n  const selectedValues = useMemo(() => {\n    if (hasMany) {\n      return Array.isArray(value) ? value.map((entry) => String(entry)) : []\n    }\n\n    if (Array.isArray(value) || value === null || value === undefined) {\n      return []\n    }\n\n    return [String(value)]\n  }, [hasMany, value])\n\n  const fetchOptions = useCallback(\n    async (query: string) => {\n      if (!slug || !schemaPath) {\n        setOptions([])\n        return\n      }\n\n      if (abortRef.current) {\n        abortRef.current.abort()\n      }\n\n      const controller = new AbortController()\n      abortRef.current = controller\n\n      setRemoteError(null)\n\n      const res = await fetch(endpointURL, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        credentials: 'include',\n        signal: controller.signal,\n        body: JSON.stringify({\n          entityType,\n          slug,\n          schemaPath,\n          query,\n          selectedValues,\n        }),\n      })\n\n      if (!res.ok) {\n        const errorBody = await res.json().catch(() => null)\n        const message = errorBody?.error || 'Failed to fetch options'\n        setRemoteError(message)\n        setOptions([])\n        return\n      }\n\n      const data = (await res.json()) as { options?: OptionObject[] }\n      setOptions(Array.isArray(data.options) ? data.options : [])\n    },\n    [endpointURL, entityType, schemaPath, selectedValues, slug],\n  )\n\n  useEffect(() => {\n    if (!slug || !schemaPath) {\n      return\n    }\n\n    const timeout = setTimeout(() => {\n      void fetchOptions(inputValue)\n    }, debounceMs)\n\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [fetchOptions, inputValue, schemaPath, slug])\n\n  useEffect(() => {\n    return () => {\n      if (abortRef.current) {\n        abortRef.current.abort()\n      }\n    }\n  }, [])\n\n  const handleChange = useCallback(\n    (option: ReactSelectOption | ReactSelectOption[] | null) => {\n      if (Array.isArray(option)) {\n        const values = option.map((entry) => String(entry.value))\n        setValue(values)\n        return\n      }\n\n      if (!option) {\n        setValue(hasMany ? [] : null)\n        return\n      }\n\n      setValue(String(option.value))\n    },\n    [hasMany, setValue],\n  )\n\n  const description = useMemo(() => {\n    if (remoteError) {\n      return remoteError\n    }\n\n    return field.admin?.description\n  }, [field.admin?.description, remoteError])\n\n  const selectValue = useMemo(() => {\n    if (hasMany) {\n      return Array.isArray(value) ? value : []\n    }\n\n    return Array.isArray(value) ? '' : (value ?? '')\n  }, [hasMany, value])\n\n  return (\n    <SelectInput\n      description={description}\n      hasMany={hasMany}\n      label={field.label as string}\n      localized={field.localized}\n      name={field.name}\n      onChange={handleChange as (value: ReactSelectOption | ReactSelectOption[]) => void}\n      onInputChange={setInputValue}\n      options={options}\n      path={path}\n      required={field.required}\n      showError={showError}\n      value={selectValue}\n    />\n  )\n}\n"],"names":["SelectInput","useConfig","useDocumentInfo","useField","useCallback","useEffect","useMemo","useRef","useState","selectSearchEndpoint","debounceMs","SelectSearchField","props","field","path","schemaPath","schemaPathProp","value","setValue","showError","collectionSlug","globalSlug","config","options","setOptions","inputValue","setInputValue","remoteError","setRemoteError","abortRef","entityType","slug","name","hasMany","apiPath","routes","api","apiRoute","startsWith","baseURL","serverURL","endpointURL","selectedValues","Array","isArray","map","entry","String","undefined","fetchOptions","query","current","abort","controller","AbortController","res","fetch","method","headers","credentials","signal","body","JSON","stringify","ok","errorBody","json","catch","message","error","data","timeout","setTimeout","clearTimeout","handleChange","option","values","description","admin","selectValue","label","localized","onChange","onInputChange","required"],"mappings":"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"}
+{"version":3,"sources":["../../src/ui/SelectSearchField.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactSelectOption } from '@payloadcms/ui'\nimport type { OptionObject, TextFieldClientComponent, TextFieldClientProps } from 'payload'\n\nimport {\n  SelectInput,\n  useConfig,\n  useDocumentInfo,\n  useField,\n  useForm,\n  useFormFields,\n} from '@payloadcms/ui'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { SelectSearchRequest } from '../types.js'\n\nimport { selectSearchEndpoint } from '../endpointName.js'\n\nconst defaultQueryDebounceMs = 300\nconst defaultWatchedFieldsDebounceMs = 700\n\nconst serializeRefetchValue = (value: unknown): string => {\n  try {\n    return JSON.stringify(value) ?? ''\n  } catch {\n    return ''\n  }\n}\n\ntype SelectSearchFieldClientProps = {\n  debounce?: {\n    query?: number\n    watchedFields?: number\n  }\n  passDataToSearchFunction?: boolean\n  passSiblingDataToSearchFunction?: boolean\n  watchFieldPaths?: string[]\n} & TextFieldClientProps\n\nexport const SelectSearchField: TextFieldClientComponent = (\n  props: SelectSearchFieldClientProps,\n) => {\n  const { field, path, schemaPath: schemaPathProp } = props\n\n  const { setValue, showError, value } = useField<string | string[]>({\n    path,\n  })\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const { config } = useConfig()\n  const { getData, getSiblingData } = useForm()\n\n  const [options, setOptions] = useState<OptionObject[]>([])\n\n  const [inputValue, setInputValue] = useState('')\n  const [remoteError, setRemoteError] = useState<null | string>(null)\n\n  const abortRef = useRef<AbortController | null>(null)\n  const fetchOptionsRef = useRef<((query: string) => Promise<void>) | null>(null)\n  const latestInputValueRef = useRef('')\n  const hasInitializedWatchedFieldsEffectRef = useRef(false)\n\n  const entityType = globalSlug ? 'global' : 'collection'\n  const slug = globalSlug || collectionSlug\n\n  const schemaPath = schemaPathProp ?? field.name\n  const hasMany = field.hasMany ?? false\n  const passDataToSearchFunction = props.passDataToSearchFunction === true\n  const passSiblingDataToSearchFunction = props.passSiblingDataToSearchFunction === true\n  // `selectSearch` normalizes these values before passing to `clientProps`.\n  const queryDebounceMs = props.debounce?.query ?? defaultQueryDebounceMs\n  const watchedFieldsDebounceMs = props.debounce?.watchedFields ?? defaultWatchedFieldsDebounceMs\n  const watchFieldPaths = props.watchFieldPaths ?? []\n\n  const apiPath = config.routes?.api || '/api'\n  const apiRoute = apiPath.startsWith('/') ? apiPath : `/${apiPath}`\n  const baseURL = config.serverURL || ''\n  const endpointURL = `${baseURL}${apiRoute}${selectSearchEndpoint}`\n\n  const selectedValues = useMemo(() => {\n    if (hasMany) {\n      return Array.isArray(value) ? value.map((entry) => String(entry)) : []\n    }\n\n    if (Array.isArray(value) || value === null || value === undefined) {\n      return []\n    }\n\n    return [String(value)]\n  }, [hasMany, value])\n\n  const watchedFieldPathsRefetchToken = useFormFields(([fields]) => {\n    if (watchFieldPaths.length === 0) {\n      return ''\n    }\n\n    const watchedPathValues: Array<[string, unknown]> = []\n\n    for (const watchPath of watchFieldPaths) {\n      if (!Object.prototype.hasOwnProperty.call(fields, watchPath)) {\n        continue\n      }\n\n      watchedPathValues.push([watchPath, fields[watchPath]?.value])\n    }\n\n    return serializeRefetchValue(watchedPathValues)\n  })\n\n  const fetchOptions = useCallback(\n    async (query: string) => {\n      if (!slug || !schemaPath) {\n        setOptions([])\n        return\n      }\n\n      if (abortRef.current) {\n        abortRef.current.abort()\n      }\n\n      const controller = new AbortController()\n      abortRef.current = controller\n\n      setRemoteError(null)\n\n      const payload: SelectSearchRequest = {\n        slug,\n        entityType,\n        query,\n        schemaPath,\n        selectedValues,\n      }\n\n      if (passDataToSearchFunction) {\n        payload.data = getData()\n      }\n\n      if (passSiblingDataToSearchFunction) {\n        payload.siblingData = getSiblingData(path)\n      }\n\n      const res = await fetch(endpointURL, {\n        body: JSON.stringify(payload),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n        signal: controller.signal,\n      })\n\n      if (!res.ok) {\n        const errorBody = await res.json().catch(() => null)\n        const message = errorBody?.error || 'Failed to fetch options'\n        setRemoteError(message)\n        setOptions([])\n        return\n      }\n\n      const data = (await res.json()) as { options?: OptionObject[] }\n      setOptions(Array.isArray(data.options) ? data.options : [])\n    },\n    [\n      endpointURL,\n      entityType,\n      getData,\n      getSiblingData,\n      passDataToSearchFunction,\n      passSiblingDataToSearchFunction,\n      path,\n      schemaPath,\n      selectedValues,\n      slug,\n    ],\n  )\n\n  useEffect(() => {\n    fetchOptionsRef.current = fetchOptions\n  }, [fetchOptions])\n\n  useEffect(() => {\n    latestInputValueRef.current = inputValue\n  }, [inputValue])\n\n  useEffect(() => {\n    if (!slug || !schemaPath) {\n      return\n    }\n\n    // Query typing should feel responsive, so use a shorter debounce.\n    const timeout = setTimeout(() => {\n      void fetchOptionsRef.current?.(inputValue)\n    }, queryDebounceMs)\n\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [inputValue, queryDebounceMs, schemaPath, slug])\n\n  useEffect(() => {\n    if (!slug || !schemaPath || watchFieldPaths.length === 0) {\n      return\n    }\n\n    if (!hasInitializedWatchedFieldsEffectRef.current) {\n      hasInitializedWatchedFieldsEffectRef.current = true\n      return\n    }\n\n    // Watched field changes can happen in bursts, so use a longer debounce.\n    const timeout = setTimeout(() => {\n      void fetchOptionsRef.current?.(latestInputValueRef.current)\n    }, watchedFieldsDebounceMs)\n\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [schemaPath, slug, watchFieldPaths.length, watchedFieldsDebounceMs, watchedFieldPathsRefetchToken])\n\n  useEffect(() => {\n    return () => {\n      if (abortRef.current) {\n        abortRef.current.abort()\n      }\n    }\n  }, [])\n\n  const handleChange = useCallback(\n    (option: null | ReactSelectOption | ReactSelectOption[]) => {\n      if (Array.isArray(option)) {\n        const values = option.map((entry) => String(entry.value))\n        setValue(values)\n        return\n      }\n\n      if (!option) {\n        setValue(hasMany ? [] : null)\n        return\n      }\n\n      setValue(String(option.value))\n    },\n    [hasMany, setValue],\n  )\n\n  const description = useMemo(() => {\n    if (remoteError) {\n      return remoteError\n    }\n\n    return field.admin?.description\n  }, [field.admin?.description, remoteError])\n\n  const selectValue = useMemo(() => {\n    if (hasMany) {\n      return Array.isArray(value) ? value : []\n    }\n\n    return Array.isArray(value) ? '' : (value ?? '')\n  }, [hasMany, value])\n\n  return (\n    <SelectInput\n      description={description}\n      hasMany={hasMany}\n      label={field.label as string}\n      localized={field.localized}\n      name={field.name}\n      onChange={handleChange as (value: ReactSelectOption | ReactSelectOption[]) => void}\n      onInputChange={setInputValue}\n      options={options}\n      path={path}\n      required={field.required}\n      showError={showError}\n      value={selectValue}\n    />\n  )\n}\n"],"names":["SelectInput","useConfig","useDocumentInfo","useField","useForm","useFormFields","useCallback","useEffect","useMemo","useRef","useState","selectSearchEndpoint","defaultQueryDebounceMs","defaultWatchedFieldsDebounceMs","serializeRefetchValue","value","JSON","stringify","SelectSearchField","props","field","path","schemaPath","schemaPathProp","setValue","showError","collectionSlug","globalSlug","config","getData","getSiblingData","options","setOptions","inputValue","setInputValue","remoteError","setRemoteError","abortRef","fetchOptionsRef","latestInputValueRef","hasInitializedWatchedFieldsEffectRef","entityType","slug","name","hasMany","passDataToSearchFunction","passSiblingDataToSearchFunction","queryDebounceMs","debounce","query","watchedFieldsDebounceMs","watchedFields","watchFieldPaths","apiPath","routes","api","apiRoute","startsWith","baseURL","serverURL","endpointURL","selectedValues","Array","isArray","map","entry","String","undefined","watchedFieldPathsRefetchToken","fields","length","watchedPathValues","watchPath","Object","prototype","hasOwnProperty","call","push","fetchOptions","current","abort","controller","AbortController","payload","data","siblingData","res","fetch","body","credentials","headers","method","signal","ok","errorBody","json","catch","message","error","timeout","setTimeout","clearTimeout","handleChange","option","values","description","admin","selectValue","label","localized","onChange","onInputChange","required"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whatworks/payload-select-search-field",
-  "version": "1.0.2",
+  "version": "2.0.0",
   "description": "Payload plugin and field component for server-backed search select fields.",
   "license": "MIT",
   "type": "module",