@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","dialogContentStyles","css","dialogContainerStyles","EntryForm","onCreate","useContentEntry","setFormRef","contentModel","data","form","DialogSaveButton","current","submit","DefaultButton","styled","ButtonDefault","NewEntryButton","useNewRefEntryDialog","setOpen","NewRefEntryFormDialog","modelId","children","onChange","useState","undefined","setContentModel","useSnackbar","showSnackbar","useQuery","GET_CONTENT_MODEL","skip","variables","onCompleted","contentModelData","get","open","hideDialog","useCallback","entry","published","modelName","name"],"sources":["NewRefEntryFormDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport get from \"lodash/get\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Dialog, DialogActions, DialogCancel, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { Provider as ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { Provider as ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { useNewRefEntryDialog } from \"../hooks/useNewRefEntryDialog\";\nimport { CmsEditorContentEntry, CmsModel } from \"~/types\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst dialogContentStyles = css`\n    width: 786px;\n`;\n\nconst dialogContainerStyles = css`\n    /*\n* By default, a Dialog component has the \"z-index\" value of 20.\n* As we are rendering the content entry form in a \"Dialog\", the File Manager view triggered by a \"file\" field\n* will render below the source form, rendering it useless for the user.\n*\n* To fix that issue, we're setting the \"z-index\" CSS property for this particular Dialog to less than 18,\n* which is the \"z-index\" value assigned to File Manager view, so that it will render below the File Manager view as expected.\n*/\n\n    &.mdc-dialog {\n        z-index: 17;\n    }\n`;\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsEditorContentEntry) => void;\n}\nconst EntryForm: React.FC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ModelProvider model={contentModel}>\n            <ContentEntryForm\n                onSubmit={data => {\n                    /**\n                     * We know that data is CmsEditorContentEntry.\n                     */\n                    return onCreate(data as unknown as CmsEditorContentEntry);\n                }}\n                onForm={form => setFormRef(form)}\n                entry={{}}\n                addEntryToListCache={false}\n            />\n        </ModelProvider>\n    );\n};\n\nconst DialogSaveButton: React.FC = () => {\n    const { form } = useContentEntry();\n\n    return <ButtonPrimary onClick={form.current.submit}>{t`Create Entry`}</ButtonPrimary>;\n};\n\nconst DefaultButton = styled(ButtonDefault)`\n    margin-left: 32px;\n`;\n\nexport const NewEntryButton = () => {\n    const { setOpen } = useNewRefEntryDialog();\n    return (\n        <DefaultButton small={true} onClick={() => setOpen(true)}>\n            <ButtonIcon icon={<AddIcon />} />\n            {t`New Entry`}\n        </DefaultButton>\n    );\n};\n\ninterface NewRefEntryProps {\n    modelId: string;\n    children: React.ReactElement;\n    onChange: (entry: CmsEditorContentEntry) => void;\n}\n\nconst NewRefEntryFormDialog: React.FC<NewRefEntryProps> = ({ modelId, children, onChange }) => {\n    const [contentModel, setContentModel] = useState<CmsModel | undefined>(undefined);\n\n    const { showSnackbar } = useSnackbar();\n\n    useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(GET_CONTENT_MODEL, {\n        skip: !modelId,\n        variables: { modelId },\n        onCompleted: data => {\n            const contentModelData = get(data, \"getContentModel.data\") as unknown as CmsModel;\n            if (contentModelData) {\n                setContentModel(contentModelData);\n                return;\n            }\n\n            showSnackbar(\n                t`Could not load content for model \"{modelId}\". Redirecting...`({\n                    modelId\n                })\n            );\n        }\n    });\n\n    const { open, setOpen } = useNewRefEntryDialog();\n    const hideDialog = useCallback(() => setOpen(false), []);\n\n    const onCreate = useCallback(\n        (entry: CmsEditorContentEntry) => {\n            if (!contentModel) {\n                setOpen(false);\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: get(entry, \"meta.status\") === \"published\",\n                modelId: contentModel.modelId,\n                modelName: contentModel.name\n            });\n            setOpen(false);\n        },\n        [onChange, contentModel]\n    );\n\n    if (!contentModel) {\n        return children;\n    }\n\n    return (\n        <ContentEntriesProvider\n            contentModel={contentModel}\n            key={contentModel.modelId}\n            insideDialog={true}\n        >\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <Dialog open={open} onClose={hideDialog} className={dialogContainerStyles}>\n                    <DialogTitle>\n                        {t`New {modelName} Entry`({ modelName: contentModel.name })}\n                    </DialogTitle>\n                    <DialogContent className={dialogContentStyles}>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </Dialog>\n                {children}\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n\nexport default NewRefEntryFormDialog;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","dialogContentStyles","css","dialogContainerStyles","EntryForm","onCreate","useContentEntry","setFormRef","contentModel","data","form","DialogSaveButton","current","submit","DefaultButton","styled","ButtonDefault","NewEntryButton","useNewRefEntryDialog","setOpen","NewRefEntryFormDialog","modelId","children","onChange","useState","undefined","setContentModel","useSnackbar","showSnackbar","useQuery","GET_CONTENT_MODEL","skip","variables","onCompleted","contentModelData","get","open","hideDialog","useCallback","entry","published","modelName","name"],"sources":["NewRefEntryFormDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport get from \"lodash/get\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Dialog, DialogActions, DialogCancel, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { useNewRefEntryDialog } from \"../hooks/useNewRefEntryDialog\";\nimport { CmsContentEntry, CmsModel } from \"~/types\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst dialogContentStyles = css`\n    width: 786px;\n`;\n\nconst dialogContainerStyles = css`\n    /*\n* By default, a Dialog component has the \"z-index\" value of 20.\n* As we are rendering the content entry form in a \"Dialog\", the File Manager view triggered by a \"file\" field\n* will render below the source form, rendering it useless for the user.\n*\n* To fix that issue, we're setting the \"z-index\" CSS property for this particular Dialog to less than 18,\n* which is the \"z-index\" value assigned to File Manager view, so that it will render below the File Manager view as expected.\n*/\n\n    &.mdc-dialog {\n        z-index: 17;\n    }\n`;\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsContentEntry) => void;\n}\nconst EntryForm: React.FC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ModelProvider model={contentModel}>\n            <ContentEntryForm\n                onSubmit={data => {\n                    /**\n                     * We know that data is CmsContentEntry.\n                     */\n                    return onCreate(data as unknown as CmsContentEntry);\n                }}\n                onForm={form => setFormRef(form)}\n                entry={{}}\n                addEntryToListCache={false}\n            />\n        </ModelProvider>\n    );\n};\n\nconst DialogSaveButton: React.FC = () => {\n    const { form } = useContentEntry();\n\n    return <ButtonPrimary onClick={form.current.submit}>{t`Create Entry`}</ButtonPrimary>;\n};\n\nconst DefaultButton = styled(ButtonDefault)`\n    margin-left: 32px;\n`;\n\nexport const NewEntryButton = () => {\n    const { setOpen } = useNewRefEntryDialog();\n    return (\n        <DefaultButton small={true} onClick={() => setOpen(true)}>\n            <ButtonIcon icon={<AddIcon />} />\n            {t`New Entry`}\n        </DefaultButton>\n    );\n};\n\ninterface NewRefEntryProps {\n    modelId: string;\n    children: React.ReactElement;\n    onChange: (entry: CmsContentEntry) => void;\n}\n\nconst NewRefEntryFormDialog: React.FC<NewRefEntryProps> = ({ modelId, children, onChange }) => {\n    const [contentModel, setContentModel] = useState<CmsModel | undefined>(undefined);\n\n    const { showSnackbar } = useSnackbar();\n\n    useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(GET_CONTENT_MODEL, {\n        skip: !modelId,\n        variables: { modelId },\n        onCompleted: data => {\n            const contentModelData = get(data, \"getContentModel.data\") as unknown as CmsModel;\n            if (contentModelData) {\n                setContentModel(contentModelData);\n                return;\n            }\n\n            showSnackbar(\n                t`Could not load content for model \"{modelId}\". Redirecting...`({\n                    modelId\n                })\n            );\n        }\n    });\n\n    const { open, setOpen } = useNewRefEntryDialog();\n    const hideDialog = useCallback(() => setOpen(false), []);\n\n    const onCreate = useCallback(\n        (entry: CmsContentEntry) => {\n            if (!contentModel) {\n                setOpen(false);\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: get(entry, \"meta.status\") === \"published\",\n                modelId: contentModel.modelId,\n                modelName: contentModel.name\n            });\n            setOpen(false);\n        },\n        [onChange, contentModel]\n    );\n\n    if (!contentModel) {\n        return children;\n    }\n\n    return (\n        <ContentEntriesProvider\n            contentModel={contentModel}\n            key={contentModel.modelId}\n            insideDialog={true}\n        >\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <Dialog open={open} onClose={hideDialog} className={dialogContainerStyles}>\n                    <DialogTitle>\n                        {t`New {modelName} Entry`({ modelName: contentModel.name })}\n                    </DialogTitle>\n                    <DialogContent className={dialogContentStyles}>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </Dialog>\n                {children}\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n\nexport default NewRefEntryFormDialog;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AAEA;AAAiE;AAEjE,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,mBAAmB,oBAAGC,YAAG,2CAE9B;AAED,IAAMC,qBAAqB,oBAAGD,YAAG,0DAahC;AAKD,IAAME,SAAmC,GAAG,SAAtCA,SAAmC,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACnD,uBAAqC,IAAAC,iCAAe,GAAE;IAA9CC,UAAU,oBAAVA,UAAU;IAAEC,YAAY,oBAAZA,YAAY;EAEhC,oBACI,6BAAC,4BAAa;IAAC,KAAK,EAAEA;EAAa,gBAC/B,6BAAC,kCAAgB;IACb,QAAQ,EAAE,kBAAAC,IAAI,EAAI;MACd;AACpB;AACA;MACoB,OAAOJ,QAAQ,CAACI,IAAI,CAA+B;IACvD,CAAE;IACF,MAAM,EAAE,gBAAAC,IAAI;MAAA,OAAIH,UAAU,CAACG,IAAI,CAAC;IAAA,CAAC;IACjC,KAAK,EAAE,CAAC,CAAE;IACV,mBAAmB,EAAE;EAAM,EAC7B,CACU;AAExB,CAAC;AAED,IAAMC,gBAA0B,GAAG,SAA7BA,gBAA0B,GAAS;EACrC,wBAAiB,IAAAL,iCAAe,GAAE;IAA1BI,IAAI,qBAAJA,IAAI;EAEZ,oBAAO,6BAAC,qBAAa;IAAC,OAAO,EAAEA,IAAI,CAACE,OAAO,CAACC;EAAO,GAAEf,CAAC,gGAA+B;AACzF,CAAC;AAED,IAAMgB,aAAa,oBAAGC,eAAM,EAACC,qBAAa;EAAA;EAAA;AAAA,uBAEzC;AAEM,IAAMC,cAAc,GAAG,SAAjBA,cAAc,GAAS;EAChC,4BAAoB,IAAAC,2CAAoB,GAAE;IAAlCC,OAAO,yBAAPA,OAAO;EACf,oBACI,6BAAC,aAAa;IAAC,KAAK,EAAE,IAAK;IAAC,OAAO,EAAE;MAAA,OAAMA,OAAO,CAAC,IAAI,CAAC;IAAA;EAAC,gBACrD,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,uBAAO;EAAI,EAAG,EAChCrB,CAAC,+FACU;AAExB,CAAC;AAAC;AAQF,IAAMsB,qBAAiD,GAAG,SAApDA,qBAAiD,QAAwC;EAAA,IAAlCC,OAAO,SAAPA,OAAO;IAAEC,QAAQ,SAARA,QAAQ;IAAEC,QAAQ,SAARA,QAAQ;EACpF,gBAAwC,IAAAC,eAAQ,EAAuBC,SAAS,CAAC;IAAA;IAA1EjB,YAAY;IAAEkB,eAAe;EAEpC,mBAAyB,IAAAC,qBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EAEpB,IAAAC,eAAQ,EAAsDC,gCAAiB,EAAE;IAC7EC,IAAI,EAAE,CAACV,OAAO;IACdW,SAAS,EAAE;MAAEX,OAAO,EAAPA;IAAQ,CAAC;IACtBY,WAAW,EAAE,qBAAAxB,IAAI,EAAI;MACjB,IAAMyB,gBAAgB,GAAG,IAAAC,YAAG,EAAC1B,IAAI,EAAE,sBAAsB,CAAwB;MACjF,IAAIyB,gBAAgB,EAAE;QAClBR,eAAe,CAACQ,gBAAgB,CAAC;QACjC;MACJ;MAEAN,YAAY,CACR9B,CAAC,oJAA+D;QAC5DuB,OAAO,EAAPA;MACJ,CAAC,CAAC,CACL;IACL;EACJ,CAAC,CAAC;EAEF,6BAA0B,IAAAH,2CAAoB,GAAE;IAAxCkB,IAAI,0BAAJA,IAAI;IAAEjB,OAAO,0BAAPA,OAAO;EACrB,IAAMkB,UAAU,GAAG,IAAAC,kBAAW,EAAC;IAAA,OAAMnB,OAAO,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAExD,IAAMd,QAAQ,GAAG,IAAAiC,kBAAW,EACxB,UAACC,KAAsB,EAAK;IACxB,IAAI,CAAC/B,YAAY,EAAE;MACfW,OAAO,CAAC,KAAK,CAAC;MACd;IACJ;IACAI,QAAQ,6DACDgB,KAAK;MACR;AAChB;AACA;MACgBC,SAAS,EAAE,IAAAL,YAAG,EAACI,KAAK,EAAE,aAAa,CAAC,KAAK,WAAW;MACpDlB,OAAO,EAAEb,YAAY,CAACa,OAAO;MAC7BoB,SAAS,EAAEjC,YAAY,CAACkC;IAAI,GAC9B;IACFvB,OAAO,CAAC,KAAK,CAAC;EAClB,CAAC,EACD,CAACI,QAAQ,EAAEf,YAAY,CAAC,CAC3B;EAED,IAAI,CAACA,YAAY,EAAE;IACf,OAAOc,QAAQ;EACnB;EAEA,oBACI,6BAAC,6CAAsB;IACnB,YAAY,EAAEd,YAAa;IAC3B,GAAG,EAAEA,YAAY,CAACa,OAAQ;IAC1B,YAAY,EAAE;EAAK,gBAEnB,6BAAC,yCAAoB;IAAC,UAAU,EAAE;MAAA,OAAM,IAAI;IAAA,CAAC;IAAC,YAAY,EAAE;MAAA,OAAM,IAAI;IAAA;EAAC,gBACnE,6BAAC,cAAM;IAAC,IAAI,EAAEe,IAAK;IAAC,OAAO,EAAEC,UAAW;IAAC,SAAS,EAAElC;EAAsB,gBACtE,6BAAC,mBAAW,QACPL,CAAC,2GAAwB;IAAE2C,SAAS,EAAEjC,YAAY,CAACkC;EAAK,CAAC,CAAC,CACjD,eACd,6BAAC,qBAAa;IAAC,SAAS,EAAEzC;EAAoB,gBAC1C,6BAAC,SAAS;IAAC,QAAQ,EAAEI;EAAS,EAAG,CACrB,eAChB,6BAAC,qBAAa,qBACV,6BAAC,oBAAY,QAAEP,CAAC,4FAAwB,eACxC,6BAAC,gBAAgB,OAAG,CACR,CACX,EACRwB,QAAQ,CACU,CACF;AAEjC,CAAC;AAAC,eAEaF,qBAAqB;AAAA"}

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

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createNewEntryUrl = exports.createEntryUrl = void 0;
-
 var createEntryUrl = function createEntryUrl(_ref) {
   var modelId = _ref.modelId,
-      id = _ref.id;
+    id = _ref.id;
   return "/cms/content-entries/".concat(modelId, "?id=").concat(encodeURIComponent(id));
 };
