@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useReferences.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["executeSearch","params","setLoading","setError","setEntries","client","values","query","LIST_LATEST_CONTENT_ENTRIES","variables","entries","map","value","id","modelId","result","error","data","message","reduce","collection","entry","entryId","useReferences","initialValues","perPage","useApolloClient","useState","loading","hash","setHash","currentPage","setCurrentPage","pages","useMemo","Array","isArray","lodashChunk","parseIdentifier","entriesToLoad","toLoad","p","page","length","push","filter","item","useEffect","sort","join","window","crypto","subtle","digest","TextEncoder","encode","then","encoded","decoded","TextDecoder","decode","items","prev","loadMore","useCallback","nextPage","loadedEntries"],"sources":["useReferences.ts"],"sourcesContent":["import ApolloClient from \"apollo-client\";\nimport lodashChunk from \"lodash/chunk\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue as BaseCmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport {\n    LIST_LATEST_CONTENT_ENTRIES,\n    ListLatestCmsEntriesResponse,\n    ListLatestCmsEntriesVariables\n} from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ninterface ExecuteSearchParams {\n    setLoading: (loading: boolean) => void;\n    setError: (error: string | undefined | null) => void;\n    setEntries: (entries: Record<string, CmsReferenceContentEntry>) => void;\n    client: ApolloClient<any>;\n    values: CmsReferenceValue[];\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, values } = params;\n    setLoading(true);\n    try {\n        const result = await client.query<\n            ListLatestCmsEntriesResponse,\n            ListLatestCmsEntriesVariables\n        >({\n            query: LIST_LATEST_CONTENT_ENTRIES,\n            variables: {\n                entries: values.map(value => {\n                    return {\n                        id: value.id,\n                        modelId: value.modelId\n                    };\n                })\n            }\n        });\n        const error = result.data.entries?.error;\n        if (error) {\n            setError(error.message);\n            return;\n        }\n        const entries = result.data.entries.data.reduce<Record<string, CmsReferenceContentEntry>>(\n            (collection, entry) => {\n                collection[entry.entryId] = entry;\n                return collection;\n            },\n            {}\n        );\n        setError(null);\n        setEntries(entries);\n    } catch (ex) {\n        setError(ex.message);\n    } finally {\n        setLoading(false);\n    }\n};\n\ninterface CmsReferenceValue extends BaseCmsReferenceValue {\n    entryId: string;\n}\n\ninterface UseReferencesParams {\n    values?: BaseCmsReferenceValue[] | BaseCmsReferenceValue | null;\n    perPage?: number;\n}\n\nexport const useReferences = ({ values: initialValues, perPage = 10 }: UseReferencesParams) => {\n    const client = useApolloClient();\n    const [entries, setEntries] = useState<Record<string, CmsReferenceContentEntry>>({});\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | undefined | null>(null);\n    const [hash, setHash] = useState<string | null>(null);\n    const [currentPage, setCurrentPage] = useState<number>(0);\n    const pages = useMemo(() => {\n        const values = Array.isArray(initialValues)\n            ? initialValues\n            : initialValues\n            ? [initialValues]\n            : [];\n        return lodashChunk<CmsReferenceValue>(\n            values.map(value => {\n                const { id: entryId } = parseIdentifier(value.id);\n                return {\n                    ...value,\n                    entryId\n                };\n            }),\n            perPage\n        );\n    }, [initialValues, perPage]);\n\n    const entriesToLoad = useMemo(() => {\n        /**\n         * We need to make sure that all the previous page entries are loaded\n         * And we add the current page entries to the list.\n         */\n        const toLoad: CmsReferenceValue[] = [];\n        for (let p = 0; p <= currentPage; p++) {\n            const page = pages[p];\n            if (!page || page.length === 0) {\n                return toLoad;\n            }\n            toLoad.push(\n                ...page.filter(item => {\n                    return !entries[item.entryId];\n                })\n            );\n        }\n        return toLoad;\n    }, [pages, currentPage]);\n\n    useEffect(() => {\n        if (entriesToLoad.length === 0) {\n            return;\n        }\n        const value = entriesToLoad\n            .map(item => {\n                return item.id;\n            })\n            .sort()\n            .join(\"-\");\n        if (value.length === 0) {\n            return;\n        }\n        /**\n         * If there is no crypto.subtle, lets skip this - but at this point the hash will be enormous.\n         */\n        if (!window.crypto?.subtle) {\n            if (hash === value) {\n                return;\n            }\n            setHash(value);\n            return;\n        }\n\n        window.crypto.subtle.digest(\"SHA-1\", new TextEncoder().encode(value)).then(encoded => {\n            const decoded = new TextDecoder().decode(encoded);\n            if (hash === decoded) {\n                return;\n            }\n            setHash(decoded);\n        });\n    }, [entriesToLoad]);\n\n    useEffect(() => {\n        if (!hash || entriesToLoad.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            values: entriesToLoad,\n            setLoading,\n            setError,\n            setEntries: items => {\n                setEntries(prev => {\n                    return {\n                        ...prev,\n                        ...items\n                    };\n                });\n            }\n        });\n    }, [hash]);\n\n    const loadMore = useCallback(() => {\n        const nextPage = currentPage + 1;\n        if (!pages[nextPage] || pages[nextPage].length === 0) {\n            return;\n        }\n        setCurrentPage(nextPage);\n    }, [pages, currentPage]);\n\n    /**\n     * This variable contains all the pages with entries, up to the current page, which is inlcuded.\n     */\n    const loadedEntries = useMemo<CmsReferenceContentEntry[]>(() => {\n        const collection: CmsReferenceContentEntry[] = [];\n        for (let page = 0; page <= currentPage; page++) {\n            const items = pages[page] || [];\n            for (const item of items) {\n                const entry = entries[item.entryId];\n                if (!entry) {\n                    continue;\n                }\n                collection.push(entry);\n            }\n        }\n        return collection;\n    }, [currentPage, entries, pages]);\n\n    return {\n        loading,\n        entries: loadedEntries,\n        error,\n        loadMore\n    };\n};\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/advanced/index.d.ts

@@ -0,0 +1 @@
+export declare const createAdvancedRefRender: () => import("../../../../../types").CmsEditorFieldRendererPlugin[];

package/admin/plugins/fieldRenderers/ref/advanced/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAdvancedRefRender = void 0;
+var _detailedReferenceRenderer = require("./detailedReferenceRenderer");
+var _detailedReferencesRenderer = require("./detailedReferencesRenderer");
+var createAdvancedRefRender = function createAdvancedRefRender() {
+  return [(0, _detailedReferenceRenderer.createAdvancedSingleRenderer)(), (0, _detailedReferencesRenderer.createAdvancedMultipleRenderer)()];
+};
+exports.createAdvancedRefRender = createAdvancedRefRender;

package/admin/plugins/fieldRenderers/ref/advanced/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createAdvancedRefRender","createAdvancedSingleRenderer","createAdvancedMultipleRenderer"],"sources":["index.ts"],"sourcesContent":["import { createAdvancedSingleRenderer } from \"~/admin/plugins/fieldRenderers/ref/advanced/detailedReferenceRenderer\";\nimport { createAdvancedMultipleRenderer } from \"~/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer\";\n\nexport const createAdvancedRefRender = () => {\n    return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EACzC,OAAO,CAAC,IAAAC,uDAA4B,GAAE,EAAE,IAAAC,0DAA8B,GAAE,CAAC;AAC7E,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesAutocomplete.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { CmsEditorField } from "../../../../../types";
+import { CmsModelField } from "../../../../../types";
 import { BindComponentRenderProp } from "@webiny/form";
 interface ContentEntriesAutocompleteProps {
     bind: BindComponentRenderProp;
-    field: CmsEditorField;
+    field: CmsModelField;
 }
 declare const ContentEntriesAutocomplete: React.FC<ContentEntriesAutocompleteProps>;
 export default ContentEntriesAutocomplete;

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesAutocomplete.js

@@ -1,76 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _NewRefEntryFormDialog = _interopRequireWildcard(require("./NewRefEntryFormDialog"));
-
 var _AutoComplete = require("@webiny/ui/AutoComplete");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _reactRouter = require("@webiny/react-router");
-
 var _useNewRefEntry2 = require("../hooks/useNewRefEntry");
-
 var _useReference2 = require("./useReference");
-
 var _renderItem = require("./renderItem");
-
 var _createEntryUrl = require("./createEntryUrl");
-
 var _EntryStatus = require("./EntryStatus");
-
 var _utils = require("@webiny/utils");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-
 var unpublishedLabel = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry."])));
 var publishedLabel = t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Selected content entry is published. You can view it {here}."])));
-
 var getItemOption = function getItemOption(options, id) {
   if (!id || !options || options.length === 0) {
     return null;
   }
-
   var _parseIdentifier = (0, _utils.parseIdentifier)(id),
-      entryId = _parseIdentifier.id;
-
+    entryId = _parseIdentifier.id;
   return options.find(function (item) {
     return item.entryId === entryId;
   }) || null;
 };
-
 var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
   var bind = _ref.bind,
-      field = _ref.field;
-
+    field = _ref.field;
   var _useReference = (0, _useReference2.useReference)({
-    bind: bind,
-    field: field
-  }),
-      options = _useReference.options,
-      setSearch = _useReference.setSearch,
-      value = _useReference.value,
-      loading = _useReference.loading,
-      _onChange = _useReference.onChange;
-
+      bind: bind,
+      field: field
+    }),
+    options = _useReference.options,
+    setSearch = _useReference.setSearch,
+    value = _useReference.value,
+    loading = _useReference.loading,
+    _onChange = _useReference.onChange;
   var entryInfo = null;
