@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

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

@@ -1,10 +1,11 @@
-import { OptionItem } from "./types";
+import type { OptionItem } from "../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 import React from "react";
-import { TooltipProps } from "@webiny/ui/Tooltip";
+import type { TooltipProps } from "@webiny/admin-ui";
 interface EntryStatusProps {
     item: OptionItem | null;
-    placement?: TooltipProps["placement"];
+    placement?: TooltipProps["side"];
     className?: string;
+    children?: React.ReactNode;
 }
-export declare const EntryStatus: React.FC<EntryStatusProps>;
+export declare const EntryStatus: (props: EntryStatusProps) => React.JSX.Element;
 export {};

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

@@ -1,69 +1,37 @@
-"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"
+import react from "react";
+import { getEntryStatus, getItemStatusText } from "./helpers.js";
+import { Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "../../../../icons/published.js";
+import { ReactComponent as unpublished_js_ReactComponent } from "../../../../icons/unpublished.js";
+import { ReactComponent as draft_js_ReactComponent } from "../../../../icons/draft.js";
+import styled from "@emotion/styled";
+const EntryStatusText = styled("div")({
+    display: "table-cell",
+    verticalAlign: "middle"
 });
-var EntryStatusWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "ermydxe1",
-  label: "EntryStatusWrapper"
-})({
-  display: "table"
+const EntryStatusWrapper = styled("div")({
+    display: "table"
 });
-var EntryStatusTooltip = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "ermydxe2",
-  label: "EntryStatusTooltip"
-})({
-  display: "table-cell",
-  width: "30px",
-  verticalAlign: "middle"
+const EntryStatusTooltip = styled("div")({
+    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));
+const EntryStatus = (props)=>{
+    const { item, children, placement = "bottom", className } = props;
+    if (!item) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+    const status = getEntryStatus(item);
+    const tooltipText = getItemStatusText(item);
+    const published = "published" === status;
+    const unpublished = "unpublished" === status;
+    return /*#__PURE__*/ react.createElement(EntryStatusWrapper, {
+        className: className
+    }, /*#__PURE__*/ react.createElement(EntryStatusTooltip, null, /*#__PURE__*/ react.createElement(Tooltip, {
+        content: tooltipText,
+        side: placement,
+        trigger: /*#__PURE__*/ react.createElement(react.Fragment, null, published && /*#__PURE__*/ react.createElement(ReactComponent, null), unpublished && /*#__PURE__*/ react.createElement(unpublished_js_ReactComponent, null), !published && !unpublished && /*#__PURE__*/ react.createElement(draft_js_ReactComponent, null))
+    })), children && /*#__PURE__*/ react.createElement(EntryStatusText, null, children));
 };
+export { EntryStatus };
 
-exports.EntryStatus = EntryStatus;
+//# sourceMappingURL=EntryStatus.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["EntryStatusText","styled","display","verticalAlign","EntryStatusWrapper","EntryStatusTooltip","width","EntryStatus","props","item","children","placement","className","status","getEntryStatus","tooltipText","getItemStatusText","published","unpublished"],"sources":["EntryStatus.tsx"],"sourcesContent":["import { OptionItem } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport React from \"react\";\nimport {\n    getEntryStatus,\n    getItemStatusText\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\nimport { Tooltip, TooltipProps } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as PublishedIcon } from \"~/admin/icons/published.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"~/admin/icons/unpublished.svg\";\nimport { ReactComponent as DraftIcon } from \"~/admin/icons/draft.svg\";\nimport styled from \"@emotion/styled\";\n\nconst EntryStatusText = styled(\"div\")({\n    display: \"table-cell\",\n    verticalAlign: \"middle\"\n});\n\nconst EntryStatusWrapper = styled(\"div\")({\n    display: \"table\"\n});\nconst EntryStatusTooltip = styled(\"div\")({\n    display: \"table-cell\",\n    width: \"30px\",\n    verticalAlign: \"middle\"\n});\n\ninterface EntryStatusProps {\n    item: OptionItem | null;\n    placement?: TooltipProps[\"placement\"];\n    className?: string;\n}\nexport const EntryStatus: React.FC<EntryStatusProps> = props => {\n    const { item, children, placement = \"bottom\", className } = props;\n    if (!item) {\n        return <>{children}</>;\n    }\n    const status = getEntryStatus(item);\n    const tooltipText = getItemStatusText(item);\n\n    const published = status === \"published\";\n    const unpublished = status === \"unpublished\";\n    return (\n        <EntryStatusWrapper className={className}>\n            <EntryStatusTooltip>\n                <Tooltip content={tooltipText} placement={placement}>\n                    {published && <PublishedIcon />}\n                    {unpublished && <UnpublishedIcon />}\n                    {!published && !unpublished && <DraftIcon />}\n                </Tooltip>\n            </EntryStatusTooltip>\n            {children && <EntryStatusText>{children}</EntryStatusText>}\n        </EntryStatusWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAClCC,OAAO,EAAE,YADyB;EAElCC,aAAa,EAAE;AAFmB,CAAjB,CAArB;AAKA,IAAMC,kBAAkB,oBAAGH,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCC,OAAO,EAAE;AAD4B,CAAjB,CAAxB;AAGA,IAAMG,kBAAkB,oBAAGJ,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCC,OAAO,EAAE,YAD4B;EAErCI,KAAK,EAAE,MAF8B;EAGrCH,aAAa,EAAE;AAHsB,CAAjB,CAAxB;;AAWO,IAAMI,WAAuC,GAAG,SAA1CA,WAA0C,CAAAC,KAAK,EAAI;EAC5D,IAAQC,IAAR,GAA4DD,KAA5D,CAAQC,IAAR;EAAA,IAAcC,QAAd,GAA4DF,KAA5D,CAAcE,QAAd;EAAA,uBAA4DF,KAA5D,CAAwBG,SAAxB;EAAA,IAAwBA,SAAxB,iCAAoC,QAApC;EAAA,IAA8CC,SAA9C,GAA4DJ,KAA5D,CAA8CI,SAA9C;;EACA,IAAI,CAACH,IAAL,EAAW;IACP,oBAAO,4DAAGC,QAAH,CAAP;EACH;;EACD,IAAMG,MAAM,GAAG,IAAAC,uBAAA,EAAeL,IAAf,CAAf;EACA,IAAMM,WAAW,GAAG,IAAAC,0BAAA,EAAkBP,IAAlB,CAApB;EAEA,IAAMQ,SAAS,GAAGJ,MAAM,KAAK,WAA7B;EACA,IAAMK,WAAW,GAAGL,MAAM,KAAK,aAA/B;EACA,oBACI,6BAAC,kBAAD;IAAoB,SAAS,EAAED;EAA/B,gBACI,6BAAC,kBAAD,qBACI,6BAAC,gBAAD;IAAS,OAAO,EAAEG,WAAlB;IAA+B,SAAS,EAAEJ;EAA1C,GACKM,SAAS,iBAAI,6BAAC,yBAAD,OADlB,EAEKC,WAAW,iBAAI,6BAAC,2BAAD,OAFpB,EAGK,CAACD,SAAD,IAAc,CAACC,WAAf,iBAA8B,6BAAC,qBAAD,OAHnC,CADJ,CADJ,EAQKR,QAAQ,iBAAI,6BAAC,eAAD,QAAkBA,QAAlB,CARjB,CADJ;AAYH,CAtBM"}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/EntryStatus.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/EntryStatus.tsx"],"sourcesContent":["import type { OptionItem } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport React from \"react\";\nimport {\n    getEntryStatus,\n    getItemStatusText\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers.js\";\nimport type { TooltipProps } from \"@webiny/admin-ui\";\nimport { Tooltip } from \"@webiny/admin-ui\";\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[\"side\"];\n    className?: string;\n    children?: React.ReactNode;\n}\nexport const EntryStatus = (props: EntryStatusProps) => {\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\n                    content={tooltipText}\n                    side={placement}\n                    trigger={\n                        <>\n                            {published && <PublishedIcon />}\n                            {unpublished && <UnpublishedIcon />}\n                            {!published && !unpublished && <DraftIcon />}\n                        </>\n                    }\n                />\n            </EntryStatusTooltip>\n            {children && <EntryStatusText>{children}</EntryStatusText>}\n        </EntryStatusWrapper>\n    );\n};\n"],"names":["EntryStatusText","styled","EntryStatusWrapper","EntryStatusTooltip","EntryStatus","props","item","children","placement","className","status","getEntryStatus","tooltipText","getItemStatusText","published","unpublished","Tooltip","PublishedIcon","UnpublishedIcon","DraftIcon"],"mappings":";;;;;;;AAaA,MAAMA,kBAAkBC,OAAO,OAAO;IAClC,SAAS;IACT,eAAe;AACnB;AAEA,MAAMC,qBAAqBD,OAAO,OAAO;IACrC,SAAS;AACb;AACA,MAAME,qBAAqBF,OAAO,OAAO;IACrC,SAAS;IACT,OAAO;IACP,eAAe;AACnB;AAQO,MAAMG,cAAc,CAACC;IACxB,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,EAAEC,SAAS,EAAE,GAAGJ;IAC5D,IAAI,CAACC,MACD,OAAO,WAAP,GAAO,0CAAGC;IAEd,MAAMG,SAASC,eAAeL;IAC9B,MAAMM,cAAcC,kBAAkBP;IAEtC,MAAMQ,YAAYJ,AAAW,gBAAXA;IAClB,MAAMK,cAAcL,AAAW,kBAAXA;IACpB,OAAO,WAAP,GACI,oBAACR,oBAAkBA;QAAC,WAAWO;qBAC3B,oBAACN,oBAAkBA,MAAAA,WAAAA,GACf,oBAACa,SAAOA;QACJ,SAASJ;QACT,MAAMJ;QACN,uBACI,0CACKM,aAAa,WAAbA,GAAa,oBAACG,gBAAaA,OAC3BF,eAAe,WAAfA,GAAe,oBAACG,+BAAeA,OAC/B,CAACJ,aAAa,CAACC,eAAe,WAAfA,GAAe,oBAACI,yBAASA;SAKxDZ,YAAY,WAAZA,GAAY,oBAACP,iBAAeA,MAAEO;AAG3C"}

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

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

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

@@ -1,56 +1,30 @@
-"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;
+import react from "react";
+import styled from "@emotion/styled";
+import { Text } from "@webiny/admin-ui";
+import { SimpleLink } from "@webiny/app-admin";
+import { createNewEntryUrl } from "./createEntryUrl.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const missingEntryLabel = t`If you can't find the intended reference value in the target model,
+         please close this dialog and populate the {newEntryLink} in the target model first.`;
+const referenceMultipleModelsLabel = t`The creation of reference values from within this view is only supported
+ when a single reference model is selected. To reference values from multiple models,
+ please make sure the referenced values exist before setting the reference.`;
+const HelpTextTypography = styled(Text)`
+    & {
+        display: inline-block;
+        color: var(--mdc-theme-text-secondary-on-background) !important;
+    }
+`;
+const ReferenceMultipleModelsHelpText = ()=>/*#__PURE__*/ react.createElement(HelpTextTypography, null, referenceMultipleModelsLabel);
+const MissingEntryHelpText = ({ refModelId })=>/*#__PURE__*/ react.createElement(HelpTextTypography, null, missingEntryLabel({
+        newEntryLink: /*#__PURE__*/ react.createElement(SimpleLink, {
+            to: createNewEntryUrl(refModelId),
+            target: "_blank"
+        }, t`entry`)
+    }));
+const components_MissingEntryHelpText = MissingEntryHelpText;
+export default components_MissingEntryHelpText;
+export { ReferenceMultipleModelsHelpText };
+
+//# sourceMappingURL=MissingEntryHelpText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","missingEntryLabel","referenceMultipleModelsLabel","HelpTextTypography","styled","Typography","ReferenceMultipleModelsHelpText","MissingEntryHelpText","refModelId","newEntryLink","createNewEntryUrl"],"sources":["MissingEntryHelpText.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Link } from \"@webiny/react-router\";\nimport { createNewEntryUrl } from \"./createEntryUrl\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst missingEntryLabel = t`If you can't find the intended reference value in the target model,\n         please close this dialog and populate the {newEntryLink} in the target model first.`;\n\nconst referenceMultipleModelsLabel = t`The creation of reference values from within this view is only supported\n when a single reference model is selected. To reference values from multiple models,\n please make sure the referenced values exist before setting the reference.`;\n\nconst HelpTextTypography = styled(Typography)`\n    & {\n        display: inline-block;\n        color: var(--mdc-theme-text-secondary-on-background) !important;\n    }\n`;\n\nexport const ReferenceMultipleModelsHelpText = () => {\n    return <HelpTextTypography use={\"caption\"}>{referenceMultipleModelsLabel}</HelpTextTypography>;\n};\n\ninterface MissingEntryHelpTextProps {\n    refModelId: string;\n}\nconst MissingEntryHelpText: React.FC<MissingEntryHelpTextProps> = ({ refModelId }) => {\n    return (\n        <HelpTextTypography use={\"caption\"}>\n            {missingEntryLabel({\n                newEntryLink: (\n                    <Link to={createNewEntryUrl(refModelId)} target={\"_blank\"}>{t`entry`}</Link>\n                )\n            })}\n        </HelpTextTypography>\n    );\n};\n\nexport default MissingEntryHelpText;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mCAAR,CAAV;;AAEA,IAAMC,iBAAiB,GAAGH,CAAH,oPAAvB;AAGA,IAAMI,4BAA4B,GAAGJ,CAAH,iUAAlC;AAIA,IAAMK,kBAAkB,oBAAGC,eAAH,EAAUC,sBAAV;EAAA;EAAA;AAAA,6FAAxB;;AAOO,IAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,GAAM;EACjD,oBAAO,6BAAC,kBAAD;IAAoB,GAAG,EAAE;EAAzB,GAAqCJ,4BAArC,CAAP;AACH,CAFM;;;;AAOP,IAAMK,oBAAyD,GAAG,SAA5DA,oBAA4D,OAAoB;EAAA,IAAjBC,UAAiB,QAAjBA,UAAiB;EAClF,oBACI,6BAAC,kBAAD;IAAoB,GAAG,EAAE;EAAzB,GACKP,iBAAiB,CAAC;IACfQ,YAAY,eACR,6BAAC,iBAAD;MAAM,EAAE,EAAE,IAAAC,iCAAA,EAAkBF,UAAlB,CAAV;MAAyC,MAAM,EAAE;IAAjD,GAA4DV,CAA5D;EAFW,CAAD,CADtB,CADJ;AASH,CAVD;;eAYeS,oB"}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/MissingEntryHelpText.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/MissingEntryHelpText.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { SimpleLink } from \"@webiny/app-admin\";\nimport { createNewEntryUrl } from \"./createEntryUrl.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\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(Text)`\n    & {\n        display: inline-block;\n        color: var(--mdc-theme-text-secondary-on-background) !important;\n    }\n`;\n\nexport const ReferenceMultipleModelsHelpText = () => {\n    return <HelpTextTypography>{referenceMultipleModelsLabel}</HelpTextTypography>;\n};\n\ninterface MissingEntryHelpTextProps {\n    refModelId: string;\n}\nconst MissingEntryHelpText = ({ refModelId }: MissingEntryHelpTextProps) => {\n    return (\n        <HelpTextTypography>\n            {missingEntryLabel({\n                newEntryLink: (\n                    <SimpleLink\n                        to={createNewEntryUrl(refModelId)}\n                        target={\"_blank\"}\n                    >{t`entry`}</SimpleLink>\n                )\n            })}\n        </HelpTextTypography>\n    );\n};\n\nexport default MissingEntryHelpText;\n"],"names":["t","i18n","missingEntryLabel","referenceMultipleModelsLabel","HelpTextTypography","styled","Text","ReferenceMultipleModelsHelpText","MissingEntryHelpText","refModelId","SimpleLink","createNewEntryUrl"],"mappings":";;;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,oBAAoBF,CAAC,CAAC;4FACgE,CAAC;AAE7F,MAAMG,+BAA+BH,CAAC,CAAC;;2EAEoC,CAAC;AAE5E,MAAMI,qBAAqBC,OAAOC,KAAK,CAAC;;;;;AAKxC,CAAC;AAEM,MAAMC,kCAAkC,IACpC,WAAP,GAAO,oBAACH,oBAAkBA,MAAED;AAMhC,MAAMK,uBAAuB,CAAC,EAAEC,UAAU,EAA6B,GAC5D,WAAP,GACI,oBAACL,oBAAkBA,MACdF,kBAAkB;QACf,cAAc,WAAd,GACI,oBAACQ,YAAUA;YACP,IAAIC,kBAAkBF;YACtB,QAAQ;WACVT,CAAC,CAAC,KAAK,CAAC;IAElB;AAKZ,wCAAeQ"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const NewEntryButton: ({ onClick }: {
+    onClick: () => void;
+}) => React.JSX.Element;

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

