@payloadcms/ui 3.0.0-alpha.8 → 3.0.0-beta.0

package/dist/fields/Relationship/findOptionsByValue.d.ts

@@ -0,0 +1,9 @@
+import type { Option } from '../../elements/ReactSelect/types.js';
+import type { OptionGroup, Value } from './types.js';
+type Args = {
+    options: OptionGroup[];
+    value: Value | Value[];
+};
+export declare const findOptionsByValue: ({ options, value }: Args) => Option | Option[];
+export {};
+//# sourceMappingURL=findOptionsByValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"findOptionsByValue.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/findOptionsByValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEpD,KAAK,IAAI,GAAG;IACV,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,kBAAkB,uBAAwB,IAAI,KAAG,MAAM,GAAG,MAAM,EAuC5E,CAAA"}

package/dist/fields/Relationship/findOptionsByValue.js

@@ -0,0 +1,35 @@
+export const findOptionsByValue = ({ options, value })=>{
+    if (value) {
+        if (Array.isArray(value)) {
+            return value.map((val)=>{
+                let matchedOption;
+                options.forEach((optGroup)=>{
+                    if (!matchedOption) {
+                        matchedOption = optGroup.options.find((option)=>{
+                            if (typeof val === 'object') {
+                                return option.value === val.value && option.relationTo === val.relationTo;
+                            }
+                            return val === option.value;
+                        });
+                    }
+                });
+                return matchedOption;
+            });
+        }
+        let matchedOption;
+        options.forEach((optGroup)=>{
+            if (!matchedOption) {
+                matchedOption = optGroup.options.find((option)=>{
+                    if (typeof value === 'object') {
+                        return option.value === value.value && option.relationTo === value.relationTo;
+                    }
+                    return value === option.value;
+                });
+            }
+        });
+        return matchedOption;
+    }
+    return undefined;
+};
+
+//# sourceMappingURL=findOptionsByValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Relationship/findOptionsByValue.ts"],"sourcesContent":["import type { Option } from '../../elements/ReactSelect/types.js'\nimport type { OptionGroup, Value } from './types.js'\n\ntype Args = {\n  options: OptionGroup[]\n  value: Value | Value[]\n}\n\nexport const findOptionsByValue = ({ options, value }: Args): Option | Option[] => {\n  if (value) {\n    if (Array.isArray(value)) {\n      return value.map((val) => {\n        let matchedOption: Option\n\n        options.forEach((optGroup) => {\n          if (!matchedOption) {\n            matchedOption = optGroup.options.find((option) => {\n              if (typeof val === 'object') {\n                return option.value === val.value && option.relationTo === val.relationTo\n              }\n\n              return val === option.value\n            })\n          }\n        })\n\n        return matchedOption\n      })\n    }\n\n    let matchedOption: Option\n\n    options.forEach((optGroup) => {\n      if (!matchedOption) {\n        matchedOption = optGroup.options.find((option) => {\n          if (typeof value === 'object') {\n            return option.value === value.value && option.relationTo === value.relationTo\n          }\n          return value === option.value\n        })\n      }\n    })\n\n    return matchedOption\n  }\n\n  return undefined\n}\n"],"names":["findOptionsByValue","options","value","Array","isArray","map","val","matchedOption","forEach","optGroup","find","option","relationTo","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAQA,OAAO,MAAMA,qBAAqB,CAAC,EAAEC,OAAO,EAAEC,KAAK,EAAQ;IACzD,IAAIA,OAAO;QACT,IAAIC,MAAMC,OAAO,CAACF,QAAQ;YACxB,OAAOA,MAAMG,GAAG,CAAC,CAACC;gBAChB,IAAIC;gBAEJN,QAAQO,OAAO,CAAC,CAACC;oBACf,IAAI,CAACF,eAAe;wBAClBA,gBAAgBE,SAASR,OAAO,CAACS,IAAI,CAAC,CAACC;4BACrC,IAAI,OAAOL,QAAQ,UAAU;gCAC3B,OAAOK,OAAOT,KAAK,KAAKI,IAAIJ,KAAK,IAAIS,OAAOC,UAAU,KAAKN,IAAIM,UAAU;4BAC3E;4BAEA,OAAON,QAAQK,OAAOT,KAAK;wBAC7B;oBACF;gBACF;gBAEA,OAAOK;YACT;QACF;QAEA,IAAIA;QAEJN,QAAQO,OAAO,CAAC,CAACC;YACf,IAAI,CAACF,eAAe;gBAClBA,gBAAgBE,SAASR,OAAO,CAACS,IAAI,CAAC,CAACC;oBACrC,IAAI,OAAOT,UAAU,UAAU;wBAC7B,OAAOS,OAAOT,KAAK,KAAKA,MAAMA,KAAK,IAAIS,OAAOC,UAAU,KAAKV,MAAMU,UAAU;oBAC/E;oBACA,OAAOV,UAAUS,OAAOT,KAAK;gBAC/B;YACF;QACF;QAEA,OAAOK;IACT;IAEA,OAAOM;AACT,EAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { RelationshipFieldProps } from './types.js';
+import './index.scss';
+export { RelationshipFieldProps };
+export declare const Relationship: React.FC<RelationshipFieldProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAGnF,OAAO,KAAK,EAAsB,sBAAsB,EAAS,MAAM,YAAY,CAAA;AAenF,OAAO,cAAc,CAAA;AASrB,OAAO,EAAE,sBAAsB,EAAE,CAAA;AAsiBjC,eAAO,MAAM,YAAY,kCAAmC,CAAA"}