-
   if (value && !value.published) {
     var link = (0, _createEntryUrl.createEntryUrl)(value);
     entryInfo = unpublishedLabel({
@@ -80,26 +55,22 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
     });
   } else if (value) {
     var _link = (0, _createEntryUrl.createEntryUrl)(value);
-
     entryInfo = publishedLabel({
       here: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
         to: _link
       }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["here"]))))
     });
   }
-
   var _useNewRefEntry = (0, _useNewRefEntry2.useNewRefEntry)({
-    field: field
-  }),
-      renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
-      refModelId = _useNewRefEntry.refModelId,
-      helpText = _useNewRefEntry.helpText;
-
+      field: field
+    }),
+    renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
+    refModelId = _useNewRefEntry.refModelId,
+    helpText = _useNewRefEntry.helpText;
   var item = getItemOption(options, bind.value ? bind.value.id : null);
   /*
    * Wrap AutoComplete input in NewRefEntry modal.
    */
-
   if (renderNewEntryModal) {
     return /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.default, {
       modelId: refModelId,
@@ -128,7 +99,6 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
       noResultFound: /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.NewEntryButton, null)
     })));
   }
-
   return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, bind, {
     renderItem: _renderItem.renderItem,
     onChange: _onChange,
@@ -145,6 +115,5 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
     noResultFound: helpText
   }));
 };