@@ -0,0 +1,15 @@
+import react from "react";
+import styled from "@emotion/styled";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/app-admin/assets/icons/add-18px.svg";
+const DefaultButton = styled(Button)`
+    margin-left: 32px;
+`;
+const NewEntryButton = ({ onClick })=>/*#__PURE__*/ react.createElement(DefaultButton, {
+        variant: "secondary",
+        size: "sm",
+        onClick: onClick
+    }, /*#__PURE__*/ react.createElement(ReactComponent, null), "New Entry");
+export { NewEntryButton };
+
+//# sourceMappingURL=NewEntryButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/NewEntryButton.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/NewEntryButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\n\nconst DefaultButton = styled(Button)`\n    margin-left: 32px;\n`;\n\nexport const NewEntryButton = ({ onClick }: { onClick: () => void }) => {\n    return (\n        <DefaultButton variant={\"secondary\"} size={\"sm\"} onClick={onClick}>\n            <AddIcon />\n            New Entry\n        </DefaultButton>\n    );\n};\n"],"names":["DefaultButton","styled","Button","NewEntryButton","onClick","AddIcon"],"mappings":";;;;AAKA,MAAMA,gBAAgBC,OAAOC,OAAO,CAAC;;AAErC,CAAC;AAEM,MAAMC,iBAAiB,CAAC,EAAEC,OAAO,EAA2B,GACxD,WAAP,GACI,oBAACJ,eAAaA;QAAC,SAAS;QAAa,MAAM;QAAM,SAASI;qBACtD,oBAACC,gBAAOA,OAAG"}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsModel } from "../../../../../types.js";
+interface NewReferencedEntryDialogProps {
+    model: Pick<CmsModel, "modelId">;
+    onClose: () => void;
+    onChange: (entry: any) => void;
+}
+export declare const NewReferencedEntryDialog: ({ model: baseModel, onClose, onChange }: NewReferencedEntryDialogProps) => React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,154 @@
+import react, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { ContentEntryProvider } from "../../../../views/contentEntries/ContentEntry/ContentEntryContext.js";
+import { FoldersProvider } from "@webiny/app-aco/contexts/folders.js";
+import { ContentEntriesProvider } from "../../../../views/contentEntries/ContentEntriesContext.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useContentEntry } from "../../../../views/contentEntries/hooks/useContentEntry.js";
+import { ModelProvider } from "../../../../components/ModelProvider/index.js";
+import { ContentEntryForm } from "../../../../components/ContentEntryForm/ContentEntryForm.js";
+import { GET_CONTENT_MODEL } from "../../../../graphql/contentModels.js";
+import { useCms } from "../../../../hooks/index.js";
+import { FolderTree, NavigateFolderProvider, useLoadFolderHierarchy, useNavigateFolder } from "@webiny/app-aco";
+import { DialogsProvider, LeftPanel, RightPanel, SplitView } from "@webiny/app-admin";
+import { usePersistEntry } from "../../../../hooks/usePersistEntry.js";
+import { AcoAppContext, createAppFromModel } from "@webiny/app-aco/contexts/app.js";
+import { Drawer, OverlayLoader } from "@webiny/admin-ui";
+import { ROOT_FOLDER } from "../../../../constants.js";
+import { useContentEntryListConfig } from "../../../../config/contentEntries/index.js";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const baseEntry = {
+    values: {}
+};
+const EntryForm = ({ onCreate, setSaveEntry })=>{
+    const { contentModel, loading } = useContentEntry();
+    const { persistEntry } = usePersistEntry({
+        addItemToListCache: false
+    });
+    const { currentFolderId, navigateToFolder } = useNavigateFolder();
+    const { browser } = useContentEntryListConfig();
+    const { folders, loadFolderHierarchy } = useLoadFolderHierarchy();
+    useEffect(()=>{
+        if (0 === folders.length) loadFolderHierarchy(currentFolderId);
+    }, []);
+    const initialEntry = useMemo(()=>baseEntry, []);
+    return /*#__PURE__*/ react.createElement(ModelProvider, {
+        model: contentModel
+    }, /*#__PURE__*/ react.createElement(SplitView, null, /*#__PURE__*/ react.createElement(LeftPanel, {
+        span: 3
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "px-sm-extra py-sm"
+    }, /*#__PURE__*/ react.createElement(FolderTree, {
+        folderActions: browser.folder.actions,
+        focusedFolderId: currentFolderId,
+        onFolderClick: (data)=>navigateToFolder(data.id),
+        enableActions: true,
+        enableCreate: true
+    }))), /*#__PURE__*/ react.createElement(RightPanel, {
+        span: 9
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "p-md relative"
+    }, loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Creating entry..."
+    }) : null, /*#__PURE__*/ react.createElement(ContentEntryForm, {
+        header: false,
+        entry: initialEntry,
+        persistEntry: persistEntry,
+        onAfterCreate: (entry)=>onCreate(entry),
+        setSaveEntry: setSaveEntry
+    })))));
+};
+const NewReferencedEntryDialog = ({ model: baseModel, onClose, onChange })=>{
+    const { apolloClient } = useCms();
+    const [model, setModel] = useState(void 0);
+    useEffect(()=>{
+        (async ()=>{
+            const response = await apolloClient.query({
+                query: GET_CONTENT_MODEL,
+                variables: {
+                    modelId: baseModel.modelId
+                }
+            });
+            setModel(response.data.getContentModel.data);
+        })();
+    }, [
+        baseModel.modelId
+    ]);
+    const onCreate = useCallback((entry)=>{
+        if (!model) return void onClose();
+        onChange({
+            ...entry,
+            published: entry.meta?.status === "published",
+            modelId: model.modelId,
+            modelName: model.name
+        });
+        onClose();
+    }, [
+        onChange,
+        model
+    ]);
+    if (!model) return null;
+    const acoAppContext = {
+        app: createAppFromModel({
+            model,
+            id: `cms:${model.modelId}`
+        }),
+        client: apolloClient,
+        model,
+        folderIdPath: "wbyAco_location.folderId",
+        folderIdInPath: "wbyAco_location.folderId_in"
+    };
+    return /*#__PURE__*/ react.createElement(AcoAppContext.Provider, {
+        value: acoAppContext
+    }, /*#__PURE__*/ react.createElement(FoldersProvider, null, /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(NewReferencedEntryDialog_NavigateFolderProvider, {
+        modelId: model.modelId
+    }, /*#__PURE__*/ react.createElement(ContentEntriesProvider, {
+        contentModel: model,
+        key: model.modelId,
+        insideDialog: true
+    }, /*#__PURE__*/ react.createElement(ContentEntryProviderWithCurrentFolderId, {
+        model: model,
+        onClose: onClose,
+        onCreate: onCreate
+    }))))));
+};
+const NewReferencedEntryDialog_NavigateFolderProvider = ({ modelId, children })=>{
+    const [folderId, setFolderId] = useState(void 0);
+    const navigateToFolder = useCallback((folderId)=>{
+        setFolderId(folderId === ROOT_FOLDER ? void 0 : folderId);
+    }, []);
+    return /*#__PURE__*/ react.createElement(NavigateFolderProvider, {
+        folderId: folderId,
+        createStorageKey: ()=>`cms:${modelId}:create`,
+        navigateToFolder: navigateToFolder
+    }, children);
+};
+const ContentEntryProviderWithCurrentFolderId = ({ model, onClose, onCreate })=>{
+    const saveEntryRef = useRef(null);
+    const { currentFolderId } = useNavigateFolder();
+    return /*#__PURE__*/ react.createElement(ContentEntryProvider, {
+        isNewEntry: ()=>true,
+        getContentId: ()=>void 0,
+        currentFolderId: currentFolderId
+    }, /*#__PURE__*/ react.createElement(Drawer, {
+        open: true,
+        onClose: onClose,
+        width: 1000,
+        modal: true,
+        headerSeparator: true,
+        footerSeparator: true,
+        bodyPadding: false,
+        title: t`New {modelName} Entry`({
+            modelName: model.name
+        }),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Drawer.CancelButton, null), /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
+            onClick: ()=>saveEntryRef.current && saveEntryRef.current(),
+            text: t`Create Entry`
+        }))
+    }, /*#__PURE__*/ react.createElement(EntryForm, {
+        onCreate: onCreate,
+        setSaveEntry: (cb)=>saveEntryRef.current = cb
+    })));
+};
+export { NewReferencedEntryDialog };
+
+//# sourceMappingURL=NewReferencedEntryDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext.js\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders.js\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsContentEntry, CmsModel } from \"~/types.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider/index.js\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm.js\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { useCms } from \"~/admin/hooks/index.js\";\nimport {\n    NavigateFolderProvider as AbstractNavigateFolderProvider,\n    useLoadFolderHierarchy\n} from \"@webiny/app-aco\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\nimport { SplitView, LeftPanel, RightPanel, DialogsProvider } from \"@webiny/app-admin\";\nimport { usePersistEntry } from \"~/admin/hooks/usePersistEntry.js\";\nimport type { AcoAppProviderContext } from \"@webiny/app-aco/contexts/app.js\";\nimport { AcoAppContext, createAppFromModel } from \"@webiny/app-aco/contexts/app.js\";\nimport { Drawer, OverlayLoader } from \"@webiny/admin-ui\";\nimport { ROOT_FOLDER } from \"~/admin/constants.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\ninterface SaveEntry {\n    (): void;\n}\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsContentEntry) => void;\n    setSaveEntry: (cb: SaveEntry) => void;\n}\n\nconst baseEntry: Pick<CmsContentEntry, \"values\"> = {\n    values: {}\n};\n\nconst EntryForm = ({ onCreate, setSaveEntry }: EntryFormProps) => {\n    const { contentModel, loading } = useContentEntry();\n    const { persistEntry } = usePersistEntry({ addItemToListCache: false });\n    const { currentFolderId, navigateToFolder } = useNavigateFolder();\n    const { browser } = useContentEntryListConfig();\n    const { folders, loadFolderHierarchy } = useLoadFolderHierarchy();\n\n    useEffect(() => {\n        // The folders collection is empty, it must be the first render, let's load the full hierarchy.\n        if (folders.length === 0) {\n            loadFolderHierarchy(currentFolderId);\n        }\n    }, []);\n\n    const initialEntry = useMemo(() => {\n        return baseEntry;\n    }, []);\n\n    return (\n        <ModelProvider model={contentModel}>\n            <SplitView>\n                <LeftPanel span={3}>\n                    <div className={\"px-sm-extra py-sm\"}>\n                        <FolderTree\n                            folderActions={browser.folder.actions}\n                            focusedFolderId={currentFolderId}\n                            onFolderClick={data => navigateToFolder(data.id)}\n                            enableActions={true}\n                            enableCreate={true}\n                        />\n                    </div>\n                </LeftPanel>\n                <RightPanel span={9}>\n                    <div className={\"p-md relative\"}>\n                        {loading ? <OverlayLoader text={\"Creating entry...\"} /> : null}\n                        <ContentEntryForm\n                            header={false}\n                            entry={initialEntry}\n                            persistEntry={persistEntry}\n                            onAfterCreate={entry => onCreate(entry)}\n                            setSaveEntry={setSaveEntry}\n                        />\n                    </div>\n                </RightPanel>\n            </SplitView>\n        </ModelProvider>\n    );\n};\n\ninterface NewReferencedEntryDialogProps {\n    model: Pick<CmsModel, \"modelId\">;\n    onClose: () => void;\n    onChange: (entry: any) => void;\n}\n\nexport const NewReferencedEntryDialog = ({\n    model: baseModel,\n    onClose,\n    onChange\n}: NewReferencedEntryDialogProps) => {\n    const { apolloClient } = useCms();\n    const [model, setModel] = useState<CmsModel | undefined>(undefined);\n\n    useEffect(() => {\n        (async () => {\n            const response = await apolloClient.query<\n                GetCmsModelQueryResponse,\n                GetCmsModelQueryVariables\n            >({\n                query: GET_CONTENT_MODEL,\n                variables: {\n                    modelId: baseModel.modelId\n                }\n            });\n            setModel(response.data.getContentModel.data);\n        })();\n    }, [baseModel.modelId]);\n\n    const onCreate = useCallback(\n        (entry: CmsContentEntry) => {\n            if (!model) {\n                onClose();\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: entry.meta?.status === \"published\",\n                modelId: model.modelId,\n                modelName: model.name\n            });\n            onClose();\n        },\n        [onChange, model]\n    );\n\n    if (!model) {\n        return null;\n    }\n\n    const acoAppContext: AcoAppProviderContext = {\n        app: createAppFromModel({\n            model,\n            id: `cms:${model.modelId}`\n        }),\n        client: apolloClient,\n        model,\n        folderIdPath: \"wbyAco_location.folderId\",\n        folderIdInPath: \"wbyAco_location.folderId_in\"\n    };\n\n    return (\n        <AcoAppContext.Provider value={acoAppContext}>\n            <FoldersProvider>\n                {/* We need to mount <DialogsProvider> to render dialog content in the right context. */}\n                {/* Otherwise, you'll see odd behavior with FolderTree, loading folders of the wrong type. */}\n                <DialogsProvider>\n                    <NavigateFolderProvider modelId={model.modelId}>\n                        <ContentEntriesProvider\n                            contentModel={model}\n                            key={model.modelId}\n                            insideDialog={true}\n                        >\n                            <ContentEntryProviderWithCurrentFolderId\n                                model={model}\n                                onClose={onClose}\n                                onCreate={onCreate}\n                            />\n                        </ContentEntriesProvider>\n                    </NavigateFolderProvider>\n                </DialogsProvider>\n            </FoldersProvider>\n        </AcoAppContext.Provider>\n    );\n};\n\nconst NavigateFolderProvider = ({\n    modelId,\n    children\n}: {\n    modelId: string;\n    children: React.ReactNode;\n}) => {\n    const [folderId, setFolderId] = useState<string | undefined>(undefined);\n\n    const navigateToFolder = useCallback((folderId: string) => {\n        setFolderId(folderId === ROOT_FOLDER ? undefined : folderId);\n    }, []);\n\n    return (\n        <AbstractNavigateFolderProvider\n            folderId={folderId}\n            createStorageKey={() => `cms:${modelId}:create`}\n            navigateToFolder={navigateToFolder}\n        >\n            {children}\n        </AbstractNavigateFolderProvider>\n    );\n};\n\ninterface ContentEntryProviderWithCurrentFolderIdProps {\n    model: CmsModel;\n    onClose: () => void;\n    onCreate: (entry: CmsContentEntry) => void;\n}\n\nconst ContentEntryProviderWithCurrentFolderId = ({\n    model,\n    onClose,\n    onCreate\n}: ContentEntryProviderWithCurrentFolderIdProps) => {\n    const saveEntryRef = useRef<SaveEntry | null>(null);\n    const { currentFolderId } = useNavigateFolder();\n\n    return (\n        <ContentEntryProvider\n            isNewEntry={() => true}\n            getContentId={() => undefined}\n            currentFolderId={currentFolderId}\n        >\n            <Drawer\n                open={true}\n                onClose={onClose}\n                width={1000}\n                modal={true}\n                headerSeparator={true}\n                footerSeparator={true}\n                bodyPadding={false}\n                title={t`New {modelName} Entry`({ modelName: model.name })}\n                actions={\n                    <>\n                        <Drawer.CancelButton />\n                        <Drawer.ConfirmButton\n                            onClick={() => saveEntryRef.current && saveEntryRef.current()}\n                            text={t`Create Entry`}\n                        />\n                    </>\n                }\n            >\n                <EntryForm onCreate={onCreate} setSaveEntry={cb => (saveEntryRef.current = cb)} />\n            </Drawer>\n        </ContentEntryProvider>\n    );\n};\n"],"names":["t","i18n","baseEntry","EntryForm","onCreate","setSaveEntry","contentModel","loading","useContentEntry","persistEntry","usePersistEntry","currentFolderId","navigateToFolder","useNavigateFolder","browser","useContentEntryListConfig","folders","loadFolderHierarchy","useLoadFolderHierarchy","useEffect","initialEntry","useMemo","ModelProvider","SplitView","LeftPanel","FolderTree","data","RightPanel","OverlayLoader","ContentEntryForm","entry","NewReferencedEntryDialog","baseModel","onClose","onChange","apolloClient","useCms","model","setModel","useState","undefined","response","GET_CONTENT_MODEL","useCallback","acoAppContext","createAppFromModel","AcoAppContext","FoldersProvider","DialogsProvider","NavigateFolderProvider","ContentEntriesProvider","ContentEntryProviderWithCurrentFolderId","modelId","children","folderId","setFolderId","ROOT_FOLDER","AbstractNavigateFolderProvider","saveEntryRef","useRef","ContentEntryProvider","Drawer","cb"],"mappings":"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"}

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

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

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