-
 exports.createEntryUrl = createEntryUrl;
-
 var createNewEntryUrl = function createNewEntryUrl(modelId) {
   return "/cms/content-entries/".concat(modelId, "?new=true");
 };
-
 exports.createNewEntryUrl = createNewEntryUrl;

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

@@ -1 +1 @@
-{"version":3,"names":["createEntryUrl","modelId","id","encodeURIComponent","createNewEntryUrl"],"sources":["createEntryUrl.ts"],"sourcesContent":["export interface CreateEntryUrlParams {\n    id: string;\n    modelId: string;\n}\n\nexport const createEntryUrl = ({ modelId, id }: CreateEntryUrlParams): string => {\n    return `/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`;\n};\n\nexport const createNewEntryUrl = (modelId: string): string => {\n    return `/cms/content-entries/${modelId}?new=true`;\n};\n"],"mappings":";;;;;;;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAAmD;EAAA,IAAhDC,OAAgD,QAAhDA,OAAgD;EAAA,IAAvCC,EAAuC,QAAvCA,EAAuC;EAC7E,sCAA+BD,OAA/B,iBAA6CE,kBAAkB,CAACD,EAAD,CAA/D;AACH,CAFM;;;;AAIA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAACH,OAAD,EAA6B;EAC1D,sCAA+BA,OAA/B;AACH,CAFM"}
+{"version":3,"names":["createEntryUrl","modelId","id","encodeURIComponent","createNewEntryUrl"],"sources":["createEntryUrl.ts"],"sourcesContent":["export interface CreateEntryUrlParams {\n    id: string;\n    modelId: string;\n}\n\nexport const createEntryUrl = ({ modelId, id }: CreateEntryUrlParams): string => {\n    return `/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`;\n};\n\nexport const createNewEntryUrl = (modelId: string): string => {\n    return `/cms/content-entries/${modelId}?new=true`;\n};\n"],"mappings":";;;;;;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAAsD;EAAA,IAAhDC,OAAO,QAAPA,OAAO;IAAEC,EAAE,QAAFA,EAAE;EACxC,sCAA+BD,OAAO,iBAAOE,kBAAkB,CAACD,EAAE,CAAC;AACvE,CAAC;AAAC;AAEK,IAAME,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIH,OAAe,EAAa;EAC1D,sCAA+BA,OAAO;AAC1C,CAAC;AAAC"}

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

