payload 1.6.4-beta.0 → 1.6.4

package/dist/admin/components/forms/field-types/Relationship/index.js

@@ -0,0 +1,344 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const qs_1 = __importDefault(require("qs"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../utilities/Config");
+const Auth_1 = require("../../../utilities/Auth");
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const ReactSelect_1 = __importDefault(require("../../../elements/ReactSelect"));
+const useField_1 = __importDefault(require("../../useField"));
+const Label_1 = __importDefault(require("../../Label"));
+const Error_1 = __importDefault(require("../../Error"));
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const validations_1 = require("../../../../../fields/validations");
+const context_1 = require("../../Form/context");
+const optionsReducer_1 = __importDefault(require("./optionsReducer"));
+const createRelationMap_1 = require("./createRelationMap");
+const useDebouncedCallback_1 = require("../../../../hooks/useDebouncedCallback");
+const wordBoundariesRegex_1 = __importDefault(require("../../../../../utilities/wordBoundariesRegex"));
+const AddNew_1 = require("./AddNew");
+const findOptionsByValue_1 = require("./findOptionsByValue");
+const GetFilterOptions_1 = require("../../../utilities/GetFilterOptions");
+const SingleValue_1 = require("./select-components/SingleValue");
+const MultiValueLabel_1 = require("./select-components/MultiValueLabel");
+const Locale_1 = require("../../../utilities/Locale");
+require("./index.scss");
+const maxResultsPerRequest = 10;
+const baseClass = 'relationship';
+const Relationship = (props) => {
+    const { relationTo, validate = validations_1.relationship, path, name, required, label, hasMany, filterOptions, admin: { readOnly, style, className, width, description, condition, isSortable = true, } = {}, } = props;
+    const { serverURL, routes: { api, }, collections, } = (0, Config_1.useConfig)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('fields');
+    const { permissions } = (0, Auth_1.useAuth)();
+    const locale = (0, Locale_1.useLocale)();
+    const formProcessing = (0, context_1.useFormProcessing)();
+    const hasMultipleRelations = Array.isArray(relationTo);
+    const [options, dispatchOptions] = (0, react_1.useReducer)(optionsReducer_1.default, []);
+    const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = (0, react_1.useState)(-1);
+    const [lastLoadedPage, setLastLoadedPage] = (0, react_1.useState)(1);
+    const [errorLoading, setErrorLoading] = (0, react_1.useState)('');
+    const [filterOptionsResult, setFilterOptionsResult] = (0, react_1.useState)();
+    const [search, setSearch] = (0, react_1.useState)('');
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [hasLoadedFirstPage, setHasLoadedFirstPage] = (0, react_1.useState)(false);
+    const [enableWordBoundarySearch, setEnableWordBoundarySearch] = (0, react_1.useState)(false);
+    const firstRun = (0, react_1.useRef)(true);
+    const pathOrName = path || name;
+    const memoizedValidate = (0, react_1.useCallback)((value, validationOptions) => {
+        return validate(value, { ...validationOptions, required });
+    }, [validate, required]);
+    const { value, showError, errorMessage, setValue, initialValue, } = (0, useField_1.default)({
+        path: pathOrName,
+        validate: memoizedValidate,
+        condition,
+    });
+    const [drawerIsOpen, setDrawerIsOpen] = (0, react_1.useState)(false);
+    const getResults = (0, react_1.useCallback)(async ({ lastFullyLoadedRelation: lastFullyLoadedRelationArg, lastLoadedPage: lastLoadedPageArg, search: searchArg, value: valueArg, sort, onSuccess, }) => {
+        if (!permissions) {
+            return;
+        }
+        let lastLoadedPageToUse = typeof lastLoadedPageArg !== 'undefined' ? lastLoadedPageArg : 1;
+        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 = (0, createRelationMap_1.createRelationMap)({ hasMany, relationTo, value: valueArg });
+        if (!errorLoading) {
+            relationsToFetch.reduce(async (priorRelation, relation) => {
+                var _a;
+                await priorRelation;
+                if (resultsFetched < 10) {
+                    const collection = collections.find((coll) => coll.slug === relation);
+                    const fieldToSearch = ((_a = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _a === void 0 ? void 0 : _a.useAsTitle) || 'id';
+                    const query = {
+                        where: {
+                            and: [
+                                {
+                                    id: {
+                                        not_in: relationMap[relation],
+                                    },
+                                },
+                            ],
+                        },
+                        limit: maxResultsPerRequest,
+                        page: lastLoadedPageToUse,
+                        sort: fieldToSearch,
+                        locale,
+                        depth: 0,
+                    };
+                    if (searchArg) {
+                        query.where.and.push({
+                            [fieldToSearch]: {
+                                like: searchArg,
+                            },
+                        });
+                    }
+                    if (filterOptionsResult === null || filterOptionsResult === void 0 ? void 0 : filterOptionsResult[relation]) {
+                        query.where.and.push(filterOptionsResult[relation]);
+                    }
+                    const response = await fetch(`${serverURL}${api}/${relation}?${qs_1.default.stringify(query)}`, {
+                        credentials: 'include',
+                        headers: {
+                            'Accept-Language': i18n.language,
+                        },
+                    });
+                    if (response.ok) {
+                        const data = await response.json();
+                        if (data.docs.length > 0) {
+                            resultsFetched += data.docs.length;
+                            dispatchOptions({ type: 'ADD', docs: data.docs, collection, sort, i18n });
+                            setLastLoadedPage(data.page);
+                            if (!data.nextPage) {
+                                setLastFullyLoadedRelation(relations.indexOf(relation));
+                                // If there are more relations to search, need to reset lastLoadedPage to 1
+                                // both locally within function and state
+                                if (relations.indexOf(relation) + 1 < relations.length) {
+                                    lastLoadedPageToUse = 1;
+                                }
+                            }
+                        }
+                    }
+                    else if (response.status === 403) {
+                        setLastFullyLoadedRelation(relations.indexOf(relation));
+                        lastLoadedPageToUse = 1;
+                        dispatchOptions({ type: 'ADD', docs: [], collection, sort, ids: relationMap[relation], i18n });
+                    }
+                    else {
+                        setErrorLoading(t('error:unspecific'));
+                    }
+                }
+            }, Promise.resolve());
+            if (typeof onSuccess === 'function')
+                onSuccess();
+        }
+    }, [
+        permissions,
+        relationTo,
+        hasMany,
+        errorLoading,
+        collections,
+        filterOptionsResult,
+        serverURL,
+        api,
+        t,
+        i18n,
+        locale,
+    ]);
+    const updateSearch = (0, useDebouncedCallback_1.useDebouncedCallback)((searchArg, valueArg) => {
+        getResults({ search: searchArg, value: valueArg, sort: true });
+        setSearch(searchArg);
+    }, [getResults]);
+    const handleInputChange = (0, react_1.useCallback)((searchArg, valueArg) => {
+        if (search !== searchArg) {
+            updateSearch(searchArg, valueArg);
+        }
+    }, [search, updateSearch]);
+    // ///////////////////////////////////
+    // Ensure we have an option for each value
+    // ///////////////////////////////////
+    (0, react_1.useEffect)(() => {
+        const relationMap = (0, createRelationMap_1.createRelationMap)({
+            hasMany,
+            relationTo,
+            value,
+        });
+        Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {
+            await priorRelation;
+            const idsToLoad = ids.filter((id) => {
+                return !options.find((optionGroup) => { var _a; return (_a = optionGroup === null || optionGroup === void 0 ? void 0 : optionGroup.options) === null || _a === void 0 ? void 0 : _a.find((option) => option.value === id && option.relationTo === relation); });
+            });
+            if (idsToLoad.length > 0) {
+                const query = {
+                    where: {
+                        id: {
+                            in: idsToLoad,
+                        },
+                    },
+                    depth: 0,
+                    locale,
+                    limit: idsToLoad.length,
+                };
+                if (!errorLoading) {
+                    const response = await fetch(`${serverURL}${api}/${relation}?${qs_1.default.stringify(query)}`, {
+                        credentials: 'include',
+                        headers: {
+                            'Accept-Language': i18n.language,
+                        },
+                    });
+                    const collection = collections.find((coll) => coll.slug === relation);
+                    if (response.ok) {
+                        const data = await response.json();
+                        dispatchOptions({ type: 'ADD', docs: data.docs, collection, sort: true, ids: idsToLoad, i18n });
+                    }
+                    else if (response.status === 403) {
+                        dispatchOptions({ type: 'ADD', docs: [], collection, sort: true, ids: idsToLoad, i18n });
+                    }
+                }
+            }
+        }, Promise.resolve());
+    }, [
+        options,
+        value,
+        hasMany,
+        errorLoading,
+        collections,
+        hasMultipleRelations,
+        serverURL,
+        api,
+        i18n,
+        relationTo,
+        locale,
+    ]);
+    // Determine if we should switch to word boundary search
+    (0, react_1.useEffect)(() => {
+        const relations = Array.isArray(relationTo) ? relationTo : [relationTo];
+        const isIdOnly = relations.reduce((idOnly, relation) => {
+            var _a;
+            const collection = collections.find((coll) => coll.slug === relation);
+            const fieldToSearch = ((_a = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _a === void 0 ? void 0 : _a.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
+    (0, react_1.useEffect)(() => {
+        if (firstRun.current) {
+            firstRun.current = false;
+            return;
+        }
+        dispatchOptions({ type: 'CLEAR' });
+        setLastFullyLoadedRelation(-1);
+        setLastLoadedPage(1);
+        setHasLoadedFirstPage(false);
+    }, [relationTo, filterOptionsResult, locale]);
+    const onSave = (0, react_1.useCallback)((args) => {
+        dispatchOptions({ type: 'UPDATE', doc: args.doc, collection: args.collectionConfig, i18n });
+    }, [i18n]);
+    const classes = [
+        'field-type',
+        baseClass,
+        className,
+        showError && 'error',
+        errorLoading && 'error-loading',
+        readOnly && `${baseClass}--read-only`,
+    ].filter(Boolean).join(' ');
+    const valueToRender = (0, findOptionsByValue_1.findOptionsByValue)({ value, options });
+    if (!Array.isArray(valueToRender) && (valueToRender === null || valueToRender === void 0 ? void 0 : valueToRender.value) === 'null')
+        valueToRender.value = null;
+    return (react_1.default.createElement("div", { id: `field-${(pathOrName).replace(/\./gi, '__')}`, className: classes, style: {
+            ...style,
+            width,
+        } },
+        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
+        react_1.default.createElement(Label_1.default, { htmlFor: pathOrName, label: label, required: required }),
+        react_1.default.createElement(GetFilterOptions_1.GetFilterOptions, { ...{ filterOptionsResult, setFilterOptionsResult, filterOptions, path: pathOrName, relationTo } }),
+        !errorLoading && (react_1.default.createElement("div", { className: `${baseClass}__wrap` },
+            react_1.default.createElement(ReactSelect_1.default, { isDisabled: readOnly, onInputChange: (newSearch) => handleInputChange(newSearch, value), 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, onMenuScrollToBottom: () => {
+                    getResults({
+                        lastFullyLoadedRelation,
+                        lastLoadedPage: lastLoadedPage + 1,
+                        search,
+                        value: initialValue,
+                        sort: false,
+                    });
+                }, value: valueToRender !== null && valueToRender !== void 0 ? valueToRender : null, showError: showError, disabled: formProcessing, options: options, isMulti: hasMany, isSortable: isSortable, isLoading: isLoading, components: {
+                    SingleValue: SingleValue_1.SingleValue,
+                    MultiValueLabel: MultiValueLabel_1.MultiValueLabel,
+                }, selectProps: {
+                    disableMouseDown: drawerIsOpen,
+                    disableKeyDown: drawerIsOpen,
+                    setDrawerIsOpen,
+                    onSave,
+                }, onMenuOpen: () => {
+                    if (!hasLoadedFirstPage) {
+                        setIsLoading(true);
+                        getResults({
+                            value: initialValue,
+                            onSuccess: () => {
+                                setHasLoadedFirstPage(true);
+                                setIsLoading(false);
+                            },
+                        });
+                    }
+                }, filterOption: enableWordBoundarySearch ? (item, searchFilter) => {
+                    const r = (0, wordBoundariesRegex_1.default)(searchFilter || '');
+                    return r.test(item.label);
+                } : undefined }),
+            !readOnly && (react_1.default.createElement(AddNew_1.AddNewRelation, { ...{ path: pathOrName, hasMany, relationTo, value, setValue, dispatchOptions } })))),
+        errorLoading && (react_1.default.createElement("div", { className: `${baseClass}__error-loading` }, errorLoading)),
+        react_1.default.createElement(FieldDescription_1.default, { value: value, description: description })));
+};
+exports.default = (0, withCondition_1.default)(Relationship);
+//# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/Relationship/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Relationship/index.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/forms/field-types/Relationship/index.scss

@@ -0,0 +1,25 @@
+@import '../../../../scss/styles.scss';
+
+.field-type.relationship {
+  position: relative;
+  margin-bottom: $baseline;
+}
+
+.relationship {
+  &__wrap {
+    display: flex;
+    width: 100%;
+
+    div.react-select {
+      flex-grow: 1;
+    }
+  }
+
+  &__error-loading {
+    border: 1px solid var(--theme-error-500);
+    min-height: base(2);
+    padding: base(.5) base(.75);
+    background-color: var(--theme-error-500);
+    color: var(--theme-elevation-0);
+  }
+}

package/dist/admin/components/forms/field-types/Relationship/optionsReducer.d.ts

@@ -0,0 +1,3 @@
+import { Action, OptionGroup } from './types';
+declare const optionsReducer: (state: OptionGroup[], action: Action) => OptionGroup[];
+export default optionsReducer;

package/dist/admin/components/forms/field-types/Relationship/optionsReducer.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+const reduceToIDs = (options) => options.reduce((ids, option) => {
+    if (option.options) {
+        return [
+            ...ids,
+            ...reduceToIDs(option.options),
+        ];
+    }
+    return [
+        ...ids,
+        option.value,
+    ];
+}, []);
+const sortOptions = (options) => options.sort((a, b) => {
+    var _a, _b;
+    if (typeof ((_a = a === null || a === void 0 ? void 0 : a.label) === null || _a === void 0 ? void 0 : _a.localeCompare) === 'function' && typeof ((_b = b === null || b === void 0 ? void 0 : b.label) === null || _b === void 0 ? void 0 : _b.localeCompare) === 'function') {
+        return a.label.localeCompare(b.label);
+    }
+    return 0;
+});
+const optionsReducer = (state, action) => {
+    var _a;
+    switch (action.type) {
+        case 'CLEAR': {
+            return [];
+        }
+        case 'UPDATE': {
+            const { collection, doc, i18n } = action;
+            const relation = collection.slug;
+            const newOptions = [...state];
+            const labelKey = collection.admin.useAsTitle || 'id';
+            const foundOptionGroup = newOptions.find((optionGroup) => optionGroup.label === collection.labels.plural);
+            const foundOption = (_a = foundOptionGroup === null || foundOptionGroup === void 0 ? void 0 : foundOptionGroup.options) === null || _a === void 0 ? void 0 : _a.find((option) => option.value === doc.id);
+            if (foundOption) {
+                foundOption.label = doc[labelKey] || `${i18n.t('general:untitled')} - ID: ${doc.id}`;
+                foundOption.relationTo = relation;
+            }
+            return newOptions;
+        }
+        case 'ADD': {
+            const { collection, docs, sort, ids = [], i18n } = action;
+            const relation = collection.slug;
+            const labelKey = collection.admin.useAsTitle || 'id';
+            const loadedIDs = reduceToIDs(state);
+            const newOptions = [...state];
+            const optionsToAddTo = newOptions.find((optionGroup) => optionGroup.label === collection.labels.plural);
+            const newSubOptions = docs.reduce((docSubOptions, doc) => {
+                if (loadedIDs.indexOf(doc.id) === -1) {
+                    loadedIDs.push(doc.id);
+                    return [
+                        ...docSubOptions,
+                        {
+                            label: doc[labelKey] || `${i18n.t('general:untitled')} - ID: ${doc.id}`,
+                            relationTo: relation,
+                            value: doc.id,
+                        },
+                    ];
+                }
+                return docSubOptions;
+            }, []);
+            ids.forEach((id) => {
+                if (!loadedIDs.includes(id)) {
+                    newSubOptions.push({
+                        relationTo: relation,
+                        label: labelKey === 'id' ? id : `${i18n.t('general:untitled')} - ID: ${id}`,
+                        value: id,
+                    });
+                }
+            });
+            if (optionsToAddTo) {
+                const subOptions = [
+                    ...optionsToAddTo.options,
+                    ...newSubOptions,
+                ];
+                optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions;
+            }
+            else {
+                newOptions.push({
+                    label: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n),
+                    options: sort ? sortOptions(newSubOptions) : newSubOptions,
+                });
+            }
+            return newOptions;
+        }
+        default: {
+            return state;
+        }
+    }
+};
+exports.default = optionsReducer;
+//# sourceMappingURL=optionsReducer.js.map

package/dist/admin/components/forms/field-types/Relationship/optionsReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optionsReducer.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Relationship/optionsReducer.ts"],"names":[],"mappings":";;AACA,4EAAyE;AAEzE,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IAC9D,IAAI,MAAM,CAAC,OAAO,EAAE;QAClB,OAAO;YACL,GAAG,GAAG;YACN,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC;SAC/B,CAAC;KACH;IAED,OAAO;QACL,GAAG,GAAG;QACN,MAAM,CAAC,KAAK;KACb,CAAC;AACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AAEP,MAAM,WAAW,GAAG,CAAC,OAAiB,EAAY,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;;IACzF,IAAI,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,0CAAE,aAAa,CAAA,KAAK,UAAU,IAAI,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,0CAAE,aAAa,CAAA,KAAK,UAAU,EAAE;QAClG,OAAO,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;KACvC;IAED,OAAO,CAAC,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,MAAc,EAAiB,EAAE;;IAC7E,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,OAAO,CAAC,CAAC;YACZ,OAAO,EAAE,CAAC;SACX;QAED,KAAK,QAAQ,CAAC,CAAC;YACb,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;YACzC,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC;YACjC,MAAM,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;YAC9B,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC;YACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,KAAK,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC1G,MAAM,WAAW,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,0CAAE,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;YAEzF,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,KAAK,GAAG,GAAG,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,GAAG,CAAC,EAAE,EAAE,CAAC;gBACrF,WAAW,CAAC,UAAU,GAAG,QAAQ,CAAC;aACnC;YAED,OAAO,UAAU,CAAC;SACnB;QAED,KAAK,KAAK,CAAC,CAAC;YACV,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;YAC1D,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC;YACjC,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC;YACrD,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;YACrC,MAAM,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;YAC9B,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,KAAK,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAExG,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,GAAG,EAAE,EAAE;gBACvD,IAAI,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE;oBACpC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;oBAEvB,OAAO;wBACL,GAAG,aAAa;wBAChB;4BACE,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,GAAG,CAAC,EAAE,EAAE;4BACvE,UAAU,EAAE,QAAQ;4BACpB,KAAK,EAAE,GAAG,CAAC,EAAE;yBACd;qBACF,CAAC;iBACH;gBAED,OAAO,aAAa,CAAC;YACvB,CAAC,EAAE,EAAE,CAAC,CAAC;YAEP,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;gBACjB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;oBAC3B,aAAa,CAAC,IAAI,CAAC;wBACjB,UAAU,EAAE,QAAQ;wBACpB,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,EAAE,EAAE;wBAC3E,KAAK,EAAE,EAAE;qBACV,CAAC,CAAC;iBACJ;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,cAAc,EAAE;gBAClB,MAAM,UAAU,GAAG;oBACjB,GAAG,cAAc,CAAC,OAAO;oBACzB,GAAG,aAAa;iBACjB,CAAC;gBAEF,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;aACtE;iBAAM;gBACL,UAAU,CAAC,IAAI,CAAC;oBACd,KAAK,EAAE,IAAA,+BAAc,EAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC;oBACrD,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa;iBAC3D,CAAC,CAAC;aACJ;YAED,OAAO,UAAU,CAAC;SACnB;QAGD,OAAO,CAAC,CAAC;YACP,OAAO,KAAK,CAAC;SACd;KACF;AACH,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/dist/admin/components/forms/field-types/Relationship/select-components/MultiValueLabel/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MultiValueProps } from 'react-select';
+import { Option } from '../../types';
+import './index.scss';
+export declare const MultiValueLabel: React.FC<MultiValueProps<Option>>;

package/dist/admin/components/forms/field-types/Relationship/select-components/MultiValueLabel/index.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiValueLabel = void 0;
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const react_select_1 = require("react-select");
+const DocumentDrawer_1 = require("../../../../../elements/DocumentDrawer");
+const Tooltip_1 = __importDefault(require("../../../../../elements/Tooltip"));
+const Edit_1 = __importDefault(require("../../../../../icons/Edit"));
+const Auth_1 = require("../../../../../utilities/Auth");
+require("./index.scss");
+const baseClass = 'relationship--multi-value-label';
+const MultiValueLabel = (props) => {
+    var _a, _b, _c;
+    const { data: { value, relationTo, label, }, selectProps: { setDrawerIsOpen, draggableProps, onSave, }, } = props;
+    const { permissions } = (0, Auth_1.useAuth)();
+    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    const hasReadPermission = Boolean((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[relationTo]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission);
+    const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = (0, DocumentDrawer_1.useDocumentDrawer)({
+        id: value === null || value === void 0 ? void 0 : value.toString(),
+        collectionSlug: relationTo,
+    });
+    (0, react_1.useEffect)(() => {
+        if (typeof setDrawerIsOpen === 'function')
+            setDrawerIsOpen(isDrawerOpen);
+    }, [isDrawerOpen, setDrawerIsOpen]);
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("div", { className: `${baseClass}__content` },
+            react_1.default.createElement(react_select_1.components.MultiValueLabel, { ...props, innerProps: {
+                    className: `${baseClass}__text`,
+                    ...draggableProps || {},
+                } })),
+        relationTo && hasReadPermission && (react_1.default.createElement(react_1.Fragment, null,
+            react_1.default.createElement(DocumentDrawerToggler, { className: `${baseClass}__drawer-toggler`, "aria-label": `Edit ${label}`, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: () => setShowTooltip(false) },
+                react_1.default.createElement(Tooltip_1.default, { className: `${baseClass}__tooltip`, show: showTooltip }, t('editLabel', { label: '' })),
+                react_1.default.createElement(Edit_1.default, null)),
+            react_1.default.createElement(DocumentDrawer, { onSave: onSave })))));
+};
+exports.MultiValueLabel = MultiValueLabel;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/Relationship/select-components/MultiValueLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/admin/components/forms/field-types/Relationship/select-components/MultiValueLabel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6D;AAC7D,iDAA+C;AAC/C,+CAA2D;AAC3D,2EAA2E;AAC3E,8EAAsD;AACtD,qEAA6C;AAC7C,wDAAwD;AAExD,wBAAsB;AAEtB,MAAM,SAAS,GAAG,iCAAiC,CAAC;AAE7C,MAAM,eAAe,GAAsC,CAAC,KAAK,EAAE,EAAE;;IAC1E,MAAM,EACJ,IAAI,EAAE,EACJ,KAAK,EACL,UAAU,EACV,KAAK,GACN,EACD,WAAW,EAAE,EACX,eAAe,EACf,cAAc,EACd,MAAM,GACP,GACF,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,cAAO,GAAE,CAAC;IAClC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,SAAS,CAAC,CAAC;IACxC,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,0CAAG,UAAU,CAAC,0CAAE,IAAI,0CAAE,UAAU,CAAC,CAAC;IAE5F,MAAM,CAAC,cAAc,EAAE,qBAAqB,EAAE,EAAE,YAAY,EAAE,CAAC,GAAG,IAAA,kCAAiB,EAAC;QAClF,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE;QACrB,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,eAAe,KAAK,UAAU;YAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACvB,uCAAK,SAAS,EAAE,GAAG,SAAS,WAAW;YACrC,8BAAC,yBAAU,CAAC,eAAe,OACrB,KAAK,EACT,UAAU,EAAE;oBACV,SAAS,EAAE,GAAG,SAAS,QAAQ;oBAC/B,GAAG,cAAc,IAAI,EAAE;iBACxB,GACD,CACE;QACL,UAAU,IAAI,iBAAiB,IAAI,CAClC,8BAAC,gBAAQ;YACP,8BAAC,qBAAqB,IACpB,SAAS,EAAE,GAAG,SAAS,kBAAkB,gBAC7B,QAAQ,KAAK,EAAE,EAC3B,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EACxC,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC;gBAEpC,8BAAC,iBAAO,IACN,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,IAAI,EAAE,WAAW,IAEhB,CAAC,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACtB;gBACV,8BAAC,cAAI,OAAG,CACc;YACxB,8BAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,CACzB,CACZ,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,eAAe,mBA6D1B"}

package/dist/admin/components/forms/field-types/Relationship/select-components/MultiValueLabel/index.scss

@@ -0,0 +1,37 @@
+@import '../../../../../../scss/styles.scss';
+
+.relationship--multi-value-label {
+  display: flex;
+
+  &__content {
+    @extend %small;
+    padding: 0 base(.125) 0 base(.25);
+    max-width: 150px;
+    color: currentColor;
+    display: flex;
+    align-items: center;
+  }
+
+  &__text {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  &__drawer-toggler {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: base(0.25);
+
+    .icon {
+      width: base(0.75);
+      height: base(0.75);
+    }
+
+    &:hover {
+      background-color: var(--theme-elevation-100);
+    }
+  }
+}

package/dist/admin/components/forms/field-types/Relationship/select-components/SingleValue/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SingleValueProps } from 'react-select';
+import { Option } from '../../types';
+import './index.scss';
+export declare const SingleValue: React.FC<SingleValueProps<Option>>;