@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.1

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

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Box = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+import React from "react";
+const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e11zzake4"
 } : {
   target: "e11zzake4",
@@ -18,11 +11,10 @@ var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ===
   styles: "display:flex;flex-direction:row"
 } : {
   name: "ho1qnd",
-  styles: "display:flex;flex-direction:row",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  styles: "display:flex;flex-direction:row/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Icon = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Icon = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e11zzake3"
 } : {
   target: "e11zzake3",
@@ -32,11 +24,10 @@ var Icon = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "prod
   styles: "width:32px;height:32px;display:flex;align-items:center;justify-content:center"
 } : {
   name: "1953rds",
-  styles: "width:32px;height:32px;display:flex;align-items:center;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWEiLCJmaWxlIjoiQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIzMnB4XCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZsZXg6IFwiMVwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjEwcHhcIlxufSk7XG5jb25zdCBOYW1lID0gc3R5bGVkKFwiaDRcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM5MzhGOTlcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiXG59KTtcbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJoNVwiKSh7XG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiAxMSxcbiAgICBsaW5lSGVpZ2h0OiBcIjE2cHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gICAgY29sb3I6IFwiIzQ5NDU0RlwiXG59KTtcblxuaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEJveCA9ICh7IGljb24sIG5hbWUsIGNoaWxkcmVuIH06IEJveFByb3BzKSA9PiB7XG4gICAgaWYgKCFjaGlsZHJlbikge1xuICAgICAgICByZXR1cm4gPENvbnRhaW5lciAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxJY29uPntpY29ufTwvSWNvbj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxOYW1lPntuYW1lfTwvTmFtZT5cbiAgICAgICAgICAgICAgICA8VGV4dD57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgICAgPC9Db250ZW50PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  styles: "width:32px;height:32px;display:flex;align-items:center;justify-content:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWEiLCJmaWxlIjoiQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIzMnB4XCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZsZXg6IFwiMVwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjEwcHhcIlxufSk7XG5jb25zdCBOYW1lID0gc3R5bGVkKFwiaDRcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM5MzhGOTlcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiXG59KTtcbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJoNVwiKSh7XG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiAxMSxcbiAgICBsaW5lSGVpZ2h0OiBcIjE2cHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gICAgY29sb3I6IFwiIzQ5NDU0RlwiXG59KTtcblxuaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEJveCA9ICh7IGljb24sIG5hbWUsIGNoaWxkcmVuIH06IEJveFByb3BzKSA9PiB7XG4gICAgaWYgKCFjaGlsZHJlbikge1xuICAgICAgICByZXR1cm4gPENvbnRhaW5lciAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxJY29uPntpY29ufTwvSWNvbj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxOYW1lPntuYW1lfTwvTmFtZT5cbiAgICAgICAgICAgICAgICA8VGV4dD57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgICAgPC9Db250ZW50PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e11zzake2"
 } : {
   target: "e11zzake2",
@@ -46,11 +37,10 @@ var Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "p
   styles: "flex:1;padding-left:10px"
 } : {
   name: "1u6cn1e",
-  styles: "flex:1;padding-left:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  styles: "flex:1;padding-left:10px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Name = /*#__PURE__*/(0, _base.default)("h4", process.env.NODE_ENV === "production" ? {
+const Name = /*#__PURE__*/_styled("h4", process.env.NODE_ENV === "production" ? {
   target: "e11zzake1"
 } : {
   target: "e11zzake1",
@@ -60,11 +50,10 @@ var Name = /*#__PURE__*/(0, _base.default)("h4", process.env.NODE_ENV === "produ
   styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#938F99;text-transform:uppercase"
 } : {
   name: "81ky1a",
-  styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#938F99;text-transform:uppercase",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#938F99;text-transform:uppercase/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Text = /*#__PURE__*/(0, _base.default)("h5", process.env.NODE_ENV === "production" ? {
+const Text = /*#__PURE__*/_styled("h5", process.env.NODE_ENV === "production" ? {
   target: "e11zzake0"
 } : {
   target: "e11zzake0",
@@ -74,18 +63,18 @@ var Text = /*#__PURE__*/(0, _base.default)("h5", process.env.NODE_ENV === "produ
   styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#49454F"
 } : {
   name: "1w0nsat",
-  styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#49454F",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#49454F/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Box = exports.Box = function Box(_ref) {
-  var icon = _ref.icon,
-    name = _ref.name,
-    children = _ref.children;
+export const Box = ({
+  icon,
+  name,
+  children
+}) => {
   if (!children) {
-    return /*#__PURE__*/_react.default.createElement(Container, null);
+    return /*#__PURE__*/React.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)));
+  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Icon, null, icon), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Name, null, name), /*#__PURE__*/React.createElement(Text, null, children)));
 };
 
 //# sourceMappingURL=Box.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Icon","Content","Name","Text","Box","exports","_ref","icon","children","createElement"],"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 BoxProps {\n    icon: React.ReactElement | null;\n    name: string;\n    children?: React.ReactNode;\n}\n\nexport const Box = ({ icon, name, children }: BoxProps) => {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAC,iCAAA;AAG1B,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,CAG9B,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,CAMzB,CAAC;AACF,IAAMc,OAAO,gBAAG,IAAAZ,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,CAG5B,CAAC;AACF,IAAMe,IAAI,gBAAG,IAAAb,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,CAOxB,CAAC;AACF,IAAMgB,IAAI,gBAAG,IAAAd,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,CAMxB,CAAC;AAQK,IAAMiB,GAAG,GAAAC,OAAA,CAAAD,GAAA,GAAG,SAANA,GAAGA,CAAAE,IAAA,EAA2C;EAAA,IAArCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEX,IAAI,GAAAU,IAAA,CAAJV,IAAI;IAAEY,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACtC,IAAI,CAACA,QAAQ,EAAE;IACX,oBAAOxB,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACrB,SAAS,MAAE,CAAC;EACxB;EACA,oBACIJ,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACrB,SAAS,qBACNJ,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACT,IAAI,QAAEO,IAAW,CAAC,eACnBvB,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACR,OAAO,qBACJjB,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACP,IAAI,QAAEN,IAAW,CAAC,eACnBZ,MAAA,CAAAM,OAAA,CAAAmB,aAAA,CAACN,IAAI,QAAEK,QAAe,CACjB,CACF,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Icon","Content","Name","Text","Box","icon","children","createElement"],"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 BoxProps {\n    icon: React.ReactElement | null;\n    name: string;\n    children?: React.ReactNode;\n}\n\nexport const Box = ({ icon, name, children }: BoxProps) => {\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,OAAOA,KAAK,MAAM,OAAO;AAGzB,MAAMC,SAAS,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAG9B,CAAC;AAEF,MAAMC,IAAI,gBAAGV,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAMzB,CAAC;AACF,MAAME,OAAO,gBAAGX,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAG5B,CAAC;AACF,MAAMG,IAAI,gBAAGZ,OAAA,CAAO,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,QAAA,EAAAC;AAAA,CAOxB,CAAC;AACF,MAAMI,IAAI,gBAAGb,OAAA,CAAO,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,QAAA,EAAAC;AAAA,CAMxB,CAAC;AAQF,OAAO,MAAMK,GAAG,GAAGA,CAAC;EAAEC,IAAI;EAAET,IAAI;EAAEU;AAAmB,CAAC,KAAK;EACvD,IAAI,CAACA,QAAQ,EAAE;IACX,oBAAOlB,KAAA,CAAAmB,aAAA,CAAClB,SAAS,MAAE,CAAC;EACxB;EACA,oBACID,KAAA,CAAAmB,aAAA,CAAClB,SAAS,qBACND,KAAA,CAAAmB,aAAA,CAACP,IAAI,QAAEK,IAAW,CAAC,eACnBjB,KAAA,CAAAmB,aAAA,CAACN,OAAO,qBACJb,KAAA,CAAAmB,aAAA,CAACL,IAAI,QAAEN,IAAW,CAAC,eACnBR,KAAA,CAAAmB,aAAA,CAACJ,IAAI,QAAEG,QAAe,CACjB,CACF,CAAC;AAEpB,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsIdentity } from "../../../../../../../types";
+import type { CmsIdentity } from "../../../../../../../types.js";
 interface CreatedByProps {
     createdBy: CmsIdentity;
     createdOn: Date;

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

@@ -1,20 +1,14 @@
-"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 _TimeAgo = require("@webiny/ui/TimeAgo");
-var CreatedBy = exports.CreatedBy = function CreatedBy(_ref) {
-  var createdBy = _ref.createdBy,
-    createdOn = _ref.createdOn;
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+import React from "react";
+import { Box } from "./Box.js";
+import { TimeAgo } from "@webiny/ui/TimeAgo/index.js";
+export const CreatedBy = ({
+  createdBy,
+  createdOn
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
     icon: null,
     name: "Created By"
-  }, createdBy.displayName, " ", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_TimeAgo.TimeAgo, {
+  }, createdBy.displayName, " ", /*#__PURE__*/React.createElement(TimeAgo, {
     datetime: createdOn
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_TimeAgo","CreatedBy","exports","_ref","createdBy","createdOn","default","createElement","Box","icon","name","displayName","TimeAgo","datetime"],"sources":["CreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo\";\n\ninterface CreatedByProps {\n    createdBy: CmsIdentity;\n    createdOn: Date;\n}\nexport const CreatedBy = ({ createdBy, createdOn }: CreatedByProps) => {\n    return (\n        <Box icon={null} name={\"Created By\"}>\n            {createdBy.displayName} <br />\n            <TimeAgo datetime={createdOn} />\n        </Box>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAMO,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAAE,IAAA,EAAiD;EAAA,IAA3CC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAC5C,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,IAAA,CAAAS,GAAG;IAACC,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAa,GAC/BN,SAAS,CAACO,WAAW,EAAC,GAAC,eAAAf,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAK,CAAC,eAC9BX,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAAY,OAAO;IAACC,QAAQ,EAAER;EAAU,CAAE,CAC9B,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Box","TimeAgo","CreatedBy","createdBy","createdOn","createElement","icon","name","displayName","datetime"],"sources":["CreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsIdentity } from \"~/types.js\";\nimport { Box } from \"./Box.js\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo/index.js\";\n\ninterface CreatedByProps {\n    createdBy: CmsIdentity;\n    createdOn: Date;\n}\nexport const CreatedBy = ({ createdBy, createdOn }: CreatedByProps) => {\n    return (\n        <Box icon={null} name={\"Created By\"}>\n            {createdBy.displayName} <TimeAgo datetime={createdOn} />\n        </Box>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG;AACZ,SAASC,OAAO,QAAQ,6BAA6B;AAMrD,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAA0B,CAAC,KAAK;EACnE,oBACIL,KAAA,CAAAM,aAAA,CAACL,GAAG;IAACM,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAa,GAC/BJ,SAAS,CAACK,WAAW,EAAC,GAAC,eAAAT,KAAA,CAAAM,aAAA,CAACJ,OAAO;IAACQ,QAAQ,EAAEL;EAAU,CAAE,CACtD,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -2,5 +2,5 @@ import React from "react";
 interface DescriptionProps {
     description?: string | null;
 }
-export declare const Description: ({ description }: DescriptionProps) => React.JSX.Element;
+export declare const Description: ({ description }: DescriptionProps) => React.JSX.Element | null;
 export {};

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

@@ -1,34 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Description = 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)("p", process.env.NODE_ENV === "production" ? {
-  target: "e9zatxd0"
-} : {
-  target: "e9zatxd0",
-  label: "Content"
-})(process.env.NODE_ENV === "production" ? {
-  name: "18fqgoc",
-  styles: "font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0.25px;box-sizing:border-box;padding-right:20px;padding-bottom:10px"
-} : {
-  name: "18fqgoc",
-  styles: "font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0.25px;box-sizing:border-box;padding-right:20px;padding-bottom:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlc2NyaXB0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0IiLCJmaWxlIjoiRGVzY3JpcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJwXCIpKHtcbiAgICBmb250U3R5bGU6IFwibm9ybWFsXCIsXG4gICAgZm9udFdlaWdodDogNDAwLFxuICAgIGZvbnRTaXplOiAxNCxcbiAgICBsaW5lSGVpZ2h0OiBcIjIwcHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuMjVweFwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZ1JpZ2h0OiAyMCxcbiAgICBwYWRkaW5nQm90dG9tOiAxMFxufSk7XG5pbnRlcmZhY2UgRGVzY3JpcHRpb25Qcm9wcyB7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBudWxsO1xufVxuXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb24gPSAoeyBkZXNjcmlwdGlvbiB9OiBEZXNjcmlwdGlvblByb3BzKSA9PiB7XG4gICAgY29uc3QgTUFYX0xFTkdUSCA9IDMyMDtcbiAgICBpZiAoIWRlc2NyaXB0aW9uKSB7XG4gICAgICAgIHJldHVybiA8Q29udGVudCAvPjtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbi5sZW5ndGggPiBNQVhfTEVOR1RIXG4gICAgICAgICAgICAgICAgPyBkZXNjcmlwdGlvbi5zdWJzdHJpbmcoMCwgTUFYX0xFTkdUSCkgKyBcIi4uLlwiXG4gICAgICAgICAgICAgICAgOiBkZXNjcmlwdGlvbn1cbiAgICAgICAgPC9Db250ZW50PlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Description = exports.Description = function Description(_ref) {
-  var description = _ref.description;
-  var MAX_LENGTH = 320;
+import React from "react";
+import { cn, Text } from "@webiny/admin-ui";
+export const Description = ({
+  description
+}) => {
+  const MAX_LENGTH = 320;
   if (!description) {
-    return /*#__PURE__*/_react.default.createElement(Content, null);
+    return null;
   }
-  return /*#__PURE__*/_react.default.createElement(Content, null, description.length > MAX_LENGTH ? description.substring(0, MAX_LENGTH) + "..." : description);
+  return /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: cn("truncate w-full text-neutral-muted")
+  }, description.length > MAX_LENGTH ? description.substring(0, MAX_LENGTH) + "..." : description);
 };
 
 //# sourceMappingURL=Description.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Description.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","Description","exports","_ref","description","MAX_LENGTH","createElement","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 DescriptionProps {\n    description?: string | null;\n}\n\nexport const Description = ({ description }: DescriptionProps) => {\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":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAC,iCAAA;AAE1B,IAAMC,OAAO,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,GAAG,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,CAS1B,CAAC;AAKK,IAAMa,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAA0C;EAAA,IAApCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EACrC,IAAMC,UAAU,GAAG,GAAG;EACtB,IAAI,CAACD,WAAW,EAAE;IACd,oBAAOnB,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAACjB,OAAO,MAAE,CAAC;EACtB;EAEA,oBACIJ,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAACjB,OAAO,QACHe,WAAW,CAACG,MAAM,GAAGF,UAAU,GAC1BD,WAAW,CAACI,SAAS,CAAC,CAAC,EAAEH,UAAU,CAAC,GAAG,KAAK,GAC5CD,WACD,CAAC;AAElB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","Text","Description","description","MAX_LENGTH","createElement","size","as","className","length","substring"],"sources":["Description.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Text } from \"@webiny/admin-ui\";\n\ninterface DescriptionProps {\n    description?: string | null;\n}\n\nexport const Description = ({ description }: DescriptionProps) => {\n    const MAX_LENGTH = 320;\n    if (!description) {\n        return null;\n    }\n\n    return (\n        <Text size=\"sm\" as=\"div\" className={cn(\"truncate w-full text-neutral-muted\")}>\n            {description.length > MAX_LENGTH\n                ? description.substring(0, MAX_LENGTH) + \"...\"\n                : description}\n        </Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,IAAI,QAAQ,kBAAkB;AAM3C,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAA8B,CAAC,KAAK;EAC9D,MAAMC,UAAU,GAAG,GAAG;EACtB,IAAI,CAACD,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,oBACIJ,KAAA,CAAAM,aAAA,CAACJ,IAAI;IAACK,IAAI,EAAC,IAAI;IAACC,EAAE,EAAC,KAAK;IAACC,SAAS,EAAER,EAAE,CAAC,oCAAoC;EAAE,GACxEG,WAAW,CAACM,MAAM,GAAGL,UAAU,GAC1BD,WAAW,CAACO,SAAS,CAAC,CAAC,EAAEN,UAAU,CAAC,GAAG,KAAK,GAC5CD,WACJ,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -3,7 +3,6 @@ interface ImageProps {
     title: string;
     src?: string | null;
     width?: number;
-    icon: string | undefined;
 }
-export declare const Image: ({ src, icon, width }: ImageProps) => React.JSX.Element;
+export declare const Image: ({ src, width, title }: ImageProps) => React.JSX.Element;
 export {};

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

@@ -1,66 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Image = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-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: "e1bca2ud1"
-} : {
-  target: "e1bca2ud1",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "12pohl",
-  styles: "width:100%;background-color:var(--mdc-theme-on-background);border-right:1px solid var(--mdc-theme-on-background);border-bottom:1px solid var(--mdc-theme-on-background);background-repeat:no-repeat;background-size:contain;background-origin:content-box;background-position:center;padding:5px;min-height:140px;display:flex;justify-content:center;align-items:center;box-sizing:border-box"
-} : {
-  name: "12pohl",
-  styles: "width:100%;background-color:var(--mdc-theme-on-background);border-right:1px solid var(--mdc-theme-on-background);border-bottom:1px solid var(--mdc-theme-on-background);background-repeat:no-repeat;background-size:contain;background-origin:content-box;background-position:center;padding:5px;min-height:140px;display:flex;justify-content:center;align-items:center;box-sizing:border-box",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLa0IiLCJmaWxlIjoiSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBGb250QXdlc29tZUljb24gfSBmcm9tIFwiQGZvcnRhd2Vzb21lL3JlYWN0LWZvbnRhd2Vzb21lXCI7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmVcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJpZ2h0OiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gICAgYmFja2dyb3VuZFNpemU6IFwiY29udGFpblwiLFxuICAgIGJhY2tncm91bmRPcmlnaW46IFwiY29udGVudC1ib3hcIixcbiAgICBiYWNrZ3JvdW5kUG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogNSxcbiAgICBtaW5IZWlnaHQ6IDE0MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjAgMCAxMDBweFwiLFxuICAgIHN2Zzoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1pY29uLW9uLWxpZ2h0KVwiLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgICAgIG1heFdpZHRoOiAxMDAsXG4gICAgICAgIG1heEhlaWdodDogMTAwLFxuICAgICAgICBvcGFjaXR5OiAwLjNcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIEljb25Qcm9wcyB7XG4gICAgaWNvbjogc3RyaW5nIHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBzcmM/OiBzdHJpbmcgfCBudWxsO1xuICAgIHdpZHRoPzogbnVtYmVyO1xuICAgIGljb246IHN0cmluZyB8IHVuZGVmaW5lZDtcbn1cblxuY29uc3QgRGlzcGxheUljb24gPSAoeyBpY29uIH06IEljb25Qcm9wcykgPT4ge1xuICAgIGlmICghaWNvbikge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIDxGb250QXdlc29tZUljb24gaWNvbj17KGljb24gfHwgXCJcIikuc3BsaXQoXCIvXCIpIGFzIEljb25Qcm9wfSAvPjtcbn07XG5cbmV4cG9ydCBjb25zdCBJbWFnZSA9ICh7IHNyYywgaWNvbiwgd2lkdGggPSAxNjYgfTogSW1hZ2VQcm9wcykgPT4ge1xuICAgIGlmICghc3JjKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgICAgICA8RGlzcGxheUljb24gaWNvbj17aWNvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICB9XG4gICAgcmV0dXJuIDxDb250YWluZXIgc3R5bGU9e3sgYmFja2dyb3VuZEltYWdlOiBcInVybChcIiArIHNyYyArIFwiP3dpZHRoPVwiICsgd2lkdGggKyBcIilcIiB9fSAvPjtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Icon = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1bca2ud0"
-} : {
-  target: "e1bca2ud0",
-  label: "Icon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cc3ux3",
-  styles: "flex:0 0 100px;svg{color:var(--mdc-theme-text-icon-on-light);width:100%;height:auto;max-width:100px;max-height:100px;opacity:0.3;}"
-} : {
-  name: "1cc3ux3",
-  styles: "flex:0 0 100px;svg{color:var(--mdc-theme-text-icon-on-light);width:100%;height:auto;max-width:100px;max-height:100px;opacity:0.3;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmEiLCJmaWxlIjoiSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBGb250QXdlc29tZUljb24gfSBmcm9tIFwiQGZvcnRhd2Vzb21lL3JlYWN0LWZvbnRhd2Vzb21lXCI7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmVcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJpZ2h0OiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gICAgYmFja2dyb3VuZFNpemU6IFwiY29udGFpblwiLFxuICAgIGJhY2tncm91bmRPcmlnaW46IFwiY29udGVudC1ib3hcIixcbiAgICBiYWNrZ3JvdW5kUG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogNSxcbiAgICBtaW5IZWlnaHQ6IDE0MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjAgMCAxMDBweFwiLFxuICAgIHN2Zzoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1pY29uLW9uLWxpZ2h0KVwiLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgICAgIG1heFdpZHRoOiAxMDAsXG4gICAgICAgIG1heEhlaWdodDogMTAwLFxuICAgICAgICBvcGFjaXR5OiAwLjNcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIEljb25Qcm9wcyB7XG4gICAgaWNvbjogc3RyaW5nIHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBzcmM/OiBzdHJpbmcgfCBudWxsO1xuICAgIHdpZHRoPzogbnVtYmVyO1xuICAgIGljb246IHN0cmluZyB8IHVuZGVmaW5lZDtcbn1cblxuY29uc3QgRGlzcGxheUljb24gPSAoeyBpY29uIH06IEljb25Qcm9wcykgPT4ge1xuICAgIGlmICghaWNvbikge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIDxGb250QXdlc29tZUljb24gaWNvbj17KGljb24gfHwgXCJcIikuc3BsaXQoXCIvXCIpIGFzIEljb25Qcm9wfSAvPjtcbn07XG5cbmV4cG9ydCBjb25zdCBJbWFnZSA9ICh7IHNyYywgaWNvbiwgd2lkdGggPSAxNjYgfTogSW1hZ2VQcm9wcykgPT4ge1xuICAgIGlmICghc3JjKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgICAgICA8RGlzcGxheUljb24gaWNvbj17aWNvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICB9XG4gICAgcmV0dXJuIDxDb250YWluZXIgc3R5bGU9e3sgYmFja2dyb3VuZEltYWdlOiBcInVybChcIiArIHNyYyArIFwiP3dpZHRoPVwiICsgd2lkdGggKyBcIilcIiB9fSAvPjtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-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 = exports.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 + ")"
-    }
-  });
+import React from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent as ImageIcon } from "@webiny/icons/image.svg";
+export const Image = ({
+  src,
+  width,
+  title
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "size-[96px] rounded-lg overflow-hidden relative"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "size-full flex justify-center items-center bg-neutral-base"
+  }, src ? /*#__PURE__*/React.createElement("img", {
+    src: src,
+    width: width
+  }) : /*#__PURE__*/React.createElement(Icon, {
+    label: title,
+    icon: /*#__PURE__*/React.createElement(ImageIcon, null),
+    className: "w-[32px] h-[32px]",
+    color: "neutral-light"
+  })));
 };
 
 //# sourceMappingURL=Image.js.map

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","Icon","ReactComponent","ImageIcon","Image","src","width","title","createElement","className","label","icon","color"],"sources":["Image.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as ImageIcon } from \"@webiny/icons/image.svg\";\n\ninterface ImageProps {\n    title: string;\n    src?: string | null;\n    width?: number;\n}\n\nexport const Image = ({ src, width, title }: ImageProps) => {\n    return (\n        <div className={\"size-[96px] rounded-lg overflow-hidden relative\"}>\n            <div className={\"size-full flex justify-center items-center bg-neutral-base\"}>\n                {src ? (\n                    <img src={src} width={width} />\n                ) : (\n                    <Icon\n                        label={title}\n                        icon={<ImageIcon />}\n                        className={\"w-[32px] h-[32px]\"}\n                        color={\"neutral-light\"}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AAQrE,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,GAAG;EAAEC,KAAK;EAAEC;AAAkB,CAAC,KAAK;EACxD,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAkD,gBAC9DT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAA6D,GACxEJ,GAAG,gBACAL,KAAA,CAAAQ,aAAA;IAAKH,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,gBAE/BN,KAAA,CAAAQ,aAAA,CAACP,IAAI;IACDS,KAAK,EAAEH,KAAM;IACbI,IAAI,eAAEX,KAAA,CAAAQ,aAAA,CAACL,SAAS,MAAE,CAAE;IACpBM,SAAS,EAAE,mBAAoB;IAC/BG,KAAK,EAAE;EAAgB,CAC1B,CAEJ,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("truncate w-full 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(\"truncate w-full 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,oCAAoC;EAAE,GACxEG,IACC,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsIdentity } from "../../../../../../../types";
+import type { CmsIdentity } from "../../../../../../../types.js";
 interface ModifiedByProps {
     modifiedBy?: CmsIdentity | null;
     savedOn: Date;

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.js";
+import { TimeAgo } from "@webiny/ui/TimeAgo/index.js";
+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 type { CmsIdentity } from \"~/types.js\";\nimport { Box } from \"./Box.js\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo/index.js\";\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,6BAA6B;AAOrD,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/Select.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsReferenceContentEntry, CmsReferenceValue } from "../../../components/types";
+import type { CmsReferenceContentEntry, CmsReferenceValue } from "../../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface SelectProps {
     entry: CmsReferenceContentEntry;
     selected?: boolean;