@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.0

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

@@ -1,70 +1,37 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
+import react from "react";
 import { getEntryStatus, getItemStatusText } from "./helpers.js";
-import { Tooltip } from "@webiny/ui/Tooltip/index.js";
-import { ReactComponent as PublishedIcon } from "../../../../icons/published.svg";
-import { ReactComponent as UnpublishedIcon } from "../../../../icons/unpublished.svg";
-import { ReactComponent as DraftIcon } from "../../../../icons/draft.svg";
-const EntryStatusText = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ermydxe2"
-} : {
-  target: "ermydxe2",
-  label: "EntryStatusText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "d6of3e",
-  styles: "display:table-cell;vertical-align:middle"
-} : {
-  name: "d6of3e",
-  styles: "display:table-cell;vertical-align:middle/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0IiLCJmaWxlIjoiRW50cnlTdGF0dXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb25JdGVtIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlcy5qc1wiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBnZXRFbnRyeVN0YXR1cyxcbiAgICBnZXRJdGVtU3RhdHVzVGV4dFxufSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL2hlbHBlcnMuanNcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcFByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVG9vbHRpcC9pbmRleC5qc1wiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXAvaW5kZXguanNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFB1Ymxpc2hlZEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBVbnB1Ymxpc2hlZEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy91bnB1Ymxpc2hlZC5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIERyYWZ0SWNvbiB9IGZyb20gXCJ+L2FkbWluL2ljb25zL2RyYWZ0LnN2Z1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IEVudHJ5U3RhdHVzVGV4dCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIlxufSk7XG5cbmNvbnN0IEVudHJ5U3RhdHVzV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZVwiXG59KTtcbmNvbnN0IEVudHJ5U3RhdHVzVG9vbHRpcCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgd2lkdGg6IFwiMzBweFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5pbnRlcmZhY2UgRW50cnlTdGF0dXNQcm9wcyB7XG4gICAgaXRlbTogT3B0aW9uSXRlbSB8IG51bGw7XG4gICAgcGxhY2VtZW50PzogVG9vbHRpcFByb3BzW1wicGxhY2VtZW50XCJdO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cbmV4cG9ydCBjb25zdCBFbnRyeVN0YXR1cyA9IChwcm9wczogRW50cnlTdGF0dXNQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgaXRlbSwgY2hpbGRyZW4sIHBsYWNlbWVudCA9IFwiYm90dG9tXCIsIGNsYXNzTmFtZSB9ID0gcHJvcHM7XG4gICAgaWYgKCFpdGVtKSB7XG4gICAgICAgIHJldHVybiA8PntjaGlsZHJlbn08Lz47XG4gICAgfVxuICAgIGNvbnN0IHN0YXR1cyA9IGdldEVudHJ5U3RhdHVzKGl0ZW0pO1xuICAgIGNvbnN0IHRvb2x0aXBUZXh0ID0gZ2V0SXRlbVN0YXR1c1RleHQoaXRlbSk7XG5cbiAgICBjb25zdCBwdWJsaXNoZWQgPSBzdGF0dXMgPT09IFwicHVibGlzaGVkXCI7XG4gICAgY29uc3QgdW5wdWJsaXNoZWQgPSBzdGF0dXMgPT09IFwidW5wdWJsaXNoZWRcIjtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RW50cnlTdGF0dXNXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgICAgIDxFbnRyeVN0YXR1c1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17dG9vbHRpcFRleHR9IHBsYWNlbWVudD17cGxhY2VtZW50fT5cbiAgICAgICAgICAgICAgICAgICAge3B1Ymxpc2hlZCAmJiA8UHVibGlzaGVkSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAge3VucHVibGlzaGVkICYmIDxVbnB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHshcHVibGlzaGVkICYmICF1bnB1Ymxpc2hlZCAmJiA8RHJhZnRJY29uIC8+fVxuICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgIDwvRW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAge2NoaWxkcmVuICYmIDxFbnRyeVN0YXR1c1RleHQ+e2NoaWxkcmVufTwvRW50cnlTdGF0dXNUZXh0Pn1cbiAgICAgICAgPC9FbnRyeVN0YXR1c1dyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+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"
 });
