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

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

@@ -1,107 +1,42 @@
-"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.OptionsModelListItem = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Title = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eeo17o84"
-} : {
-  target: "eeo17o84",
-  label: "Title"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ed6umm",
-  styles: "width:100%;box-sizing:border-box;padding-top:5px;&.hasDescription{padding-top:0;}"
-} : {
-  name: "1ed6umm",
-  styles: "width:100%;box-sizing:border-box;padding-top:5px;&.hasDescription{padding-top:0;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNb2RlbExpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNYyIsImZpbGUiOiJPcHRpb25zTW9kZWxMaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ21zTW9kZWwgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVJY29uIH0gZnJvbSBcIkBmb3J0YXdlc29tZS9yZWFjdC1mb250YXdlc29tZVwiO1xuaW1wb3J0IHsgSWNvblByb3AgfSBmcm9tIFwiQGZvcnRhd2Vzb21lL2ZvbnRhd2Vzb21lLXN2Zy1jb3JlXCI7XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwYWRkaW5nVG9wOiA1LFxuICAgIFwiJi5oYXNEZXNjcmlwdGlvblwiOiB7XG4gICAgICAgIHBhZGRpbmdUb3A6IDBcbiAgICB9XG59KTtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICB3aWR0aDogXCIxMDAlXCJcbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGNvbG9yOiBcIi0tdmFyKG1kYy10aGVtZS1wcmltYXJ5KVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTUsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiXG4gICAgfSxcbiAgICBcIiY6bGFzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBEZXNjcmlwdGlvbiA9IHN0eWxlZChcInBcIikoe1xuICAgIGZvbnRTaXplOiAxMixcbiAgICBtYXJnaW5Ub3A6IDEwLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTI1JVwiLFxuICAgIGNvbG9yOiBcIiM2NjZcIlxufSk7XG5cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjI0cHhcIixcbiAgICBoZWlnaHQ6IFwiMjRweFwiLFxuICAgIG1hcmdpblJpZ2h0OiBcIjE1cHhcIixcbiAgICBmbGV4OiBcIjAgMCAyNHB4XCIsXG4gICAgc3ZnOiB7XG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LWljb24tb24tbGlnaHQpXCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiBcImF1dG9cIixcbiAgICAgICAgbWF4V2lkdGg6IDI0LFxuICAgICAgICBtYXhIZWlnaHQ6IDI0XG4gICAgfVxufSk7XG5cbmludGVyZmFjZSBJY29uUHJvcHMge1xuICAgIG1vZGVsOiBQaWNrPENtc01vZGVsLCBcImljb25cIj47XG59XG5cbmNvbnN0IERpc3BsYXlJY29uID0gKHsgbW9kZWwgfTogSWNvblByb3BzKSA9PiB7XG4gICAgaWYgKCFtb2RlbC5pY29uKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICByZXR1cm4gPEZvbnRBd2Vzb21lSWNvbiBpY29uPXsobW9kZWwuaWNvbiB8fCBcIlwiKS5zcGxpdChcIi9cIikgYXMgSWNvblByb3B9IC8+O1xufTtcblxuaW50ZXJmYWNlIE9wdGlvbnNNb2RlbExpc3RJdGVtUHJvcHMge1xuICAgIG1vZGVsOiBQaWNrPENtc01vZGVsLCBcIm1vZGVsSWRcIiB8IFwibmFtZVwiIHwgXCJkZXNjcmlwdGlvblwiIHwgXCJpY29uXCI+O1xuICAgIG9uQ2xpY2s6IChtb2RlbElkOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBPcHRpb25zTW9kZWxMaXN0SXRlbSA9ICh7XG4gICAgbW9kZWwsXG4gICAgb25DbGljazogb3JpZ2luYWxPbkNsaWNrXG59OiBPcHRpb25zTW9kZWxMaXN0SXRlbVByb3BzKSA9PiB7XG4gICAgY29uc3Qgb25DbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgb3JpZ2luYWxPbkNsaWNrKG1vZGVsLm1vZGVsSWQpO1xuICAgIH0sIFtvcmlnaW5hbE9uQ2xpY2tdKTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGFpbmVyIG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPERpc3BsYXlJY29uIG1vZGVsPXttb2RlbH0gLz5cbiAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxUaXRsZSBjbGFzc05hbWU9e21vZGVsLmRlc2NyaXB0aW9uICYmIFwiaGFzRGVzY3JpcHRpb25cIn0+e21vZGVsLm5hbWV9PC9UaXRsZT5cbiAgICAgICAgICAgICAgICB7bW9kZWwuZGVzY3JpcHRpb24gJiYgPERlc2NyaXB0aW9uPnttb2RlbC5kZXNjcmlwdGlvbn08L0Rlc2NyaXB0aW9uPn1cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eeo17o83"
-} : {
-  target: "eeo17o83",
-  label: "Content"
-})(process.env.NODE_ENV === "production" ? {
-  name: "b6wrti",
-  styles: "display:flex;flex-direction:column;width:100%"
-} : {
-  name: "b6wrti",
-  styles: "display:flex;flex-direction:column;width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNb2RlbExpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlZ0IiLCJmaWxlIjoiT3B0aW9uc01vZGVsTGlzdEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENtc01vZGVsIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IEZvbnRBd2Vzb21lSWNvbiB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvcmVhY3QtZm9udGF3ZXNvbWVcIjtcbmltcG9ydCB7IEljb25Qcm9wIH0gZnJvbSBcIkBmb3J0YXdlc29tZS9mb250YXdlc29tZS1zdmctY29yZVwiO1xuXG5jb25zdCBUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZ1RvcDogNSxcbiAgICBcIiYuaGFzRGVzY3JpcHRpb25cIjoge1xuICAgICAgICBwYWRkaW5nVG9wOiAwXG4gICAgfVxufSk7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjb2xvcjogXCItLXZhcihtZGMtdGhlbWUtcHJpbWFyeSlcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IDE1LFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIlxuICAgIH0sXG4gICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCJcbiAgICB9XG59KTtcblxuY29uc3QgRGVzY3JpcHRpb24gPSBzdHlsZWQoXCJwXCIpKHtcbiAgICBmb250U2l6ZTogMTIsXG4gICAgbWFyZ2luVG9wOiAxMCxcbiAgICBsaW5lSGVpZ2h0OiBcIjEyNSVcIixcbiAgICBjb2xvcjogXCIjNjY2XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIyNHB4XCIsXG4gICAgaGVpZ2h0OiBcIjI0cHhcIixcbiAgICBtYXJnaW5SaWdodDogXCIxNXB4XCIsXG4gICAgZmxleDogXCIwIDAgMjRweFwiLFxuICAgIHN2Zzoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1pY29uLW9uLWxpZ2h0KVwiLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgICAgIG1heFdpZHRoOiAyNCxcbiAgICAgICAgbWF4SGVpZ2h0OiAyNFxuICAgIH1cbn0pO1xuXG5pbnRlcmZhY2UgSWNvblByb3BzIHtcbiAgICBtb2RlbDogUGljazxDbXNNb2RlbCwgXCJpY29uXCI+O1xufVxuXG5jb25zdCBEaXNwbGF5SWNvbiA9ICh7IG1vZGVsIH06IEljb25Qcm9wcykgPT4ge1xuICAgIGlmICghbW9kZWwuaWNvbikge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIDxGb250QXdlc29tZUljb24gaWNvbj17KG1vZGVsLmljb24gfHwgXCJcIikuc3BsaXQoXCIvXCIpIGFzIEljb25Qcm9wfSAvPjtcbn07XG5cbmludGVyZmFjZSBPcHRpb25zTW9kZWxMaXN0SXRlbVByb3BzIHtcbiAgICBtb2RlbDogUGljazxDbXNNb2RlbCwgXCJtb2RlbElkXCIgfCBcIm5hbWVcIiB8IFwiZGVzY3JpcHRpb25cIiB8IFwiaWNvblwiPjtcbiAgICBvbkNsaWNrOiAobW9kZWxJZDogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgT3B0aW9uc01vZGVsTGlzdEl0ZW0gPSAoe1xuICAgIG1vZGVsLFxuICAgIG9uQ2xpY2s6IG9yaWdpbmFsT25DbGlja1xufTogT3B0aW9uc01vZGVsTGlzdEl0ZW1Qcm9wcykgPT4ge1xuICAgIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIG9yaWdpbmFsT25DbGljayhtb2RlbC5tb2RlbElkKTtcbiAgICB9LCBbb3JpZ2luYWxPbkNsaWNrXSk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lciBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxEaXNwbGF5SWNvbiBtb2RlbD17bW9kZWx9IC8+XG4gICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8VGl0bGUgY2xhc3NOYW1lPXttb2RlbC5kZXNjcmlwdGlvbiAmJiBcImhhc0Rlc2NyaXB0aW9uXCJ9Pnttb2RlbC5uYW1lfTwvVGl0bGU+XG4gICAgICAgICAgICAgICAge21vZGVsLmRlc2NyaXB0aW9uICYmIDxEZXNjcmlwdGlvbj57bW9kZWwuZGVzY3JpcHRpb259PC9EZXNjcmlwdGlvbj59XG4gICAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eeo17o82"
-} : {
-  target: "eeo17o82",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "5vmfz5",
-  styles: "color:--var(mdc-theme-primary);display:flex;flex-direction:row;width:100%;cursor:pointer;padding:15px;box-sizing:border-box;border-bottom:1px solid var(--mdc-theme-background);:hover{background-color:var(--mdc-theme-background);}&:last-of-type{border-bottom:none;}"
-} : {
-  name: "5vmfz5",
-  styles: "color:--var(mdc-theme-primary);display:flex;flex-direction:row;width:100%;cursor:pointer;padding:15px;box-sizing:border-box;border-bottom:1px solid var(--mdc-theme-background);:hover{background-color:var(--mdc-theme-background);}&:last-of-type{border-bottom:none;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNb2RlbExpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQmtCIiwiZmlsZSI6Ik9wdGlvbnNNb2RlbExpc3RJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDbXNNb2RlbCB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBGb250QXdlc29tZUljb24gfSBmcm9tIFwiQGZvcnRhd2Vzb21lL3JlYWN0LWZvbnRhd2Vzb21lXCI7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmVcIjtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBhZGRpbmdUb3A6IDUsXG4gICAgXCImLmhhc0Rlc2NyaXB0aW9uXCI6IHtcbiAgICAgICAgcGFkZGluZ1RvcDogMFxuICAgIH1cbn0pO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwiLS12YXIobWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAxNSxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgXCI6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCJcbiAgICB9LFxuICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiXG4gICAgfVxufSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gc3R5bGVkKFwicFwiKSh7XG4gICAgZm9udFNpemU6IDEyLFxuICAgIG1hcmdpblRvcDogMTAsXG4gICAgbGluZUhlaWdodDogXCIxMjUlXCIsXG4gICAgY29sb3I6IFwiIzY2NlwiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMjRweFwiLFxuICAgIGhlaWdodDogXCIyNHB4XCIsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMTVweFwiLFxuICAgIGZsZXg6IFwiMCAwIDI0cHhcIixcbiAgICBzdmc6IHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtaWNvbi1vbi1saWdodClcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiYXV0b1wiLFxuICAgICAgICBtYXhXaWR0aDogMjQsXG4gICAgICAgIG1heEhlaWdodDogMjRcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIEljb25Qcm9wcyB7XG4gICAgbW9kZWw6IFBpY2s8Q21zTW9kZWwsIFwiaWNvblwiPjtcbn1cblxuY29uc3QgRGlzcGxheUljb24gPSAoeyBtb2RlbCB9OiBJY29uUHJvcHMpID0+IHtcbiAgICBpZiAoIW1vZGVsLmljb24pIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiA8Rm9udEF3ZXNvbWVJY29uIGljb249eyhtb2RlbC5pY29uIHx8IFwiXCIpLnNwbGl0KFwiL1wiKSBhcyBJY29uUHJvcH0gLz47XG59O1xuXG5pbnRlcmZhY2UgT3B0aW9uc01vZGVsTGlzdEl0ZW1Qcm9wcyB7XG4gICAgbW9kZWw6IFBpY2s8Q21zTW9kZWwsIFwibW9kZWxJZFwiIHwgXCJuYW1lXCIgfCBcImRlc2NyaXB0aW9uXCIgfCBcImljb25cIj47XG4gICAgb25DbGljazogKG1vZGVsSWQ6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IE9wdGlvbnNNb2RlbExpc3RJdGVtID0gKHtcbiAgICBtb2RlbCxcbiAgICBvbkNsaWNrOiBvcmlnaW5hbE9uQ2xpY2tcbn06IE9wdGlvbnNNb2RlbExpc3RJdGVtUHJvcHMpID0+IHtcbiAgICBjb25zdCBvbkNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBvcmlnaW5hbE9uQ2xpY2sobW9kZWwubW9kZWxJZCk7XG4gICAgfSwgW29yaWdpbmFsT25DbGlja10pO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXIgb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RGlzcGxheUljb24gbW9kZWw9e21vZGVsfSAvPlxuICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgPENvbnRlbnQ+XG4gICAgICAgICAgICAgICAgPFRpdGxlIGNsYXNzTmFtZT17bW9kZWwuZGVzY3JpcHRpb24gJiYgXCJoYXNEZXNjcmlwdGlvblwifT57bW9kZWwubmFtZX08L1RpdGxlPlxuICAgICAgICAgICAgICAgIHttb2RlbC5kZXNjcmlwdGlvbiAmJiA8RGVzY3JpcHRpb24+e21vZGVsLmRlc2NyaXB0aW9ufTwvRGVzY3JpcHRpb24+fVxuICAgICAgICAgICAgPC9Db250ZW50PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Description = /*#__PURE__*/(0, _base.default)("p", process.env.NODE_ENV === "production" ? {
-  target: "eeo17o81"
-} : {
-  target: "eeo17o81",
-  label: "Description"
-})(process.env.NODE_ENV === "production" ? {
-  name: "f2oeio",
-  styles: "font-size:12px;margin-top:10px;line-height:125%;color:#666"
-} : {
-  name: "f2oeio",
-  styles: "font-size:12px;margin-top:10px;line-height:125%;color:#666",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNb2RlbExpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ29CIiwiZmlsZSI6Ik9wdGlvbnNNb2RlbExpc3RJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDbXNNb2RlbCB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBGb250QXdlc29tZUljb24gfSBmcm9tIFwiQGZvcnRhd2Vzb21lL3JlYWN0LWZvbnRhd2Vzb21lXCI7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmVcIjtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBhZGRpbmdUb3A6IDUsXG4gICAgXCImLmhhc0Rlc2NyaXB0aW9uXCI6IHtcbiAgICAgICAgcGFkZGluZ1RvcDogMFxuICAgIH1cbn0pO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwiLS12YXIobWRjLXRoZW1lLXByaW1hcnkpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAxNSxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgXCI6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCJcbiAgICB9LFxuICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiXG4gICAgfVxufSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gc3R5bGVkKFwicFwiKSh7XG4gICAgZm9udFNpemU6IDEyLFxuICAgIG1hcmdpblRvcDogMTAsXG4gICAgbGluZUhlaWdodDogXCIxMjUlXCIsXG4gICAgY29sb3I6IFwiIzY2NlwiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMjRweFwiLFxuICAgIGhlaWdodDogXCIyNHB4XCIsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMTVweFwiLFxuICAgIGZsZXg6IFwiMCAwIDI0cHhcIixcbiAgICBzdmc6IHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtaWNvbi1vbi1saWdodClcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiYXV0b1wiLFxuICAgICAgICBtYXhXaWR0aDogMjQsXG4gICAgICAgIG1heEhlaWdodDogMjRcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIEljb25Qcm9wcyB7XG4gICAgbW9kZWw6IFBpY2s8Q21zTW9kZWwsIFwiaWNvblwiPjtcbn1cblxuY29uc3QgRGlzcGxheUljb24gPSAoeyBtb2RlbCB9OiBJY29uUHJvcHMpID0+IHtcbiAgICBpZiAoIW1vZGVsLmljb24pIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiA8Rm9udEF3ZXNvbWVJY29uIGljb249eyhtb2RlbC5pY29uIHx8IFwiXCIpLnNwbGl0KFwiL1wiKSBhcyBJY29uUHJvcH0gLz47XG59O1xuXG5pbnRlcmZhY2UgT3B0aW9uc01vZGVsTGlzdEl0ZW1Qcm9wcyB7XG4gICAgbW9kZWw6IFBpY2s8Q21zTW9kZWwsIFwibW9kZWxJZFwiIHwgXCJuYW1lXCIgfCBcImRlc2NyaXB0aW9uXCIgfCBcImljb25cIj47XG4gICAgb25DbGljazogKG1vZGVsSWQ6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IE9wdGlvbnNNb2RlbExpc3RJdGVtID0gKHtcbiAgICBtb2RlbCxcbiAgICBvbkNsaWNrOiBvcmlnaW5hbE9uQ2xpY2tcbn06IE9wdGlvbnNNb2RlbExpc3RJdGVtUHJvcHMpID0+IHtcbiAgICBjb25zdCBvbkNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBvcmlnaW5hbE9uQ2xpY2sobW9kZWwubW9kZWxJZCk7XG4gICAgfSwgW29yaWdpbmFsT25DbGlja10pO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXIgb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RGlzcGxheUljb24gbW9kZWw9e21vZGVsfSAvPlxuICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgPENvbnRlbnQ+XG4gICAgICAgICAgICAgICAgPFRpdGxlIGNsYXNzTmFtZT17bW9kZWwuZGVzY3JpcHRpb24gJiYgXCJoYXNEZXNjcmlwdGlvblwifT57bW9kZWwubmFtZX08L1RpdGxlPlxuICAgICAgICAgICAgICAgIHttb2RlbC5kZXNjcmlwdGlvbiAmJiA8RGVzY3JpcHRpb24+e21vZGVsLmRlc2NyaXB0aW9ufTwvRGVzY3JpcHRpb24+fVxuICAgICAgICAgICAgPC9Db250ZW50PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Icon = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eeo17o80"
-} : {
-  target: "eeo17o80",
-  label: "Icon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "ab6op6",
-  styles: "width:24px;height:24px;margin-right:15px;flex:0 0 24px;svg{color:var(--mdc-theme-text-icon-on-light);width:100%;height:auto;max-width:24px;max-height:24px;}"
-} : {
-  name: "ab6op6",
-  styles: "width:24px;height:24px;margin-right:15px;flex:0 0 24px;svg{color:var(--mdc-theme-text-icon-on-light);width:100%;height:auto;max-width:24px;max-height:24px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnNNb2RlbExpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q2EiLCJmaWxlIjoiT3B0aW9uc01vZGVsTGlzdEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENtc01vZGVsIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IEZvbnRBd2Vzb21lSWNvbiB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvcmVhY3QtZm9udGF3ZXNvbWVcIjtcbmltcG9ydCB7IEljb25Qcm9wIH0gZnJvbSBcIkBmb3J0YXdlc29tZS9mb250YXdlc29tZS1zdmctY29yZVwiO1xuXG5jb25zdCBUaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZ1RvcDogNSxcbiAgICBcIiYuaGFzRGVzY3JpcHRpb25cIjoge1xuICAgICAgICBwYWRkaW5nVG9wOiAwXG4gICAgfVxufSk7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjb2xvcjogXCItLXZhcihtZGMtdGhlbWUtcHJpbWFyeSlcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IDE1LFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIlxuICAgIH0sXG4gICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCJcbiAgICB9XG59KTtcblxuY29uc3QgRGVzY3JpcHRpb24gPSBzdHlsZWQoXCJwXCIpKHtcbiAgICBmb250U2l6ZTogMTIsXG4gICAgbWFyZ2luVG9wOiAxMCxcbiAgICBsaW5lSGVpZ2h0OiBcIjEyNSVcIixcbiAgICBjb2xvcjogXCIjNjY2XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIyNHB4XCIsXG4gICAgaGVpZ2h0OiBcIjI0cHhcIixcbiAgICBtYXJnaW5SaWdodDogXCIxNXB4XCIsXG4gICAgZmxleDogXCIwIDAgMjRweFwiLFxuICAgIHN2Zzoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1pY29uLW9uLWxpZ2h0KVwiLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgICAgIG1heFdpZHRoOiAyNCxcbiAgICAgICAgbWF4SGVpZ2h0OiAyNFxuICAgIH1cbn0pO1xuXG5pbnRlcmZhY2UgSWNvblByb3BzIHtcbiAgICBtb2RlbDogUGljazxDbXNNb2RlbCwgXCJpY29uXCI+O1xufVxuXG5jb25zdCBEaXNwbGF5SWNvbiA9ICh7IG1vZGVsIH06IEljb25Qcm9wcykgPT4ge1xuICAgIGlmICghbW9kZWwuaWNvbikge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIDxGb250QXdlc29tZUljb24gaWNvbj17KG1vZGVsLmljb24gfHwgXCJcIikuc3BsaXQoXCIvXCIpIGFzIEljb25Qcm9wfSAvPjtcbn07XG5cbmludGVyZmFjZSBPcHRpb25zTW9kZWxMaXN0SXRlbVByb3BzIHtcbiAgICBtb2RlbDogUGljazxDbXNNb2RlbCwgXCJtb2RlbElkXCIgfCBcIm5hbWVcIiB8IFwiZGVzY3JpcHRpb25cIiB8IFwiaWNvblwiPjtcbiAgICBvbkNsaWNrOiAobW9kZWxJZDogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgT3B0aW9uc01vZGVsTGlzdEl0ZW0gPSAoe1xuICAgIG1vZGVsLFxuICAgIG9uQ2xpY2s6IG9yaWdpbmFsT25DbGlja1xufTogT3B0aW9uc01vZGVsTGlzdEl0ZW1Qcm9wcykgPT4ge1xuICAgIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIG9yaWdpbmFsT25DbGljayhtb2RlbC5tb2RlbElkKTtcbiAgICB9LCBbb3JpZ2luYWxPbkNsaWNrXSk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lciBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxEaXNwbGF5SWNvbiBtb2RlbD17bW9kZWx9IC8+XG4gICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8VGl0bGUgY2xhc3NOYW1lPXttb2RlbC5kZXNjcmlwdGlvbiAmJiBcImhhc0Rlc2NyaXB0aW9uXCJ9Pnttb2RlbC5uYW1lfTwvVGl0bGU+XG4gICAgICAgICAgICAgICAge21vZGVsLmRlc2NyaXB0aW9uICYmIDxEZXNjcmlwdGlvbj57bW9kZWwuZGVzY3JpcHRpb259PC9EZXNjcmlwdGlvbj59XG4gICAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var DisplayIcon = function DisplayIcon(_ref) {
-  var model = _ref.model;
+import React, { useCallback } from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { DropdownMenu, Text, Icon } from "@webiny/admin-ui";
+import { normalizeIcon } from "../../../../../../../utils/normalizeIcon.js";
+const DisplayIcon = ({
+  model
+}) => {
   if (!model.icon) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: (model.icon || "").split("/")
+  return /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: normalizeIcon(model.icon)
+    }),
+    label: "Model icon",
+    size: "lg",
+    className: "text-neutral-strong"
   });
 };
