@payloadcms/ui 3.21.0 → 3.22.0

package/dist/fields/Password/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,cAAc,CAAA;AAuGrB,eAAO,MAAM,aAAa,8BAAwC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,cAAc,CAAA;AAwGrB,eAAO,MAAM,aAAa,8BAAwC,CAAA"}

package/dist/fields/Password/index.js

@@ -48,6 +48,7 @@ const PasswordFieldComponent = props => {
     return password(value, {
       name: 'password',
       type: 'text',
+      blockData: {},
       data: {},
       event: 'onChange',
       preferences: {

package/dist/fields/Password/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["password","React","useCallback","useMemo","useField","withCondition","useConfig","useLocale","useTranslation","mergeFieldStyles","isFieldRTL","PasswordInput","PasswordFieldComponent","props","autoComplete","field","admin","className","disabled","disabledFromProps","placeholder","rtl","label","localized","required","inputRef","path","validate","t","locale","config","memoizedValidate","value","options","name","type","data","event","preferences","fields","req","payload","siblingData","customComponents","AfterInput","BeforeInput","Description","Error","Label","formInitializing","formProcessing","setValue","showError","renderRTL","fieldLocalized","fieldRTL","localizationConfig","localization","undefined","styles","_jsx","onChange","e","target","readOnly","style","PasswordField"],"sources":["../../../src/fields/Password/index.tsx"],"sourcesContent":["'use client'\nimport type { PasswordFieldValidation, PayloadRequest } from 'payload'\n\nimport { password } from 'payload/shared'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { PasswordFieldProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { isFieldRTL } from '../shared/index.js'\nimport { PasswordInput } from './input.js'\n\nconst PasswordFieldComponent: React.FC<PasswordFieldProps> = (props) => {\n  const {\n    autoComplete,\n    field,\n    field: {\n      admin: {\n        className,\n        disabled: disabledFromProps,\n        placeholder,\n        rtl,\n      } = {} as PasswordFieldProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as PasswordFieldProps['field'],\n    inputRef,\n    path,\n    validate,\n  } = props\n\n  const { t } = useTranslation()\n  const locale = useLocale()\n  const { config } = useConfig()\n\n  const memoizedValidate: PasswordFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n\n      return password(value, {\n        name: 'password',\n        type: 'text',\n        data: {},\n        event: 'onChange',\n        preferences: { fields: {} },\n        req: {\n          payload: {\n            config,\n          },\n          t,\n        } as unknown as PayloadRequest,\n        required: true,\n        siblingData: {},\n      })\n    },\n    [validate, config, t, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    formInitializing,\n    formProcessing,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const disabled = disabledFromProps || formInitializing || formProcessing\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: false,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: config.localization || undefined,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <PasswordInput\n      AfterInput={AfterInput}\n      autoComplete={autoComplete}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      Error={Error}\n      inputRef={inputRef}\n      Label={Label}\n      label={label}\n      localized={localized}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={placeholder}\n      readOnly={disabled}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={styles}\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const PasswordField = withCondition(PasswordFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["password","React","useCallback","useMemo","useField","withCondition","useConfig","useLocale","useTranslation","mergeFieldStyles","isFieldRTL","PasswordInput","PasswordFieldComponent","props","autoComplete","field","admin","className","disabled","disabledFromProps","placeholder","rtl","label","localized","required","inputRef","path","validate","t","locale","config","memoizedValidate","value","options","name","type","blockData","data","event","preferences","fields","req","payload","siblingData","customComponents","AfterInput","BeforeInput","Description","Error","Label","formInitializing","formProcessing","setValue","showError","renderRTL","fieldLocalized","fieldRTL","localizationConfig","localization","undefined","styles","_jsx","onChange","e","target","readOnly","style","PasswordField"],"sources":["../../../src/fields/Password/index.tsx"],"sourcesContent":["'use client'\nimport type { PasswordFieldValidation, PayloadRequest } from 'payload'\n\nimport { password } from 'payload/shared'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { PasswordFieldProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { isFieldRTL } from '../shared/index.js'\nimport { PasswordInput } from './input.js'\n\nconst PasswordFieldComponent: React.FC<PasswordFieldProps> = (props) => {\n  const {\n    autoComplete,\n    field,\n    field: {\n      admin: {\n        className,\n        disabled: disabledFromProps,\n        placeholder,\n        rtl,\n      } = {} as PasswordFieldProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as PasswordFieldProps['field'],\n    inputRef,\n    path,\n    validate,\n  } = props\n\n  const { t } = useTranslation()\n  const locale = useLocale()\n  const { config } = useConfig()\n\n  const memoizedValidate: PasswordFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n\n      return password(value, {\n        name: 'password',\n        type: 'text',\n        blockData: {},\n        data: {},\n        event: 'onChange',\n        preferences: { fields: {} },\n        req: {\n          payload: {\n            config,\n          },\n          t,\n        } as unknown as PayloadRequest,\n        required: true,\n        siblingData: {},\n      })\n    },\n    [validate, config, t, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    formInitializing,\n    formProcessing,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const disabled = disabledFromProps || formInitializing || formProcessing\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: false,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: config.localization || undefined,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <PasswordInput\n      AfterInput={AfterInput}\n      autoComplete={autoComplete}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      Error={Error}\n      inputRef={inputRef}\n      Label={Label}\n      label={label}\n      localized={localized}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={placeholder}\n      readOnly={disabled}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={styles}\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const PasswordField = withCondition(PasswordFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Relationship/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwE,MAAM,OAAO,CAAA;AA4B5F,OAAO,cAAc,CAAA;AAgrBrB,eAAO,MAAM,iBAAiB;;;;;+EAA4C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAqB5F,OAAO,cAAc,CAAA;AAirBrB,eAAO,MAAM,iBAAiB;;;;;+EAA4C,CAAA"}

package/dist/fields/Relationship/index.js

@@ -1,6 +1,7 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { dequal } from 'dequal/lite';
 import { wordBoundariesRegex } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react';
@@ -14,11 +15,12 @@ import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js';
-import { useIgnoredEffect } from '../../hooks/useIgnoredEffect.js';
+import { useEffectEvent } from '../../hooks/useEffectEvent.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import './index.scss';
 import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import { fieldBaseClass } from '../shared/index.js';
 import { createRelationMap } from './createRelationMap.js';
@@ -26,7 +28,6 @@ import { findOptionsByValue } from './findOptionsByValue.js';
 import { optionsReducer } from './optionsReducer.js';
 import { MultiValueLabel } from './select-components/MultiValueLabel/index.js';
 import { SingleValue } from './select-components/SingleValue/index.js';
-import './index.scss';
 const maxResultsPerRequest = 10;
 const baseClass = 'relationship';
 const RelationshipFieldComponent = props => {
@@ -261,14 +262,11 @@ const RelationshipFieldComponent = props => {
       updateSearch(searchArg_1, valueArg_1, searchArg_1 !== '');
     }
   }, [search, updateSearch]);
-  // ///////////////////////////////////
-  // Ensure we have an option for each value
-  // ///////////////////////////////////
-  useIgnoredEffect(() => {
+  const handleValueChange = useEffectEvent(value_1 => {
     const relationMap_0 = createRelationMap({
       hasMany,
       relationTo,
-      value: value_0
+      value: value_1
     });
     void Object.entries(relationMap_0).reduce(async (priorRelation_0, [relation_0, ids]) => {
       await priorRelation_0;
@@ -318,7 +316,19 @@ const RelationshipFieldComponent = props => {
         }
       }
     }, Promise.resolve());
-  }, [value_0], [options, hasMany, errorLoading, getEntityConfig, hasMultipleRelations, serverURL, api, i18n, relationTo, locale, config]);
+  });
+  const prevValue = useRef(value_0);
+  const isFirstRenderRef = useRef(true);
+  // ///////////////////////////////////
+  // Ensure we have an option for each value
+  // ///////////////////////////////////
+  useEffect(() => {
+    if (isFirstRenderRef.current || !dequal(value_0, prevValue.current)) {
+      handleValueChange(value_0);
+    }
+    isFirstRenderRef.current = false;
+    prevValue.current = value_0;
+  }, [value_0]);
   // Determine if we should switch to word boundary search
   useEffect(() => {
     const relations_0 = Array.isArray(relationTo) ? relationTo : [relationTo];
@@ -331,15 +341,18 @@ const RelationshipFieldComponent = props => {
     }, true);
     setEnableWordBoundarySearch(!isIdOnly);
   }, [relationTo, getEntityConfig]);
+  const getResultsEffectEvent = useEffectEvent(async args => {
+    return await getResults(args);
+  });
   // When (`relationTo` || `filterOptions` || `locale`) changes, reset component
   // Note - effect should not run on first run
-  useIgnoredEffect(() => {
+  useEffect(() => {
     // If the menu is open while filterOptions changes
     // due to latency of form state and fast clicking into this field,
     // re-fetch options
     if (hasLoadedFirstPageRef.current && menuIsOpen) {
       setIsLoading(true);
-      void getResults({
+      void getResultsEffectEvent({
         filterOptions,
         lastLoadedPage: {},
         onSuccess: () => {
@@ -357,64 +370,64 @@ const RelationshipFieldComponent = props => {
     });
     setLastFullyLoadedRelation(-1);
     setLastLoadedPage({});
-  }, [relationTo, filterOptions, locale, path, menuIsOpen], [getResults]);
-  const onSave = useCallback(args => {
+  }, [relationTo, filterOptions, locale, path, menuIsOpen]);
+  const onSave = useCallback(args_0 => {
     dispatchOptions({
       type: 'UPDATE',
-      collection: args.collectionConfig,
+      collection: args_0.collectionConfig,
       config,
-      doc: args.doc,
+      doc: args_0.doc,
       i18n
     });
     const currentValue = valueRef.current;
-    const docID = args.doc.id;
+    const docID = args_0.doc.id;
     if (hasMany) {
       const unchanged = currentValue.some(option_0 => typeof option_0 === 'string' ? option_0 === docID : option_0.value === docID);
       const valuesToSet = currentValue.map(option_1 => option_1.value === docID ? {
-        relationTo: args.collectionConfig.slug,
+        relationTo: args_0.collectionConfig.slug,
         value: docID
       } : option_1);
       setValue(valuesToSet, unchanged);
     } else {
       const unchanged_0 = currentValue === docID;
       setValue({
-        relationTo: args.collectionConfig.slug,
+        relationTo: args_0.collectionConfig.slug,
         value: docID
       }, unchanged_0);
     }
   }, [i18n, config, hasMany, setValue]);
-  const onDuplicate = useCallback(args_0 => {
+  const onDuplicate = useCallback(args_1 => {
     dispatchOptions({
       type: 'ADD',
-      collection: args_0.collectionConfig,
+      collection: args_1.collectionConfig,
       config,
-      docs: [args_0.doc],
+      docs: [args_1.doc],
       i18n,
       sort: true
     });
     if (hasMany) {
       setValue(valueRef.current ? valueRef.current.concat({
-        relationTo: args_0.collectionConfig.slug,
-        value: args_0.doc.id
+        relationTo: args_1.collectionConfig.slug,
+        value: args_1.doc.id
       }) : null);
     } else {
       setValue({
-        relationTo: args_0.collectionConfig.slug,
-        value: args_0.doc.id
+        relationTo: args_1.collectionConfig.slug,
+        value: args_1.doc.id
       });
     }
   }, [i18n, config, hasMany, setValue]);
-  const onDelete = useCallback(args_1 => {
+  const onDelete = useCallback(args_2 => {
     dispatchOptions({
-      id: args_1.id,
+      id: args_2.id,
       type: 'REMOVE',
-      collection: args_1.collectionConfig,
+      collection: args_2.collectionConfig,
       config,
       i18n
     });
     if (hasMany) {
       setValue(valueRef.current ? valueRef.current.filter(option_2 => {
-        return option_2.value !== args_1.id;
+        return option_2.value !== args_2.id;
       }) : null);
     } else {
       setValue(null);

package/dist/fields/Relationship/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["wordBoundariesRegex","qs","React","useCallback","useEffect","useMemo","useReducer","useRef","useState","AddNewRelation","useDocumentDrawer","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useDebouncedCallback","useIgnoredEffect","useAuth","useConfig","useLocale","useTranslation","mergeFieldStyles","fieldBaseClass","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","RelationshipFieldComponent","props","field","admin","allowCreate","allowEdit","className","description","isSortable","sortOptions","hasMany","label","localized","relationTo","required","path","readOnly","validate","config","getEntityConfig","routes","api","serverURL","i18n","t","permissions","code","locale","hasMultipleRelations","Array","isArray","currentlyOpenRelationship","setCurrentlyOpenRelationship","id","undefined","collectionSlug","hasReadPermission","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","setMenuIsOpen","hasLoadedFirstPageRef","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","filterOptions","initialValue","setValue","showError","options","dispatchOptions","valueRef","current","DocumentDrawer","isDrawerOpen","openDrawer","openDrawerWhenRelationChanges","getResults","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","reduce","priorRelation","relation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","fieldToSearch","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","where","and","not_in","push","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","Object","entries","idsToLoad","filter","find","optionGroup","option","in","isIdOnly","idOnly","exemptValues","onSave","args","collectionConfig","doc","currentValue","docID","unchanged","some","valuesToSet","map","slug","onDuplicate","concat","onDelete","filterOption","item","searchFilter","r","breakApartThreshold","labelString","String","indexOfSpace","test","onDocumentDrawerOpen","valueToRender","styles","_jsxs","Boolean","join","replace","style","_jsx","CustomComponent","Fallback","backspaceRemovesValue","components","customProps","disableKeyDown","disableMouseDown","disabled","getOptionValue","isMulti","onChange","selected","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","RelationshipField"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs, RelationshipFieldClientComponent, Where } from 'payload'\n\nimport { wordBoundariesRegex } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { GetResults, Option, Value } from './types.js'\n\nimport { AddNewRelation } from '../../elements/AddNewRelation/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js'\nimport { useIgnoredEffect } from '../../hooks/useIgnoredEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport { optionsReducer } from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\nimport './index.scss'\n\nconst maxResultsPerRequest = 10\n\nconst baseClass = 'relationship'\n\nconst RelationshipFieldComponent: RelationshipFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        allowCreate = true,\n        allowEdit = true,\n        className,\n        description,\n        isSortable = true,\n        sortOptions,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      relationTo,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { config, getEntityConfig } = useConfig()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { code: locale } = useLocale()\n  const hasMultipleRelations = Array.isArray(relationTo)\n\n  const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState<\n    Parameters<ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']>[0]\n  >({\n    id: undefined,\n    collectionSlug: undefined,\n    hasReadPermission: false,\n  })\n\n  const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = useState(-1)\n  const [lastLoadedPage, setLastLoadedPage] = useState<Record<string, number>>({})\n  const [errorLoading, setErrorLoading] = useState('')\n  const [search, setSearch] = useState('')\n  const [isLoading, setIsLoading] = useState(false)\n  const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false)\n  const [menuIsOpen, setMenuIsOpen] = useState(false)\n  const hasLoadedFirstPageRef = useRef(false)\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    filterOptions,\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField<Value | Value[]>({\n    path,\n    validate: memoizedValidate,\n  })\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n\n  const valueRef = useRef(value)\n  valueRef.current = value\n\n  const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\n    id: currentlyOpenRelationship.id,\n    collectionSlug: currentlyOpenRelationship.collectionSlug,\n  })\n\n  const openDrawerWhenRelationChanges = useRef(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\n      filterOptions,\n      lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n      lastLoadedPage: lastLoadedPageArg,\n      onSuccess,\n      search: searchArg,\n      sort,\n      value: valueArg,\n    }) => {\n      if (!permissions) {\n        return\n      }\n      const lastFullyLoadedRelationToUse =\n        typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n      const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n      const relationsToFetch =\n        lastFullyLoadedRelationToUse === -1\n          ? relations\n          : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n      let resultsFetched = 0\n      const relationMap = createRelationMap({\n        hasMany,\n        relationTo,\n        value: valueArg,\n      })\n\n      if (!errorLoading) {\n        await relationsToFetch.reduce(async (priorRelation, relation) => {\n          const relationFilterOption = filterOptions?.[relation]\n\n          let lastLoadedPageToUse\n          if (search !== searchArg) {\n            lastLoadedPageToUse = 1\n          } else {\n            lastLoadedPageToUse = lastLoadedPageArg[relation] + 1\n          }\n          await priorRelation\n\n          if (relationFilterOption === false) {\n            setLastFullyLoadedRelation(relations.indexOf(relation))\n            return Promise.resolve()\n          }\n\n          if (resultsFetched < 10) {\n            const collection = getEntityConfig({ collectionSlug: relation })\n            const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n            let fieldToSort = collection?.defaultSort || 'id'\n            if (typeof sortOptions === 'string') {\n              fieldToSort = sortOptions\n            } else if (sortOptions?.[relation]) {\n              fieldToSort = sortOptions[relation]\n            }\n\n            const query: {\n              [key: string]: unknown\n              where: Where\n            } = {\n              depth: 0,\n              draft: true,\n              limit: maxResultsPerRequest,\n              locale,\n              page: lastLoadedPageToUse,\n              sort: fieldToSort,\n              where: {\n                and: [\n                  {\n                    id: {\n                      not_in: relationMap[relation],\n                    },\n                  },\n                ],\n              },\n            }\n\n            if (searchArg) {\n              query.where.and.push({\n                [fieldToSearch]: {\n                  like: searchArg,\n                },\n              })\n            }\n\n            if (relationFilterOption && typeof relationFilterOption !== 'boolean') {\n              query.where.and.push(relationFilterOption)\n            }\n\n            const response = await fetch(`${serverURL}${api}/${relation}`, {\n              body: qs.stringify(query),\n              credentials: 'include',\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/x-www-form-urlencoded',\n                'X-HTTP-Method-Override': 'GET',\n              },\n              method: 'POST',\n            })\n\n            if (response.ok) {\n              const data: PaginatedDocs<unknown> = await response.json()\n              setLastLoadedPage((prevState) => {\n                return {\n                  ...prevState,\n                  [relation]: lastLoadedPageToUse,\n                }\n              })\n\n              if (!data.nextPage) {\n                setLastFullyLoadedRelation(relations.indexOf(relation))\n              }\n\n              if (data.docs.length > 0) {\n                resultsFetched += data.docs.length\n\n                dispatchOptions({\n                  type: 'ADD',\n                  collection,\n                  config,\n                  docs: data.docs,\n                  i18n,\n                  sort,\n                })\n              }\n            } else if (response.status === 403) {\n              setLastFullyLoadedRelation(relations.indexOf(relation))\n              dispatchOptions({\n                type: 'ADD',\n                collection,\n                config,\n                docs: [],\n                i18n,\n                ids: relationMap[relation],\n                sort,\n              })\n            } else {\n              setErrorLoading(t('error:unspecific'))\n            }\n          }\n        }, Promise.resolve())\n\n        if (typeof onSuccess === 'function') {\n          onSuccess()\n        }\n      }\n    },\n    [\n      permissions,\n      relationTo,\n      hasMany,\n      errorLoading,\n      search,\n      getEntityConfig,\n      locale,\n      serverURL,\n      sortOptions,\n      api,\n      i18n,\n      config,\n      t,\n    ],\n  )\n\n  const updateSearch = useDebouncedCallback((searchArg: string, valueArg: Value | Value[]) => {\n    void getResults({\n      filterOptions,\n      lastLoadedPage: {},\n      search: searchArg,\n      sort: true,\n      value: valueArg,\n    })\n    setSearch(searchArg)\n  }, 300)\n\n  const handleInputChange = useCallback(\n    (searchArg: string, valueArg: Value | Value[]) => {\n      if (search !== searchArg) {\n        setLastLoadedPage({})\n        updateSearch(searchArg, valueArg, searchArg !== '')\n      }\n    },\n    [search, updateSearch],\n  )\n\n  // ///////////////////////////////////\n  // Ensure we have an option for each value\n  // ///////////////////////////////////\n  useIgnoredEffect(\n    () => {\n      const relationMap = createRelationMap({\n        hasMany,\n        relationTo,\n        value,\n      })\n\n      void Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {\n        await priorRelation\n\n        const idsToLoad = ids.filter((id) => {\n          return !options.find((optionGroup) =>\n            optionGroup?.options?.find(\n              (option) => option.value === id && option.relationTo === relation,\n            ),\n          )\n        })\n\n        if (idsToLoad.length > 0) {\n          const query = {\n            depth: 0,\n            draft: true,\n            limit: idsToLoad.length,\n            locale,\n            where: {\n              id: {\n                in: idsToLoad,\n              },\n            },\n          }\n\n          if (!errorLoading) {\n            const response = await fetch(`${serverURL}${api}/${relation}`, {\n              body: qs.stringify(query),\n              credentials: 'include',\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/x-www-form-urlencoded',\n                'X-HTTP-Method-Override': 'GET',\n              },\n              method: 'POST',\n            })\n\n            const collection = getEntityConfig({ collectionSlug: relation })\n            let docs = []\n\n            if (response.ok) {\n              const data = await response.json()\n              docs = data.docs\n            }\n\n            dispatchOptions({\n              type: 'ADD',\n              collection,\n              config,\n              docs,\n              i18n,\n              ids: idsToLoad,\n              sort: true,\n            })\n          }\n        }\n      }, Promise.resolve())\n    },\n    [value],\n    [\n      options,\n      hasMany,\n      errorLoading,\n      getEntityConfig,\n      hasMultipleRelations,\n      serverURL,\n      api,\n      i18n,\n      relationTo,\n      locale,\n      config,\n    ],\n  )\n\n  // Determine if we should switch to word boundary search\n  useEffect(() => {\n    const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n    const isIdOnly = relations.reduce((idOnly, relation) => {\n      const collection = getEntityConfig({ collectionSlug: relation })\n      const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n      return fieldToSearch === 'id' && idOnly\n    }, true)\n    setEnableWordBoundarySearch(!isIdOnly)\n  }, [relationTo, getEntityConfig])\n\n  // When (`relationTo` || `filterOptions` || `locale`) changes, reset component\n  // Note - effect should not run on first run\n  useIgnoredEffect(\n    () => {\n      // If the menu is open while filterOptions changes\n      // due to latency of form state and fast clicking into this field,\n      // re-fetch options\n      if (hasLoadedFirstPageRef.current && menuIsOpen) {\n        setIsLoading(true)\n        void getResults({\n          filterOptions,\n          lastLoadedPage: {},\n          onSuccess: () => {\n            hasLoadedFirstPageRef.current = true\n            setIsLoading(false)\n          },\n          value: valueRef.current,\n        })\n      }\n\n      // If the menu is not open, still reset the field state\n      // because we need to get new options next time the menu opens\n      dispatchOptions({\n        type: 'CLEAR',\n        exemptValues: valueRef.current,\n      })\n\n      setLastFullyLoadedRelation(-1)\n      setLastLoadedPage({})\n    },\n    [relationTo, filterOptions, locale, path, menuIsOpen],\n    [getResults],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      dispatchOptions({\n        type: 'UPDATE',\n        collection: args.collectionConfig,\n        config,\n        doc: args.doc,\n        i18n,\n      })\n\n      const currentValue = valueRef.current\n      const docID = args.doc.id\n\n      if (hasMany) {\n        const unchanged = (currentValue as Option[]).some((option) =>\n          typeof option === 'string' ? option === docID : option.value === docID,\n        )\n\n        const valuesToSet = (currentValue as Option[]).map((option) =>\n          option.value === docID\n            ? { relationTo: args.collectionConfig.slug, value: docID }\n            : option,\n        )\n\n        setValue(valuesToSet, unchanged)\n      } else {\n        const unchanged = currentValue === docID\n\n        setValue({ relationTo: args.collectionConfig.slug, value: docID }, unchanged)\n      }\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n    (args) => {\n      dispatchOptions({\n        type: 'ADD',\n        collection: args.collectionConfig,\n        config,\n        docs: [args.doc],\n        i18n,\n        sort: true,\n      })\n\n      if (hasMany) {\n        setValue(\n          valueRef.current\n            ? (valueRef.current as Option[]).concat({\n                relationTo: args.collectionConfig.slug,\n                value: args.doc.id,\n              } as Option)\n            : null,\n        )\n      } else {\n        setValue({\n          relationTo: args.collectionConfig.slug,\n          value: args.doc.id,\n        })\n      }\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      dispatchOptions({\n        id: args.id,\n        type: 'REMOVE',\n        collection: args.collectionConfig,\n        config,\n        i18n,\n      })\n\n      if (hasMany) {\n        setValue(\n          valueRef.current\n            ? (valueRef.current as Option[]).filter((option) => {\n                return option.value !== args.id\n              })\n            : null,\n        )\n      } else {\n        setValue(null)\n      }\n\n      return\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const filterOption = useCallback((item: Option, searchFilter: string) => {\n    if (!searchFilter) {\n      return true\n    }\n    const r = wordBoundariesRegex(searchFilter || '')\n    // breaking the labels to search into smaller parts increases performance\n    const breakApartThreshold = 250\n    let labelString = String(item.label)\n    // strings less than breakApartThreshold length won't be chunked\n    while (labelString.length > breakApartThreshold) {\n      // slicing by the next space after the length of the search input prevents slicing the string up by partial words\n      const indexOfSpace = labelString.indexOf(' ', searchFilter.length)\n      if (\n        r.test(labelString.slice(0, indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1))\n      ) {\n        return true\n      }\n      labelString = labelString.slice(indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1)\n    }\n    return r.test(labelString.slice(-breakApartThreshold))\n  }, [])\n\n  const onDocumentDrawerOpen = useCallback<\n    ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']\n  >(({ id, collectionSlug, hasReadPermission }) => {\n    openDrawerWhenRelationChanges.current = true\n    setCurrentlyOpenRelationship({\n      id,\n      collectionSlug,\n      hasReadPermission,\n    })\n  }, [])\n\n  useEffect(() => {\n    if (openDrawerWhenRelationChanges.current) {\n      openDrawer()\n      openDrawerWhenRelationChanges.current = false\n    }\n  }, [openDrawer, currentlyOpenRelationship])\n\n  const valueToRender = findOptionsByValue({ allowEdit, options, value })\n\n  if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {\n    valueToRender.value = null\n  }\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        errorLoading && 'error-loading',\n        readOnly && `${baseClass}--read-only`,\n        !readOnly && allowCreate && `${baseClass}--allow-create`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {!errorLoading && (\n          <div className={`${baseClass}__wrap`}>\n            <ReactSelect\n              backspaceRemovesValue={!isDrawerOpen}\n              components={{\n                MultiValueLabel,\n                SingleValue,\n              }}\n              customProps={{\n                disableKeyDown: isDrawerOpen,\n                disableMouseDown: isDrawerOpen,\n                onDocumentDrawerOpen,\n                onSave,\n              }}\n              disabled={readOnly || isDrawerOpen}\n              filterOption={enableWordBoundarySearch ? filterOption : undefined}\n              getOptionValue={(option) => {\n                if (!option) {\n                  return undefined\n                }\n                return hasMany && Array.isArray(relationTo)\n                  ? `${option.relationTo}_${option.value}`\n                  : (option.value as string)\n              }}\n              isLoading={isLoading}\n              isMulti={hasMany}\n              isSortable={isSortable}\n              onChange={\n                !readOnly\n                  ? (selected) => {\n                      if (selected === null) {\n                        setValue(hasMany ? [] : null)\n                      } else if (hasMany && Array.isArray(selected)) {\n                        setValue(\n                          selected\n                            ? selected.map((option) => {\n                                if (hasMultipleRelations) {\n                                  return {\n                                    relationTo: option.relationTo,\n                                    value: option.value,\n                                  }\n                                }\n\n                                return option.value\n                              })\n                            : null,\n                        )\n                      } else if (hasMultipleRelations && !Array.isArray(selected)) {\n                        setValue({\n                          relationTo: selected.relationTo,\n                          value: selected.value,\n                        })\n                      } else if (!Array.isArray(selected)) {\n                        setValue(selected.value)\n                      }\n                    }\n                  : undefined\n              }\n              onInputChange={(newSearch) => handleInputChange(newSearch, value)}\n              onMenuClose={() => {\n                setMenuIsOpen(false)\n              }}\n              onMenuOpen={() => {\n                setMenuIsOpen(true)\n\n                if (!hasLoadedFirstPageRef.current) {\n                  setIsLoading(true)\n                  void getResults({\n                    filterOptions,\n                    lastLoadedPage: {},\n                    onSuccess: () => {\n                      hasLoadedFirstPageRef.current = true\n                      setIsLoading(false)\n                    },\n                    value: initialValue,\n                  })\n                }\n              }}\n              onMenuScrollToBottom={() => {\n                void getResults({\n                  filterOptions,\n                  lastFullyLoadedRelation,\n                  lastLoadedPage,\n                  search,\n                  sort: false,\n                  value: initialValue,\n                })\n              }}\n              options={options}\n              showError={showError}\n              value={valueToRender ?? null}\n            />\n            {!readOnly && allowCreate && (\n              <AddNewRelation\n                hasMany={hasMany}\n                path={path}\n                relationTo={relationTo}\n                setValue={setValue}\n                value={value}\n              />\n            )}\n          </div>\n        )}\n        {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n      {currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && (\n        <DocumentDrawer onDelete={onDelete} onDuplicate={onDuplicate} onSave={onSave} />\n      )}\n    </div>\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dequal","wordBoundariesRegex","qs","React","useCallback","useEffect","useMemo","useReducer","useRef","useState","AddNewRelation","useDocumentDrawer","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useDebouncedCallback","useEffectEvent","useAuth","useConfig","useLocale","useTranslation","mergeFieldStyles","fieldBaseClass","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","RelationshipFieldComponent","props","field","admin","allowCreate","allowEdit","className","description","isSortable","sortOptions","hasMany","label","localized","relationTo","required","path","readOnly","validate","config","getEntityConfig","routes","api","serverURL","i18n","t","permissions","code","locale","hasMultipleRelations","Array","isArray","currentlyOpenRelationship","setCurrentlyOpenRelationship","id","undefined","collectionSlug","hasReadPermission","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","setMenuIsOpen","hasLoadedFirstPageRef","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","filterOptions","initialValue","setValue","showError","options","dispatchOptions","valueRef","current","DocumentDrawer","isDrawerOpen","openDrawer","openDrawerWhenRelationChanges","getResults","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","reduce","priorRelation","relation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","fieldToSearch","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","where","and","not_in","push","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","handleValueChange","Object","entries","idsToLoad","filter","find","optionGroup","option","in","prevValue","isFirstRenderRef","isIdOnly","idOnly","getResultsEffectEvent","args","exemptValues","onSave","collectionConfig","doc","currentValue","docID","unchanged","some","valuesToSet","map","slug","onDuplicate","concat","onDelete","filterOption","item","searchFilter","r","breakApartThreshold","labelString","String","indexOfSpace","test","onDocumentDrawerOpen","valueToRender","styles","_jsxs","Boolean","join","replace","style","_jsx","CustomComponent","Fallback","backspaceRemovesValue","components","customProps","disableKeyDown","disableMouseDown","disabled","getOptionValue","isMulti","onChange","selected","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","RelationshipField"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs, RelationshipFieldClientComponent, Where } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { wordBoundariesRegex } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { GetResults, Option, Value } from './types.js'\n\nimport { AddNewRelation } from '../../elements/AddNewRelation/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport { optionsReducer } from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\n\nconst maxResultsPerRequest = 10\n\nconst baseClass = 'relationship'\n\nconst RelationshipFieldComponent: RelationshipFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        allowCreate = true,\n        allowEdit = true,\n        className,\n        description,\n        isSortable = true,\n        sortOptions,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      relationTo,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { config, getEntityConfig } = useConfig()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { code: locale } = useLocale()\n  const hasMultipleRelations = Array.isArray(relationTo)\n\n  const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState<\n    Parameters<ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']>[0]\n  >({\n    id: undefined,\n    collectionSlug: undefined,\n    hasReadPermission: false,\n  })\n\n  const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = useState(-1)\n  const [lastLoadedPage, setLastLoadedPage] = useState<Record<string, number>>({})\n  const [errorLoading, setErrorLoading] = useState('')\n  const [search, setSearch] = useState('')\n  const [isLoading, setIsLoading] = useState(false)\n  const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false)\n  const [menuIsOpen, setMenuIsOpen] = useState(false)\n  const hasLoadedFirstPageRef = useRef(false)\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    filterOptions,\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField<Value | Value[]>({\n    path,\n    validate: memoizedValidate,\n  })\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n\n  const valueRef = useRef(value)\n  valueRef.current = value\n\n  const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\n    id: currentlyOpenRelationship.id,\n    collectionSlug: currentlyOpenRelationship.collectionSlug,\n  })\n\n  const openDrawerWhenRelationChanges = useRef(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\n      filterOptions,\n      lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n      lastLoadedPage: lastLoadedPageArg,\n      onSuccess,\n      search: searchArg,\n      sort,\n      value: valueArg,\n    }) => {\n      if (!permissions) {\n        return\n      }\n      const lastFullyLoadedRelationToUse =\n        typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n      const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n      const relationsToFetch =\n        lastFullyLoadedRelationToUse === -1\n          ? relations\n          : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n      let resultsFetched = 0\n      const relationMap = createRelationMap({\n        hasMany,\n        relationTo,\n        value: valueArg,\n      })\n\n      if (!errorLoading) {\n        await relationsToFetch.reduce(async (priorRelation, relation) => {\n          const relationFilterOption = filterOptions?.[relation]\n\n          let lastLoadedPageToUse\n          if (search !== searchArg) {\n            lastLoadedPageToUse = 1\n          } else {\n            lastLoadedPageToUse = lastLoadedPageArg[relation] + 1\n          }\n          await priorRelation\n\n          if (relationFilterOption === false) {\n            setLastFullyLoadedRelation(relations.indexOf(relation))\n            return Promise.resolve()\n          }\n\n          if (resultsFetched < 10) {\n            const collection = getEntityConfig({ collectionSlug: relation })\n            const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n            let fieldToSort = collection?.defaultSort || 'id'\n            if (typeof sortOptions === 'string') {\n              fieldToSort = sortOptions\n            } else if (sortOptions?.[relation]) {\n              fieldToSort = sortOptions[relation]\n            }\n\n            const query: {\n              [key: string]: unknown\n              where: Where\n            } = {\n              depth: 0,\n              draft: true,\n              limit: maxResultsPerRequest,\n              locale,\n              page: lastLoadedPageToUse,\n              sort: fieldToSort,\n              where: {\n                and: [\n                  {\n                    id: {\n                      not_in: relationMap[relation],\n                    },\n                  },\n                ],\n              },\n            }\n\n            if (searchArg) {\n              query.where.and.push({\n                [fieldToSearch]: {\n                  like: searchArg,\n                },\n              })\n            }\n\n            if (relationFilterOption && typeof relationFilterOption !== 'boolean') {\n              query.where.and.push(relationFilterOption)\n            }\n\n            const response = await fetch(`${serverURL}${api}/${relation}`, {\n              body: qs.stringify(query),\n              credentials: 'include',\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/x-www-form-urlencoded',\n                'X-HTTP-Method-Override': 'GET',\n              },\n              method: 'POST',\n            })\n\n            if (response.ok) {\n              const data: PaginatedDocs<unknown> = await response.json()\n              setLastLoadedPage((prevState) => {\n                return {\n                  ...prevState,\n                  [relation]: lastLoadedPageToUse,\n                }\n              })\n\n              if (!data.nextPage) {\n                setLastFullyLoadedRelation(relations.indexOf(relation))\n              }\n\n              if (data.docs.length > 0) {\n                resultsFetched += data.docs.length\n\n                dispatchOptions({\n                  type: 'ADD',\n                  collection,\n                  config,\n                  docs: data.docs,\n                  i18n,\n                  sort,\n                })\n              }\n            } else if (response.status === 403) {\n              setLastFullyLoadedRelation(relations.indexOf(relation))\n              dispatchOptions({\n                type: 'ADD',\n                collection,\n                config,\n                docs: [],\n                i18n,\n                ids: relationMap[relation],\n                sort,\n              })\n            } else {\n              setErrorLoading(t('error:unspecific'))\n            }\n          }\n        }, Promise.resolve())\n\n        if (typeof onSuccess === 'function') {\n          onSuccess()\n        }\n      }\n    },\n    [\n      permissions,\n      relationTo,\n      hasMany,\n      errorLoading,\n      search,\n      getEntityConfig,\n      locale,\n      serverURL,\n      sortOptions,\n      api,\n      i18n,\n      config,\n      t,\n    ],\n  )\n\n  const updateSearch = useDebouncedCallback((searchArg: string, valueArg: Value | Value[]) => {\n    void getResults({\n      filterOptions,\n      lastLoadedPage: {},\n      search: searchArg,\n      sort: true,\n      value: valueArg,\n    })\n    setSearch(searchArg)\n  }, 300)\n\n  const handleInputChange = useCallback(\n    (searchArg: string, valueArg: Value | Value[]) => {\n      if (search !== searchArg) {\n        setLastLoadedPage({})\n        updateSearch(searchArg, valueArg, searchArg !== '')\n      }\n    },\n    [search, updateSearch],\n  )\n\n  const handleValueChange = useEffectEvent((value: Value | Value[]) => {\n    const relationMap = createRelationMap({\n      hasMany,\n      relationTo,\n      value,\n    })\n\n    void Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {\n      await priorRelation\n\n      const idsToLoad = ids.filter((id) => {\n        return !options.find((optionGroup) =>\n          optionGroup?.options?.find(\n            (option) => option.value === id && option.relationTo === relation,\n          ),\n        )\n      })\n\n      if (idsToLoad.length > 0) {\n        const query = {\n          depth: 0,\n          draft: true,\n          limit: idsToLoad.length,\n          locale,\n          where: {\n            id: {\n              in: idsToLoad,\n            },\n          },\n        }\n\n        if (!errorLoading) {\n          const response = await fetch(`${serverURL}${api}/${relation}`, {\n            body: qs.stringify(query),\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/x-www-form-urlencoded',\n              'X-HTTP-Method-Override': 'GET',\n            },\n            method: 'POST',\n          })\n\n          const collection = getEntityConfig({ collectionSlug: relation })\n          let docs = []\n\n          if (response.ok) {\n            const data = await response.json()\n            docs = data.docs\n          }\n\n          dispatchOptions({\n            type: 'ADD',\n            collection,\n            config,\n            docs,\n            i18n,\n            ids: idsToLoad,\n            sort: true,\n          })\n        }\n      }\n    }, Promise.resolve())\n  })\n\n  const prevValue = useRef(value)\n  const isFirstRenderRef = useRef(true)\n  // ///////////////////////////////////\n  // Ensure we have an option for each value\n  // ///////////////////////////////////\n  useEffect(() => {\n    if (isFirstRenderRef.current || !dequal(value, prevValue.current)) {\n      handleValueChange(value)\n    }\n    isFirstRenderRef.current = false\n    prevValue.current = value\n  }, [value])\n\n  // Determine if we should switch to word boundary search\n  useEffect(() => {\n    const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n    const isIdOnly = relations.reduce((idOnly, relation) => {\n      const collection = getEntityConfig({ collectionSlug: relation })\n      const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n      return fieldToSearch === 'id' && idOnly\n    }, true)\n    setEnableWordBoundarySearch(!isIdOnly)\n  }, [relationTo, getEntityConfig])\n\n  const getResultsEffectEvent: GetResults = useEffectEvent(async (args) => {\n    return await getResults(args)\n  })\n\n  // When (`relationTo` || `filterOptions` || `locale`) changes, reset component\n  // Note - effect should not run on first run\n  useEffect(() => {\n    // If the menu is open while filterOptions changes\n    // due to latency of form state and fast clicking into this field,\n    // re-fetch options\n    if (hasLoadedFirstPageRef.current && menuIsOpen) {\n      setIsLoading(true)\n      void getResultsEffectEvent({\n        filterOptions,\n        lastLoadedPage: {},\n        onSuccess: () => {\n          hasLoadedFirstPageRef.current = true\n          setIsLoading(false)\n        },\n        value: valueRef.current,\n      })\n    }\n\n    // If the menu is not open, still reset the field state\n    // because we need to get new options next time the menu opens\n    dispatchOptions({\n      type: 'CLEAR',\n      exemptValues: valueRef.current,\n    })\n\n    setLastFullyLoadedRelation(-1)\n    setLastLoadedPage({})\n  }, [relationTo, filterOptions, locale, path, menuIsOpen])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      dispatchOptions({\n        type: 'UPDATE',\n        collection: args.collectionConfig,\n        config,\n        doc: args.doc,\n        i18n,\n      })\n\n      const currentValue = valueRef.current\n      const docID = args.doc.id\n\n      if (hasMany) {\n        const unchanged = (currentValue as Option[]).some((option) =>\n          typeof option === 'string' ? option === docID : option.value === docID,\n        )\n\n        const valuesToSet = (currentValue as Option[]).map((option) =>\n          option.value === docID\n            ? { relationTo: args.collectionConfig.slug, value: docID }\n            : option,\n        )\n\n        setValue(valuesToSet, unchanged)\n      } else {\n        const unchanged = currentValue === docID\n\n        setValue({ relationTo: args.collectionConfig.slug, value: docID }, unchanged)\n      }\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n    (args) => {\n      dispatchOptions({\n        type: 'ADD',\n        collection: args.collectionConfig,\n        config,\n        docs: [args.doc],\n        i18n,\n        sort: true,\n      })\n\n      if (hasMany) {\n        setValue(\n          valueRef.current\n            ? (valueRef.current as Option[]).concat({\n                relationTo: args.collectionConfig.slug,\n                value: args.doc.id,\n              } as Option)\n            : null,\n        )\n      } else {\n        setValue({\n          relationTo: args.collectionConfig.slug,\n          value: args.doc.id,\n        })\n      }\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      dispatchOptions({\n        id: args.id,\n        type: 'REMOVE',\n        collection: args.collectionConfig,\n        config,\n        i18n,\n      })\n\n      if (hasMany) {\n        setValue(\n          valueRef.current\n            ? (valueRef.current as Option[]).filter((option) => {\n                return option.value !== args.id\n              })\n            : null,\n        )\n      } else {\n        setValue(null)\n      }\n\n      return\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const filterOption = useCallback((item: Option, searchFilter: string) => {\n    if (!searchFilter) {\n      return true\n    }\n    const r = wordBoundariesRegex(searchFilter || '')\n    // breaking the labels to search into smaller parts increases performance\n    const breakApartThreshold = 250\n    let labelString = String(item.label)\n    // strings less than breakApartThreshold length won't be chunked\n    while (labelString.length > breakApartThreshold) {\n      // slicing by the next space after the length of the search input prevents slicing the string up by partial words\n      const indexOfSpace = labelString.indexOf(' ', searchFilter.length)\n      if (\n        r.test(labelString.slice(0, indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1))\n      ) {\n        return true\n      }\n      labelString = labelString.slice(indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1)\n    }\n    return r.test(labelString.slice(-breakApartThreshold))\n  }, [])\n\n  const onDocumentDrawerOpen = useCallback<\n    ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']\n  >(({ id, collectionSlug, hasReadPermission }) => {\n    openDrawerWhenRelationChanges.current = true\n    setCurrentlyOpenRelationship({\n      id,\n      collectionSlug,\n      hasReadPermission,\n    })\n  }, [])\n\n  useEffect(() => {\n    if (openDrawerWhenRelationChanges.current) {\n      openDrawer()\n      openDrawerWhenRelationChanges.current = false\n    }\n  }, [openDrawer, currentlyOpenRelationship])\n\n  const valueToRender = findOptionsByValue({ allowEdit, options, value })\n\n  if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {\n    valueToRender.value = null\n  }\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        errorLoading && 'error-loading',\n        readOnly && `${baseClass}--read-only`,\n        !readOnly && allowCreate && `${baseClass}--allow-create`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {!errorLoading && (\n          <div className={`${baseClass}__wrap`}>\n            <ReactSelect\n              backspaceRemovesValue={!isDrawerOpen}\n              components={{\n                MultiValueLabel,\n                SingleValue,\n              }}\n              customProps={{\n                disableKeyDown: isDrawerOpen,\n                disableMouseDown: isDrawerOpen,\n                onDocumentDrawerOpen,\n                onSave,\n              }}\n              disabled={readOnly || isDrawerOpen}\n              filterOption={enableWordBoundarySearch ? filterOption : undefined}\n              getOptionValue={(option) => {\n                if (!option) {\n                  return undefined\n                }\n                return hasMany && Array.isArray(relationTo)\n                  ? `${option.relationTo}_${option.value}`\n                  : (option.value as string)\n              }}\n              isLoading={isLoading}\n              isMulti={hasMany}\n              isSortable={isSortable}\n              onChange={\n                !readOnly\n                  ? (selected) => {\n                      if (selected === null) {\n                        setValue(hasMany ? [] : null)\n                      } else if (hasMany && Array.isArray(selected)) {\n                        setValue(\n                          selected\n                            ? selected.map((option) => {\n                                if (hasMultipleRelations) {\n                                  return {\n                                    relationTo: option.relationTo,\n                                    value: option.value,\n                                  }\n                                }\n\n                                return option.value\n                              })\n                            : null,\n                        )\n                      } else if (hasMultipleRelations && !Array.isArray(selected)) {\n                        setValue({\n                          relationTo: selected.relationTo,\n                          value: selected.value,\n                        })\n                      } else if (!Array.isArray(selected)) {\n                        setValue(selected.value)\n                      }\n                    }\n                  : undefined\n              }\n              onInputChange={(newSearch) => handleInputChange(newSearch, value)}\n              onMenuClose={() => {\n                setMenuIsOpen(false)\n              }}\n              onMenuOpen={() => {\n                setMenuIsOpen(true)\n\n                if (!hasLoadedFirstPageRef.current) {\n                  setIsLoading(true)\n                  void getResults({\n                    filterOptions,\n                    lastLoadedPage: {},\n                    onSuccess: () => {\n                      hasLoadedFirstPageRef.current = true\n                      setIsLoading(false)\n                    },\n                    value: initialValue,\n                  })\n                }\n              }}\n              onMenuScrollToBottom={() => {\n                void getResults({\n                  filterOptions,\n                  lastFullyLoadedRelation,\n                  lastLoadedPage,\n                  search,\n                  sort: false,\n                  value: initialValue,\n                })\n              }}\n              options={options}\n              showError={showError}\n              value={valueToRender ?? null}\n            />\n            {!readOnly && allowCreate && (\n              <AddNewRelation\n                hasMany={hasMany}\n                path={path}\n                relationTo={relationTo}\n                setValue={setValue}\n                value={value}\n              />\n            )}\n          </div>\n        )}\n        {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n      {currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && (\n        <DocumentDrawer onDelete={onDelete} onDuplicate={onDuplicate} onSave={onSave} />\n      )}\n    </div>\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Text/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAShD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsG9C,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAShD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwJ9C,CAAA"}

package/dist/fields/Text/Input.js

@@ -43,6 +43,7 @@ export const TextInput = props => {
     i18n,
     t
   } = useTranslation();
+  const editableProps = _temp2;
   const t0 = showError && "error";
   const t1 = readOnly && "read-only";
   const t2 = hasMany && "has-many";
@@ -81,12 +82,19 @@ export const TextInput = props => {
           })
         }), BeforeInput, hasMany ? _jsx(ReactSelect, {
           className: `field-${path.replace(/\./g, "__")}`,
+          components: {
+            DropdownIndicator: null
+          },
+          customProps: {
+            editableProps
+          },
           disabled: readOnly,
           filterOption: () => !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows),
-          isClearable: true,
+          isClearable: false,
           isCreatable: true,
           isMulti: true,
           isSortable: true,
+          menuIsOpen: false,
           noOptionsMessage: () => {
             const isOverHasMany = Array.isArray(value) && value.length >= maxRows;
             if (isOverHasMany) {
@@ -153,4 +161,42 @@ export const TextInput = props => {
   }
   return t5;
 };
+function _temp(event) {
+  event.currentTarget.contentEditable = "false";
+}
+function _temp2(data, className_0, selectProps) {
+  const editableClassName = `${className_0}--editable`;
+  return {
+    onBlur: _temp,
+    onClick: event_0 => {
+      event_0.currentTarget.contentEditable = "true";
+      event_0.currentTarget.classList.add(editableClassName);
+      event_0.currentTarget.focus();
+    },
+    onKeyDown: event_1 => {
+      if (event_1.key === "Enter" || event_1.key === "Tab" || event_1.key === "Escape") {
+        event_1.currentTarget.contentEditable = "false";
+        event_1.currentTarget.classList.remove(editableClassName);
+        data.value.value = event_1.currentTarget.innerText;
+        data.label = event_1.currentTarget.innerText;
+        if (data.value.value.replaceAll("\n", "")) {
+          selectProps.onChange(selectProps.value, {
+            action: "create-option",
+            option: data
+          });
+        } else {
+          if (Array.isArray(selectProps.value)) {
+            const newValues = selectProps.value.filter(v => v.id !== data.id);
+            selectProps.onChange(newValues, {
+              action: "pop-value",
+              removedValue: data
+            });
+          }
+        }
+        event_1.preventDefault();
+      }
+      event_1.stopPropagation();
+    }
+  };
+}
 //# sourceMappingURL=Input.js.map

package/dist/fields/Text/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","hasMany","inputRef","Label","label","localized","maxRows","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","valueToRender","i18n","t","t0","t1","t2","t3","filter","Boolean","t4","join","t5","_jsxs","children","_jsx","CustomComponent","Fallback","replace","disabled","filterOption","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany","max","options","id","name","ref","type"],"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany,\n    inputRef,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    valueToRender,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'text',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            disabled={readOnly}\n            // prevent adding additional options if maxRows is reached\n            filterOption={() =>\n              !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n            }\n            isClearable\n            isCreatable\n            isMulti\n            isSortable\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={t('general:enterAValue')}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <input\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path?.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={getTranslation(placeholder, i18n)}\n            ref={inputRef}\n            type=\"text\"\n            value={value || ''}\n          />\n        )}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","hasMany","inputRef","Label","label","localized","maxRows","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","valueToRender","i18n","t","editableProps","_temp2","t0","t1","t2","t3","filter","Boolean","t4","join","t5","_jsxs","children","_jsx","CustomComponent","Fallback","replace","components","DropdownIndicator","customProps","disabled","filterOption","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","menuIsOpen","noOptionsMessage","isOverHasMany","max","options","id","name","ref","type","_temp","event","currentTarget","contentEditable","data","className_0","selectProps","editableClassName","onBlur","onClick","event_0","classList","add","focus","event_1","key","remove","innerText","replaceAll","action","option","newValues","v","removedValue","preventDefault","stopPropagation"],"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany,\n    inputRef,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    valueToRender,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editableProps: ReactSelectAdapterProps['customProps']['editableProps'] = (\n    data,\n    className,\n    selectProps,\n  ) => {\n    const editableClassName = `${className}--editable`\n\n    return {\n      onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n        event.currentTarget.contentEditable = 'false'\n      },\n      onClick: (event: React.MouseEvent<HTMLDivElement>) => {\n        event.currentTarget.contentEditable = 'true'\n        event.currentTarget.classList.add(editableClassName)\n        event.currentTarget.focus()\n      },\n      onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Escape') {\n          event.currentTarget.contentEditable = 'false'\n          event.currentTarget.classList.remove(editableClassName)\n          data.value.value = event.currentTarget.innerText\n          data.label = event.currentTarget.innerText\n\n          if (data.value.value.replaceAll('\\n', '')) {\n            selectProps.onChange(selectProps.value, {\n              action: 'create-option',\n              option: data,\n            })\n          } else {\n            if (Array.isArray(selectProps.value)) {\n              const newValues = selectProps.value.filter((v) => v.id !== data.id)\n              selectProps.onChange(newValues, {\n                action: 'pop-value',\n                removedValue: data,\n              })\n            }\n          }\n\n          event.preventDefault()\n        }\n        event.stopPropagation()\n      },\n    }\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'text',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            components={{ DropdownIndicator: null }}\n            customProps={{\n              editableProps,\n            }}\n            disabled={readOnly}\n            // prevent adding additional options if maxRows is reached\n            filterOption={() =>\n              !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n            }\n            isClearable={false}\n            isCreatable\n            isMulti\n            isSortable\n            menuIsOpen={false}\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={t('general:enterAValue')}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <input\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path?.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={getTranslation(placeholder, i18n)}\n            ref={inputRef}\n            type=\"text\"\n            value={value || ''}\n          />\n        )}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAKlB,SAASC,WAAW,QAAQ;AAC5B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAsCC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACjD;IAAAa,UAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,IAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,GAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC;EAAA,IAwBIxB,KAAA;EAEJ;IAAAyB,IAAA;IAAAC;EAAA,IAAoB7B,cAAA;EAEpB,MAAA8B,aAAA,GAAAC,MAAA;EAmDM,MAAAC,EAAA,GAAAR,SAAA,IAAa;EACb,MAAAS,EAAA,GAAAZ,QAAA,IAAY;EACZ,MAAAa,EAAA,GAAAvB,OAAA,IAAW;EAAA,IAAAwB,EAAA;EAAA,IAAA/B,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAA4B,EAAA,IAAA5B,CAAA,QAAA6B,EAAA,IAAA7B,CAAA,QAAA8B,EAAA;IANFC,EAAA,IAAAlC,cAAA,EAET,QACAM,SAAA,EACAyB,EAAa,EACbC,EAAY,EACZC,EAAW,EAAAE,MAAA,CAAAC,OAEH;IAAAjC,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAA4B,EAAA;IAAA5B,CAAA,MAAA6B,EAAA;IAAA7B,CAAA,MAAA8B,EAAA;IAAA9B,CAAA,MAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EARC,MAAAkC,EAAA,GAAAH,EAQD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAApC,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAM,KAAA,IAAAN,CAAA,QAAAS,KAAA,IAAAT,CAAA,SAAAK,WAAA,IAAAL,CAAA,SAAAO,OAAA,IAAAP,CAAA,SAAAwB,IAAA,IAAAxB,CAAA,SAAAQ,QAAA,IAAAR,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAY,OAAA,IAAAZ,CAAA,SAAAa,QAAA,IAAAb,CAAA,SAAAc,SAAA,IAAAd,CAAA,SAAAe,IAAA,IAAAf,CAAA,SAAAgB,WAAA,IAAAhB,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAAkB,QAAA,IAAAlB,CAAA,SAAAmB,GAAA,IAAAnB,CAAA,SAAAoB,SAAA,IAAApB,CAAA,SAAAqB,KAAA,IAAArB,CAAA,SAAAyB,CAAA,IAAAzB,CAAA,SAAAkC,EAAA,IAAAlC,CAAA,SAAAsB,KAAA,IAAAtB,CAAA,SAAAuB,aAAA;IAVVa,EAAA,GAAAC,KAAA,CAAC;MAAAlC,SAAA,EACY+B,EASH;MAAAb,KAAA;MAAAiB,QAAA,GAGRC,IAAA,CAAA/C,qBAAA;QAAAgD,eAAA,EACmB/B,KAAA;QAAAgC,QAAA,EAEfF,IAAA,CAAA5C,UAAA;UAAAe,KAAA;UAAAC,SAAA;UAAAI,IAAA;UAAAG;QAAA,C;UAGJmB,KAAA,CAAC;QAAAlC,SAAA,EAAe,GAAAN,cAAA,QAAyB;QAAAyC,QAAA,GACvCC,IAAA,CAAA/C,qBAAA;UAAAgD,eAAA,EACmBlC,KAAA;UAAAmC,QAAA,EACPF,IAAA,CAAA7C,UAAA;YAAAqB,IAAA;YAAAK;UAAA,C;YAEXlB,WAAA,EACAK,OAAA,GACCgC,IAAA,CAAAhD,WAAA;UAAAY,SAAA,EACa,SAASY,IAAA,CAAA2B,OAAA,QAAoB,OAAO;UAAAC,UAAA;YAAAC,iBAAA;UAAA;UAAAC,WAAA;YAAAnB;UAAA;UAAAoB,QAAA,EAKrC7B,QAAA;UAAA8B,YAAA,EAAAA,CAAA,KAGR,CAACnC,OAAA,YAAmBoC,KAAA,CAAAC,OAAA,CAAc3B,KAAA,KAAUV,OAAA,IAAWU,KAAA,CAAA4B,MAAA,IAAgBtC,OAAM;UAAAuC,WAAA;UAAAC,WAAA;UAAAC,OAAA;UAAAC,UAAA;UAAAC,UAAA;UAAAC,gBAAA,EAAAA,CAAA;YAQ7E,MAAAC,aAAA,GAAsBT,KAAA,CAAAC,OAAA,CAAc3B,KAAA,KAAUA,KAAA,CAAA4B,MAAA,IAAgBtC,OAAA;YAAA,IAC1D6C,aAAA;cAAA,OACKhC,CAAA,CAAE;gBAAAiC,GAAA,EAAkC9C,OAAA;gBAAAU,KAAA,EAAgBA,KAAA,CAAA4B,MAAA;cAAe,CAAE;YAAA;YAAA;UAAA;UAAArC,QAAA;UAAA8C,OAAA;UAAA3C,WAAA,EAMnES,CAAA,CAAE;UAAAL,SAAA;UAAAE,KAAA,EAERC;QAAA,C,IAGTgB,IAAA,CAAC;UAAA,YACWpB,GAAA;UAAA2B,QAAA,EACA7B,QAAA;UAAA2C,EAAA,EACN,SAAS7C,IAAA,EAAA2B,OAAA,QAAqB,OAAO;UAAAmB,IAAA,EACnC9C,IAAA;UAAAF,QAAA;UAAAC,SAAA;UAAAE,WAAA,EAGO3B,cAAA,CAAe2B,WAAA,EAAaQ,IAAA;UAAAsC,GAAA,EACpCtD,QAAA;UAAAuD,IAAA,EACA;UAAAzC,KAAA,EACEA,KAAA,IAAS;QAAA,C,GAGnBrB,UAAA,EACDsC,IAAA,CAAA/C,qBAAA;UAAAgD,eAAA,EACmBpC,WAAA;UAAAqC,QAAA,EACPF,IAAA,CAAA9C,gBAAA;YAAAY,WAAA;YAAAU;UAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAxEhBqB,E;CA6EJ;AAxJmD,SAAA4B,MAAAC,KAAA;EAsC3CA,KAAA,CAAAC,aAAA,CAAAC,eAAA,GAAsC;AAAA;AAtCK,SAAAxC,OAAAyC,IAAA,EAAAC,WAAA,EAAAC,WAAA;EAkC/C,MAAAC,iBAAA,GAA0B,GAAGpE,WAAA,YAAqB;EAAA;IAAAqE,MAAA,EAAAR,KAAA;IAAAS,OAAA,EAAAC,OAAA;MAO9CT,OAAA,CAAAC,aAAA,CAAAC,eAAA,GAAsC;MACtCF,OAAA,CAAAC,aAAA,CAAAS,SAAA,CAAAC,GAAA,CAAkCL,iBAAA;MAClCN,OAAA,CAAAC,aAAA,CAAAW,KAAA,CAAyB;IAAA;IAAA/D,SAAA,EAAAgE,OAAA;MAAA,IAGrBb,OAAA,CAAAc,GAAA,KAAc,WAAWd,OAAA,CAAAc,GAAA,KAAc,SAASd,OAAA,CAAAc,GAAA,KAAc;QAChEd,OAAA,CAAAC,aAAA,CAAAC,eAAA,GAAsC;QACtCF,OAAA,CAAAC,aAAA,CAAAS,SAAA,CAAAK,MAAA,CAAqCT,iBAAA;QACrCH,IAAA,CAAA9C,KAAA,CAAAA,KAAA,GAAmB2C,OAAA,CAAAC,aAAA,CAAAe,SAAA;QACnBb,IAAA,CAAA1D,KAAA,GAAauD,OAAA,CAAAC,aAAA,CAAAe,SAAA;QAAA,IAETb,IAAA,CAAA9C,KAAA,CAAAA,KAAA,CAAA4D,UAAA,CAA4B,MAAM;UACpCZ,WAAA,CAAAzD,QAAA,CAAqByD,WAAA,CAAAhD,KAAA;YAAA6D,MAAA,EACX;YAAAC,MAAA,EACAhB;UAAA,CACV;QAAA;UAAA,IAEIpB,KAAA,CAAAC,OAAA,CAAcqB,WAAA,CAAAhD,KAAiB;YACjC,MAAA+D,SAAA,GAAkBf,WAAA,CAAAhD,KAAA,CAAAU,MAAA,CAAAsD,CAAA,IAAgCA,CAAA,CAAA1B,EAAA,KAASQ,IAAA,CAAAR,EAAO;YAClEU,WAAA,CAAAzD,QAAA,CAAqBwE,SAAA;cAAAF,MAAA,EACX;cAAAI,YAAA,EACMnB;YAAA,CAChB;UAAA;QAAA;QAIJH,OAAA,CAAAuB,cAAA,CAAoB;MAAA;MAEtBvB,OAAA,CAAAwB,eAAA,CAAqB;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/forms/Form/context.d.ts

@@ -1,6 +1,7 @@
 import type { RenderedField } from 'payload';
 import type { Context, FormFieldsContext as FormFieldsContextType } from './types.js';
 declare const FormContext: import("react").Context<Context>;
+declare const DocumentFormContext: import("react").Context<Context>;
 declare const FormWatchContext: import("react").Context<Context>;
 declare const SubmittedContext: import("react").Context<boolean>;
 declare const ProcessingContext: import("react").Context<boolean>;
@@ -14,6 +15,11 @@ export type RenderedFieldSlots = Map<string, RenderedField>;
  * @see https://payloadcms.com/docs/admin/hooks#useform
  */
 declare const useForm: () => Context;
+/**
+ * Get the state of the document-level form. This is useful if you need to access the document-level Form from within a child Form.
+ * This is the case withing lexical Blocks, as each lexical blocks renders their own Form.
+ */
+declare const useDocumentForm: () => Context;
 declare const useWatchForm: () => Context;
 declare const useFormSubmitted: () => boolean;
 declare const useFormProcessing: () => boolean;
@@ -31,5 +37,5 @@ declare const useFormFields: <Value = unknown>(selector: (context: FormFieldsCon
  * @see https://payloadcms.com/docs/admin/hooks#useallformfields
  */
 declare const useAllFormFields: () => FormFieldsContextType;
-export { FormContext, FormFieldsContext, FormWatchContext, InitializingContext, ModifiedContext, ProcessingContext, SubmittedContext, useAllFormFields, useForm, useFormFields, useFormInitializing, useFormModified, useFormProcessing, useFormSubmitted, useWatchForm, };
+export { DocumentFormContext, FormContext, FormFieldsContext, FormWatchContext, InitializingContext, ModifiedContext, ProcessingContext, SubmittedContext, useAllFormFields, useDocumentForm, useForm, useFormFields, useFormInitializing, useFormModified, useFormProcessing, useFormSubmitted, useWatchForm, };
 //# sourceMappingURL=context.d.ts.map

package/dist/forms/Form/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAS5C,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAErF,QAAA,MAAM,WAAW,kCAA+B,CAAA;AAChD,QAAA,MAAM,gBAAgB,kCAA+B,CAAA;AACrD,QAAA,MAAM,gBAAgB,kCAAuB,CAAA;AAC7C,QAAA,MAAM,iBAAiB,kCAAuB,CAAA;AAC9C,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAC5C,QAAA,MAAM,mBAAmB,kCAAuB,CAAA;AAChD,QAAA,MAAM,iBAAiB,+DAAiE,CAAA;AAExF,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,OAAO,QAAO,OAAkC,CAAA;AACtD,QAAA,MAAM,YAAY,QAAO,OAAuC,CAAA;AAChE,QAAA,MAAM,gBAAgB,QAAO,OAAuC,CAAA;AACpE,QAAA,MAAM,iBAAiB,QAAO,OAAwC,CAAA;AACtE,QAAA,MAAM,eAAe,QAAO,OAAsC,CAAA;AAClE,QAAA,MAAM,mBAAmB,QAAO,OAA0C,CAAA;AAE1E;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,KAAK,sBAChB,CAAC,OAAO,EAAE,qBAAqB,KAAK,KAAK,KAClD,KAAwD,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,QAAO,qBAA0D,CAAA;AAEvF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAS5C,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAErF,QAAA,MAAM,WAAW,kCAA+B,CAAA;AAChD,QAAA,MAAM,mBAAmB,kCAA+B,CAAA;AACxD,QAAA,MAAM,gBAAgB,kCAA+B,CAAA;AACrD,QAAA,MAAM,gBAAgB,kCAAuB,CAAA;AAC7C,QAAA,MAAM,iBAAiB,kCAAuB,CAAA;AAC9C,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAC5C,QAAA,MAAM,mBAAmB,kCAAuB,CAAA;AAChD,QAAA,MAAM,iBAAiB,+DAAiE,CAAA;AAExF,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,OAAO,QAAO,OAAkC,CAAA;AACtD;;;GAGG;AACH,QAAA,MAAM,eAAe,QAAO,OAA0C,CAAA;AAEtE,QAAA,MAAM,YAAY,QAAO,OAAuC,CAAA;AAChE,QAAA,MAAM,gBAAgB,QAAO,OAAuC,CAAA;AACpE,QAAA,MAAM,iBAAiB,QAAO,OAAwC,CAAA;AACtE,QAAA,MAAM,eAAe,QAAO,OAAsC,CAAA;AAClE,QAAA,MAAM,mBAAmB,QAAO,OAA0C,CAAA;AAE1E;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,KAAK,sBAChB,CAAC,OAAO,EAAE,qBAAqB,KAAK,KAAK,KAClD,KAAwD,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,QAAO,qBAA0D,CAAA;AAEvF,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,CAAA"}