-
 var _default = ContentEntriesAutocomplete;
 exports.default = _default;

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","unpublishedLabel","publishedLabel","getItemOption","options","id","length","parseIdentifier","entryId","find","item","ContentEntriesAutocomplete","bind","field","useReference","setSearch","value","loading","onChange","entryInfo","published","link","createEntryUrl","publishItLink","here","useNewRefEntry","renderNewEntryModal","refModelId","helpText","entry","renderItem","undefined","label","debounce","search"],"sources":["ContentEntriesAutocomplete.tsx"],"sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Link } from \"@webiny/react-router\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { useReference } from \"./useReference\";\nimport { renderItem } from \"./renderItem\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\nconst getItemOption = (options: OptionItem[], id?: string | null): OptionItem | null => {\n    if (!id || !options || options.length === 0) {\n        return null;\n    }\n    const { id: entryId } = parseIdentifier(id);\n    return options.find(item => item.entryId === entryId) || null;\n};\n\ninterface ContentEntriesAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsEditorField;\n}\nconst ContentEntriesAutocomplete: React.FC<ContentEntriesAutocompleteProps> = ({ bind, field }) => {\n    const { options, setSearch, value, loading, onChange } = useReference({\n        bind,\n        field\n    });\n\n    let entryInfo: string | null = null;\n    if (value && !value.published) {\n        const link = createEntryUrl(value);\n        entryInfo = unpublishedLabel({ publishItLink: <Link to={link}>{t`publish it`}</Link> });\n    } else if (value) {\n        const link = createEntryUrl(value);\n        entryInfo = publishedLabel({\n            here: <Link to={link}>{t`here`}</Link>\n        });\n    }\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n    const item = getItemOption(options, bind.value ? bind.value.id : null);\n    /*\n     * Wrap AutoComplete input in NewRefEntry modal.\n     */\n    if (renderNewEntryModal) {\n        return (\n            <NewRefEntryFormDialog\n                modelId={refModelId}\n                onChange={entry => {\n                    /**\n                     * TODO @ts-refactor @ashutosh\n                     * Need to figure out correct types.\n                     */\n                    // @ts-ignore\n                    return onChange(entry, entry);\n                }}\n            >\n                <AutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    onChange={onChange}\n                    loading={loading}\n                    value={value || undefined}\n                    options={options}\n                    label={field.label}\n                    data-testid={`fr.input.autocomplete.${field.label}`}\n                    description={\n                        <>\n                            {field.helpText}\n                            <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                        </>\n                    }\n                    onInput={debounce(search => setSearch(search), 250)}\n                    noResultFound={<NewEntryButton />}\n                />\n            </NewRefEntryFormDialog>\n        );\n    }\n\n    return (\n        <AutoComplete\n            {...bind}\n            renderItem={renderItem}\n            onChange={onChange}\n            loading={loading}\n            value={value || undefined}\n            options={options}\n            label={field.label}\n            description={\n                <>\n                    {field.helpText}\n                    <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                </>\n            }\n            onInput={debounce(search => setSearch(search), 250)}\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesAutocomplete;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","unpublishedLabel","publishedLabel","getItemOption","options","id","length","parseIdentifier","entryId","find","item","ContentEntriesAutocomplete","bind","field","useReference","setSearch","value","loading","onChange","entryInfo","published","link","createEntryUrl","publishItLink","here","useNewRefEntry","renderNewEntryModal","refModelId","helpText","entry","renderItem","undefined","label","debounce","search"],"sources":["ContentEntriesAutocomplete.tsx"],"sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Link } from \"@webiny/react-router\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { useReference } from \"./useReference\";\nimport { renderItem } from \"./renderItem\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\nconst getItemOption = (options: OptionItem[], id?: string | null): OptionItem | null => {\n    if (!id || !options || options.length === 0) {\n        return null;\n    }\n    const { id: entryId } = parseIdentifier(id);\n    return options.find(item => item.entryId === entryId) || null;\n};\n\ninterface ContentEntriesAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesAutocomplete: React.FC<ContentEntriesAutocompleteProps> = ({ bind, field }) => {\n    const { options, setSearch, value, loading, onChange } = useReference({\n        bind,\n        field\n    });\n\n    let entryInfo: string | null = null;\n    if (value && !value.published) {\n        const link = createEntryUrl(value);\n        entryInfo = unpublishedLabel({ publishItLink: <Link to={link}>{t`publish it`}</Link> });\n    } else if (value) {\n        const link = createEntryUrl(value);\n        entryInfo = publishedLabel({\n            here: <Link to={link}>{t`here`}</Link>\n        });\n    }\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n    const item = getItemOption(options, bind.value ? bind.value.id : null);\n    /*\n     * Wrap AutoComplete input in NewRefEntry modal.\n     */\n    if (renderNewEntryModal) {\n        return (\n            <NewRefEntryFormDialog\n                modelId={refModelId}\n                onChange={entry => {\n                    /**\n                     * TODO @ts-refactor @ashutosh\n                     * Need to figure out correct types.\n                     */\n                    // @ts-ignore\n                    return onChange(entry, entry);\n                }}\n            >\n                <AutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    onChange={onChange}\n                    loading={loading}\n                    value={value || undefined}\n                    options={options}\n                    label={field.label}\n                    data-testid={`fr.input.autocomplete.${field.label}`}\n                    description={\n                        <>\n                            {field.helpText}\n                            <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                        </>\n                    }\n                    onInput={debounce(search => setSearch(search), 250)}\n                    noResultFound={<NewEntryButton />}\n                />\n            </NewRefEntryFormDialog>\n        );\n    }\n\n    return (\n        <AutoComplete\n            {...bind}\n            renderItem={renderItem}\n            onChange={onChange}\n            loading={loading}\n            value={value || undefined}\n            options={options}\n            label={field.label}\n            description={\n                <>\n                    {field.helpText}\n                    <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                </>\n            }\n            onInput={debounce(search => setSearch(search), 250)}\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesAutocomplete;\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesMultiAutoComplete.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { CmsEditorField } from "../../../../../types";
+import { CmsModelField } from "../../../../../types";
 import { BindComponentRenderProp } from "@webiny/form";
 interface ContentEntriesMultiAutocompleteProps {
     bind: BindComponentRenderProp;
-    field: CmsEditorField;
+    field: CmsModelField;
 }
 declare const ContentEntriesMultiAutocomplete: React.FC<ContentEntriesMultiAutocompleteProps>;
 export default ContentEntriesMultiAutocomplete;

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesMultiAutoComplete.js

