@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

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

@@ -1,65 +1,106 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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;
-
-import React from "react";
-import debounce from "lodash/debounce";
-import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
-import { Link } from "@webiny/react-router";
-import { i18n } from "@webiny/app/i18n";
-import { useReferences } from "./useReferences";
-import { renderItem } from "./renderItem";
-var t = i18n.ns("app-headless-cms/admin/fields/ref");
-var warn = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Before publishing the main content entry, make sure you publish the following referenced entries: {entries}"])));
-
-function ContentEntriesMultiAutocomplete(_ref) {
+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;
-
-  var _useReferences = useReferences({
-    bind: bind,
-    field: field
-  }),
-      options = _useReferences.options,
-      setSearch = _useReferences.setSearch,
-      entries = _useReferences.entries,
-      loading = _useReferences.loading,
-      onChange = _useReferences.onChange;
-
-  var entryWarning = function entryWarning(_ref2, index) {
-    var id = _ref2.id,
-        modelId = _ref2.modelId,
-        name = _ref2.name,
-        published = _ref2.published;
-    return !published && /*#__PURE__*/React.createElement(React.Fragment, {
+    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;
+  var _useNewRefEntry = (0, _useNewRefEntry2.useNewRefEntry)({
+      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;
+    if (published) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: id
-    }, index > 0 && ", ", /*#__PURE__*/React.createElement(Link, {
+    }, 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 === false;
+    return !item.published;
   });
-
-  if (warning.length) {
+  if (warning.length > 0) {
     warning = warn({
-      entries: /*#__PURE__*/React.createElement(React.Fragment, null, warning.map(entryWarning))
+      entries: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, warning.map(entryWarning))
     });
   }
-
-  return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
-    renderItem: renderItem,
-    renderListItemLabel: renderItem,
+  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,
+      onChange: refEntryOnChange
+    }, /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
+      renderItem: _renderItem.renderItem,
+      renderListItemLabel: _renderItem.renderItem,
+      renderListItemOptions: _renderItem.renderListItemOptions,
+      useMultipleSelectionList: true,
+      onChange: onChange,
+      loading: loading,
+      value: entries,
+      options: options,
+      label: field.label,
+      onInput: (0, _debounce.default)(setSearch, 250),
+      description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, warning),
+      noResultFound: /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.NewEntryButton, null)
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
+    renderItem: _renderItem.renderItem,
+    renderListItemLabel: _renderItem.renderItem,
+    renderListItemOptions: _renderItem.renderListItemOptions,
     useMultipleSelectionList: true,
     onChange: onChange,
     loading: loading,
     value: entries,
     options: options,
     label: field.label,
-    onInput: debounce(setSearch, 250),
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, warning)
+    onInput: (0, _debounce.default)(setSearch, 250),
+    description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, warning),
+    noResultFound: helpText
   }));
-}
-
-export default ContentEntriesMultiAutocomplete;
+};
+var _default = ContentEntriesMultiAutocomplete;
+exports.default = _default;

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

@@ -0,0 +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 { 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.d.ts

@@ -0,0 +1,10 @@
+import { OptionItem } from "./types";
+import React from "react";
+import { TooltipProps } from "@webiny/ui/Tooltip";
+interface EntryStatusProps {
+    item: OptionItem | null;
+    placement?: TooltipProps["placement"];
+    className?: string;
+}
+export declare const EntryStatus: React.FC<EntryStatusProps>;
+export {};

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

@@ -0,0 +1,56 @@
+"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"
+})({
+  display: "table-cell",
+  verticalAlign: "middle"
+});
+var EntryStatusWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "ermydxe1",
+  label: "EntryStatusWrapper"
+})({
+  display: "table"
+});
+var EntryStatusTooltip = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "ermydxe2",
+  label: "EntryStatusTooltip"
+})({
+  display: "table-cell",
+  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;
+  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";
+  var unpublished = status === "unpublished";
+  return /*#__PURE__*/_react.default.createElement(EntryStatusWrapper, {
+    className: className
+  }, /*#__PURE__*/_react.default.createElement(EntryStatusTooltip, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: tooltipText,
+    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

@@ -0,0 +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,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.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare const ReferenceMultipleModelsHelpText: () => JSX.Element;
+interface MissingEntryHelpTextProps {
+    refModelId: string;
+}
+declare const MissingEntryHelpText: React.FC<MissingEntryHelpTextProps>;
+export default MissingEntryHelpText;

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

@@ -0,0 +1,41 @@
+"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, {
+    use: "caption"
+  }, missingEntryLabel({
+    newEntryLink: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+      to: (0, _createEntryUrl.createNewEntryUrl)(refModelId),
+      target: "_blank"
+    }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["entry"]))))
+  }));
+};
+var _default = MissingEntryHelpText;
+exports.default = _default;

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

