@webiny/app-headless-cms 5.43.2 → 6.0.0-alpha.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactFontawesome","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Icon","DisplayIcon","_ref","icon","createElement","FontAwesomeIcon","split","Image","exports","_ref2","src","_ref2$width","width","style","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: \"contain\",\n    backgroundOrigin: \"content-box\",\n    backgroundPosition: \"center\",\n    padding: 5,\n    minHeight: 140,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    boxSizing: \"border-box\"\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 ImageProps {\n    title: string;\n    src?: string | null;\n    width?: number;\n    icon: string | undefined;\n}\n\nconst DisplayIcon = ({ icon }: IconProps) => {\n    if (!icon) {\n        return null;\n    }\n    return <FontAwesomeIcon icon={(icon || \"\").split(\"/\") as IconProp} />;\n};\n\nexport const Image = ({ src, icon, width = 166 }: ImageProps) => {\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":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAGjE,IAAMC,SAAS,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,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,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAe9B,CAAC;AAEF,IAAMa,IAAI,gBAAG,IAAAX,KAAA,CAAAC,OAAA,EAAO,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,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAUzB,CAAC;AAaF,IAAMc,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA4B;EAAA,IAAtBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACvB,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EACA,oBAAOpB,MAAA,CAAAO,OAAA,CAAAc,aAAA,CAAClB,iBAAA,CAAAmB,eAAe;IAACF,IAAI,EAAE,CAACA,IAAI,IAAI,EAAE,EAAEG,KAAK,CAAC,GAAG;EAAc,CAAE,CAAC;AACzE,CAAC;AAEM,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,KAAA,EAA+C;EAAA,IAAzCC,GAAG,GAAAD,KAAA,CAAHC,GAAG;IAAEP,IAAI,GAAAM,KAAA,CAAJN,IAAI;IAAAQ,WAAA,GAAAF,KAAA,CAAEG,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,GAAG,GAAAA,WAAA;EAC1C,IAAI,CAACD,GAAG,EAAE;IACN,oBACI3B,MAAA,CAAAO,OAAA,CAAAc,aAAA,CAAChB,SAAS,qBACNL,MAAA,CAAAO,OAAA,CAAAc,aAAA,CAACJ,IAAI,qBACDjB,MAAA,CAAAO,OAAA,CAAAc,aAAA,CAACH,WAAW;MAACE,IAAI,EAAEA;IAAK,CAAE,CACxB,CACC,CAAC;EAEpB;EACA,oBAAOpB,MAAA,CAAAO,OAAA,CAAAc,aAAA,CAAChB,SAAS;IAACyB,KAAK,EAAE;MAAEC,eAAe,EAAE,MAAM,GAAGJ,GAAG,GAAG,SAAS,GAAGE,KAAK,GAAG;IAAI;EAAE,CAAE,CAAC;AAC5F,CAAC","ignoreList":[]}
+{"version":3,"names":["React","FontAwesomeIcon","Icon","DisplayIcon","icon","createElement","split","label","size","className","Image","src","width"],"sources":["Image.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { Icon } from \"@webiny/admin-ui\";\n\ninterface IconProps {\n    icon: string | undefined;\n}\n\ninterface ImageProps {\n    title: string;\n    src?: string | null;\n    width?: number;\n    icon: string | undefined;\n}\n\nconst DisplayIcon = ({ icon }: IconProps) => {\n    if (!icon) {\n        return null;\n    }\n    return (\n        <Icon\n            icon={<FontAwesomeIcon icon={(icon || \"\").split(\"/\") as IconProp} />}\n            label={\"Model icon\"}\n            size={\"lg\"}\n            className={\"wby-text-neutral-muted\"}\n        />\n    );\n};\n\nexport const Image = ({ src, icon, width }: ImageProps) => {\n    return (\n        <div className={\"wby-size-[56px] wby-m-xs wby-rounded-sm wby-overflow-hidden wby-relative\"}>\n            <div\n                className={\n                    \"wby-size-full wby-flex wby-justify-center wby-items-center wby-bg-neutral-base\"\n                }\n            >\n                {src ? <img src={src} width={width} /> : <DisplayIcon icon={icon} />}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,SAASC,IAAI,QAAQ,kBAAkB;AAavC,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAgB,CAAC,KAAK;EACzC,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EACA,oBACIJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IACDE,IAAI,eAAEJ,KAAA,CAAAK,aAAA,CAACJ,eAAe;MAACG,IAAI,EAAE,CAACA,IAAI,IAAI,EAAE,EAAEE,KAAK,CAAC,GAAG;IAAc,CAAE,CAAE;IACrEC,KAAK,EAAE,YAAa;IACpBC,IAAI,EAAE,IAAK;IACXC,SAAS,EAAE;EAAyB,CACvC,CAAC;AAEV,CAAC;AAED,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,GAAG;EAAEP,IAAI;EAAEQ;AAAkB,CAAC,KAAK;EACvD,oBACIZ,KAAA,CAAAK,aAAA;IAAKI,SAAS,EAAE;EAA2E,gBACvFT,KAAA,CAAAK,aAAA;IACII,SAAS,EACL;EACH,GAEAE,GAAG,gBAAGX,KAAA,CAAAK,aAAA;IAAKM,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,gBAAGZ,KAAA,CAAAK,aAAA,CAACF,WAAW;IAACC,IAAI,EAAEA;EAAK,CAAE,CAClE,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -1,30 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModelName = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-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)."; }
-var Content = /*#__PURE__*/(0, _base.default)("h4", process.env.NODE_ENV === "production" ? {
-  target: "e7e6hbp0"
-} : {
-  target: "e7e6hbp0",
-  label: "Content"
-})(process.env.NODE_ENV === "production" ? {
-  name: "14cnug4",
-  styles: "color:#938F99;font-size:11px;line-height:16px;font-weight:500;letter-spacing:0.5px;text-transform:uppercase"
-} : {
-  name: "14cnug4",
-  styles: "color:#938F99;font-size:11px;line-height:16px;font-weight:500;letter-spacing:0.5px;text-transform:uppercase",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsTmFtZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dCIiwiZmlsZSI6Ik1vZGVsTmFtZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5cbmludGVyZmFjZSBNb2RlbE5hbWVQcm9wcyB7XG4gICAgbmFtZTogc3RyaW5nO1xufVxuZXhwb3J0IGNvbnN0IE1vZGVsTmFtZSA9ICh7IG5hbWUgfTogTW9kZWxOYW1lUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPENvbnRlbnQ+e25hbWV9PC9Db250ZW50Pjtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var ModelName = exports.ModelName = function ModelName(_ref) {
-  var name = _ref.name;
-  return /*#__PURE__*/_react.default.createElement(Content, null, name);
+import React from "react";
+import { cn, Text } from "@webiny/admin-ui";
+export const ModelName = ({
+  name
+}) => {
+  return /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: cn("wby-truncate wby-w-full wby-text-neutral-muted")
+  }, name);
 };
 
 //# sourceMappingURL=ModelName.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_EMOTION_STRINGIFIED_CSS_ERROR__","Content","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ModelName","exports","_ref","createElement"],"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 ModelNameProps {\n    name: string;\n}\nexport const ModelName = ({ name }: ModelNameProps) => {\n    return <Content>{name}</Content>;\n};\n"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAC,iCAAA;AAE1B,IAAMC,OAAO,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,IAAI,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,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAO3B,CAAC;AAKK,IAAMa,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAAE,IAAA,EAAiC;EAAA,IAA3BN,IAAI,GAAAM,IAAA,CAAJN,IAAI;EAC5B,oBAAOZ,MAAA,CAAAM,OAAA,CAAAa,aAAA,CAACf,OAAO,QAAEQ,IAAc,CAAC;AACpC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","Text","ModelName","name","createElement","size","as","className"],"sources":["ModelName.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Text } from \"@webiny/admin-ui\";\n\ninterface ModelNameProps {\n    name: string;\n}\n\nexport const ModelName = ({ name }: ModelNameProps) => {\n    return (\n        <Text size=\"sm\" as=\"div\" className={cn(\"wby-truncate wby-w-full wby-text-neutral-muted\")}>\n            {name}\n        </Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,IAAI,QAAQ,kBAAkB;AAM3C,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAqB,CAAC,KAAK;EACnD,oBACIJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,IAAI,EAAC,IAAI;IAACC,EAAE,EAAC,KAAK;IAACC,SAAS,EAAEP,EAAE,CAAC,gDAAgD;EAAE,GACpFG,IACC,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -1,24 +1,18 @@
-"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 _TimeAgo = require("@webiny/ui/TimeAgo");
-var ModifiedBy = exports.ModifiedBy = function ModifiedBy(_ref) {
-  var modifiedBy = _ref.modifiedBy,
-    savedOn = _ref.savedOn;
-  var showInformation = !!(modifiedBy?.displayName && savedOn);
+import React from "react";
+import { Box } from "./Box";
+import { TimeAgo } from "@webiny/ui/TimeAgo";
+export const ModifiedBy = ({
+  modifiedBy,
+  savedOn
+}) => {
+  const showInformation = !!(modifiedBy?.displayName && savedOn);
   if (!showInformation) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+  return /*#__PURE__*/React.createElement(Box, {
     icon: null,
     name: "Modified By"
-  }, showInformation && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, modifiedBy?.displayName, " ", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_TimeAgo.TimeAgo, {
+  }, showInformation && /*#__PURE__*/React.createElement(React.Fragment, null, modifiedBy?.displayName, " ", /*#__PURE__*/React.createElement(TimeAgo, {
     datetime: savedOn
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_TimeAgo","ModifiedBy","exports","_ref","modifiedBy","savedOn","showInformation","displayName","default","createElement","Box","icon","name","Fragment","TimeAgo","datetime"],"sources":["ModifiedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo\";\n\ninterface ModifiedByProps {\n    modifiedBy?: CmsIdentity | null;\n    savedOn: Date;\n}\n\nexport const ModifiedBy = ({ modifiedBy, savedOn }: ModifiedByProps) => {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAOO,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAAE,IAAA,EAAiD;EAAA,IAA3CC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC5C,IAAMC,eAAe,GAAG,CAAC,EAAEF,UAAU,EAAEG,WAAW,IAAIF,OAAO,CAAC;EAE9D,IAAI,CAACC,eAAe,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,oBACIV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,IAAA,CAAAW,GAAG;IAACC,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAc,GAChCN,eAAe,iBACZV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAAAb,MAAA,CAAAY,OAAA,CAAAK,QAAA,QACKT,UAAU,EAAEG,WAAW,EAAC,GAAC,eAAAX,MAAA,CAAAY,OAAA,CAAAC,aAAA,WAAK,CAAC,eAChCb,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,QAAA,CAAAc,OAAO;IAACC,QAAQ,EAAEV;EAAQ,CAAE,CAC/B,CAEL,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Box","TimeAgo","ModifiedBy","modifiedBy","savedOn","showInformation","displayName","createElement","icon","name","Fragment","datetime"],"sources":["ModifiedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo\";\n\ninterface ModifiedByProps {\n    modifiedBy?: CmsIdentity | null;\n    savedOn: Date;\n}\n\nexport const ModifiedBy = ({ modifiedBy, savedOn }: ModifiedByProps) => {\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} <TimeAgo datetime={savedOn} />\n                </>\n            )}\n        </Box>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG;AACZ,SAASC,OAAO,QAAQ,oBAAoB;AAO5C,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,UAAU;EAAEC;AAAyB,CAAC,KAAK;EACpE,MAAMC,eAAe,GAAG,CAAC,EAAEF,UAAU,EAAEG,WAAW,IAAIF,OAAO,CAAC;EAE9D,IAAI,CAACC,eAAe,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,oBACIN,KAAA,CAAAQ,aAAA,CAACP,GAAG;IAACQ,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAc,GAChCJ,eAAe,iBACZN,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAW,QAAA,QACKP,UAAU,EAAEG,WAAW,EAAC,GAAC,eAAAP,KAAA,CAAAQ,aAAA,CAACN,OAAO;IAACU,QAAQ,EAAEP;EAAQ,CAAE,CACzD,CAEL,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -1,25 +1,22 @@
-"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 = exports.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, {
+import React from "react";
+import { ReactComponent as MoveDownIcon } from "@webiny/icons/keyboard_arrow_down.svg";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+export const MoveDown = ({
+  onClick,
+  className
+}) => {
+  return /*#__PURE__*/React.createElement(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")));
+    side: "top",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      size: "sm",
+      iconSize: "lg",
+      onClick: onClick,
+      className: className,
+      icon: /*#__PURE__*/React.createElement(MoveDownIcon, null)
+    })
+  });
 };
 
 //# sourceMappingURL=MoveDown.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ButtonLink","_moveDown","_Tooltip","MoveDown","exports","_ref","onClick","className","default","createElement","ButtonLink","maxWidth","Tooltip","content","placement","ReactComponent"],"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 MoveDownProps {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveDown = ({ onClick, className }: MoveDownProps) => {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAOO,IAAMI,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAAE,IAAA,EAA8C;EAAA,IAAxCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACzC,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,WAAA,CAAAU,UAAU;IAACH,SAAS,EAAE,cAAc,GAAGA,SAAU;IAACD,OAAO,EAAEA,OAAQ;IAACK,QAAQ,EAAE;EAAQ,gBACnFd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAAU,OAAO;IAACC,OAAO,EAAE,+BAAgC;IAACC,SAAS,EAAE;EAAM,gBAChEjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAc,cAAY,MAAE,CAAC,KAAC,eAAAlB,MAAA,CAAAW,OAAA,CAAAC,aAAA,eAAM,WAAe,CACjC,CACD,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","MoveDownIcon","IconButton","Tooltip","MoveDown","onClick","className","createElement","content","side","trigger","variant","size","iconSize","icon"],"sources":["MoveDown.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\ninterface MoveDownProps {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveDown = ({ onClick, className }: MoveDownProps) => {\n    return (\n        <Tooltip\n            content={\"Shift+Click to move to bottom\"}\n            side={\"top\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    size={\"sm\"}\n                    iconSize={\"lg\"}\n                    onClick={onClick}\n                    className={className}\n                    icon={<MoveDownIcon />}\n                />\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,uCAAuC;AACtF,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAOtD,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAyB,CAAC,KAAK;EAC/D,oBACIP,KAAA,CAAAQ,aAAA,CAACJ,OAAO;IACJK,OAAO,EAAE,+BAAgC;IACzCC,IAAI,EAAE,KAAM;IACZC,OAAO,eACHX,KAAA,CAAAQ,aAAA,CAACL,UAAU;MACPS,OAAO,EAAE,OAAQ;MACjBC,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfR,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBQ,IAAI,eAAEf,KAAA,CAAAQ,aAAA,CAACN,YAAY,MAAE;IAAE,CAC1B;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,25 +1,22 @@
-"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 = exports.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, {
+import React from "react";
+import { ReactComponent as MoveUpIcon } from "@webiny/icons/keyboard_arrow_up.svg";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+export const MoveUp = ({
+  onClick,
+  className
+}) => {
+  return /*#__PURE__*/React.createElement(Tooltip, {
     content: "Shift+Click to move to top",
-    placement: "top"
-  }, /*#__PURE__*/_react.default.createElement(_moveUp.ReactComponent, null), " Move Up"));
+    side: "top",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      size: "sm",
+      iconSize: "lg",
+      onClick: onClick,
+      className: className,
+      icon: /*#__PURE__*/React.createElement(MoveUpIcon, null)
+    })
+  });
 };
 
 //# sourceMappingURL=MoveUp.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ButtonLink","_moveUp","_Tooltip","MoveUp","exports","_ref","onClick","className","default","createElement","ButtonLink","maxWidth","Tooltip","content","placement","ReactComponent"],"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 MoveUpProps {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveUp = ({ onClick, className }: MoveUpProps) => {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAOO,IAAMI,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAA4C;EAAA,IAAtCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACvC,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,WAAA,CAAAU,UAAU;IAACH,SAAS,EAAE,cAAc,GAAGA,SAAU;IAACD,OAAO,EAAEA,OAAQ;IAACK,QAAQ,EAAE;EAAQ,gBACnFd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAAU,OAAO;IAACC,OAAO,EAAE,4BAA6B;IAACC,SAAS,EAAE;EAAM,gBAC7DjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAc,cAAU,MAAE,CAAC,YACT,CACD,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","MoveUpIcon","IconButton","Tooltip","MoveUp","onClick","className","createElement","content","side","trigger","variant","size","iconSize","icon"],"sources":["MoveUp.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveUpIcon } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\ninterface MoveUpProps {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveUp = ({ onClick, className }: MoveUpProps) => {\n    return (\n        <Tooltip\n            content={\"Shift+Click to move to top\"}\n            side={\"top\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    size={\"sm\"}\n                    iconSize={\"lg\"}\n                    onClick={onClick}\n                    className={className}\n                    icon={<MoveUpIcon />}\n                />\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,qCAAqC;AAClF,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAOtD,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAuB,CAAC,KAAK;EAC3D,oBACIP,KAAA,CAAAQ,aAAA,CAACJ,OAAO;IACJK,OAAO,EAAE,4BAA6B;IACtCC,IAAI,EAAE,KAAM;IACZC,OAAO,eACHX,KAAA,CAAAQ,aAAA,CAACL,UAAU;MACPS,OAAO,EAAE,OAAQ;MACjBC,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfR,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBQ,IAAI,eAAEf,KAAA,CAAAQ,aAAA,CAACN,UAAU,MAAE;IAAE,CACxB;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,52 +1,36 @@