@@ -1,98 +1,73 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _AutoComplete = require("@webiny/ui/AutoComplete");
-
 var _reactRouter = require("@webiny/react-router");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _useReferences2 = require("./useReferences");
-
 var _renderItem = require("./renderItem");
-
 var _NewRefEntryFormDialog = _interopRequireWildcard(require("./NewRefEntryFormDialog"));
-
 var _useNewRefEntry2 = require("../hooks/useNewRefEntry");
-
 var _templateObject;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-
 var warn = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Before publishing the main content entry, make sure you publish the following referenced entries: {entries}"])));
-
 var ContentEntriesMultiAutocomplete = function ContentEntriesMultiAutocomplete(_ref) {
   var bind = _ref.bind,
-      field = _ref.field;
-
+    field = _ref.field;
   var _useReferences = (0, _useReferences2.useReferences)({
-    bind: bind,
-    field: field
-  }),
-      options = _useReferences.options,
-      setSearch = _useReferences.setSearch,
-      entries = _useReferences.entries,
-      loading = _useReferences.loading,
-      onChange = _useReferences.onChange;
-
+      bind: bind,
+      field: field
+    }),
+    options = _useReferences.options,
+    setSearch = _useReferences.setSearch,
+    entries = _useReferences.entries,
+    loading = _useReferences.loading,
+    onChange = _useReferences.onChange;
   var _useNewRefEntry = (0, _useNewRefEntry2.useNewRefEntry)({
-    field: field
-  }),
-      renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
-      refModelId = _useNewRefEntry.refModelId,
-      helpText = _useNewRefEntry.helpText;
-
+      field: field
+    }),
+    renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
+    refModelId = _useNewRefEntry.refModelId,
+    helpText = _useNewRefEntry.helpText;
   var entryWarning = function entryWarning(entry, index) {
     var id = entry.id,
-        modelId = entry.modelId,
-        name = entry.name,
-        published = entry.published;
-
+      modelId = entry.modelId,
+      name = entry.name,
+      published = entry.published;
     if (published) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: id
     }, index > 0 && ", ", /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
       to: "/cms/content-entries/".concat(modelId, "?id=").concat(encodeURIComponent(id))
     }, name));
   };
-
   var warning = entries.filter(function (item) {
     return !item.published;
   });
-
   if (warning.length > 0) {
     warning = warn({
       entries: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, warning.map(entryWarning))
     });
   }
-
-  var refEntryOnChange = (0, _react.useCallback)( // TODO @ts-refactor figure out which type is this
+  var refEntryOnChange = (0, _react.useCallback)(
+  // TODO @ts-refactor figure out which type is this
   function (value) {
     /**
      * Append new selected entry at the end of existing entries.
      */
     onChange([].concat((0, _toConsumableArray2.default)(entries), [value]));
   }, [onChange, entries]);
-
   if (renderNewEntryModal) {
     return /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.default, {
       modelId: refModelId,
@@ -112,7 +87,6 @@ var ContentEntriesMultiAutocomplete = function ContentEntriesMultiAutocomplete(_
       noResultFound: /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.NewEntryButton, null)
     })));
   }
-
   return /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
     renderItem: _renderItem.renderItem,
     renderListItemLabel: _renderItem.renderItem,
@@ -128,6 +102,5 @@ var ContentEntriesMultiAutocomplete = function ContentEntriesMultiAutocomplete(_
     noResultFound: helpText
   }));
 };
