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

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\";\nimport { CmsContentEntryStatusType } from \"~/types\";\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={\"wby-fill-success-default\"}\n                />\n            );\n        case \"unpublished\":\n            return (\n                <Icon\n                    icon={<UnpublishedIcon />}\n                    label=\"Unpublished\"\n                    size={\"lg\"}\n                    className={\"wby-fill-danger-default\"}\n                />\n            );\n        case \"draft\":\n            return (\n                <Icon\n                    icon={<DraftIcon />}\n                    label=\"Draft\"\n                    size={\"lg\"}\n                    className={\"wby-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;MAA2B,CACzC,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;MAA0B,CACxC,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;MAA2B,CACzC,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/Title.js

@@ -1,30 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Title = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Content = /*#__PURE__*/(0, _base.default)("h3", process.env.NODE_ENV === "production" ? {
-  target: "e1cdao7m0"
-} : {
-  target: "e1cdao7m0",
-  label: "Content"
-})(process.env.NODE_ENV === "production" ? {
-  name: "va3meg",
-  styles: "font-style:normal;font-weight:400;font-size:24px;line-height:32px;margin-bottom:5px"
-} : {
-  name: "va3meg",
-  styles: "font-style:normal;font-weight:400;font-size:24px;line-height:32px;margin-bottom:5px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0IiLCJmaWxlIjoiVGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJoM1wiKSh7XG4gICAgZm9udFN0eWxlOiBcIm5vcm1hbFwiLFxuICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICBmb250U2l6ZTogMjQsXG4gICAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gICAgbWFyZ2luQm90dG9tOiBcIjVweFwiXG59KTtcblxuaW50ZXJmYWNlIFRpdGxlUHJvcHMge1xuICAgIHRpdGxlOiBzdHJpbmc7XG59XG5leHBvcnQgY29uc3QgVGl0bGUgPSAoeyB0aXRsZSB9OiBUaXRsZVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIDxDb250ZW50Pnt0aXRsZX08L0NvbnRlbnQ+O1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Title = exports.Title = function Title(_ref) {
-  var title = _ref.title;
-  return /*#__PURE__*/_react.default.createElement(Content, null, title);
+import React from "react";
+import { cn, Text } from "@webiny/admin-ui";
+export const Title = ({
+  title
+}) => {
+  return /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: cn("wby-truncate wby-w-full wby-text-neutral-primary")
+  }, title);
 };
 
 //# sourceMappingURL=Title.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_EMOTION_STRINGIFIED_CSS_ERROR__","Content","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Title","exports","_ref","title","createElement"],"sources":["Title.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Content = styled(\"h3\")({\n    fontStyle: \"normal\",\n    fontWeight: 400,\n    fontSize: 24,\n    lineHeight: \"32px\",\n    marginBottom: \"5px\"\n});\n\ninterface TitleProps {\n    title: string;\n}\nexport const Title = ({ title }: TitleProps) => {\n    return <Content>{title}</Content>;\n};\n"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAC,iCAAA;AAE1B,IAAMC,OAAO,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAM3B,CAAC;AAKK,IAAMa,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAA8B;EAAA,IAAxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACzB,oBAAOnB,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAAChB,OAAO,QAAEe,KAAe,CAAC;AACrC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","Text","Title","title","createElement","size","as","className"],"sources":["Title.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Text } from \"@webiny/admin-ui\";\n\ninterface TitleProps {\n    title: string;\n}\n\nexport const Title = ({ title }: TitleProps) => {\n    return (\n        <Text\n            size={\"sm\"}\n            as={\"div\"}\n            className={cn(\"wby-truncate wby-w-full wby-text-neutral-primary\")}\n        >\n            {title}\n        </Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,IAAI,QAAQ,kBAAkB;AAM3C,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EAC5C,oBACIJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IACDI,IAAI,EAAE,IAAK;IACXC,EAAE,EAAE,KAAM;IACVC,SAAS,EAAEP,EAAE,CAAC,kDAAkD;EAAE,GAEjEG,KACC,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -1,24 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.View = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _visibility = require("@material-design-icons/svg/outlined/visibility.svg");
