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

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

@@ -1,91 +1,29 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Select = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _selected = require("./assets/selected.svg");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1f9xw143"
-} : {
-  target: "e1f9xw143",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1f4tdp3",
-  styles: "width:140px;display:flex;flex-direction:row;align-items:center;justify-content:end"
-} : {
-  name: "1f4tdp3",
-  styles: "width:140px;display:flex;flex-direction:row;align-items:center;justify-content:end",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWtCIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBDbXNSZWZlcmVuY2VDb250ZW50RW50cnksXG4gICAgQ21zUmVmZXJlbmNlVmFsdWVcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlc1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgU2VsZWN0ZWRJY29uIH0gZnJvbSBcIi4vYXNzZXRzL3NlbGVjdGVkLnN2Z1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjE0MHB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImVuZFwiXG59KTtcblxuY29uc3QgU2VsZWN0QnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSlcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiXG4gICAgfVxufSk7XG5cbmludGVyZmFjZSBJY29uUHJvcHMge1xuICAgIHNlbGVjdGVkPzogYm9vbGVhbjtcbn1cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJkaXZcIikoKHsgc2VsZWN0ZWQgfTogSWNvblByb3BzKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzZWxlY3RlZCA/IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIgOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIzcHhcIixcbiAgICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCJcbiAgICB9O1xufSk7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJzcGFuXCIpKHtcbiAgICBmb250RmFtaWx5OiBcIlNvdXJjZSBTYW5zIFByb1wiLFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIyMHB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjFweFwiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgbWFyZ2luTGVmdDogXCIxMHB4XCJcbn0pO1xuXG5pbnRlcmZhY2UgU2VsZWN0UHJvcHMge1xuICAgIGVudHJ5OiBDbXNSZWZlcmVuY2VDb250ZW50RW50cnk7XG4gICAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAgIG9uQ2hhbmdlOiAodmFsdWU6IENtc1JlZmVyZW5jZVZhbHVlKSA9PiB2b2lkO1xufVxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7IGVudHJ5LCBzZWxlY3RlZCwgb25DaGFuZ2UgfTogU2VsZWN0UHJvcHMpID0+IHtcbiAgICBjb25zdCBvbkljb25DbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICAgICAgaWQ6IGVudHJ5LmlkLFxuICAgICAgICAgICAgbW9kZWxJZDogZW50cnkubW9kZWwubW9kZWxJZFxuICAgICAgICB9KTtcbiAgICB9LCBbZW50cnksIG9uQ2hhbmdlXSk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTZWxlY3RCdXR0b24gb25DbGljaz17b25JY29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgIDxJY29uIHNlbGVjdGVkPXtzZWxlY3RlZH0+e3NlbGVjdGVkICYmIDxTZWxlY3RlZEljb24gLz59PC9JY29uPlxuICAgICAgICAgICAgICAgIDxUZXh0PntzZWxlY3RlZCA/IFwiU2VsZWN0ZWRcIiA6IFwiU2VsZWN0XCJ9PC9UZXh0PlxuICAgICAgICAgICAgPC9TZWxlY3RCdXR0b24+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var SelectButton = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
-  target: "e1f9xw142"
-} : {
-  target: "e1f9xw142",
-  label: "SelectButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1s4r4l8",
-  styles: "border:0;display:flex;flex-direction:row;align-items:center;background:transparent;color:var(--mdc-theme-primary);cursor:pointer;&:hover{text-decoration:underline;}"
-} : {
-  name: "1s4r4l8",
-  styles: "border:0;display:flex;flex-direction:row;align-items:center;background:transparent;color:var(--mdc-theme-primary);cursor:pointer;&:hover{text-decoration:underline;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JxQiIsImZpbGUiOiJTZWxlY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgQ21zUmVmZXJlbmNlQ29udGVudEVudHJ5LFxuICAgIENtc1JlZmVyZW5jZVZhbHVlXG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFNlbGVjdGVkSWNvbiB9IGZyb20gXCIuL2Fzc2V0cy9zZWxlY3RlZC5zdmdcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxNDBweFwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJlbmRcIlxufSk7XG5cbmNvbnN0IFNlbGVjdEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKSh7XG4gICAgYm9yZGVyOiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgIH1cbn0pO1xuXG5pbnRlcmZhY2UgSWNvblByb3BzIHtcbiAgICBzZWxlY3RlZD86IGJvb2xlYW47XG59XG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKCh7IHNlbGVjdGVkIH06IEljb25Qcm9wcykgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogc2VsZWN0ZWQgPyBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiIDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiM3B4XCIsXG4gICAgICAgIHdpZHRoOiBcIjE2cHhcIixcbiAgICAgICAgaGVpZ2h0OiBcIjE2cHhcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiXG4gICAgfTtcbn0pO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkKFwic3BhblwiKSh7XG4gICAgZm9udEZhbWlseTogXCJTb3VyY2UgU2FucyBQcm9cIixcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IFwiMTRweFwiLFxuICAgIGxpbmVIZWlnaHQ6IFwiMjBweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC4xcHhcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICAgIG1hcmdpbkxlZnQ6IFwiMTBweFwiXG59KTtcblxuaW50ZXJmYWNlIFNlbGVjdFByb3BzIHtcbiAgICBlbnRyeTogQ21zUmVmZXJlbmNlQ29udGVudEVudHJ5O1xuICAgIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgICBvbkNoYW5nZTogKHZhbHVlOiBDbXNSZWZlcmVuY2VWYWx1ZSkgPT4gdm9pZDtcbn1cbmV4cG9ydCBjb25zdCBTZWxlY3QgPSAoeyBlbnRyeSwgc2VsZWN0ZWQsIG9uQ2hhbmdlIH06IFNlbGVjdFByb3BzKSA9PiB7XG4gICAgY29uc3Qgb25JY29uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIG9uQ2hhbmdlKHtcbiAgICAgICAgICAgIGlkOiBlbnRyeS5pZCxcbiAgICAgICAgICAgIG1vZGVsSWQ6IGVudHJ5Lm1vZGVsLm1vZGVsSWRcbiAgICAgICAgfSk7XG4gICAgfSwgW2VudHJ5LCBvbkNoYW5nZV0pO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8U2VsZWN0QnV0dG9uIG9uQ2xpY2s9e29uSWNvbkNsaWNrfT5cbiAgICAgICAgICAgICAgICA8SWNvbiBzZWxlY3RlZD17c2VsZWN0ZWR9PntzZWxlY3RlZCAmJiA8U2VsZWN0ZWRJY29uIC8+fTwvSWNvbj5cbiAgICAgICAgICAgICAgICA8VGV4dD57c2VsZWN0ZWQgPyBcIlNlbGVjdGVkXCIgOiBcIlNlbGVjdFwifTwvVGV4dD5cbiAgICAgICAgICAgIDwvU2VsZWN0QnV0dG9uPlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Icon = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1f9xw141"
-} : {
-  target: "e1f9xw141",
-  label: "Icon"
-})(function (_ref) {
-  var selected = _ref.selected;
-  return {
-    backgroundColor: selected ? "var(--mdc-theme-primary)" : "transparent",
-    border: "1px solid var(--mdc-theme-primary)",
-    borderRadius: "3px",
-    width: "16px",
-    height: "16px",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    cursor: "pointer"
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NhIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBDbXNSZWZlcmVuY2VDb250ZW50RW50cnksXG4gICAgQ21zUmVmZXJlbmNlVmFsdWVcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlc1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgU2VsZWN0ZWRJY29uIH0gZnJvbSBcIi4vYXNzZXRzL3NlbGVjdGVkLnN2Z1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjE0MHB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImVuZFwiXG59KTtcblxuY29uc3QgU2VsZWN0QnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSlcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiXG4gICAgfVxufSk7XG5cbmludGVyZmFjZSBJY29uUHJvcHMge1xuICAgIHNlbGVjdGVkPzogYm9vbGVhbjtcbn1cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJkaXZcIikoKHsgc2VsZWN0ZWQgfTogSWNvblByb3BzKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzZWxlY3RlZCA/IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIgOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIzcHhcIixcbiAgICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCJcbiAgICB9O1xufSk7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJzcGFuXCIpKHtcbiAgICBmb250RmFtaWx5OiBcIlNvdXJjZSBTYW5zIFByb1wiLFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIyMHB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjFweFwiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgbWFyZ2luTGVmdDogXCIxMHB4XCJcbn0pO1xuXG5pbnRlcmZhY2UgU2VsZWN0UHJvcHMge1xuICAgIGVudHJ5OiBDbXNSZWZlcmVuY2VDb250ZW50RW50cnk7XG4gICAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAgIG9uQ2hhbmdlOiAodmFsdWU6IENtc1JlZmVyZW5jZVZhbHVlKSA9PiB2b2lkO1xufVxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7IGVudHJ5LCBzZWxlY3RlZCwgb25DaGFuZ2UgfTogU2VsZWN0UHJvcHMpID0+IHtcbiAgICBjb25zdCBvbkljb25DbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICAgICAgaWQ6IGVudHJ5LmlkLFxuICAgICAgICAgICAgbW9kZWxJZDogZW50cnkubW9kZWwubW9kZWxJZFxuICAgICAgICB9KTtcbiAgICB9LCBbZW50cnksIG9uQ2hhbmdlXSk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTZWxlY3RCdXR0b24gb25DbGljaz17b25JY29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgIDxJY29uIHNlbGVjdGVkPXtzZWxlY3RlZH0+e3NlbGVjdGVkICYmIDxTZWxlY3RlZEljb24gLz59PC9JY29uPlxuICAgICAgICAgICAgICAgIDxUZXh0PntzZWxlY3RlZCA/IFwiU2VsZWN0ZWRcIiA6IFwiU2VsZWN0XCJ9PC9UZXh0PlxuICAgICAgICAgICAgPC9TZWxlY3RCdXR0b24+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */");
-var Text = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1f9xw140"
-} : {
-  target: "e1f9xw140",
-  label: "Text"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1uk9uod",
-  styles: "font-family:Source Sans Pro;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase;margin-left:10px"
-} : {
-  name: "1uk9uod",
-  styles: "font-family:Source Sans Pro;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase;margin-left:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENhIiwiZmlsZSI6IlNlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBDbXNSZWZlcmVuY2VDb250ZW50RW50cnksXG4gICAgQ21zUmVmZXJlbmNlVmFsdWVcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlc1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgU2VsZWN0ZWRJY29uIH0gZnJvbSBcIi4vYXNzZXRzL3NlbGVjdGVkLnN2Z1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjE0MHB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImVuZFwiXG59KTtcblxuY29uc3QgU2VsZWN0QnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSlcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiXG4gICAgfVxufSk7XG5cbmludGVyZmFjZSBJY29uUHJvcHMge1xuICAgIHNlbGVjdGVkPzogYm9vbGVhbjtcbn1cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJkaXZcIikoKHsgc2VsZWN0ZWQgfTogSWNvblByb3BzKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzZWxlY3RlZCA/IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIgOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIzcHhcIixcbiAgICAgICAgd2lkdGg6IFwiMTZweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCJcbiAgICB9O1xufSk7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJzcGFuXCIpKHtcbiAgICBmb250RmFtaWx5OiBcIlNvdXJjZSBTYW5zIFByb1wiLFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIyMHB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjFweFwiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgbWFyZ2luTGVmdDogXCIxMHB4XCJcbn0pO1xuXG5pbnRlcmZhY2UgU2VsZWN0UHJvcHMge1xuICAgIGVudHJ5OiBDbXNSZWZlcmVuY2VDb250ZW50RW50cnk7XG4gICAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAgIG9uQ2hhbmdlOiAodmFsdWU6IENtc1JlZmVyZW5jZVZhbHVlKSA9PiB2b2lkO1xufVxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7IGVudHJ5LCBzZWxlY3RlZCwgb25DaGFuZ2UgfTogU2VsZWN0UHJvcHMpID0+IHtcbiAgICBjb25zdCBvbkljb25DbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICAgICAgaWQ6IGVudHJ5LmlkLFxuICAgICAgICAgICAgbW9kZWxJZDogZW50cnkubW9kZWwubW9kZWxJZFxuICAgICAgICB9KTtcbiAgICB9LCBbZW50cnksIG9uQ2hhbmdlXSk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTZWxlY3RCdXR0b24gb25DbGljaz17b25JY29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgIDxJY29uIHNlbGVjdGVkPXtzZWxlY3RlZH0+e3NlbGVjdGVkICYmIDxTZWxlY3RlZEljb24gLz59PC9JY29uPlxuICAgICAgICAgICAgICAgIDxUZXh0PntzZWxlY3RlZCA/IFwiU2VsZWN0ZWRcIiA6IFwiU2VsZWN0XCJ9PC9UZXh0PlxuICAgICAgICAgICAgPC9TZWxlY3RCdXR0b24+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Select = exports.Select = function Select(_ref2) {
-  var entry = _ref2.entry,
-    selected = _ref2.selected,
-    onChange = _ref2.onChange;
-  var onIconClick = (0, _react.useCallback)(function () {
+import React, { useCallback } from "react";
+import { ReactComponent as SelectIcon } from "@webiny/icons/check_box_outline_blank.svg";
+import { ReactComponent as SelectedIcon } from "@webiny/icons/check_box.svg";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+export const Select = ({
+  entry,
+  selected,
+  onChange
+}) => {
+  const onIconClick = useCallback(() => {
     onChange({
       id: entry.id,
       modelId: entry.model.modelId
     });
   }, [entry, onChange]);
-  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(SelectButton, {
-    onClick: onIconClick
-  }, /*#__PURE__*/_react.default.createElement(Icon, {
-    selected: selected
-  }, selected && /*#__PURE__*/_react.default.createElement(_selected.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(Text, null, selected ? "Selected" : "Select")));
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: selected ? "Unselect" : "Select",
+    side: "top",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      size: "sm",
+      iconSize: "lg",
+      onClick: onIconClick,
+      icon: selected ? /*#__PURE__*/React.createElement(SelectedIcon, null) : /*#__PURE__*/React.createElement(SelectIcon, null)
+    })
+  });
 };
 
 //# sourceMappingURL=Select.js.map

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

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

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsContentEntryStatusType } from "../../../../../../../types";
+import type { CmsContentEntryStatusType } from "../../../../../../../types.js";
 interface StatusProps {
     status: CmsContentEntryStatusType;
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_statusDraft","_statusPublished","_statusUnpublished","_Box","getIcon","status","default","createElement","ReactComponent","Status","exports","_ref","Box","icon","name","toUpperCase"],"sources":["Status.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DraftIcon } from \"./assets/status-draft.svg\";\nimport { ReactComponent as PublishedIcon } from \"./assets/status-published.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"./assets/status-unpublished.svg\";\nimport { Box } from \"./Box\";\nimport { CmsContentEntryStatusType } from \"~/types\";\n\nconst getIcon = (status: CmsContentEntryStatusType) => {\n    switch (status) {\n        case \"published\":\n            return <PublishedIcon />;\n        case \"unpublished\":\n            return <UnpublishedIcon />;\n        case \"draft\":\n            return <DraftIcon />;\n        default:\n            return null;\n    }\n};\n\ninterface StatusProps {\n    status: CmsContentEntryStatusType;\n}\nexport const Status = ({ status }: StatusProps) => {\n    return (\n        <Box icon={getIcon(status)} name={\"Status\"}>\n            {status.toUpperCase()}\n        </Box>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAGA,IAAMK,OAAO,GAAG,SAAVA,OAAOA,CAAIC,MAAiC,EAAK;EACnD,QAAQA,MAAM;IACV,KAAK,WAAW;MACZ,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,cAAa,MAAE,CAAC;IAC5B,KAAK,aAAa;MACd,oBAAOX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,kBAAA,CAAAM,cAAe,MAAE,CAAC;IAC9B,KAAK,OAAO;MACR,oBAAOX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,YAAA,CAAAQ,cAAS,MAAE,CAAC;IACxB;MACI,OAAO,IAAI;EACnB;AACJ,CAAC;AAKM,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAAgC;EAAA,IAA1BN,MAAM,GAAAM,IAAA,CAANN,MAAM;EAC3B,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,IAAA,CAAAS,GAAG;IAACC,IAAI,EAAET,OAAO,CAACC,MAAM,CAAE;IAACS,IAAI,EAAE;EAAS,GACtCT,MAAM,CAACU,WAAW,CAAC,CACnB,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","DraftIcon","PublishedIcon","UnpublishedIcon","Box","Icon","getIcon","status","createElement","icon","label","size","className","Status","name","toUpperCase"],"sources":["Status.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DraftIcon } from \"@webiny/icons/draw.svg\";\nimport { ReactComponent as PublishedIcon } from \"@webiny/icons/visibility.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { Box } from \"./Box.js\";\nimport type { CmsContentEntryStatusType } from \"~/types.js\";\nimport { Icon } from \"@webiny/admin-ui\";\n\nconst getIcon = (status: CmsContentEntryStatusType) => {\n    switch (status) {\n        case \"published\":\n            return (\n                <Icon\n                    icon={<PublishedIcon />}\n                    label=\"Published\"\n                    size={\"lg\"}\n                    className={\"fill-success-default\"}\n                />\n            );\n        case \"unpublished\":\n            return (\n                <Icon\n                    icon={<UnpublishedIcon />}\n                    label=\"Unpublished\"\n                    size={\"lg\"}\n                    className={\"fill-danger-default\"}\n                />\n            );\n        case \"draft\":\n            return (\n                <Icon\n                    icon={<DraftIcon />}\n                    label=\"Draft\"\n                    size={\"lg\"}\n                    className={\"fill-warning-default\"}\n                />\n            );\n        default:\n            return null;\n    }\n};\n\ninterface StatusProps {\n    status: CmsContentEntryStatusType;\n}\nexport const Status = ({ status }: StatusProps) => {\n    return (\n        <Box icon={getIcon(status)} name={\"Status\"}>\n            {status.toUpperCase()}\n        </Box>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,wBAAwB;AACpE,SAASD,cAAc,IAAIE,aAAa,QAAQ,8BAA8B;AAC9E,SAASF,cAAc,IAAIG,eAAe,QAAQ,kCAAkC;AACpF,SAASC,GAAG;AAEZ,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,OAAO,GAAIC,MAAiC,IAAK;EACnD,QAAQA,MAAM;IACV,KAAK,WAAW;MACZ,oBACIR,KAAA,CAAAS,aAAA,CAACH,IAAI;QACDI,IAAI,eAAEV,KAAA,CAAAS,aAAA,CAACN,aAAa,MAAE,CAAE;QACxBQ,KAAK,EAAC,WAAW;QACjBC,IAAI,EAAE,IAAK;QACXC,SAAS,EAAE;MAAuB,CACrC,CAAC;IAEV,KAAK,aAAa;MACd,oBACIb,KAAA,CAAAS,aAAA,CAACH,IAAI;QACDI,IAAI,eAAEV,KAAA,CAAAS,aAAA,CAACL,eAAe,MAAE,CAAE;QAC1BO,KAAK,EAAC,aAAa;QACnBC,IAAI,EAAE,IAAK;QACXC,SAAS,EAAE;MAAsB,CACpC,CAAC;IAEV,KAAK,OAAO;MACR,oBACIb,KAAA,CAAAS,aAAA,CAACH,IAAI;QACDI,IAAI,eAAEV,KAAA,CAAAS,aAAA,CAACP,SAAS,MAAE,CAAE;QACpBS,KAAK,EAAC,OAAO;QACbC,IAAI,EAAE,IAAK;QACXC,SAAS,EAAE;MAAuB,CACrC,CAAC;IAEV;MACI,OAAO,IAAI;EACnB;AACJ,CAAC;AAKD,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEN;AAAoB,CAAC,KAAK;EAC/C,oBACIR,KAAA,CAAAS,aAAA,CAACJ,GAAG;IAACK,IAAI,EAAEH,OAAO,CAACC,MAAM,CAAE;IAACO,IAAI,EAAE;EAAS,GACtCP,MAAM,CAACQ,WAAW,CAAC,CACnB,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/elements/ButtonLink.js

@@ -1,37 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonLink = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _excluded = ["children", "href", "target", "onClick", "className"];
+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 Button = /*#__PURE__*/(0, _base.default)("a", process.env.NODE_ENV === "production" ? {
+import React from "react";
+const Button = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "production" ? {
   target: "e1i1c9s1"
 } : {
   target: "e1i1c9s1",
   label: "Button"
 })(process.env.NODE_ENV === "production" ? {
-  name: "dxnjv4",
-  styles: "display:flex;height:35px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase;align-items:center;justify-content:center;cursor:pointer;color:var(--mdc-theme-primary); > svg{margin-right:10px;color:var(--mdc-theme-primary);}&:hover{text-decoration:underline;}"
+  name: "q2fp67",
+  styles: "display:flex;height:35px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase;align-items:center;justify-content:center;cursor:pointer;color:var(--mdc-theme-primary); > svg{margin-right:10px;fill:var(--mdc-theme-primary);}&:hover{text-decoration:underline;}"
 } : {
-  name: "dxnjv4",
-  styles: "display:flex;height:35px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase;align-items:center;justify-content:center;cursor:pointer;color:var(--mdc-theme-primary); > svg{margin-right:10px;color:var(--mdc-theme-primary);}&:hover{text-decoration:underline;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdvQiIsImZpbGUiOiJCdXR0b25MaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBCdXR0b246IGFueSA9IHN0eWxlZChcImFcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGhlaWdodDogMzUsXG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiBcIjE0cHhcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjIwcHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuMXB4XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgXCIgPiBzdmdcIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogXCIxMHB4XCIsXG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiXG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoKHsgbWF4V2lkdGggfTogUHJvcHMpID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgICBtYXhXaWR0aDogbWF4V2lkdGggfHwgXCIxNDBweFwiLFxuICAgICAgICB3aWR0aDogXCJhdXRvXCIsXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgXCImLmhhcy10b29sdGlwXCI6IHtcbiAgICAgICAgICAgIFtCdXR0b25dOiB7XG4gICAgICAgICAgICAgICAgXCI+c3BhblwiOiB7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgICAgICAgICAgICAgXCIgPiBzdmdcIjoge1xuICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5kaXNhYmxlZFwiOiB7XG4gICAgICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICAgICAgW0J1dHRvbl06IHtcbiAgICAgICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgICAgICAgICBcIj5zdmdcIjoge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH07XG59KTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBtYXhXaWR0aD86IGAke3N0cmluZ31weGA7XG59XG5cbmludGVyZmFjZSBQcm9wc1dpdGhDbGljayBleHRlbmRzIFByb3BzIHtcbiAgICBocmVmPzogbmV2ZXI7XG4gICAgdGFyZ2V0PzogbmV2ZXI7XG4gICAgb25DbGljazogKGV2OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xufVxuXG5pbnRlcmZhY2UgUHJvcHNXaXRoSHJlZiBleHRlbmRzIFByb3BzIHtcbiAgICBocmVmOiBzdHJpbmc7XG4gICAgdGFyZ2V0OiBcIl9ibGFua1wiIHwgc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiBuZXZlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkxpbmsgPSAocHJvcHM6IFByb3BzV2l0aENsaWNrIHwgUHJvcHNXaXRoSHJlZikgPT4ge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGhyZWYsIHRhcmdldCwgb25DbGljaywgY2xhc3NOYW1lLCAuLi5zdHlsZXMgfSA9IHByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHsuLi5zdHlsZXN9PlxuICAgICAgICAgICAgPEJ1dHRvbiBocmVmPXtocmVmfSB0YXJnZXQ9e3RhcmdldH0gb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
+  name: "q2fp67",
+  styles: "display:flex;height:35px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase;align-items:center;justify-content:center;cursor:pointer;color:var(--mdc-theme-primary); > svg{margin-right:10px;fill:var(--mdc-theme-primary);}&:hover{text-decoration:underline;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdvQiIsImZpbGUiOiJCdXR0b25MaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBCdXR0b246IGFueSA9IHN0eWxlZChcImFcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGhlaWdodDogMzUsXG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiBcIjE0cHhcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjIwcHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuMXB4XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgXCIgPiBzdmdcIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogXCIxMHB4XCIsXG4gICAgICAgIGZpbGw6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCJcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiXG4gICAgfVxufSk7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSgoeyBtYXhXaWR0aCB9OiBQcm9wcykgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICAgIG1heFdpZHRoOiBtYXhXaWR0aCB8fCBcIjE0MHB4XCIsXG4gICAgICAgIHdpZHRoOiBcImF1dG9cIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgICBcIiYuaGFzLXRvb2x0aXBcIjoge1xuICAgICAgICAgICAgW0J1dHRvbl06IHtcbiAgICAgICAgICAgICAgICBcIj5zcGFuXCI6IHtcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgICAgICAgICBcIiA+IHN2Z1wiOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBtYXJnaW5SaWdodDogXCIxMHB4XCJcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgXCImLmRpc2FibGVkXCI6IHtcbiAgICAgICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICAgICAgICBbQnV0dG9uXToge1xuICAgICAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICAgICAgICAgIFwiPnN2Z1wiOiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfTtcbn0pO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIG1heFdpZHRoPzogYCR7c3RyaW5nfXB4YDtcbn1cblxuaW50ZXJmYWNlIFByb3BzV2l0aENsaWNrIGV4dGVuZHMgUHJvcHMge1xuICAgIGhyZWY/OiBuZXZlcjtcbiAgICB0YXJnZXQ/OiBuZXZlcjtcbiAgICBvbkNsaWNrOiAoZXY6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59XG5cbmludGVyZmFjZSBQcm9wc1dpdGhIcmVmIGV4dGVuZHMgUHJvcHMge1xuICAgIGhyZWY6IHN0cmluZztcbiAgICB0YXJnZXQ6IFwiX2JsYW5rXCIgfCBzdHJpbmc7XG4gICAgb25DbGljaz86IG5ldmVyO1xufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uTGluayA9IChwcm9wczogUHJvcHNXaXRoQ2xpY2sgfCBQcm9wc1dpdGhIcmVmKSA9PiB7XG4gICAgY29uc3QgeyBjaGlsZHJlbiwgaHJlZiwgdGFyZ2V0LCBvbkNsaWNrLCBjbGFzc05hbWUsIC4uLnN0eWxlcyB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnN0eWxlc30+XG4gICAgICAgICAgICA8QnV0dG9uIGhyZWY9e2hyZWZ9IHRhcmdldD17dGFyZ2V0fSBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1i1c9s0"
 } : {
   target: "e1i1c9s0",
   label: "Container"
-})(function (_ref) {
-  var maxWidth = _ref.maxWidth;
+})(({
+  maxWidth
+}) => {
   return {
     maxWidth: maxWidth || "140px",
     width: "auto",
@@ -39,37 +29,42 @@ var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ===
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    "&.has-tooltip": (0, _defineProperty2.default)({}, Button, {
-      ">span": {
-        alignItems: "center",
-        justifyContent: "center",
-        display: "flex",
-        " > svg": {
-          marginRight: "10px"
+    "&.has-tooltip": {
+      [Button]: {
+        ">span": {
+          alignItems: "center",
+          justifyContent: "center",
+          display: "flex",
+          " > svg": {
+            marginRight: "10px"
+          }
         }
       }
-    }),
-    "&.disabled": (0, _defineProperty2.default)({
+    },
+    "&.disabled": {
       pointerEvents: "none",
-      cursor: "not-allowed"
-    }, Button, {
-      color: "var(--mdc-theme-on-background)",
-      ">svg": {
-        color: "var(--mdc-theme-on-background)"
+      cursor: "not-allowed",
+      [Button]: {
+        color: "var(--mdc-theme-on-background)",
+        ">svg": {
+          color: "var(--mdc-theme-on-background)"
+        }
       }
-    })
+    }
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCa0IiLCJmaWxlIjoiQnV0dG9uTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgQnV0dG9uOiBhbnkgPSBzdHlsZWQoXCJhXCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBoZWlnaHQ6IDM1LFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIyMHB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjFweFwiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiLFxuICAgIFwiID4gc3ZnXCI6IHtcbiAgICAgICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSlcIlxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCJcbiAgICB9XG59KTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKCh7IG1heFdpZHRoIH06IFByb3BzKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgbWF4V2lkdGg6IG1heFdpZHRoIHx8IFwiMTQwcHhcIixcbiAgICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgIFwiJi5oYXMtdG9vbHRpcFwiOiB7XG4gICAgICAgICAgICBbQnV0dG9uXToge1xuICAgICAgICAgICAgICAgIFwiPnNwYW5cIjoge1xuICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgICAgICAgICAgICAgIFwiID4gc3ZnXCI6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBcIjEwcHhcIlxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYuZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgICAgICAgIFtCdXR0b25dOiB7XG4gICAgICAgICAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgICAgICAgICAgICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCJcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9O1xufSk7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gICAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgbWF4V2lkdGg/OiBgJHtzdHJpbmd9cHhgO1xufVxuXG5pbnRlcmZhY2UgUHJvcHNXaXRoQ2xpY2sgZXh0ZW5kcyBQcm9wcyB7XG4gICAgaHJlZj86IG5ldmVyO1xuICAgIHRhcmdldD86IG5ldmVyO1xuICAgIG9uQ2xpY2s6IChldjogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbn1cblxuaW50ZXJmYWNlIFByb3BzV2l0aEhyZWYgZXh0ZW5kcyBQcm9wcyB7XG4gICAgaHJlZjogc3RyaW5nO1xuICAgIHRhcmdldDogXCJfYmxhbmtcIiB8IHN0cmluZztcbiAgICBvbkNsaWNrPzogbmV2ZXI7XG59XG5cbmV4cG9ydCBjb25zdCBCdXR0b25MaW5rID0gKHByb3BzOiBQcm9wc1dpdGhDbGljayB8IFByb3BzV2l0aEhyZWYpID0+IHtcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBocmVmLCB0YXJnZXQsIG9uQ2xpY2ssIGNsYXNzTmFtZSwgLi4uc3R5bGVzIH0gPSBwcm9wcztcbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4uc3R5bGVzfT5cbiAgICAgICAgICAgIDxCdXR0b24gaHJlZj17aHJlZn0gdGFyZ2V0PXt0YXJnZXR9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */");
-var ButtonLink = exports.ButtonLink = function ButtonLink(props) {
-  var children = props.children,
-    href = props.href,
-    target = props.target,
-    onClick = props.onClick,
-    className = props.className,
-    styles = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(Container, Object.assign({
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCa0IiLCJmaWxlIjoiQnV0dG9uTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgQnV0dG9uOiBhbnkgPSBzdHlsZWQoXCJhXCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBoZWlnaHQ6IDM1LFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIyMHB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjFweFwiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiLFxuICAgIFwiID4gc3ZnXCI6IHtcbiAgICAgICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgICAgICBmaWxsOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiXG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoKHsgbWF4V2lkdGggfTogUHJvcHMpID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgICBtYXhXaWR0aDogbWF4V2lkdGggfHwgXCIxNDBweFwiLFxuICAgICAgICB3aWR0aDogXCJhdXRvXCIsXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgXCImLmhhcy10b29sdGlwXCI6IHtcbiAgICAgICAgICAgIFtCdXR0b25dOiB7XG4gICAgICAgICAgICAgICAgXCI+c3BhblwiOiB7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgICAgICAgICAgICAgXCIgPiBzdmdcIjoge1xuICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5kaXNhYmxlZFwiOiB7XG4gICAgICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICAgICAgW0J1dHRvbl06IHtcbiAgICAgICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgICAgICAgICBcIj5zdmdcIjoge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH07XG59KTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBtYXhXaWR0aD86IGAke3N0cmluZ31weGA7XG59XG5cbmludGVyZmFjZSBQcm9wc1dpdGhDbGljayBleHRlbmRzIFByb3BzIHtcbiAgICBocmVmPzogbmV2ZXI7XG4gICAgdGFyZ2V0PzogbmV2ZXI7XG4gICAgb25DbGljazogKGV2OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xufVxuXG5pbnRlcmZhY2UgUHJvcHNXaXRoSHJlZiBleHRlbmRzIFByb3BzIHtcbiAgICBocmVmOiBzdHJpbmc7XG4gICAgdGFyZ2V0OiBcIl9ibGFua1wiIHwgc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiBuZXZlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkxpbmsgPSAocHJvcHM6IFByb3BzV2l0aENsaWNrIHwgUHJvcHNXaXRoSHJlZikgPT4ge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGhyZWYsIHRhcmdldCwgb25DbGljaywgY2xhc3NOYW1lLCAuLi5zdHlsZXMgfSA9IHByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHsuLi5zdHlsZXN9PlxuICAgICAgICAgICAgPEJ1dHRvbiBocmVmPXtocmVmfSB0YXJnZXQ9e3RhcmdldH0gb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */");
+export const ButtonLink = props => {
+  const {
+    children,
+    href,
+    target,
+    onClick,
+    className,
+    ...styles
+  } = props;
+  return /*#__PURE__*/React.createElement(Container, Object.assign({
     className: className
-  }, styles), /*#__PURE__*/_react.default.createElement(Button, {
+  }, styles), /*#__PURE__*/React.createElement(Button, {
     href: href,
     target: target,
     onClick: onClick

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_excluded","_EMOTION_STRINGIFIED_CSS_ERROR__","Button","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Container","_ref","maxWidth","width","display","flexDirection","alignItems","justifyContent","_defineProperty2","marginRight","pointerEvents","cursor","color","ButtonLink","exports","props","children","href","onClick","className","_objectWithoutProperties2","createElement","Object","assign"],"sources":["ButtonLink.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Button: any = styled(\"a\")({\n    display: \"flex\",\n    height: 35,\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    cursor: \"pointer\",\n    color: \"var(--mdc-theme-primary)\",\n    \" > svg\": {\n        marginRight: \"10px\",\n        color: \"var(--mdc-theme-primary)\"\n    },\n    \"&:hover\": {\n        textDecoration: \"underline\"\n    }\n});\n\nconst Container = styled(\"div\")(({ maxWidth }: Props) => {\n    return {\n        maxWidth: maxWidth || \"140px\",\n        width: \"auto\",\n        display: \"flex\",\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        \"&.has-tooltip\": {\n            [Button]: {\n                \">span\": {\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    display: \"flex\",\n                    \" > svg\": {\n                        marginRight: \"10px\"\n                    }\n                }\n            }\n        },\n        \"&.disabled\": {\n            pointerEvents: \"none\",\n            cursor: \"not-allowed\",\n            [Button]: {\n                color: \"var(--mdc-theme-on-background)\",\n                \">svg\": {\n                    color: \"var(--mdc-theme-on-background)\"\n                }\n            }\n        }\n    };\n});\n\ninterface Props {\n    children: React.ReactNode;\n    className?: string;\n    maxWidth?: `${string}px`;\n}\n\ninterface PropsWithClick extends Props {\n    href?: never;\n    target?: never;\n    onClick: (ev: React.MouseEvent) => void;\n}\n\ninterface PropsWithHref extends Props {\n    href: string;\n    target: \"_blank\" | string;\n    onClick?: never;\n}\n\nexport const ButtonLink = (props: PropsWithClick | PropsWithHref) => {\n    const { children, href, target, onClick, className, ...styles } = props;\n    return (\n        <Container className={className} {...styles}>\n            <Button href={href} target={target} onClick={onClick}>\n                {children}\n            </Button>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,SAAA;AAAA,SAAAC,iCAAA;AAE1B,IAAMC,MAAW,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,CAmB9B,CAAC;AAEF,IAAMa,SAAS,gBAAG,IAAAX,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC,UAAAM,IAAA,EAAyB;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACvC,OAAO;IACHA,QAAQ,EAAEA,QAAQ,IAAI,OAAO;IAC7BC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,eAAe,MAAAC,gBAAA,CAAAlB,OAAA,MACVF,MAAM,EAAG;MACN,OAAO,EAAE;QACLkB,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBH,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE;UACNK,WAAW,EAAE;QACjB;MACJ;IACJ,CAAC,CACJ;IACD,YAAY,MAAAD,gBAAA,CAAAlB,OAAA;MACRoB,aAAa,EAAE,MAAM;MACrBC,MAAM,EAAE;IAAa,GACpBvB,MAAM,EAAG;MACNwB,KAAK,EAAE,gCAAgC;MACvC,MAAM,EAAE;QACJA,KAAK,EAAE;MACX;IACJ,CAAC;EAET,CAAC;AACL,CAAC,EAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,uxGAAC;AAoBK,IAAMoB,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,KAAqC,EAAK;EACjE,IAAQC,QAAQ,GAAkDD,KAAK,CAA/DC,QAAQ;IAAEC,IAAI,GAA4CF,KAAK,CAArDE,IAAI;IAAEvB,MAAM,GAAoCqB,KAAK,CAA/CrB,MAAM;IAAEwB,OAAO,GAA2BH,KAAK,CAAvCG,OAAO;IAAEC,SAAS,GAAgBJ,KAAK,CAA9BI,SAAS;IAAKtB,MAAM,OAAAuB,yBAAA,CAAA9B,OAAA,EAAKyB,KAAK,EAAA7B,SAAA;EACvE,oBACIH,MAAA,CAAAO,OAAA,CAAA+B,aAAA,CAACrB,SAAS,EAAAsB,MAAA,CAAAC,MAAA;IAACJ,SAAS,EAAEA;EAAU,GAAKtB,MAAM,gBACvCd,MAAA,CAAAO,OAAA,CAAA+B,aAAA,CAACjC,MAAM;IAAC6B,IAAI,EAAEA,IAAK;IAACvB,MAAM,EAAEA,MAAO;IAACwB,OAAO,EAAEA;EAAQ,GAChDF,QACG,CACD,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Button","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","maxWidth","width","display","flexDirection","alignItems","justifyContent","marginRight","pointerEvents","cursor","color","ButtonLink","props","children","href","onClick","className","createElement","Object","assign"],"sources":["ButtonLink.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Button: any = styled(\"a\")({\n    display: \"flex\",\n    height: 35,\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    cursor: \"pointer\",\n    color: \"var(--mdc-theme-primary)\",\n    \" > svg\": {\n        marginRight: \"10px\",\n        fill: \"var(--mdc-theme-primary)\"\n    },\n    \"&:hover\": {\n        textDecoration: \"underline\"\n    }\n});\n\nconst Container = styled(\"div\")(({ maxWidth }: Props) => {\n    return {\n        maxWidth: maxWidth || \"140px\",\n        width: \"auto\",\n        display: \"flex\",\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        \"&.has-tooltip\": {\n            [Button]: {\n                \">span\": {\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    display: \"flex\",\n                    \" > svg\": {\n                        marginRight: \"10px\"\n                    }\n                }\n            }\n        },\n        \"&.disabled\": {\n            pointerEvents: \"none\",\n            cursor: \"not-allowed\",\n            [Button]: {\n                color: \"var(--mdc-theme-on-background)\",\n                \">svg\": {\n                    color: \"var(--mdc-theme-on-background)\"\n                }\n            }\n        }\n    };\n});\n\ninterface Props {\n    children: React.ReactNode;\n    className?: string;\n    maxWidth?: `${string}px`;\n}\n\ninterface PropsWithClick extends Props {\n    href?: never;\n    target?: never;\n    onClick: (ev: React.MouseEvent) => void;\n}\n\ninterface PropsWithHref extends Props {\n    href: string;\n    target: \"_blank\" | string;\n    onClick?: never;\n}\n\nexport const ButtonLink = (props: PropsWithClick | PropsWithHref) => {\n    const { children, href, target, onClick, className, ...styles } = props;\n    return (\n        <Container className={className} {...styles}>\n            <Button href={href} target={target} onClick={onClick}>\n                {children}\n            </Button>\n        </Container>\n    );\n};\n"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,MAAW,gBAAGC,OAAA,CAAO,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,QAAA,EAAAC;AAAA,CAmB9B,CAAC;AAEF,MAAMC,SAAS,gBAAGV,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC,CAAC;EAAEM;AAAgB,CAAC,KAAK;EACrD,OAAO;IACHA,QAAQ,EAAEA,QAAQ,IAAI,OAAO;IAC7BC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,eAAe,EAAE;MACb,CAACjB,MAAM,GAAG;QACN,OAAO,EAAE;UACLgB,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBH,OAAO,EAAE,MAAM;UACf,QAAQ,EAAE;YACNI,WAAW,EAAE;UACjB;QACJ;MACJ;IACJ,CAAC;IACD,YAAY,EAAE;MACVC,aAAa,EAAE,MAAM;MACrBC,MAAM,EAAE,aAAa;MACrB,CAACpB,MAAM,GAAG;QACNqB,KAAK,EAAE,gCAAgC;QACvC,MAAM,EAAE;UACJA,KAAK,EAAE;QACX;MACJ;IACJ;EACJ,CAAC;AACL,CAAC,EAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,mxGAAC;AAoBF,OAAO,MAAMkB,UAAU,GAAIC,KAAqC,IAAK;EACjE,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEpB,MAAM;IAAEqB,OAAO;IAAEC,SAAS;IAAE,GAAGnB;EAAO,CAAC,GAAGe,KAAK;EACvE,oBACIxB,KAAA,CAAA6B,aAAA,CAACjB,SAAS,EAAAkB,MAAA,CAAAC,MAAA;IAACH,SAAS,EAAEA;EAAU,GAAKnB,MAAM,gBACvCT,KAAA,CAAA6B,aAAA,CAAC5B,MAAM;IAACyB,IAAI,EAAEA,IAAK;IAACpB,MAAM,EAAEA,MAAO;IAACqB,OAAO,EAAEA;EAAQ,GAChDF,QACG,CACD,CAAC;AAEpB,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModel } from "../../../../../../../types";
+import type { CmsModel } from "../../../../../../../types.js";
 interface OptionsModelListProps {
     models: CmsModel[];
     onClick: (modelId: string) => void;

package/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList.js

@@ -1,59 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OptionsModelList = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _Elevation = require("@webiny/ui/Elevation");
-var _OptionsModelListItem = require("./OptionsModelListItem");
-var _downArrow = require("../assets/down-arrow.svg");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Container = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e94sp4o1"
-} : {
-  target: "e94sp4o1",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "uecccv",
-  styles: "display:flex;margin-left:5px;width:32px;>svg{color:var(--mdc-theme-primary);width:24px;height:24px;}"
-} : {
-  name: "uecccv",
-  styles: "display:flex;margin-left:5px;width:32px;>svg{color:var(--mdc-theme-primary);width:24px;height:24px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNb2RlbExpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9rQiIsImZpbGUiOiJPcHRpb25zTW9kZWxMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ21zTW9kZWwgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgRWxldmF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRWxldmF0aW9uXCI7XG5pbXBvcnQgeyBPcHRpb25zTW9kZWxMaXN0SXRlbSB9IGZyb20gXCIuL09wdGlvbnNNb2RlbExpc3RJdGVtXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEb3duSWNvbiB9IGZyb20gXCIuLi9hc3NldHMvZG93bi1hcnJvdy5zdmdcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgbWFyZ2luTGVmdDogXCI1cHhcIixcbiAgICB3aWR0aDogMzIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgICAgIHdpZHRoOiBcIjI0cHhcIixcbiAgICAgICAgaGVpZ2h0OiBcIjI0cHhcIlxuICAgIH1cbn0pO1xuY29uc3QgTW9kZWxzQ29udGFpbmVyID0gc3R5bGVkKEVsZXZhdGlvbikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgekluZGV4OiAyLFxuICAgIHRvcDogXCI0MHB4XCIsXG4gICAgbGVmdDogMCxcbiAgICB3aWR0aDogXCIyMTVweFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCIjRkZGRkZGXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIlxufSk7XG5cbmludGVyZmFjZSBPcHRpb25zTW9kZWxMaXN0UHJvcHMge1xuICAgIG1vZGVsczogQ21zTW9kZWxbXTtcbiAgICBvbkNsaWNrOiAobW9kZWxJZDogc3RyaW5nKSA9PiB2b2lkO1xufVxuZXhwb3J0IGNvbnN0IE9wdGlvbnNNb2RlbExpc3QgPSAoeyBtb2RlbHMsIG9uQ2xpY2sgfTogT3B0aW9uc01vZGVsTGlzdFByb3BzKSA9PiB7XG4gICAgaWYgKG1vZGVscy5sZW5ndGggPD0gMSkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8RG93bkljb24gLz5cbiAgICAgICAgICAgIDwvQ29udGFpbmVyPlxuICAgICAgICAgICAgPE1vZGVsc0NvbnRhaW5lciB6PXsxfT5cbiAgICAgICAgICAgICAgICB7bW9kZWxzLm1hcChtb2RlbCA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8T3B0aW9uc01vZGVsTGlzdEl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17YG1vZGVsLSR7bW9kZWwubW9kZWxJZH1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1vZGVsPXttb2RlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA8L01vZGVsc0NvbnRhaW5lcj5cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var ModelsContainer = /*#__PURE__*/(0, _base.default)(_Elevation.Elevation, process.env.NODE_ENV === "production" ? {
-  target: "e94sp4o0"
-} : {
-  target: "e94sp4o0",
-  label: "ModelsContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "g1f2g6",
-  styles: "position:absolute;z-index:2;top:40px;left:0;width:215px;background-color:#FFFFFF;display:flex;flex-direction:column"
-} : {
-  name: "g1f2g6",
-  styles: "position:absolute;z-index:2;top:40px;left:0;width:215px;background-color:#FFFFFF;display:flex;flex-direction:column",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNb2RlbExpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCd0IiLCJmaWxlIjoiT3B0aW9uc01vZGVsTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENtc01vZGVsIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IEVsZXZhdGlvbiB9IGZyb20gXCJAd2ViaW55L3VpL0VsZXZhdGlvblwiO1xuaW1wb3J0IHsgT3B0aW9uc01vZGVsTGlzdEl0ZW0gfSBmcm9tIFwiLi9PcHRpb25zTW9kZWxMaXN0SXRlbVwiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgRG93bkljb24gfSBmcm9tIFwiLi4vYXNzZXRzL2Rvd24tYXJyb3cuc3ZnXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcInNwYW5cIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIG1hcmdpbkxlZnQ6IFwiNXB4XCIsXG4gICAgd2lkdGg6IDMyLFxuICAgIFwiPnN2Z1wiOiB7XG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiLFxuICAgICAgICB3aWR0aDogXCIyNHB4XCIsXG4gICAgICAgIGhlaWdodDogXCIyNHB4XCJcbiAgICB9XG59KTtcbmNvbnN0IE1vZGVsc0NvbnRhaW5lciA9IHN0eWxlZChFbGV2YXRpb24pKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHpJbmRleDogMixcbiAgICB0b3A6IFwiNDBweFwiLFxuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMjE1cHhcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI0ZGRkZGRlwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCJcbn0pO1xuXG5pbnRlcmZhY2UgT3B0aW9uc01vZGVsTGlzdFByb3BzIHtcbiAgICBtb2RlbHM6IENtc01vZGVsW107XG4gICAgb25DbGljazogKG1vZGVsSWQ6IHN0cmluZykgPT4gdm9pZDtcbn1cbmV4cG9ydCBjb25zdCBPcHRpb25zTW9kZWxMaXN0ID0gKHsgbW9kZWxzLCBvbkNsaWNrIH06IE9wdGlvbnNNb2RlbExpc3RQcm9wcykgPT4ge1xuICAgIGlmIChtb2RlbHMubGVuZ3RoIDw9IDEpIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPERvd25JY29uIC8+XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgICAgIDxNb2RlbHNDb250YWluZXIgej17MX0+XG4gICAgICAgICAgICAgICAge21vZGVscy5tYXAobW9kZWwgPT4ge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPE9wdGlvbnNNb2RlbExpc3RJdGVtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e2Btb2RlbC0ke21vZGVsLm1vZGVsSWR9YH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtb2RlbD17bW9kZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPC9Nb2RlbHNDb250YWluZXI+XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var OptionsModelList = exports.OptionsModelList = function OptionsModelList(_ref) {
-  var models = _ref.models,
-    onClick = _ref.onClick;
+import React from "react";
+import { OptionsModelListItem } from "./OptionsModelListItem.js";
+export const OptionsModelList = ({
+  models,
+  onClick
+}) => {
   if (models.length <= 1) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_downArrow.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(ModelsContainer, {
-    z: 1
-  }, models.map(function (model) {
-    return /*#__PURE__*/_react.default.createElement(_OptionsModelListItem.OptionsModelListItem, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, models.map(model => {
+    return /*#__PURE__*/React.createElement(OptionsModelListItem, {
       onClick: onClick,
-      key: "model-".concat(model.modelId),
+      key: `model-${model.modelId}`,
       model: model
     });
-  })));
+  }));
 };
 
 //# sourceMappingURL=OptionsModelList.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Elevation","_OptionsModelListItem","_downArrow","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ModelsContainer","Elevation","OptionsModelList","exports","_ref","models","onClick","length","createElement","Fragment","ReactComponent","z","model","OptionsModelListItem","key","concat","modelId"],"sources":["OptionsModelList.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { CmsModel } from \"~/types\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { OptionsModelListItem } from \"./OptionsModelListItem\";\nimport { ReactComponent as DownIcon } from \"../assets/down-arrow.svg\";\n\nconst Container = styled(\"span\")({\n    display: \"flex\",\n    marginLeft: \"5px\",\n    width: 32,\n    \">svg\": {\n        color: \"var(--mdc-theme-primary)\",\n        width: \"24px\",\n        height: \"24px\"\n    }\n});\nconst ModelsContainer = styled(Elevation)({\n    position: \"absolute\",\n    zIndex: 2,\n    top: \"40px\",\n    left: 0,\n    width: \"215px\",\n    backgroundColor: \"#FFFFFF\",\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n\ninterface OptionsModelListProps {\n    models: CmsModel[];\n    onClick: (modelId: string) => void;\n}\nexport const OptionsModelList = ({ models, onClick }: OptionsModelListProps) => {\n    if (models.length <= 1) {\n        return null;\n    }\n\n    return (\n        <>\n            <Container>\n                <DownIcon />\n            </Container>\n            <ModelsContainer z={1}>\n                {models.map(model => {\n                    return (\n                        <OptionsModelListItem\n                            onClick={onClick}\n                            key={`model-${model.modelId}`}\n                            model={model}\n                        />\n                    );\n                })}\n            </ModelsContainer>\n        </>\n    );\n};\n"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAsE,SAAAI,iCAAA;AAEtE,IAAMC,SAAS,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,MAAM,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAS/B,CAAC;AACF,IAAMa,eAAe,gBAAG,IAAAX,KAAA,CAAAC,OAAA,EAAOW,oBAAS,EAAAV,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,CASxC,CAAC;AAMK,IAAMe,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAE,IAAA,EAAmD;EAAA,IAA7CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC9C,IAAID,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;IACpB,OAAO,IAAI;EACf;EAEA,oBACI1B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAAA3B,MAAA,CAAAS,OAAA,CAAAmB,QAAA,qBACI5B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACpB,SAAS,qBACNP,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACtB,UAAA,CAAAwB,cAAQ,MAAE,CACJ,CAAC,eACZ7B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACR,eAAe;IAACW,CAAC,EAAE;EAAE,GACjBN,MAAM,CAACP,GAAG,CAAC,UAAAc,KAAK,EAAI;IACjB,oBACI/B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACvB,qBAAA,CAAA4B,oBAAoB;MACjBP,OAAO,EAAEA,OAAQ;MACjBQ,GAAG,WAAAC,MAAA,CAAWH,KAAK,CAACI,OAAO,CAAG;MAC9BJ,KAAK,EAAEA;IAAM,CAChB,CAAC;EAEV,CAAC,CACY,CACnB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","OptionsModelListItem","OptionsModelList","models","onClick","length","createElement","Fragment","map","model","key","modelId"],"sources":["OptionsModelList.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModel } from \"~/types.js\";\nimport { OptionsModelListItem } from \"./OptionsModelListItem.js\";\n\ninterface OptionsModelListProps {\n    models: CmsModel[];\n    onClick: (modelId: string) => void;\n}\n\nexport const OptionsModelList = ({ models, onClick }: OptionsModelListProps) => {\n    if (models.length <= 1) {\n        return null;\n    }\n\n    return (\n        <>\n            {models.map(model => {\n                return (\n                    <OptionsModelListItem\n                        onClick={onClick}\n                        key={`model-${model.modelId}`}\n                        model={model}\n                    />\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAO7B,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAA+B,CAAC,KAAK;EAC5E,IAAID,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;IACpB,OAAO,IAAI;EACf;EAEA,oBACIL,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QACKJ,MAAM,CAACK,GAAG,CAACC,KAAK,IAAI;IACjB,oBACIT,KAAA,CAAAM,aAAA,CAACL,oBAAoB;MACjBG,OAAO,EAAEA,OAAQ;MACjBM,GAAG,EAAE,SAASD,KAAK,CAACE,OAAO,EAAG;MAC9BF,KAAK,EAAEA;IAAM,CAChB,CAAC;EAEV,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelListItem.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModel } from "../../../../../../../types";
+import type { CmsModel } from "../../../../../../../types.js";
 interface OptionsModelListItemProps {
     model: Pick<CmsModel, "modelId" | "name" | "description" | "icon">;
     onClick: (modelId: string) => void;