-
 var _default = ContentEntriesMultiAutocomplete;
 exports.default = _default;

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesMultiAutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","warn","ContentEntriesMultiAutocomplete","bind","field","useReferences","options","setSearch","entries","loading","onChange","useNewRefEntry","renderNewEntryModal","refModelId","helpText","entryWarning","entry","index","id","modelId","name","published","encodeURIComponent","warning","filter","item","length","map","refEntryOnChange","useCallback","value","renderItem","renderListItemOptions","label","debounce"],"sources":["ContentEntriesMultiAutoComplete.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { Link } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useReferences } from \"./useReferences\";\nimport { renderItem, renderListItemOptions } from \"./renderItem\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { OptionItem } from \"./types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;\n\ninterface ContentEntriesMultiAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsEditorField;\n}\nconst ContentEntriesMultiAutocomplete: React.FC<ContentEntriesMultiAutocompleteProps> = ({\n    bind,\n    field\n}) => {\n    const { options, setSearch, entries, loading, onChange } = useReferences({ bind, field });\n\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n    const entryWarning = (entry: OptionItem, index: number): React.ReactElement | null => {\n        const { id, modelId, name, published } = entry;\n        if (published) {\n            return null;\n        }\n        return (\n            <React.Fragment key={id}>\n                {index > 0 && \", \"}\n                <Link to={`/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`}>\n                    {name}\n                </Link>\n            </React.Fragment>\n        );\n    };\n\n    let warning = entries.filter(item => !item.published);\n    if (warning.length > 0) {\n        warning = warn({\n            entries: <>{warning.map(entryWarning)}</>\n        });\n    }\n\n    const refEntryOnChange = useCallback(\n        // TODO @ts-refactor figure out which type is this\n        value => {\n            /**\n             * Append new selected entry at the end of existing entries.\n             */\n            onChange([...entries, value]);\n        },\n        [onChange, entries]\n    );\n\n    if (renderNewEntryModal) {\n        return (\n            <NewRefEntryFormDialog modelId={refModelId} onChange={refEntryOnChange}>\n                <MultiAutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    renderListItemLabel={renderItem}\n                    renderListItemOptions={renderListItemOptions}\n                    useMultipleSelectionList\n                    onChange={onChange}\n                    loading={loading}\n                    value={entries}\n                    options={options}\n                    label={field.label}\n                    onInput={debounce(setSearch, 250)}\n                    description={\n                        <>\n                            {field.helpText}\n                            {warning}\n                        </>\n                    }\n                    noResultFound={<NewEntryButton />}\n                />\n            </NewRefEntryFormDialog>\n        );\n    }\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            renderItem={renderItem}\n            renderListItemLabel={renderItem}\n            renderListItemOptions={renderListItemOptions}\n            useMultipleSelectionList\n            onChange={onChange}\n            loading={loading}\n            value={entries}\n            options={options}\n            label={field.label}\n            onInput={debounce(setSearch, 250)}\n            description={\n                <>\n                    {field.helpText}\n                    {warning}\n                </>\n            }\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesMultiAutocomplete;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","warn","ContentEntriesMultiAutocomplete","bind","field","useReferences","options","setSearch","entries","loading","onChange","useNewRefEntry","renderNewEntryModal","refModelId","helpText","entryWarning","entry","index","id","modelId","name","published","encodeURIComponent","warning","filter","item","length","map","refEntryOnChange","useCallback","value","renderItem","renderListItemOptions","label","debounce"],"sources":["ContentEntriesMultiAutoComplete.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { Link } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useReferences } from \"./useReferences\";\nimport { renderItem, renderListItemOptions } from \"./renderItem\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { OptionItem } from \"./types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;\n\ninterface ContentEntriesMultiAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesMultiAutocomplete: React.FC<ContentEntriesMultiAutocompleteProps> = ({\n    bind,\n    field\n}) => {\n    const { options, setSearch, entries, loading, onChange } = useReferences({ bind, field });\n\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n    const entryWarning = (entry: OptionItem, index: number): React.ReactElement | null => {\n        const { id, modelId, name, published } = entry;\n        if (published) {\n            return null;\n        }\n        return (\n            <React.Fragment key={id}>\n                {index > 0 && \", \"}\n                <Link to={`/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`}>\n                    {name}\n                </Link>\n            </React.Fragment>\n        );\n    };\n\n    let warning = entries.filter(item => !item.published);\n    if (warning.length > 0) {\n        warning = warn({\n            entries: <>{warning.map(entryWarning)}</>\n        });\n    }\n\n    const refEntryOnChange = useCallback(\n        // TODO @ts-refactor figure out which type is this\n        value => {\n            /**\n             * Append new selected entry at the end of existing entries.\n             */\n            onChange([...entries, value]);\n        },\n        [onChange, entries]\n    );\n\n    if (renderNewEntryModal) {\n        return (\n            <NewRefEntryFormDialog modelId={refModelId} onChange={refEntryOnChange}>\n                <MultiAutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    renderListItemLabel={renderItem}\n                    renderListItemOptions={renderListItemOptions}\n                    useMultipleSelectionList\n                    onChange={onChange}\n                    loading={loading}\n                    value={entries}\n                    options={options}\n                    label={field.label}\n                    onInput={debounce(setSearch, 250)}\n                    description={\n                        <>\n                            {field.helpText}\n                            {warning}\n                        </>\n                    }\n                    noResultFound={<NewEntryButton />}\n                />\n            </NewRefEntryFormDialog>\n        );\n    }\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            renderItem={renderItem}\n            renderListItemLabel={renderItem}\n            renderListItemOptions={renderListItemOptions}\n            useMultipleSelectionList\n            onChange={onChange}\n            loading={loading}\n            value={entries}\n            options={options}\n            label={field.label}\n            onInput={debounce(setSearch, 250)}\n            description={\n                <>\n                    {field.helpText}\n                    {warning}\n                </>\n            }\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesMultiAutocomplete;\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/components/EntryStatus.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EntryStatus = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _helpers = require("./helpers");
-
 var _Tooltip = require("@webiny/ui/Tooltip");
-
 var _published = require("../../../../icons/published.svg");
-
 var _unpublished = require("../../../../icons/unpublished.svg");
-
 var _draft = require("../../../../icons/draft.svg");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var EntryStatusText = /*#__PURE__*/(0, _styled.default)("div", {
   target: "ermydxe0",
   label: "EntryStatusText"
@@ -42,18 +33,15 @@ var EntryStatusTooltip = /*#__PURE__*/(0, _styled.default)("div", {
   width: "30px",
   verticalAlign: "middle"
 });
-
 var EntryStatus = function EntryStatus(props) {
   var item = props.item,
-      children = props.children,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? "bottom" : _props$placement,
-      className = props.className;
-
+    children = props.children,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? "bottom" : _props$placement,
+    className = props.className;
   if (!item) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
   }
-
   var status = (0, _helpers.getEntryStatus)(item);
   var tooltipText = (0, _helpers.getItemStatusText)(item);
   var published = status === "published";
@@ -65,5 +53,4 @@ var EntryStatus = function EntryStatus(props) {
     placement: placement
   }, published && /*#__PURE__*/_react.default.createElement(_published.ReactComponent, null), unpublished && /*#__PURE__*/_react.default.createElement(_unpublished.ReactComponent, null), !published && !unpublished && /*#__PURE__*/_react.default.createElement(_draft.ReactComponent, null))), children && /*#__PURE__*/_react.default.createElement(EntryStatusText, null, children));
 };
-
 exports.EntryStatus = EntryStatus;