-"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 _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _delete_outline = require("@material-design-icons/svg/outlined/delete_outline.svg");
-var _appAdmin = require("@webiny/app-admin");
-var _ButtonLink = require("./elements/ButtonLink");
-var _form = require("@webiny/form");
-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)."; }
-var Text = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "ebeqp7x0"
-} : {
-  target: "ebeqp7x0",
-  label: "Text"
-})(process.env.NODE_ENV === "production" ? {
-  name: "ls0tj4",
-  styles: "font-family:Source Sans Pro;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase"
-} : {
-  name: "ls0tj4",
-  styles: "font-family:Source Sans Pro;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbW92ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWEiLCJmaWxlIjoiUmVtb3ZlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDbXNSZWZlcmVuY2VDb250ZW50RW50cnkgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEZWxldGVJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2RlbGV0ZV9vdXRsaW5lLnN2Z1wiO1xuaW1wb3J0IHsgdXNlQ29uZmlybWF0aW9uRGlhbG9nIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBCdXR0b25MaW5rIH0gZnJvbSBcIi4vZWxlbWVudHMvQnV0dG9uTGlua1wiO1xuaW1wb3J0IHsgdXNlRm9ybSB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcblxuY29uc3QgVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAgIGZvbnRGYW1pbHk6IFwiU291cmNlIFNhbnMgUHJvXCIsXG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiBcIjE0cHhcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjIwcHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuMXB4XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5cbmludGVyZmFjZSBSZW1vdmVQcm9wcyB7XG4gICAgZW50cnk6IENtc1JlZmVyZW5jZUNvbnRlbnRFbnRyeTtcbiAgICBvblJlbW92ZTogKGVudHJ5SWQ6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFJlbW92ZSA9ICh7IGVudHJ5LCBvblJlbW92ZSB9OiBSZW1vdmVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHt9ID0gdXNlRm9ybSgpO1xuICAgIGNvbnN0IHsgc2hvd0NvbmZpcm1hdGlvbiB9ID0gdXNlQ29uZmlybWF0aW9uRGlhbG9nKHtcbiAgICAgICAgdGl0bGU6IFwiUmVtb3ZlIHJlZmVyZW5jZWQgZW50cnlcIixcbiAgICAgICAgbWVzc2FnZTogYEFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byByZW1vdmUgdGhlIHJlZmVyZW5jZWQgZW50cnkgXCIke2VudHJ5LnRpdGxlfVwiP2AsXG4gICAgICAgIGFjY2VwdExhYmVsOiBcIlllcywgSSdtIHN1cmUhXCJcbiAgICB9KTtcblxuICAgIGNvbnN0IG9uUmVtb3ZlQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIHNob3dDb25maXJtYXRpb24oKCkgPT4ge1xuICAgICAgICAgICAgb25SZW1vdmUoZW50cnkuZW50cnlJZCk7XG4gICAgICAgIH0pO1xuICAgIH0sIFtlbnRyeSwgb25SZW1vdmVdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxCdXR0b25MaW5rIG9uQ2xpY2s9e29uUmVtb3ZlQ2xpY2t9IG1heFdpZHRoPXtcIjEwMHB4XCJ9PlxuICAgICAgICAgICAgPERlbGV0ZUljb24gLz5cbiAgICAgICAgICAgIDxUZXh0PlJlbW92ZTwvVGV4dD5cbiAgICAgICAgPC9CdXR0b25MaW5rPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Remove = exports.Remove = function Remove(_ref) {
-  var entry = _ref.entry,
-    onRemove = _ref.onRemove;
-  (0, _objectDestructuringEmpty2.default)((0, _form.useForm)());
-  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 () {
+import React, { useCallback } from "react";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { useConfirmationDialog } from "@webiny/app-admin";
+import { useForm } from "@webiny/form";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+export const Remove = ({
+  entry,
+  onRemove
+}) => {
+  const {} = useForm();
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
+    title: "Remove referenced entry",
+    message: `Are you sure you want to remove the referenced entry "${entry.title}"?`,
+    acceptLabel: "Yes, I'm sure!"
+  });
+  const onRemoveClick = useCallback(() => {
+    showConfirmation(() => {
       onRemove(entry.entryId);
     });
   }, [entry, onRemove]);
-  return /*#__PURE__*/_react.default.createElement(_ButtonLink.ButtonLink, {
-    onClick: onRemoveClick,
-    maxWidth: "100px"
-  }, /*#__PURE__*/_react.default.createElement(_delete_outline.ReactComponent, null), /*#__PURE__*/_react.default.createElement(Text, null, "Remove"));
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: "Remove",
+    side: "top",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      size: "sm",
+      iconSize: "lg",
+      onClick: onRemoveClick,
+      icon: /*#__PURE__*/React.createElement(DeleteIcon, null)
+    })
+  });
 };
 
 //# sourceMappingURL=Remove.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_delete_outline","_appAdmin","_ButtonLink","_form","_EMOTION_STRINGIFIED_CSS_ERROR__","Text","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Remove","exports","_ref","entry","onRemove","_objectDestructuringEmpty2","useForm","_useConfirmationDialo","useConfirmationDialog","title","message","concat","acceptLabel","showConfirmation","onRemoveClick","useCallback","entryId","createElement","ButtonLink","onClick","maxWidth","ReactComponent"],"sources":["Remove.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useCallback } from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\nimport { useForm } from \"@webiny/form\";\n\nconst Text = styled(\"span\")({\n    fontFamily: \"Source Sans Pro\",\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\"\n});\n\ninterface RemoveProps {\n    entry: CmsReferenceContentEntry;\n    onRemove: (entryId: string) => void;\n}\n\nexport const Remove = ({ entry, onRemove }: RemoveProps) => {\n    const {} = useForm();\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Remove referenced entry\",\n        message: `Are you sure you want to remove the referenced entry \"${entry.title}\"?`,\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const onRemoveClick = useCallback(() => {\n        showConfirmation(() => {\n            onRemove(entry.entryId);\n        });\n    }, [entry, onRemove]);\n\n    return (\n        <ButtonLink onClick={onRemoveClick} maxWidth={\"100px\"}>\n            <DeleteIcon />\n            <Text>Remove</Text>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAuC,SAAAK,iCAAA;AAEvC,IAAMC,IAAI,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,MAAM,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,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAO1B,CAAC;AAOK,IAAMa,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAAyC;EAAA,IAAnCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,IAAAC,0BAAA,CAAAf,OAAA,EACzB,IAAAgB,aAAO,EAAC,CAAC;EACpB,IAAAC,qBAAA,GAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,KAAK,EAAE,yBAAyB;MAChCC,OAAO,4DAAAC,MAAA,CAA2DR,KAAK,CAACM,KAAK,QAAI;MACjFG,WAAW,EAAE;IACjB,CAAC,CAAC;IAJMC,gBAAgB,GAAAN,qBAAA,CAAhBM,gBAAgB;EAMxB,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpCF,gBAAgB,CAAC,YAAM;MACnBT,QAAQ,CAACD,KAAK,CAACa,OAAO,CAAC;IAC3B,CAAC,CAAC;EACN,CAAC,EAAE,CAACb,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAErB,oBACIxB,MAAA,CAAAU,OAAA,CAAA2B,aAAA,CAAChC,WAAA,CAAAiC,UAAU;IAACC,OAAO,EAAEL,aAAc;IAACM,QAAQ,EAAE;EAAQ,gBAClDxC,MAAA,CAAAU,OAAA,CAAA2B,aAAA,CAAClC,eAAA,CAAAsC,cAAU,MAAE,CAAC,eACdzC,MAAA,CAAAU,OAAA,CAAA2B,aAAA,CAAC7B,IAAI,QAAC,QAAY,CACV,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","ReactComponent","DeleteIcon","useConfirmationDialog","useForm","IconButton","Tooltip","Remove","entry","onRemove","showConfirmation","title","message","acceptLabel","onRemoveClick","entryId","createElement","content","side","trigger","variant","size","iconSize","onClick","icon"],"sources":["Remove.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { useForm } from \"@webiny/form\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\ninterface RemoveProps {\n    entry: CmsReferenceContentEntry;\n    onRemove: (entryId: string) => void;\n}\n\nexport const Remove = ({ entry, onRemove }: RemoveProps) => {\n    const {} = useForm();\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Remove referenced entry\",\n        message: `Are you sure you want to remove the referenced entry \"${entry.title}\"?`,\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const onRemoveClick = useCallback(() => {\n        showConfirmation(() => {\n            onRemove(entry.entryId);\n        });\n    }, [entry, onRemove]);\n\n    return (\n        <Tooltip\n            content={\"Remove\"}\n            side={\"top\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    size={\"sm\"}\n                    iconSize={\"lg\"}\n                    onClick={onRemoveClick}\n                    icon={<DeleteIcon />}\n                />\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,qBAAqB,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAOtD,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAsB,CAAC,KAAK;EACxD,MAAM,CAAC,CAAC,GAAGL,OAAO,CAAC,CAAC;EACpB,MAAM;IAAEM;EAAiB,CAAC,GAAGP,qBAAqB,CAAC;IAC/CQ,KAAK,EAAE,yBAAyB;IAChCC,OAAO,EAAE,yDAAyDJ,KAAK,CAACG,KAAK,IAAI;IACjFE,WAAW,EAAE;EACjB,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAGd,WAAW,CAAC,MAAM;IACpCU,gBAAgB,CAAC,MAAM;MACnBD,QAAQ,CAACD,KAAK,CAACO,OAAO,CAAC;IAC3B,CAAC,CAAC;EACN,CAAC,EAAE,CAACP,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAErB,oBACIV,KAAA,CAAAiB,aAAA,CAACV,OAAO;IACJW,OAAO,EAAE,QAAS;IAClBC,IAAI,EAAE,KAAM;IACZC,OAAO,eACHpB,KAAA,CAAAiB,aAAA,CAACX,UAAU;MACPe,OAAO,EAAE,OAAQ;MACjBC,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAET,aAAc;MACvBU,IAAI,eAAEzB,KAAA,CAAAiB,aAAA,CAACd,UAAU,MAAE;IAAE,CACxB;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,91 +1,29 @@
