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

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FullWidthDialog = exports.Dialog = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Dialog = require("../../../../../../components/Dialog");
+var Dialog = /*#__PURE__*/(0, _styled.default)(_Dialog.Dialog, {
+  target: "ewi9ovj0",
+  label: "Dialog"
+})({
+  minWidth: "800px",
+  ".mdc-dialog__surface": {
+    width: "auto",
+    minWidth: "800px",
+    maxHeight: "calc(100vh - 100px)"
+  }
+});
+exports.Dialog = Dialog;
+var FullWidthDialog = /*#__PURE__*/(0, _styled.default)(_Dialog.Dialog, {
+  target: "ewi9ovj1",
+  label: "FullWidthDialog"
+})({
+  maxWidth: "100%",
+  minWidth: "90%",
+  ".mdc-dialog__surface": {
+    width: "auto",
+    maxWidth: "100%",
+    minWidth: "90%",
+    maxHeight: "calc(100vh - 100px)"
+  }
+});
+exports.FullWidthDialog = FullWidthDialog;

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

@@ -0,0 +1 @@
+{"version":3,"names":["Dialog","styled","BaseDialog","minWidth","width","maxHeight","FullWidthDialog","maxWidth"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"~/admin/components/Dialog\";\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    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        maxWidth: \"100%\",\n        minWidth: \"90%\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,MAAM,oBAAGC,eAAM,EAACC,cAAU;EAAA;EAAA;AAAA,GAAE;EACrCC,QAAQ,EAAE,OAAO;EACjB,sBAAsB,EAAE;IACpBC,KAAK,EAAE,MAAM;IACbD,QAAQ,EAAE,OAAO;IACjBE,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,eAAe,oBAAGL,eAAM,EAACC,cAAU;EAAA;EAAA;AAAA,GAAE;EAC9CK,QAAQ,EAAE,MAAM;EAChBJ,QAAQ,EAAE,KAAK;EACf,sBAAsB,EAAE;IACpBC,KAAK,EAAE,MAAM;IACbG,QAAQ,EAAE,MAAM;IAChBJ,QAAQ,EAAE,KAAK;IACfE,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/dialog/DialogHeader.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CmsModel } from "../../../../../../../types";
+interface Props {
+    model: CmsModel;
+    onClose: () => void;
+}
+export declare const DialogHeader: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/dialog/DialogHeader.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogHeader = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = _interopRequireDefault(require("react"));
+var _close = require("./assets/close.svg");
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e10n4aa70",
+  label: "Container"
+})({
+  width: "100%",
+  boxSizing: "border-box",
+  padding: "20px",
+  display: "flex",
+  flexDirection: "row",
+  backgroundColor: "var(--mdc-theme-secondary)",
+  color: "#FFF"
+});
+var Content = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e10n4aa71",
+  label: "Content"
+})({
+  display: "flex",
+  flex: "1",
+  flexDirection: "column"
+});
+var Title = /*#__PURE__*/(0, _styled.default)("h2", {
+  target: "e10n4aa72",
+  label: "Title"
+})({
+  display: "block",
+  fontSize: "24px",
+  lineHeight: "34px"
+});
+var Model = /*#__PURE__*/(0, _styled.default)("h3", {
+  target: "e10n4aa73",
+  label: "Model"
+})({
+  display: "block",
+  fontSize: "14px",
+  fontWeight: "normal",
+  " > strong": {
+    fontWeight: "bold"
+  }
+});
+var CloseContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e10n4aa74",
+  label: "CloseContainer"
+})({
+  width: "20px",
+  height: "20px",
+  paddingTop: "5px"
+});
+var CloseButton = /*#__PURE__*/(0, _styled.default)("button", {
+  target: "e10n4aa75",
+  label: "CloseButton"
+})({
+  background: "transparent",
+  border: "0 none",
+  outline: "none",
+  cursor: "pointer",
+  display: "block",
+  width: "100%",
+  height: "100%",
+  padding: "0",
+  margin: "0",
+  " > svg": {
+    display: "block",
+    width: "100%",
+    height: "100%"
+  }
+});
+var Close = function Close(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(CloseContainer, null, /*#__PURE__*/_react.default.createElement(CloseButton, {
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null)));
+};
+var DialogHeader = function DialogHeader(_ref2) {
+  var model = _ref2.model,
+    onClose = _ref2.onClose;
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement(Title, null, "Select an existing record"), /*#__PURE__*/_react.default.createElement(Model, null, "Content model: ", /*#__PURE__*/_react.default.createElement("strong", null, model.name))), /*#__PURE__*/_react.default.createElement(Close, {
+    onClick: onClose
+  }));
+};
+exports.DialogHeader = DialogHeader;

