@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.5f0cd13

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

@@ -1 +1 @@
-{"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","operator","value","placeholder","undefined","isSortable","isMultiValue","includes","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    operator,\n    value,\n  } = props\n\n  const placeholder = 'placeholder' in admin ? admin?.placeholder : undefined\n  const isSortable = admin?.isSortable\n\n  const isMultiValue = hasMany || ['in', 'not_in'].includes(operator)\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 (isMultiValue) {\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  }, [isMultiValue, 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 (isMultiValue) {\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    isMultiValue,\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={isMultiValue}\n          isSortable={isSortable}\n          onChange={(selected) => {\n            if (!selected) {\n              onChange(null)\n              return\n            }\n\n            if (isMultiValue && 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":[]}
+{"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","operator","value","placeholder","undefined","isSortable","isMultiValue","includes","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.css'\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    operator,\n    value,\n  } = props\n\n  const placeholder = 'placeholder' in admin ? admin?.placeholder : undefined\n  const isSortable = admin?.isSortable\n\n  const isMultiValue = hasMany || ['in', 'not_in'].includes(operator)\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 (isMultiValue) {\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  }, [isMultiValue, 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 (isMultiValue) {\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    isMultiValue,\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={isMultiValue}\n          isSortable={isSortable}\n          onChange={(selected) => {\n            if (!selected) {\n              onChange(null)\n              return\n            }\n\n            if (isMultiValue && 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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAWhD,QAAA,MAAM,cAAc,UAAW,MAAM,EAAE,UAAU,MAAM,KAAG,MAAM,EAuE/D,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAWhD,QAAA,MAAM,cAAc,GAAI,OAAO,MAAM,EAAE,EAAE,QAAQ,MAAM,KAAG,MAAM,EAuE/D,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"optionsReducer.spec.js","names":["describe","expect","it","optionsReducer","mockI18n","t","key","mockCollection","admin","useAsTitle","labels","plural","initial","label","value","result","type","collection","data","docs","id","title","totalDocs","limit","totalPages","page","pagingCounter","hasPrevPage","hasNextPage","prevPage","nextPage","hasMultipleRelations","i18n","relation","toHaveLength","map","o","toEqual","undefined","options","relationTo","group","find","required","toBe"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/optionsReducer.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport optionsReducer from './optionsReducer.js'\nimport type { Option } from './types.js'\n\nconst mockI18n = {\n  t: (key: string) => key,\n} as any\n\nconst mockCollection = {\n  admin: { useAsTitle: 'title' },\n  labels: { plural: 'Posts' },\n} as any\n\ndescribe('optionsReducer', () => {\n  describe('ADD — single relation', () => {\n    it('deduplicates options when the same doc is loaded twice', () => {\n      const initial: Option[] = [{ label: 'Post A', value: 'id-1' }]\n\n      const result = optionsReducer(initial, {\n        type: 'ADD',\n        collection: mockCollection,\n        data: {\n          docs: [\n            { id: 'id-1', title: 'Post A' }, // already in state\n            { id: 'id-2', title: 'Post B' }, // new\n          ],\n          totalDocs: 2,\n          limit: 10,\n          totalPages: 1,\n          page: 1,\n          pagingCounter: 1,\n          hasPrevPage: false,\n          hasNextPage: false,\n          prevPage: null,\n          nextPage: null,\n        },\n        hasMultipleRelations: false,\n        i18n: mockI18n,\n        relation: 'posts',\n      })\n\n      expect(result).toHaveLength(2)\n      expect(result.map((o) => o.value)).toEqual(['id-1', 'id-2'])\n    })\n\n    it('appends all docs when state is empty', () => {\n      const result = optionsReducer([], {\n        type: 'ADD',\n        collection: mockCollection,\n        data: {\n          docs: [\n            { id: 'id-1', title: 'Post A' },\n            { id: 'id-2', title: 'Post B' },\n          ],\n          totalDocs: 2,\n          limit: 10,\n          totalPages: 1,\n          page: 1,\n          pagingCounter: 1,\n          hasPrevPage: false,\n          hasNextPage: false,\n          prevPage: null,\n          nextPage: null,\n        },\n        hasMultipleRelations: false,\n        i18n: mockI18n,\n        relation: 'posts',\n      })\n\n      expect(result).toHaveLength(2)\n    })\n  })\n\n  describe('ADD — multiple relations (grouped options)', () => {\n    it('deduplicates sub-options within a group when the same doc is loaded twice', () => {\n      const initial: Option[] = [\n        {\n          label: 'Posts',\n          value: undefined as any,\n          options: [{ label: 'Post A', value: 'id-1', relationTo: 'posts' }],\n        },\n      ]\n\n      const result = optionsReducer(initial, {\n        type: 'ADD',\n        collection: { ...mockCollection, labels: { plural: 'Posts' } },\n        data: {\n          docs: [\n            { id: 'id-1', title: 'Post A' }, // duplicate\n            { id: 'id-2', title: 'Post B' }, // new\n          ],\n          totalDocs: 2,\n          limit: 10,\n          totalPages: 1,\n          page: 1,\n          pagingCounter: 1,\n          hasPrevPage: false,\n          hasNextPage: false,\n          prevPage: null,\n          nextPage: null,\n        },\n        hasMultipleRelations: true,\n        i18n: { t: () => 'Posts' } as any,\n        relation: 'posts',\n      })\n\n      const group = result.find((o) => o.options)\n      expect(group?.options).toHaveLength(2)\n      expect(group?.options?.map((o) => o.value)).toEqual(['id-1', 'id-2'])\n    })\n  })\n\n  describe('CLEAR', () => {\n    it('returns empty array when field is required', () => {\n      const result = optionsReducer(\n        [{ label: 'Post A', value: 'id-1' }],\n        { type: 'CLEAR', required: true, i18n: mockI18n },\n      )\n      expect(result).toEqual([])\n    })\n\n    it('returns none option when field is not required', () => {\n      const result = optionsReducer(\n        [{ label: 'Post A', value: 'id-1' }],\n        { type: 'CLEAR', required: false, i18n: mockI18n },\n      )\n      expect(result).toHaveLength(1)\n      expect(result[0]?.value).toBe('null')\n    })\n  })\n})\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"optionsReducer.spec.js","names":["describe","expect","it","optionsReducer","mockI18n","t","key","mockCollection","admin","useAsTitle","labels","plural","initial","label","value","result","type","collection","data","docs","id","title","totalDocs","limit","totalPages","page","pagingCounter","hasPrevPage","hasNextPage","prevPage","nextPage","hasMultipleRelations","i18n","relation","toHaveLength","map","o","toEqual","undefined","options","relationTo","group","find","required","toBe"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/optionsReducer.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport optionsReducer from './optionsReducer.js'\nimport type { Option } from './types.js'\n\nconst mockI18n = {\n  t: (key: string) => key,\n} as any\n\nconst mockCollection = {\n  admin: { useAsTitle: 'title' },\n  labels: { plural: 'Posts' },\n} as any\n\ndescribe('optionsReducer', () => {\n  describe('ADD — single relation', () => {\n    it('deduplicates options when the same doc is loaded twice', () => {\n      const initial: Option[] = [{ label: 'Post A', value: 'id-1' }]\n\n      const result = optionsReducer(initial, {\n        type: 'ADD',\n        collection: mockCollection,\n        data: {\n          docs: [\n            { id: 'id-1', title: 'Post A' }, // already in state\n            { id: 'id-2', title: 'Post B' }, // new\n          ],\n          totalDocs: 2,\n          limit: 10,\n          totalPages: 1,\n          page: 1,\n          pagingCounter: 1,\n          hasPrevPage: false,\n          hasNextPage: false,\n          prevPage: null,\n          nextPage: null,\n        },\n        hasMultipleRelations: false,\n        i18n: mockI18n,\n        relation: 'posts',\n      })\n\n      expect(result).toHaveLength(2)\n      expect(result.map((o) => o.value)).toEqual(['id-1', 'id-2'])\n    })\n\n    it('appends all docs when state is empty', () => {\n      const result = optionsReducer([], {\n        type: 'ADD',\n        collection: mockCollection,\n        data: {\n          docs: [\n            { id: 'id-1', title: 'Post A' },\n            { id: 'id-2', title: 'Post B' },\n          ],\n          totalDocs: 2,\n          limit: 10,\n          totalPages: 1,\n          page: 1,\n          pagingCounter: 1,\n          hasPrevPage: false,\n          hasNextPage: false,\n          prevPage: null,\n          nextPage: null,\n        },\n        hasMultipleRelations: false,\n        i18n: mockI18n,\n        relation: 'posts',\n      })\n\n      expect(result).toHaveLength(2)\n    })\n  })\n\n  describe('ADD — multiple relations (grouped options)', () => {\n    it('deduplicates sub-options within a group when the same doc is loaded twice', () => {\n      const initial: Option[] = [\n        {\n          label: 'Posts',\n          value: undefined as any,\n          options: [{ label: 'Post A', value: 'id-1', relationTo: 'posts' }],\n        },\n      ]\n\n      const result = optionsReducer(initial, {\n        type: 'ADD',\n        collection: { ...mockCollection, labels: { plural: 'Posts' } },\n        data: {\n          docs: [\n            { id: 'id-1', title: 'Post A' }, // duplicate\n            { id: 'id-2', title: 'Post B' }, // new\n          ],\n          totalDocs: 2,\n          limit: 10,\n          totalPages: 1,\n          page: 1,\n          pagingCounter: 1,\n          hasPrevPage: false,\n          hasNextPage: false,\n          prevPage: null,\n          nextPage: null,\n        },\n        hasMultipleRelations: true,\n        i18n: { t: () => 'Posts' } as any,\n        relation: 'posts',\n      })\n\n      const group = result.find((o) => o.options)\n      expect(group?.options).toHaveLength(2)\n      expect(group?.options?.map((o) => o.value)).toEqual(['id-1', 'id-2'])\n    })\n  })\n\n  describe('CLEAR', () => {\n    it('returns empty array when field is required', () => {\n      const result = optionsReducer([{ label: 'Post A', value: 'id-1' }], {\n        type: 'CLEAR',\n        required: true,\n        i18n: mockI18n,\n      })\n      expect(result).toEqual([])\n    })\n\n    it('returns none option when field is not required', () => {\n      const result = optionsReducer([{ label: 'Post A', value: 'id-1' }], {\n        type: 'CLEAR',\n        required: false,\n        i18n: mockI18n,\n      })\n      expect(result).toHaveLength(1)\n      expect(result[0]?.value).toBe('null')\n    })\n  })\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Select/formatOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatOptions.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Select/formatOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,YAAa,MAAM,EAAE,KAAG,YAAY,EAU1D,CAAA"}
+{"version":3,"file":"formatOptions.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Select/formatOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,EAAE,KAAG,YAAY,EAU1D,CAAA"}