@@ -1,20 +1,11 @@
-"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");
+const createEntryUrl = ({ modelId, id, folderId })=>{
+    const query = [
+        `id=${encodeURIComponent(id)}`,
+        folderId && `folderId=${encodeURIComponent(folderId)}`
+    ].filter(Boolean).join("&");
+    return `/cms/content-entries/${modelId}?${query}`;
 };
+const createNewEntryUrl = (modelId)=>`/cms/content-entries/${modelId}?new=true`;
+export { createEntryUrl, createNewEntryUrl };
 
-exports.createNewEntryUrl = createNewEntryUrl;
+//# sourceMappingURL=createEntryUrl.js.map

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,"file":"admin/plugins/fieldRenderers/ref/components/createEntryUrl.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/createEntryUrl.ts"],"sourcesContent":["export interface CreateEntryUrlParams {\n    id: string;\n    modelId: string;\n    folderId?: string;\n}\n\nexport const createEntryUrl = ({ modelId, id, folderId }: CreateEntryUrlParams): string => {\n    const query = [\n        `id=${encodeURIComponent(id)}`,\n        folderId && `folderId=${encodeURIComponent(folderId)}`\n    ]\n        .filter(Boolean)\n        .join(\"&\");\n\n    return `/cms/content-entries/${modelId}?${query}`;\n};\n\nexport const createNewEntryUrl = (modelId: string): string => {\n    return `/cms/content-entries/${modelId}?new=true`;\n};\n"],"names":["createEntryUrl","modelId","id","folderId","query","encodeURIComponent","Boolean","createNewEntryUrl"],"mappings":"AAMO,MAAMA,iBAAiB,CAAC,EAAEC,OAAO,EAAEC,EAAE,EAAEC,QAAQ,EAAwB;IAC1E,MAAMC,QAAQ;QACV,CAAC,GAAG,EAAEC,mBAAmBH,KAAK;QAC9BC,YAAY,CAAC,SAAS,EAAEE,mBAAmBF,WAAW;KACzD,CACI,MAAM,CAACG,SACP,IAAI,CAAC;IAEV,OAAO,CAAC,qBAAqB,EAAEL,QAAQ,CAAC,EAAEG,OAAO;AACrD;AAEO,MAAMG,oBAAoB,CAACN,UACvB,CAAC,qBAAqB,EAAEA,QAAQ,SAAS,CAAC"}