package/dist/fields/Relationship/index.js

@@ -0,0 +1,479 @@
+'use client';
+import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
+import { FieldError } from '@payloadcms/ui/forms/FieldError';
+import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
+import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
+import { wordBoundariesRegex } from 'payload/utilities';
+import qs from 'qs';
+import React, { useCallback, useEffect, useReducer, useRef, useState } from 'react';
+import { ReactSelect } from '../../elements/ReactSelect/index.js';
+import { useFormProcessing } from '../../forms/Form/context.js';
+import { useField } from '../../forms/useField/index.js';
+import { withCondition } from '../../forms/withCondition/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 { fieldBaseClass } from '../shared/index.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 RelationshipField = (props)=>{
+    const { name, CustomDescription, CustomError, CustomLabel, allowCreate = true, className, descriptionProps, errorProps, hasMany, isSortable = true, label, labelProps, path: pathFromProps, readOnly: readOnlyFromProps, relationTo, required, sortOptions, style, validate, width } = props;
+    const config = useConfig();
+    const { collections, routes: { api }, serverURL } = config;
+    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 [search, setSearch] = useState('');
+    const [isLoading, setIsLoading] = useState(false);
+    const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false);
+    const menuIsOpen = useRef(false);
+    const hasLoadedFirstPageRef = useRef(false);
+    const memoizedValidate = useCallback((value, validationOptions)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...validationOptions,
+                required
+            });
+        }
+    }, [
+        validate,
+        required
+    ]);
+    const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
+    const readOnly = readOnlyFromProps || readOnlyFromContext;
+    const { filterOptions, initialValue, path, setValue, showError, value } = useField({
+        path: pathFromContext || pathFromProps || name,
+        validate: memoizedValidate
+    });
+    const valueRef = useRef(value);
+    valueRef.current = value;
+    const [drawerIsOpen, setDrawerIsOpen] = useState(false);
+    const getResults = useCallback(async ({ lastFullyLoadedRelation: lastFullyLoadedRelationArg, lastLoadedPage: lastLoadedPageArg, 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) {
+            await relationsToFetch.reduce(async (priorRelation, relation)=>{
+                const relationFilterOption = filterOptions?.[relation];
+                let lastLoadedPageToUse;
+                if (search !== searchArg) {
+                    lastLoadedPageToUse = 1;
+                } else {
+                    lastLoadedPageToUse = lastLoadedPageArg[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-expect-error-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-expect-error-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,
+        collections,
+        locale,
+        filterOptions,
+        serverURL,
+        sortOptions,
+        api,
+        i18n,
+        config,
+        t
+    ]);
+    const updateSearch = useDebouncedCallback((searchArg, valueArg)=>{
+        void getResults({
+            lastLoadedPage: {},
+            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
+        });
+        void 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-expect-error-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` || `filterOptions` || `locale`) changes, reset component
+    // Note - effect should not run on first run
+    useEffect(()=>{
+        // If the menu is open while filterOptions changes
+        // due to latency of getFormState and fast clicking into this field,
+        // re-fetch options
+        if (hasLoadedFirstPageRef.current && menuIsOpen.current) {
+            setIsLoading(true);
+            void getResults({
+                lastLoadedPage: {},
+                onSuccess: ()=>{
+                    hasLoadedFirstPageRef.current = true;
+                    setIsLoading(false);
+                },
+                value: valueRef.current
+            });
+        }
+        // If the menu is not open, still reset the field state
+        // because we need to get new options next time the menu
+        // opens by the user
+        dispatchOptions({
+            type: 'CLEAR'
+        });
+        setLastFullyLoadedRelation(-1);
+        setLastLoadedPage({});
+        hasLoadedFirstPageRef.current = false;
+    }, [
+        relationTo,
+        filterOptions,
+        locale,
+        menuIsOpen,
+        getResults,
+        valueRef,
+        hasLoadedFirstPageRef,
+        path
+    ]);
+    const onSave = useCallback((args)=>{
+        dispatchOptions({
+            type: 'UPDATE',
+            collection: args.collectionConfig,
+            // TODO: fix this
+            // @ts-expect-error-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
+        }
+    }, /*#__PURE__*/ React.createElement(FieldError, {
+        CustomError: CustomError,
+        path: path,
+        ...errorProps || {}
+    }), /*#__PURE__*/ React.createElement(FieldLabel, {
+        CustomLabel: CustomLabel,
+        label: label,
+        required: required,
+        ...labelProps || {}
+    }), !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),
+        onMenuClose: ()=>{
+            menuIsOpen.current = false;
+        },
+        onMenuOpen: ()=>{
+            menuIsOpen.current = true;
+            if (!hasLoadedFirstPageRef.current) {
+                setIsLoading(true);
+                void getResults({
+                    lastLoadedPage: {},
+                    onSuccess: ()=>{
+                        hasLoadedFirstPageRef.current = true;
+                        setIsLoading(false);
+                    },
+                    value: initialValue
+                });
+            }
+        },
+        onMenuScrollToBottom: ()=>{
+            void getResults({
+                lastFullyLoadedRelation,
+                lastLoadedPage,
+                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), CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {}));
+};
+export const Relationship = withCondition(RelationshipField);
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload/database'\nimport type { Where } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\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 { GetResults, Option, RelationshipFieldProps, Value } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { useFormProcessing } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/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 { fieldBaseClass } from '../shared/index.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\nexport { RelationshipFieldProps }\n\nconst RelationshipField: React.FC<RelationshipFieldProps> = (props) => {\n  const {\n    name,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    allowCreate = true,\n    className,\n    descriptionProps,\n    errorProps,\n    hasMany,\n    isSortable = true,\n    label,\n    labelProps,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    relationTo,\n    required,\n    sortOptions,\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 { 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 [search, setSearch] = useState('')\n  const [isLoading, setIsLoading] = useState(false)\n  const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false)\n  const menuIsOpen = useRef(false)\n  const hasLoadedFirstPageRef = useRef(false)\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { filterOptions, initialValue, path, setValue, showError, value } = useField<\n    Value | Value[]\n  >({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const valueRef = useRef(value)\n  valueRef.current = value\n\n  const [drawerIsOpen, setDrawerIsOpen] = useState(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\n      lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n      lastLoadedPage: lastLoadedPageArg,\n      onSuccess,\n      search: searchArg,\n      sort,\n      value: valueArg,\n    }) => {\n      if (!permissions) {\n        return\n      }\n      const lastFullyLoadedRelationToUse =\n        typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n      const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n      const relationsToFetch =\n        lastFullyLoadedRelationToUse === -1\n          ? relations\n          : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n      let resultsFetched = 0\n      const relationMap = createRelationMap({\n        hasMany,\n        relationTo,\n        value: valueArg,\n      })\n\n      if (!errorLoading) {\n        await relationsToFetch.reduce(async (priorRelation, relation) => {\n          const relationFilterOption = filterOptions?.[relation]\n\n          let lastLoadedPageToUse\n          if (search !== searchArg) {\n            lastLoadedPageToUse = 1\n          } else {\n            lastLoadedPageToUse = lastLoadedPageArg[relation] + 1\n          }\n          await priorRelation\n\n          if (relationFilterOption === false) {\n            setLastFullyLoadedRelation(relations.indexOf(relation))\n            return Promise.resolve()\n          }\n\n          if (resultsFetched < 10) {\n            const collection = 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-expect-error-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-expect-error-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      collections,\n      locale,\n      filterOptions,\n      serverURL,\n      sortOptions,\n      api,\n      i18n,\n      config,\n      t,\n    ],\n  )\n\n  const updateSearch = useDebouncedCallback((searchArg: string, valueArg: Value | Value[]) => {\n    void getResults({ lastLoadedPage: {}, 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    void Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {\n      await priorRelation\n\n      const idsToLoad = ids.filter((id) => {\n        return !options.find((optionGroup) =>\n          optionGroup?.options?.find(\n            (option) => option.value === id && option.relationTo === relation,\n          ),\n        )\n      })\n\n      if (idsToLoad.length > 0) {\n        const query = {\n          depth: 0,\n          draft: true,\n          limit: idsToLoad.length,\n          locale,\n          where: {\n            id: {\n              in: idsToLoad,\n            },\n          },\n        }\n\n        if (!errorLoading) {\n          const response = await fetch(`${serverURL}${api}/${relation}?${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-expect-error-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` || `filterOptions` || `locale`) changes, reset component\n  // Note - effect should not run on first run\n  useEffect(() => {\n    // If the menu is open while filterOptions changes\n    // due to latency of getFormState and fast clicking into this field,\n    // re-fetch options\n\n    if (hasLoadedFirstPageRef.current && menuIsOpen.current) {\n      setIsLoading(true)\n      void getResults({\n        lastLoadedPage: {},\n        onSuccess: () => {\n          hasLoadedFirstPageRef.current = true\n          setIsLoading(false)\n        },\n        value: valueRef.current,\n      })\n    }\n\n    // If the menu is not open, still reset the field state\n    // because we need to get new options next time the menu\n    // opens by the user\n\n    dispatchOptions({ type: 'CLEAR' })\n    setLastFullyLoadedRelation(-1)\n    setLastLoadedPage({})\n    hasLoadedFirstPageRef.current = false\n  }, [\n    relationTo,\n    filterOptions,\n    locale,\n    menuIsOpen,\n    getResults,\n    valueRef,\n    hasLoadedFirstPageRef,\n    path,\n  ])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      dispatchOptions({\n        type: 'UPDATE',\n        collection: args.collectionConfig,\n        // TODO: fix this\n        // @ts-expect-error-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      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\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            onMenuClose={() => {\n              menuIsOpen.current = false\n            }}\n            onMenuOpen={() => {\n              menuIsOpen.current = true\n\n              if (!hasLoadedFirstPageRef.current) {\n                setIsLoading(true)\n                void getResults({\n                  lastLoadedPage: {},\n                  onSuccess: () => {\n                    hasLoadedFirstPageRef.current = true\n                    setIsLoading(false)\n                  },\n                  value: initialValue,\n                })\n              }\n            }}\n            onMenuScrollToBottom={() => {\n              void getResults({\n                lastFullyLoadedRelation,\n                lastLoadedPage,\n                search,\n                sort: false,\n                value: initialValue,\n              })\n            }}\n            options={options}\n            showError={showError}\n            value={valueToRender ?? null}\n          />\n          {!readOnly && allowCreate && (\n            <AddNewRelation\n              {...{\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      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const Relationship = withCondition(RelationshipField)\n"],"names":["FieldDescription","FieldError","FieldLabel","useFieldProps","wordBoundariesRegex","qs","React","useCallback","useEffect","useReducer","useRef","useState","ReactSelect","useFormProcessing","useField","withCondition","useDebouncedCallback","useAuth","useConfig","useLocale","useTranslation","fieldBaseClass","AddNewRelation","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","RelationshipField","props","name","CustomDescription","CustomError","CustomLabel","allowCreate","className","descriptionProps","errorProps","hasMany","isSortable","label","labelProps","path","pathFromProps","readOnly","readOnlyFromProps","relationTo","required","sortOptions","style","validate","width","config","collections","routes","api","serverURL","i18n","t","permissions","code","locale","formProcessing","hasMultipleRelations","Array","isArray","options","dispatchOptions","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","hasLoadedFirstPageRef","memoizedValidate","value","validationOptions","pathFromContext","readOnlyFromContext","filterOptions","initialValue","setValue","showError","valueRef","current","drawerIsOpen","setDrawerIsOpen","getResults","lastFullyLoadedRelationArg","lastLoadedPageArg","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","onSave","args","collectionConfig","doc","filterOption","item","searchFilter","r","breakApartThreshold","string","indexOfSpace","test","valueToRender","div","Boolean","join","replace","backspaceRemovesValue","components","customProps","disableKeyDown","disableMouseDown","disabled","undefined","isMulti","onChange","selected","map","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","Relationship"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}