-"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.Select = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _selected = require("./assets/selected.svg");
-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)."; }
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1f9xw143"
-} : {
-  target: "e1f9xw143",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1f4tdp3",
-  styles: "width:140px;display:flex;flex-direction:row;align-items:center;justify-content:end"
-} : {
-  name: "1f4tdp3",
-  styles: "width:140px;display:flex;flex-direction:row;align-items:center;justify-content:end",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWtCIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBDbXNSZWZlcmVuY2VDb250ZW50RW50cnksXG4gICAgQ21zUmVmZXJlbmNlVmFsdWVcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlc1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgU2VsZWN0ZWRJY29uIH0gZnJvbSBcIi4vYXNzZXRzL3NlbGVjdGVkLnN2Z1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjE0MHB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImVuZFwiXG59KTtcblxuY29uc3QgU2VsZWN0QnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSlcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiXG4gICAgfVxufSk7XG5cbmludGVyZmFjZSBJY29uUHJvcHMge1xuICAgIHNlbGVjdGVkPzogYm9vbGVhbjtcbn1cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJkaXZcIikoKHsgc2VsZWN0ZWQgfTogSWNvblByb3BzKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzZWxlY3RlZCA/IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIgOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIzcHhcIixcbiAgICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCJcbiAgICB9O1xufSk7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJzcGFuXCIpKHtcbiAgICBmb250RmFtaWx5OiBcIlNvdXJjZSBTYW5zIFByb1wiLFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIyMHB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjFweFwiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgbWFyZ2luTGVmdDogXCIxMHB4XCJcbn0pO1xuXG5pbnRlcmZhY2UgU2VsZWN0UHJvcHMge1xuICAgIGVudHJ5OiBDbXNSZWZlcmVuY2VDb250ZW50RW50cnk7XG4gICAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAgIG9uQ2hhbmdlOiAodmFsdWU6IENtc1JlZmVyZW5jZVZhbHVlKSA9PiB2b2lkO1xufVxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7IGVudHJ5LCBzZWxlY3RlZCwgb25DaGFuZ2UgfTogU2VsZWN0UHJvcHMpID0+IHtcbiAgICBjb25zdCBvbkljb25DbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICAgICAgaWQ6IGVudHJ5LmlkLFxuICAgICAgICAgICAgbW9kZWxJZDogZW50cnkubW9kZWwubW9kZWxJZFxuICAgICAgICB9KTtcbiAgICB9LCBbZW50cnksIG9uQ2hhbmdlXSk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTZWxlY3RCdXR0b24gb25DbGljaz17b25JY29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgIDxJY29uIHNlbGVjdGVkPXtzZWxlY3RlZH0+e3NlbGVjdGVkICYmIDxTZWxlY3RlZEljb24gLz59PC9JY29uPlxuICAgICAgICAgICAgICAgIDxUZXh0PntzZWxlY3RlZCA/IFwiU2VsZWN0ZWRcIiA6IFwiU2VsZWN0XCJ9PC9UZXh0PlxuICAgICAgICAgICAgPC9TZWxlY3RCdXR0b24+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var SelectButton = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
-  target: "e1f9xw142"
-} : {
-  target: "e1f9xw142",
-  label: "SelectButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1s4r4l8",
-  styles: "border:0;display:flex;flex-direction:row;align-items:center;background:transparent;color:var(--mdc-theme-primary);cursor:pointer;&:hover{text-decoration:underline;}"
-} : {
-  name: "1s4r4l8",
-  styles: "border:0;display:flex;flex-direction:row;align-items:center;background:transparent;color:var(--mdc-theme-primary);cursor:pointer;&:hover{text-decoration:underline;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JxQiIsImZpbGUiOiJTZWxlY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgQ21zUmVmZXJlbmNlQ29udGVudEVudHJ5LFxuICAgIENtc1JlZmVyZW5jZVZhbHVlXG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFNlbGVjdGVkSWNvbiB9IGZyb20gXCIuL2Fzc2V0cy9zZWxlY3RlZC5zdmdcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxNDBweFwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJlbmRcIlxufSk7XG5cbmNvbnN0IFNlbGVjdEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKSh7XG4gICAgYm9yZGVyOiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgIH1cbn0pO1xuXG5pbnRlcmZhY2UgSWNvblByb3BzIHtcbiAgICBzZWxlY3RlZD86IGJvb2xlYW47XG59XG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKCh7IHNlbGVjdGVkIH06IEljb25Qcm9wcykgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogc2VsZWN0ZWQgPyBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiIDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiM3B4XCIsXG4gICAgICAgIHdpZHRoOiBcIjE2cHhcIixcbiAgICAgICAgaGVpZ2h0OiBcIjE2cHhcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiXG4gICAgfTtcbn0pO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkKFwic3BhblwiKSh7XG4gICAgZm9udEZhbWlseTogXCJTb3VyY2UgU2FucyBQcm9cIixcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IFwiMTRweFwiLFxuICAgIGxpbmVIZWlnaHQ6IFwiMjBweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC4xcHhcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICAgIG1hcmdpbkxlZnQ6IFwiMTBweFwiXG59KTtcblxuaW50ZXJmYWNlIFNlbGVjdFByb3BzIHtcbiAgICBlbnRyeTogQ21zUmVmZXJlbmNlQ29udGVudEVudHJ5O1xuICAgIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgICBvbkNoYW5nZTogKHZhbHVlOiBDbXNSZWZlcmVuY2VWYWx1ZSkgPT4gdm9pZDtcbn1cbmV4cG9ydCBjb25zdCBTZWxlY3QgPSAoeyBlbnRyeSwgc2VsZWN0ZWQsIG9uQ2hhbmdlIH06IFNlbGVjdFByb3BzKSA9PiB7XG4gICAgY29uc3Qgb25JY29uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIG9uQ2hhbmdlKHtcbiAgICAgICAgICAgIGlkOiBlbnRyeS5pZCxcbiAgICAgICAgICAgIG1vZGVsSWQ6IGVudHJ5Lm1vZGVsLm1vZGVsSWRcbiAgICAgICAgfSk7XG4gICAgfSwgW2VudHJ5LCBvbkNoYW5nZV0pO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8U2VsZWN0QnV0dG9uIG9uQ2xpY2s9e29uSWNvbkNsaWNrfT5cbiAgICAgICAgICAgICAgICA8SWNvbiBzZWxlY3RlZD17c2VsZWN0ZWR9PntzZWxlY3RlZCAmJiA8U2VsZWN0ZWRJY29uIC8+fTwvSWNvbj5cbiAgICAgICAgICAgICAgICA8VGV4dD57c2VsZWN0ZWQgPyBcIlNlbGVjdGVkXCIgOiBcIlNlbGVjdFwifTwvVGV4dD5cbiAgICAgICAgICAgIDwvU2VsZWN0QnV0dG9uPlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Icon = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1f9xw141"
-} : {
-  target: "e1f9xw141",
-  label: "Icon"
-})(function (_ref) {
-  var selected = _ref.selected;
-  return {
-    backgroundColor: selected ? "var(--mdc-theme-primary)" : "transparent",
-    border: "1px solid var(--mdc-theme-primary)",
-    borderRadius: "3px",
-    width: "16px",
-    height: "16px",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    cursor: "pointer"
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NhIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBDbXNSZWZlcmVuY2VDb250ZW50RW50cnksXG4gICAgQ21zUmVmZXJlbmNlVmFsdWVcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlc1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgU2VsZWN0ZWRJY29uIH0gZnJvbSBcIi4vYXNzZXRzL3NlbGVjdGVkLnN2Z1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjE0MHB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImVuZFwiXG59KTtcblxuY29uc3QgU2VsZWN0QnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSlcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiXG4gICAgfVxufSk7XG5cbmludGVyZmFjZSBJY29uUHJvcHMge1xuICAgIHNlbGVjdGVkPzogYm9vbGVhbjtcbn1cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJkaXZcIikoKHsgc2VsZWN0ZWQgfTogSWNvblByb3BzKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzZWxlY3RlZCA/IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIgOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIzcHhcIixcbiAgICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCJcbiAgICB9O1xufSk7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJzcGFuXCIpKHtcbiAgICBmb250RmFtaWx5OiBcIlNvdXJjZSBTYW5zIFByb1wiLFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIyMHB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjFweFwiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgbWFyZ2luTGVmdDogXCIxMHB4XCJcbn0pO1xuXG5pbnRlcmZhY2UgU2VsZWN0UHJvcHMge1xuICAgIGVudHJ5OiBDbXNSZWZlcmVuY2VDb250ZW50RW50cnk7XG4gICAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAgIG9uQ2hhbmdlOiAodmFsdWU6IENtc1JlZmVyZW5jZVZhbHVlKSA9PiB2b2lkO1xufVxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7IGVudHJ5LCBzZWxlY3RlZCwgb25DaGFuZ2UgfTogU2VsZWN0UHJvcHMpID0+IHtcbiAgICBjb25zdCBvbkljb25DbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICAgICAgaWQ6IGVudHJ5LmlkLFxuICAgICAgICAgICAgbW9kZWxJZDogZW50cnkubW9kZWwubW9kZWxJZFxuICAgICAgICB9KTtcbiAgICB9LCBbZW50cnksIG9uQ2hhbmdlXSk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTZWxlY3RCdXR0b24gb25DbGljaz17b25JY29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgIDxJY29uIHNlbGVjdGVkPXtzZWxlY3RlZH0+e3NlbGVjdGVkICYmIDxTZWxlY3RlZEljb24gLz59PC9JY29uPlxuICAgICAgICAgICAgICAgIDxUZXh0PntzZWxlY3RlZCA/IFwiU2VsZWN0ZWRcIiA6IFwiU2VsZWN0XCJ9PC9UZXh0PlxuICAgICAgICAgICAgPC9TZWxlY3RCdXR0b24+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */");
-var Text = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1f9xw140"
-} : {
-  target: "e1f9xw140",
-  label: "Text"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1uk9uod",
-  styles: "font-family:Source Sans Pro;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase;margin-left:10px"
-} : {
-  name: "1uk9uod",
-  styles: "font-family:Source Sans Pro;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase;margin-left:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENhIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBDbXNSZWZlcmVuY2VDb250ZW50RW50cnksXG4gICAgQ21zUmVmZXJlbmNlVmFsdWVcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlc1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgU2VsZWN0ZWRJY29uIH0gZnJvbSBcIi4vYXNzZXRzL3NlbGVjdGVkLnN2Z1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjE0MHB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImVuZFwiXG59KTtcblxuY29uc3QgU2VsZWN0QnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSlcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiXG4gICAgfVxufSk7XG5cbmludGVyZmFjZSBJY29uUHJvcHMge1xuICAgIHNlbGVjdGVkPzogYm9vbGVhbjtcbn1cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJkaXZcIikoKHsgc2VsZWN0ZWQgfTogSWNvblByb3BzKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzZWxlY3RlZCA/IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIgOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIzcHhcIixcbiAgICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCJcbiAgICB9O1xufSk7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJzcGFuXCIpKHtcbiAgICBmb250RmFtaWx5OiBcIlNvdXJjZSBTYW5zIFByb1wiLFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIyMHB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjFweFwiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgbWFyZ2luTGVmdDogXCIxMHB4XCJcbn0pO1xuXG5pbnRlcmZhY2UgU2VsZWN0UHJvcHMge1xuICAgIGVudHJ5OiBDbXNSZWZlcmVuY2VDb250ZW50RW50cnk7XG4gICAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAgIG9uQ2hhbmdlOiAodmFsdWU6IENtc1JlZmVyZW5jZVZhbHVlKSA9PiB2b2lkO1xufVxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7IGVudHJ5LCBzZWxlY3RlZCwgb25DaGFuZ2UgfTogU2VsZWN0UHJvcHMpID0+IHtcbiAgICBjb25zdCBvbkljb25DbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICAgICAgaWQ6IGVudHJ5LmlkLFxuICAgICAgICAgICAgbW9kZWxJZDogZW50cnkubW9kZWwubW9kZWxJZFxuICAgICAgICB9KTtcbiAgICB9LCBbZW50cnksIG9uQ2hhbmdlXSk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTZWxlY3RCdXR0b24gb25DbGljaz17b25JY29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgIDxJY29uIHNlbGVjdGVkPXtzZWxlY3RlZH0+e3NlbGVjdGVkICYmIDxTZWxlY3RlZEljb24gLz59PC9JY29uPlxuICAgICAgICAgICAgICAgIDxUZXh0PntzZWxlY3RlZCA/IFwiU2VsZWN0ZWRcIiA6IFwiU2VsZWN0XCJ9PC9UZXh0PlxuICAgICAgICAgICAgPC9TZWxlY3RCdXR0b24+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Select = exports.Select = function Select(_ref2) {
-  var entry = _ref2.entry,
-    selected = _ref2.selected,
-    onChange = _ref2.onChange;
-  var onIconClick = (0, _react.useCallback)(function () {
+import React, { useCallback } from "react";
+import { ReactComponent as SelectIcon } from "@webiny/icons/check_box_outline_blank.svg";
+import { ReactComponent as SelectedIcon } from "@webiny/icons/check_box.svg";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+export const Select = ({
+  entry,
+  selected,
+  onChange
+}) => {
+  const onIconClick = useCallback(() => {
     onChange({
       id: entry.id,
       modelId: entry.model.modelId
     });
   }, [entry, onChange]);
-  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(SelectButton, {
-    onClick: onIconClick
-  }, /*#__PURE__*/_react.default.createElement(Icon, {
-    selected: selected
-  }, selected && /*#__PURE__*/_react.default.createElement(_selected.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(Text, null, selected ? "Selected" : "Select")));
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: selected ? "Unselect" : "Select",
+    side: "top",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      size: "sm",
+      iconSize: "lg",
+      onClick: onIconClick,
+      icon: selected ? /*#__PURE__*/React.createElement(SelectedIcon, null) : /*#__PURE__*/React.createElement(SelectIcon, null)
+    })
+  });
 };
 
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_selected","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","SelectButton","Icon","_ref","selected","backgroundColor","border","borderRadius","width","height","display","alignItems","justifyContent","cursor","Text","Select","exports","_ref2","entry","onChange","onIconClick","useCallback","id","modelId","model","createElement","onClick","ReactComponent"],"sources":["Select.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useCallback } from \"react\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as SelectedIcon } from \"./assets/selected.svg\";\n\nconst Container = styled(\"div\")({\n    width: \"140px\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"end\"\n});\n\nconst SelectButton = styled(\"button\")({\n    border: 0,\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    background: \"transparent\",\n    color: \"var(--mdc-theme-primary)\",\n    cursor: \"pointer\",\n    \"&:hover\": {\n        textDecoration: \"underline\"\n    }\n});\n\ninterface IconProps {\n    selected?: boolean;\n}\nconst Icon = styled(\"div\")(({ selected }: IconProps) => {\n    return {\n        backgroundColor: selected ? \"var(--mdc-theme-primary)\" : \"transparent\",\n        border: \"1px solid var(--mdc-theme-primary)\",\n        borderRadius: \"3px\",\n        width: \"16px\",\n        height: \"16px\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        cursor: \"pointer\"\n    };\n});\n\nconst Text = styled(\"span\")({\n    fontFamily: \"Source Sans Pro\",\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\",\n    marginLeft: \"10px\"\n});\n\ninterface SelectProps {\n    entry: CmsReferenceContentEntry;\n    selected?: boolean;\n    onChange: (value: CmsReferenceValue) => void;\n}\nexport const Select = ({ entry, selected, onChange }: SelectProps) => {\n    const onIconClick = useCallback(() => {\n        onChange({\n            id: entry.id,\n            modelId: entry.model.modelId\n        });\n    }, [entry, onChange]);\n    return (\n        <Container>\n            <SelectButton onClick={onIconClick}>\n                <Icon selected={selected}>{selected && <SelectedIcon />}</Icon>\n                <Text>{selected ? \"Selected\" : \"Select\"}</Text>\n            </SelectButton>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAD,OAAA;AAAuE,SAAAE,iCAAA;AAEvE,IAAMC,SAAS,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,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,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAM9B,CAAC;AAEF,IAAMa,YAAY,gBAAG,IAAAX,KAAA,CAAAC,OAAA,EAAO,QAAQ,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,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAWpC,CAAC;AAKF,IAAMc,IAAI,gBAAG,IAAAZ,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC,UAAAO,IAAA,EAA6B;EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAClC,OAAO;IACHC,eAAe,EAAED,QAAQ,GAAG,0BAA0B,GAAG,aAAa;IACtEE,MAAM,EAAE,oCAAoC;IAC5CC,YAAY,EAAE,KAAK;IACnBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE;EACZ,CAAC;AACL,CAAC,EAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,2nGAAC;AAEF,IAAMoB,IAAI,gBAAG,IAAAxB,KAAA,CAAAC,OAAA,EAAO,MAAM,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,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAQ1B,CAAC;AAOK,IAAM2B,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,KAAA,EAAmD;EAAA,IAA7CC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEd,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAEe,QAAQ,GAAAF,KAAA,CAARE,QAAQ;EAC9C,IAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAClCF,QAAQ,CAAC;MACLG,EAAE,EAAEJ,KAAK,CAACI,EAAE;MACZC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAACD;IACzB,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,KAAK,EAAEC,QAAQ,CAAC,CAAC;EACrB,oBACInC,MAAA,CAAAO,OAAA,CAAAkC,aAAA,CAACpC,SAAS,qBACNL,MAAA,CAAAO,OAAA,CAAAkC,aAAA,CAACxB,YAAY;IAACyB,OAAO,EAAEN;EAAY,gBAC/BpC,MAAA,CAAAO,OAAA,CAAAkC,aAAA,CAACvB,IAAI;IAACE,QAAQ,EAAEA;EAAS,GAAEA,QAAQ,iBAAIpB,MAAA,CAAAO,OAAA,CAAAkC,aAAA,CAACtC,SAAA,CAAAwC,cAAY,MAAE,CAAQ,CAAC,eAC/D3C,MAAA,CAAAO,OAAA,CAAAkC,aAAA,CAACX,IAAI,QAAEV,QAAQ,GAAG,UAAU,GAAG,QAAe,CACpC,CACP,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","ReactComponent","SelectIcon","SelectedIcon","IconButton","Tooltip","Select","entry","selected","onChange","onIconClick","id","modelId","model","createElement","content","side","trigger","variant","size","iconSize","onClick","icon"],"sources":["Select.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as SelectIcon } from \"@webiny/icons/check_box_outline_blank.svg\";\nimport { ReactComponent as SelectedIcon } from \"@webiny/icons/check_box.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\ninterface SelectProps {\n    entry: CmsReferenceContentEntry;\n    selected?: boolean;\n    onChange: (value: CmsReferenceValue) => void;\n}\nexport const Select = ({ entry, selected, onChange }: SelectProps) => {\n    const onIconClick = useCallback(() => {\n        onChange({\n            id: entry.id,\n            modelId: entry.model.modelId\n        });\n    }, [entry, onChange]);\n\n    return (\n        <Tooltip\n            content={selected ? \"Unselect\" : \"Select\"}\n            side={\"top\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    size={\"sm\"}\n                    iconSize={\"lg\"}\n                    onClick={onIconClick}\n                    icon={selected ? <SelectedIcon /> : <SelectIcon />}\n                />\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAK1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,2CAA2C;AACxF,SAASD,cAAc,IAAIE,YAAY,QAAQ,6BAA6B;AAC5E,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAOtD,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAsB,CAAC,KAAK;EAClE,MAAMC,WAAW,GAAGV,WAAW,CAAC,MAAM;IAClCS,QAAQ,CAAC;MACLE,EAAE,EAAEJ,KAAK,CAACI,EAAE;MACZC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAACD;IACzB,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,KAAK,EAAEE,QAAQ,CAAC,CAAC;EAErB,oBACIV,KAAA,CAAAe,aAAA,CAACT,OAAO;IACJU,OAAO,EAAEP,QAAQ,GAAG,UAAU,GAAG,QAAS;IAC1CQ,IAAI,EAAE,KAAM;IACZC,OAAO,eACHlB,KAAA,CAAAe,aAAA,CAACV,UAAU;MACPc,OAAO,EAAE,OAAQ;MACjBC,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAEX,WAAY;MACrBY,IAAI,EAAEd,QAAQ,gBAAGT,KAAA,CAAAe,aAAA,CAACX,YAAY,MAAE,CAAC,gBAAGJ,KAAA,CAAAe,aAAA,CAACZ,UAAU,MAAE;IAAE,CACtD;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,30 +1,40 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Status = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _statusDraft = require("./assets/status-draft.svg");
-var _statusPublished = require("./assets/status-published.svg");
-var _statusUnpublished = require("./assets/status-unpublished.svg");
-var _Box = require("./Box");
-var getIcon = function getIcon(status) {
+import React from "react";
+import { ReactComponent as DraftIcon } from "@webiny/icons/draw.svg";
+import { ReactComponent as PublishedIcon } from "@webiny/icons/visibility.svg";
+import { ReactComponent as UnpublishedIcon } from "@webiny/icons/visibility_off.svg";
+import { Box } from "./Box";
+import { Icon } from "@webiny/admin-ui";
+const getIcon = status => {
   switch (status) {
     case "published":
-      return /*#__PURE__*/_react.default.createElement(_statusPublished.ReactComponent, null);
+      return /*#__PURE__*/React.createElement(Icon, {
+        icon: /*#__PURE__*/React.createElement(PublishedIcon, null),
+        label: "Published",
+        size: "lg",
+        className: "wby-fill-success-default"
+      });
     case "unpublished":
-      return /*#__PURE__*/_react.default.createElement(_statusUnpublished.ReactComponent, null);
+      return /*#__PURE__*/React.createElement(Icon, {
+        icon: /*#__PURE__*/React.createElement(UnpublishedIcon, null),
+        label: "Unpublished",
+        size: "lg",
+        className: "wby-fill-danger-default"
+      });
     case "draft":
-      return /*#__PURE__*/_react.default.createElement(_statusDraft.ReactComponent, null);
+      return /*#__PURE__*/React.createElement(Icon, {
+        icon: /*#__PURE__*/React.createElement(DraftIcon, null),
+        label: "Draft",
+        size: "lg",
+        className: "wby-fill-warning-default"
+      });
     default:
       return null;
   }
 };
-var Status = exports.Status = function Status(_ref) {
-  var status = _ref.status;
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+export const Status = ({
+  status
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
     icon: getIcon(status),
     name: "Status"
   }, status.toUpperCase());