-const EntryStatusWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ermydxe1"
-} : {
-  target: "ermydxe1",
-  label: "EntryStatusWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ogeil0",
-  styles: "display:table"
-} : {
-  name: "1ogeil0",
-  styles: "display:table/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXMuanNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzLmpzXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXAvaW5kZXguanNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const EntryStatusWrapper = styled("div")({
+    display: "table"
 });
-const EntryStatusTooltip = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ermydxe0"
-} : {
-  target: "ermydxe0",
-  label: "EntryStatusTooltip"
-})(process.env.NODE_ENV === "production" ? {
-  name: "o3r0yq",
-  styles: "display:table-cell;width:30px;vertical-align:middle"
-} : {
-  name: "o3r0yq",
-  styles: "display:table-cell;width:30px;vertical-align:middle/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXMuanNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzLmpzXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXAvaW5kZXguanNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const EntryStatusTooltip = styled("div")({
+    display: "table-cell",
+    width: "30px",
+    verticalAlign: "middle"
 });
-export 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 = status === "published";
-  const unpublished = status === "unpublished";
-  return /*#__PURE__*/React.createElement(EntryStatusWrapper, {
-    className: className
-  }, /*#__PURE__*/React.createElement(EntryStatusTooltip, null, /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltipText,
-    placement: placement
-  }, published && /*#__PURE__*/React.createElement(PublishedIcon, null), unpublished && /*#__PURE__*/React.createElement(UnpublishedIcon, null), !published && !unpublished && /*#__PURE__*/React.createElement(DraftIcon, null))), children && /*#__PURE__*/React.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 };
 
 //# sourceMappingURL=EntryStatus.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","getEntryStatus","getItemStatusText","Tooltip","ReactComponent","PublishedIcon","UnpublishedIcon","DraftIcon","EntryStatusText","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","EntryStatusWrapper","EntryStatusTooltip","EntryStatus","props","item","children","placement","className","createElement","Fragment","status","tooltipText","published","unpublished","content"],"sources":["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/ui/Tooltip/index.js\";\nimport { Tooltip } from \"@webiny/ui/Tooltip/index.js\";\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    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 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,cAAc,EACdC,iBAAiB;AAGrB,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,cAAc,IAAIC,aAAa;AACxC,SAASD,cAAc,IAAIE,eAAe;AAC1C,SAASF,cAAc,IAAIG,SAAS;AAGpC,MAAMC,eAAe,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAGpC,CAAC;AAEF,MAAMC,kBAAkB,gBAAGV,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAEvC,CAAC;AACF,MAAME,kBAAkB,gBAAGX,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAIvC,CAAC;AAQF,OAAO,MAAMG,WAAW,GAAIC,KAAuB,IAAK;EACpD,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,SAAS,GAAG,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EACjE,IAAI,CAACC,IAAI,EAAE;IACP,oBAAOvB,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA4B,QAAA,QAAGJ,QAAW,CAAC;EAC1B;EACA,MAAMK,MAAM,GAAG5B,cAAc,CAACsB,IAAI,CAAC;EACnC,MAAMO,WAAW,GAAG5B,iBAAiB,CAACqB,IAAI,CAAC;EAE3C,MAAMQ,SAAS,GAAGF,MAAM,KAAK,WAAW;EACxC,MAAMG,WAAW,GAAGH,MAAM,KAAK,aAAa;EAC5C,oBACI7B,KAAA,CAAA2B,aAAA,CAACR,kBAAkB;IAACO,SAAS,EAAEA;EAAU,gBACrC1B,KAAA,CAAA2B,aAAA,CAACP,kBAAkB,qBACfpB,KAAA,CAAA2B,aAAA,CAACxB,OAAO;IAAC8B,OAAO,EAAEH,WAAY;IAACL,SAAS,EAAEA;EAAU,GAC/CM,SAAS,iBAAI/B,KAAA,CAAA2B,aAAA,CAACtB,aAAa,MAAE,CAAC,EAC9B2B,WAAW,iBAAIhC,KAAA,CAAA2B,aAAA,CAACrB,eAAe,MAAE,CAAC,EAClC,CAACyB,SAAS,IAAI,CAACC,WAAW,iBAAIhC,KAAA,CAAA2B,aAAA,CAACpB,SAAS,MAAE,CACtC,CACO,CAAC,EACpBiB,QAAQ,iBAAIxB,KAAA,CAAA2B,aAAA,CAACnB,eAAe,QAAEgB,QAA0B,CACzC,CAAC;AAE7B,CAAC","ignoreList":[]}
