@payloadcms/ui 3.71.0-internal-debug.80dab4c → 3.71.0-internal.27e1e08

package/dist/elements/WhereBuilder/Condition/Relationship/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs, Where } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useReducer, useState } from 'react'\n\nimport type { Option } from '../../../ReactSelect/types.js'\nimport type { RelationshipFilterProps as Props, ValueWithRelation } from './types.js'\n\nimport { useDebounce } from '../../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useLocale } from '../../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport './index.scss'\nimport optionsReducer from './optionsReducer.js'\n\nconst baseClass = 'condition-value-relationship'\n\nconst maxResultsPerRequest = 10\n\nexport const RelationshipFilter: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { admin = {}, hasMany, relationTo },\n    filterOptions,\n    onChange,\n    value,\n  } = props\n\n  const placeholder = 'placeholder' in admin ? admin?.placeholder : undefined\n  const isSortable = admin?.isSortable\n\n  const {\n    config: {\n      routes: { api },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const hasMultipleRelations = Array.isArray(relationTo)\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n  const [search, setSearch] = useState('')\n  const debouncedSearch = useDebounce(search, 300)\n  const [errorLoading, setErrorLoading] = useState('')\n  const [hasLoadedFirstOptions, setHasLoadedFirstOptions] = useState(false)\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  const relationSlugs = hasMultipleRelations ? relationTo : [relationTo]\n\n  const loadedRelationships = React.useRef<\n    Map<\n      string,\n      {\n        hasLoadedAll: boolean\n        nextPage: number\n      }\n    >\n  >(\n    new Map(\n      relationSlugs.map((relation) => [\n        relation,\n        {\n          hasLoadedAll: false,\n          nextPage: 1,\n        },\n      ]),\n    ),\n  )\n\n  const addOptions = useCallback(\n    (data, relation) => {\n      const collection = getEntityConfig({ collectionSlug: relation })\n      dispatchOptions({ type: 'ADD', collection, data, hasMultipleRelations, i18n, relation })\n    },\n    [hasMultipleRelations, i18n, getEntityConfig],\n  )\n\n  const loadOptions = useEffectEvent(\n    async ({\n      abortController,\n      relationSlug,\n    }: {\n      abortController: AbortController\n      relationSlug: string\n    }) => {\n      const loadedRelationship = loadedRelationships.current.get(relationSlug)\n\n      if (relationSlug && !loadedRelationship.hasLoadedAll) {\n        const collection = getEntityConfig({\n          collectionSlug: relationSlug,\n        })\n\n        const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n\n        const where: Where = {\n          and: [],\n        }\n\n        const query = {\n          depth: 0,\n          limit: maxResultsPerRequest,\n          locale: locale.code,\n          page: loadedRelationship.nextPage,\n          select: {\n            [fieldToSearch]: true,\n          },\n          where,\n        }\n\n        if (filterOptions && filterOptions?.[relationSlug]) {\n          query.where.and.push(filterOptions[relationSlug])\n        }\n\n        if (debouncedSearch) {\n          query.where.and.push({\n            [fieldToSearch]: {\n              like: debouncedSearch,\n            },\n          })\n        }\n\n        try {\n          const response = await fetch(\n            formatAdminURL({\n              apiRoute: api,\n              path: `/${relationSlug}${qs.stringify(query, { addQueryPrefix: true })}`,\n            }),\n            {\n              credentials: 'include',\n              headers: {\n                'Accept-Language': i18n.language,\n              },\n              signal: abortController.signal,\n            },\n          )\n\n          if (response.ok) {\n            const data: PaginatedDocs = await response.json()\n            if (data.docs.length > 0) {\n              addOptions(data, relationSlug)\n\n              if (data.nextPage) {\n                loadedRelationships.current.set(relationSlug, {\n                  hasLoadedAll: false,\n                  nextPage: data.nextPage,\n                })\n              } else {\n                loadedRelationships.current.set(relationSlug, {\n                  hasLoadedAll: true,\n                  nextPage: null,\n                })\n              }\n            }\n          } else {\n            setErrorLoading(t('error:unspecific'))\n          }\n        } catch (e) {\n          if (!abortController.signal.aborted) {\n            console.error(e) // eslint-disable-line no-console\n          }\n        }\n      }\n\n      setHasLoadedFirstOptions(true)\n    },\n  )\n\n  const handleScrollToBottom = React.useCallback(() => {\n    const relationshipToLoad = loadedRelationships.current.entries().next().value\n\n    if (relationshipToLoad[0] && !relationshipToLoad[1].hasLoadedAll) {\n      const abortController = new AbortController()\n\n      void loadOptions({\n        abortController,\n        relationSlug: relationshipToLoad[0],\n      })\n    }\n  }, [])\n\n  const findOptionsByValue = useCallback((): Option | Option[] => {\n    if (value) {\n      if (hasMany) {\n        if (Array.isArray(value)) {\n          return value.map((val) => {\n            if (hasMultipleRelations) {\n              let matchedOption: Option\n\n              options.forEach((opt) => {\n                if (opt.options) {\n                  opt.options.some((subOpt) => {\n                    if (subOpt?.value == val.value) {\n                      matchedOption = subOpt\n                      return true\n                    }\n\n                    return false\n                  })\n                }\n              })\n\n              return matchedOption\n            }\n\n            return options.find((opt) => opt.value == val)\n          })\n        }\n\n        return undefined\n      }\n\n      if (hasMultipleRelations) {\n        let matchedOption: Option\n\n        const valueWithRelation = value as ValueWithRelation\n\n        options.forEach((opt) => {\n          if (opt?.options) {\n            opt.options.some((subOpt) => {\n              if (subOpt?.value == valueWithRelation.value) {\n                matchedOption = subOpt\n                return true\n              }\n              return false\n            })\n          }\n        })\n\n        return matchedOption\n      }\n\n      return options.find((opt) => opt.value == value)\n    }\n\n    return undefined\n  }, [hasMany, hasMultipleRelations, value, options])\n\n  const handleInputChange = useCallback(\n    (input: string) => {\n      if (input !== search) {\n        dispatchOptions({ type: 'CLEAR', i18n, required: false })\n\n        const relationSlugs = Array.isArray(relationTo) ? relationTo : [relationTo]\n\n        loadedRelationships.current = new Map(\n          relationSlugs.map((relation) => [\n            relation,\n            {\n              hasLoadedAll: false,\n              nextPage: 1,\n            },\n          ]),\n        )\n\n        setSearch(input)\n      }\n    },\n    [i18n, relationTo, search],\n  )\n\n  const addOptionByID = useCallback(\n    async (id, relation) => {\n      if (!errorLoading && id !== 'null' && id && relation) {\n        const response = await fetch(\n          formatAdminURL({ apiRoute: api, path: `/${relation}/${id}?depth=0` }),\n          {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          },\n        )\n\n        if (response.ok) {\n          const data = await response.json()\n          addOptions({ docs: [data] }, relation)\n        } else {\n          // eslint-disable-next-line no-console\n          console.error(t('error:loadingDocument', { id }))\n        }\n      }\n    },\n    [i18n, addOptions, api, errorLoading, t],\n  )\n\n  /**\n   * When `relationTo` changes externally, reset the options and reload them from scratch\n   * The `loadOptions` dependency is a useEffectEvent which has no dependencies of its own\n   * This means we can safely depend on it without it triggering this effect to run\n   * This is useful because this effect should _only_ run when `relationTo` changes\n   */\n  useEffect(() => {\n    const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n\n    loadedRelationships.current = new Map(\n      relations.map((relation) => [\n        relation,\n        {\n          hasLoadedAll: false,\n          nextPage: 1,\n        },\n      ]),\n    )\n\n    dispatchOptions({ type: 'CLEAR', i18n, required: false })\n    setHasLoadedFirstOptions(false)\n\n    const abortControllers: AbortController[] = []\n\n    relations.forEach((relation) => {\n      const abortController = new AbortController()\n\n      void loadOptions({\n        abortController,\n        relationSlug: relation,\n      })\n\n      abortControllers.push(abortController)\n    })\n\n    return () => {\n      abortControllers.forEach((controller) => {\n        if (controller.signal) {\n          try {\n            controller.abort()\n          } catch (_err) {\n            // swallow error\n          }\n        }\n      })\n    }\n  }, [i18n, relationTo, debouncedSearch, filterOptions])\n\n  /**\n   * Load any other options that might exist in the value that were not loaded already\n   */\n  useEffect(() => {\n    if (value && hasLoadedFirstOptions) {\n      if (hasMany) {\n        const matchedOptions = findOptionsByValue()\n\n        ;((matchedOptions as Option[]) || []).forEach((option, i) => {\n          if (!option) {\n            if (hasMultipleRelations) {\n              void addOptionByID(value[i].value, value[i].relationTo)\n            } else {\n              void addOptionByID(value[i], relationTo)\n            }\n          }\n        })\n      } else {\n        const matchedOption = findOptionsByValue()\n\n        if (!matchedOption) {\n          if (hasMultipleRelations) {\n            const valueWithRelation = value as ValueWithRelation\n            void addOptionByID(valueWithRelation.value, valueWithRelation.relationTo)\n          } else {\n            void addOptionByID(value, relationTo)\n          }\n        }\n      }\n    }\n  }, [\n    addOptionByID,\n    findOptionsByValue,\n    hasMany,\n    hasMultipleRelations,\n    relationTo,\n    value,\n    hasLoadedFirstOptions,\n  ])\n\n  const classes = ['field-type', baseClass, errorLoading && 'error-loading']\n    .filter(Boolean)\n    .join(' ')\n\n  const valueToRender = (findOptionsByValue() || value) as Option\n\n  return (\n    <div className={classes}>\n      {errorLoading ? (\n        <div className={`${baseClass}__error-loading`}>{errorLoading}</div>\n      ) : (\n        <ReactSelect\n          disabled={disabled}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={(selected) => {\n            if (!selected) {\n              onChange(null)\n              return\n            }\n\n            if (hasMany && Array.isArray(selected)) {\n              onChange(\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              onChange({\n                relationTo: selected?.relationTo,\n                value: selected?.value,\n              })\n            } else if (!Array.isArray(selected)) {\n              onChange(selected?.value)\n            }\n          }}\n          onInputChange={handleInputChange}\n          onMenuScrollToBottom={handleScrollToBottom}\n          options={options}\n          placeholder={placeholder}\n          value={valueToRender}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["formatAdminURL","qs","React","useCallback","useEffect","useReducer","useState","useDebounce","useEffectEvent","useConfig","useLocale","useTranslation","ReactSelect","optionsReducer","baseClass","maxResultsPerRequest","RelationshipFilter","props","disabled","field","admin","hasMany","relationTo","filterOptions","onChange","value","placeholder","undefined","isSortable","config","routes","api","getEntityConfig","hasMultipleRelations","Array","isArray","options","dispatchOptions","search","setSearch","debouncedSearch","errorLoading","setErrorLoading","hasLoadedFirstOptions","setHasLoadedFirstOptions","i18n","t","locale","relationSlugs","loadedRelationships","useRef","Map","map","relation","hasLoadedAll","nextPage","addOptions","data","collection","collectionSlug","type","loadOptions","abortController","relationSlug","loadedRelationship","current","get","fieldToSearch","useAsTitle","where","and","query","depth","limit","code","page","select","push","like","response","fetch","apiRoute","path","stringify","addQueryPrefix","credentials","headers","language","signal","ok","json","docs","length","set","e","aborted","console","error","handleScrollToBottom","relationshipToLoad","entries","next","AbortController","findOptionsByValue","val","matchedOption","forEach","opt","some","subOpt","find","valueWithRelation","handleInputChange","input","required","addOptionByID","id","relations","abortControllers","controller","abort","_err","matchedOptions","option","i","classes","filter","Boolean","join","valueToRender","div","className","isMulti","selected","onInputChange","onMenuScrollToBottom"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["formatAdminURL","qs","React","useCallback","useEffect","useReducer","useState","useDebounce","useEffectEvent","useConfig","useLocale","useTranslation","ReactSelect","optionsReducer","baseClass","maxResultsPerRequest","RelationshipFilter","props","disabled","field","admin","hasMany","relationTo","filterOptions","onChange","value","placeholder","undefined","isSortable","config","routes","api","getEntityConfig","hasMultipleRelations","Array","isArray","options","dispatchOptions","search","setSearch","debouncedSearch","errorLoading","setErrorLoading","hasLoadedFirstOptions","setHasLoadedFirstOptions","i18n","t","locale","relationSlugs","loadedRelationships","useRef","Map","map","relation","hasLoadedAll","nextPage","addOptions","data","collection","collectionSlug","type","loadOptions","abortController","relationSlug","loadedRelationship","current","get","fieldToSearch","useAsTitle","where","and","query","depth","limit","code","page","select","push","like","response","fetch","apiRoute","path","stringify","addQueryPrefix","credentials","headers","language","signal","ok","json","docs","length","set","e","aborted","console","error","handleScrollToBottom","relationshipToLoad","entries","next","AbortController","findOptionsByValue","val","matchedOption","forEach","opt","some","subOpt","find","valueWithRelation","handleInputChange","input","required","addOptionByID","id","relations","abortControllers","controller","abort","_err","matchedOptions","option","i","classes","filter","Boolean","join","valueToRender","_jsx","className","isMulti","selected","onInputChange","onMenuScrollToBottom"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs, Where } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useReducer, useState } from 'react'\n\nimport type { Option } from '../../../ReactSelect/types.js'\nimport type { RelationshipFilterProps as Props, ValueWithRelation } from './types.js'\n\nimport { useDebounce } from '../../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useLocale } from '../../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport './index.scss'\nimport optionsReducer from './optionsReducer.js'\n\nconst baseClass = 'condition-value-relationship'\n\nconst maxResultsPerRequest = 10\n\nexport const RelationshipFilter: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { admin = {}, hasMany, relationTo },\n    filterOptions,\n    onChange,\n    value,\n  } = props\n\n  const placeholder = 'placeholder' in admin ? admin?.placeholder : undefined\n  const isSortable = admin?.isSortable\n\n  const {\n    config: {\n      routes: { api },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const hasMultipleRelations = Array.isArray(relationTo)\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n  const [search, setSearch] = useState('')\n  const debouncedSearch = useDebounce(search, 300)\n  const [errorLoading, setErrorLoading] = useState('')\n  const [hasLoadedFirstOptions, setHasLoadedFirstOptions] = useState(false)\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  const relationSlugs = hasMultipleRelations ? relationTo : [relationTo]\n\n  const loadedRelationships = React.useRef<\n    Map<\n      string,\n      {\n        hasLoadedAll: boolean\n        nextPage: number\n      }\n    >\n  >(\n    new Map(\n      relationSlugs.map((relation) => [\n        relation,\n        {\n          hasLoadedAll: false,\n          nextPage: 1,\n        },\n      ]),\n    ),\n  )\n\n  const addOptions = useCallback(\n    (data, relation) => {\n      const collection = getEntityConfig({ collectionSlug: relation })\n      dispatchOptions({ type: 'ADD', collection, data, hasMultipleRelations, i18n, relation })\n    },\n    [hasMultipleRelations, i18n, getEntityConfig],\n  )\n\n  const loadOptions = useEffectEvent(\n    async ({\n      abortController,\n      relationSlug,\n    }: {\n      abortController: AbortController\n      relationSlug: string\n    }) => {\n      const loadedRelationship = loadedRelationships.current.get(relationSlug)\n\n      if (relationSlug && !loadedRelationship.hasLoadedAll) {\n        const collection = getEntityConfig({\n          collectionSlug: relationSlug,\n        })\n\n        const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n\n        const where: Where = {\n          and: [],\n        }\n\n        const query = {\n          depth: 0,\n          limit: maxResultsPerRequest,\n          locale: locale.code,\n          page: loadedRelationship.nextPage,\n          select: {\n            [fieldToSearch]: true,\n          },\n          where,\n        }\n\n        if (filterOptions && filterOptions?.[relationSlug]) {\n          query.where.and.push(filterOptions[relationSlug])\n        }\n\n        if (debouncedSearch) {\n          query.where.and.push({\n            [fieldToSearch]: {\n              like: debouncedSearch,\n            },\n          })\n        }\n\n        try {\n          const response = await fetch(\n            formatAdminURL({\n              apiRoute: api,\n              path: `/${relationSlug}${qs.stringify(query, { addQueryPrefix: true })}`,\n            }),\n            {\n              credentials: 'include',\n              headers: {\n                'Accept-Language': i18n.language,\n              },\n              signal: abortController.signal,\n            },\n          )\n\n          if (response.ok) {\n            const data: PaginatedDocs = await response.json()\n            if (data.docs.length > 0) {\n              addOptions(data, relationSlug)\n\n              if (data.nextPage) {\n                loadedRelationships.current.set(relationSlug, {\n                  hasLoadedAll: false,\n                  nextPage: data.nextPage,\n                })\n              } else {\n                loadedRelationships.current.set(relationSlug, {\n                  hasLoadedAll: true,\n                  nextPage: null,\n                })\n              }\n            }\n          } else {\n            setErrorLoading(t('error:unspecific'))\n          }\n        } catch (e) {\n          if (!abortController.signal.aborted) {\n            console.error(e) // eslint-disable-line no-console\n          }\n        }\n      }\n\n      setHasLoadedFirstOptions(true)\n    },\n  )\n\n  const handleScrollToBottom = React.useCallback(() => {\n    const relationshipToLoad = loadedRelationships.current.entries().next().value\n\n    if (relationshipToLoad[0] && !relationshipToLoad[1].hasLoadedAll) {\n      const abortController = new AbortController()\n\n      void loadOptions({\n        abortController,\n        relationSlug: relationshipToLoad[0],\n      })\n    }\n  }, [])\n\n  const findOptionsByValue = useCallback((): Option | Option[] => {\n    if (value) {\n      if (hasMany) {\n        if (Array.isArray(value)) {\n          return value.map((val) => {\n            if (hasMultipleRelations) {\n              let matchedOption: Option\n\n              options.forEach((opt) => {\n                if (opt.options) {\n                  opt.options.some((subOpt) => {\n                    if (subOpt?.value == val.value) {\n                      matchedOption = subOpt\n                      return true\n                    }\n\n                    return false\n                  })\n                }\n              })\n\n              return matchedOption\n            }\n\n            return options.find((opt) => opt.value == val)\n          })\n        }\n\n        return undefined\n      }\n\n      if (hasMultipleRelations) {\n        let matchedOption: Option\n\n        const valueWithRelation = value as ValueWithRelation\n\n        options.forEach((opt) => {\n          if (opt?.options) {\n            opt.options.some((subOpt) => {\n              if (subOpt?.value == valueWithRelation.value) {\n                matchedOption = subOpt\n                return true\n              }\n              return false\n            })\n          }\n        })\n\n        return matchedOption\n      }\n\n      return options.find((opt) => opt.value == value)\n    }\n\n    return undefined\n  }, [hasMany, hasMultipleRelations, value, options])\n\n  const handleInputChange = useCallback(\n    (input: string) => {\n      if (input !== search) {\n        dispatchOptions({ type: 'CLEAR', i18n, required: false })\n\n        const relationSlugs = Array.isArray(relationTo) ? relationTo : [relationTo]\n\n        loadedRelationships.current = new Map(\n          relationSlugs.map((relation) => [\n            relation,\n            {\n              hasLoadedAll: false,\n              nextPage: 1,\n            },\n          ]),\n        )\n\n        setSearch(input)\n      }\n    },\n    [i18n, relationTo, search],\n  )\n\n  const addOptionByID = useCallback(\n    async (id, relation) => {\n      if (!errorLoading && id !== 'null' && id && relation) {\n        const response = await fetch(\n          formatAdminURL({ apiRoute: api, path: `/${relation}/${id}?depth=0` }),\n          {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          },\n        )\n\n        if (response.ok) {\n          const data = await response.json()\n          addOptions({ docs: [data] }, relation)\n        } else {\n          // eslint-disable-next-line no-console\n          console.error(t('error:loadingDocument', { id }))\n        }\n      }\n    },\n    [i18n, addOptions, api, errorLoading, t],\n  )\n\n  /**\n   * When `relationTo` changes externally, reset the options and reload them from scratch\n   * The `loadOptions` dependency is a useEffectEvent which has no dependencies of its own\n   * This means we can safely depend on it without it triggering this effect to run\n   * This is useful because this effect should _only_ run when `relationTo` changes\n   */\n  useEffect(() => {\n    const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n\n    loadedRelationships.current = new Map(\n      relations.map((relation) => [\n        relation,\n        {\n          hasLoadedAll: false,\n          nextPage: 1,\n        },\n      ]),\n    )\n\n    dispatchOptions({ type: 'CLEAR', i18n, required: false })\n    setHasLoadedFirstOptions(false)\n\n    const abortControllers: AbortController[] = []\n\n    relations.forEach((relation) => {\n      const abortController = new AbortController()\n\n      void loadOptions({\n        abortController,\n        relationSlug: relation,\n      })\n\n      abortControllers.push(abortController)\n    })\n\n    return () => {\n      abortControllers.forEach((controller) => {\n        if (controller.signal) {\n          try {\n            controller.abort()\n          } catch (_err) {\n            // swallow error\n          }\n        }\n      })\n    }\n  }, [i18n, relationTo, debouncedSearch, filterOptions])\n\n  /**\n   * Load any other options that might exist in the value that were not loaded already\n   */\n  useEffect(() => {\n    if (value && hasLoadedFirstOptions) {\n      if (hasMany) {\n        const matchedOptions = findOptionsByValue()\n\n        ;((matchedOptions as Option[]) || []).forEach((option, i) => {\n          if (!option) {\n            if (hasMultipleRelations) {\n              void addOptionByID(value[i].value, value[i].relationTo)\n            } else {\n              void addOptionByID(value[i], relationTo)\n            }\n          }\n        })\n      } else {\n        const matchedOption = findOptionsByValue()\n\n        if (!matchedOption) {\n          if (hasMultipleRelations) {\n            const valueWithRelation = value as ValueWithRelation\n            void addOptionByID(valueWithRelation.value, valueWithRelation.relationTo)\n          } else {\n            void addOptionByID(value, relationTo)\n          }\n        }\n      }\n    }\n  }, [\n    addOptionByID,\n    findOptionsByValue,\n    hasMany,\n    hasMultipleRelations,\n    relationTo,\n    value,\n    hasLoadedFirstOptions,\n  ])\n\n  const classes = ['field-type', baseClass, errorLoading && 'error-loading']\n    .filter(Boolean)\n    .join(' ')\n\n  const valueToRender = (findOptionsByValue() || value) as Option\n\n  return (\n    <div className={classes}>\n      {errorLoading ? (\n        <div className={`${baseClass}__error-loading`}>{errorLoading}</div>\n      ) : (\n        <ReactSelect\n          disabled={disabled}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={(selected) => {\n            if (!selected) {\n              onChange(null)\n              return\n            }\n\n            if (hasMany && Array.isArray(selected)) {\n              onChange(\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              onChange({\n                relationTo: selected?.relationTo,\n                value: selected?.value,\n              })\n            } else if (!Array.isArray(selected)) {\n              onChange(selected?.value)\n            }\n          }}\n          onInputChange={handleInputChange}\n          onMenuScrollToBottom={handleScrollToBottom}\n          options={options}\n          placeholder={placeholder}\n          value={valueToRender}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Relationship/optionsReducer.js

@@ -1,89 +1,73 @@
 'use client';
+
 import { getTranslation } from '@payloadcms/translations';
-const reduceToIDs = (options)=>options.reduce((ids, option)=>{
-        if (option.options) {
-            return [
-                ...ids,
-                ...reduceToIDs(option.options)
-            ];
-        }
-        return [
-            ...ids,
-            option.id
-        ];
-    }, []);
-const optionsReducer = (state, action)=>{
-    switch(action.type){
-        case 'ADD':
-            {
-                const { collection, data, hasMultipleRelations, i18n, relation } = action;
-                const labelKey = collection.admin.useAsTitle || 'id';
-                const loadedIDs = reduceToIDs(state);
-                if (!hasMultipleRelations) {
-                    return [
-                        ...state,
-                        ...data.docs.reduce((docs, doc)=>{
-                            if (loadedIDs.indexOf(doc.id) === -1) {
-                                loadedIDs.push(doc.id);
-                                return [
-                                    ...docs,
-                                    {
-                                        label: doc[labelKey],
-                                        value: doc.id
-                                    }
-                                ];
-                            }
-                            return docs;
-                        }, [])
-                    ];
-                }
-                const newOptions = [
-                    ...state
-                ];
-                const optionsToAddTo = newOptions.find((optionGroup)=>optionGroup.label === getTranslation(collection.labels.plural, i18n));
-                const newSubOptions = data.docs.reduce((docs, doc)=>{
-                    if (loadedIDs.indexOf(doc.id) === -1) {
-                        loadedIDs.push(doc.id);
-                        return [
-                            ...docs,
-                            {
-                                label: doc[labelKey],
-                                relationTo: relation,
-                                value: doc.id
-                            }
-                        ];
-                    }
-                    return docs;
-                }, []);
-                if (optionsToAddTo) {
-                    optionsToAddTo.options = [
-                        ...optionsToAddTo.options,
-                        ...newSubOptions
-                    ];
-                } else {
-                    newOptions.push({
-                        label: getTranslation(collection.labels.plural, i18n),
-                        options: newSubOptions,
-                        value: undefined
-                    });
-                }
-                return newOptions;
-            }
-        case 'CLEAR':
-            {
-                return action.required ? [] : [
-                    {
-                        label: action.i18n.t('general:none'),
-                        value: 'null'
-                    }
-                ];
-            }
-        default:
-            {
-                return state;
+const reduceToIDs = options => options.reduce((ids, option) => {
+  if (option.options) {
+    return [...ids, ...reduceToIDs(option.options)];
+  }
+  return [...ids, option.id];
+}, []);
+const optionsReducer = (state, action) => {
+  switch (action.type) {
+    case 'ADD':
+      {
+        const {
+          collection,
+          data,
+          hasMultipleRelations,
+          i18n,
+          relation
+        } = action;
+        const labelKey = collection.admin.useAsTitle || 'id';
+        const loadedIDs = reduceToIDs(state);
+        if (!hasMultipleRelations) {
+          return [...state, ...data.docs.reduce((docs, doc) => {
+            if (loadedIDs.indexOf(doc.id) === -1) {
+              loadedIDs.push(doc.id);
+              return [...docs, {
+                label: doc[labelKey],
+                value: doc.id
+              }];
             }
-    }
+            return docs;
+          }, [])];
+        }
+        const newOptions = [...state];
+        const optionsToAddTo = newOptions.find(optionGroup => optionGroup.label === getTranslation(collection.labels.plural, i18n));
+        const newSubOptions = data.docs.reduce((docs, doc) => {
+          if (loadedIDs.indexOf(doc.id) === -1) {
+            loadedIDs.push(doc.id);
+            return [...docs, {
+              label: doc[labelKey],
+              relationTo: relation,
+              value: doc.id
+            }];
+          }
+          return docs;
+        }, []);
+        if (optionsToAddTo) {
+          optionsToAddTo.options = [...optionsToAddTo.options, ...newSubOptions];
+        } else {
+          newOptions.push({
+            label: getTranslation(collection.labels.plural, i18n),
+            options: newSubOptions,
+            value: undefined
+          });
+        }
+        return newOptions;
+      }
+    case 'CLEAR':
+      {
+        return action.required ? [] : [{
+          label: action.i18n.t('general:none'),
+          value: 'null'
+        }];
+      }
+    default:
+      {
+        return state;
+      }
+  }
 };
 export default optionsReducer;
-
 //# sourceMappingURL=optionsReducer.js.map

package/dist/elements/WhereBuilder/Condition/Relationship/optionsReducer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option } from './types.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, option.id]\n  }, [])\n\nconst optionsReducer = (state: Option[], action: Action): Option[] => {\n  switch (action.type) {\n    case 'ADD': {\n      const { collection, data, hasMultipleRelations, i18n, relation } = action\n\n      const labelKey = collection.admin.useAsTitle || 'id'\n\n      const loadedIDs = reduceToIDs(state)\n\n      if (!hasMultipleRelations) {\n        return [\n          ...state,\n          ...data.docs.reduce((docs, doc) => {\n            if (loadedIDs.indexOf(doc.id) === -1) {\n              loadedIDs.push(doc.id)\n              return [\n                ...docs,\n                {\n                  label: doc[labelKey],\n                  value: doc.id,\n                },\n              ]\n            }\n            return docs\n          }, []),\n        ]\n      }\n\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === getTranslation(collection.labels.plural, i18n),\n      )\n\n      const newSubOptions = data.docs.reduce((docs, doc) => {\n        if (loadedIDs.indexOf(doc.id) === -1) {\n          loadedIDs.push(doc.id)\n\n          return [\n            ...docs,\n            {\n              label: doc[labelKey],\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docs\n      }, [])\n\n      if (optionsToAddTo) {\n        optionsToAddTo.options = [...optionsToAddTo.options, ...newSubOptions]\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: newSubOptions,\n          value: undefined,\n        })\n      }\n\n      return newOptions\n    }\n\n    case 'CLEAR': {\n      return action.required ? [] : [{ label: action.i18n.t('general:none'), value: 'null' }]\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n\nexport default optionsReducer\n"],"names":["getTranslation","reduceToIDs","options","reduce","ids","option","id","optionsReducer","state","action","type","collection","data","hasMultipleRelations","i18n","relation","labelKey","admin","useAsTitle","loadedIDs","docs","doc","indexOf","push","label","value","newOptions","optionsToAddTo","find","optionGroup","labels","plural","newSubOptions","relationTo","undefined","required","t"],"mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,MAAMC,cAAc,CAACC,UACnBA,QAAQC,MAAM,CAAC,CAACC,KAAKC;QACnB,IAAIA,OAAOH,OAAO,EAAE;YAClB,OAAO;mBAAIE;mBAAQH,YAAYI,OAAOH,OAAO;aAAE;QACjD;QAEA,OAAO;eAAIE;YAAKC,OAAOC,EAAE;SAAC;IAC5B,GAAG,EAAE;AAEP,MAAMC,iBAAiB,CAACC,OAAiBC;IACvC,OAAQA,OAAOC,IAAI;QACjB,KAAK;YAAO;gBACV,MAAM,EAAEC,UAAU,EAAEC,IAAI,EAAEC,oBAAoB,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGN;gBAEnE,MAAMO,WAAWL,WAAWM,KAAK,CAACC,UAAU,IAAI;gBAEhD,MAAMC,YAAYlB,YAAYO;gBAE9B,IAAI,CAACK,sBAAsB;oBACzB,OAAO;2BACFL;2BACAI,KAAKQ,IAAI,CAACjB,MAAM,CAAC,CAACiB,MAAMC;4BACzB,IAAIF,UAAUG,OAAO,CAACD,IAAIf,EAAE,MAAM,CAAC,GAAG;gCACpCa,UAAUI,IAAI,CAACF,IAAIf,EAAE;gCACrB,OAAO;uCACFc;oCACH;wCACEI,OAAOH,GAAG,CAACL,SAAS;wCACpBS,OAAOJ,IAAIf,EAAE;oCACf;iCACD;4BACH;4BACA,OAAOc;wBACT,GAAG,EAAE;qBACN;gBACH;gBAEA,MAAMM,aAAa;uBAAIlB;iBAAM;gBAC7B,MAAMmB,iBAAiBD,WAAWE,IAAI,CACpC,CAACC,cAAgBA,YAAYL,KAAK,KAAKxB,eAAeW,WAAWmB,MAAM,CAACC,MAAM,EAAEjB;gBAGlF,MAAMkB,gBAAgBpB,KAAKQ,IAAI,CAACjB,MAAM,CAAC,CAACiB,MAAMC;oBAC5C,IAAIF,UAAUG,OAAO,CAACD,IAAIf,EAAE,MAAM,CAAC,GAAG;wBACpCa,UAAUI,IAAI,CAACF,IAAIf,EAAE;wBAErB,OAAO;+BACFc;4BACH;gCACEI,OAAOH,GAAG,CAACL,SAAS;gCACpBiB,YAAYlB;gCACZU,OAAOJ,IAAIf,EAAE;4BACf;yBACD;oBACH;oBAEA,OAAOc;gBACT,GAAG,EAAE;gBAEL,IAAIO,gBAAgB;oBAClBA,eAAezB,OAAO,GAAG;2BAAIyB,eAAezB,OAAO;2BAAK8B;qBAAc;gBACxE,OAAO;oBACLN,WAAWH,IAAI,CAAC;wBACdC,OAAOxB,eAAeW,WAAWmB,MAAM,CAACC,MAAM,EAAEjB;wBAChDZ,SAAS8B;wBACTP,OAAOS;oBACT;gBACF;gBAEA,OAAOR;YACT;QAEA,KAAK;YAAS;gBACZ,OAAOjB,OAAO0B,QAAQ,GAAG,EAAE,GAAG;oBAAC;wBAAEX,OAAOf,OAAOK,IAAI,CAACsB,CAAC,CAAC;wBAAiBX,OAAO;oBAAO;iBAAE;YACzF;QAEA;YAAS;gBACP,OAAOjB;YACT;IACF;AACF;AAEA,eAAeD,eAAc"}
+{"version":3,"file":"optionsReducer.js","names":["getTranslation","reduceToIDs","options","reduce","ids","option","id","optionsReducer","state","action","type","collection","data","hasMultipleRelations","i18n","relation","labelKey","admin","useAsTitle","loadedIDs","docs","doc","indexOf","push","label","value","newOptions","optionsToAddTo","find","optionGroup","labels","plural","newSubOptions","relationTo","undefined","required","t"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option } from './types.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, option.id]\n  }, [])\n\nconst optionsReducer = (state: Option[], action: Action): Option[] => {\n  switch (action.type) {\n    case 'ADD': {\n      const { collection, data, hasMultipleRelations, i18n, relation } = action\n\n      const labelKey = collection.admin.useAsTitle || 'id'\n\n      const loadedIDs = reduceToIDs(state)\n\n      if (!hasMultipleRelations) {\n        return [\n          ...state,\n          ...data.docs.reduce((docs, doc) => {\n            if (loadedIDs.indexOf(doc.id) === -1) {\n              loadedIDs.push(doc.id)\n              return [\n                ...docs,\n                {\n                  label: doc[labelKey],\n                  value: doc.id,\n                },\n              ]\n            }\n            return docs\n          }, []),\n        ]\n      }\n\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === getTranslation(collection.labels.plural, i18n),\n      )\n\n      const newSubOptions = data.docs.reduce((docs, doc) => {\n        if (loadedIDs.indexOf(doc.id) === -1) {\n          loadedIDs.push(doc.id)\n\n          return [\n            ...docs,\n            {\n              label: doc[labelKey],\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docs\n      }, [])\n\n      if (optionsToAddTo) {\n        optionsToAddTo.options = [...optionsToAddTo.options, ...newSubOptions]\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: newSubOptions,\n          value: undefined,\n        })\n      }\n\n      return newOptions\n    }\n\n    case 'CLEAR': {\n      return action.required ? [] : [{ label: action.i18n.t('general:none'), value: 'null' }]\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n\nexport default optionsReducer\n"],"mappings":"AAAA;;AACA,SAASA,cAAc,QAAQ;AAI/B,MAAMC,WAAA,GAAeC,OAAA,IACnBA,OAAA,CAAQC,MAAM,CAAC,CAACC,GAAA,EAAKC,MAAA;EACnB,IAAIA,MAAA,CAAOH,OAAO,EAAE;IAClB,OAAO,C,GAAIE,GAAA,E,GAAQH,WAAA,CAAYI,MAAA,CAAOH,OAAO,EAAE;EACjD;EAEA,OAAO,C,GAAIE,GAAA,EAAKC,MAAA,CAAOC,EAAE,CAAC;AAC5B,GAAG,EAAE;AAEP,MAAMC,cAAA,GAAiBA,CAACC,KAAA,EAAiBC,MAAA;EACvC,QAAQA,MAAA,CAAOC,IAAI;IACjB,KAAK;MAAO;QACV,MAAM;UAAEC,UAAU;UAAEC,IAAI;UAAEC,oBAAoB;UAAEC,IAAI;UAAEC;QAAQ,CAAE,GAAGN,MAAA;QAEnE,MAAMO,QAAA,GAAWL,UAAA,CAAWM,KAAK,CAACC,UAAU,IAAI;QAEhD,MAAMC,SAAA,GAAYlB,WAAA,CAAYO,KAAA;QAE9B,IAAI,CAACK,oBAAA,EAAsB;UACzB,OAAO,C,GACFL,KAAA,E,GACAI,IAAA,CAAKQ,IAAI,CAACjB,MAAM,CAAC,CAACiB,IAAA,EAAMC,GAAA;YACzB,IAAIF,SAAA,CAAUG,OAAO,CAACD,GAAA,CAAIf,EAAE,MAAM,CAAC,GAAG;cACpCa,SAAA,CAAUI,IAAI,CAACF,GAAA,CAAIf,EAAE;cACrB,OAAO,C,GACFc,IAAA,EACH;gBACEI,KAAA,EAAOH,GAAG,CAACL,QAAA,CAAS;gBACpBS,KAAA,EAAOJ,GAAA,CAAIf;cACb,EACD;YACH;YACA,OAAOc,IAAA;UACT,GAAG,EAAE,EACN;QACH;QAEA,MAAMM,UAAA,GAAa,C,GAAIlB,KAAA,CAAM;QAC7B,MAAMmB,cAAA,GAAiBD,UAAA,CAAWE,IAAI,CACnCC,WAAA,IAAgBA,WAAA,CAAYL,KAAK,KAAKxB,cAAA,CAAeW,UAAA,CAAWmB,MAAM,CAACC,MAAM,EAAEjB,IAAA;QAGlF,MAAMkB,aAAA,GAAgBpB,IAAA,CAAKQ,IAAI,CAACjB,MAAM,CAAC,CAACiB,IAAA,EAAMC,GAAA;UAC5C,IAAIF,SAAA,CAAUG,OAAO,CAACD,GAAA,CAAIf,EAAE,MAAM,CAAC,GAAG;YACpCa,SAAA,CAAUI,IAAI,CAACF,GAAA,CAAIf,EAAE;YAErB,OAAO,C,GACFc,IAAA,EACH;cACEI,KAAA,EAAOH,GAAG,CAACL,QAAA,CAAS;cACpBiB,UAAA,EAAYlB,QAAA;cACZU,KAAA,EAAOJ,GAAA,CAAIf;YACb,EACD;UACH;UAEA,OAAOc,IAAA;QACT,GAAG,EAAE;QAEL,IAAIO,cAAA,EAAgB;UAClBA,cAAA,CAAezB,OAAO,GAAG,C,GAAIyB,cAAA,CAAezB,OAAO,E,GAAK8B,aAAA,CAAc;QACxE,OAAO;UACLN,UAAA,CAAWH,IAAI,CAAC;YACdC,KAAA,EAAOxB,cAAA,CAAeW,UAAA,CAAWmB,MAAM,CAACC,MAAM,EAAEjB,IAAA;YAChDZ,OAAA,EAAS8B,aAAA;YACTP,KAAA,EAAOS;UACT;QACF;QAEA,OAAOR,UAAA;MACT;IAEA,KAAK;MAAS;QACZ,OAAOjB,MAAA,CAAO0B,QAAQ,GAAG,EAAE,GAAG,CAAC;UAAEX,KAAA,EAAOf,MAAA,CAAOK,IAAI,CAACsB,CAAC,CAAC;UAAiBX,KAAA,EAAO;QAAO,EAAE;MACzF;IAEA;MAAS;QACP,OAAOjB,KAAA;MACT;EACF;AACF;AAEA,eAAeD,cAAA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Relationship/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/elements/WhereBuilder/Condition/Relationship/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientCollectionConfig,\n  PaginatedDocs,\n  RelationshipFieldClient,\n  ResolvedFilterOptions,\n  UploadFieldClient,\n} from 'payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type RelationshipFilterProps = {\n  readonly field: RelationshipFieldClient | UploadFieldClient\n  readonly filterOptions: ResolvedFilterOptions\n} & DefaultFilterProps\n\nexport type Option = {\n  label: string\n  options?: Option[]\n  relationTo?: string | string[]\n  value: string\n}\n\ntype CLEAR = {\n  i18n: I18nClient\n  required: boolean\n  type: 'CLEAR'\n}\n\ntype ADD = {\n  collection: ClientCollectionConfig\n  data: PaginatedDocs<any>\n  hasMultipleRelations: boolean\n  i18n: I18nClient\n  relation: string\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: string\n}\n\nexport type GetResults = (args: {\n  lastFullyLoadedRelation?: number\n  lastLoadedPage?: number\n  search?: string\n}) => Promise<void>\n"],"names":[],"mappings":"AA6CA,WAImB"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientCollectionConfig,\n  PaginatedDocs,\n  RelationshipFieldClient,\n  ResolvedFilterOptions,\n  UploadFieldClient,\n} from 'payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type RelationshipFilterProps = {\n  readonly field: RelationshipFieldClient | UploadFieldClient\n  readonly filterOptions: ResolvedFilterOptions\n} & DefaultFilterProps\n\nexport type Option = {\n  label: string\n  options?: Option[]\n  relationTo?: string | string[]\n  value: string\n}\n\ntype CLEAR = {\n  i18n: I18nClient\n  required: boolean\n  type: 'CLEAR'\n}\n\ntype ADD = {\n  collection: ClientCollectionConfig\n  data: PaginatedDocs<any>\n  hasMultipleRelations: boolean\n  i18n: I18nClient\n  relation: string\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: string\n}\n\nexport type GetResults = (args: {\n  lastFullyLoadedRelation?: number\n  lastLoadedPage?: number\n  search?: string\n}) => Promise<void>\n"],"mappings":"AA6CA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Select/formatOptions.js

@@ -1,13 +1,12 @@
 /**
  * Formats an array of options for use in a select input.
- */ export const formatOptions = (options)=>options.map((option)=>{
-        if (typeof option === 'object' && (option.value || option.value === '')) {
-            return option;
-        }
-        return {
-            label: option,
-            value: option
-        };
-    });
-
+ */export const formatOptions = options => options.map(option => {
+  if (typeof option === 'object' && (option.value || option.value === '')) {
+    return option;
+  }
+  return {
+    label: option,
+    value: option
+  };
+});
 //# sourceMappingURL=formatOptions.js.map

package/dist/elements/WhereBuilder/Condition/Select/formatOptions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/formatOptions.ts"],"sourcesContent":["import type { Option, OptionObject } from 'payload'\n\n/**\n * Formats an array of options for use in a select input.\n */\nexport const formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n"],"names":["formatOptions","options","map","option","value","label"],"mappings":"AAEA;;CAEC,GACD,OAAO,MAAMA,gBAAgB,CAACC,UAC5BA,QAAQC,GAAG,CAAC,CAACC;QACX,IAAI,OAAOA,WAAW,YAAaA,CAAAA,OAAOC,KAAK,IAAID,OAAOC,KAAK,KAAK,EAAC,GAAI;YACvE,OAAOD;QACT;QAEA,OAAO;YACLE,OAAOF;YACPC,OAAOD;QACT;IACF,GAAE"}
+{"version":3,"file":"formatOptions.js","names":["formatOptions","options","map","option","value","label"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/formatOptions.ts"],"sourcesContent":["import type { Option, OptionObject } from 'payload'\n\n/**\n * Formats an array of options for use in a select input.\n */\nexport const formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n"],"mappings":"AAEA;;GAGA,OAAO,MAAMA,aAAA,GAAiBC,OAAA,IAC5BA,OAAA,CAAQC,GAAG,CAAEC,MAAA;EACX,IAAI,OAAOA,MAAA,KAAW,aAAaA,MAAA,CAAOC,KAAK,IAAID,MAAA,CAAOC,KAAK,KAAK,EAAC,GAAI;IACvE,OAAOD,MAAA;EACT;EAEA,OAAO;IACLE,KAAA,EAAOF,MAAA;IACPC,KAAA,EAAOD;EACT;AACF","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Select/index.js

@@ -1,81 +1,166 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { ReactSelect } from '../../../ReactSelect/index.js';
 import { formatOptions } from './formatOptions.js';
-export const Select = ({ disabled, field: { admin: { placeholder } }, isClearable, onChange, operator, options: optionsFromProps, value })=>{
-    const { i18n } = useTranslation();
-    const [options, setOptions] = React.useState(formatOptions(optionsFromProps));
-    const isMulti = [
-        'in',
-        'not_in'
-    ].includes(operator);
-    let valueToRender;
-    if (isMulti && Array.isArray(value)) {
-        valueToRender = value.map((val)=>{
-            const matchingOption = options.find((option)=>option.value === val);
-            return {
-                label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,
-                value: matchingOption?.value ?? val
-            };
-        });
-    } else if (value) {
-        const matchingOption = options.find((option)=>option.value === value);
-        valueToRender = {
-            label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,
-            value: matchingOption?.value ?? value
+export const Select = t0 => {
+  const $ = _c(21);
+  const {
+    disabled,
+    field: t1,
+    isClearable,
+    onChange,
+    operator,
+    options: optionsFromProps,
+    value
+  } = t0;
+  const {
+    admin: t2
+  } = t1;
+  const {
+    placeholder
+  } = t2;
+  const {
+    i18n
+  } = useTranslation();
+  let t3;
+  if ($[0] !== optionsFromProps) {
+    t3 = formatOptions(optionsFromProps);
+    $[0] = optionsFromProps;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const [options, setOptions] = React.useState(t3);
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = ["in", "not_in"];
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  const isMulti = t4.includes(operator);
+  let valueToRender;
+  if (isMulti && Array.isArray(value)) {
+    let t5;
+    if ($[3] !== i18n || $[4] !== options) {
+      t5 = val => {
+        const matchingOption = options.find(option => option.value === val);
+        return {
+          label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,
+          value: matchingOption?.value ?? val
         };
+      };
+      $[3] = i18n;
+      $[4] = options;
+      $[5] = t5;
+    } else {
+      t5 = $[5];
+    }
+    valueToRender = value.map(t5);
+  } else {
+    if (value) {
+      let t5;
+      if ($[6] !== value) {
+        t5 = option_0 => option_0.value === value;
+        $[6] = value;
+        $[7] = t5;
+      } else {
+        t5 = $[7];
+      }
+      const matchingOption_0 = options.find(t5);
+      valueToRender = {
+        label: matchingOption_0 ? getTranslation(matchingOption_0.label, i18n) : value,
+        value: matchingOption_0?.value ?? value
+      };
     }
-    const onSelect = React.useCallback((selectedOption)=>{
-        let newValue;
-        if (!selectedOption) {
-            newValue = null;
-        } else if (isMulti) {
-            if (Array.isArray(selectedOption)) {
-                newValue = selectedOption.map((option)=>option.value);
-            } else {
-                newValue = [];
-            }
+  }
+  let t5;
+  if ($[8] !== isMulti || $[9] !== onChange) {
+    t5 = selectedOption => {
+      let newValue;
+      if (!selectedOption) {
+        newValue = null;
+      } else {
+        if (isMulti) {
+          if (Array.isArray(selectedOption)) {
+            newValue = selectedOption.map(_temp);
+          } else {
+            newValue = [];
+          }
         } else {
-            newValue = selectedOption.value;
+          newValue = selectedOption.value;
         }
-        onChange(newValue);
-    }, [
-        isMulti,
-        onChange
-    ]);
-    React.useEffect(()=>{
-        setOptions(formatOptions(optionsFromProps));
-    }, [
-        optionsFromProps
-    ]);
-    React.useEffect(()=>{
-        if (!isMulti && Array.isArray(value)) {
-            onChange(value[0]);
-        }
-    }, [
-        isMulti,
-        onChange,
-        value
-    ]);
-    return /*#__PURE__*/ _jsxDEV(ReactSelect, {
-        disabled: disabled,
-        isClearable: isClearable,
-        isMulti: isMulti,
-        onChange: onSelect,
-        options: options.map((option)=>({
-                ...option,
-                label: getTranslation(option.label, i18n)
-            })),
-        placeholder: placeholder,
-        value: valueToRender
-    }, void 0, false, {
-        fileName: "src/elements/WhereBuilder/Condition/Select/index.tsx",
-        lineNumber: 77,
-        columnNumber: 5
-    }, this);
+      }
+      onChange(newValue);
+    };
+    $[8] = isMulti;
+    $[9] = onChange;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  const onSelect = t5;
+  let t6;
+  let t7;
+  if ($[11] !== optionsFromProps) {
+    t6 = () => {
+      setOptions(formatOptions(optionsFromProps));
+    };
+    t7 = [optionsFromProps];
+    $[11] = optionsFromProps;
+    $[12] = t6;
+    $[13] = t7;
+  } else {
+    t6 = $[12];
+    t7 = $[13];
+  }
+  React.useEffect(t6, t7);
+  let t8;
+  let t9;
+  if ($[14] !== isMulti || $[15] !== onChange || $[16] !== value) {
+    t8 = () => {
+      if (!isMulti && Array.isArray(value)) {
+        onChange(value[0]);
+      }
+    };
+    t9 = [isMulti, onChange, value];
+    $[14] = isMulti;
+    $[15] = onChange;
+    $[16] = value;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    t8 = $[17];
+    t9 = $[18];
+  }
+  React.useEffect(t8, t9);
+  let t10;
+  if ($[19] !== i18n) {
+    t10 = option_2 => ({
+      ...option_2,
+      label: getTranslation(option_2.label, i18n)
+    });
+    $[19] = i18n;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  return _jsx(ReactSelect, {
+    disabled,
+    isClearable,
+    isMulti,
+    onChange: onSelect,
+    options: options.map(t10),
+    placeholder,
+    value: valueToRender
+  });
 };
-
+function _temp(option_1) {
+  return option_1.value;
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/WhereBuilder/Condition/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  field: {\n    admin: { placeholder },\n  },\n  isClearable,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isClearable={isClearable}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      placeholder={placeholder}\n      value={valueToRender}\n    />\n  )\n}\n"],"names":["getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","disabled","field","admin","placeholder","isClearable","onChange","operator","options","optionsFromProps","value","i18n","setOptions","useState","isMulti","includes","valueToRender","Array","isArray","map","val","matchingOption","find","option","label","onSelect","useCallback","selectedOption","newValue","useEffect"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,SAASC,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,SAA0B,CAAC,EACtCC,QAAQ,EACRC,OAAO,EACLC,OAAO,EAAEC,WAAW,EAAE,EACvB,EACDC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,SAASC,gBAAgB,EACzBC,KAAK,EACN;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAM,CAACW,SAASI,WAAW,GAAGhB,MAAMiB,QAAQ,CAACd,cAAcU;IAE3D,MAAMK,UAAU;QAAC;QAAM;KAAS,CAACC,QAAQ,CAACR;IAC1C,IAAIS;IAEJ,IAAIF,WAAWG,MAAMC,OAAO,CAACR,QAAQ;QACnCM,gBAAgBN,MAAMS,GAAG,CAAC,CAACC;YACzB,MAAMC,iBAAiBb,QAAQc,IAAI,CAAC,CAACC,SAAWA,OAAOb,KAAK,KAAKU;YACjE,OAAO;gBACLI,OAAOH,iBAAiB1B,eAAe0B,eAAeG,KAAK,EAAEb,QAAQS;gBACrEV,OAAOW,gBAAgBX,SAASU;YAClC;QACF;IACF,OAAO,IAAIV,OAAO;QAChB,MAAMW,iBAAiBb,QAAQc,IAAI,CAAC,CAACC,SAAWA,OAAOb,KAAK,KAAKA;QACjEM,gBAAgB;YACdQ,OAAOH,iBAAiB1B,eAAe0B,eAAeG,KAAK,EAAEb,QAAQD;YACrEA,OAAOW,gBAAgBX,SAASA;QAClC;IACF;IAEA,MAAMe,WAAW7B,MAAM8B,WAAW,CAChC,CAACC;QACC,IAAIC;QAEJ,IAAI,CAACD,gBAAgB;YACnBC,WAAW;QACb,OAAO,IAAId,SAAS;YAClB,IAAIG,MAAMC,OAAO,CAACS,iBAAiB;gBACjCC,WAAWD,eAAeR,GAAG,CAAC,CAACI,SAAWA,OAAOb,KAAK;YACxD,OAAO;gBACLkB,WAAW,EAAE;YACf;QACF,OAAO;YACLA,WAAWD,eAAejB,KAAK;QACjC;QAEAJ,SAASsB;IACX,GACA;QAACd;QAASR;KAAS;IAGrBV,MAAMiC,SAAS,CAAC;QACdjB,WAAWb,cAAcU;IAC3B,GAAG;QAACA;KAAiB;IAErBb,MAAMiC,SAAS,CAAC;QACd,IAAI,CAACf,WAAWG,MAAMC,OAAO,CAACR,QAAQ;YACpCJ,SAASI,KAAK,CAAC,EAAE;QACnB;IACF,GAAG;QAACI;QAASR;QAAUI;KAAM;IAE7B,qBACE,QAACZ;QACCG,UAAUA;QACVI,aAAaA;QACbS,SAASA;QACTR,UAAUmB;QACVjB,SAASA,QAAQW,GAAG,CAAC,CAACI,SAAY,CAAA;gBAAE,GAAGA,MAAM;gBAAEC,OAAO7B,eAAe4B,OAAOC,KAAK,EAAEb;YAAM,CAAA;QACzFP,aAAaA;QACbM,OAAOM;;;;;;AAGb,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","t0","$","disabled","field","t1","isClearable","onChange","operator","options","optionsFromProps","value","admin","t2","placeholder","i18n","t3","setOptions","useState","t4","Symbol","for","isMulti","includes","valueToRender","Array","isArray","t5","val","matchingOption","find","option","label","map","option_0","matchingOption_0","selectedOption","newValue","_temp","onSelect","t6","t7","useEffect","t8","t9","t10","option_2","_jsx","option_1"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  field: {\n    admin: { placeholder },\n  },\n  isClearable,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isClearable={isClearable}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      placeholder={placeholder}\n      value={valueToRender}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}