@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

package/admin/plugins/fields/ref/renderInfo.js

@@ -1,89 +1,41 @@
-"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.renderInfo = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("../../../hooks");
-var _graphql = require("./graphql");
-var _appAdmin = require("@webiny/app-admin");
-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 Information = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1wj1cni2"
-} : {
-  target: "e1wj1cni2",
-  label: "Information"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1hbumu2",
-  styles: "display:flex;flex-direction:row;justify-content:right;align-items:center;flex:1"
-} : {
-  name: "1hbumu2",
-  styles: "display:flex;flex-direction:row;justify-content:right;align-items:center;flex:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlbmRlckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlvQiIsImZpbGUiOiJyZW5kZXJJbmZvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDbXNNb2RlbCBhcyBCYXNlQ21zTW9kZWwsIENtc01vZGVsRmllbGQgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlUXVlcnkgfSBmcm9tIFwifi9hZG1pbi9ob29rc1wiO1xuaW1wb3J0IHtcbiAgICBMSVNUX1JFRkVSRU5DRURfTU9ERUxTLFxuICAgIExpc3RSZWZlcmVuY2VkTW9kZWxzUXVlcnlSZXN1bHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZHMvcmVmL2dyYXBocWxcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlU25hY2tiYXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcblxudHlwZSBDbXNNb2RlbCA9IFBpY2s8QmFzZUNtc01vZGVsLCBcIm1vZGVsSWRcIiB8IFwibmFtZVwiPjtcblxuY29uc3QgSW5mb3JtYXRpb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwicmlnaHRcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGZsZXg6IFwiMVwiXG59KTtcblxuY29uc3QgQmFkZ2VJdGVtID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHBhZGRpbmc6IFwiNXB4IDIwcHggN3B4IDIwcHhcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI0ZGRlwiLFxuICAgIGJvcmRlclJhZGl1czogXCI1cHhcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIGRhcmtncmV5XCIsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgZm9udFdlaWdodDogXCJub3JtYWxcIlxufSk7XG5cbmNvbnN0IEV4dHJhcyA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBwYWRkaW5nOiBcIjVweCAxMHB4IDdweCAxMHB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNGRkZcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNXB4XCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCBkYXJrZ3JleVwiLFxuICAgIG1heFdpZHRoOiBcIjIwcHhcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgZm9udFdlaWdodDogXCJub3JtYWxcIlxufSk7XG5cbmludGVyZmFjZSBCYWRnZVByb3BzIHtcbiAgICBtb2RlbDogQ21zTW9kZWw7XG59XG5cbmNvbnN0IEJhZGdlID0gKHsgbW9kZWwgfTogQmFkZ2VQcm9wcykgPT4ge1xuICAgIHJldHVybiA8QmFkZ2VJdGVtPnttb2RlbC5uYW1lfTwvQmFkZ2VJdGVtPjtcbn07XG5cbmludGVyZmFjZSBSZW5kZXJJbmZvUGFyYW1zIHtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBtb2RlbDogQ21zTW9kZWw7XG59XG5cbmNvbnN0IHRha2VCYWRnZXMgPSAxO1xuXG5leHBvcnQgY29uc3QgcmVuZGVySW5mbyA9ICh7IG1vZGVsLCBmaWVsZCB9OiBSZW5kZXJJbmZvUGFyYW1zKSA9PiB7XG4gICAgcmV0dXJuIDxSZW5kZXJJbmZvIG1vZGVsPXttb2RlbH0gZmllbGQ9e2ZpZWxkfSAvPjtcbn07XG5cbmNvbnN0IFJlbmRlckluZm8gPSAoeyBmaWVsZCB9OiBSZW5kZXJJbmZvUGFyYW1zKSA9PiB7XG4gICAgY29uc3QgaGFzQW55TW9kZWxzID0gKGZpZWxkLnNldHRpbmdzPy5tb2RlbHMgfHwgW10pLmxlbmd0aCA+IDA7XG4gICAgY29uc3QgeyBkYXRhLCBsb2FkaW5nLCBlcnJvciB9ID0gdXNlUXVlcnk8TGlzdFJlZmVyZW5jZWRNb2RlbHNRdWVyeVJlc3VsdD4oXG4gICAgICAgIExJU1RfUkVGRVJFTkNFRF9NT0RFTFMsXG4gICAgICAgIHtcbiAgICAgICAgICAgIHNraXA6ICFoYXNBbnlNb2RlbHNcbiAgICAgICAgfVxuICAgICk7XG5cbiAgICBjb25zdCB7IHNob3dTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcblxuICAgIGNvbnN0IFttb2RlbHMsIHNldE1vZGVsc10gPSB1c2VTdGF0ZTxDbXNNb2RlbFtdPihbXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoIWRhdGEgfHwgbG9hZGluZykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9IGVsc2UgaWYgKGVycm9yKSB7XG4gICAgICAgICAgICBzaG93U25hY2tiYXIoZXJyb3IubWVzc2FnZSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBzZXRNb2RlbHMoZGF0YS5saXN0Q29udGVudE1vZGVscz8uZGF0YSB8fCBbXSk7XG4gICAgfSwgW2RhdGEsIGxvYWRpbmddKTtcblxuICAgIGNvbnN0IHsgaXRlbXMsIGJhZGdlcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGZpZWxkTW9kZWxzID0gKGZpZWxkLnNldHRpbmdzPy5tb2RlbHMgfHwgW10pXG4gICAgICAgICAgICAubWFwKG1vZGVsID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gbW9kZWxzLmZpbmQobSA9PiBtLm1vZGVsSWQgPT09IG1vZGVsLm1vZGVsSWQpO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbikgYXMgQ21zTW9kZWxbXTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGl0ZW1zOiBmaWVsZE1vZGVscy5zbGljZSgwLCB0YWtlQmFkZ2VzKSxcbiAgICAgICAgICAgIGJhZGdlczogZmllbGRNb2RlbHMubGVuZ3RoIC0gdGFrZUJhZGdlc1xuICAgICAgICB9O1xuICAgIH0sIFttb2RlbHMsIGZpZWxkXSk7XG5cbiAgICBpZiAobW9kZWxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8SW5mb3JtYXRpb24+XG4gICAgICAgICAgICB7aXRlbXMubWFwKG1vZGVsID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gPEJhZGdlIGtleT17YG1vZGVsLSR7bW9kZWwubW9kZWxJZH1gfSBtb2RlbD17bW9kZWx9IC8+O1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICB7YmFkZ2VzID4gMCAmJiA8RXh0cmFzPit7YmFkZ2VzfTwvRXh0cmFzPn1cbiAgICAgICAgPC9JbmZvcm1hdGlvbj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var BadgeItem = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1wj1cni1"
-} : {
-  target: "e1wj1cni1",
-  label: "BadgeItem"
-})(process.env.NODE_ENV === "production" ? {
-  name: "rwtqpo",
-  styles: "display:inline-block;padding:5px 20px 7px 20px;background-color:#FFF;border-radius:5px;border:1px solid darkgrey;margin-right:10px;cursor:default;font-weight:normal"
-} : {
-  name: "rwtqpo",
-  styles: "display:inline-block;padding:5px 20px 7px 20px;background-color:#FFF;border-radius:5px;border:1px solid darkgrey;margin-right:10px;cursor:default;font-weight:normal",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlbmRlckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ca0IiLCJmaWxlIjoicmVuZGVySW5mby50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ21zTW9kZWwgYXMgQmFzZUNtc01vZGVsLCBDbXNNb2RlbEZpZWxkIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IHVzZVF1ZXJ5IH0gZnJvbSBcIn4vYWRtaW4vaG9va3NcIjtcbmltcG9ydCB7XG4gICAgTElTVF9SRUZFUkVOQ0VEX01PREVMUyxcbiAgICBMaXN0UmVmZXJlbmNlZE1vZGVsc1F1ZXJ5UmVzdWx0XG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRzL3JlZi9ncmFwaHFsXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZVNuYWNrYmFyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5cbnR5cGUgQ21zTW9kZWwgPSBQaWNrPEJhc2VDbXNNb2RlbCwgXCJtb2RlbElkXCIgfCBcIm5hbWVcIj47XG5cbmNvbnN0IEluZm9ybWF0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInJpZ2h0XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBmbGV4OiBcIjFcIlxufSk7XG5cbmNvbnN0IEJhZGdlSXRlbSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBwYWRkaW5nOiBcIjVweCAyMHB4IDdweCAyMHB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNGRkZcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNXB4XCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCBkYXJrZ3JleVwiLFxuICAgIG1hcmdpblJpZ2h0OiBcIjEwcHhcIixcbiAgICBjdXJzb3I6IFwiZGVmYXVsdFwiLFxuICAgIGZvbnRXZWlnaHQ6IFwibm9ybWFsXCJcbn0pO1xuXG5jb25zdCBFeHRyYXMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgcGFkZGluZzogXCI1cHggMTBweCA3cHggMTBweFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCIjRkZGXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjVweFwiLFxuICAgIGJvcmRlcjogXCIxcHggc29saWQgZGFya2dyZXlcIixcbiAgICBtYXhXaWR0aDogXCIyMHB4XCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpblJpZ2h0OiBcIjEwcHhcIixcbiAgICBjdXJzb3I6IFwiZGVmYXVsdFwiLFxuICAgIGZvbnRXZWlnaHQ6IFwibm9ybWFsXCJcbn0pO1xuXG5pbnRlcmZhY2UgQmFkZ2VQcm9wcyB7XG4gICAgbW9kZWw6IENtc01vZGVsO1xufVxuXG5jb25zdCBCYWRnZSA9ICh7IG1vZGVsIH06IEJhZGdlUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPEJhZGdlSXRlbT57bW9kZWwubmFtZX08L0JhZGdlSXRlbT47XG59O1xuXG5pbnRlcmZhY2UgUmVuZGVySW5mb1BhcmFtcyB7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgbW9kZWw6IENtc01vZGVsO1xufVxuXG5jb25zdCB0YWtlQmFkZ2VzID0gMTtcblxuZXhwb3J0IGNvbnN0IHJlbmRlckluZm8gPSAoeyBtb2RlbCwgZmllbGQgfTogUmVuZGVySW5mb1BhcmFtcykgPT4ge1xuICAgIHJldHVybiA8UmVuZGVySW5mbyBtb2RlbD17bW9kZWx9IGZpZWxkPXtmaWVsZH0gLz47XG59O1xuXG5jb25zdCBSZW5kZXJJbmZvID0gKHsgZmllbGQgfTogUmVuZGVySW5mb1BhcmFtcykgPT4ge1xuICAgIGNvbnN0IGhhc0FueU1vZGVscyA9IChmaWVsZC5zZXR0aW5ncz8ubW9kZWxzIHx8IFtdKS5sZW5ndGggPiAwO1xuICAgIGNvbnN0IHsgZGF0YSwgbG9hZGluZywgZXJyb3IgfSA9IHVzZVF1ZXJ5PExpc3RSZWZlcmVuY2VkTW9kZWxzUXVlcnlSZXN1bHQ+KFxuICAgICAgICBMSVNUX1JFRkVSRU5DRURfTU9ERUxTLFxuICAgICAgICB7XG4gICAgICAgICAgICBza2lwOiAhaGFzQW55TW9kZWxzXG4gICAgICAgIH1cbiAgICApO1xuXG4gICAgY29uc3QgeyBzaG93U25hY2tiYXIgfSA9IHVzZVNuYWNrYmFyKCk7XG5cbiAgICBjb25zdCBbbW9kZWxzLCBzZXRNb2RlbHNdID0gdXNlU3RhdGU8Q21zTW9kZWxbXT4oW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKCFkYXRhIHx8IGxvYWRpbmcpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfSBlbHNlIGlmIChlcnJvcikge1xuICAgICAgICAgICAgc2hvd1NuYWNrYmFyKGVycm9yLm1lc3NhZ2UpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgc2V0TW9kZWxzKGRhdGEubGlzdENvbnRlbnRNb2RlbHM/LmRhdGEgfHwgW10pO1xuICAgIH0sIFtkYXRhLCBsb2FkaW5nXSk7XG5cbiAgICBjb25zdCB7IGl0ZW1zLCBiYWRnZXMgfSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBjb25zdCBmaWVsZE1vZGVscyA9IChmaWVsZC5zZXR0aW5ncz8ubW9kZWxzIHx8IFtdKVxuICAgICAgICAgICAgLm1hcChtb2RlbCA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIG1vZGVscy5maW5kKG0gPT4gbS5tb2RlbElkID09PSBtb2RlbC5tb2RlbElkKTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pIGFzIENtc01vZGVsW107XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBpdGVtczogZmllbGRNb2RlbHMuc2xpY2UoMCwgdGFrZUJhZGdlcyksXG4gICAgICAgICAgICBiYWRnZXM6IGZpZWxkTW9kZWxzLmxlbmd0aCAtIHRha2VCYWRnZXNcbiAgICAgICAgfTtcbiAgICB9LCBbbW9kZWxzLCBmaWVsZF0pO1xuXG4gICAgaWYgKG1vZGVscy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEluZm9ybWF0aW9uPlxuICAgICAgICAgICAge2l0ZW1zLm1hcChtb2RlbCA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIDxCYWRnZSBrZXk9e2Btb2RlbC0ke21vZGVsLm1vZGVsSWR9YH0gbW9kZWw9e21vZGVsfSAvPjtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAge2JhZGdlcyA+IDAgJiYgPEV4dHJhcz4re2JhZGdlc308L0V4dHJhcz59XG4gICAgICAgIDwvSW5mb3JtYXRpb24+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Extras = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1wj1cni0"
-} : {
-  target: "e1wj1cni0",
-  label: "Extras"
-})(process.env.NODE_ENV === "production" ? {
-  name: "z7ir25",
-  styles: "display:inline-block;padding:5px 10px 7px 10px;background-color:#FFF;border-radius:5px;border:1px solid darkgrey;max-width:20px;text-align:center;margin-right:10px;cursor:default;font-weight:normal"
-} : {
-  name: "z7ir25",
-  styles: "display:inline-block;padding:5px 10px 7px 10px;background-color:#FFF;border-radius:5px;border:1px solid darkgrey;max-width:20px;text-align:center;margin-right:10px;cursor:default;font-weight:normal",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlbmRlckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCZSIsImZpbGUiOiJyZW5kZXJJbmZvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDbXNNb2RlbCBhcyBCYXNlQ21zTW9kZWwsIENtc01vZGVsRmllbGQgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlUXVlcnkgfSBmcm9tIFwifi9hZG1pbi9ob29rc1wiO1xuaW1wb3J0IHtcbiAgICBMSVNUX1JFRkVSRU5DRURfTU9ERUxTLFxuICAgIExpc3RSZWZlcmVuY2VkTW9kZWxzUXVlcnlSZXN1bHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZHMvcmVmL2dyYXBocWxcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlU25hY2tiYXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcblxudHlwZSBDbXNNb2RlbCA9IFBpY2s8QmFzZUNtc01vZGVsLCBcIm1vZGVsSWRcIiB8IFwibmFtZVwiPjtcblxuY29uc3QgSW5mb3JtYXRpb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwicmlnaHRcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGZsZXg6IFwiMVwiXG59KTtcblxuY29uc3QgQmFkZ2VJdGVtID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHBhZGRpbmc6IFwiNXB4IDIwcHggN3B4IDIwcHhcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI0ZGRlwiLFxuICAgIGJvcmRlclJhZGl1czogXCI1cHhcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIGRhcmtncmV5XCIsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgZm9udFdlaWdodDogXCJub3JtYWxcIlxufSk7XG5cbmNvbnN0IEV4dHJhcyA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBwYWRkaW5nOiBcIjVweCAxMHB4IDdweCAxMHB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNGRkZcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNXB4XCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCBkYXJrZ3JleVwiLFxuICAgIG1heFdpZHRoOiBcIjIwcHhcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgZm9udFdlaWdodDogXCJub3JtYWxcIlxufSk7XG5cbmludGVyZmFjZSBCYWRnZVByb3BzIHtcbiAgICBtb2RlbDogQ21zTW9kZWw7XG59XG5cbmNvbnN0IEJhZGdlID0gKHsgbW9kZWwgfTogQmFkZ2VQcm9wcykgPT4ge1xuICAgIHJldHVybiA8QmFkZ2VJdGVtPnttb2RlbC5uYW1lfTwvQmFkZ2VJdGVtPjtcbn07XG5cbmludGVyZmFjZSBSZW5kZXJJbmZvUGFyYW1zIHtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBtb2RlbDogQ21zTW9kZWw7XG59XG5cbmNvbnN0IHRha2VCYWRnZXMgPSAxO1xuXG5leHBvcnQgY29uc3QgcmVuZGVySW5mbyA9ICh7IG1vZGVsLCBmaWVsZCB9OiBSZW5kZXJJbmZvUGFyYW1zKSA9PiB7XG4gICAgcmV0dXJuIDxSZW5kZXJJbmZvIG1vZGVsPXttb2RlbH0gZmllbGQ9e2ZpZWxkfSAvPjtcbn07XG5cbmNvbnN0IFJlbmRlckluZm8gPSAoeyBmaWVsZCB9OiBSZW5kZXJJbmZvUGFyYW1zKSA9PiB7XG4gICAgY29uc3QgaGFzQW55TW9kZWxzID0gKGZpZWxkLnNldHRpbmdzPy5tb2RlbHMgfHwgW10pLmxlbmd0aCA+IDA7XG4gICAgY29uc3QgeyBkYXRhLCBsb2FkaW5nLCBlcnJvciB9ID0gdXNlUXVlcnk8TGlzdFJlZmVyZW5jZWRNb2RlbHNRdWVyeVJlc3VsdD4oXG4gICAgICAgIExJU1RfUkVGRVJFTkNFRF9NT0RFTFMsXG4gICAgICAgIHtcbiAgICAgICAgICAgIHNraXA6ICFoYXNBbnlNb2RlbHNcbiAgICAgICAgfVxuICAgICk7XG5cbiAgICBjb25zdCB7IHNob3dTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcblxuICAgIGNvbnN0IFttb2RlbHMsIHNldE1vZGVsc10gPSB1c2VTdGF0ZTxDbXNNb2RlbFtdPihbXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoIWRhdGEgfHwgbG9hZGluZykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9IGVsc2UgaWYgKGVycm9yKSB7XG4gICAgICAgICAgICBzaG93U25hY2tiYXIoZXJyb3IubWVzc2FnZSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBzZXRNb2RlbHMoZGF0YS5saXN0Q29udGVudE1vZGVscz8uZGF0YSB8fCBbXSk7XG4gICAgfSwgW2RhdGEsIGxvYWRpbmddKTtcblxuICAgIGNvbnN0IHsgaXRlbXMsIGJhZGdlcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGZpZWxkTW9kZWxzID0gKGZpZWxkLnNldHRpbmdzPy5tb2RlbHMgfHwgW10pXG4gICAgICAgICAgICAubWFwKG1vZGVsID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gbW9kZWxzLmZpbmQobSA9PiBtLm1vZGVsSWQgPT09IG1vZGVsLm1vZGVsSWQpO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbikgYXMgQ21zTW9kZWxbXTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGl0ZW1zOiBmaWVsZE1vZGVscy5zbGljZSgwLCB0YWtlQmFkZ2VzKSxcbiAgICAgICAgICAgIGJhZGdlczogZmllbGRNb2RlbHMubGVuZ3RoIC0gdGFrZUJhZGdlc1xuICAgICAgICB9O1xuICAgIH0sIFttb2RlbHMsIGZpZWxkXSk7XG5cbiAgICBpZiAobW9kZWxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8SW5mb3JtYXRpb24+XG4gICAgICAgICAgICB7aXRlbXMubWFwKG1vZGVsID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gPEJhZGdlIGtleT17YG1vZGVsLSR7bW9kZWwubW9kZWxJZH1gfSBtb2RlbD17bW9kZWx9IC8+O1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICB7YmFkZ2VzID4gMCAmJiA8RXh0cmFzPit7YmFkZ2VzfTwvRXh0cmFzPn1cbiAgICAgICAgPC9JbmZvcm1hdGlvbj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Badge = function Badge(_ref) {
-  var model = _ref.model;
-  return /*#__PURE__*/_react.default.createElement(BadgeItem, null, model.name);
+import React, { useEffect, useMemo, useState } from "react";
+import { useQuery } from "../../../hooks";
+import { LIST_REFERENCED_MODELS } from "./graphql";
+import { useSnackbar } from "@webiny/app-admin";
+import { Tag } from "@webiny/admin-ui";
+const Badge = ({
+  model
+}) => {
+  return /*#__PURE__*/React.createElement(Tag, {
+    content: model.name
+  });
 };
-var takeBadges = 1;
-var renderInfo = exports.renderInfo = function renderInfo(_ref2) {
-  var model = _ref2.model,
-    field = _ref2.field;
-  return /*#__PURE__*/_react.default.createElement(RenderInfo, {
+const takeBadges = 1;
+export const renderInfo = ({
+  model,
+  field
+}) => {
+  return /*#__PURE__*/React.createElement(RenderInfo, {
     model: model,
     field: field
   });
 };
-var RenderInfo = function RenderInfo(_ref3) {
-  var field = _ref3.field;
-  var hasAnyModels = (field.settings?.models || []).length > 0;
-  var _useQuery = (0, _hooks.useQuery)(_graphql.LIST_REFERENCED_MODELS, {
-      skip: !hasAnyModels
-    }),
-    data = _useQuery.data,
-    loading = _useQuery.loading,
-    error = _useQuery.error;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    models = _useState2[0],
-    setModels = _useState2[1];
-  (0, _react.useEffect)(function () {
+const RenderInfo = ({
+  field
+}) => {
+  const hasAnyModels = (field.settings?.models || []).length > 0;
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(LIST_REFERENCED_MODELS, {
+    skip: !hasAnyModels
+  });
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const [models, setModels] = useState([]);
+  useEffect(() => {
     if (!data || loading) {
       return;
     } else if (error) {
@@ -92,28 +44,31 @@ var RenderInfo = function RenderInfo(_ref3) {
     }
     setModels(data.listContentModels?.data || []);
   }, [data, loading]);
-  var _useMemo = (0, _react.useMemo)(function () {
-      var fieldModels = (field.settings?.models || []).map(function (model) {
-        return models.find(function (m) {
-          return m.modelId === model.modelId;
-        });
-      }).filter(Boolean);
-      return {
-        items: fieldModels.slice(0, takeBadges),
-        badges: fieldModels.length - takeBadges
-      };
-    }, [models, field]),
-    items = _useMemo.items,
-    badges = _useMemo.badges;
+  const {
+    items,
+    badges
+  } = useMemo(() => {
+    const fieldModels = (field.settings?.models || []).map(model => {
+      return models.find(m => m.modelId === model.modelId);
+    }).filter(Boolean);
+    return {
+      items: fieldModels.slice(0, takeBadges),
+      badges: fieldModels.length - takeBadges
+    };
+  }, [models, field]);
   if (models.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(Information, null, items.map(function (model) {
-    return /*#__PURE__*/_react.default.createElement(Badge, {
-      key: "model-".concat(model.modelId),
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-end wby-items-center wby-gap-sm"
+  }, items.map(model => {
+    return /*#__PURE__*/React.createElement(Badge, {
+      key: `model-${model.modelId}`,
       model: model
     });
-  }), badges > 0 && /*#__PURE__*/_react.default.createElement(Extras, null, "+", badges));
+  }), badges > 0 && /*#__PURE__*/React.createElement(Tag, {
+    content: `+${badges}`
+  }));
 };
 
 //# sourceMappingURL=renderInfo.js.map

package/admin/plugins/fields/ref/renderInfo.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_hooks","_graphql","_appAdmin","_EMOTION_STRINGIFIED_CSS_ERROR__","Information","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","BadgeItem","Extras","Badge","_ref","model","createElement","takeBadges","renderInfo","exports","_ref2","field","RenderInfo","_ref3","hasAnyModels","settings","models","length","_useQuery","useQuery","LIST_REFERENCED_MODELS","skip","data","loading","error","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","setModels","useEffect","message","listContentModels","_useMemo","useMemo","fieldModels","find","m","modelId","filter","Boolean","items","slice","badges","key","concat"],"sources":["renderInfo.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { CmsModel as BaseCmsModel, CmsModelField } from \"~/types\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n    LIST_REFERENCED_MODELS,\n    ListReferencedModelsQueryResult\n} from \"~/admin/plugins/fields/ref/graphql\";\nimport styled from \"@emotion/styled\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\ntype CmsModel = Pick<BaseCmsModel, \"modelId\" | \"name\">;\n\nconst Information = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"right\",\n    alignItems: \"center\",\n    flex: \"1\"\n});\n\nconst BadgeItem = styled(\"div\")({\n    display: \"inline-block\",\n    padding: \"5px 20px 7px 20px\",\n    backgroundColor: \"#FFF\",\n    borderRadius: \"5px\",\n    border: \"1px solid darkgrey\",\n    marginRight: \"10px\",\n    cursor: \"default\",\n    fontWeight: \"normal\"\n});\n\nconst Extras = styled(\"div\")({\n    display: \"inline-block\",\n    padding: \"5px 10px 7px 10px\",\n    backgroundColor: \"#FFF\",\n    borderRadius: \"5px\",\n    border: \"1px solid darkgrey\",\n    maxWidth: \"20px\",\n    textAlign: \"center\",\n    marginRight: \"10px\",\n    cursor: \"default\",\n    fontWeight: \"normal\"\n});\n\ninterface BadgeProps {\n    model: CmsModel;\n}\n\nconst Badge = ({ model }: BadgeProps) => {\n    return <BadgeItem>{model.name}</BadgeItem>;\n};\n\ninterface RenderInfoParams {\n    field: CmsModelField;\n    model: CmsModel;\n}\n\nconst takeBadges = 1;\n\nexport const renderInfo = ({ model, field }: RenderInfoParams) => {\n    return <RenderInfo model={model} field={field} />;\n};\n\nconst RenderInfo = ({ field }: RenderInfoParams) => {\n    const hasAnyModels = (field.settings?.models || []).length > 0;\n    const { data, loading, error } = useQuery<ListReferencedModelsQueryResult>(\n        LIST_REFERENCED_MODELS,\n        {\n            skip: !hasAnyModels\n        }\n    );\n\n    const { showSnackbar } = useSnackbar();\n\n    const [models, setModels] = useState<CmsModel[]>([]);\n\n    useEffect(() => {\n        if (!data || loading) {\n            return;\n        } else if (error) {\n            showSnackbar(error.message);\n            return;\n        }\n\n        setModels(data.listContentModels?.data || []);\n    }, [data, loading]);\n\n    const { items, badges } = useMemo(() => {\n        const fieldModels = (field.settings?.models || [])\n            .map(model => {\n                return models.find(m => m.modelId === model.modelId);\n            })\n            .filter(Boolean) as CmsModel[];\n        return {\n            items: fieldModels.slice(0, takeBadges),\n            badges: fieldModels.length - takeBadges\n        };\n    }, [models, field]);\n\n    if (models.length === 0) {\n        return null;\n    }\n\n    return (\n        <Information>\n            {items.map(model => {\n                return <Badge key={`model-${model.modelId}`} model={model} />;\n            })}\n            {badges > 0 && <Extras>+{badges}</Extras>}\n        </Information>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useState","useQuery","LIST_REFERENCED_MODELS","useSnackbar","Tag","Badge","model","createElement","content","name","takeBadges","renderInfo","field","RenderInfo","hasAnyModels","settings","models","length","data","loading","error","skip","showSnackbar","setModels","message","listContentModels","items","badges","fieldModels","map","find","m","modelId","filter","Boolean","slice","className","key"],"sources":["renderInfo.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport type { CmsModel as BaseCmsModel, CmsModelField } from \"~/types\";\nimport { useQuery } from \"~/admin/hooks\";\nimport type { ListReferencedModelsQueryResult } from \"~/admin/plugins/fields/ref/graphql\";\nimport { LIST_REFERENCED_MODELS } from \"~/admin/plugins/fields/ref/graphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Tag } from \"@webiny/admin-ui\";\n\ntype CmsModel = Pick<BaseCmsModel, \"modelId\" | \"name\">;\n\ninterface BadgeProps {\n    model: CmsModel;\n}\n\nconst Badge = ({ model }: BadgeProps) => {\n    return <Tag content={model.name} />;\n};\n\ninterface RenderInfoParams {\n    field: CmsModelField;\n    model: CmsModel;\n}\n\nconst takeBadges = 1;\n\nexport const renderInfo = ({ model, field }: RenderInfoParams) => {\n    return <RenderInfo model={model} field={field} />;\n};\n\nconst RenderInfo = ({ field }: RenderInfoParams) => {\n    const hasAnyModels = (field.settings?.models || []).length > 0;\n    const { data, loading, error } = useQuery<ListReferencedModelsQueryResult>(\n        LIST_REFERENCED_MODELS,\n        {\n            skip: !hasAnyModels\n        }\n    );\n\n    const { showSnackbar } = useSnackbar();\n\n    const [models, setModels] = useState<CmsModel[]>([]);\n\n    useEffect(() => {\n        if (!data || loading) {\n            return;\n        } else if (error) {\n            showSnackbar(error.message);\n            return;\n        }\n\n        setModels(data.listContentModels?.data || []);\n    }, [data, loading]);\n\n    const { items, badges } = useMemo(() => {\n        const fieldModels = (field.settings?.models || [])\n            .map(model => {\n                return models.find(m => m.modelId === model.modelId);\n            })\n            .filter(Boolean) as CmsModel[];\n        return {\n            items: fieldModels.slice(0, takeBadges),\n            badges: fieldModels.length - takeBadges\n        };\n    }, [models, field]);\n\n    if (models.length === 0) {\n        return null;\n    }\n\n    return (\n        <div className={\"wby-flex wby-justify-end wby-items-center wby-gap-sm\"}>\n            {items.map(model => {\n                return <Badge key={`model-${model.modelId}`} model={model} />;\n            })}\n            {badges > 0 && <Tag content={`+${badges}`}></Tag>}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAE3D,SAASC,QAAQ;AAEjB,SAASC,sBAAsB;AAC/B,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,kBAAkB;AAQtC,MAAMC,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EACrC,oBAAOT,KAAA,CAAAU,aAAA,CAACH,GAAG;IAACI,OAAO,EAAEF,KAAK,CAACG;EAAK,CAAE,CAAC;AACvC,CAAC;AAOD,MAAMC,UAAU,GAAG,CAAC;AAEpB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEL,KAAK;EAAEM;AAAwB,CAAC,KAAK;EAC9D,oBAAOf,KAAA,CAAAU,aAAA,CAACM,UAAU;IAACP,KAAK,EAAEA,KAAM;IAACM,KAAK,EAAEA;EAAM,CAAE,CAAC;AACrD,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAC;EAAED;AAAwB,CAAC,KAAK;EAChD,MAAME,YAAY,GAAG,CAACF,KAAK,CAACG,QAAQ,EAAEC,MAAM,IAAI,EAAE,EAAEC,MAAM,GAAG,CAAC;EAC9D,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGnB,QAAQ,CACrCC,sBAAsB,EACtB;IACImB,IAAI,EAAE,CAACP;EACX,CACJ,CAAC;EAED,MAAM;IAAEQ;EAAa,CAAC,GAAGnB,WAAW,CAAC,CAAC;EAEtC,MAAM,CAACa,MAAM,EAAEO,SAAS,CAAC,GAAGvB,QAAQ,CAAa,EAAE,CAAC;EAEpDF,SAAS,CAAC,MAAM;IACZ,IAAI,CAACoB,IAAI,IAAIC,OAAO,EAAE;MAClB;IACJ,CAAC,MAAM,IAAIC,KAAK,EAAE;MACdE,YAAY,CAACF,KAAK,CAACI,OAAO,CAAC;MAC3B;IACJ;IAEAD,SAAS,CAACL,IAAI,CAACO,iBAAiB,EAAEP,IAAI,IAAI,EAAE,CAAC;EACjD,CAAC,EAAE,CAACA,IAAI,EAAEC,OAAO,CAAC,CAAC;EAEnB,MAAM;IAAEO,KAAK;IAAEC;EAAO,CAAC,GAAG5B,OAAO,CAAC,MAAM;IACpC,MAAM6B,WAAW,GAAG,CAAChB,KAAK,CAACG,QAAQ,EAAEC,MAAM,IAAI,EAAE,EAC5Ca,GAAG,CAACvB,KAAK,IAAI;MACV,OAAOU,MAAM,CAACc,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,KAAK1B,KAAK,CAAC0B,OAAO,CAAC;IACxD,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAe;IAClC,OAAO;MACHR,KAAK,EAAEE,WAAW,CAACO,KAAK,CAAC,CAAC,EAAEzB,UAAU,CAAC;MACvCiB,MAAM,EAAEC,WAAW,CAACX,MAAM,GAAGP;IACjC,CAAC;EACL,CAAC,EAAE,CAACM,MAAM,EAAEJ,KAAK,CAAC,CAAC;EAEnB,IAAII,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,oBACIpB,KAAA,CAAAU,aAAA;IAAK6B,SAAS,EAAE;EAAuD,GAClEV,KAAK,CAACG,GAAG,CAACvB,KAAK,IAAI;IAChB,oBAAOT,KAAA,CAAAU,aAAA,CAACF,KAAK;MAACgC,GAAG,EAAE,SAAS/B,KAAK,CAAC0B,OAAO,EAAG;MAAC1B,KAAK,EAAEA;IAAM,CAAE,CAAC;EACjE,CAAC,CAAC,EACDqB,MAAM,GAAG,CAAC,iBAAI9B,KAAA,CAAAU,aAAA,CAACH,GAAG;IAACI,OAAO,EAAE,IAAImB,MAAM;EAAG,CAAM,CAC/C,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/plugins/fields/ref.d.ts

@@ -1,3 +1,3 @@
-import { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/ref.js

@@ -1,115 +1,106 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
-var _viewsGraphql = require("../../viewsGraphql");
-var _validation = require("@webiny/validation");
-var _Grid = require("@webiny/ui/Grid");
-var _AutoComplete = require("@webiny/ui/AutoComplete");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _roundLink24px = require("./icons/round-link-24px.svg");
-var _i18n = require("@webiny/app/i18n");
-var _form = require("@webiny/form");
-var _hooks = require("../../hooks");
-var _renderInfo = require("./ref/renderInfo");
-var _appHeadlessCmsCommon = require("@webiny/app-headless-cms-common");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-var RefFieldSettings = function RefFieldSettings() {
-  var _useModel = (0, _hooks.useModel)(),
-    model = _useModel.model;
-  var _useForm = (0, _form.useForm)(),
-    formData = _useForm.data;
-  var lockedFields = model.lockedFields || [];
-  var fieldId = (formData || {}).fieldId || null;
-  var isFieldLocked = lockedFields.some(function (lockedField) {
-    return fieldId && lockedField.fieldId === fieldId;
-  });
-  var _useQuery = (0, _hooks.useQuery)(_viewsGraphql.LIST_CONTENT_MODELS),
-    data = _useQuery.data,
-    loading = _useQuery.loading,
-    error = _useQuery.error;
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
+import React, { useCallback, useMemo } from "react";
+import { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from "../../viewsGraphql";
+import { validation, ValidationError } from "@webiny/validation";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { ReactComponent as RefIcon } from "@webiny/icons/link.svg";
+import { i18n } from "@webiny/app/i18n";
+import { Bind, useForm } from "@webiny/form";
+import { useModel, useQuery } from "../../hooks";
+import { renderInfo } from "./ref/renderInfo";
+import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
+import { Grid, Label, MultiAutoComplete } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const RefFieldSettings = () => {
+  const {
+    model
+  } = useModel();
+  const {
+    data: formData
+  } = useForm();
+  const lockedFields = model.lockedFields || [];
+  const fieldId = (formData || {}).fieldId || null;
+  const isFieldLocked = lockedFields.some(lockedField => fieldId && lockedField.fieldId === fieldId);
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(LIST_CONTENT_MODELS);
+  const {
+    showSnackbar
+  } = useSnackbar();
   if (error) {
     showSnackbar(error.message);
     return null;
   }
 
   // Format options for the Autocomplete component.
-  var options = (0, _react.useMemo)(function () {
+  const options = useMemo(() => {
     if (!data?.listContentModels?.data) {
       return [];
     }
-    var models = (0, _viewsGraphql.withoutBeingDeletedModels)(data.listContentModels.data);
+    const models = withoutBeingDeletedModels(data.listContentModels.data);
     return models
     /**
      * Remove singleton models from the list of options.
-     */.filter(function (model) {
-      return !model.tags?.includes(_appHeadlessCmsCommon.CMS_MODEL_SINGLETON_TAG);
-    }).map(function (model) {
+     */.filter(model => {
+      return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);
+    }).map(model => {
       return {
-        id: model.modelId,
-        name: model.name
+        value: model.modelId,
+        label: model.name
       };
     });
   }, [data]);
-  var atLeastOneItem = (0, _react.useCallback)(async function (value) {
+  const atLeastOneItem = useCallback(async value => {
     try {
-      await _validation.validation.validate(value, "required,minLength:1");
+      await validation.validate(value, "required,minLength:1");
     } catch (err) {
-      throw new _validation.ValidationError("Please select at least 1 item");
+      throw new ValidationError(`Please select at least 1 item`);
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "settings.models",
     validators: atLeastOneItem
-  }, function (bind) {
+  }, bind => {
     // Format value prop for MultiAutoComplete component.
-    var formattedValueForAutoComplete = options.filter(function (option) {
-      return bind.value.some(function (_ref) {
-        var modelId = _ref.modelId;
-        return option.id === modelId;
-      });
-    });
-    return /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
-      value: formattedValueForAutoComplete,
-      onChange: function onChange(values) {
-        bind.onChange(values.map(function (value) {
-          return {
-            modelId: value.id
-          };
-        }));
+    const formattedValueForAutoComplete = options.filter(option => bind.value.some(({
+      modelId
+    }) => option.value === modelId)).map(({
+      value
+    }) => value);
+    return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
+      size: "lg",
+      values: formattedValueForAutoComplete,
+      onValuesChange: values => {
+        bind.onChange(values.map(value => ({
+          modelId: value
+        })));
       },
-      label: loading ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Loading models..."]))) : t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Content models"]))),
-      description: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Cannot be changed later"]))),
+      label: loading ? t`Loading models...` : /*#__PURE__*/React.createElement(Label, {
+        text: t`Content models`,
+        description: "(cannot be changed later)"
+      }),
       options: options,
       disabled: isFieldLocked || loading
     }));
   })));
 };
-var plugin = {
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-ref",
   field: {
     type: "ref",
     validators: ["required"],
     listValidators: ["minLength", "maxLength"],
-    label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Reference"]))),
-    description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Reference existing content entries. For example, a book can reference one or more authors."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_roundLink24px.ReactComponent, null),
+    label: t`Reference`,
+    description: t`Reference existing content entries. For example, a book can reference one or more authors.`,
+    icon: /*#__PURE__*/React.createElement(RefIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Use as a list of references"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of references`,
+    createField() {
       return {
         type: this.type,
         settings: {
@@ -121,15 +112,20 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(RefFieldSettings, null);
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(RefFieldSettings, null);
     },
     graphql: {
-      queryField: /* GraphQL */"\n                {\n                    modelId\n                    id\n                }\n            "
+      queryField: /* GraphQL */`
+                {
+                    modelId
+                    id
+                }
+            `
     },
-    renderInfo: _renderInfo.renderInfo
+    renderInfo
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=ref.js.map

package/admin/plugins/fields/ref.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_viewsGraphql","_validation","_Grid","_AutoComplete","_useSnackbar2","_roundLink24px","_i18n","_form","_hooks","_renderInfo","_appHeadlessCmsCommon","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","RefFieldSettings","_useModel","useModel","model","_useForm","useForm","formData","data","lockedFields","fieldId","isFieldLocked","some","lockedField","_useQuery","useQuery","LIST_CONTENT_MODELS","loading","error","_useSnackbar","useSnackbar","showSnackbar","message","options","useMemo","listContentModels","models","withoutBeingDeletedModels","filter","tags","includes","CMS_MODEL_SINGLETON_TAG","map","id","modelId","name","atLeastOneItem","useCallback","value","validation","validate","err","ValidationError","default","createElement","Grid","Cell","span","Bind","validators","bind","formattedValueForAutoComplete","option","_ref","MultiAutoComplete","Object","assign","onChange","values","label","_taggedTemplateLiteral2","description","disabled","plugin","type","field","listValidators","icon","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","renderer","renderSettings","graphql","queryField","renderInfo","_default","exports"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport {\n    LIST_CONTENT_MODELS,\n    ListCmsModelsQueryResponse,\n    withoutBeingDeletedModels\n} from \"../../viewsGraphql\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CmsModel, CmsModelFieldTypePlugin } from \"~/types\";\nimport { ReactComponent as RefIcon } from \"./icons/round-link-24px.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind, BindComponentRenderProp, useForm } from \"@webiny/form\";\nimport { useModel, useQuery } from \"~/admin/hooks\";\nimport { renderInfo } from \"./ref/renderInfo\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst RefFieldSettings = () => {\n    const { model } = useModel();\n    const { data: formData } = useForm();\n    const lockedFields = model.lockedFields || [];\n    const fieldId = (formData || {}).fieldId || null;\n    const isFieldLocked = lockedFields.some(\n        lockedField => fieldId && lockedField.fieldId === fieldId\n    );\n\n    const { data, loading, error } = useQuery<ListCmsModelsQueryResponse>(LIST_CONTENT_MODELS);\n    const { showSnackbar } = useSnackbar();\n\n    if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => {\n        if (!data?.listContentModels?.data) {\n            return [];\n        }\n        const models = withoutBeingDeletedModels(data.listContentModels.data);\n        return (\n            models\n                /**\n                 * Remove singleton models from the list of options.\n                 */\n                .filter(model => {\n                    return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);\n                })\n                .map(model => {\n                    return { id: model.modelId, name: model.name };\n                })\n        );\n    }, [data]);\n\n    const atLeastOneItem = useCallback(async (value: Pick<CmsModel, \"modelId\">) => {\n        try {\n            await validation.validate(value, \"required,minLength:1\");\n        } catch (err) {\n            throw new ValidationError(`Please select at least 1 item`);\n        }\n    }, []);\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n                    {(bind: BindComponentRenderProp<CmsModel[]>) => {\n                        // Format value prop for MultiAutoComplete component.\n                        const formattedValueForAutoComplete = options.filter(option =>\n                            bind.value.some(({ modelId }) => option.id === modelId)\n                        );\n\n                        return (\n                            <MultiAutoComplete\n                                {...bind}\n                                value={formattedValueForAutoComplete}\n                                onChange={(values: CmsModel[]) => {\n                                    bind.onChange(values.map(value => ({ modelId: value.id })));\n                                }}\n                                label={loading ? t`Loading models...` : t`Content models`}\n                                description={t`Cannot be changed later`}\n                                options={options}\n                                disabled={isFieldLocked || loading}\n                            />\n                        );\n                    }}\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-ref\",\n    field: {\n        type: \"ref\",\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        label: t`Reference`,\n        description: t`Reference existing content entries. For example, a book can reference one or more authors.`,\n        icon: <RefIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of references`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    models: []\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <RefFieldSettings />;\n        },\n        graphql: {\n            queryField: /* GraphQL */ `\n                {\n                    modelId\n                    id\n                }\n            `\n        },\n        renderInfo\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","LIST_CONTENT_MODELS","withoutBeingDeletedModels","validation","ValidationError","useSnackbar","ReactComponent","RefIcon","i18n","Bind","useForm","useModel","useQuery","renderInfo","CMS_MODEL_SINGLETON_TAG","Grid","Label","MultiAutoComplete","t","ns","RefFieldSettings","model","data","formData","lockedFields","fieldId","isFieldLocked","some","lockedField","loading","error","showSnackbar","message","options","listContentModels","models","filter","tags","includes","map","value","modelId","label","name","atLeastOneItem","validate","err","createElement","Column","span","validators","bind","formattedValueForAutoComplete","option","Object","assign","size","values","onValuesChange","onChange","text","description","disabled","plugin","type","field","listValidators","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","renderer","renderSettings","graphql","queryField"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type { ListCmsModelsQueryResponse } from \"../../viewsGraphql\";\nimport { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from \"../../viewsGraphql\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport type { CmsModel, CmsModelFieldTypePlugin } from \"~/types\";\nimport { ReactComponent as RefIcon } from \"@webiny/icons/link.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Bind, useForm } from \"@webiny/form\";\nimport { useModel, useQuery } from \"~/admin/hooks\";\nimport { renderInfo } from \"./ref/renderInfo\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { Grid, Label, MultiAutoComplete } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst RefFieldSettings = () => {\n    const { model } = useModel();\n    const { data: formData } = useForm();\n    const lockedFields = model.lockedFields || [];\n    const fieldId = (formData || {}).fieldId || null;\n    const isFieldLocked = lockedFields.some(\n        lockedField => fieldId && lockedField.fieldId === fieldId\n    );\n\n    const { data, loading, error } = useQuery<ListCmsModelsQueryResponse>(LIST_CONTENT_MODELS);\n    const { showSnackbar } = useSnackbar();\n\n    if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => {\n        if (!data?.listContentModels?.data) {\n            return [];\n        }\n        const models = withoutBeingDeletedModels(data.listContentModels.data);\n        return (\n            models\n                /**\n                 * Remove singleton models from the list of options.\n                 */\n                .filter(model => {\n                    return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);\n                })\n                .map(model => {\n                    return { value: model.modelId, label: model.name };\n                })\n        );\n    }, [data]);\n\n    const atLeastOneItem = useCallback(async (value: Pick<CmsModel, \"modelId\">) => {\n        try {\n            await validation.validate(value, \"required,minLength:1\");\n        } catch (err) {\n            throw new ValidationError(`Please select at least 1 item`);\n        }\n    }, []);\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n                    {(bind: BindComponentRenderProp<CmsModel[]>) => {\n                        // Format value prop for MultiAutoComplete component.\n                        const formattedValueForAutoComplete = options\n                            .filter(option =>\n                                bind.value.some(({ modelId }) => option.value === modelId)\n                            )\n                            .map(({ value }) => value);\n\n                        return (\n                            <MultiAutoComplete\n                                {...bind}\n                                size={\"lg\"}\n                                values={formattedValueForAutoComplete}\n                                onValuesChange={(values: string[]) => {\n                                    bind.onChange(values.map(value => ({ modelId: value })));\n                                }}\n                                label={\n                                    loading ? (\n                                        t`Loading models...`\n                                    ) : (\n                                        <Label\n                                            text={t`Content models`}\n                                            description={\"(cannot be changed later)\"}\n                                        />\n                                    )\n                                }\n                                options={options}\n                                disabled={isFieldLocked || loading}\n                            />\n                        );\n                    }}\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-ref\",\n    field: {\n        type: \"ref\",\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        label: t`Reference`,\n        description: t`Reference existing content entries. For example, a book can reference one or more authors.`,\n        icon: <RefIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of references`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    models: []\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <RefFieldSettings />;\n        },\n        graphql: {\n            queryField: /* GraphQL */ `\n                {\n                    modelId\n                    id\n                }\n            `\n        },\n        renderInfo\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/richText.d.ts

@@ -1,3 +1,3 @@
-import { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/richText.js

@@ -1,31 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _Grid = require("@webiny/ui/Grid");
-var _text_snippet = require("@material-design-icons/svg/outlined/text_snippet.svg");
-var _Input = require("@webiny/ui/Input");
-var _form = require("@webiny/form");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { ReactComponent as NotesIcon } from "@webiny/icons/text_snippet.svg";
+import { Grid, Input, Label } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-richText",
   field: {
     type: "rich-text",
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Rich text"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Text formatting with references and media."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_text_snippet.ReactComponent, null),
+    label: t`Rich text`,
+    description: t`Text formatting with references and media.`,
+    icon: /*#__PURE__*/React.createElement(NotesIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of rich texts"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of rich texts`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -34,18 +24,21 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+      }, /*#__PURE__*/React.createElement(Bind, {
         name: "placeholderText"
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Placeholder text (optional)"])))
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: /*#__PURE__*/React.createElement(Label, {
+          text: t`Placeholder text`,
+          description: t`(optional)`
+        }),
+        size: "lg"
       }))));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=richText.js.map