-var OptionsModelListItem = exports.OptionsModelListItem = function OptionsModelListItem(_ref2) {
-  var model = _ref2.model,
-    originalOnClick = _ref2.onClick;
-  var onClick = (0, _react.useCallback)(function () {
+export const OptionsModelListItem = ({
+  model,
+  onClick: originalOnClick
+}) => {
+  const onClick = useCallback(() => {
     originalOnClick(model.modelId);
   }, [originalOnClick]);
-  return /*#__PURE__*/_react.default.createElement(Container, {
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(DisplayIcon, {
-    model: model
-  })), /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement(Title, {
-    className: model.description && "hasDescription"
-  }, model.name), model.description && /*#__PURE__*/_react.default.createElement(Description, null, model.description)));
+  return /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+    onClick: onClick,
+    icon: /*#__PURE__*/React.createElement(DisplayIcon, {
+      model: model
+    }),
+    text: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
+      as: "div"
+    }, model.name), /*#__PURE__*/React.createElement(Text, {
+      as: "div",
+      size: "sm",
+      className: "text-neutral-strong"
+    }, model.description))
+  });
 };
 
 //# sourceMappingURL=OptionsModelListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactFontawesome","_EMOTION_STRINGIFIED_CSS_ERROR__","Title","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Content","Container","Description","Icon","DisplayIcon","_ref","model","icon","createElement","FontAwesomeIcon","split","OptionsModelListItem","exports","_ref2","originalOnClick","onClick","useCallback","modelId","className","description"],"sources":["OptionsModelListItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsModel } from \"~/types\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\nconst Title = styled(\"div\")({\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    paddingTop: 5,\n    \"&.hasDescription\": {\n        paddingTop: 0\n    }\n});\n\nconst Content = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100%\"\n});\n\nconst Container = styled(\"div\")({\n    color: \"--var(mdc-theme-primary)\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    width: \"100%\",\n    cursor: \"pointer\",\n    padding: 15,\n    boxSizing: \"border-box\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \":hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\"\n    },\n    \"&:last-of-type\": {\n        borderBottom: \"none\"\n    }\n});\n\nconst Description = styled(\"p\")({\n    fontSize: 12,\n    marginTop: 10,\n    lineHeight: \"125%\",\n    color: \"#666\"\n});\n\nconst Icon = styled(\"div\")({\n    width: \"24px\",\n    height: \"24px\",\n    marginRight: \"15px\",\n    flex: \"0 0 24px\",\n    svg: {\n        color: \"var(--mdc-theme-text-icon-on-light)\",\n        width: \"100%\",\n        height: \"auto\",\n        maxWidth: 24,\n        maxHeight: 24\n    }\n});\n\ninterface IconProps {\n    model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon = ({ model }: IconProps) => {\n    if (!model.icon) {\n        return null;\n    }\n    return <FontAwesomeIcon icon={(model.icon || \"\").split(\"/\") as IconProp} />;\n};\n\ninterface OptionsModelListItemProps {\n    model: Pick<CmsModel, \"modelId\" | \"name\" | \"description\" | \"icon\">;\n    onClick: (modelId: string) => void;\n}\n\nexport const OptionsModelListItem = ({\n    model,\n    onClick: originalOnClick\n}: OptionsModelListItemProps) => {\n    const onClick = useCallback(() => {\n        originalOnClick(model.modelId);\n    }, [originalOnClick]);\n    return (\n        <Container onClick={onClick}>\n            <Icon>\n                <DisplayIcon model={model} />\n            </Icon>\n            <Content>\n                <Title className={model.description && \"hasDescription\"}>{model.name}</Title>\n                {model.description && <Description>{model.description}</Description>}\n            </Content>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAGjE,IAAMC,KAAK,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,CAO1B,CAAC;AAEF,IAAMa,OAAO,gBAAG,IAAAX,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAI5B,CAAC;AAEF,IAAMc,SAAS,gBAAG,IAAAZ,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAe9B,CAAC;AAEF,IAAMe,WAAW,gBAAG,IAAAb,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,CAK9B,CAAC;AAEF,IAAMgB,IAAI,gBAAG,IAAAd,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,CAYzB,CAAC;AAMF,IAAMiB,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA6B;EAAA,IAAvBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACxB,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACb,OAAO,IAAI;EACf;EACA,oBAAOxB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACtB,iBAAA,CAAAuB,eAAe;IAACF,IAAI,EAAE,CAACD,KAAK,CAACC,IAAI,IAAI,EAAE,EAAEG,KAAK,CAAC,GAAG;EAAc,CAAE,CAAC;AAC/E,CAAC;AAOM,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAAE,KAAA,EAGA;EAAA,IAF7BP,KAAK,GAAAO,KAAA,CAALP,KAAK;IACIQ,eAAe,GAAAD,KAAA,CAAxBE,OAAO;EAEP,IAAMA,OAAO,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAC9BF,eAAe,CAACR,KAAK,CAACW,OAAO,CAAC;EAClC,CAAC,EAAE,CAACH,eAAe,CAAC,CAAC;EACrB,oBACI/B,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACP,SAAS;IAACc,OAAO,EAAEA;EAAQ,gBACxBhC,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACL,IAAI,qBACDpB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACJ,WAAW;IAACE,KAAK,EAAEA;EAAM,CAAE,CAC1B,CAAC,eACPvB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACR,OAAO,qBACJjB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACpB,KAAK;IAAC8B,SAAS,EAAEZ,KAAK,CAACa,WAAW,IAAI;EAAiB,GAAEb,KAAK,CAACV,IAAY,CAAC,EAC5EU,KAAK,CAACa,WAAW,iBAAIpC,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACN,WAAW,QAAEI,KAAK,CAACa,WAAyB,CAC9D,CACF,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","FontAwesomeIcon","DropdownMenu","Text","Icon","normalizeIcon","DisplayIcon","model","icon","createElement","label","size","className","OptionsModelListItem","onClick","originalOnClick","modelId","Item","text","as","name","description"],"sources":["OptionsModelListItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { CmsModel } from \"~/types.js\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { DropdownMenu, Text, Icon } from \"@webiny/admin-ui\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\ninterface IconProps {\n    model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon = ({ model }: IconProps) => {\n    if (!model.icon) {\n        return null;\n    }\n    return (\n        <Icon\n            icon={<FontAwesomeIcon icon={normalizeIcon(model.icon) as IconProp} />}\n            label={\"Model icon\"}\n            size={\"lg\"}\n            className={\"text-neutral-strong\"}\n        />\n    );\n};\n\ninterface OptionsModelListItemProps {\n    model: Pick<CmsModel, \"modelId\" | \"name\" | \"description\" | \"icon\">;\n    onClick: (modelId: string) => void;\n}\n\nexport const OptionsModelListItem = ({\n    model,\n    onClick: originalOnClick\n}: OptionsModelListItemProps) => {\n    const onClick = useCallback(() => {\n        originalOnClick(model.modelId);\n    }, [originalOnClick]);\n    return (\n        <DropdownMenu.Item\n            onClick={onClick}\n            icon={<DisplayIcon model={model} />}\n            text={\n                <div>\n                    <Text as={\"div\"}>{model.name}</Text>\n                    <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {model.description}\n                    </Text>\n                </div>\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,SAASC,YAAY,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC3D,SAASC,aAAa;AAMtB,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAiB,CAAC,KAAK;EAC1C,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACb,OAAO,IAAI;EACf;EACA,oBACIT,KAAA,CAAAU,aAAA,CAACL,IAAI;IACDI,IAAI,eAAET,KAAA,CAAAU,aAAA,CAACR,eAAe;MAACO,IAAI,EAAEH,aAAa,CAACE,KAAK,CAACC,IAAI;IAAc,CAAE,CAAE;IACvEE,KAAK,EAAE,YAAa;IACpBC,IAAI,EAAE,IAAK;IACXC,SAAS,EAAE;EAAsB,CACpC,CAAC;AAEV,CAAC;AAOD,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACjCN,KAAK;EACLO,OAAO,EAAEC;AACc,CAAC,KAAK;EAC7B,MAAMD,OAAO,GAAGd,WAAW,CAAC,MAAM;IAC9Be,eAAe,CAACR,KAAK,CAACS,OAAO,CAAC;EAClC,CAAC,EAAE,CAACD,eAAe,CAAC,CAAC;EACrB,oBACIhB,KAAA,CAAAU,aAAA,CAACP,YAAY,CAACe,IAAI;IACdH,OAAO,EAAEA,OAAQ;IACjBN,IAAI,eAAET,KAAA,CAAAU,aAAA,CAACH,WAAW;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAE;IACpCW,IAAI,eACAnB,KAAA,CAAAU,aAAA,2BACIV,KAAA,CAAAU,aAAA,CAACN,IAAI;MAACgB,EAAE,EAAE;IAAM,GAAEZ,KAAK,CAACa,IAAW,CAAC,eACpCrB,KAAA,CAAAU,aAAA,CAACN,IAAI;MAACgB,EAAE,EAAE,KAAM;MAACR,IAAI,EAAE,IAAK;MAACC,SAAS,EAAE;IAAsB,GACzDL,KAAK,CAACc,WACL,CACL;EACR,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferenceRenderer.d.ts