package/dist/elements/WhereBuilder/Condition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,KAAK,EACN,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;IAC9C,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAA2B,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAWvF,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoLrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,KAAK,EACN,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;IAC9C,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAA2B,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAavF,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8KrC,CAAA"}

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

@@ -2,6 +2,7 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useState } from 'react';
+import { isFieldDisabled } from 'payload/shared';
 import { useDebounce } from '../../../hooks/useDebounce.js';
 import { useEffectEvent } from '../../../hooks/useEffectEvent.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -28,7 +29,7 @@ export const Condition = props => {
   const {
     t
   } = useTranslation();
-  const reducedField = reducedFields.find(field => field.value === fieldPath);
+  const reducedField = reducedFields.find(field => field.fieldPath === fieldPath);
   const [internalValue, setInternalValue] = useState(value);
   const debouncedValue = useDebounce(internalValue, 300);
   const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox';
@@ -59,13 +60,13 @@ export const Condition = props => {
   useEffect(() => {
     void updateValue(debouncedValue);
   }, [debouncedValue]);
-  const disabled = !reducedField?.value && typeof reducedField?.value !== 'number' || reducedField?.field?.admin?.disableListFilter;
+  const disabled = !reducedField?.fieldPath || isFieldDisabled(reducedField?.field, 'filter');
   const handleFieldChange = useCallback(async field_0 => {
     setInternalValue(undefined);
     await updateCondition({
       type: 'field',
       andIndex,
-      field: reducedFields.find(option => option.value === field_0.value),
+      field: reducedFields.find(option => option.fieldPath === field_0.value),
       operator,
       orIndex,
       value: undefined
@@ -102,10 +103,14 @@ export const Condition = props => {
             filterOption: (option_0, inputValue) => (option_0?.data?.plainTextLabel || option_0.label).toLowerCase().includes(inputValue.toLowerCase()),
             isClearable: false,
             onChange: handleFieldChange,
-            options: reducedFields.filter(field_1 => !field_1.field.admin.disableListFilter),
-            value: reducedField || {
-              value: reducedField?.value
-            }
+            options: reducedFields.filter(field_1 => !isFieldDisabled(field_1.field, 'filter')).map(f => ({
+              ...f,
+              value: f.fieldPath
+            })),
+            value: reducedField ? {
+              ...reducedField,
+              value: reducedField.fieldPath
+            } : undefined
           })
         }), /*#__PURE__*/_jsx("div", {
           className: `${baseClass}__operator`,
@@ -120,7 +125,7 @@ export const Condition = props => {
           className: `${baseClass}__value`,
           children: RenderedFilter || /*#__PURE__*/_jsx(DefaultFilter, {
             booleanSelect: booleanSelect,
-            disabled: !operator || !reducedField || reducedField?.field?.admin?.disableListFilter,
+            disabled: !operator || !reducedField || isFieldDisabled(reducedField?.field, 'filter'),
             filterOptions: filterOptions,
             internalField: reducedField,
             onChange: setInternalValue,
@@ -132,23 +137,21 @@ export const Condition = props => {
       }), /*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__actions`,
         children: [/*#__PURE__*/_jsx(Button, {
-          buttonStyle: "icon-label",
+          buttonStyle: "ghost",
           className: `${baseClass}__actions-remove`,
           icon: "x",
-          iconStyle: "with-border",
           onClick: () => removeCondition({
             andIndex,
             orIndex
           }),
           round: true
         }), /*#__PURE__*/_jsx(Button, {
-          buttonStyle: "icon-label",
+          buttonStyle: "ghost",
           className: `${baseClass}__actions-add`,
           icon: "plus",
-          iconStyle: "with-border",
           onClick: () => addCondition({
             andIndex: andIndex + 1,
-            field: reducedFields.find(field_2 => !field_2.field.admin?.disableListFilter),
+            field: reducedFields.find(field_2 => !isFieldDisabled(field_2.field, 'filter')),
             orIndex,
             relation: 'and'
           }),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","useDebounce","useEffectEvent","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","addCondition","andIndex","fieldPath","filterOptions","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","undefined","disabled","admin","disableListFilter","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","_jsx","className","_jsxs","filterOption","inputValue","data","plainTextLabel","toLowerCase","isClearable","onChange","filter","operators","o","internalField","buttonStyle","icon","iconStyle","onClick","round","relation"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type {\n  AddCondition,\n  ReducedField,\n  RemoveCondition,\n  UpdateCondition,\n  Value,\n} from '../types.js'\n\nexport type Props = {\n  readonly addCondition: AddCondition\n  readonly andIndex: number\n  readonly fieldPath: string\n  readonly filterOptions?: ResolvedFilterOptions\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly reducedFields: ReducedField[]\n  readonly removeCondition: RemoveCondition\n  readonly RenderedFilter?: React.ReactNode\n  readonly updateCondition: UpdateCondition\n  readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from 'payload'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport { getOperatorValueTypes } from './validOperators.js'\nimport './index.scss'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    addCondition,\n    andIndex,\n    fieldPath,\n    filterOptions,\n    operator,\n    orIndex,\n    reducedFields,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n    value,\n  } = props\n\n  const { t } = useTranslation()\n\n  const reducedField = reducedFields.find((field) => field.value === fieldPath)\n\n  const [internalValue, setInternalValue] = useState<Value>(value)\n\n  const debouncedValue = useDebounce(internalValue, 300)\n\n  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox'\n\n  let valueOptions: PayloadOption[] = []\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (reducedField?.field && 'options' in reducedField.field) {\n    valueOptions = reducedField.field.options\n  }\n\n  const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n    if (operator) {\n      await updateCondition({\n        type: 'value',\n        andIndex,\n        field: reducedField,\n        operator,\n        orIndex,\n        value: debouncedValue === null || debouncedValue === '' ? undefined : debouncedValue,\n      })\n    }\n  })\n\n  useEffect(() => {\n    void updateValue(debouncedValue)\n  }, [debouncedValue])\n\n  const disabled =\n    (!reducedField?.value && typeof reducedField?.value !== 'number') ||\n    reducedField?.field?.admin?.disableListFilter\n\n  const handleFieldChange = useCallback(\n    async (field: Option<string>) => {\n      setInternalValue(undefined)\n      await updateCondition({\n        type: 'field',\n        andIndex,\n        field: reducedFields.find((option) => option.value === field.value),\n        operator,\n        orIndex,\n        value: undefined,\n      })\n    },\n    [andIndex, operator, orIndex, reducedFields, updateCondition],\n  )\n\n  const handleOperatorChange = useCallback(\n    async (operator: Option<Operator>) => {\n      const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n      const validOperatorValue = operatorValueTypes[operator.value] || 'any'\n      const isValidValue =\n        validOperatorValue === 'any' ||\n        typeof value === validOperatorValue ||\n        (validOperatorValue === 'boolean' && (value === 'true' || value === 'false'))\n\n      if (!isValidValue) {\n        // if the current value is not valid for the new operator\n        // reset the value before passing it to updateCondition\n        setInternalValue(undefined)\n      }\n\n      await updateCondition({\n        type: 'operator',\n        andIndex,\n        field: reducedField,\n        operator: operator.value,\n        orIndex,\n        value: isValidValue ? value : undefined,\n      })\n    },\n    [andIndex, reducedField, orIndex, updateCondition, value],\n  )\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__inputs`}>\n          <div className={`${baseClass}__field`}>\n            <ReactSelect\n              disabled={disabled}\n              filterOption={(option, inputValue) =>\n                ((option?.data?.plainTextLabel as string) || option.label)\n                  .toLowerCase()\n                  .includes(inputValue.toLowerCase())\n              }\n              isClearable={false}\n              onChange={handleFieldChange}\n              options={reducedFields.filter((field) => !field.field.admin.disableListFilter)}\n              value={\n                reducedField || {\n                  value: reducedField?.value,\n                }\n              }\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              disabled={disabled}\n              isClearable={false}\n              onChange={handleOperatorChange}\n              options={reducedField?.operators}\n              value={reducedField?.operators.find((o) => operator === o.value) || null}\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !operator || !reducedField || reducedField?.field?.admin?.disableListFilter\n                }\n                filterOptions={filterOptions}\n                internalField={reducedField}\n                onChange={setInternalValue}\n                operator={operator}\n                options={valueOptions}\n                value={internalValue ?? ''}\n              />\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__actions-remove`}\n            icon=\"x\"\n            iconStyle=\"with-border\"\n            onClick={() =>\n              removeCondition({\n                andIndex,\n                orIndex,\n              })\n            }\n            round\n          />\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__actions-add`}\n            icon=\"plus\"\n            iconStyle=\"with-border\"\n            onClick={() =>\n              addCondition({\n                andIndex: andIndex + 1,\n                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex,\n                relation: 'and',\n              })\n            }\n            round\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","isFieldDisabled","useDebounce","useEffectEvent","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","addCondition","andIndex","fieldPath","filterOptions","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","undefined","disabled","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","_jsx","className","_jsxs","filterOption","inputValue","data","plainTextLabel","toLowerCase","isClearable","onChange","filter","map","f","operators","o","internalField","buttonStyle","icon","onClick","round","relation"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type {\n  AddCondition,\n  ReducedField,\n  RemoveCondition,\n  UpdateCondition,\n  Value,\n} from '../types.js'\n\nexport type Props = {\n  readonly addCondition: AddCondition\n  readonly andIndex: number\n  readonly fieldPath: string\n  readonly filterOptions?: ResolvedFilterOptions\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly reducedFields: ReducedField[]\n  readonly removeCondition: RemoveCondition\n  readonly RenderedFilter?: React.ReactNode\n  readonly updateCondition: UpdateCondition\n  readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport { getOperatorValueTypes } from './validOperators.js'\nimport './index.scss'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    addCondition,\n    andIndex,\n    fieldPath,\n    filterOptions,\n    operator,\n    orIndex,\n    reducedFields,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n    value,\n  } = props\n\n  const { t } = useTranslation()\n\n  const reducedField = reducedFields.find((field) => field.fieldPath === fieldPath)\n\n  const [internalValue, setInternalValue] = useState<Value>(value)\n\n  const debouncedValue = useDebounce(internalValue, 300)\n\n  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox'\n\n  let valueOptions: PayloadOption[] = []\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (reducedField?.field && 'options' in reducedField.field) {\n    valueOptions = reducedField.field.options\n  }\n\n  const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n    if (operator) {\n      await updateCondition({\n        type: 'value',\n        andIndex,\n        field: reducedField,\n        operator,\n        orIndex,\n        value: debouncedValue === null || debouncedValue === '' ? undefined : debouncedValue,\n      })\n    }\n  })\n\n  useEffect(() => {\n    void updateValue(debouncedValue)\n  }, [debouncedValue])\n\n  const disabled = !reducedField?.fieldPath || isFieldDisabled(reducedField?.field, 'filter')\n\n  const handleFieldChange = useCallback(\n    async (field: Option<string>) => {\n      setInternalValue(undefined)\n      await updateCondition({\n        type: 'field',\n        andIndex,\n        field: reducedFields.find((option) => option.fieldPath === field.value),\n        operator,\n        orIndex,\n        value: undefined,\n      })\n    },\n    [andIndex, operator, orIndex, reducedFields, updateCondition],\n  )\n\n  const handleOperatorChange = useCallback(\n    async (operator: Option<Operator>) => {\n      const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n      const validOperatorValue = operatorValueTypes[operator.value] || 'any'\n      const isValidValue =\n        validOperatorValue === 'any' ||\n        typeof value === validOperatorValue ||\n        (validOperatorValue === 'boolean' && (value === 'true' || value === 'false'))\n\n      if (!isValidValue) {\n        // if the current value is not valid for the new operator\n        // reset the value before passing it to updateCondition\n        setInternalValue(undefined)\n      }\n\n      await updateCondition({\n        type: 'operator',\n        andIndex,\n        field: reducedField,\n        operator: operator.value,\n        orIndex,\n        value: isValidValue ? value : undefined,\n      })\n    },\n    [andIndex, reducedField, orIndex, updateCondition, value],\n  )\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__inputs`}>\n          <div className={`${baseClass}__field`}>\n            <ReactSelect\n              disabled={disabled}\n              filterOption={(option, inputValue) =>\n                ((option?.data?.plainTextLabel as string) || option.label)\n                  .toLowerCase()\n                  .includes(inputValue.toLowerCase())\n              }\n              isClearable={false}\n              onChange={handleFieldChange}\n              options={reducedFields\n                .filter((field) => !isFieldDisabled(field.field, 'filter'))\n                .map((f) => ({ ...f, value: f.fieldPath }))}\n              value={reducedField ? { ...reducedField, value: reducedField.fieldPath } : undefined}\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              disabled={disabled}\n              isClearable={false}\n              onChange={handleOperatorChange}\n              options={reducedField?.operators}\n              value={reducedField?.operators.find((o) => operator === o.value) || null}\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !operator || !reducedField || isFieldDisabled(reducedField?.field, 'filter')\n                }\n                filterOptions={filterOptions}\n                internalField={reducedField}\n                onChange={setInternalValue}\n                operator={operator}\n                options={valueOptions}\n                value={internalValue ?? ''}\n              />\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__actions-remove`}\n            icon=\"x\"\n            onClick={() =>\n              removeCondition({\n                andIndex,\n                orIndex,\n              })\n            }\n            round\n          />\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__actions-add`}\n            icon=\"plus\"\n            onClick={() =>\n              addCondition({\n                andIndex: andIndex + 1,\n                field: reducedFields.find((field) => !isFieldDisabled(field.field, 'filter')),\n                orIndex,\n                relation: 'and',\n              })\n            }\n            round\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/validOperators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validOperators.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/validOperators.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAiCjC,CAAA"}
+{"version":3,"file":"validOperators.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/validOperators.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,GAAI,cAAS;;;;;;;;;;;;;;;;;CAiC9C,CAAA"}

package/dist/elements/WhereBuilder/field-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAa1C,eAAO,MAAM,cAAc;;;GAS1B,CAAA;AA8DD,eAAO,MAAM,mBAAmB,EAAE;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAC9C,CAAA;CA0DF,CAAA;AAED,eAAO,MAAM,sBAAsB,yBAGhC;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,KAAG;IACF,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;CAqBJ,CAAA"}
+{"version":3,"file":"field-types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAa1C,eAAO,MAAM,cAAc;;;GAS1B,CAAA;AA8DD,eAAO,MAAM,mBAAmB,EAAE;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAC9C,CAAA;CA0DF,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,sBAGpC;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,KAAG;IACF,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;CAqBJ,CAAA"}

package/dist/elements/WhereBuilder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAkD,iBAAiB,EAAE,MAAM,YAAY,CAAA;AASnG,OAAO,cAAc,CAAA;AAKrB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8OpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAkD,iBAAiB,EAAE,MAAM,YAAY,CAAA;AASnG,OAAO,cAAc,CAAA;AAKrB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4OpD,CAAA"}

package/dist/elements/WhereBuilder/index.js

@@ -3,7 +3,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { dequal } from 'dequal/lite';
-import { transformWhereQuery, validateWhereQuery } from 'payload/shared';
+import { isFieldDisabled, transformWhereQuery, validateWhereQuery } from 'payload/shared';
 import React, { useMemo } from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
@@ -83,14 +83,14 @@ export const WhereBuilder = props => {
     const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value;
     if (relation === 'and') {
       newConditions[orIndex].and.splice(andIndex, 0, {
-        [String(field.value)]: {
+        [String(field.fieldPath)]: {
           [defaultOperator]: undefined
         }
       });
     } else {
       newConditions.push({
         and: [{
-          [String(field.value)]: {
+          [String(field.fieldPath)]: {
             [defaultOperator]: undefined
           }
         }]
@@ -108,7 +108,7 @@ export const WhereBuilder = props => {
     value
   }) => {
     const existingCondition = conditions[orIndex_0].and[andIndex_0];
-    if (typeof existingCondition === 'object' && field_0.value) {
+    if (typeof existingCondition === 'object' && field_0?.fieldPath) {
       const {
         validOperator
       } = getValidFieldOperators({
@@ -116,12 +116,12 @@ export const WhereBuilder = props => {
         operator: incomingOperator
       });
       // Skip if nothing changed
-      const existingValue = existingCondition[String(field_0.value)]?.[validOperator];
+      const existingValue = existingCondition[String(field_0.fieldPath)]?.[validOperator];
       if (typeof existingValue !== 'undefined' && existingValue === value) {
         return;
       }
       const newRowCondition = {
-        [String(field_0.value)]: {
+        [String(field_0.fieldPath)]: {
           [validOperator]: value
         }
       };
@@ -194,15 +194,14 @@ export const WhereBuilder = props => {
           }, compoundOrKey);
         })
       }), /*#__PURE__*/_jsx(Button, {
-        buttonStyle: "icon-label",
+        buttonStyle: "ghost",
         className: `${baseClass}__add-or`,
         icon: "plus",
         iconPosition: "left",
-        iconStyle: "with-border",
         onClick: async () => {
           await addCondition({
             andIndex: 0,
-            field: reducedFields.find(field_1 => !field_1.field.admin?.disableListFilter),
+            field: reducedFields.find(field_1 => !isFieldDisabled(field_1.field, 'filter')),
             orIndex: conditions.length,
             relation: 'or'
           });
@@ -215,16 +214,15 @@ export const WhereBuilder = props => {
         className: `${baseClass}__label`,
         children: t('general:noFiltersSet')
       }), /*#__PURE__*/_jsx(Button, {
-        buttonStyle: "icon-label",
+        buttonStyle: "ghost",
         className: `${baseClass}__add-first-filter`,
         icon: "plus",
         iconPosition: "left",
-        iconStyle: "with-border",
         onClick: async () => {
           if (reducedFields.length > 0) {
             await addCondition({
               andIndex: 0,
-              field: reducedFields.find(field_2 => !field_2.field.admin?.disableListFilter),
+              field: reducedFields.find(field_2 => !isFieldDisabled(field_2.field, 'filter')),
               orIndex: conditions.length,
               relation: 'or'
             });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","dequal","transformWhereQuery","validateWhereQuery","React","useMemo","useAuth","useConfig","useListQuery","useTranslation","reduceFieldsToOptions","Button","Condition","fieldTypeConditions","getValidFieldOperators","baseClass","WhereBuilder","props","collectionPluralLabel","collectionPluralLabelProp","collectionSlug","fields","fieldsProp","onChange","renderedFilters","undefined","resolvedFilterOptions","value","valueProp","i18n","t","permissions","getEntityConfig","listQuery","isFormMode","collectionConfig","labels","plural","fieldsSafe","fieldPermissions","collections","reducedFields","conditions","whereFromSearch","query","where","or","transformedWhere","console","warn","JSON","stringify","handleWhereChange","addCondition","useCallback","andIndex","field","orIndex","relation","newConditions","defaultOperator","type","operators","and","splice","String","push","updateCondition","operator","incomingOperator","existingCondition","validOperator","existingValue","newRowCondition","removeCondition","length","_jsxs","className","Fragment","_jsx","label","map","compoundOrKey","Array","isArray","_","condition","fieldPath","Object","keys","filterOptions","get","RenderedFilter","buttonStyle","icon","iconPosition","iconStyle","onClick","find","admin","disableListFilter"],"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { dequal } from 'dequal/lite'\nimport { transformWhereQuery, validateWhereQuery } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type { AddCondition, RemoveCondition, UpdateCondition, WhereBuilderProps } from './types.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport './index.scss'\nimport { fieldTypeConditions, getValidFieldOperators } from './field-types.js'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view\n * or in a form (e.g. Query Presets). When `value` and `onChange` are provided, it is controlled\n * by the form; otherwise it uses list query state from {@link useListQuery}.\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const {\n    collectionPluralLabel: collectionPluralLabelProp,\n    collectionSlug,\n    fields: fieldsProp,\n    onChange,\n    renderedFilters = undefined,\n    resolvedFilterOptions = undefined,\n    value: valueProp,\n  } = props\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { getEntityConfig } = useConfig()\n  const listQuery = useListQuery()\n\n  const isFormMode = typeof onChange === 'function'\n\n  const collectionConfig = useMemo(\n    () => (isFormMode ? getEntityConfig({ collectionSlug }) : null),\n    [isFormMode, collectionSlug, getEntityConfig],\n  )\n  const collectionPluralLabel = isFormMode\n    ? (collectionConfig?.labels?.plural ?? collectionSlug)\n    : (collectionPluralLabelProp ?? collectionSlug)\n  const fields = isFormMode ? collectionConfig?.fields : fieldsProp\n  const fieldsSafe = fields ?? []\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields: fieldsSafe,\n        i18n,\n      }),\n    [fieldPermissions, fieldsSafe, i18n],\n  )\n\n  const conditions = useMemo(() => {\n    const whereFromSearch = isFormMode ? valueProp : listQuery.query?.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or ?? []\n      }\n\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or ?? []\n      }\n\n      if (!isFormMode) {\n        console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n      }\n    }\n\n    return []\n  }, [isFormMode, valueProp, listQuery.query?.where])\n\n  const handleWhereChange = isFormMode\n    ? (where: { or: typeof conditions }) => {\n        onChange?.(where)\n      }\n    : listQuery.handleWhereChange\n\n  const addCondition: AddCondition = React.useCallback(\n    async ({ andIndex, field, orIndex, relation }) => {\n      const newConditions = [...conditions]\n\n      const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value\n\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, {\n          [String(field.value)]: {\n            [defaultOperator]: undefined,\n          },\n        })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [String(field.value)]: {\n                [defaultOperator]: undefined,\n              },\n            },\n          ],\n        })\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const updateCondition: UpdateCondition = React.useCallback(\n    async ({ andIndex, field, operator: incomingOperator, orIndex, value }) => {\n      const existingCondition = conditions[orIndex].and[andIndex]\n\n      if (typeof existingCondition === 'object' && field.value) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n\n        // Skip if nothing changed\n        const existingValue = existingCondition[String(field.value)]?.[validOperator]\n        if (typeof existingValue !== 'undefined' && existingValue === value) {\n          return\n        }\n\n        const newRowCondition = {\n          [String(field.value)]: { [validOperator]: value },\n        }\n\n        if (dequal(existingCondition, newRowCondition)) {\n          return\n        }\n\n        const newConditions = [...conditions]\n        newConditions[orIndex].and[andIndex] = newRowCondition\n\n        await handleWhereChange({ or: newConditions })\n      }\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const removeCondition: RemoveCondition = React.useCallback(\n    async ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <p className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </p>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const condition = conditions[orIndex].and[andIndex]\n                        const fieldPath = Object.keys(condition)[0]\n\n                        const operator =\n                          (Object.keys(condition?.[fieldPath] || {})?.[0] as Operator) || undefined\n\n                        const value = condition?.[fieldPath]?.[operator] || undefined\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldPath={fieldPath}\n                              filterOptions={resolvedFilterOptions?.get(fieldPath)}\n                              operator={operator}\n                              orIndex={orIndex}\n                              reducedFields={reducedFields}\n                              removeCondition={removeCondition}\n                              RenderedFilter={renderedFilters?.get(fieldPath)}\n                              updateCondition={updateCondition}\n                              value={value}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              await addCondition({\n                andIndex: 0,\n                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              if (reducedFields.length > 0) {\n                await addCondition({\n                  andIndex: 0,\n                  field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","dequal","isFieldDisabled","transformWhereQuery","validateWhereQuery","React","useMemo","useAuth","useConfig","useListQuery","useTranslation","reduceFieldsToOptions","Button","Condition","fieldTypeConditions","getValidFieldOperators","baseClass","WhereBuilder","props","collectionPluralLabel","collectionPluralLabelProp","collectionSlug","fields","fieldsProp","onChange","renderedFilters","undefined","resolvedFilterOptions","value","valueProp","i18n","t","permissions","getEntityConfig","listQuery","isFormMode","collectionConfig","labels","plural","fieldsSafe","fieldPermissions","collections","reducedFields","conditions","whereFromSearch","query","where","or","transformedWhere","console","warn","JSON","stringify","handleWhereChange","addCondition","useCallback","andIndex","field","orIndex","relation","newConditions","defaultOperator","type","operators","and","splice","String","fieldPath","push","updateCondition","operator","incomingOperator","existingCondition","validOperator","existingValue","newRowCondition","removeCondition","length","_jsxs","className","Fragment","_jsx","label","map","compoundOrKey","Array","isArray","_","condition","Object","keys","filterOptions","get","RenderedFilter","buttonStyle","icon","iconPosition","onClick","find"],"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { dequal } from 'dequal/lite'\nimport { isFieldDisabled, transformWhereQuery, validateWhereQuery } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type { AddCondition, RemoveCondition, UpdateCondition, WhereBuilderProps } from './types.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport './index.scss'\nimport { fieldTypeConditions, getValidFieldOperators } from './field-types.js'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view\n * or in a form (e.g. Query Presets). When `value` and `onChange` are provided, it is controlled\n * by the form; otherwise it uses list query state from {@link useListQuery}.\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const {\n    collectionPluralLabel: collectionPluralLabelProp,\n    collectionSlug,\n    fields: fieldsProp,\n    onChange,\n    renderedFilters = undefined,\n    resolvedFilterOptions = undefined,\n    value: valueProp,\n  } = props\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { getEntityConfig } = useConfig()\n  const listQuery = useListQuery()\n\n  const isFormMode = typeof onChange === 'function'\n\n  const collectionConfig = useMemo(\n    () => (isFormMode ? getEntityConfig({ collectionSlug }) : null),\n    [isFormMode, collectionSlug, getEntityConfig],\n  )\n  const collectionPluralLabel = isFormMode\n    ? (collectionConfig?.labels?.plural ?? collectionSlug)\n    : (collectionPluralLabelProp ?? collectionSlug)\n  const fields = isFormMode ? collectionConfig?.fields : fieldsProp\n  const fieldsSafe = fields ?? []\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields: fieldsSafe,\n        i18n,\n      }),\n    [fieldPermissions, fieldsSafe, i18n],\n  )\n\n  const conditions = useMemo(() => {\n    const whereFromSearch = isFormMode ? valueProp : listQuery.query?.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or ?? []\n      }\n\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or ?? []\n      }\n\n      if (!isFormMode) {\n        console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n      }\n    }\n\n    return []\n  }, [isFormMode, valueProp, listQuery.query?.where])\n\n  const handleWhereChange = isFormMode\n    ? (where: { or: typeof conditions }) => {\n        onChange?.(where)\n      }\n    : listQuery.handleWhereChange\n\n  const addCondition: AddCondition = React.useCallback(\n    async ({ andIndex, field, orIndex, relation }) => {\n      const newConditions = [...conditions]\n\n      const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value\n\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, {\n          [String(field.fieldPath)]: {\n            [defaultOperator]: undefined,\n          },\n        })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [String(field.fieldPath)]: {\n                [defaultOperator]: undefined,\n              },\n            },\n          ],\n        })\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const updateCondition: UpdateCondition = React.useCallback(\n    async ({ andIndex, field, operator: incomingOperator, orIndex, value }) => {\n      const existingCondition = conditions[orIndex].and[andIndex]\n\n      if (typeof existingCondition === 'object' && field?.fieldPath) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n\n        // Skip if nothing changed\n        const existingValue = existingCondition[String(field.fieldPath)]?.[validOperator]\n        if (typeof existingValue !== 'undefined' && existingValue === value) {\n          return\n        }\n\n        const newRowCondition = {\n          [String(field.fieldPath)]: { [validOperator]: value },\n        }\n\n        if (dequal(existingCondition, newRowCondition)) {\n          return\n        }\n\n        const newConditions = [...conditions]\n        newConditions[orIndex].and[andIndex] = newRowCondition\n\n        await handleWhereChange({ or: newConditions })\n      }\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const removeCondition: RemoveCondition = React.useCallback(\n    async ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <p className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </p>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const condition = conditions[orIndex].and[andIndex]\n                        const fieldPath = Object.keys(condition)[0]\n\n                        const operator =\n                          (Object.keys(condition?.[fieldPath] || {})?.[0] as Operator) || undefined\n\n                        const value = condition?.[fieldPath]?.[operator] || undefined\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldPath={fieldPath}\n                              filterOptions={resolvedFilterOptions?.get(fieldPath)}\n                              operator={operator}\n                              orIndex={orIndex}\n                              reducedFields={reducedFields}\n                              removeCondition={removeCondition}\n                              RenderedFilter={renderedFilters?.get(fieldPath)}\n                              updateCondition={updateCondition}\n                              value={value}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            onClick={async () => {\n              await addCondition({\n                andIndex: 0,\n                field: reducedFields.find((field) => !isFieldDisabled(field.field, 'filter')),\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            onClick={async () => {\n              if (reducedFields.length > 0) {\n                await addCondition({\n                  andIndex: 0,\n                  field: reducedFields.find((field) => !isFieldDisabled(field.field, 'filter')),\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/types.d.ts

@@ -12,13 +12,14 @@ export type WhereBuilderProps = {
 export type Value = Date | number | number[] | string | string[];
 export type ReducedField = {
     field: ClientField;
+    /** The field path (e.g. "title" or "author.name") */
+    fieldPath: string;
     label: React.ReactNode;
     operators: {
         label: string;
         value: Operator;
     }[];
     plainTextLabel?: string;
-    value: Value;
 };
 export type Relation = 'and' | 'or';
 export type ADD = {

package/dist/elements/WhereBuilder/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/WhereBuilder/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Operator,\n  ResolvedFilterOptions,\n  SanitizedCollectionConfig,\n  Where,\n} from 'payload'\n\nexport type WhereBuilderProps = {\n  readonly collectionPluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields?: ClientField[]\n  /** When set, WhereBuilder is controlled by the form (value + onChange) instead of list query. */\n  readonly onChange?: (where: Where) => void\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n  readonly value?: Where\n}\n\nexport type Value = Date | number | number[] | string | string[]\n\nexport type ReducedField = {\n  field: ClientField\n  label: React.ReactNode\n  operators: {\n    label: string\n    value: Operator\n  }[]\n  plainTextLabel?: string\n  value: Value\n}\n\nexport type Relation = 'and' | 'or'\n\nexport type ADD = {\n  andIndex?: number\n  field: string\n  orIndex?: number\n  relation?: Relation\n  type: 'add'\n}\n\nexport type REMOVE = {\n  andIndex: number\n  orIndex: number\n  type: 'remove'\n}\n\nexport type UPDATE = {\n  andIndex: number\n  field?: string\n  operator?: string\n  orIndex: number\n  type: 'update'\n  value?: unknown\n}\n\nexport type Action = ADD | REMOVE | UPDATE\n\nexport type State = {\n  or: Where[]\n}\n\nexport type AddCondition = ({\n  andIndex,\n  field,\n  orIndex,\n  relation,\n}: {\n  andIndex: number\n  field: ReducedField\n  orIndex: number\n  relation: 'and' | 'or'\n}) => Promise<void> | void\n\nexport type UpdateCondition = ({\n  type,\n  andIndex,\n  field,\n  operator,\n  orIndex,\n  value,\n}: {\n  andIndex: number\n  field: ReducedField\n  operator: string\n  orIndex: number\n  type: 'field' | 'operator' | 'value'\n  value: Value\n}) => Promise<void> | void\n\nexport type RemoveCondition = ({\n  andIndex,\n  orIndex,\n}: {\n  andIndex: number\n  orIndex: number\n}) => Promise<void> | void\n"],"mappings":"AA2FA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/WhereBuilder/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Operator,\n  ResolvedFilterOptions,\n  SanitizedCollectionConfig,\n  Where,\n} from 'payload'\n\nexport type WhereBuilderProps = {\n  readonly collectionPluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields?: ClientField[]\n  /** When set, WhereBuilder is controlled by the form (value + onChange) instead of list query. */\n  readonly onChange?: (where: Where) => void\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n  readonly value?: Where\n}\n\nexport type Value = Date | number | number[] | string | string[]\n\nexport type ReducedField = {\n  field: ClientField\n  /** The field path (e.g. \"title\" or \"author.name\") */\n  fieldPath: string\n  label: React.ReactNode\n  operators: {\n    label: string\n    value: Operator\n  }[]\n  plainTextLabel?: string\n}\n\nexport type Relation = 'and' | 'or'\n\nexport type ADD = {\n  andIndex?: number\n  field: string\n  orIndex?: number\n  relation?: Relation\n  type: 'add'\n}\n\nexport type REMOVE = {\n  andIndex: number\n  orIndex: number\n  type: 'remove'\n}\n\nexport type UPDATE = {\n  andIndex: number\n  field?: string\n  operator?: string\n  orIndex: number\n  type: 'update'\n  value?: unknown\n}\n\nexport type Action = ADD | REMOVE | UPDATE\n\nexport type State = {\n  or: Where[]\n}\n\nexport type AddCondition = ({\n  andIndex,\n  field,\n  orIndex,\n  relation,\n}: {\n  andIndex: number\n  field: ReducedField\n  orIndex: number\n  relation: 'and' | 'or'\n}) => Promise<void> | void\n\nexport type UpdateCondition = ({\n  type,\n  andIndex,\n  field,\n  operator,\n  orIndex,\n  value,\n}: {\n  andIndex: number\n  field: ReducedField\n  operator: string\n  orIndex: number\n  type: 'field' | 'operator' | 'value'\n  value: Value\n}) => Promise<void> | void\n\nexport type RemoveCondition = ({\n  andIndex,\n  orIndex,\n}: {\n  andIndex: number\n  orIndex: number\n}) => Promise<void> | void\n"],"mappings":"AA4FA","ignoreList":[]}

package/dist/exports/client/CodeEditor-VOWIYZ2P.js

@@ -0,0 +1,14 @@
+"use client";
+// Workaround for react-datepicker and other cjs dependencies potentially inserting require("react") statements
+import * as requireReact from 'react';
+import * as requireReactDom from 'react-dom';
+
+function require(m) {
+ if (m === 'react') return requireReact;
+ if (m === 'react-dom') return requireReactDom;
+ throw new Error(`Unknown module ${m}`);
+}
+// Workaround end
+
+import{l as a}from"./chunk-WFRAMM4V.js";import"./chunk-5LKBKI4T.js";export{a as default};
+//# sourceMappingURL=CodeEditor-VOWIYZ2P.js.map