package/admin/plugins/fieldRenderers/ref/advanced/components/dialog/DialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Container","styled","width","boxSizing","padding","display","flexDirection","backgroundColor","color","Content","flex","Title","fontSize","lineHeight","Model","fontWeight","CloseContainer","height","paddingTop","CloseButton","background","border","outline","cursor","margin","Close","onClick","DialogHeader","model","onClose","name"],"sources":["DialogHeader.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { CmsModel } from \"~/types\";\nimport { ReactComponent as CloseIcon } from \"./assets/close.svg\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    padding: \"20px\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    backgroundColor: \"var(--mdc-theme-secondary)\",\n    color: \"#FFF\"\n});\n\nconst Content = styled(\"div\")({\n    display: \"flex\",\n    flex: \"1\",\n    flexDirection: \"column\"\n});\n\nconst Title = styled(\"h2\")({\n    display: \"block\",\n    fontSize: \"24px\",\n    lineHeight: \"34px\"\n});\n\nconst Model = styled(\"h3\")({\n    display: \"block\",\n    fontSize: \"14px\",\n    fontWeight: \"normal\",\n    \" > strong\": {\n        fontWeight: \"bold\"\n    }\n});\n\nconst CloseContainer = styled(\"div\")({\n    width: \"20px\",\n    height: \"20px\",\n    paddingTop: \"5px\"\n});\n\nconst CloseButton = styled(\"button\")({\n    background: \"transparent\",\n    border: \"0 none\",\n    outline: \"none\",\n    cursor: \"pointer\",\n    display: \"block\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: \"0\",\n    margin: \"0\",\n    \" > svg\": {\n        display: \"block\",\n        width: \"100%\",\n        height: \"100%\"\n    }\n});\n\ninterface CloseProps {\n    onClick: () => void;\n}\n\nconst Close: React.VFC<CloseProps> = ({ onClick }) => {\n    return (\n        <CloseContainer>\n            <CloseButton onClick={onClick}>\n                <CloseIcon />\n            </CloseButton>\n        </CloseContainer>\n    );\n};\n\ninterface Props {\n    model: CmsModel;\n    onClose: () => void;\n}\n\nexport const DialogHeader: React.VFC<Props> = ({ model, onClose }) => {\n    return (\n        <Container>\n            <Content>\n                <Title>Select an existing record</Title>\n                <Model>\n                    Content model: <strong>{model.name}</strong>\n                </Model>\n            </Content>\n            <Close onClick={onClose} />\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAEA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BC,KAAK,EAAE,MAAM;EACbC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBC,eAAe,EAAE,4BAA4B;EAC7CC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,OAAO,oBAAGR,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BI,OAAO,EAAE,MAAM;EACfK,IAAI,EAAE,GAAG;EACTJ,aAAa,EAAE;AACnB,CAAC,CAAC;AAEF,IAAMK,KAAK,oBAAGV,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACvBI,OAAO,EAAE,OAAO;EAChBO,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMC,KAAK,oBAAGb,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACvBI,OAAO,EAAE,OAAO;EAChBO,QAAQ,EAAE,MAAM;EAChBG,UAAU,EAAE,QAAQ;EACpB,WAAW,EAAE;IACTA,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAEF,IAAMC,cAAc,oBAAGf,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbe,MAAM,EAAE,MAAM;EACdC,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMC,WAAW,oBAAGlB,eAAM,EAAC,QAAQ;EAAA;EAAA;AAAA,GAAE;EACjCmB,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,MAAM;EACfC,MAAM,EAAE,SAAS;EACjBlB,OAAO,EAAE,OAAO;EAChBH,KAAK,EAAE,MAAM;EACbe,MAAM,EAAE,MAAM;EACdb,OAAO,EAAE,GAAG;EACZoB,MAAM,EAAE,GAAG;EACX,QAAQ,EAAE;IACNnB,OAAO,EAAE,OAAO;IAChBH,KAAK,EAAE,MAAM;IACbe,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC;AAMF,IAAMQ,KAA4B,GAAG,SAA/BA,KAA4B,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAC3C,oBACI,6BAAC,cAAc,qBACX,6BAAC,WAAW;IAAC,OAAO,EAAEA;EAAQ,gBAC1B,6BAAC,qBAAS,OAAG,CACH,CACD;AAEzB,CAAC;AAOM,IAAMC,YAA8B,GAAG,SAAjCA,YAA8B,QAA2B;EAAA,IAArBC,KAAK,SAALA,KAAK;IAAEC,OAAO,SAAPA,OAAO;EAC3D,oBACI,6BAAC,SAAS,qBACN,6BAAC,OAAO,qBACJ,6BAAC,KAAK,QAAC,2BAAyB,CAAQ,eACxC,6BAAC,KAAK,QAAC,iBACY,4DAASD,KAAK,CAACE,IAAI,CAAU,CACxC,CACF,eACV,6BAAC,KAAK;IAAC,OAAO,EAAED;EAAQ,EAAG,CACnB;AAEpB,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/dialog/assets/close.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#fff"/>
+</svg>

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Box.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    icon: React.ReactElement | null;
+    name: string;
+    children?: React.ReactNode;
+}
+export declare const Box: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Box.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Box = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e11zzake0",
+  label: "Container"
+})({
+  display: "flex",
+  flexDirection: "row"
+});
+var Icon = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e11zzake1",
+  label: "Icon"
+})({
+  width: "32px",
+  height: "32px",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center"
+});
+var Content = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e11zzake2",
+  label: "Content"
+})({
+  flex: "1",
+  paddingLeft: "10px"
+});
+var Name = /*#__PURE__*/(0, _styled.default)("h4", {
+  target: "e11zzake3",
+  label: "Name"
+})({
+  fontWeight: 500,
+  fontSize: 11,
+  lineHeight: "16px",
+  letterSpacing: "0.5px",
+  color: "#938F99",
+  textTransform: "uppercase"
+});
+var Text = /*#__PURE__*/(0, _styled.default)("h5", {
+  target: "e11zzake4",
+  label: "Text"
+})({
+  fontWeight: 500,
+  fontSize: 11,
+  lineHeight: "16px",
+  letterSpacing: "0.5px",
+  color: "#49454F"
+});
+var Box = function Box(_ref) {
+  var icon = _ref.icon,
+    name = _ref.name,
+    children = _ref.children;
+  if (!children) {
+    return /*#__PURE__*/_react.default.createElement(Container, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Icon, null, icon), /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement(Name, null, name), /*#__PURE__*/_react.default.createElement(Text, null, children)));
+};
+exports.Box = Box;

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Container","styled","display","flexDirection","Icon","width","height","alignItems","justifyContent","Content","flex","paddingLeft","Name","fontWeight","fontSize","lineHeight","letterSpacing","color","textTransform","Text","Box","icon","name","children"],"sources":["Box.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nconst Container = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\"\n});\n\nconst Icon = styled(\"div\")({\n    width: \"32px\",\n    height: \"32px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n});\nconst Content = styled(\"div\")({\n    flex: \"1\",\n    paddingLeft: \"10px\"\n});\nconst Name = styled(\"h4\")({\n    fontWeight: 500,\n    fontSize: 11,\n    lineHeight: \"16px\",\n    letterSpacing: \"0.5px\",\n    color: \"#938F99\",\n    textTransform: \"uppercase\"\n});\nconst Text = styled(\"h5\")({\n    fontWeight: 500,\n    fontSize: 11,\n    lineHeight: \"16px\",\n    letterSpacing: \"0.5px\",\n    color: \"#49454F\"\n});\n\ninterface Props {\n    icon: React.ReactElement | null;\n    name: string;\n    children?: React.ReactNode;\n}\n\nexport const Box: React.VFC<Props> = ({ icon, name, children }) => {\n    if (!children) {\n        return <Container />;\n    }\n    return (\n        <Container>\n            <Icon>{icon}</Icon>\n            <Content>\n                <Name>{name}</Name>\n                <Text>{children}</Text>\n            </Content>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE;AACnB,CAAC,CAAC;AAEF,IAAMC,IAAI,oBAAGH,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvBI,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdJ,OAAO,EAAE,MAAM;EACfK,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE;AACpB,CAAC,CAAC;AACF,IAAMC,OAAO,oBAAGR,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BS,IAAI,EAAE,GAAG;EACTC,WAAW,EAAE;AACjB,CAAC,CAAC;AACF,IAAMC,IAAI,oBAAGX,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACtBY,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,KAAK,EAAE,SAAS;EAChBC,aAAa,EAAE;AACnB,CAAC,CAAC;AACF,IAAMC,IAAI,oBAAGlB,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACtBY,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,KAAK,EAAE;AACX,CAAC,CAAC;AAQK,IAAMG,GAAqB,GAAG,SAAxBA,GAAqB,OAAiC;EAAA,IAA3BC,IAAI,QAAJA,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;EACxD,IAAI,CAACA,QAAQ,EAAE;IACX,oBAAO,6BAAC,SAAS,OAAG;EACxB;EACA,oBACI,6BAAC,SAAS,qBACN,6BAAC,IAAI,QAAEF,IAAI,CAAQ,eACnB,6BAAC,OAAO,qBACJ,6BAAC,IAAI,QAAEC,IAAI,CAAQ,eACnB,6BAAC,IAAI,QAAEC,QAAQ,CAAQ,CACjB,CACF;AAEpB,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/CreatedBy.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CmsIdentity } from "../../../../../../../types";
+interface Props {
+    createdBy: CmsIdentity;
+    createdOn: Date;
+}
+export declare const CreatedBy: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/CreatedBy.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreatedBy = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Box = require("./Box");
+var _timeagoReact = _interopRequireDefault(require("timeago-react"));
+/**
+ * Package timeago-react does not have types.
+ */
+// @ts-ignore
+
+var CreatedBy = function CreatedBy(_ref) {
+  var createdBy = _ref.createdBy,
+    createdOn = _ref.createdOn;
+  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    icon: null,
+    name: "Created By"
+  }, createdBy.displayName, " ", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
+    datetime: createdOn
+  }));
+};
+exports.CreatedBy = CreatedBy;

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/CreatedBy.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CreatedBy","createdBy","createdOn","displayName"],"sources":["CreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\n\ninterface Props {\n    createdBy: CmsIdentity;\n    createdOn: Date;\n}\nexport const CreatedBy: React.VFC<Props> = ({ createdBy, createdOn }) => {\n    return (\n        <Box icon={null} name={\"Created By\"}>\n            {createdBy.displayName} <br />\n            <TimeAgo datetime={createdOn} />\n        </Box>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAKA;AAJA;AACA;AACA;AACA;;AAOO,IAAMA,SAA2B,GAAG,SAA9BA,SAA2B,OAAiC;EAAA,IAA3BC,SAAS,QAATA,SAAS;IAAEC,SAAS,QAATA,SAAS;EAC9D,oBACI,6BAAC,QAAG;IAAC,IAAI,EAAE,IAAK;IAAC,IAAI,EAAE;EAAa,GAC/BD,SAAS,CAACE,WAAW,EAAC,GAAC,uDAAM,eAC9B,6BAAC,qBAAO;IAAC,QAAQ,EAAED;EAAU,EAAG,CAC9B;AAEd,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Description.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    description?: string | null;
+}
+export declare const Description: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Description.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Description = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = _interopRequireDefault(require("react"));
+var Content = /*#__PURE__*/(0, _styled.default)("p", {
+  target: "e9zatxd0",
+  label: "Content"
+})({
+  fontStyle: "normal",
+  fontWeight: 400,
+  fontSize: 14,
+  lineHeight: "20px",
+  letterSpacing: "0.25px",
+  boxSizing: "border-box",
+  paddingRight: 20,
+  paddingBottom: 10
+});
+var Description = function Description(_ref) {
+  var description = _ref.description;
+  var MAX_LENGTH = 320;
+  if (!description) {
+    return /*#__PURE__*/_react.default.createElement(Content, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(Content, null, description.length > MAX_LENGTH ? description.substring(0, MAX_LENGTH) + "..." : description);
+};
+exports.Description = Description;

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Description.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Content","styled","fontStyle","fontWeight","fontSize","lineHeight","letterSpacing","boxSizing","paddingRight","paddingBottom","Description","description","MAX_LENGTH","length","substring"],"sources":["Description.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Content = styled(\"p\")({\n    fontStyle: \"normal\",\n    fontWeight: 400,\n    fontSize: 14,\n    lineHeight: \"20px\",\n    letterSpacing: \"0.25px\",\n    boxSizing: \"border-box\",\n    paddingRight: 20,\n    paddingBottom: 10\n});\ninterface Props {\n    description?: string | null;\n}\n\nexport const Description: React.VFC<Props> = ({ description }) => {\n    const MAX_LENGTH = 320;\n    if (!description) {\n        return <Content />;\n    }\n\n    return (\n        <Content>\n            {description.length > MAX_LENGTH\n                ? description.substring(0, MAX_LENGTH) + \"...\"\n                : description}\n        </Content>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA,IAAMA,OAAO,oBAAGC,eAAM,EAAC,GAAG;EAAA;EAAA;AAAA,GAAE;EACxBC,SAAS,EAAE,QAAQ;EACnBC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,QAAQ;EACvBC,SAAS,EAAE,YAAY;EACvBC,YAAY,EAAE,EAAE;EAChBC,aAAa,EAAE;AACnB,CAAC,CAAC;AAKK,IAAMC,WAA6B,GAAG,SAAhCA,WAA6B,OAAwB;EAAA,IAAlBC,WAAW,QAAXA,WAAW;EACvD,IAAMC,UAAU,GAAG,GAAG;EACtB,IAAI,CAACD,WAAW,EAAE;IACd,oBAAO,6BAAC,OAAO,OAAG;EACtB;EAEA,oBACI,6BAAC,OAAO,QACHA,WAAW,CAACE,MAAM,GAAGD,UAAU,GAC1BD,WAAW,CAACG,SAAS,CAAC,CAAC,EAAEF,UAAU,CAAC,GAAG,KAAK,GAC5CD,WAAW,CACX;AAElB,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Image.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface Props {
+    title: string;
+    src?: string | null;
+    width?: number;
+    icon: string | undefined;
+}
+export declare const Image: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Image.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Image = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = _interopRequireDefault(require("react"));
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1bca2ud0",
+  label: "Container"
+})({
+  width: "100%",
+  backgroundColor: "var(--mdc-theme-on-background)",
+  borderRight: "1px solid var(--mdc-theme-on-background)",
+  borderBottom: "1px solid var(--mdc-theme-on-background)",
+  backgroundRepeat: "no-repeat",
+  backgroundSize: "cover",
+  minHeight: 140,
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+});
+var Icon = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1bca2ud1",
+  label: "Icon"
+})({
+  flex: "0 0 100px",
+  svg: {
+    color: "var(--mdc-theme-text-icon-on-light)",
+    width: "100%",
+    height: "auto",
+    maxWidth: 100,
+    maxHeight: 100,
+    opacity: 0.3
+  }
+});
+var DisplayIcon = function DisplayIcon(_ref) {
+  var icon = _ref.icon;
+  if (!icon) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: (icon || "").split("/")
+  });
+};
+var Image = function Image(_ref2) {
+  var src = _ref2.src,
+    icon = _ref2.icon,
+    _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? 166 : _ref2$width;
+  if (!src) {
+    return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(DisplayIcon, {
+      icon: icon
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(Container, {
+    style: {
+      backgroundImage: "url(" + src + "?width=" + width + ")"
+    }
+  });
+};
+exports.Image = Image;

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Container","styled","width","backgroundColor","borderRight","borderBottom","backgroundRepeat","backgroundSize","minHeight","display","justifyContent","alignItems","Icon","flex","svg","color","height","maxWidth","maxHeight","opacity","DisplayIcon","icon","split","Image","src","backgroundImage"],"sources":["Image.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRight: \"1px solid var(--mdc-theme-on-background)\",\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    backgroundRepeat: \"no-repeat\",\n    backgroundSize: \"cover\",\n    minHeight: 140,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\"\n});\n\nconst Icon = styled(\"div\")({\n    flex: \"0 0 100px\",\n    svg: {\n        color: \"var(--mdc-theme-text-icon-on-light)\",\n        width: \"100%\",\n        height: \"auto\",\n        maxWidth: 100,\n        maxHeight: 100,\n        opacity: 0.3\n    }\n});\n\ninterface IconProps {\n    icon: string | undefined;\n}\n\ninterface Props {\n    title: string;\n    src?: string | null;\n    width?: number;\n    icon: string | undefined;\n}\n\nconst DisplayIcon: React.VFC<IconProps> = ({ icon }) => {\n    if (!icon) {\n        return null;\n    }\n    return <FontAwesomeIcon icon={(icon || \"\").split(\"/\") as IconProp} />;\n};\n\nexport const Image: React.VFC<Props> = ({ src, icon, width = 166 }) => {\n    if (!src) {\n        return (\n            <Container>\n                <Icon>\n                    <DisplayIcon icon={icon} />\n                </Icon>\n            </Container>\n        );\n    }\n    return <Container style={{ backgroundImage: \"url(\" + src + \"?width=\" + width + \")\" }} />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAGA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BC,KAAK,EAAE,MAAM;EACbC,eAAe,EAAE,gCAAgC;EACjDC,WAAW,EAAE,0CAA0C;EACvDC,YAAY,EAAE,0CAA0C;EACxDC,gBAAgB,EAAE,WAAW;EAC7BC,cAAc,EAAE,OAAO;EACvBC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,QAAQ;EACxBC,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMC,IAAI,oBAAGX,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvBY,IAAI,EAAE,WAAW;EACjBC,GAAG,EAAE;IACDC,KAAK,EAAE,qCAAqC;IAC5Cb,KAAK,EAAE,MAAM;IACbc,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE,GAAG;IACdC,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAaF,IAAMC,WAAiC,GAAG,SAApCA,WAAiC,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EAC7C,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EACA,oBAAO,6BAAC,iCAAe;IAAC,IAAI,EAAE,CAACA,IAAI,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG;EAAc,EAAG;AACzE,CAAC;AAEM,IAAMC,KAAuB,GAAG,SAA1BA,KAAuB,QAAmC;EAAA,IAA7BC,GAAG,SAAHA,GAAG;IAAEH,IAAI,SAAJA,IAAI;IAAA,oBAAEnB,KAAK;IAALA,KAAK,4BAAG,GAAG;EAC5D,IAAI,CAACsB,GAAG,EAAE;IACN,oBACI,6BAAC,SAAS,qBACN,6BAAC,IAAI,qBACD,6BAAC,WAAW;MAAC,IAAI,EAAEH;IAAK,EAAG,CACxB,CACC;EAEpB;EACA,oBAAO,6BAAC,SAAS;IAAC,KAAK,EAAE;MAAEI,eAAe,EAAE,MAAM,GAAGD,GAAG,GAAG,SAAS,GAAGtB,KAAK,GAAG;IAAI;EAAE,EAAG;AAC5F,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModelName.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    name: string;
+}
+export declare const ModelName: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModelName.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModelName = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = _interopRequireDefault(require("react"));
+var Content = /*#__PURE__*/(0, _styled.default)("h4", {
+  target: "e7e6hbp0",
+  label: "Content"
+})({
+  color: "#938F99",
+  fontSize: 11,
+  lineHeight: "16px",
+  fontWeight: 500,
+  letterSpacing: "0.5px",
+  textTransform: "uppercase"
+});
+var ModelName = function ModelName(_ref) {
+  var name = _ref.name;
+  return /*#__PURE__*/_react.default.createElement(Content, null, name);
+};
+exports.ModelName = ModelName;

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModelName.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Content","styled","color","fontSize","lineHeight","fontWeight","letterSpacing","textTransform","ModelName","name"],"sources":["ModelName.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Content = styled(\"h4\")({\n    color: \"#938F99\",\n    fontSize: 11,\n    lineHeight: \"16px\",\n    fontWeight: 500,\n    letterSpacing: \"0.5px\",\n    textTransform: \"uppercase\"\n});\n\ninterface Props {\n    name: string;\n}\nexport const ModelName: React.VFC<Props> = ({ name }) => {\n    return <Content>{name}</Content>;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA,IAAMA,OAAO,oBAAGC,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACzBC,KAAK,EAAE,SAAS;EAChBC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,UAAU,EAAE,GAAG;EACfC,aAAa,EAAE,OAAO;EACtBC,aAAa,EAAE;AACnB,CAAC,CAAC;AAKK,IAAMC,SAA2B,GAAG,SAA9BA,SAA2B,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EAC9C,oBAAO,6BAAC,OAAO,QAAEA,IAAI,CAAW;AACpC,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModifiedBy.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CmsIdentity } from "../../../../../../../types";
+interface Props {
+    modifiedBy?: CmsIdentity | null;
+    savedOn: Date;
+}
+export declare const ModifiedBy: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModifiedBy.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModifiedBy = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Box = require("./Box");
+var _timeagoReact = _interopRequireDefault(require("timeago-react"));
+/**
+ * Package timeago-react does not have types.
+ */
+// @ts-ignore
+
+var ModifiedBy = function ModifiedBy(_ref) {
+  var modifiedBy = _ref.modifiedBy,
+    savedOn = _ref.savedOn;
+  var showInformation = !!(modifiedBy !== null && modifiedBy !== void 0 && modifiedBy.displayName && savedOn);
+  if (!showInformation) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    icon: null,
+    name: "Modified By"
+  }, showInformation && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, modifiedBy === null || modifiedBy === void 0 ? void 0 : modifiedBy.displayName, " ", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
+    datetime: savedOn
+  })));
+};
+exports.ModifiedBy = ModifiedBy;

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModifiedBy.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ModifiedBy","modifiedBy","savedOn","showInformation","displayName"],"sources":["ModifiedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\n\ninterface Props {\n    modifiedBy?: CmsIdentity | null;\n    savedOn: Date;\n}\n\nexport const ModifiedBy: React.VFC<Props> = ({ modifiedBy, savedOn }) => {\n    const showInformation = !!(modifiedBy?.displayName && savedOn);\n\n    if (!showInformation) {\n        return null;\n    }\n\n    return (\n        <Box icon={null} name={\"Modified By\"}>\n            {showInformation && (\n                <>\n                    {modifiedBy?.displayName} <br />\n                    <TimeAgo datetime={savedOn} />\n                </>\n            )}\n        </Box>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAKA;AAJA;AACA;AACA;AACA;;AAQO,IAAMA,UAA4B,GAAG,SAA/BA,UAA4B,OAAgC;EAAA,IAA1BC,UAAU,QAAVA,UAAU;IAAEC,OAAO,QAAPA,OAAO;EAC9D,IAAMC,eAAe,GAAG,CAAC,EAAEF,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEG,WAAW,IAAIF,OAAO,CAAC;EAE9D,IAAI,CAACC,eAAe,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,QAAG;IAAC,IAAI,EAAE,IAAK;IAAC,IAAI,EAAE;EAAc,GAChCA,eAAe,iBACZ,4DACKF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEG,WAAW,EAAC,GAAC,uDAAM,eAChC,6BAAC,qBAAO;IAAC,QAAQ,EAAEF;EAAQ,EAAG,CAErC,CACC;AAEd,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/MoveDown.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    onClick: (ev: React.MouseEvent) => void;
+    className?: string;
+}
+export declare const MoveDown: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/MoveDown.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MoveDown = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ButtonLink = require("./elements/ButtonLink");
+var _moveDown = require("./assets/move-down.svg");
+var _Tooltip = require("@webiny/ui/Tooltip");
+var MoveDown = function MoveDown(_ref) {
+  var onClick = _ref.onClick,
+    className = _ref.className;
+  return /*#__PURE__*/_react.default.createElement(_ButtonLink.ButtonLink, {
+    className: "has-tooltip " + className,
+    onClick: onClick,
+    maxWidth: "100px"
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: "Shift+Click to move to bottom",
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement(_moveDown.ReactComponent, null), " ", /*#__PURE__*/_react.default.createElement("span", null, "Move Down")));
+};
+exports.MoveDown = MoveDown;

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/MoveDown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MoveDown","onClick","className"],"sources":["MoveDown.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\nimport { ReactComponent as MoveDownIcon } from \"./assets/move-down.svg\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\ninterface Props {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveDown: React.VFC<Props> = ({ onClick, className }) => {\n    return (\n        <ButtonLink className={\"has-tooltip \" + className} onClick={onClick} maxWidth={\"100px\"}>\n            <Tooltip content={\"Shift+Click to move to bottom\"} placement={\"top\"}>\n                <MoveDownIcon /> <span>Move Down</span>\n            </Tooltip>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAOO,IAAMA,QAA0B,GAAG,SAA7BA,QAA0B,OAA+B;EAAA,IAAzBC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;EAC3D,oBACI,6BAAC,sBAAU;IAAC,SAAS,EAAE,cAAc,GAAGA,SAAU;IAAC,OAAO,EAAED,OAAQ;IAAC,QAAQ,EAAE;EAAQ,gBACnF,6BAAC,gBAAO;IAAC,OAAO,EAAE,+BAAgC;IAAC,SAAS,EAAE;EAAM,gBAChE,6BAAC,wBAAY,OAAG,KAAC,0DAAM,WAAS,CAAO,CACjC,CACD;AAErB,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/MoveUp.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    onClick: (ev: React.MouseEvent) => void;
+    className?: string;
+}
+export declare const MoveUp: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/MoveUp.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MoveUp = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ButtonLink = require("./elements/ButtonLink");
+var _moveUp = require("./assets/move-up.svg");
+var _Tooltip = require("@webiny/ui/Tooltip");
+var MoveUp = function MoveUp(_ref) {
+  var onClick = _ref.onClick,
+    className = _ref.className;
+  return /*#__PURE__*/_react.default.createElement(_ButtonLink.ButtonLink, {
+    className: "has-tooltip " + className,
+    onClick: onClick,
+    maxWidth: "100px"
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: "Shift+Click to move to top",
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement(_moveUp.ReactComponent, null), " Move Up"));
+};
+exports.MoveUp = MoveUp;

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/MoveUp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MoveUp","onClick","className"],"sources":["MoveUp.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\nimport { ReactComponent as MoveUpIcon } from \"./assets/move-up.svg\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\ninterface Props {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveUp: React.VFC<Props> = ({ onClick, className }) => {\n    return (\n        <ButtonLink className={\"has-tooltip \" + className} onClick={onClick} maxWidth={\"100px\"}>\n            <Tooltip content={\"Shift+Click to move to top\"} placement={\"top\"}>\n                <MoveUpIcon /> Move Up\n            </Tooltip>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAOO,IAAMA,MAAwB,GAAG,SAA3BA,MAAwB,OAA+B;EAAA,IAAzBC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;EACzD,oBACI,6BAAC,sBAAU;IAAC,SAAS,EAAE,cAAc,GAAGA,SAAU;IAAC,OAAO,EAAED,OAAQ;IAAC,QAAQ,EAAE;EAAQ,gBACnF,6BAAC,gBAAO;IAAC,OAAO,EAAE,4BAA6B;IAAC,SAAS,EAAE;EAAM,gBAC7D,6BAAC,sBAAU,OAAG,YAClB,CAAU,CACD;AAErB,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Remove.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CmsReferenceContentEntry } from "../../../components/types";
+interface Props {
+    entry: CmsReferenceContentEntry;
+    onRemove: (entryId: string) => void;
+}
+export declare const Remove: React.VFC<Props>;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Remove.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Remove = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = _interopRequireWildcard(require("react"));
+var _remove = require("./assets/remove.svg");
+var _appAdmin = require("@webiny/app-admin");
+var _ButtonLink = require("./elements/ButtonLink");
+var Text = /*#__PURE__*/(0, _styled.default)("span", {
+  target: "ebeqp7x0",
+  label: "Text"
+})({
+  fontFamily: "Source Sans Pro",
+  fontWeight: 500,
+  fontSize: "14px",
+  lineHeight: "20px",
+  letterSpacing: "0.1px",
+  textTransform: "uppercase"
+});
+var Remove = function Remove(_ref) {
+  var entry = _ref.entry,
+    onRemove = _ref.onRemove;
+  var _useConfirmationDialo = (0, _appAdmin.useConfirmationDialog)({
+      title: "Remove referenced entry",
+      message: "Are you sure you want to remove the referenced entry \"".concat(entry.title, "\"?"),
+      acceptLabel: "Yes, I'm sure!"
+    }),
+    showConfirmation = _useConfirmationDialo.showConfirmation;
+  var onRemoveClick = (0, _react.useCallback)(function () {
+    showConfirmation(function () {
+      onRemove(entry.entryId);
+    });
+  }, [entry, onRemove]);
+  return /*#__PURE__*/_react.default.createElement(_ButtonLink.ButtonLink, {
+    onClick: onRemoveClick,
+    maxWidth: "100px"
+  }, /*#__PURE__*/_react.default.createElement(_remove.ReactComponent, null), /*#__PURE__*/_react.default.createElement(Text, null, "Remove"));
+};
+exports.Remove = Remove;