@@ -1,2 +1,2 @@
-import { CmsModelFieldRendererPlugin } from "../../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../../types.js";
 export declare const createAdvancedSingleRenderer: () => CmsModelFieldRendererPlugin;

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferenceRenderer.js

@@ -1,42 +1,36 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAdvancedSingleRenderer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _AdvancedSingleReferenceField = require("./components/AdvancedSingleReferenceField");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-var createAdvancedSingleRenderer = exports.createAdvancedSingleRenderer = function createAdvancedSingleRenderer() {
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { AdvancedSingleReferenceField } from "./components/AdvancedSingleReferenceField.js";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+export const createAdvancedSingleRenderer = () => {
   return {
     type: "cms-editor-field-renderer",
     name: "cms-editor-field-renderer-ref-single-advanced",
     renderer: {
       rendererName: "ref-advanced-single",
-      name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Detailed view with modal search"]))),
-      description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a preview card of the selected record and the user searches through records using a modal window."]))),
-      canUse: function canUse(_ref) {
-        var field = _ref.field;
-        return field.type === "ref" && !field.multipleValues;
+      name: t`Detailed view with modal search`,
+      description: t`Renders a preview card of the selected record and the user searches through records using a modal window.`,
+      canUse({
+        field
+      }) {
+        return field.type === "ref" && !field.list;
       },
-      render: function render(props) {
-        var field = props.field,
-          getBind = props.getBind,
-          Label = props.Label,
-          contentModel = props.contentModel;
-        var Bind = getBind();
-        return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-          return /*#__PURE__*/_react.default.createElement(_AdvancedSingleReferenceField.AdvancedSingleReferenceField, {
+      render: props => {
+        const {
+          field,
+          getBind,
+          Label,
+          contentModel
+        } = props;
+        const Bind = getBind();
+        return /*#__PURE__*/React.createElement(Bind, null, bind => {
+          return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(AdvancedSingleReferenceField, {
             field: field,
             getBind: getBind,
             bind: bind,
             Label: Label,
             contentModel: contentModel
-          });
+          }));
         });
       }
     }

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferenceRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_AdvancedSingleReferenceField","_templateObject","_templateObject2","t","i18n","ns","createAdvancedSingleRenderer","exports","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Label","contentModel","Bind","createElement","bind","AdvancedSingleReferenceField"],"sources":["detailedReferenceRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { AdvancedSingleReferenceField } from \"./components/AdvancedSingleReferenceField\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createAdvancedSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-advanced\",\n        renderer: {\n            rendererName: \"ref-advanced-single\",\n            name: t`Detailed view with modal search`,\n            description: t`Renders a preview card of the selected record and the user searches through records using a modal window.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind, Label, contentModel } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return (\n                                <AdvancedSingleReferenceField\n                                    field={field}\n                                    getBind={getBind}\n                                    bind={bind}\n                                    Label={Label}\n                                    contentModel={contentModel}\n                                />\n                            );\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,6BAAA,GAAAF,OAAA;AAAyF,IAAAG,eAAA,EAAAC,gBAAA;AAEzF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAA,EAAsC;EAC3E,OAAO;IACHE,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,wCAAiC;MACxCC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,kHAA2G;MACzHE,MAAM,WAAAA,OAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,cAAc;MACxD,CAAC;MACDC,MAAM,EAAE,SAAAA,OAAAC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAmCG,KAAK,CAA7CH,KAAK;UAAEI,OAAO,GAA0BD,KAAK,CAAtCC,OAAO;UAAEC,KAAK,GAAmBF,KAAK,CAA7BE,KAAK;UAAEC,YAAY,GAAKH,KAAK,CAAtBG,YAAY;QAE3C,IAAMC,IAAI,GAAGH,OAAO,CAAC,CAAC;QACtB,oBACIzB,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBACI9B,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACzB,6BAAA,CAAA2B,4BAA4B;YACzBV,KAAK,EAAEA,KAAM;YACbI,OAAO,EAAEA,OAAQ;YACjBK,IAAI,EAAEA,IAAK;YACXJ,KAAK,EAAEA,KAAM;YACbC,YAAY,EAAEA;UAAa,CAC9B,CAAC;QAEV,CACE,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","i18n","AdvancedSingleReferenceField","t","ns","createAdvancedSingleRenderer","type","name","renderer","rendererName","description","canUse","field","list","render","props","getBind","Label","contentModel","Bind","createElement","bind","ValidationContainer"],"sources":["detailedReferenceRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { AdvancedSingleReferenceField } from \"./components/AdvancedSingleReferenceField.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createAdvancedSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-advanced\",\n        renderer: {\n            rendererName: \"ref-advanced-single\",\n            name: t`Detailed view with modal search`,\n            description: t`Renders a preview card of the selected record and the user searches through records using a modal window.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.list;\n            },\n            render: props => {\n                const { field, getBind, Label, contentModel } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return (\n                                <Bind.ValidationContainer>\n                                    <AdvancedSingleReferenceField\n                                        field={field}\n                                        getBind={getBind}\n                                        bind={bind}\n                                        Label={Label}\n                                        contentModel={contentModel}\n                                    />\n                                </Bind.ValidationContainer>\n                            );\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,4BAA4B;AAErC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,KAAmC;EAC3E,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEJ,CAAC,iCAAiC;MACxCO,WAAW,EAAEP,CAAC,2GAA2G;MACzHQ,MAAMA,CAAC;QAAEC;MAAM,CAAC,EAAE;QACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,IAAI;MAC9C,CAAC;MACDC,MAAM,EAAEC,KAAK,IAAI;QACb,MAAM;UAAEH,KAAK;UAAEI,OAAO;UAAEC,KAAK;UAAEC;QAAa,CAAC,GAAGH,KAAK;QAErD,MAAMI,IAAI,GAAGH,OAAO,CAAC,CAAC;QACtB,oBACIhB,KAAA,CAAAoB,aAAA,CAACD,IAAI,QACAE,IAAI,IAAI;UACL,oBACIrB,KAAA,CAAAoB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBtB,KAAA,CAAAoB,aAAA,CAAClB,4BAA4B;YACzBU,KAAK,EAAEA,KAAM;YACbI,OAAO,EAAEA,OAAQ;YACjBK,IAAI,EAAEA,IAAK;YACXJ,KAAK,EAAEA,KAAM;YACbC,YAAY,EAAEA;UAAa,CAC9B,CACqB,CAAC;QAEnC,CACE,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer.d.ts

@@ -1,2 +1,2 @@
-import { CmsModelFieldRendererPlugin } from "../../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../../types.js";
 export declare const createAdvancedMultipleRenderer: () => CmsModelFieldRendererPlugin;

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer.js

@@ -1,47 +1,41 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAdvancedMultipleRenderer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _AdvancedMultipleReferenceField = require("./components/AdvancedMultipleReferenceField");
-var _AdvancedMultipleReferenceSettings = require("./components/AdvancedMultipleReferenceSettings");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-var createAdvancedMultipleRenderer = exports.createAdvancedMultipleRenderer = function createAdvancedMultipleRenderer() {
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { AdvancedMultipleReferenceField } from "./components/AdvancedMultipleReferenceField.js";
+import { AdvancedMultipleReferenceSettings } from "./components/AdvancedMultipleReferenceSettings.js";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+export const createAdvancedMultipleRenderer = () => {
   return {
     type: "cms-editor-field-renderer",
     name: "cms-editor-field-renderer-ref-multiple-advanced",
     renderer: {
       rendererName: "ref-advanced-multiple",
-      name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Detailed view with modal search"]))),
-      description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders preview cards of the selected records. User can browse through records using a modal dialog."]))),
-      canUse: function canUse(_ref) {
-        var field = _ref.field;
-        return field.type === "ref" && !!field.multipleValues;
+      name: t`Detailed view with modal search`,
+      description: t`Renders preview cards of the selected records. User can browse through records using a modal dialog.`,
+      canUse({
+        field
+      }) {
+        return field.type === "ref" && !!field.list;
       },
-      render: function render(props) {
-        var field = props.field,
-          getBind = props.getBind,
-          Label = props.Label,
-          contentModel = props.contentModel;
-        var Bind = getBind();
-        return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-          return /*#__PURE__*/_react.default.createElement(_AdvancedMultipleReferenceField.AdvancedMultipleReferenceField, {
+      render: props => {
+        const {
+          field,
+          getBind,
+          Label,
+          contentModel
+        } = props;
+        const Bind = getBind();
+        return /*#__PURE__*/React.createElement(Bind, null, bind => {
+          return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(AdvancedMultipleReferenceField, {
             field: field,
             getBind: getBind,
             bind: bind,
             Label: Label,
             contentModel: contentModel
-          });
+          }));
         });
       },
-      renderSettings: function renderSettings() {
-        return /*#__PURE__*/_react.default.createElement(_AdvancedMultipleReferenceSettings.AdvancedMultipleReferenceSettings, null);
+      renderSettings: () => {
+        return /*#__PURE__*/React.createElement(AdvancedMultipleReferenceSettings, null);
       }
     }
   };

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_AdvancedMultipleReferenceField","_AdvancedMultipleReferenceSettings","_templateObject","_templateObject2","t","i18n","ns","createAdvancedMultipleRenderer","exports","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Label","contentModel","Bind","createElement","bind","AdvancedMultipleReferenceField","renderSettings","AdvancedMultipleReferenceSettings"],"sources":["detailedReferencesRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { AdvancedMultipleReferenceField } from \"./components/AdvancedMultipleReferenceField\";\nimport { AdvancedMultipleReferenceSettings } from \"./components/AdvancedMultipleReferenceSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createAdvancedMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-advanced\",\n        renderer: {\n            rendererName: \"ref-advanced-multiple\",\n            name: t`Detailed view with modal search`,\n            description: t`Renders preview cards of the selected records. User can browse through records using a modal dialog.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind, Label, contentModel } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return (\n                                <AdvancedMultipleReferenceField\n                                    field={field}\n                                    getBind={getBind}\n                                    bind={bind}\n                                    Label={Label}\n                                    contentModel={contentModel}\n                                />\n                            );\n                        }}\n                    </Bind>\n                );\n            },\n            renderSettings: () => {\n                return <AdvancedMultipleReferenceSettings />;\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,+BAAA,GAAAF,OAAA;AACA,IAAAG,kCAAA,GAAAH,OAAA;AAAmG,IAAAI,eAAA,EAAAC,gBAAA;AAEnG,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,GAAG,SAAjCA,8BAA8BA,CAAA,EAAsC;EAC7E,OAAO;IACHE,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,iDAAiD;IACvDC,QAAQ,EAAE;MACNC,YAAY,EAAE,uBAAuB;MACrCF,IAAI,EAAEN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,wCAAiC;MACxCC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,6GAAsG;MACpHE,MAAM,WAAAA,OAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAAC,CAACS,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAE,SAAAA,OAAAC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAmCG,KAAK,CAA7CH,KAAK;UAAEI,OAAO,GAA0BD,KAAK,CAAtCC,OAAO;UAAEC,KAAK,GAAmBF,KAAK,CAA7BE,KAAK;UAAEC,YAAY,GAAKH,KAAK,CAAtBG,YAAY;QAE3C,IAAMC,IAAI,GAAGH,OAAO,CAAC,CAAC;QACtB,oBACI1B,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBACI/B,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAAC1B,+BAAA,CAAA4B,8BAA8B;YAC3BV,KAAK,EAAEA,KAAM;YACbI,OAAO,EAAEA,OAAQ;YACjBK,IAAI,EAAEA,IAAK;YACXJ,KAAK,EAAEA,KAAM;YACbC,YAAY,EAAEA;UAAa,CAC9B,CAAC;QAEV,CACE,CAAC;MAEf,CAAC;MACDK,cAAc,EAAE,SAAAA,eAAA,EAAM;QAClB,oBAAOjC,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAACzB,kCAAA,CAAA6B,iCAAiC,MAAE,CAAC;MAChD;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","i18n","AdvancedMultipleReferenceField","AdvancedMultipleReferenceSettings","t","ns","createAdvancedMultipleRenderer","type","name","renderer","rendererName","description","canUse","field","list","render","props","getBind","Label","contentModel","Bind","createElement","bind","ValidationContainer","renderSettings"],"sources":["detailedReferencesRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { AdvancedMultipleReferenceField } from \"./components/AdvancedMultipleReferenceField.js\";\nimport { AdvancedMultipleReferenceSettings } from \"./components/AdvancedMultipleReferenceSettings.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createAdvancedMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-advanced\",\n        renderer: {\n            rendererName: \"ref-advanced-multiple\",\n            name: t`Detailed view with modal search`,\n            description: t`Renders preview cards of the selected records. User can browse through records using a modal dialog.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.list;\n            },\n            render: props => {\n                const { field, getBind, Label, contentModel } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return (\n                                <Bind.ValidationContainer>\n                                    <AdvancedMultipleReferenceField\n                                        field={field}\n                                        getBind={getBind}\n                                        bind={bind}\n                                        Label={Label}\n                                        contentModel={contentModel}\n                                    />\n                                </Bind.ValidationContainer>\n                            );\n                        }}\n                    </Bind>\n                );\n            },\n            renderSettings: () => {\n                return <AdvancedMultipleReferenceSettings />;\n            }\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,8BAA8B;AACvC,SAASC,iCAAiC;AAE1C,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mCAAmC,CAAC;AAEtD,OAAO,MAAMC,8BAA8B,GAAGA,CAAA,KAAmC;EAC7E,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,iDAAiD;IACvDC,QAAQ,EAAE;MACNC,YAAY,EAAE,uBAAuB;MACrCF,IAAI,EAAEJ,CAAC,iCAAiC;MACxCO,WAAW,EAAEP,CAAC,sGAAsG;MACpHQ,MAAMA,CAAC;QAAEC;MAAM,CAAC,EAAE;QACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAAC,CAACM,KAAK,CAACC,IAAI;MAC/C,CAAC;MACDC,MAAM,EAAEC,KAAK,IAAI;QACb,MAAM;UAAEH,KAAK;UAAEI,OAAO;UAAEC,KAAK;UAAEC;QAAa,CAAC,GAAGH,KAAK;QAErD,MAAMI,IAAI,GAAGH,OAAO,CAAC,CAAC;QACtB,oBACIjB,KAAA,CAAAqB,aAAA,CAACD,IAAI,QACAE,IAAI,IAAI;UACL,oBACItB,KAAA,CAAAqB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBvB,KAAA,CAAAqB,aAAA,CAACnB,8BAA8B;YAC3BW,KAAK,EAAEA,KAAM;YACbI,OAAO,EAAEA,OAAQ;YACjBK,IAAI,EAAEA,IAAK;YACXJ,KAAK,EAAEA,KAAM;YACbC,YAAY,EAAEA;UAAa,CAC9B,CACqB,CAAC;QAEnC,CACE,CAAC;MAEf,CAAC;MACDK,cAAc,EAAEA,CAAA,KAAM;QAClB,oBAAOxB,KAAA,CAAAqB,aAAA,CAAClB,iCAAiC,MAAE,CAAC;MAChD;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.d.ts

@@ -1,6 +1,6 @@
-import { CmsContentEntryStatusType, CmsIdentity, CmsErrorResponse, CmsMetaResponse, CmsModel } from "../../../../../../types";
-import { CmsReferenceContentEntry } from "../../components/types";
-import { CmsEntryGetEntryVariable } from "../../components/graphql";
+import type { CmsContentEntryStatusType, CmsIdentity, CmsErrorResponse, CmsMetaResponse, CmsModel } from "../../../../../../types.js";
+import type { CmsReferenceContentEntry } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
+import type { CmsEntryGetEntryVariable } from "../../../../../../admin/plugins/fieldRenderers/ref/components/graphql.js";
 export interface ListLatestCmsEntriesResponse {
     entries: {
         data: CmsReferenceContentEntry[];

package/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js

@@ -1,17 +1,99 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createSearchQuery = exports.LIST_LATEST_CONTENT_ENTRIES = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _templateObject, _templateObject2;
-var fields = "\n    data {\n        id\n        entryId\n        title\n        description\n        image\n        status\n        createdOn\n        savedOn\n        model {\n            name\n            modelId\n        }\n        createdBy {\n            id\n            displayName\n            type\n        }\n        modifiedBy {\n            id\n            displayName\n            type\n        }\n        published {\n            id\n        }\n        wbyAco_location {\n            folderId\n        }\n    }\n    error {\n        message\n        code\n        data\n    }\n";
-var LIST_LATEST_CONTENT_ENTRIES = exports.LIST_LATEST_CONTENT_ENTRIES = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsListLatestContentEntries($entries: [CmsModelEntryInput!]!) {\n        entries: getLatestContentEntries(entries: $entries) {\n            ", "\n        }\n    }\n"])), fields);
-var createSearchQuery = exports.createSearchQuery = function createSearchQuery(model) {
-  return (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        query Search", "($where: ", "ListWhereInput, $sort: [", "ListSorter], $limit: Int, $after: String) {\n            content: list", "(\n            where: $where\n            sort: $sort\n            limit: $limit\n            after: $after\n            ) {\n            data {\n                id\n                entryId\n                savedOn\n                createdOn\n                revisionCreatedBy {\n                    id\n                    type\n                    displayName\n                }\n                createdBy {\n                    id\n                    type\n                    displayName\n                }\n                modifiedBy {\n                    id\n                    type\n                    displayName\n                }\n                meta {\n                    title\n                    description\n                    image\n                    status\n                }\n                wbyAco_location {\n                    folderId\n                }\n            }\n            meta {\n                cursor\n                hasMoreItems\n                totalCount\n            }\n            error {\n                message\n                code\n                data\n            }\n        }\n        }"])), model.pluralApiName, model.singularApiName, model.singularApiName, model.pluralApiName);
+import gql from "graphql-tag";
+const fields = `
+    data {
+        id
+        entryId
+        title
+        description
+        image
+        status
+        createdOn
+        savedOn
+        model {
+            name
+            modelId
+        }
+        createdBy {
+            id
+            displayName
+            type
+        }
+        modifiedBy {
+            id
+            displayName
+            type
+        }
+        published {
+            id
+        }
+        wbyAco_location {
+            folderId
+        }
+    }
+    error {
+        message
+        code
+        data
+    }
+`;
+export const LIST_LATEST_CONTENT_ENTRIES = gql`
+    query CmsListLatestContentEntries($entries: [CmsModelEntryInput!]!) {
+        entries: getLatestContentEntries(entries: $entries) {
+            ${fields}
+        }
+    }
+`;
+export const createSearchQuery = model => {
+  return gql`
+        query Search${model.pluralApiName}($where: ${model.singularApiName}ListWhereInput, $sort: [${model.singularApiName}ListSorter], $limit: Int, $after: String) {
+            content: list${model.pluralApiName}(
+            where: $where
+            sort: $sort
+            limit: $limit
+            after: $after
+            ) {
+            data {
+                id
+                entryId
+                savedOn
+                createdOn
+                revisionCreatedBy {
+                    id
+                    type
+                    displayName
+                }
+                createdBy {
+                    id
+                    type
+                    displayName
+                }
+                modifiedBy {
+                    id
+                    type
+                    displayName
+                }
+                meta {
+                    title
+                    description
+                    image
+                    status
+                }
+                wbyAco_location {
+                    folderId
+                }
+            }
+            meta {
+                cursor
+                hasMoreItems
+                totalCount
+            }
+            error {
+                message
+                code
+                data
+            }
+        }
+        }`;
 };
 
 //# sourceMappingURL=graphql.js.map

package/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","_templateObject2","fields","LIST_LATEST_CONTENT_ENTRIES","exports","gql","_taggedTemplateLiteral2","default","createSearchQuery","model","pluralApiName","singularApiName"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport {\n    CmsContentEntryStatusType,\n    CmsIdentity,\n    CmsErrorResponse,\n    CmsMetaResponse,\n    CmsModel\n} from \"~/types\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { CmsEntryGetEntryVariable } from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\n\nconst fields = `\n    data {\n        id\n        entryId\n        title\n        description\n        image\n        status\n        createdOn\n        savedOn\n        model {\n            name\n            modelId\n        }\n        createdBy {\n            id\n            displayName\n            type\n        }\n        modifiedBy {\n            id\n            displayName\n            type\n        }\n        published {\n            id\n        }\n        wbyAco_location {\n            folderId\n        }\n    }\n    error {\n        message\n        code\n        data\n    }\n`;\n\nexport interface ListLatestCmsEntriesResponse {\n    entries: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\n\nexport interface ListLatestCmsEntriesVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\n\nexport const LIST_LATEST_CONTENT_ENTRIES = gql`\n    query CmsListLatestContentEntries($entries: [CmsModelEntryInput!]!) {\n        entries: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\nexport interface SearchQueryResponseEntry {\n    id: string;\n    entryId: string;\n    savedOn: Date;\n    createdOn: Date;\n    createdBy: CmsIdentity;\n    ownedBy: CmsIdentity;\n    modifiedBy: CmsIdentity;\n    meta: {\n        title: string;\n        description?: string;\n        image?: string;\n        status: CmsContentEntryStatusType;\n    };\n    wbyAco_location?: {\n        folderId?: string;\n    };\n}\n\nexport interface SearchQueryResponse {\n    content: {\n        data: SearchQueryResponseEntry[];\n        error: CmsErrorResponse | null;\n        meta: CmsMetaResponse;\n    };\n}\n\nexport interface SearchQueryVariables {\n    where?: {\n        [key: string]: any;\n    };\n    sort?: string[];\n    limit?: number;\n    after?: string;\n}\n\nexport const createSearchQuery = (model: CmsModel) => {\n    return gql`\n        query Search${model.pluralApiName}($where: ${model.singularApiName}ListWhereInput, $sort: [${model.singularApiName}ListSorter], $limit: Int, $after: String) {\n            content: list${model.pluralApiName}(\n            where: $where\n            sort: $sort\n            limit: $limit\n            after: $after\n            ) {\n            data {\n                id\n                entryId\n                savedOn\n                createdOn\n                revisionCreatedBy {\n                    id\n                    type\n                    displayName\n                }\n                createdBy {\n                    id\n                    type\n                    displayName\n                }\n                modifiedBy {\n                    id\n                    type\n                    displayName\n                }\n                meta {\n                    title\n                    description\n                    image\n                    status\n                }\n                wbyAco_location {\n                    folderId\n                }\n            }\n            meta {\n                cursor\n                hasMoreItems\n                totalCount\n            }\n            error {\n                message\n                code\n                data\n            }\n        }\n        }`;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA,EAAAC,gBAAA;AAW9B,IAAMC,MAAM,qkBAoCX;AAaM,IAAMC,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,OAAGE,mBAAG,EAAAL,eAAA,KAAAA,eAAA,OAAAM,uBAAA,CAAAC,OAAA,0LAGhCL,MAAM,CAGnB;AAsCM,IAAMM,iBAAiB,GAAAJ,OAAA,CAAAI,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,KAAe,EAAK;EAClD,WAAOJ,mBAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,CAAAC,OAAA,+wCACQE,KAAK,CAACC,aAAa,EAAYD,KAAK,CAACE,eAAe,EAA2BF,KAAK,CAACE,eAAe,EAC/FF,KAAK,CAACC,aAAa;AAgD9C,CAAC","ignoreList":[]}
+{"version":3,"names":["gql","fields","LIST_LATEST_CONTENT_ENTRIES","createSearchQuery","model","pluralApiName","singularApiName"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type {\n    CmsContentEntryStatusType,\n    CmsIdentity,\n    CmsErrorResponse,\n    CmsMetaResponse,\n    CmsModel\n} from \"~/types.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport type { CmsEntryGetEntryVariable } from \"~/admin/plugins/fieldRenderers/ref/components/graphql.js\";\n\nconst fields = `\n    data {\n        id\n        entryId\n        title\n        description\n        image\n        status\n        createdOn\n        savedOn\n        model {\n            name\n            modelId\n        }\n        createdBy {\n            id\n            displayName\n            type\n        }\n        modifiedBy {\n            id\n            displayName\n            type\n        }\n        published {\n            id\n        }\n        wbyAco_location {\n            folderId\n        }\n    }\n    error {\n        message\n        code\n        data\n    }\n`;\n\nexport interface ListLatestCmsEntriesResponse {\n    entries: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\n\nexport interface ListLatestCmsEntriesVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\n\nexport const LIST_LATEST_CONTENT_ENTRIES = gql`\n    query CmsListLatestContentEntries($entries: [CmsModelEntryInput!]!) {\n        entries: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\nexport interface SearchQueryResponseEntry {\n    id: string;\n    entryId: string;\n    savedOn: Date;\n    createdOn: Date;\n    createdBy: CmsIdentity;\n    ownedBy: CmsIdentity;\n    modifiedBy: CmsIdentity;\n    meta: {\n        title: string;\n        description?: string;\n        image?: string;\n        status: CmsContentEntryStatusType;\n    };\n    wbyAco_location?: {\n        folderId?: string;\n    };\n}\n\nexport interface SearchQueryResponse {\n    content: {\n        data: SearchQueryResponseEntry[];\n        error: CmsErrorResponse | null;\n        meta: CmsMetaResponse;\n    };\n}\n\nexport interface SearchQueryVariables {\n    where?: {\n        [key: string]: any;\n    };\n    sort?: string[];\n    limit?: number;\n    after?: string;\n}\n\nexport const createSearchQuery = (model: CmsModel) => {\n    return gql`\n        query Search${model.pluralApiName}($where: ${model.singularApiName}ListWhereInput, $sort: [${model.singularApiName}ListSorter], $limit: Int, $after: String) {\n            content: list${model.pluralApiName}(\n            where: $where\n            sort: $sort\n            limit: $limit\n            after: $after\n            ) {\n            data {\n                id\n                entryId\n                savedOn\n                createdOn\n                revisionCreatedBy {\n                    id\n                    type\n                    displayName\n                }\n                createdBy {\n                    id\n                    type\n                    displayName\n                }\n                modifiedBy {\n                    id\n                    type\n                    displayName\n                }\n                meta {\n                    title\n                    description\n                    image\n                    status\n                }\n                wbyAco_location {\n                    folderId\n                }\n            }\n            meta {\n                cursor\n                hasMoreItems\n                totalCount\n            }\n            error {\n                message\n                code\n                data\n            }\n        }\n        }`;\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAW7B,MAAMC,MAAM,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAaD,OAAO,MAAMC,2BAA2B,GAAGF,GAAG;AAC9C;AACA;AACA,cAAcC,MAAM;AACpB;AACA;AACA,CAAC;AAsCD,OAAO,MAAME,iBAAiB,GAAIC,KAAe,IAAK;EAClD,OAAOJ,GAAG;AACd,sBAAsBI,KAAK,CAACC,aAAa,YAAYD,KAAK,CAACE,eAAe,2BAA2BF,KAAK,CAACE,eAAe;AAC1H,2BAA2BF,KAAK,CAACC,aAAa;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries.d.ts

@@ -1,5 +1,5 @@
-import { CmsModel } from "../../../../../../types";
-import { CmsReferenceContentEntry } from "../../components/types";
+import type { CmsModel } from "../../../../../../types.js";
+import type { CmsReferenceContentEntry } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface Params {
     model: CmsModel;
     limit: number;