@@ -1,19 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEARCH_CONTENT_ENTRIES = exports.GET_CONTENT_ENTRY = exports.GET_CONTENT_ENTRIES = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-
 var _templateObject, _templateObject2, _templateObject3;
+var fields = "\ndata {\n    id\n    entryId\n    status\n    title\n    description\n    image\n    createdOn\n    savedOn\n    createdBy {\n        id\n        type\n        displayName\n    }\n    modifiedBy {\n        id\n        type\n        displayName\n    }\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n}\nerror {\n    code\n    message\n    data\n}";
 
-var fields = "\ndata {\n    id\n    entryId\n    status\n    title\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n}\nerror {\n    code\n    message\n    data\n}";
 /**
  * #########################
  * Common variables
@@ -24,14 +20,13 @@ var SEARCH_CONTENT_ENTRIES = (0, _graphqlTag.default)(_templateObject || (_templ
  * #########################
  * Get Entries Query Response
  */
-
 exports.SEARCH_CONTENT_ENTRIES = SEARCH_CONTENT_ENTRIES;
 var GET_CONTENT_ENTRIES = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        latest: getLatestContentEntries(entries: $entries) {\n            ", "\n        }\n        published: getPublishedContentEntries(entries: $entries) {\n            ", "\n        }\n    }\n"])), fields, fields);