@@ -0,0 +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;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"}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { CmsEditorContentEntry } from "../../../../../types";
+export declare const NewEntryButton: () => JSX.Element;
+interface NewRefEntryProps {
+    modelId: string;
+    children: React.ReactElement;
+    onChange: (entry: CmsEditorContentEntry) => void;
+}
+declare const NewRefEntryFormDialog: React.FC<NewRefEntryProps>;
+export default NewRefEntryFormDialog;

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

@@ -0,0 +1,152 @@
+"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 = exports.NewEntryButton = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _emotion = require("emotion");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Dialog = require("@webiny/ui/Dialog");
+var _Button = require("@webiny/ui/Button");
+var _appAdmin = require("@webiny/app-admin");
+var _i18n = require("@webiny/app/i18n");
+var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
+var _ContentEntriesContext = require("../../../../views/contentEntries/ContentEntriesContext");
+var _ContentEntryContext = require("../../../../views/contentEntries/ContentEntry/ContentEntryContext");
+var _ContentEntryForm = require("../../../../components/ContentEntryForm/ContentEntryForm");
+var _hooks = require("../../../../hooks");
+var _contentModels = require("../../../../graphql/contentModels");
+var _useContentEntry3 = require("../../../../views/contentEntries/hooks/useContentEntry");
+var _useNewRefEntryDialog3 = require("../hooks/useNewRefEntryDialog");
+var _ModelProvider = require("../../../../components/ModelProvider");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
+var dialogContentStyles = /*#__PURE__*/(0, _emotion.css)("width:786px;label:dialogContentStyles;");
+var dialogContainerStyles = /*#__PURE__*/(0, _emotion.css)("&.mdc-dialog{z-index:17;}label:dialogContainerStyles;");
+var EntryForm = function EntryForm(_ref) {
+  var onCreate = _ref.onCreate;
+  var _useContentEntry = (0, _useContentEntry3.useContentEntry)(),
+    setFormRef = _useContentEntry.setFormRef,
+    contentModel = _useContentEntry.contentModel;
+  return /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
+    model: contentModel
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntryForm.ContentEntryForm, {
+    onSubmit: function onSubmit(data) {
+      /**
+       * We know that data is CmsEditorContentEntry.
+       */
+      return onCreate(data);
+    },
+    onForm: function onForm(form) {
+      return setFormRef(form);
+    },
+    entry: {},
+    addEntryToListCache: false
+  }));
+};
+var DialogSaveButton = function DialogSaveButton() {
+  var _useContentEntry2 = (0, _useContentEntry3.useContentEntry)(),
+    form = _useContentEntry2.form;
+  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    onClick: form.current.submit
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Create Entry"]))));
+};
+var DefaultButton = /*#__PURE__*/(0, _styled.default)(_Button.ButtonDefault, {
+  label: "DefaultButton",
+  target: "eantjap0"
+})("margin-left:32px;");
+var NewEntryButton = function NewEntryButton() {
+  var _useNewRefEntryDialog = (0, _useNewRefEntryDialog3.useNewRefEntryDialog)(),
+    setOpen = _useNewRefEntryDialog.setOpen;
+  return /*#__PURE__*/_react.default.createElement(DefaultButton, {
+    small: true,
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+    icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+  }), t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["New Entry"]))));
+};
+exports.NewEntryButton = NewEntryButton;
+var NewRefEntryFormDialog = function NewRefEntryFormDialog(_ref2) {
+  var modelId = _ref2.modelId,
+    children = _ref2.children,
+    onChange = _ref2.onChange;
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    contentModel = _useState2[0],
+    setContentModel = _useState2[1];
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  (0, _hooks.useQuery)(_contentModels.GET_CONTENT_MODEL, {
+    skip: !modelId,
+    variables: {
+      modelId: modelId
+    },
+    onCompleted: function onCompleted(data) {
+      var contentModelData = (0, _get.default)(data, "getContentModel.data");
+      if (contentModelData) {
+        setContentModel(contentModelData);
+        return;
+      }
+      showSnackbar(t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Could not load content for model \"{modelId}\". Redirecting..."])))({
+        modelId: modelId
+      }));
+    }
+  });
+  var _useNewRefEntryDialog2 = (0, _useNewRefEntryDialog3.useNewRefEntryDialog)(),
+    open = _useNewRefEntryDialog2.open,
+    setOpen = _useNewRefEntryDialog2.setOpen;
+  var hideDialog = (0, _react.useCallback)(function () {
+    return setOpen(false);
+  }, []);
+  var onCreate = (0, _react.useCallback)(function (entry) {
+    if (!contentModel) {
+      setOpen(false);
+      return;
+    }
+    onChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, entry), {}, {
+      /*
+       * Format data for AutoComplete.
+       */
+      published: (0, _get.default)(entry, "meta.status") === "published",
+      modelId: contentModel.modelId,
+      modelName: contentModel.name
+    }));
+    setOpen(false);
+  }, [onChange, contentModel]);
+  if (!contentModel) {
+    return children;
+  }
+  return /*#__PURE__*/_react.default.createElement(_ContentEntriesContext.Provider, {
+    contentModel: contentModel,
+    key: contentModel.modelId,
+    insideDialog: true
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.Provider, {
+    isNewEntry: function isNewEntry() {
+      return true;
+    },
+    getContentId: function getContentId() {
+      return null;
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: open,
+    onClose: hideDialog,
+    className: dialogContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["New {modelName} Entry"])))({
+    modelName: contentModel.name
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, {
+    className: dialogContentStyles
+  }, /*#__PURE__*/_react.default.createElement(EntryForm, {
+    onCreate: onCreate
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogCancel, null, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(DialogSaveButton, null))), children));
+};
+var _default = NewRefEntryFormDialog;
+exports.default = _default;

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,6 @@
+export interface CreateEntryUrlParams {
+    id: string;
+    modelId: string;
+}
+export declare const createEntryUrl: ({ modelId, id }: CreateEntryUrlParams) => string;
+export declare const createNewEntryUrl: (modelId: string) => string;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createNewEntryUrl = exports.createEntryUrl = void 0;
+var createEntryUrl = function createEntryUrl(_ref) {
+  var modelId = _ref.modelId,
+    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

@@ -0,0 +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,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.d.ts

@@ -1,4 +1,62 @@
+import { CmsErrorResponse } from "../../../../../types";
+import { CmsReferenceContentEntry } from "./types";
+/**
+ * #########################
+ * Common variables
+ */
+export interface CmsEntryGetEntryVariable {
+    modelId: string;
+    id: string;
+}
+/**
+ * #########################
+ * Search Entries Query Response
+ */
+export interface CmsEntrySearchQueryResponse {
+    content: {
+        data: CmsReferenceContentEntry[];
+        error: CmsErrorResponse | null;
+    };
+}
+export interface CmsEntrySearchQueryVariables {
+    modelIds: string[];
+    query?: string;
+    limit?: number;
+}
 export declare const SEARCH_CONTENT_ENTRIES: import("graphql").DocumentNode;
+/**
+ * #########################
+ * Get Entries Query Response
+ */
+export interface CmsEntryGetListResponse {
+    latest: {
+        data: CmsReferenceContentEntry[];
+        error: CmsErrorResponse | null;
+    };
+    published: {
+        data: CmsReferenceContentEntry[];
+        error: CmsErrorResponse | null;
+    };
+}
+export interface CmsEntryGetListVariables {
+    entries: CmsEntryGetEntryVariable[];
+}
 export declare const GET_CONTENT_ENTRIES: import("graphql").DocumentNode;
+/**
+ * #########################
+ * Get Entry Query Response
+ */
+export interface CmsEntryGetQueryResponse {
+    latest: {
+        data: CmsReferenceContentEntry | null;
+        error: CmsErrorResponse | null;
+    };
+    published: {
+        data: CmsReferenceContentEntry | null;
+        error: CmsErrorResponse | null;
+    };
+}
+export interface CmsEntryGetQueryVariables {
+    entry: CmsEntryGetEntryVariable;
+}
 export declare const GET_CONTENT_ENTRY: import("graphql").DocumentNode;
-export declare const GET_CONTENT_MODELS: import("graphql").DocumentNode;

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

@@ -1,10 +1,32 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n}\nerror {\n    code\n    message\n    data\n}";
 
-import gql from "graphql-tag";
-var fields = "\ndata {\n    id\n    status\n    title\n    model {\n        modelId\n        name\n    }\n}\nerror {\n    code\n    message\n}\n";
-export var SEARCH_CONTENT_ENTRIES = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String!, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ", "\n        }\n    }\n"])), fields);
-export var GET_CONTENT_ENTRIES = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        content: getContentEntries(entries: $entries) {\n            ", "\n        }\n    }\n"])), fields);
-export var GET_CONTENT_ENTRY = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        content: getContentEntry(entry: $entry) {\n            ", "\n        }\n    }\n"])), fields);
-export var GET_CONTENT_MODELS = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    query CmsGetContentModels {\n        listContentModels {\n            data {\n                modelId\n                titleFieldId\n            }\n        }\n    }\n"])));
+/**
+ * #########################
+ * Common variables
+ */
+
+var SEARCH_CONTENT_ENTRIES = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ", "\n        }\n    }\n"])), fields);
+/**
+ * #########################
+ * 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;