-var _ButtonLink = require("./elements/ButtonLink");
-var createEntryUrl = function createEntryUrl(entry) {
-  var folderId = entry.wbyAco_location?.folderId || "";
-  return "/cms/content-entries/".concat(entry.model.modelId, "?id=").concat(entry.id, "&folderId=").concat(encodeURIComponent(folderId));
+import React from "react";
+import { ReactComponent as ViewIcon } from "@webiny/icons/open_in_new.svg";
+import { IconButton, Link, Tooltip } from "@webiny/admin-ui";
+const createEntryUrl = entry => {
+  const folderId = entry.wbyAco_location?.folderId || "";
+  return `/cms/content-entries/${entry.model.modelId}?id=${entry.id}&folderId=${encodeURIComponent(folderId)}`;
 };
-var View = exports.View = function View(_ref) {
-  var entry = _ref.entry;
-  return /*#__PURE__*/_react.default.createElement(_ButtonLink.ButtonLink, {
-    href: createEntryUrl(entry),
-    target: "_blank",
-    maxWidth: "95px"
-  }, /*#__PURE__*/_react.default.createElement(_visibility.ReactComponent, null), " ", /*#__PURE__*/_react.default.createElement("span", null, "View"));
+export const View = ({
+  entry
+}) => {
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: "View",
+    side: "top",
+    trigger: /*#__PURE__*/React.createElement(Link, {
+      to: createEntryUrl(entry),
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      size: "sm",
+      iconSize: "lg",
+      icon: /*#__PURE__*/React.createElement(ViewIcon, null)
+    }))
+  });
 };
 
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_visibility","_ButtonLink","createEntryUrl","entry","folderId","wbyAco_location","concat","model","modelId","id","encodeURIComponent","View","exports","_ref","default","createElement","ButtonLink","href","target","maxWidth","ReactComponent"],"sources":["View.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as ViewIcon } from \"@material-design-icons/svg/outlined/visibility.svg\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\n\nconst createEntryUrl = (entry: CmsReferenceContentEntry) => {\n    const folderId = entry.wbyAco_location?.folderId || \"\";\n    return `/cms/content-entries/${entry.model.modelId}?id=${\n        entry.id\n    }&folderId=${encodeURIComponent(folderId)}`;\n};\n\ninterface ViewProps {\n    entry: CmsReferenceContentEntry;\n}\nexport const View = ({ entry }: ViewProps) => {\n    return (\n        <ButtonLink href={createEntryUrl(entry)} target=\"_blank\" maxWidth={\"95px\"}>\n            <ViewIcon /> <span>View</span>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAA+B,EAAK;EACxD,IAAMC,QAAQ,GAAGD,KAAK,CAACE,eAAe,EAAED,QAAQ,IAAI,EAAE;EACtD,+BAAAE,MAAA,CAA+BH,KAAK,CAACI,KAAK,CAACC,OAAO,UAAAF,MAAA,CAC9CH,KAAK,CAACM,EAAE,gBAAAH,MAAA,CACCI,kBAAkB,CAACN,QAAQ,CAAC;AAC7C,CAAC;AAKM,IAAMO,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAAE,IAAA,EAA6B;EAAA,IAAvBV,KAAK,GAAAU,IAAA,CAALV,KAAK;EACxB,oBACIN,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,WAAA,CAAAe,UAAU;IAACC,IAAI,EAAEf,cAAc,CAACC,KAAK,CAAE;IAACe,MAAM,EAAC,QAAQ;IAACC,QAAQ,EAAE;EAAO,gBACtEtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,WAAA,CAAAoB,cAAQ,MAAE,CAAC,KAAC,eAAAvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,eAAM,MAAU,CACrB,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ViewIcon","IconButton","Link","Tooltip","createEntryUrl","entry","folderId","wbyAco_location","model","modelId","id","encodeURIComponent","View","createElement","content","side","trigger","to","target","rel","variant","size","iconSize","icon"],"sources":["View.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as ViewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { IconButton, Link, Tooltip } from \"@webiny/admin-ui\";\n\nconst createEntryUrl = (entry: CmsReferenceContentEntry) => {\n    const folderId = entry.wbyAco_location?.folderId || \"\";\n    return `/cms/content-entries/${entry.model.modelId}?id=${\n        entry.id\n    }&folderId=${encodeURIComponent(folderId)}`;\n};\n\ninterface ViewProps {\n    entry: CmsReferenceContentEntry;\n}\nexport const View = ({ entry }: ViewProps) => {\n    return (\n        <Tooltip\n            content={\"View\"}\n            side={\"top\"}\n            trigger={\n                <Link to={createEntryUrl(entry)} target=\"_blank\" rel=\"noopener noreferrer\">\n                    <IconButton variant={\"ghost\"} size={\"sm\"} iconSize={\"lg\"} icon={<ViewIcon />} />\n                </Link>\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAC1E,SAASC,UAAU,EAAEC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAE5D,MAAMC,cAAc,GAAIC,KAA+B,IAAK;EACxD,MAAMC,QAAQ,GAAGD,KAAK,CAACE,eAAe,EAAED,QAAQ,IAAI,EAAE;EACtD,OAAO,wBAAwBD,KAAK,CAACG,KAAK,CAACC,OAAO,OAC9CJ,KAAK,CAACK,EAAE,aACCC,kBAAkB,CAACL,QAAQ,CAAC,EAAE;AAC/C,CAAC;AAKD,OAAO,MAAMM,IAAI,GAAGA,CAAC;EAAEP;AAAiB,CAAC,KAAK;EAC1C,oBACIP,KAAA,CAAAe,aAAA,CAACV,OAAO;IACJW,OAAO,EAAE,MAAO;IAChBC,IAAI,EAAE,KAAM;IACZC,OAAO,eACHlB,KAAA,CAAAe,aAAA,CAACX,IAAI;MAACe,EAAE,EAAEb,cAAc,CAACC,KAAK,CAAE;MAACa,MAAM,EAAC,QAAQ;MAACC,GAAG,EAAC;IAAqB,gBACtErB,KAAA,CAAAe,aAAA,CAACZ,UAAU;MAACmB,OAAO,EAAE,OAAQ;MAACC,IAAI,EAAE,IAAK;MAACC,QAAQ,EAAE,IAAK;MAACC,IAAI,eAAEzB,KAAA,CAAAe,aAAA,CAACb,QAAQ,MAAE;IAAE,CAAE,CAC7E;EACT,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,17 +1,7 @@
-"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",
@@ -25,13 +15,14 @@ var Button = /*#__PURE__*/(0, _base.default)("a", process.env.NODE_ENV === "prod
   map: "/*# 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 +30,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCa0IiLCJmaWxlIjoiQnV0dG9uTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgQnV0dG9uOiBhbnkgPSBzdHlsZWQoXCJhXCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBoZWlnaHQ6IDM1LFxuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIyMHB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjFweFwiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiLFxuICAgIFwiID4gc3ZnXCI6IHtcbiAgICAgICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgICAgICBmaWxsOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiXG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoKHsgbWF4V2lkdGggfTogUHJvcHMpID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgICBtYXhXaWR0aDogbWF4V2lkdGggfHwgXCIxNDBweFwiLFxuICAgICAgICB3aWR0aDogXCJhdXRvXCIsXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICAgICAgXCImLmhhcy10b29sdGlwXCI6IHtcbiAgICAgICAgICAgIFtCdXR0b25dOiB7XG4gICAgICAgICAgICAgICAgXCI+c3BhblwiOiB7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgICAgICAgICAgICAgXCIgPiBzdmdcIjoge1xuICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5kaXNhYmxlZFwiOiB7XG4gICAgICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICAgICAgW0J1dHRvbl06IHtcbiAgICAgICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgICAgICAgICBcIj5zdmdcIjoge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH07XG59KTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBtYXhXaWR0aD86IGAke3N0cmluZ31weGA7XG59XG5cbmludGVyZmFjZSBQcm9wc1dpdGhDbGljayBleHRlbmRzIFByb3BzIHtcbiAgICBocmVmPzogbmV2ZXI7XG4gICAgdGFyZ2V0PzogbmV2ZXI7XG4gICAgb25DbGljazogKGV2OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xufVxuXG5pbnRlcmZhY2UgUHJvcHNXaXRoSHJlZiBleHRlbmRzIFByb3BzIHtcbiAgICBocmVmOiBzdHJpbmc7XG4gICAgdGFyZ2V0OiBcIl9ibGFua1wiIHwgc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiBuZXZlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkxpbmsgPSAocHJvcHM6IFByb3BzV2l0aENsaWNrIHwgUHJvcHNXaXRoSHJlZikgPT4ge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGhyZWYsIHRhcmdldCwgb25DbGljaywgY2xhc3NOYW1lLCAuLi5zdHlsZXMgfSA9IHByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHsuLi5zdHlsZXN9PlxuICAgICAgICAgICAgPEJ1dHRvbiBocmVmPXtocmVmfSB0YXJnZXQ9e3RhcmdldH0gb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */");
-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({
+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        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,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,mxGAAC;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","map","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,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAmB9B,CAAC;AAEF,MAAMC,SAAS,gBAAGX,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC,CAAC;EAAEO;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,CAAClB,MAAM,GAAG;QACN,OAAO,EAAE;UACLiB,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,CAACrB,MAAM,GAAG;QACNsB,KAAK,EAAE,gCAAgC;QACvC,MAAM,EAAE;UACJA,KAAK,EAAE;QACX;MACJ;IACJ;EACJ,CAAC;AACL,CAAC,EAAApB,OAAA,CAAAC,GAAA,CAAAC,QAAA,mxGAAC;AAoBF,OAAO,MAAMmB,UAAU,GAAIC,KAAqC,IAAK;EACjE,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAErB,MAAM;IAAEsB,OAAO;IAAEC,SAAS;IAAE,GAAGpB;EAAO,CAAC,GAAGgB,KAAK;EACvE,oBACIzB,KAAA,CAAA8B,aAAA,CAACjB,SAAS,EAAAkB,MAAA,CAAAC,MAAA;IAACH,SAAS,EAAEA;EAAU,GAAKpB,MAAM,gBACvCT,KAAA,CAAA8B,aAAA,CAAC7B,MAAM;IAAC0B,IAAI,EAAEA,IAAK;IAACrB,MAAM,EAAEA,MAAO;IAACsB,OAAO,EAAEA;EAAQ,GAChDF,QACG,CACD,CAAC;AAEpB,CAAC","ignoreList":[]}

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";
+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 { CmsModel } from \"~/types\";\nimport { OptionsModelListItem } from \"./OptionsModelListItem\";\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.js

@@ -1,107 +1,41 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.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";
+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: (model.icon || "").split("/")
+    }),
+    label: "Model icon",
+    size: "lg",
+    className: "wby-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: "wby-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","DisplayIcon","model","icon","createElement","split","label","size","className","OptionsModelListItem","onClick","originalOnClick","modelId","Item","text","as","name","description"],"sources":["OptionsModelListItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { CmsModel } from \"~/types\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { DropdownMenu, Text, Icon } from \"@webiny/admin-ui\";\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={(model.icon || \"\").split(\"/\") as IconProp} />}\n            label={\"Model icon\"}\n            size={\"lg\"}\n            className={\"wby-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={\"wby-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;AAM3D,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAiB,CAAC,KAAK;EAC1C,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACb,OAAO,IAAI;EACf;EACA,oBACIR,KAAA,CAAAS,aAAA,CAACJ,IAAI;IACDG,IAAI,eAAER,KAAA,CAAAS,aAAA,CAACP,eAAe;MAACM,IAAI,EAAE,CAACD,KAAK,CAACC,IAAI,IAAI,EAAE,EAAEE,KAAK,CAAC,GAAG;IAAc,CAAE,CAAE;IAC3EC,KAAK,EAAE,YAAa;IACpBC,IAAI,EAAE,IAAK;IACXC,SAAS,EAAE;EAA0B,CACxC,CAAC;AAEV,CAAC;AAOD,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACjCP,KAAK;EACLQ,OAAO,EAAEC;AACc,CAAC,KAAK;EAC7B,MAAMD,OAAO,GAAGd,WAAW,CAAC,MAAM;IAC9Be,eAAe,CAACT,KAAK,CAACU,OAAO,CAAC;EAClC,CAAC,EAAE,CAACD,eAAe,CAAC,CAAC;EACrB,oBACIhB,KAAA,CAAAS,aAAA,CAACN,YAAY,CAACe,IAAI;IACdH,OAAO,EAAEA,OAAQ;IACjBP,IAAI,eAAER,KAAA,CAAAS,aAAA,CAACH,WAAW;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAE;IACpCY,IAAI,eACAnB,KAAA,CAAAS,aAAA,2BACIT,KAAA,CAAAS,aAAA,CAACL,IAAI;MAACgB,EAAE,EAAE;IAAM,GAAEb,KAAK,CAACc,IAAW,CAAC,eACpCrB,KAAA,CAAAS,aAAA,CAACL,IAAI;MAACgB,EAAE,EAAE,KAAM;MAACR,IAAI,EAAE,IAAK;MAACC,SAAS,EAAE;IAA0B,GAC7DN,KAAK,CAACe,WACL,CACL;EACR,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}