package/admin/plugins/fieldRenderers/ref/components/EntryStatus.js.map

@@ -1 +1 @@
-{"version":3,"names":["EntryStatusText","styled","display","verticalAlign","EntryStatusWrapper","EntryStatusTooltip","width","EntryStatus","props","item","children","placement","className","status","getEntryStatus","tooltipText","getItemStatusText","published","unpublished"],"sources":["EntryStatus.tsx"],"sourcesContent":["import { OptionItem } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport React from \"react\";\nimport {\n    getEntryStatus,\n    getItemStatusText\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\nimport { Tooltip, TooltipProps } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as PublishedIcon } from \"~/admin/icons/published.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"~/admin/icons/unpublished.svg\";\nimport { ReactComponent as DraftIcon } from \"~/admin/icons/draft.svg\";\nimport styled from \"@emotion/styled\";\n\nconst EntryStatusText = styled(\"div\")({\n    display: \"table-cell\",\n    verticalAlign: \"middle\"\n});\n\nconst EntryStatusWrapper = styled(\"div\")({\n    display: \"table\"\n});\nconst EntryStatusTooltip = styled(\"div\")({\n    display: \"table-cell\",\n    width: \"30px\",\n    verticalAlign: \"middle\"\n});\n\ninterface EntryStatusProps {\n    item: OptionItem | null;\n    placement?: TooltipProps[\"placement\"];\n    className?: string;\n}\nexport const EntryStatus: React.FC<EntryStatusProps> = props => {\n    const { item, children, placement = \"bottom\", className } = props;\n    if (!item) {\n        return <>{children}</>;\n    }\n    const status = getEntryStatus(item);\n    const tooltipText = getItemStatusText(item);\n\n    const published = status === \"published\";\n    const unpublished = status === \"unpublished\";\n    return (\n        <EntryStatusWrapper className={className}>\n            <EntryStatusTooltip>\n                <Tooltip content={tooltipText} placement={placement}>\n                    {published && <PublishedIcon />}\n                    {unpublished && <UnpublishedIcon />}\n                    {!published && !unpublished && <DraftIcon />}\n                </Tooltip>\n            </EntryStatusTooltip>\n            {children && <EntryStatusText>{children}</EntryStatusText>}\n        </EntryStatusWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAClCC,OAAO,EAAE,YADyB;EAElCC,aAAa,EAAE;AAFmB,CAAjB,CAArB;AAKA,IAAMC,kBAAkB,oBAAGH,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCC,OAAO,EAAE;AAD4B,CAAjB,CAAxB;AAGA,IAAMG,kBAAkB,oBAAGJ,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCC,OAAO,EAAE,YAD4B;EAErCI,KAAK,EAAE,MAF8B;EAGrCH,aAAa,EAAE;AAHsB,CAAjB,CAAxB;;AAWO,IAAMI,WAAuC,GAAG,SAA1CA,WAA0C,CAAAC,KAAK,EAAI;EAC5D,IAAQC,IAAR,GAA4DD,KAA5D,CAAQC,IAAR;EAAA,IAAcC,QAAd,GAA4DF,KAA5D,CAAcE,QAAd;EAAA,uBAA4DF,KAA5D,CAAwBG,SAAxB;EAAA,IAAwBA,SAAxB,iCAAoC,QAApC;EAAA,IAA8CC,SAA9C,GAA4DJ,KAA5D,CAA8CI,SAA9C;;EACA,IAAI,CAACH,IAAL,EAAW;IACP,oBAAO,4DAAGC,QAAH,CAAP;EACH;;EACD,IAAMG,MAAM,GAAG,IAAAC,uBAAA,EAAeL,IAAf,CAAf;EACA,IAAMM,WAAW,GAAG,IAAAC,0BAAA,EAAkBP,IAAlB,CAApB;EAEA,IAAMQ,SAAS,GAAGJ,MAAM,KAAK,WAA7B;EACA,IAAMK,WAAW,GAAGL,MAAM,KAAK,aAA/B;EACA,oBACI,6BAAC,kBAAD;IAAoB,SAAS,EAAED;EAA/B,gBACI,6BAAC,kBAAD,qBACI,6BAAC,gBAAD;IAAS,OAAO,EAAEG,WAAlB;IAA+B,SAAS,EAAEJ;EAA1C,GACKM,SAAS,iBAAI,6BAAC,yBAAD,OADlB,EAEKC,WAAW,iBAAI,6BAAC,2BAAD,OAFpB,EAGK,CAACD,SAAD,IAAc,CAACC,WAAf,iBAA8B,6BAAC,qBAAD,OAHnC,CADJ,CADJ,EAQKR,QAAQ,iBAAI,6BAAC,eAAD,QAAkBA,QAAlB,CARjB,CADJ;AAYH,CAtBM"}
+{"version":3,"names":["EntryStatusText","styled","display","verticalAlign","EntryStatusWrapper","EntryStatusTooltip","width","EntryStatus","props","item","children","placement","className","status","getEntryStatus","tooltipText","getItemStatusText","published","unpublished"],"sources":["EntryStatus.tsx"],"sourcesContent":["import { OptionItem } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport React from \"react\";\nimport {\n    getEntryStatus,\n    getItemStatusText\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\nimport { Tooltip, TooltipProps } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as PublishedIcon } from \"~/admin/icons/published.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"~/admin/icons/unpublished.svg\";\nimport { ReactComponent as DraftIcon } from \"~/admin/icons/draft.svg\";\nimport styled from \"@emotion/styled\";\n\nconst EntryStatusText = styled(\"div\")({\n    display: \"table-cell\",\n    verticalAlign: \"middle\"\n});\n\nconst EntryStatusWrapper = styled(\"div\")({\n    display: \"table\"\n});\nconst EntryStatusTooltip = styled(\"div\")({\n    display: \"table-cell\",\n    width: \"30px\",\n    verticalAlign: \"middle\"\n});\n\ninterface EntryStatusProps {\n    item: OptionItem | null;\n    placement?: TooltipProps[\"placement\"];\n    className?: string;\n}\nexport const EntryStatus: React.FC<EntryStatusProps> = props => {\n    const { item, children, placement = \"bottom\", className } = props;\n    if (!item) {\n        return <>{children}</>;\n    }\n    const status = getEntryStatus(item);\n    const tooltipText = getItemStatusText(item);\n\n    const published = status === \"published\";\n    const unpublished = status === \"unpublished\";\n    return (\n        <EntryStatusWrapper className={className}>\n            <EntryStatusTooltip>\n                <Tooltip content={tooltipText} placement={placement}>\n                    {published && <PublishedIcon />}\n                    {unpublished && <UnpublishedIcon />}\n                    {!published && !unpublished && <DraftIcon />}\n                </Tooltip>\n            </EntryStatusTooltip>\n            {children && <EntryStatusText>{children}</EntryStatusText>}\n        </EntryStatusWrapper>\n    );\n};\n"],"mappings":";;;;;;;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AAEA,IAAMA,eAAe,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAClCC,OAAO,EAAE,YAAY;EACrBC,aAAa,EAAE;AACnB,CAAC,CAAC;AAEF,IAAMC,kBAAkB,oBAAGH,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACrCC,OAAO,EAAE;AACb,CAAC,CAAC;AACF,IAAMG,kBAAkB,oBAAGJ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACrCC,OAAO,EAAE,YAAY;EACrBI,KAAK,EAAE,MAAM;EACbH,aAAa,EAAE;AACnB,CAAC,CAAC;AAOK,IAAMI,WAAuC,GAAG,SAA1CA,WAAuC,CAAGC,KAAK,EAAI;EAC5D,IAAQC,IAAI,GAAgDD,KAAK,CAAzDC,IAAI;IAAEC,QAAQ,GAAsCF,KAAK,CAAnDE,QAAQ;IAAA,mBAAsCF,KAAK,CAAzCG,SAAS;IAATA,SAAS,iCAAG,QAAQ;IAAEC,SAAS,GAAKJ,KAAK,CAAnBI,SAAS;EACvD,IAAI,CAACH,IAAI,EAAE;IACP,oBAAO,4DAAGC,QAAQ,CAAI;EAC1B;EACA,IAAMG,MAAM,GAAG,IAAAC,uBAAc,EAACL,IAAI,CAAC;EACnC,IAAMM,WAAW,GAAG,IAAAC,0BAAiB,EAACP,IAAI,CAAC;EAE3C,IAAMQ,SAAS,GAAGJ,MAAM,KAAK,WAAW;EACxC,IAAMK,WAAW,GAAGL,MAAM,KAAK,aAAa;EAC5C,oBACI,6BAAC,kBAAkB;IAAC,SAAS,EAAED;EAAU,gBACrC,6BAAC,kBAAkB,qBACf,6BAAC,gBAAO;IAAC,OAAO,EAAEG,WAAY;IAAC,SAAS,EAAEJ;EAAU,GAC/CM,SAAS,iBAAI,6BAAC,yBAAa,OAAG,EAC9BC,WAAW,iBAAI,6BAAC,2BAAe,OAAG,EAClC,CAACD,SAAS,IAAI,CAACC,WAAW,iBAAI,6BAAC,qBAAS,OAAG,CACtC,CACO,EACpBR,QAAQ,iBAAI,6BAAC,eAAe,QAAEA,QAAQ,CAAmB,CACzC;AAE7B,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/components/MissingEntryHelpText.js

@@ -1,45 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ReferenceMultipleModelsHelpText = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Typography = require("@webiny/ui/Typography");
-
 var _reactRouter = require("@webiny/react-router");
-
 var _createEntryUrl = require("./createEntryUrl");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-
 var missingEntryLabel = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["If you can't find the intended reference value in the target model,\n         please close this dialog and populate the {newEntryLink} in the target model first."])));
 var referenceMultipleModelsLabel = t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["The creation of reference values from within this view is only supported\n when a single reference model is selected. To reference values from multiple models,\n please make sure the referenced values exist before setting the reference."])));
 var HelpTextTypography = /*#__PURE__*/(0, _styled.default)(_Typography.Typography, {
   label: "HelpTextTypography",
   target: "ex67440"
 })("&{display:inline-block;color:var(--mdc-theme-text-secondary-on-background) !important;}");