+
 /**
  * #########################
  * Get Entry Query Response
  */
-
 exports.GET_CONTENT_ENTRIES = GET_CONTENT_ENTRIES;
 var GET_CONTENT_ENTRY = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        latest: getLatestContentEntry(entry: $entry) {\n            ", "\n        }\n        published: getPublishedContentEntry(entry: $entry) {\n            ", "\n        }\n    }\n"])), fields, fields);
 exports.GET_CONTENT_ENTRY = GET_CONTENT_ENTRY;

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

@@ -1 +1 @@
-{"version":3,"names":["fields","SEARCH_CONTENT_ENTRIES","gql","GET_CONTENT_ENTRIES","GET_CONTENT_ENTRY"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse } from \"~/types\";\nimport { CmsReferenceContentEntry } from \"./types\";\n\nconst fields = `\ndata {\n    id\n    entryId\n    status\n    title\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n}\nerror {\n    code\n    message\n    data\n}`;\n\n/**\n * #########################\n * Common variables\n */\nexport interface CmsEntryGetEntryVariable {\n    modelId: string;\n    id: string;\n}\n\n/**\n * #########################\n * Search Entries Query Response\n */\n\nexport interface CmsEntrySearchQueryResponse {\n    content: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntrySearchQueryVariables {\n    modelIds: string[];\n    query?: string;\n    limit?: number;\n}\nexport const SEARCH_CONTENT_ENTRIES = gql`\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ${fields}\n        }\n    }\n`;\n/**\n * #########################\n * Get Entries Query Response\n */\n\nexport interface CmsEntryGetListResponse {\n    latest: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetListVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\nexport const GET_CONTENT_ENTRIES = gql`\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        latest: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n        published: getPublishedContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\n/**\n * #########################\n * Get Entry Query Response\n */\nexport interface CmsEntryGetQueryResponse {\n    latest: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetQueryVariables {\n    entry: CmsEntryGetEntryVariable;\n}\n\nexport const GET_CONTENT_ENTRY = gql`\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        latest: getLatestContentEntry(entry: $entry) {\n            ${fields}\n        }\n        published: getPublishedContentEntry(entry: $entry) {\n            ${fields}\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;;AAAA;;;;AAIA,IAAMA,MAAM,gOAAZ;AAsBA;AACA;AACA;AACA;;AAsBO,IAAMC,sBAAsB,OAAGC,mBAAH,4SAGrBF,MAHqB,CAA5B;AAOP;AACA;AACA;AACA;;;AAeO,IAAMG,mBAAmB,OAAGD,mBAAH,gWAGlBF,MAHkB,EAMlBA,MANkB,CAAzB;AAWP;AACA;AACA;AACA;;;AAeO,IAAMI,iBAAiB,OAAGF,mBAAH,6UAGhBF,MAHgB,EAMhBA,MANgB,CAAvB"}
+{"version":3,"names":["fields","SEARCH_CONTENT_ENTRIES","gql","GET_CONTENT_ENTRIES","GET_CONTENT_ENTRY"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse } from \"~/types\";\nimport { CmsReferenceContentEntry } from \"./types\";\n\nconst fields = `\ndata {\n    id\n    entryId\n    status\n    title\n    description\n    image\n    createdOn\n    savedOn\n    createdBy {\n        id\n        type\n        displayName\n    }\n    modifiedBy {\n        id\n        type\n        displayName\n    }\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n}\nerror {\n    code\n    message\n    data\n}`;\n\n/**\n * #########################\n * Common variables\n */\nexport interface CmsEntryGetEntryVariable {\n    modelId: string;\n    id: string;\n}\n\n/**\n * #########################\n * Search Entries Query Response\n */\n\nexport interface CmsEntrySearchQueryResponse {\n    content: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntrySearchQueryVariables {\n    modelIds: string[];\n    query?: string;\n    limit?: number;\n}\nexport const SEARCH_CONTENT_ENTRIES = gql`\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ${fields}\n        }\n    }\n`;\n/**\n * #########################\n * Get Entries Query Response\n */\n\nexport interface CmsEntryGetListResponse {\n    latest: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetListVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\nexport const GET_CONTENT_ENTRIES = gql`\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        latest: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n        published: getPublishedContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\n/**\n * #########################\n * Get Entry Query Response\n */\nexport interface CmsEntryGetQueryResponse {\n    latest: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetQueryVariables {\n    entry: CmsEntryGetEntryVariable;\n}\n\nexport const GET_CONTENT_ENTRY = gql`\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        latest: getLatestContentEntry(entry: $entry) {\n            ${fields}\n        }\n        published: getPublishedContentEntry(entry: $entry) {\n            ${fields}\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAI9B,IAAMA,MAAM,uaAkCV;;AAEF;AACA;AACA;AACA;;AAsBO,IAAMC,sBAAsB,OAAGC,mBAAG,4SAG3BF,MAAM,CAGnB;AACD;AACA;AACA;AACA;AAHA;AAkBO,IAAMG,mBAAmB,OAAGD,mBAAG,gWAGxBF,MAAM,EAGNA,MAAM,CAGnB;;AAED;AACA;AACA;AACA;AAHA;AAkBO,IAAMI,iBAAiB,OAAGF,mBAAG,6UAGtBF,MAAM,EAGNA,MAAM,CAGnB;AAAC"}

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getItemStatusText = exports.getEntryStatus = exports.convertReferenceEntryToOption = exports.convertReferenceEntriesToOptionCollection = void 0;
-
 var convertReferenceEntryToOption = function convertReferenceEntryToOption(entry) {
   return {
     id: entry.id,
@@ -17,43 +16,32 @@ var convertReferenceEntryToOption = function convertReferenceEntryToOption(entry
     name: entry.title
   };
 };
-
 exports.convertReferenceEntryToOption = convertReferenceEntryToOption;
-
 var convertReferenceEntriesToOptionCollection = function convertReferenceEntriesToOptionCollection(entries) {
   return entries.reduce(function (collection, entry) {
     collection[entry.entryId] = convertReferenceEntryToOption(entry);
     return collection;
   }, {});
 };
-
 exports.convertReferenceEntriesToOptionCollection = convertReferenceEntriesToOptionCollection;
-
 var getEntryStatus = function getEntryStatus(item) {
   if (item.status === "published") {
     return "published";
   } else if (item.status === "unpublished" || !item.published && item.status === "draft") {
     return "unpublished";
   }
-
   return "draft";
 };
-
 exports.getEntryStatus = getEntryStatus;
-
 var getItemStatusText = function getItemStatusText(item) {
   var status = getEntryStatus(item);
-
   switch (status) {
     case "published":
       return "This entry is published.";
-
     case "unpublished":
       return "This entry has not been published.";
-
     default:
       return "Latest revision of this entry is in draft stage.";
   }
 };
-
 exports.getItemStatusText = getItemStatusText;

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

@@ -1 +1 @@
-{"version":3,"names":["convertReferenceEntryToOption","entry","id","entryId","modelId","model","modelName","name","published","latest","status","title","convertReferenceEntriesToOptionCollection","entries","reduce","collection","getEntryStatus","item","getItemStatusText"],"sources":["helpers.ts"],"sourcesContent":["import { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport { CmsContentEntryStatusType } from \"~/types\";\n\nexport const convertReferenceEntryToOption = (entry: CmsReferenceContentEntry): OptionItem => {\n    return {\n        id: entry.id,\n        entryId: entry.entryId,\n        modelId: entry.model.modelId,\n        modelName: entry.model.name,\n        published: entry.published ? entry.published.id : null,\n        latest: entry.id,\n        status: entry.status,\n        name: entry.title\n    };\n};\n\nexport const convertReferenceEntriesToOptionCollection = (\n    entries: CmsReferenceContentEntry[]\n): OptionItemCollection => {\n    return entries.reduce((collection, entry) => {\n        collection[entry.entryId] = convertReferenceEntryToOption(entry);\n        return collection;\n    }, {} as OptionItemCollection);\n};\n\nexport const getEntryStatus = (item: OptionItem): CmsContentEntryStatusType => {\n    if (item.status === \"published\") {\n        return \"published\";\n    } else if (item.status === \"unpublished\" || (!item.published && item.status === \"draft\")) {\n        return \"unpublished\";\n    }\n    return \"draft\";\n};\n\nexport const getItemStatusText = (item: OptionItem): string => {\n    const status = getEntryStatus(item);\n    switch (status) {\n        case \"published\":\n            return \"This entry is published.\";\n        case \"unpublished\":\n            return \"This entry has not been published.\";\n        default:\n            return \"Latest revision of this entry is in draft stage.\";\n    }\n};\n"],"mappings":";;;;;;;AAGO,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,CAACC,KAAD,EAAiD;EAC1F,OAAO;IACHC,EAAE,EAAED,KAAK,CAACC,EADP;IAEHC,OAAO,EAAEF,KAAK,CAACE,OAFZ;IAGHC,OAAO,EAAEH,KAAK,CAACI,KAAN,CAAYD,OAHlB;IAIHE,SAAS,EAAEL,KAAK,CAACI,KAAN,CAAYE,IAJpB;IAKHC,SAAS,EAAEP,KAAK,CAACO,SAAN,GAAkBP,KAAK,CAACO,SAAN,CAAgBN,EAAlC,GAAuC,IAL/C;IAMHO,MAAM,EAAER,KAAK,CAACC,EANX;IAOHQ,MAAM,EAAET,KAAK,CAACS,MAPX;IAQHH,IAAI,EAAEN,KAAK,CAACU;EART,CAAP;AAUH,CAXM;;;;AAaA,IAAMC,yCAAyC,GAAG,SAA5CA,yCAA4C,CACrDC,OADqD,EAE9B;EACvB,OAAOA,OAAO,CAACC,MAAR,CAAe,UAACC,UAAD,EAAad,KAAb,EAAuB;IACzCc,UAAU,CAACd,KAAK,CAACE,OAAP,CAAV,GAA4BH,6BAA6B,CAACC,KAAD,CAAzD;IACA,OAAOc,UAAP;EACH,CAHM,EAGJ,EAHI,CAAP;AAIH,CAPM;;;;AASA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAiD;EAC3E,IAAIA,IAAI,CAACP,MAAL,KAAgB,WAApB,EAAiC;IAC7B,OAAO,WAAP;EACH,CAFD,MAEO,IAAIO,IAAI,CAACP,MAAL,KAAgB,aAAhB,IAAkC,CAACO,IAAI,CAACT,SAAN,IAAmBS,IAAI,CAACP,MAAL,KAAgB,OAAzE,EAAmF;IACtF,OAAO,aAAP;EACH;;EACD,OAAO,OAAP;AACH,CAPM;;;;AASA,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAoB,CAACD,IAAD,EAA8B;EAC3D,IAAMP,MAAM,GAAGM,cAAc,CAACC,IAAD,CAA7B;;EACA,QAAQP,MAAR;IACI,KAAK,WAAL;MACI,OAAO,0BAAP;;IACJ,KAAK,aAAL;MACI,OAAO,oCAAP;;IACJ;MACI,OAAO,kDAAP;EANR;AAQH,CAVM"}
+{"version":3,"names":["convertReferenceEntryToOption","entry","id","entryId","modelId","model","modelName","name","published","latest","status","title","convertReferenceEntriesToOptionCollection","entries","reduce","collection","getEntryStatus","item","getItemStatusText"],"sources":["helpers.ts"],"sourcesContent":["import { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport { CmsContentEntryStatusType } from \"~/types\";\n\nexport const convertReferenceEntryToOption = (entry: CmsReferenceContentEntry): OptionItem => {\n    return {\n        id: entry.id,\n        entryId: entry.entryId,\n        modelId: entry.model.modelId,\n        modelName: entry.model.name,\n        published: entry.published ? entry.published.id : null,\n        latest: entry.id,\n        status: entry.status,\n        name: entry.title\n    };\n};\n\nexport const convertReferenceEntriesToOptionCollection = (\n    entries: CmsReferenceContentEntry[]\n): OptionItemCollection => {\n    return entries.reduce((collection, entry) => {\n        collection[entry.entryId] = convertReferenceEntryToOption(entry);\n        return collection;\n    }, {} as OptionItemCollection);\n};\n\nexport const getEntryStatus = (item: OptionItem): CmsContentEntryStatusType => {\n    if (item.status === \"published\") {\n        return \"published\";\n    } else if (item.status === \"unpublished\" || (!item.published && item.status === \"draft\")) {\n        return \"unpublished\";\n    }\n    return \"draft\";\n};\n\nexport const getItemStatusText = (item: OptionItem): string => {\n    const status = getEntryStatus(item);\n    switch (status) {\n        case \"published\":\n            return \"This entry is published.\";\n        case \"unpublished\":\n            return \"This entry has not been published.\";\n        default:\n            return \"Latest revision of this entry is in draft stage.\";\n    }\n};\n"],"mappings":";;;;;;AAGO,IAAMA,6BAA6B,GAAG,SAAhCA,6BAA6B,CAAIC,KAA+B,EAAiB;EAC1F,OAAO;IACHC,EAAE,EAAED,KAAK,CAACC,EAAE;IACZC,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAACD,OAAO;IAC5BE,SAAS,EAAEL,KAAK,CAACI,KAAK,CAACE,IAAI;IAC3BC,SAAS,EAAEP,KAAK,CAACO,SAAS,GAAGP,KAAK,CAACO,SAAS,CAACN,EAAE,GAAG,IAAI;IACtDO,MAAM,EAAER,KAAK,CAACC,EAAE;IAChBQ,MAAM,EAAET,KAAK,CAACS,MAAM;IACpBH,IAAI,EAAEN,KAAK,CAACU;EAChB,CAAC;AACL,CAAC;AAAC;AAEK,IAAMC,yCAAyC,GAAG,SAA5CA,yCAAyC,CAClDC,OAAmC,EACZ;EACvB,OAAOA,OAAO,CAACC,MAAM,CAAC,UAACC,UAAU,EAAEd,KAAK,EAAK;IACzCc,UAAU,CAACd,KAAK,CAACE,OAAO,CAAC,GAAGH,6BAA6B,CAACC,KAAK,CAAC;IAChE,OAAOc,UAAU;EACrB,CAAC,EAAE,CAAC,CAAC,CAAyB;AAClC,CAAC;AAAC;AAEK,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,IAAgB,EAAgC;EAC3E,IAAIA,IAAI,CAACP,MAAM,KAAK,WAAW,EAAE;IAC7B,OAAO,WAAW;EACtB,CAAC,MAAM,IAAIO,IAAI,CAACP,MAAM,KAAK,aAAa,IAAK,CAACO,IAAI,CAACT,SAAS,IAAIS,IAAI,CAACP,MAAM,KAAK,OAAQ,EAAE;IACtF,OAAO,aAAa;EACxB;EACA,OAAO,OAAO;AAClB,CAAC;AAAC;AAEK,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAiB,CAAID,IAAgB,EAAa;EAC3D,IAAMP,MAAM,GAAGM,cAAc,CAACC,IAAI,CAAC;EACnC,QAAQP,MAAM;IACV,KAAK,WAAW;MACZ,OAAO,0BAA0B;IACrC,KAAK,aAAa;MACd,OAAO,oCAAoC;IAC/C;MACI,OAAO,kDAAkD;EAAC;AAEtE,CAAC;AAAC"}

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

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderListItemOptions = exports.renderItem = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Typography = require("@webiny/ui/Typography");
-
 var _createEntryUrl = require("./createEntryUrl");
-
 var _reactRouter = require("@webiny/react-router");
-
 var _EntryStatus = require("./EntryStatus");
-
 var _Button = require("@webiny/ui/Button");
-
 var _emotion = require("emotion");
-
 var ModelId = /*#__PURE__*/(0, _styled.default)("span", {
   target: "ejkg0kv0",
   label: "ModelId"
@@ -32,7 +22,6 @@ var ModelId = /*#__PURE__*/(0, _styled.default)("span", {
 var iconButtonClassName = /*#__PURE__*/(0, _emotion.css)({
   verticalAlign: "top"
 }, "label:iconButtonClassName;");
-
 var renderItem = function renderItem(props) {
   return /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "body2"
@@ -40,9 +29,7 @@ var renderItem = function renderItem(props) {
     to: (0, _createEntryUrl.createEntryUrl)(props)
   }, props.name), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(ModelId, null, "Model: ", props.modelName));
 };
-
 exports.renderItem = renderItem;
-
 var renderListItemOptions = function renderListItemOptions(item) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     icon: /*#__PURE__*/_react.default.createElement(_EntryStatus.EntryStatus, {
@@ -52,5 +39,4 @@ var renderListItemOptions = function renderListItemOptions(item) {
     className: iconButtonClassName
   });
 };
-
 exports.renderListItemOptions = renderListItemOptions;

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

@@ -1 +1 @@
-{"version":3,"names":["ModelId","styled","color","iconButtonClassName","css","verticalAlign","renderItem","props","createEntryUrl","name","modelName","renderListItemOptions","item"],"sources":["renderItem.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { Link } from \"@webiny/react-router\";\nimport { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { css } from \"emotion\";\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\nconst iconButtonClassName = css({\n    verticalAlign: \"top\"\n});\n\nexport interface RenderItemProps {\n    name: string;\n    modelName: string;\n    modelId: string;\n    id: string;\n}\nexport const renderItem: React.FC<RenderItemProps> = props => {\n    return (\n        <Typography use={\"body2\"}>\n            <Link to={createEntryUrl(props)}>{props.name}</Link>\n            <br />\n            <ModelId>Model: {props.modelName}</ModelId>\n        </Typography>\n    );\n};\n\nexport const renderListItemOptions = (item: OptionItem) => {\n    return (\n        <IconButton\n            icon={<EntryStatus item={item} placement={\"top\"} />}\n            className={iconButtonClassName}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA,IAAMA,OAAO,oBAAGC,eAAH,EAAU,MAAV;EAAA;EAAA;AAAA,GAAkB;EAC3BC,KAAK,EAAE;AADoB,CAAlB,CAAb;AAIA,IAAMC,mBAAmB,gBAAG,IAAAC,YAAA,EAAI;EAC5BC,aAAa,EAAE;AADa,CAAJ,+BAA5B;;AAUO,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;EAC1D,oBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,gBACI,6BAAC,iBAAD;IAAM,EAAE,EAAE,IAAAC,8BAAA,EAAeD,KAAf;EAAV,GAAkCA,KAAK,CAACE,IAAxC,CADJ,eAEI,wCAFJ,eAGI,6BAAC,OAAD,QAAS,SAAT,EAAiBF,KAAK,CAACG,SAAvB,CAHJ,CADJ;AAOH,CARM;;;;AAUA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAsB;EACvD,oBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,wBAAD;MAAa,IAAI,EAAEA,IAAnB;MAAyB,SAAS,EAAE;IAApC,EADV;IAEI,SAAS,EAAET;EAFf,EADJ;AAMH,CAPM"}
+{"version":3,"names":["ModelId","styled","color","iconButtonClassName","css","verticalAlign","renderItem","props","createEntryUrl","name","modelName","renderListItemOptions","item"],"sources":["renderItem.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { Link } from \"@webiny/react-router\";\nimport { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { css } from \"emotion\";\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\nconst iconButtonClassName = css({\n    verticalAlign: \"top\"\n});\n\nexport interface RenderItemProps {\n    name: string;\n    modelName: string;\n    modelId: string;\n    id: string;\n}\nexport const renderItem: React.FC<RenderItemProps> = props => {\n    return (\n        <Typography use={\"body2\"}>\n            <Link to={createEntryUrl(props)}>{props.name}</Link>\n            <br />\n            <ModelId>Model: {props.modelName}</ModelId>\n        </Typography>\n    );\n};\n\nexport const renderListItemOptions = (item: OptionItem) => {\n    return (\n        <IconButton\n            icon={<EntryStatus item={item} placement={\"top\"} />}\n            className={iconButtonClassName}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA,IAAMA,OAAO,oBAAGC,eAAM,EAAC,MAAM;EAAA;EAAA;AAAA,GAAE;EAC3BC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,mBAAmB,gBAAG,IAAAC,YAAG,EAAC;EAC5BC,aAAa,EAAE;AACnB,CAAC,+BAAC;AAQK,IAAMC,UAAqC,GAAG,SAAxCA,UAAqC,CAAGC,KAAK,EAAI;EAC1D,oBACI,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAQ,gBACrB,6BAAC,iBAAI;IAAC,EAAE,EAAE,IAAAC,8BAAc,EAACD,KAAK;EAAE,GAAEA,KAAK,CAACE,IAAI,CAAQ,eACpD,wCAAM,eACN,6BAAC,OAAO,QAAC,SAAO,EAACF,KAAK,CAACG,SAAS,CAAW,CAClC;AAErB,CAAC;AAAC;AAEK,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIC,IAAgB,EAAK;EACvD,oBACI,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,wBAAW;MAAC,IAAI,EAAEA,IAAK;MAAC,SAAS,EAAE;IAAM,EAAI;IACpD,SAAS,EAAET;EAAoB,EACjC;AAEV,CAAC;AAAC"}

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

@@ -1,4 +1,4 @@
-import { CmsContentEntryStatusType, CmsModel } from "../../../../../types";
+import { CmsContentEntryStatusType, CmsIdentity, CmsModel } from "../../../../../types";
 export interface OptionItem {
     id: string;
     entryId: string;
@@ -16,11 +16,21 @@ export interface CmsReferenceContentEntry {
     id: string;
     entryId: string;
     title: string;
+    description?: string | null;
+    image?: string | null;
     status: CmsContentEntryStatusType;
     model: Pick<CmsModel, "modelId" | "name">;
+    createdBy: CmsIdentity;
+    modifiedBy?: CmsIdentity | null;
     published?: {
         id: string;
         entryId: string;
         title: string;
     };
+    createdOn: Date;
+    savedOn: Date;
+}
+export interface CmsReferenceValue {
+    id: string;
+    modelId: string;
 }

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { CmsContentEntryStatusType, CmsModel } from \"~/types\";\n\nexport interface OptionItem {\n    id: string;\n    entryId: string;\n    modelId: string;\n    modelName: string;\n    name: string;\n    published: string | null;\n    latest: string | null;\n    status: CmsContentEntryStatusType;\n}\n\nexport interface OptionItemCollection {\n    [key: string]: OptionItem;\n}\n\nexport interface CmsReferenceContentEntry {\n    id: string;\n    entryId: string;\n    title: string;\n    status: CmsContentEntryStatusType;\n    model: Pick<CmsModel, \"modelId\" | \"name\">;\n    published?: {\n        id: string;\n        entryId: string;\n        title: string;\n    };\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { CmsContentEntryStatusType, CmsIdentity, CmsModel } from \"~/types\";\n\nexport interface OptionItem {\n    id: string;\n    entryId: string;\n    modelId: string;\n    modelName: string;\n    name: string;\n    published: string | null;\n    latest: string | null;\n    status: CmsContentEntryStatusType;\n}\n\nexport interface OptionItemCollection {\n    [key: string]: OptionItem;\n}\n\nexport interface CmsReferenceContentEntry {\n    id: string;\n    entryId: string;\n    title: string;\n    description?: string | null;\n    image?: string | null;\n    status: CmsContentEntryStatusType;\n    model: Pick<CmsModel, \"modelId\" | \"name\">;\n    createdBy: CmsIdentity;\n    modifiedBy?: CmsIdentity | null;\n    published?: {\n        id: string;\n        entryId: string;\n        title: string;\n    };\n    createdOn: Date;\n    savedOn: Date;\n}\n\nexport interface CmsReferenceValue {\n    id: string;\n    modelId: string;\n}\n"],"mappings":""}

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

@@ -1,138 +1,105 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useReference = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _hooks = require("../../../../hooks");
-
 var _graphql = require("./graphql");
-
 var _helpers = require("./helpers");
-
 var _utils = require("@webiny/utils");
-
 var getValueHash = function getValueHash(value) {
   if (!value || !value.id && !value.entryId) {
     return null;
   } else if (value.entryId) {
     return value.entryId;
   }
-
   var _parseIdentifier = (0, _utils.parseIdentifier)(value.id),
-      id = _parseIdentifier.id;
-
+    id = _parseIdentifier.id;
   return id;
 };
-
 var useReference = function useReference(_ref) {
   var bind = _ref.bind,
-      field = _ref.field;
+    field = _ref.field;
   var allEntries = (0, _react.useRef)({});
   var client = (0, _hooks.useApolloClient)();
-
   var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      search = _useState2[0],
-      setSearch = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
   var _useState5 = (0, _react.useState)({}),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      entries = _useState6[0],
-      setEntries = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    entries = _useState6[0],
+    setEntries = _useState6[1];
   var _useState7 = (0, _react.useState)({}),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      latestEntries = _useState8[0],
-      setLatestEntries = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    latestEntries = _useState8[0],
+    setLatestEntries = _useState8[1];
   var _useState9 = (0, _react.useState)(null),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      valueEntry = _useState10[0],
-      setValueEntry = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    valueEntry = _useState10[0],
+    setValueEntry = _useState10[1];
   var models = field.settings ? field.settings.models || [] : [];
   var modelsHash = models.map(function (model) {
     return model.modelId;
   }).join(",");
   var value = bind.value;
   var valueHash = getValueHash(value);
-
   var searchEntries = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var _yield$client$query, data, collection;
-
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (search) {
-                _context.next = 2;
-                break;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (search) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            setLoading(true);
+            _context.next = 5;
+            return client.query({
+              query: _graphql.SEARCH_CONTENT_ENTRIES,
+              variables: {
+                modelIds: models.map(function (m) {
+                  return m.modelId;
+                }),
+                query: search,
+                limit: 10
               }
-
-              return _context.abrupt("return");
-
-            case 2:
-              setLoading(true);
-              _context.next = 5;
-              return client.query({
-                query: _graphql.SEARCH_CONTENT_ENTRIES,
-                variables: {
-                  modelIds: models.map(function (m) {
-                    return m.modelId;
-                  }),
-                  query: search,
-                  limit: 10
-                }
-              });
-
-            case 5:
-              _yield$client$query = _context.sent;
-              data = _yield$client$query.data;
-              setLoading(false);
-              collection = (0, _helpers.convertReferenceEntriesToOptionCollection)(data.content.data);
-
-              if (valueEntry) {
-                collection[valueEntry.entryId] = valueEntry;
-              }
-
-              allEntries.current = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, allEntries.current), collection);
-              setEntries(collection);
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
+            });
+          case 5:
+            _yield$client$query = _context.sent;
+            data = _yield$client$query.data;
+            setLoading(false);
+            collection = (0, _helpers.convertReferenceEntriesToOptionCollection)(data.content.data);
+            if (valueEntry) {
+              collection[valueEntry.entryId] = valueEntry;
+            }
+            allEntries.current = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, allEntries.current), collection);
+            setEntries(collection);
+          case 12:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
-
     return function searchEntries() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   (0, _react.useEffect)(function () {
     searchEntries();
   }, [search]);
@@ -140,7 +107,6 @@ var useReference = function useReference(_ref) {
     if (models.length === 0) {
       return;
     }
-
     client.query({
       query: _graphql.SEARCH_CONTENT_ENTRIES,
       variables: {
@@ -149,7 +115,6 @@ var useReference = function useReference(_ref) {
         }),
         limit: 10
       },
-
       /**
        * We cannot update this query response in cache after a reference entry being created/deleted,
        * which result in cached response being stale, therefore, we're setting the fetchPolicy to "network-only" to by passing cache.
@@ -158,11 +123,9 @@ var useReference = function useReference(_ref) {
     }).then(function (_ref3) {
       var data = _ref3.data;
       var latestEntryData = (0, _helpers.convertReferenceEntriesToOptionCollection)(data.content.data);
-
       if (valueEntry) {
         latestEntryData[valueEntry.entryId] = valueEntry;
       }
-
       setLatestEntries(latestEntryData);
       allEntries.current = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, allEntries.current), latestEntryData);
     });
@@ -174,9 +137,7 @@ var useReference = function useReference(_ref) {
       });
       return;
     }
-
     var entry = valueHash ? allEntries.current[valueHash] : null;
-
     if (entry) {
       /**
        * if entry exists set valueEntry to that one so we do not load new one
@@ -186,13 +147,11 @@ var useReference = function useReference(_ref) {
       });
       return;
     }
-
     setLoading(true);
     /**
      * Query loads both latest and published entries.
      * We do this in a single query because there might not be a published entry so we can use the latest one.
      */
-
     client.query({
       query: _graphql.GET_CONTENT_ENTRY,
       variables: {
@@ -204,11 +163,9 @@ var useReference = function useReference(_ref) {
     }).then(function (res) {
       setLoading(false);
       var dataEntry = res.data.latest.data;
-
       if (!dataEntry) {
         return;
       }
-
       var option = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, (0, _helpers.convertReferenceEntryToOption)(dataEntry)), {}, {
         latest: dataEntry.id,
         published: res.data.published.data ? res.data.published.data.id : null
@@ -220,7 +177,6 @@ var useReference = function useReference(_ref) {
       /**
        * Calculate a couple of props for the Autocomplete component.
        */
-
       setValueEntry(function () {
         return option;
       });
@@ -238,34 +194,31 @@ var useReference = function useReference(_ref) {
       });
       return;
     }
-
     setValueEntry(function () {
       return null;
     });
     bind.onChange(null);
   }, []);
+
   /**
    * Format options for the Autocomplete component.
    */
-
   var options = (0, _react.useMemo)(function () {
     return Object.values(entries);
   }, [valueHash, entries]);
+
   /**
    * Format default options for the Autocomplete component.
    */
-
   var defaultOptions = (0, _react.useMemo)(function () {
     return Object.values(latestEntries);
   }, [valueHash, latestEntries]);
   var outputOptions = (search && options ? options : defaultOptions) || [];
-
   if (valueEntry && outputOptions.some(function (opt) {
     return opt.entryId === valueEntry.entryId;
   }) === false) {
     outputOptions.push(valueEntry);
   }
-
   return {
     onChange: onChange,
     setSearch: setSearch,
@@ -274,5 +227,4 @@ var useReference = function useReference(_ref) {
     options: outputOptions
   };
 };
-
 exports.useReference = useReference;