+{"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.js

@@ -1,7 +1,6 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
-import { Typography } from "@webiny/ui/Typography/index.js";
+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";
@@ -11,36 +10,21 @@ const missingEntryLabel = t`If you can't find the intended reference value in th
 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 = /*#__PURE__*/_styled(Typography, process.env.NODE_ENV === "production" ? {
-  target: "ex67440"
-} : {
-  target: "ex67440",
-  label: "HelpTextTypography"
-})(process.env.NODE_ENV === "production" ? {
-  name: "v6wo9t",
-  styles: "&{display:inline-block;color:var(--mdc-theme-text-secondary-on-background)!important;}"
-} : {
-  name: "v6wo9t",
-  styles: "&{display:inline-block;color:var(--mdc-theme-text-secondary-on-background)!important;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pc3NpbmdFbnRyeUhlbHBUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjZDIiwiZmlsZSI6Ik1pc3NpbmdFbnRyeUhlbHBUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHkvaW5kZXguanNcIjtcbmltcG9ydCB7IFNpbXBsZUxpbmsgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IGNyZWF0ZU5ld0VudHJ5VXJsIH0gZnJvbSBcIi4vY3JlYXRlRW50cnlVcmwuanNcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4bi9pbmRleC5qc1wiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vZmllbGRzL3JlZlwiKTtcblxuY29uc3QgbWlzc2luZ0VudHJ5TGFiZWwgPSB0YElmIHlvdSBjYW4ndCBmaW5kIHRoZSBpbnRlbmRlZCByZWZlcmVuY2UgdmFsdWUgaW4gdGhlIHRhcmdldCBtb2RlbCxcbiAgICAgICAgIHBsZWFzZSBjbG9zZSB0aGlzIGRpYWxvZyBhbmQgcG9wdWxhdGUgdGhlIHtuZXdFbnRyeUxpbmt9IGluIHRoZSB0YXJnZXQgbW9kZWwgZmlyc3QuYDtcblxuY29uc3QgcmVmZXJlbmNlTXVsdGlwbGVNb2RlbHNMYWJlbCA9IHRgVGhlIGNyZWF0aW9uIG9mIHJlZmVyZW5jZSB2YWx1ZXMgZnJvbSB3aXRoaW4gdGhpcyB2aWV3IGlzIG9ubHkgc3VwcG9ydGVkXG4gd2hlbiBhIHNpbmdsZSByZWZlcmVuY2UgbW9kZWwgaXMgc2VsZWN0ZWQuIFRvIHJlZmVyZW5jZSB2YWx1ZXMgZnJvbSBtdWx0aXBsZSBtb2RlbHMsXG4gcGxlYXNlIG1ha2Ugc3VyZSB0aGUgcmVmZXJlbmNlZCB2YWx1ZXMgZXhpc3QgYmVmb3JlIHNldHRpbmcgdGhlIHJlZmVyZW5jZS5gO1xuXG5jb25zdCBIZWxwVGV4dFR5cG9ncmFwaHkgPSBzdHlsZWQoVHlwb2dyYXBoeSlgXG4gICAgJiB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgY29sb3I6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKSAhaW1wb3J0YW50O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZWZlcmVuY2VNdWx0aXBsZU1vZGVsc0hlbHBUZXh0ID0gKCkgPT4ge1xuICAgIHJldHVybiA8SGVscFRleHRUeXBvZ3JhcGh5IHVzZT17XCJjYXB0aW9uXCJ9PntyZWZlcmVuY2VNdWx0aXBsZU1vZGVsc0xhYmVsfTwvSGVscFRleHRUeXBvZ3JhcGh5Pjtcbn07XG5cbmludGVyZmFjZSBNaXNzaW5nRW50cnlIZWxwVGV4dFByb3BzIHtcbiAgICByZWZNb2RlbElkOiBzdHJpbmc7XG59XG5jb25zdCBNaXNzaW5nRW50cnlIZWxwVGV4dCA9ICh7IHJlZk1vZGVsSWQgfTogTWlzc2luZ0VudHJ5SGVscFRleHRQcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxIZWxwVGV4dFR5cG9ncmFwaHkgdXNlPXtcImNhcHRpb25cIn0+XG4gICAgICAgICAgICB7bWlzc2luZ0VudHJ5TGFiZWwoe1xuICAgICAgICAgICAgICAgIG5ld0VudHJ5TGluazogKFxuICAgICAgICAgICAgICAgICAgICA8U2ltcGxlTGlua1xuICAgICAgICAgICAgICAgICAgICAgICAgdG89e2NyZWF0ZU5ld0VudHJ5VXJsKHJlZk1vZGVsSWQpfVxuICAgICAgICAgICAgICAgICAgICAgICAgdGFyZ2V0PXtcIl9ibGFua1wifVxuICAgICAgICAgICAgICAgICAgICA+e3RgZW50cnlgfTwvU2ltcGxlTGluaz5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgPC9IZWxwVGV4dFR5cG9ncmFwaHk+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1pc3NpbmdFbnRyeUhlbHBUZXh0O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const ReferenceMultipleModelsHelpText = () => {
-  return /*#__PURE__*/React.createElement(HelpTextTypography, {
-    use: "caption"
-  }, referenceMultipleModelsLabel);
-};
-const MissingEntryHelpText = ({
-  refModelId
-}) => {
-  return /*#__PURE__*/React.createElement(HelpTextTypography, {
-    use: "caption"
-  }, missingEntryLabel({
-    newEntryLink: /*#__PURE__*/React.createElement(SimpleLink, {
-      to: createNewEntryUrl(refModelId),
-      target: "_blank"
-    }, t`entry`)
-  }));
-};
-export default MissingEntryHelpText;
+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":["React","Typography","SimpleLink","createNewEntryUrl","i18n","t","ns","missingEntryLabel","referenceMultipleModelsLabel","HelpTextTypography","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ReferenceMultipleModelsHelpText","createElement","use","MissingEntryHelpText","refModelId","newEntryLink","to"],"sources":["MissingEntryHelpText.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography/index.js\";\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(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 = ({ refModelId }: MissingEntryHelpTextProps) => {\n    return (\n        <HelpTextTypography use={\"caption\"}>\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"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,iBAAiB;AAC1B,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,iBAAiB,GAAGF,CAAC;AAC3B,6FAA6F;AAE7F,MAAMG,4BAA4B,GAAGH,CAAC;AACtC;AACA,4EAA4E;AAE5E,MAAMI,kBAAkB,gBAAGC,OAAA,CAAOT,UAAU,EAAAU,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAK5C;AAED,OAAO,MAAMC,+BAA+B,GAAGA,CAAA,KAAM;EACjD,oBAAOpB,KAAA,CAAAqB,aAAA,CAACZ,kBAAkB;IAACa,GAAG,EAAE;EAAU,GAAEd,4BAAiD,CAAC;AAClG,CAAC;AAKD,MAAMe,oBAAoB,GAAGA,CAAC;EAAEC;AAAsC,CAAC,KAAK;EACxE,oBACIxB,KAAA,CAAAqB,aAAA,CAACZ,kBAAkB;IAACa,GAAG,EAAE;EAAU,GAC9Bf,iBAAiB,CAAC;IACfkB,YAAY,eACRzB,KAAA,CAAAqB,aAAA,CAACnB,UAAU;MACPwB,EAAE,EAAEvB,iBAAiB,CAACqB,UAAU,CAAE;MAClCV,MAAM,EAAE;IAAS,GACnBT,CAAC,OAAoB;EAE/B,CAAC,CACe,CAAC;AAE7B,CAAC;AAED,eAAekB,oBAAoB","ignoreList":[]}
+{"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.js

@@ -1,30 +1,15 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
-import { ButtonDefault, ButtonIcon } from "@webiny/ui/Button/index.js";
-import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
-const DefaultButton = /*#__PURE__*/_styled(ButtonDefault, process.env.NODE_ENV === "production" ? {
-  target: "e6jb90q0"
-} : {
-  target: "e6jb90q0",
-  label: "DefaultButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "hhyoc3",
-  styles: "margin-left:32px"
-} : {
-  name: "hhyoc3",
-  styles: "margin-left:32px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5ld0VudHJ5QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMkMiLCJmaWxlIjoiTmV3RW50cnlCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b25EZWZhdWx0LCBCdXR0b25JY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2Fzc2V0cy9pY29ucy9hZGQtMThweC5zdmdcIjtcblxuY29uc3QgRGVmYXVsdEJ1dHRvbiA9IHN0eWxlZChCdXR0b25EZWZhdWx0KWBcbiAgICBtYXJnaW4tbGVmdDogMzJweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBOZXdFbnRyeUJ1dHRvbiA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiAoKSA9PiB2b2lkIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGVmYXVsdEJ1dHRvbiBzbWFsbD17dHJ1ZX0gb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgICA8QnV0dG9uSWNvbiBpY29uPXs8QWRkSWNvbiAvPn0gLz5cbiAgICAgICAgICAgIE5ldyBFbnRyeVxuICAgICAgICA8L0RlZmF1bHRCdXR0b24+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const NewEntryButton = ({
-  onClick
-}) => {
-  return /*#__PURE__*/React.createElement(DefaultButton, {
-    small: true,
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(ButtonIcon, {
-    icon: /*#__PURE__*/React.createElement(AddIcon, null)
-  }), "New Entry");
-};
+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

@@ -1 +1 @@
-{"version":3,"names":["React","ButtonDefault","ButtonIcon","ReactComponent","AddIcon","DefaultButton","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","NewEntryButton","onClick","createElement","small","icon"],"sources":["NewEntryButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button/index.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\n\nconst DefaultButton = styled(ButtonDefault)`\n    margin-left: 32px;\n`;\n\nexport const NewEntryButton = ({ onClick }: { onClick: () => void }) => {\n    return (\n        <DefaultButton small={true} onClick={onClick}>\n            <ButtonIcon icon={<AddIcon />} />\n            New Entry\n        </DefaultButton>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,EAAEC,UAAU,QAAQ,4BAA4B;AACtE,SAASC,cAAc,IAAIC,OAAO,QAAQ,6CAA6C;AAEvF,MAAMC,aAAa,gBAAGC,OAAA,CAAOL,aAAa,EAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAE1C;AAED,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAiC,CAAC,KAAK;EACpE,oBACIjB,KAAA,CAAAkB,aAAA,CAACb,aAAa;IAACc,KAAK,EAAE,IAAK;IAACF,OAAO,EAAEA;EAAQ,gBACzCjB,KAAA,CAAAkB,aAAA,CAAChB,UAAU;IAACkB,IAAI,eAAEpB,KAAA,CAAAkB,aAAA,CAACd,OAAO,MAAE;EAAE,CAAE,CAAC,aAEtB,CAAC;AAExB,CAAC","ignoreList":[]}
+{"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.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+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";
@@ -8,9 +8,8 @@ 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 { NavigateFolderProvider as AbstractNavigateFolderProvider, useLoadFolderHierarchy } from "@webiny/app-aco";
-import { FolderTree, useNavigateFolder } from "@webiny/app-aco";
-import { SplitView, LeftPanel, RightPanel, DialogsProvider } from "@webiny/app-admin";
+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";
@@ -18,176 +17,138 @@ 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: {}
+    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(() => {
-    // The folders collection is empty, it must be the first render, let's load the full hierarchy.
-    if (folders.length === 0) {
-      loadFolderHierarchy(currentFolderId);
-    }
-  }, []);
-  const initialEntry = useMemo(() => {
-    return 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
-  })))));
-};
-export const NewReferencedEntryDialog = ({
-  model: baseModel,
-  onClose,
-  onChange
-}) => {
-  const {
-    apolloClient
-  } = useCms();
-  const [model, setModel] = useState(undefined);
-  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) {
-      onClose();
-      return;
-    }
-    onChange({
-      ...entry,
-      /*
-       * Format data for AutoComplete.
-       */
-      published: entry.meta?.status === "published",
-      modelId: model.modelId,
-      modelName: model.name
+const EntryForm = ({ onCreate, setSaveEntry })=>{
+    const { contentModel, loading } = useContentEntry();
+    const { persistEntry } = usePersistEntry({
+        addItemToListCache: false
     });
-    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(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 { 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 NavigateFolderProvider = ({
-  modelId,
-  children
-}) => {
-  const [folderId, setFolderId] = useState(undefined);
-  const navigateToFolder = useCallback(folderId => {
-    setFolderId(folderId === ROOT_FOLDER ? undefined : folderId);
-  }, []);
-  return /*#__PURE__*/React.createElement(AbstractNavigateFolderProvider, {
-    folderId: folderId,
-    createStorageKey: () => `cms:${modelId}:create`,
-    navigateToFolder: navigateToFolder
-  }, children);
+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: () => undefined,
-    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
-  })));
+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