-
 var ReferenceMultipleModelsHelpText = function ReferenceMultipleModelsHelpText() {
   return /*#__PURE__*/_react.default.createElement(HelpTextTypography, {
     use: "caption"
   }, referenceMultipleModelsLabel);
 };
-
 exports.ReferenceMultipleModelsHelpText = ReferenceMultipleModelsHelpText;
-
 var MissingEntryHelpText = function MissingEntryHelpText(_ref) {
   var refModelId = _ref.refModelId;
   return /*#__PURE__*/_react.default.createElement(HelpTextTypography, {
@@ -51,6 +37,5 @@ var MissingEntryHelpText = function MissingEntryHelpText(_ref) {
     }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["entry"]))))
   }));
 };
-
 var _default = MissingEntryHelpText;
 exports.default = _default;

package/admin/plugins/fieldRenderers/ref/components/MissingEntryHelpText.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","missingEntryLabel","referenceMultipleModelsLabel","HelpTextTypography","styled","Typography","ReferenceMultipleModelsHelpText","MissingEntryHelpText","refModelId","newEntryLink","createNewEntryUrl"],"sources":["MissingEntryHelpText.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Link } from \"@webiny/react-router\";\nimport { createNewEntryUrl } from \"./createEntryUrl\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst missingEntryLabel = t`If you can't find the intended reference value in the target model,\n         please close this dialog and populate the {newEntryLink} in the target model first.`;\n\nconst referenceMultipleModelsLabel = t`The creation of reference values from within this view is only supported\n when a single reference model is selected. To reference values from multiple models,\n please make sure the referenced values exist before setting the reference.`;\n\nconst HelpTextTypography = styled(Typography)`\n    & {\n        display: inline-block;\n        color: var(--mdc-theme-text-secondary-on-background) !important;\n    }\n`;\n\nexport const ReferenceMultipleModelsHelpText = () => {\n    return <HelpTextTypography use={\"caption\"}>{referenceMultipleModelsLabel}</HelpTextTypography>;\n};\n\ninterface MissingEntryHelpTextProps {\n    refModelId: string;\n}\nconst MissingEntryHelpText: React.FC<MissingEntryHelpTextProps> = ({ refModelId }) => {\n    return (\n        <HelpTextTypography use={\"caption\"}>\n            {missingEntryLabel({\n                newEntryLink: (\n                    <Link to={createNewEntryUrl(refModelId)} target={\"_blank\"}>{t`entry`}</Link>\n                )\n            })}\n        </HelpTextTypography>\n    );\n};\n\nexport default MissingEntryHelpText;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mCAAR,CAAV;;AAEA,IAAMC,iBAAiB,GAAGH,CAAH,oPAAvB;AAGA,IAAMI,4BAA4B,GAAGJ,CAAH,iUAAlC;AAIA,IAAMK,kBAAkB,oBAAGC,eAAH,EAAUC,sBAAV;EAAA;EAAA;AAAA,6FAAxB;;AAOO,IAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,GAAM;EACjD,oBAAO,6BAAC,kBAAD;IAAoB,GAAG,EAAE;EAAzB,GAAqCJ,4BAArC,CAAP;AACH,CAFM;;;;AAOP,IAAMK,oBAAyD,GAAG,SAA5DA,oBAA4D,OAAoB;EAAA,IAAjBC,UAAiB,QAAjBA,UAAiB;EAClF,oBACI,6BAAC,kBAAD;IAAoB,GAAG,EAAE;EAAzB,GACKP,iBAAiB,CAAC;IACfQ,YAAY,eACR,6BAAC,iBAAD;MAAM,EAAE,EAAE,IAAAC,iCAAA,EAAkBF,UAAlB,CAAV;MAAyC,MAAM,EAAE;IAAjD,GAA4DV,CAA5D;EAFW,CAAD,CADtB,CADJ;AASH,CAVD;;eAYeS,oB"}
+{"version":3,"names":["t","i18n","ns","missingEntryLabel","referenceMultipleModelsLabel","HelpTextTypography","styled","Typography","ReferenceMultipleModelsHelpText","MissingEntryHelpText","refModelId","newEntryLink","createNewEntryUrl"],"sources":["MissingEntryHelpText.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Link } from \"@webiny/react-router\";\nimport { createNewEntryUrl } from \"./createEntryUrl\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst missingEntryLabel = t`If you can't find the intended reference value in the target model,\n         please close this dialog and populate the {newEntryLink} in the target model first.`;\n\nconst referenceMultipleModelsLabel = t`The creation of reference values from within this view is only supported\n when a single reference model is selected. To reference values from multiple models,\n please make sure the referenced values exist before setting the reference.`;\n\nconst HelpTextTypography = styled(Typography)`\n    & {\n        display: inline-block;\n        color: var(--mdc-theme-text-secondary-on-background) !important;\n    }\n`;\n\nexport const ReferenceMultipleModelsHelpText = () => {\n    return <HelpTextTypography use={\"caption\"}>{referenceMultipleModelsLabel}</HelpTextTypography>;\n};\n\ninterface MissingEntryHelpTextProps {\n    refModelId: string;\n}\nconst MissingEntryHelpText: React.FC<MissingEntryHelpTextProps> = ({ refModelId }) => {\n    return (\n        <HelpTextTypography use={\"caption\"}>\n            {missingEntryLabel({\n                newEntryLink: (\n                    <Link to={createNewEntryUrl(refModelId)} target={\"_blank\"}>{t`entry`}</Link>\n                )\n            })}\n        </HelpTextTypography>\n    );\n};\n\nexport default MissingEntryHelpText;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAwC;AAExC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,iBAAiB,GAAGH,CAAC,oPACkE;AAE7F,IAAMI,4BAA4B,GAAGJ,CAAC,iUAEsC;AAE5E,IAAMK,kBAAkB,oBAAGC,eAAM,EAACC,sBAAU;EAAA;EAAA;AAAA,6FAK3C;AAEM,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+B,GAAS;EACjD,oBAAO,6BAAC,kBAAkB;IAAC,GAAG,EAAE;EAAU,GAAEJ,4BAA4B,CAAsB;AAClG,CAAC;AAAC;AAKF,IAAMK,oBAAyD,GAAG,SAA5DA,oBAAyD,OAAuB;EAAA,IAAjBC,UAAU,QAAVA,UAAU;EAC3E,oBACI,6BAAC,kBAAkB;IAAC,GAAG,EAAE;EAAU,GAC9BP,iBAAiB,CAAC;IACfQ,YAAY,eACR,6BAAC,iBAAI;MAAC,EAAE,EAAE,IAAAC,iCAAiB,EAACF,UAAU,CAAE;MAAC,MAAM,EAAE;IAAS,GAAEV,CAAC;EAErE,CAAC,CAAC,CACe;AAE7B,CAAC;AAAC,eAEaS,oBAAoB;AAAA"}