package/admin/plugins/fieldRenderers/ref/components/dialog/Dialog.d.ts

@@ -0,0 +1,6 @@
+export declare const Dialog: import("@emotion/styled").StyledComponent<import("@webiny/admin-ui/Dialog").DialogProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const FullWidthDialog: import("@emotion/styled").StyledComponent<import("@webiny/admin-ui/Dialog").DialogProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/admin/plugins/fieldRenderers/ref/components/dialog/Dialog.js

@@ -0,0 +1,24 @@
+import styled from "@emotion/styled";
+import { Dialog } from "../../../../../components/Dialog.js";
+const Dialog_Dialog = styled(Dialog)({
+    minWidth: "800px",
+    ".mdc-dialog__surface": {
+        width: "auto",
+        minWidth: "800px",
+        maxHeight: "calc(100vh - 100px)"
+    }
+});
+const FullWidthDialog = styled(Dialog)({
+    maxWidth: "100%",
+    minWidth: "90%",
+    zIndex: "20",
+    ".mdc-dialog__surface": {
+        width: "auto",
+        maxWidth: "100%",
+        minWidth: "90%",
+        maxHeight: "calc(100vh - 100px)"
+    }
+});
+export { Dialog_Dialog as Dialog, FullWidthDialog };
+
+//# sourceMappingURL=Dialog.js.map

