@payloadcms/ui 3.0.0-alpha.48 → 3.0.0-alpha.49

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

@@ -1,452 +0,0 @@
-'use client';
-import { wordBoundariesRegex } from 'payload/utilities';
-import qs from 'qs';
-import React, { useCallback, useEffect, useReducer, useRef, useState } from 'react';
-import { GetFilterOptions } from '../../../elements/GetFilterOptions/index.js';
-import ReactSelect from '../../../elements/ReactSelect/index.js';
-import { useDebouncedCallback } from '../../../hooks/useDebouncedCallback.js';
-import { useAuth } from '../../../providers/Auth/index.js';
-import { useConfig } from '../../../providers/Config/index.js';
-import { useLocale } from '../../../providers/Locale/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import { useFormProcessing } from '../../Form/context.js';
-import useField from '../../useField/index.js';
-import { withCondition } from '../../withCondition/index.js';
-import { fieldBaseClass } from '../shared.js';
-import { AddNewRelation } from './AddNew/index.js';
-import { createRelationMap } from './createRelationMap.js';
-import { findOptionsByValue } from './findOptionsByValue.js';
-import optionsReducer from './optionsReducer.js';
-import { MultiValueLabel } from './select-components/MultiValueLabel/index.js';
-import { SingleValue } from './select-components/SingleValue/index.js';
-const maxResultsPerRequest = 10;
-const baseClass = 'relationship';
-const Relationship = (props)=>{
-    const { name, Description, Error, Label, className, path: pathFromProps, readOnly, required, style, validate, width } = props;
-    const config = useConfig();
-    const { collections, routes: { api }, serverURL } = config;
-    const relationTo = 'relationTo' in props ? props?.relationTo : undefined;
-    const hasMany = 'hasMany' in props ? props?.hasMany : undefined;
-    const filterOptions = 'filterOptions' in props ? props?.filterOptions : undefined;
-    const sortOptions = 'sortOptions' in props ? props?.sortOptions : undefined;
-    const isSortable = 'isSortable' in props ? props?.isSortable : true;
-    const allowCreate = 'allowCreate' in props ? props?.allowCreate : true;
-    const { i18n, t } = useTranslation();
-    const { permissions } = useAuth();
-    const { code: locale } = useLocale();
-    const formProcessing = useFormProcessing();
-    const hasMultipleRelations = Array.isArray(relationTo);
-    const [options, dispatchOptions] = useReducer(optionsReducer, []);
-    const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = useState(-1);
-    const [lastLoadedPage, setLastLoadedPage] = useState({});
-    const [errorLoading, setErrorLoading] = useState('');
-    const [filterOptionsResult, setFilterOptionsResult] = useState();
-    const [search, setSearch] = useState('');
-    const [isLoading, setIsLoading] = useState(false);
-    const [hasLoadedFirstPage, setHasLoadedFirstPage] = useState(false);
-    const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false);
-    const firstRun = useRef(true);
-    const memoizedValidate = useCallback((value, validationOptions)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...validationOptions,
-                required
-            });
-        }
-    }, [
-        validate,
-        required
-    ]);
-    const { initialValue, path, setValue, showError, value } = useField({
-        path: pathFromProps || name,
-        validate: memoizedValidate
-    });
-    const [drawerIsOpen, setDrawerIsOpen] = useState(false);
-    const getResults = useCallback(async ({ lastFullyLoadedRelation: lastFullyLoadedRelationArg, onSuccess, search: searchArg, sort, value: valueArg })=>{
-        if (!permissions) {
-            return;
-        }
-        const lastFullyLoadedRelationToUse = typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1;
-        const relations = Array.isArray(relationTo) ? relationTo : [
-            relationTo
-        ];
-        const relationsToFetch = lastFullyLoadedRelationToUse === -1 ? relations : relations.slice(lastFullyLoadedRelationToUse + 1);
-        let resultsFetched = 0;
-        const relationMap = createRelationMap({
-            hasMany,
-            relationTo,
-            value: valueArg
-        });
-        if (!errorLoading) {
-            relationsToFetch.reduce(async (priorRelation, relation)=>{
-                const relationFilterOption = filterOptionsResult?.[relation];
-                let lastLoadedPageToUse;
-                if (search !== searchArg) {
-                    lastLoadedPageToUse = 1;
-                } else {
-                    lastLoadedPageToUse = lastLoadedPage[relation] + 1;
-                }
-                await priorRelation;
-                if (relationFilterOption === false) {
-                    setLastFullyLoadedRelation(relations.indexOf(relation));
-                    return Promise.resolve();
-                }
-                if (resultsFetched < 10) {
-                    const collection = collections.find((coll)=>coll.slug === relation);
-                    let fieldToSearch = collection?.defaultSort || collection?.admin?.useAsTitle || 'id';
-                    if (!searchArg) {
-                        if (typeof sortOptions === 'string') {
-                            fieldToSearch = sortOptions;
-                        } else if (sortOptions?.[relation]) {
-                            fieldToSearch = sortOptions[relation];
-                        }
-                    }
-                    const query = {
-                        depth: 0,
-                        draft: true,
-                        limit: maxResultsPerRequest,
-                        locale,
-                        page: lastLoadedPageToUse,
-                        sort: fieldToSearch,
-                        where: {
-                            and: [
-                                {
-                                    id: {
-                                        not_in: relationMap[relation]
-                                    }
-                                }
-                            ]
-                        }
-                    };
-                    if (searchArg) {
-                        query.where.and.push({
-                            [fieldToSearch]: {
-                                like: searchArg
-                            }
-                        });
-                    }
-                    if (relationFilterOption && typeof relationFilterOption !== 'boolean') {
-                        query.where.and.push(relationFilterOption);
-                    }
-                    const response = await fetch(`${serverURL}${api}/${relation}?${qs.stringify(query)}`, {
-                        credentials: 'include',
-                        headers: {
-                            'Accept-Language': i18n.language
-                        }
-                    });
-                    if (response.ok) {
-                        const data = await response.json();
-                        setLastLoadedPage((prevState)=>{
-                            return {
-                                ...prevState,
-                                [relation]: lastLoadedPageToUse
-                            };
-                        });
-                        if (!data.nextPage) {
-                            setLastFullyLoadedRelation(relations.indexOf(relation));
-                        }
-                        if (data.docs.length > 0) {
-                            resultsFetched += data.docs.length;
-                            dispatchOptions({
-                                type: 'ADD',
-                                collection,
-                                // TODO: fix this
-                                // @ts-ignore-next-line
-                                config,
-                                docs: data.docs,
-                                i18n,
-                                sort
-                            });
-                        }
-                    } else if (response.status === 403) {
-                        setLastFullyLoadedRelation(relations.indexOf(relation));
-                        dispatchOptions({
-                            type: 'ADD',
-                            collection,
-                            // TODO: fix this
-                            // @ts-ignore-next-line
-                            config,
-                            docs: [],
-                            i18n,
-                            ids: relationMap[relation],
-                            sort
-                        });
-                    } else {
-                        setErrorLoading(t('error:unspecific'));
-                    }
-                }
-            }, Promise.resolve());
-            if (typeof onSuccess === 'function') onSuccess();
-        }
-    }, [
-        permissions,
-        relationTo,
-        hasMany,
-        errorLoading,
-        search,
-        lastLoadedPage,
-        collections,
-        locale,
-        filterOptionsResult,
-        serverURL,
-        sortOptions,
-        api,
-        i18n,
-        config,
-        t
-    ]);
-    const updateSearch = useDebouncedCallback((searchArg, valueArg)=>{
-        getResults({
-            search: searchArg,
-            sort: true,
-            value: valueArg
-        });
-        setSearch(searchArg);
-    }, 300);
-    const handleInputChange = useCallback((searchArg, valueArg)=>{
-        if (search !== searchArg) {
-            setLastLoadedPage({});
-            updateSearch(searchArg, valueArg, searchArg !== '');
-        }
-    }, [
-        search,
-        updateSearch
-    ]);
-    // ///////////////////////////////////
-    // Ensure we have an option for each value
-    // ///////////////////////////////////
-    useEffect(()=>{
-        const relationMap = createRelationMap({
-            hasMany,
-            relationTo,
-            value
-        });
-        Object.entries(relationMap).reduce(async (priorRelation, [relation, ids])=>{
-            await priorRelation;
-            const idsToLoad = ids.filter((id)=>{
-                return !options.find((optionGroup)=>optionGroup?.options?.find((option)=>option.value === id && option.relationTo === relation));
-            });
-            if (idsToLoad.length > 0) {
-                const query = {
-                    depth: 0,
-                    draft: true,
-                    limit: idsToLoad.length,
-                    locale,
-                    where: {
-                        id: {
-                            in: idsToLoad
-                        }
-                    }
-                };
-                if (!errorLoading) {
-                    const response = await fetch(`${serverURL}${api}/${relation}?${qs.stringify(query)}`, {
-                        credentials: 'include',
-                        headers: {
-                            'Accept-Language': i18n.language
-                        }
-                    });
-                    const collection = collections.find((coll)=>coll.slug === relation);
-                    let docs = [];
-                    if (response.ok) {
-                        const data = await response.json();
-                        docs = data.docs;
-                    }
-                    dispatchOptions({
-                        type: 'ADD',
-                        collection,
-                        // TODO: fix this
-                        // @ts-ignore-next-line
-                        config,
-                        docs,
-                        i18n,
-                        ids: idsToLoad,
-                        sort: true
-                    });
-                }
-            }
-        }, Promise.resolve());
-    }, [
-        options,
-        value,
-        hasMany,
-        errorLoading,
-        collections,
-        hasMultipleRelations,
-        serverURL,
-        api,
-        i18n,
-        relationTo,
-        locale,
-        config
-    ]);
-    // Determine if we should switch to word boundary search
-    useEffect(()=>{
-        const relations = Array.isArray(relationTo) ? relationTo : [
-            relationTo
-        ];
-        const isIdOnly = relations.reduce((idOnly, relation)=>{
-            const collection = collections.find((coll)=>coll.slug === relation);
-            const fieldToSearch = collection?.admin?.useAsTitle || 'id';
-            return fieldToSearch === 'id' && idOnly;
-        }, true);
-        setEnableWordBoundarySearch(!isIdOnly);
-    }, [
-        relationTo,
-        collections
-    ]);
-    // When (`relationTo` || `filterOptionsResult` || `locale`) changes, reset component
-    // Note - effect should not run on first run
-    useEffect(()=>{
-        if (firstRun.current) {
-            firstRun.current = false;
-            return;
-        }
-        dispatchOptions({
-            type: 'CLEAR'
-        });
-        setLastFullyLoadedRelation(-1);
-        setLastLoadedPage({});
-        setHasLoadedFirstPage(false);
-    }, [
-        relationTo,
-        filterOptionsResult,
-        locale
-    ]);
-    const onSave = useCallback((args)=>{
-        dispatchOptions({
-            type: 'UPDATE',
-            collection: args.collectionConfig,
-            // TODO: fix this
-            // @ts-ignore-next-line
-            config,
-            doc: args.doc,
-            i18n
-        });
-    }, [
-        i18n,
-        config
-    ]);
-    const filterOption = useCallback((item, searchFilter)=>{
-        if (!searchFilter) {
-            return true;
-        }
-        const r = wordBoundariesRegex(searchFilter || '');
-        // breaking the labels to search into smaller parts increases performance
-        const breakApartThreshold = 250;
-        let string = item.label;
-        // strings less than breakApartThreshold length won't be chunked
-        while(string.length > breakApartThreshold){
-            // slicing by the next space after the length of the search input prevents slicing the string up by partial words
-            const indexOfSpace = string.indexOf(' ', searchFilter.length);
-            if (r.test(string.slice(0, indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1))) {
-                return true;
-            }
-            string = string.slice(indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1);
-        }
-        return r.test(string.slice(-breakApartThreshold));
-    }, []);
-    const valueToRender = findOptionsByValue({
-        options,
-        value
-    });
-    if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') valueToRender.value = null;
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            className,
-            showError && 'error',
-            errorLoading && 'error-loading',
-            readOnly && `${baseClass}--read-only`
-        ].filter(Boolean).join(' '),
-        id: `field-${path.replace(/\./g, '__')}`,
-        style: {
-            ...style,
-            width
-        }
-    }, Error, Label, /*#__PURE__*/ React.createElement(GetFilterOptions, {
-        filterOptions,
-        filterOptionsResult,
-        path,
-        relationTo,
-        setFilterOptionsResult
-    }), !errorLoading && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement(ReactSelect, {
-        backspaceRemovesValue: !drawerIsOpen,
-        components: {
-            MultiValueLabel,
-            SingleValue
-        },
-        customProps: {
-            disableKeyDown: drawerIsOpen,
-            disableMouseDown: drawerIsOpen,
-            onSave,
-            setDrawerIsOpen
-        },
-        disabled: readOnly || formProcessing,
-        filterOption: enableWordBoundarySearch ? filterOption : undefined,
-        isLoading: isLoading,
-        isMulti: hasMany,
-        isSortable: isSortable,
-        onChange: !readOnly ? (selected)=>{
-            if (selected === null) {
-                setValue(hasMany ? [] : null);
-            } else if (hasMany) {
-                setValue(selected ? selected.map((option)=>{
-                    if (hasMultipleRelations) {
-                        return {
-                            relationTo: option.relationTo,
-                            value: option.value
-                        };
-                    }
-                    return option.value;
-                }) : null);
-            } else if (hasMultipleRelations) {
-                setValue({
-                    relationTo: selected.relationTo,
-                    value: selected.value
-                });
-            } else {
-                setValue(selected.value);
-            }
-        } : undefined,
-        onInputChange: (newSearch)=>handleInputChange(newSearch, value),
-        onMenuOpen: ()=>{
-            if (!hasLoadedFirstPage) {
-                setIsLoading(true);
-                getResults({
-                    onSuccess: ()=>{
-                        setHasLoadedFirstPage(true);
-                        setIsLoading(false);
-                    },
-                    value: initialValue
-                });
-            }
-        },
-        onMenuScrollToBottom: ()=>{
-            getResults({
-                lastFullyLoadedRelation,
-                search,
-                sort: false,
-                value: initialValue
-            });
-        },
-        options: options,
-        showError: showError,
-        value: valueToRender ?? null
-    }), !readOnly && allowCreate && /*#__PURE__*/ React.createElement(AddNewRelation, {
-        dispatchOptions,
-        hasMany,
-        options,
-        path,
-        relationTo,
-        setValue,
-        value
-    })), errorLoading && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__error-loading`
-    }, errorLoading), Description);
-};
-export default withCondition(Relationship);
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload/database'\nimport type { Where } from 'payload/types'\n\nimport { wordBoundariesRegex } from 'payload/utilities'\nimport qs from 'qs'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../../elements/DocumentDrawer/types.js'\nimport type { FilterOptionsResult, GetResults, Option, Props, Value } from './types.js'\n\nimport { GetFilterOptions } from '../../../elements/GetFilterOptions/index.js'\nimport ReactSelect from '../../../elements/ReactSelect/index.js'\nimport { useDebouncedCallback } from '../../../hooks/useDebouncedCallback.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useFormProcessing } from '../../Form/context.js'\nimport useField from '../../useField/index.js'\nimport { withCondition } from '../../withCondition/index.js'\nimport { fieldBaseClass } from '../shared.js'\nimport { AddNewRelation } from './AddNew/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport './index.scss'\nimport optionsReducer from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\n\nconst maxResultsPerRequest = 10\n\nconst baseClass = 'relationship'\n\nconst Relationship: React.FC<Props> = (props) => {\n  const {\n    name,\n    Description,\n    Error,\n    Label,\n    className,\n    path: pathFromProps,\n    readOnly,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const config = useConfig()\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = config\n\n  const relationTo = 'relationTo' in props ? props?.relationTo : undefined\n  const hasMany = 'hasMany' in props ? props?.hasMany : undefined\n  const filterOptions = 'filterOptions' in props ? props?.filterOptions : undefined\n  const sortOptions = 'sortOptions' in props ? props?.sortOptions : undefined\n  const isSortable = 'isSortable' in props ? props?.isSortable : true\n  const allowCreate = 'allowCreate' in props ? props?.allowCreate : true\n\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { code: locale } = useLocale()\n  const formProcessing = useFormProcessing()\n  const hasMultipleRelations = Array.isArray(relationTo)\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n  const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = useState(-1)\n  const [lastLoadedPage, setLastLoadedPage] = useState<Record<string, number>>({})\n  const [errorLoading, setErrorLoading] = useState('')\n  const [filterOptionsResult, setFilterOptionsResult] = useState<FilterOptionsResult>()\n  const [search, setSearch] = useState('')\n  const [isLoading, setIsLoading] = useState(false)\n  const [hasLoadedFirstPage, setHasLoadedFirstPage] = useState(false)\n  const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false)\n  const firstRun = useRef(true)\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { initialValue, path, setValue, showError, value } = useField<Value | Value[]>({\n    path: pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const [drawerIsOpen, setDrawerIsOpen] = useState(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\n      lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n      onSuccess,\n      search: searchArg,\n      sort,\n      value: valueArg,\n    }) => {\n      if (!permissions) {\n        return\n      }\n      const lastFullyLoadedRelationToUse =\n        typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n      const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n      const relationsToFetch =\n        lastFullyLoadedRelationToUse === -1\n          ? relations\n          : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n      let resultsFetched = 0\n      const relationMap = createRelationMap({\n        hasMany,\n        relationTo,\n        value: valueArg,\n      })\n\n      if (!errorLoading) {\n        relationsToFetch.reduce(async (priorRelation, relation) => {\n          const relationFilterOption = filterOptionsResult?.[relation]\n          let lastLoadedPageToUse\n          if (search !== searchArg) {\n            lastLoadedPageToUse = 1\n          } else {\n            lastLoadedPageToUse = lastLoadedPage[relation] + 1\n          }\n          await priorRelation\n\n          if (relationFilterOption === false) {\n            setLastFullyLoadedRelation(relations.indexOf(relation))\n            return Promise.resolve()\n          }\n\n          if (resultsFetched < 10) {\n            const collection = collections.find((coll) => coll.slug === relation)\n            let fieldToSearch = collection?.defaultSort || collection?.admin?.useAsTitle || 'id'\n            if (!searchArg) {\n              if (typeof sortOptions === 'string') {\n                fieldToSearch = sortOptions\n              } else if (sortOptions?.[relation]) {\n                fieldToSearch = sortOptions[relation]\n              }\n            }\n\n            const query: {\n              [key: string]: unknown\n              where: Where\n            } = {\n              depth: 0,\n              draft: true,\n              limit: maxResultsPerRequest,\n              locale,\n              page: lastLoadedPageToUse,\n              sort: fieldToSearch,\n              where: {\n                and: [\n                  {\n                    id: {\n                      not_in: relationMap[relation],\n                    },\n                  },\n                ],\n              },\n            }\n\n            if (searchArg) {\n              query.where.and.push({\n                [fieldToSearch]: {\n                  like: searchArg,\n                },\n              })\n            }\n\n            if (relationFilterOption && typeof relationFilterOption !== 'boolean') {\n              query.where.and.push(relationFilterOption)\n            }\n\n            const response = await fetch(`${serverURL}${api}/${relation}?${qs.stringify(query)}`, {\n              credentials: 'include',\n              headers: {\n                'Accept-Language': i18n.language,\n              },\n            })\n\n            if (response.ok) {\n              const data: PaginatedDocs<unknown> = await response.json()\n              setLastLoadedPage((prevState) => {\n                return {\n                  ...prevState,\n                  [relation]: lastLoadedPageToUse,\n                }\n              })\n\n              if (!data.nextPage) {\n                setLastFullyLoadedRelation(relations.indexOf(relation))\n              }\n\n              if (data.docs.length > 0) {\n                resultsFetched += data.docs.length\n\n                dispatchOptions({\n                  type: 'ADD',\n                  collection,\n                  // TODO: fix this\n                  // @ts-ignore-next-line\n                  config,\n                  docs: data.docs,\n                  i18n,\n                  sort,\n                })\n              }\n            } else if (response.status === 403) {\n              setLastFullyLoadedRelation(relations.indexOf(relation))\n              dispatchOptions({\n                type: 'ADD',\n                collection,\n                // TODO: fix this\n                // @ts-ignore-next-line\n                config,\n                docs: [],\n                i18n,\n                ids: relationMap[relation],\n                sort,\n              })\n            } else {\n              setErrorLoading(t('error:unspecific'))\n            }\n          }\n        }, Promise.resolve())\n\n        if (typeof onSuccess === 'function') onSuccess()\n      }\n    },\n    [\n      permissions,\n      relationTo,\n      hasMany,\n      errorLoading,\n      search,\n      lastLoadedPage,\n      collections,\n      locale,\n      filterOptionsResult,\n      serverURL,\n      sortOptions,\n      api,\n      i18n,\n      config,\n      t,\n    ],\n  )\n\n  const updateSearch = useDebouncedCallback((searchArg: string, valueArg: Value | Value[]) => {\n    getResults({ search: searchArg, sort: true, value: valueArg })\n    setSearch(searchArg)\n  }, 300)\n\n  const handleInputChange = useCallback(\n    (searchArg: string, valueArg: Value | Value[]) => {\n      if (search !== searchArg) {\n        setLastLoadedPage({})\n        updateSearch(searchArg, valueArg, searchArg !== '')\n      }\n    },\n    [search, updateSearch],\n  )\n\n  // ///////////////////////////////////\n  // Ensure we have an option for each value\n  // ///////////////////////////////////\n\n  useEffect(() => {\n    const relationMap = createRelationMap({\n      hasMany,\n      relationTo,\n      value,\n    })\n\n    Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {\n      await priorRelation\n\n      const idsToLoad = ids.filter((id) => {\n        return !options.find((optionGroup) =>\n          optionGroup?.options?.find(\n            (option) => option.value === id && option.relationTo === relation,\n          ),\n        )\n      })\n\n      if (idsToLoad.length > 0) {\n        const query = {\n          depth: 0,\n          draft: true,\n          limit: idsToLoad.length,\n          locale,\n          where: {\n            id: {\n              in: idsToLoad,\n            },\n          },\n        }\n\n        if (!errorLoading) {\n          const response = await fetch(`${serverURL}${api}/${relation}?${qs.stringify(query)}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          const collection = collections.find((coll) => coll.slug === relation)\n          let docs = []\n\n          if (response.ok) {\n            const data = await response.json()\n            docs = data.docs\n          }\n\n          dispatchOptions({\n            type: 'ADD',\n            collection,\n            // TODO: fix this\n            // @ts-ignore-next-line\n            config,\n            docs,\n            i18n,\n            ids: idsToLoad,\n            sort: true,\n          })\n        }\n      }\n    }, Promise.resolve())\n  }, [\n    options,\n    value,\n    hasMany,\n    errorLoading,\n    collections,\n    hasMultipleRelations,\n    serverURL,\n    api,\n    i18n,\n    relationTo,\n    locale,\n    config,\n  ])\n\n  // Determine if we should switch to word boundary search\n  useEffect(() => {\n    const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n    const isIdOnly = relations.reduce((idOnly, relation) => {\n      const collection = collections.find((coll) => coll.slug === relation)\n      const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n      return fieldToSearch === 'id' && idOnly\n    }, true)\n    setEnableWordBoundarySearch(!isIdOnly)\n  }, [relationTo, collections])\n\n  // When (`relationTo` || `filterOptionsResult` || `locale`) changes, reset component\n  // Note - effect should not run on first run\n  useEffect(() => {\n    if (firstRun.current) {\n      firstRun.current = false\n      return\n    }\n\n    dispatchOptions({ type: 'CLEAR' })\n    setLastFullyLoadedRelation(-1)\n    setLastLoadedPage({})\n    setHasLoadedFirstPage(false)\n  }, [relationTo, filterOptionsResult, locale])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      dispatchOptions({\n        type: 'UPDATE',\n        collection: args.collectionConfig,\n        // TODO: fix this\n        // @ts-ignore-next-line\n        config,\n        doc: args.doc,\n        i18n,\n      })\n    },\n    [i18n, config],\n  )\n\n  const filterOption = useCallback((item: Option, searchFilter: string) => {\n    if (!searchFilter) {\n      return true\n    }\n    const r = wordBoundariesRegex(searchFilter || '')\n    // breaking the labels to search into smaller parts increases performance\n    const breakApartThreshold = 250\n    let string = item.label\n    // strings less than breakApartThreshold length won't be chunked\n    while (string.length > breakApartThreshold) {\n      // slicing by the next space after the length of the search input prevents slicing the string up by partial words\n      const indexOfSpace = string.indexOf(' ', searchFilter.length)\n      if (r.test(string.slice(0, indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1))) {\n        return true\n      }\n      string = string.slice(indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1)\n    }\n    return r.test(string.slice(-breakApartThreshold))\n  }, [])\n\n  const valueToRender = findOptionsByValue({ options, value })\n\n  if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') valueToRender.value = null\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        errorLoading && 'error-loading',\n        readOnly && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      {Error}\n      {Label}\n      <GetFilterOptions\n        {...{\n          filterOptions,\n          filterOptionsResult,\n          path,\n          relationTo,\n          setFilterOptionsResult,\n        }}\n      />\n      {!errorLoading && (\n        <div className={`${baseClass}__wrap`}>\n          <ReactSelect\n            backspaceRemovesValue={!drawerIsOpen}\n            components={{\n              MultiValueLabel,\n              SingleValue,\n            }}\n            customProps={{\n              disableKeyDown: drawerIsOpen,\n              disableMouseDown: drawerIsOpen,\n              onSave,\n              setDrawerIsOpen,\n            }}\n            disabled={readOnly || formProcessing}\n            filterOption={enableWordBoundarySearch ? filterOption : undefined}\n            isLoading={isLoading}\n            isMulti={hasMany}\n            isSortable={isSortable}\n            onChange={\n              !readOnly\n                ? (selected) => {\n                    if (selected === null) {\n                      setValue(hasMany ? [] : null)\n                    } else if (hasMany) {\n                      setValue(\n                        selected\n                          ? selected.map((option) => {\n                              if (hasMultipleRelations) {\n                                return {\n                                  relationTo: option.relationTo,\n                                  value: option.value,\n                                }\n                              }\n\n                              return option.value\n                            })\n                          : null,\n                      )\n                    } else if (hasMultipleRelations) {\n                      setValue({\n                        relationTo: selected.relationTo,\n                        value: selected.value,\n                      })\n                    } else {\n                      setValue(selected.value)\n                    }\n                  }\n                : undefined\n            }\n            onInputChange={(newSearch) => handleInputChange(newSearch, value)}\n            onMenuOpen={() => {\n              if (!hasLoadedFirstPage) {\n                setIsLoading(true)\n                getResults({\n                  onSuccess: () => {\n                    setHasLoadedFirstPage(true)\n                    setIsLoading(false)\n                  },\n                  value: initialValue,\n                })\n              }\n            }}\n            onMenuScrollToBottom={() => {\n              getResults({\n                lastFullyLoadedRelation,\n                search,\n                sort: false,\n                value: initialValue,\n              })\n            }}\n            options={options}\n            showError={showError}\n            value={valueToRender ?? null}\n          />\n          {!readOnly && allowCreate && (\n            <AddNewRelation\n              {...{\n                dispatchOptions,\n                hasMany,\n                options,\n                path,\n                relationTo,\n                setValue,\n                value,\n              }}\n            />\n          )}\n        </div>\n      )}\n      {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n      {Description}\n    </div>\n  )\n}\n\nexport default withCondition(Relationship)\n"],"names":["wordBoundariesRegex","qs","React","useCallback","useEffect","useReducer","useRef","useState","GetFilterOptions","ReactSelect","useDebouncedCallback","useAuth","useConfig","useLocale","useTranslation","useFormProcessing","useField","withCondition","fieldBaseClass","AddNewRelation","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","Relationship","props","name","Description","Error","Label","className","path","pathFromProps","readOnly","required","style","validate","width","config","collections","routes","api","serverURL","relationTo","undefined","hasMany","filterOptions","sortOptions","isSortable","allowCreate","i18n","t","permissions","code","locale","formProcessing","hasMultipleRelations","Array","isArray","options","dispatchOptions","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","filterOptionsResult","setFilterOptionsResult","search","setSearch","isLoading","setIsLoading","hasLoadedFirstPage","setHasLoadedFirstPage","enableWordBoundarySearch","setEnableWordBoundarySearch","firstRun","memoizedValidate","value","validationOptions","initialValue","setValue","showError","drawerIsOpen","setDrawerIsOpen","getResults","lastFullyLoadedRelationArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","reduce","priorRelation","relation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","find","coll","slug","fieldToSearch","defaultSort","admin","useAsTitle","query","depth","draft","limit","page","where","and","id","not_in","push","like","response","fetch","stringify","credentials","headers","language","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","Object","entries","idsToLoad","filter","optionGroup","option","in","isIdOnly","idOnly","current","onSave","args","collectionConfig","doc","filterOption","item","searchFilter","r","breakApartThreshold","string","label","indexOfSpace","test","valueToRender","div","Boolean","join","replace","backspaceRemovesValue","components","customProps","disableKeyDown","disableMouseDown","disabled","isMulti","onChange","selected","map","onInputChange","newSearch","onMenuOpen","onMenuScrollToBottom"],"mappings":"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"}

package/dist/forms/fields/Relationship/index.scss

@@ -1,57 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.field-type.relationship {
-  position: relative;
-}
-
-.relationship {
-  &__wrap {
-    display: flex;
-    width: 100%;
-
-    div.react-select {
-      width: 100%;
-      min-width: 0;
-    }
-  }
-
-  &__error-loading {
-    border: 1px solid var(--theme-error-500);
-    min-height: base(2);
-    padding: base(0.5) base(0.75);
-    background-color: var(--theme-error-500);
-    color: var(--theme-elevation-0);
-  }
-}
-
-html[data-theme='light'] {
-  .relationship {
-    &.error {
-      > .relationship__wrap {
-        .rs__control {
-          @include lightInputError;
-        }
-      }
-
-      button {
-        @include lightInputError;
-      }
-    }
-  }
-}
-
-html[data-theme='dark'] {
-  .relationship {
-    &.error {
-      > .relationship__wrap {
-        .rs__control {
-          @include darkInputError;
-        }
-      }
-
-      button {
-        @include darkInputError;
-      }
-    }
-  }
-}

package/dist/forms/fields/Relationship/optionsReducer.d.ts

@@ -1,4 +0,0 @@
-import type { Action, OptionGroup } from './types.js';
-declare const optionsReducer: (state: OptionGroup[], action: Action) => OptionGroup[];
-export default optionsReducer;
-//# sourceMappingURL=optionsReducer.d.ts.map

package/dist/forms/fields/Relationship/optionsReducer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAU,WAAW,EAAE,MAAM,YAAY,CAAA;AAyB7D,QAAA,MAAM,cAAc,UAAW,WAAW,EAAE,UAAU,MAAM,KAAG,WAAW,EAmGzE,CAAA;AAED,eAAe,cAAc,CAAA"}