package/admin/plugins/fieldRenderers/ref/components/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/dialog/Dialog.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/components/dialog/Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"~/admin/components/Dialog.js\";\n\nexport const Dialog = styled(BaseDialog)({\n    minWidth: \"800px\",\n    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        minWidth: \"800px\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n\nexport const FullWidthDialog = styled(BaseDialog)({\n    maxWidth: \"100%\",\n    minWidth: \"90%\",\n    zIndex: \"20\",\n    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        maxWidth: \"100%\",\n        minWidth: \"90%\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n"],"names":["Dialog","styled","BaseDialog","FullWidthDialog"],"mappings":";;AAGO,MAAMA,gBAASC,OAAOC,QAAY;IACrC,UAAU;IACV,wBAAwB;QACpB,OAAO;QACP,UAAU;QACV,WAAW;IACf;AACJ;AAEO,MAAMC,kBAAkBF,OAAOC,QAAY;IAC9C,UAAU;IACV,UAAU;IACV,QAAQ;IACR,wBAAwB;QACpB,OAAO;QACP,UAAU;QACV,UAAU;QACV,WAAW;IACf;AACJ"}

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

@@ -1,5 +1,5 @@
-import { CmsErrorResponse } from "../../../../../types";
-import { CmsReferenceContentEntry } from "./types";
+import type { CmsErrorResponse } from "../../../../../types.js";
+import type { CmsReferenceContentEntry } from "./types.js";
 /**
  * #########################
  * Common variables