@webiny/app-admin 0.0.0-unstable.97a151f74d → 0.0.0-unstable.98511f29f1

package/ui/views/AdminView/HeaderSectionRightElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["edgeBars","css","width","HeaderSectionRightElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,KAAK,EAAE;AADU,CAAJ,oBAAjB;;IAIaC,yB;;;;;EACT,mCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,QAA7B;QAAuC,QAAQ;MAA/C,qHACkBM,KADlB,EADJ;IAKH;;;EAb0CC,qB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionRightElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,yBAAyB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,yBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,yBAAA;EAClC,SAAAA,0BAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,yBAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,yBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACpB,UAAA,CAAAqB,gBAAgB;QAACC,SAAS,EAAErB,QAAS;QAACsB,QAAQ;MAAA,OAAAC,KAAA,CAAAjB,OAAA,MAAAkB,gBAAA,CAAAlB,OAAA,EAAAH,yBAAA,CAAAsB,SAAA,mBAAAb,IAAA,OAC7BM,KAAK,CACL,CAAC;IAE3B;EAAC;EAAA,OAAAf,yBAAA;AAAA,EAb0CuB,qBAAS;AAAAC,OAAA,CAAAxB,yBAAA,GAAAA,yBAAA"}

package/ui/views/AdminView/components/Dialog.js

@@ -1,40 +1,30 @@
 "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.DialogContainer = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _get3 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _get2 = _interopRequireDefault(require("lodash/get"));
 var _useUi = require("@webiny/app/hooks/useUi");
-
 var _Dialog = require("@webiny/ui/Dialog");
-
 var DialogContainer = function DialogContainer() {
   var ui = (0, _useUi.useUi)();
-  var message = (0, _get3.default)(ui, "dialog.message");
-
-  var _get2 = (0, _get3.default)(ui, "dialog.options", {}),
-      dataTestId = _get2.dataTestId,
-      title = _get2.title,
-      _get2$actions = _get2.actions,
-      actions = _get2$actions === void 0 ? {
-    cancel: null,
-    accept: {
-      label: "OK"
-    }
-  } : _get2$actions,
-      style = _get2.style;
-
+  var message = (0, _get2.default)(ui, "dialog.message");
+  var _get = (0, _get2.default)(ui, "dialog.options", {}),
+    dataTestId = _get.dataTestId,
+    title = _get.title,
+    _get$actions = _get.actions,
+    actions = _get$actions === void 0 ? {
+      cancel: null,
+      accept: {
+        label: "OK"
+      }
+    } : _get$actions,
+    style = _get.style;
   var hideDialog = (0, _react.useCallback)(function () {
     ui.setState(function (ui) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
@@ -53,5 +43,4 @@ var DialogContainer = function DialogContainer() {
     onClick: actions.accept.onClick
   }, actions.accept.label)));
 };
-
 exports.DialogContainer = DialogContainer;

package/ui/views/AdminView/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["DialogContainer","ui","useUi","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","useCallback","setState","dialog","onClick"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"dialog.message\");\n    const {\n        dataTestId,\n        title,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style\n    } = get(ui, \"dialog.options\", {});\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n    }, [ui]);\n\n    return (\n        <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n            {title && <DialogTitle>{title}</DialogTitle>}\n            <DialogContent>{message}</DialogContent>\n            <DialogActions>\n                {actions.cancel && (\n                    <DialogAccept onClick={actions.cancel.onClick}>\n                        {actions.cancel.label}\n                    </DialogAccept>\n                )}\n                {actions.accept && (\n                    <DialogAccept onClick={actions.accept.onClick}>\n                        {actions.accept.label}\n                    </DialogAccept>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEO,IAAMA,eAAyB,GAAG,SAA5BA,eAA4B,GAAM;EAC3C,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EACA,IAAMC,OAAO,GAAG,mBAAIF,EAAJ,EAAQ,gBAAR,CAAhB;;EACA,YAKI,mBAAIA,EAAJ,EAAQ,gBAAR,EAA0B,EAA1B,CALJ;EAAA,IACIG,UADJ,SACIA,UADJ;EAAA,IAEIC,KAFJ,SAEIA,KAFJ;EAAA,0BAGIC,OAHJ;EAAA,IAGIA,OAHJ,8BAGc;IAAEC,MAAM,EAAE,IAAV;IAAgBC,MAAM,EAAE;MAAEC,KAAK,EAAE;IAAT;EAAxB,CAHd;EAAA,IAIIC,KAJJ,SAIIA,KAJJ;;EAOA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCX,EAAE,CAACY,QAAH,CAAY,UAAAZ,EAAE;MAAA,mEAAUA,EAAV;QAAca,MAAM,EAAE;MAAtB;IAAA,CAAd;EACH,CAFkB,EAEhB,CAACb,EAAD,CAFgB,CAAnB;EAIA,oBACI,6BAAC,cAAD;IAAQ,IAAI,EAAE,CAAC,CAACE,OAAhB;IAAyB,OAAO,EAAEQ,UAAlC;IAA8C,eAAaP,UAA3D;IAAuE,KAAK,EAAEM;EAA9E,GACKL,KAAK,iBAAI,6BAAC,mBAAD,QAAcA,KAAd,CADd,eAEI,6BAAC,qBAAD,QAAgBF,OAAhB,CAFJ,eAGI,6BAAC,qBAAD,QACKG,OAAO,CAACC,MAAR,iBACG,6BAAC,oBAAD;IAAc,OAAO,EAAED,OAAO,CAACC,MAAR,CAAeQ;EAAtC,GACKT,OAAO,CAACC,MAAR,CAAeE,KADpB,CAFR,EAMKH,OAAO,CAACE,MAAR,iBACG,6BAAC,oBAAD;IAAc,OAAO,EAAEF,OAAO,CAACE,MAAR,CAAeO;EAAtC,GACKT,OAAO,CAACE,MAAR,CAAeC,KADpB,CAPR,CAHJ,CADJ;AAkBH,CAhCM"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_get2","_interopRequireDefault","_useUi","_Dialog","DialogContainer","ui","useUi","message","get","_get","dataTestId","title","_get$actions","actions","cancel","accept","label","style","hideDialog","useCallback","setState","_objectSpread2","default","dialog","createElement","Dialog","open","onClose","DialogTitle","DialogContent","DialogActions","DialogAccept","onClick","exports"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport get from \"lodash/get\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"dialog.message\");\n    const {\n        dataTestId,\n        title,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style\n    } = get(ui, \"dialog.options\", {});\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n    }, [ui]);\n\n    return (\n        <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n            {title && <DialogTitle>{title}</DialogTitle>}\n            <DialogContent>{message}</DialogContent>\n            <DialogActions>\n                {actions.cancel && (\n                    <DialogAccept onClick={actions.cancel.onClick}>\n                        {actions.cancel.label}\n                    </DialogAccept>\n                )}\n                {actions.accept && (\n                    <DialogAccept onClick={actions.accept.onClick}>\n                        {actions.accept.label}\n                    </DialogAccept>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEO,IAAMK,eAAyB,GAAG,SAA5BA,eAAyBA,CAAA,EAAS;EAC3C,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,IAAMC,OAAO,GAAG,IAAAC,aAAG,EAACH,EAAE,EAAE,gBAAgB,CAAC;EACzC,IAAAI,IAAA,GAKI,IAAAD,aAAG,EAACH,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAJ7BK,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,YAAA,GAAAH,IAAA,CACLI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MAAEE,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC,GAAAJ,YAAA;IACnDK,KAAK,GAAAR,IAAA,CAALQ,KAAK;EAGT,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCd,EAAE,CAACe,QAAQ,CAAC,UAAAf,EAAE;MAAA,WAAAgB,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAUjB,EAAE;QAAEkB,MAAM,EAAE;MAAI;IAAA,CAAG,CAAC;EAChD,CAAC,EAAE,CAAClB,EAAE,CAAC,CAAC;EAER,oBACIR,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAAsB,MAAM;IAACC,IAAI,EAAE,CAAC,CAACnB,OAAQ;IAACoB,OAAO,EAAET,UAAW;IAAC,eAAaR,UAAW;IAACO,KAAK,EAAEA;EAAM,GAC/EN,KAAK,iBAAId,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAAyB,WAAW,QAAEjB,KAAmB,CAAC,eAC5Cd,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA0B,aAAa,QAAEtB,OAAuB,CAAC,eACxCV,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA2B,aAAa,QACTjB,OAAO,CAACC,MAAM,iBACXjB,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA4B,YAAY;IAACC,OAAO,EAAEnB,OAAO,CAACC,MAAM,CAACkB;EAAQ,GACzCnB,OAAO,CAACC,MAAM,CAACE,KACN,CACjB,EACAH,OAAO,CAACE,MAAM,iBACXlB,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA4B,YAAY;IAACC,OAAO,EAAEnB,OAAO,CAACE,MAAM,CAACiB;EAAQ,GACzCnB,OAAO,CAACE,MAAM,CAACC,KACN,CAEP,CACX,CAAC;AAEjB,CAAC;AAACiB,OAAA,CAAA7B,eAAA,GAAAA,eAAA"}

package/ui/views/AdminView/components/Hamburger.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _dotPropImmutable = require("dot-prop-immutable");
-
 var _useUi = require("@webiny/app/hooks/useUi");
-
 var _Button = require("@webiny/ui/Button");
-
-var _baselineMenu24px = require("../../../../assets/icons/baseline-menu-24px.svg");
-
+var _menu = require("@material-design-icons/svg/outlined/menu.svg");
 var Hamburger = function Hamburger() {
   var ui = (0, _useUi.useUi)();
   var toggleMenu = (0, _react.useCallback)(function () {
@@ -25,7 +18,7 @@ var Hamburger = function Hamburger() {
     });
   }, [ui]);
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_baselineMenu24px.ReactComponent, {
+    icon: /*#__PURE__*/_react.default.createElement(_menu.ReactComponent, {
       style: {
         color: "white"
       }
@@ -34,6 +27,5 @@ var Hamburger = function Hamburger() {
     "data-testid": "apps-menu"
   });
 };
-
 var _default = Hamburger;
 exports.default = _default;

package/ui/views/AdminView/components/Hamburger.js.map

@@ -1 +1 @@
-{"version":3,"names":["Hamburger","ui","useUi","toggleMenu","useCallback","setState","set","get","color"],"sources":["Hamburger.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get, set } from \"dot-prop-immutable\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"~/assets/icons/baseline-menu-24px.svg\";\n\nconst Hamburger: React.FC = () => {\n    const ui = useUi();\n\n    const toggleMenu = useCallback(() => {\n        ui.setState(ui => set(ui, \"appsMenu.show\", !(get(ui, \"appsMenu.show\") || false)));\n    }, [ui]);\n\n    return (\n        <IconButton\n            icon={<MenuIcon style={{ color: \"white\" }} />}\n            onClick={toggleMenu}\n            data-testid={\"apps-menu\"}\n        />\n    );\n};\n\nexport default Hamburger;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAmB,GAAG,SAAtBA,SAAsB,GAAM;EAC9B,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EAEA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCH,EAAE,CAACI,QAAH,CAAY,UAAAJ,EAAE;MAAA,OAAI,IAAAK,qBAAA,EAAIL,EAAJ,EAAQ,eAAR,EAAyB,EAAE,IAAAM,qBAAA,EAAIN,EAAJ,EAAQ,eAAR,KAA4B,KAA9B,CAAzB,CAAJ;IAAA,CAAd;EACH,CAFkB,EAEhB,CAACA,EAAD,CAFgB,CAAnB;EAIA,oBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,gCAAD;MAAU,KAAK,EAAE;QAAEO,KAAK,EAAE;MAAT;IAAjB,EADV;IAEI,OAAO,EAAEL,UAFb;IAGI,eAAa;EAHjB,EADJ;AAOH,CAdD;;eAgBeH,S"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_useUi","_Button","_menu","Hamburger","ui","useUi","toggleMenu","useCallback","setState","set","get","default","createElement","IconButton","icon","ReactComponent","style","color","onClick","_default","exports"],"sources":["Hamburger.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get, set } from \"dot-prop-immutable\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"@material-design-icons/svg/outlined/menu.svg\";\n\nconst Hamburger: React.FC = () => {\n    const ui = useUi();\n\n    const toggleMenu = useCallback(() => {\n        ui.setState(ui => set(ui, \"appsMenu.show\", !(get(ui, \"appsMenu.show\") || false)));\n    }, [ui]);\n\n    return (\n        <IconButton\n            icon={<MenuIcon style={{ color: \"white\" }} />}\n            onClick={toggleMenu}\n            data-testid={\"apps-menu\"}\n        />\n    );\n};\n\nexport default Hamburger;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAMK,SAAmB,GAAG,SAAtBA,SAAmBA,CAAA,EAAS;EAC9B,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAElB,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCH,EAAE,CAACI,QAAQ,CAAC,UAAAJ,EAAE;MAAA,OAAI,IAAAK,qBAAG,EAACL,EAAE,EAAE,eAAe,EAAE,EAAE,IAAAM,qBAAG,EAACN,EAAE,EAAE,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC;IAAA,EAAC;EACrF,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBACIR,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAY,UAAU;IACPC,IAAI,eAAElB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAa,cAAQ;MAACC,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAQ;IAAE,CAAE,CAAE;IAC9CC,OAAO,EAAEZ,UAAW;IACpB,eAAa;EAAY,CAC5B,CAAC;AAEV,CAAC;AAAC,IAAAa,QAAA,GAEahB,SAAS;AAAAiB,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}

package/ui/views/AdminView/components/Snackbar.js

@@ -1,28 +1,20 @@
 "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.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Snackbar = require("@webiny/ui/Snackbar");
-
+var _get = _interopRequireDefault(require("lodash/get"));
 var _useUi = require("@webiny/app/hooks/useUi");
-
 var SnackbarMain = function SnackbarMain() {
   var ui = (0, _useUi.useUi)();
-  var message = (0, _get2.default)(ui, "snackbar.message");
-  var options = (0, _get2.default)(ui, "snackbar.options", {});
+  var message = (0, _get.default)(ui, "snackbar.message");
+  var options = (0, _get.default)(ui, "snackbar.options", {});
   var hideSnackbar = (0, _react.useCallback)(function () {
     ui.setState(function (ui) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
@@ -36,6 +28,5 @@ var SnackbarMain = function SnackbarMain() {
     message: message
   }, options));
 };
-
 var _default = SnackbarMain;
 exports.default = _default;

package/ui/views/AdminView/components/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["SnackbarMain","ui","useUi","message","options","hideSnackbar","useCallback","setState","snackbar"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"snackbar.message\");\n    const options = get(ui, \"snackbar.options\", {});\n\n    const hideSnackbar = useCallback(() => {\n        ui.setState(ui => ({ ...ui, snackbar: null }));\n    }, [ui]);\n\n    return <Snackbar open={!!message} onClose={hideSnackbar} message={message} {...options} />;\n};\n\nexport default SnackbarMain;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA,IAAMA,YAAsB,GAAG,SAAzBA,YAAyB,GAAM;EACjC,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EACA,IAAMC,OAAO,GAAG,mBAAIF,EAAJ,EAAQ,kBAAR,CAAhB;EACA,IAAMG,OAAO,GAAG,mBAAIH,EAAJ,EAAQ,kBAAR,EAA4B,EAA5B,CAAhB;EAEA,IAAMI,YAAY,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACnCL,EAAE,CAACM,QAAH,CAAY,UAAAN,EAAE;MAAA,mEAAUA,EAAV;QAAcO,QAAQ,EAAE;MAAxB;IAAA,CAAd;EACH,CAFoB,EAElB,CAACP,EAAD,CAFkB,CAArB;EAIA,oBAAO,6BAAC,kBAAD;IAAU,IAAI,EAAE,CAAC,CAACE,OAAlB;IAA2B,OAAO,EAAEE,YAApC;IAAkD,OAAO,EAAEF;EAA3D,GAAwEC,OAAxE,EAAP;AACH,CAVD;;eAYeJ,Y"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Snackbar","_get","_interopRequireDefault","_useUi","SnackbarMain","ui","useUi","message","get","options","hideSnackbar","useCallback","setState","_objectSpread2","default","snackbar","createElement","Snackbar","Object","assign","open","onClose","_default","exports"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport get from \"lodash/get\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"snackbar.message\");\n    const options = get(ui, \"snackbar.options\", {});\n\n    const hideSnackbar = useCallback(() => {\n        ui.setState(ui => ({ ...ui, snackbar: null }));\n    }, [ui]);\n\n    return <Snackbar open={!!message} onClose={hideSnackbar} message={message} {...options} />;\n};\n\nexport default SnackbarMain;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAMK,YAAsB,GAAG,SAAzBA,YAAsBA,CAAA,EAAS;EACjC,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,IAAMC,OAAO,GAAG,IAAAC,YAAG,EAACH,EAAE,EAAE,kBAAkB,CAAC;EAC3C,IAAMI,OAAO,GAAG,IAAAD,YAAG,EAACH,EAAE,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC;EAE/C,IAAMK,YAAY,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCN,EAAE,CAACO,QAAQ,CAAC,UAAAP,EAAE;MAAA,WAAAQ,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAUT,EAAE;QAAEU,QAAQ,EAAE;MAAI;IAAA,CAAG,CAAC;EAClD,CAAC,EAAE,CAACV,EAAE,CAAC,CAAC;EAER,oBAAOR,MAAA,CAAAiB,OAAA,CAAAE,aAAA,CAAChB,SAAA,CAAAiB,QAAQ,EAAAC,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,CAAC,CAACb,OAAQ;IAACc,OAAO,EAAEX,YAAa;IAACH,OAAO,EAAEA;EAAQ,GAAKE,OAAO,CAAG,CAAC;AAC9F,CAAC;AAAC,IAAAa,QAAA,GAEalB,YAAY;AAAAmB,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}

package/ui/views/FormView/FormContainerElement.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormContainerElement = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Elevation = require("@webiny/ui/Elevation");
-
 var _UIElement2 = require("../../UIElement");
-
 var FormContainerWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eyimbyl0",
   label: "FormContainerWrapper"
@@ -36,23 +23,16 @@ var FormContainerWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   position: "relative",
   margin: "17px 50px"
 });
-
 var FormContainerElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(FormContainerElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(FormContainerElement);
-
   function FormContainerElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, FormContainerElement);
     _this = _super.call(this, id, config);
-
     _this.useGrid(false);
-
     return _this;
   }
-
   (0, _createClass2.default)(FormContainerElement, [{
     key: "render",
     value: function render(props) {
@@ -67,5 +47,4 @@ var FormContainerElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return FormContainerElement;
 }(_UIElement2.UIElement);
-
 exports.FormContainerElement = FormContainerElement;

package/ui/views/FormView/FormContainerElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormContainerWrapper","styled","position","margin","FormContainerElement","id","config","useGrid","props","children","classNames","className","testId","noElevation","UIElement"],"sources":["FormContainerElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst FormContainerWrapper = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\ninterface FormContainerConfig extends UIElementConfig {\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport class FormContainerElement extends UIElement<FormContainerConfig> {\n    public constructor(id: string, config: FormContainerConfig) {\n        super(id, config);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        const children = super.render(props);\n\n        return (\n            <FormContainerWrapper\n                className={classNames(\"webiny-data-list\", this.config.className)}\n                data-testid={this.config.testId}\n            >\n                {this.config.noElevation ? children : <Elevation z={1}>{children}</Elevation>}\n            </FormContainerWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,oBAAoB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACvCC,QAAQ,EAAE,UAD6B;EAEvCC,MAAM,EAAE;AAF+B,CAAjB,CAA1B;;IAWaC,oB;;;;;EACT,8BAAmBC,EAAnB,EAA+BC,MAA/B,EAA4D;IAAA;;IAAA;IACxD,0BAAMD,EAAN,EAAUC,MAAV;;IACA,MAAKC,OAAL,CAAa,KAAb;;IAFwD;EAG3D;;;;WAED,gBAAuBC,KAAvB,EAAoD;MAChD,IAAMC,QAAQ,gHAAgBD,KAAhB,CAAd;MAEA,oBACI,6BAAC,oBAAD;QACI,SAAS,EAAE,IAAAE,mBAAA,EAAW,kBAAX,EAA+B,KAAKJ,MAAL,CAAYK,SAA3C,CADf;QAEI,eAAa,KAAKL,MAAL,CAAYM;MAF7B,GAIK,KAAKN,MAAL,CAAYO,WAAZ,GAA0BJ,QAA1B,gBAAqC,6BAAC,oBAAD;QAAW,CAAC,EAAE;MAAd,GAAkBA,QAAlB,CAJ1C,CADJ;IAQH;;;EAjBqCK,qB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_styled","_Elevation","_UIElement2","FormContainerWrapper","styled","target","label","position","margin","FormContainerElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","children","_get2","_getPrototypeOf2","prototype","createElement","className","classNames","testId","noElevation","Elevation","z","UIElement","exports"],"sources":["FormContainerElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst FormContainerWrapper = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\ninterface FormContainerConfig extends UIElementConfig {\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport class FormContainerElement extends UIElement<FormContainerConfig> {\n    public constructor(id: string, config: FormContainerConfig) {\n        super(id, config);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        const children = super.render(props);\n\n        return (\n            <FormContainerWrapper\n                className={classNames(\"webiny-data-list\", this.config.className)}\n                data-testid={this.config.testId}\n            >\n                {this.config.noElevation ? children : <Elevation z={1}>{children}</Elevation>}\n            </FormContainerWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAMK,oBAAoB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACvCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAAC,IAQUC,oBAAoB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,oBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,oBAAA;EAC7B,SAAAA,qBAAmBM,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,oBAAA;IACxDQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAT,OAAA,EAAAH,oBAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAE;MAChD,IAAMC,QAAQ,OAAAC,KAAA,CAAAf,OAAA,MAAAgB,gBAAA,CAAAhB,OAAA,EAAAH,oBAAA,CAAAoB,SAAA,mBAAAV,IAAA,OAAgBM,KAAK,CAAC;MAEpC,oBACI7B,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAC3B,oBAAoB;QACjB4B,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAE,IAAI,CAAChB,MAAM,CAACe,SAAS,CAAE;QACjE,eAAa,IAAI,CAACf,MAAM,CAACiB;MAAO,GAE/B,IAAI,CAACjB,MAAM,CAACkB,WAAW,GAAGR,QAAQ,gBAAG9B,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAC7B,UAAA,CAAAkC,SAAS;QAACC,CAAC,EAAE;MAAE,GAAEV,QAAoB,CAC1D,CAAC;IAE/B;EAAC;EAAA,OAAAjB,oBAAA;AAAA,EAjBqC4B,qBAAS;AAAAC,OAAA,CAAA7B,oBAAA,GAAAA,oBAAA"}

package/ui/views/FormView/FormContentElement.js

@@ -1,33 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormContentElement = void 0;
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _UIElement2 = require("../../UIElement");
-
 var FormContentElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(FormContentElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(FormContentElement);
-
   function FormContentElement() {
     (0, _classCallCheck2.default)(this, FormContentElement);
     return _super.apply(this, arguments);
   }
-
   return (0, _createClass2.default)(FormContentElement);
 }(_UIElement2.UIElement);
-
 exports.FormContentElement = FormContentElement;

package/ui/views/FormView/FormContentElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormContentElement","UIElement"],"sources":["FormContentElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class FormContentElement extends UIElement {}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;IAEaA,kB;;;;;;;;;;;EAA2BC,qB"}
+{"version":3,"names":["_UIElement2","require","FormContentElement","_UIElement","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","UIElement","exports"],"sources":["FormContentElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class FormContentElement extends UIElement {}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAA2C,IAE9BC,kBAAkB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,kBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,kBAAA;EAAA,SAAAA,mBAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,kBAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,WAAAC,aAAA,CAAAN,OAAA,EAAAH,kBAAA;AAAA,EAASU,qBAAS;AAAAC,OAAA,CAAAX,kBAAA,GAAAA,kBAAA"}

package/ui/views/FormView/FormFooterElement.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormFooterElement = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _UIElement2 = require("../../UIElement");
-
 var ButtonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "es96np90",
   label: "ButtonWrapper"
@@ -39,23 +28,16 @@ var ButtonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
     marginLeft: "auto"
   }
 });
-
 var FormFooterElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(FormFooterElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(FormFooterElement);
-
   function FormFooterElement(id) {
     var _this;
-
     (0, _classCallCheck2.default)(this, FormFooterElement);
     _this = _super.call(this, id);
-
     _this.useGrid(false);
-
     return _this;
   }
-
   (0, _createClass2.default)(FormFooterElement, [{
     key: "render",
     value: function render(props) {
@@ -64,5 +46,4 @@ var FormFooterElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return FormFooterElement;
 }(_UIElement2.UIElement);
-
 exports.FormFooterElement = FormFooterElement;

package/ui/views/FormView/FormFooterElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["ButtonWrapper","styled","display","justifyContent","borderTop","color","textAlign","padding","marginLeft","FormFooterElement","id","useGrid","props","UIElement"],"sources":["FormFooterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textAlign: \"right\",\n    padding: 25,\n    \">:last-child\": {\n        marginLeft: \"auto\"\n    }\n});\n\nexport class FormFooterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        return <ButtonWrapper>{super.render(props)}</ButtonWrapper>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,aAAa,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAChCC,OAAO,EAAE,MADuB;EAEhCC,cAAc,EAAE,eAFgB;EAGhCC,SAAS,EAAE,0CAHqB;EAIhCC,KAAK,EAAE,6CAJyB;EAKhCC,SAAS,EAAE,OALqB;EAMhCC,OAAO,EAAE,EANuB;EAOhC,gBAAgB;IACZC,UAAU,EAAE;EADA;AAPgB,CAAjB,CAAnB;;IAYaC,iB;;;;;EACT,2BAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAoD;MAChD,oBAAO,6BAAC,aAAD,kHAA6BA,KAA7B,EAAP;IACH;;;EATkCC,qB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_UIElement2","ButtonWrapper","styled","target","label","display","justifyContent","borderTop","color","textAlign","padding","marginLeft","FormFooterElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","createElement","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["FormFooterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textAlign: \"right\",\n    padding: 25,\n    \">:last-child\": {\n        marginLeft: \"auto\"\n    }\n});\n\nexport class FormFooterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        return <ButtonWrapper>{super.render(props)}</ButtonWrapper>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAMG,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAChCC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,eAAe;EAC/BC,SAAS,EAAE,0CAA0C;EACrDC,KAAK,EAAE,6CAA6C;EACpDC,SAAS,EAAE,OAAO;EAClBC,OAAO,EAAE,EAAE;EACX,cAAc,EAAE;IACZC,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAAC,IAEUC,iBAAiB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,iBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,iBAAA;EAC1B,SAAAA,kBAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,iBAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,iBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAE;MAChD,oBAAO/B,MAAA,CAAAmB,OAAA,CAAAa,aAAA,CAAC3B,aAAa,YAAA4B,KAAA,CAAAd,OAAA,MAAAe,gBAAA,CAAAf,OAAA,EAAAH,iBAAA,CAAAmB,SAAA,mBAAAV,IAAA,OAAeM,KAAK,CAAiB,CAAC;IAC/D;EAAC;EAAA,OAAAf,iBAAA;AAAA,EATkCoB,qBAAS;AAAAC,OAAA,CAAArB,iBAAA,GAAAA,iBAAA"}

package/ui/views/FormView/FormHeaderElement.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormHeaderElement = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _emotion = require("emotion");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _Typography = require("@webiny/ui/Typography");
-
 var _UIElement2 = require("../../UIElement");
-
 var _Icon = require("@webiny/ui/Icon");
-
 var iconClass = /*#__PURE__*/(0, _emotion.css)({
   marginRight: 15,
   color: "var(--mdc-theme-text-primary-on-background)"
@@ -48,23 +34,16 @@ var actionsClass = /*#__PURE__*/(0, _emotion.css)({
   justifyContent: "flex-end",
   alignItems: "center"
 }, "label:actionsClass;");
-
 var FormHeaderElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(FormHeaderElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(FormHeaderElement);
-
   function FormHeaderElement(id, config) {
     var _this;
-
     (0, _classCallCheck2.default)(this, FormHeaderElement);
     _this = _super.call(this, id, config);
-
     _this.useGrid(false);
-
     return _this;
   }
-
   (0, _createClass2.default)(FormHeaderElement, [{
     key: "setIcon",
     value: function setIcon(icon) {
@@ -79,8 +58,8 @@ var FormHeaderElement = /*#__PURE__*/function (_UIElement) {
     key: "render",
     value: function render(props) {
       var _this$config = this.config,
-          icon = _this$config.icon,
-          getTitle = _this$config.getTitle;
+        icon = _this$config.icon,
+        getTitle = _this$config.getTitle;
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
         className: headerClass
       }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
@@ -99,5 +78,4 @@ var FormHeaderElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return FormHeaderElement;
 }(_UIElement2.UIElement);
-
 exports.FormHeaderElement = FormHeaderElement;

package/ui/views/FormView/FormHeaderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["iconClass","css","marginRight","color","headerClass","borderBottom","titleClass","display","alignItems","actionsClass","justifyContent","FormHeaderElement","id","config","useGrid","icon","element","addElement","props","getTitle","UIElement"],"sources":["FormHeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\n\nconst iconClass = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst headerClass = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst titleClass = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actionsClass = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\ninterface FormHeaderConfig extends UIElementConfig {\n    getTitle(props: FormElementRenderProps): string;\n    icon?: React.ReactElement;\n}\n\nexport class FormHeaderElement extends UIElement<FormHeaderConfig> {\n    public constructor(id: string, config: FormHeaderConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public setIcon(icon: React.ReactElement) {\n        this.config.icon = icon;\n    }\n\n    public addAction(element: UIElement) {\n        this.addElement(element);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        const { icon, getTitle } = this.config;\n\n        return (\n            <Grid className={headerClass}>\n                <Cell span={6} className={titleClass}>\n                    <React.Fragment>\n                        {icon && <Icon className={iconClass} icon={icon} />}\n                        <Typography use=\"headline5\">{getTitle(props)}</Typography>\n                    </React.Fragment>\n                </Cell>\n                <Cell span={6} className={actionsClass}>\n                    {super.render(props)}\n                </Cell>\n            </Grid>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClBC,WAAW,EAAE,EADK;EAElBC,KAAK,EAAE;AAFW,CAAJ,qBAAlB;AAKA,IAAMC,WAAW,gBAAG,IAAAH,YAAA,EAAI;EACpBI,YAAY,EAAE,0CADM;EAEpBF,KAAK,EAAE;AAFa,CAAJ,uBAApB;AAKA,IAAMG,UAAU,gBAAG,IAAAL,YAAA,EAAI;EACnBM,OAAO,EAAE,MADU;EAEnBC,UAAU,EAAE;AAFO,CAAJ,sBAAnB;AAKA,IAAMC,YAAY,gBAAG,IAAAR,YAAA,EAAI;EACrBM,OAAO,EAAE,MADY;EAErBG,cAAc,EAAE,UAFK;EAGrBF,UAAU,EAAE;AAHS,CAAJ,wBAArB;;IAWaG,iB;;;;;EACT,2BAAmBC,EAAnB,EAA+BC,MAA/B,EAAyD;IAAA;;IAAA;IACrD,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAHqD;EAIxD;;;;WAED,iBAAeC,IAAf,EAAyC;MACrC,KAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;IACH;;;WAED,mBAAiBC,OAAjB,EAAqC;MACjC,KAAKC,UAAL,CAAgBD,OAAhB;IACH;;;WAED,gBAAuBE,KAAvB,EAAuE;MACnE,mBAA2B,KAAKL,MAAhC;MAAA,IAAQE,IAAR,gBAAQA,IAAR;MAAA,IAAcI,QAAd,gBAAcA,QAAd;MAEA,oBACI,6BAAC,UAAD;QAAM,SAAS,EAAEf;MAAjB,gBACI,6BAAC,UAAD;QAAM,IAAI,EAAE,CAAZ;QAAe,SAAS,EAAEE;MAA1B,gBACI,6BAAC,cAAD,CAAO,QAAP,QACKS,IAAI,iBAAI,6BAAC,UAAD;QAAM,SAAS,EAAEf,SAAjB;QAA4B,IAAI,EAAEe;MAAlC,EADb,eAEI,6BAAC,sBAAD;QAAY,GAAG,EAAC;MAAhB,GAA6BI,QAAQ,CAACD,KAAD,CAArC,CAFJ,CADJ,CADJ,eAOI,6BAAC,UAAD;QAAM,IAAI,EAAE,CAAZ;QAAe,SAAS,EAAET;MAA1B,6GACkBS,KADlB,EAPJ,CADJ;IAaH;;;EA/BkCE,qB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_Typography","_UIElement2","_Icon","iconClass","css","marginRight","color","headerClass","borderBottom","titleClass","display","alignItems","actionsClass","justifyContent","FormHeaderElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","setIcon","icon","addAction","element","addElement","render","props","_this$config","getTitle","createElement","Grid","className","Cell","span","Fragment","Icon","Typography","use","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"sources":["FormHeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\n\nconst iconClass = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst headerClass = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst titleClass = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actionsClass = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\ninterface FormHeaderConfig extends UIElementConfig {\n    getTitle(props: FormElementRenderProps): string;\n    icon?: React.ReactElement;\n}\n\nexport class FormHeaderElement extends UIElement<FormHeaderConfig> {\n    public constructor(id: string, config: FormHeaderConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public setIcon(icon: React.ReactElement) {\n        this.config.icon = icon;\n    }\n\n    public addAction(element: UIElement) {\n        this.addElement(element);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        const { icon, getTitle } = this.config;\n\n        return (\n            <Grid className={headerClass}>\n                <Cell span={6} className={titleClass}>\n                    <React.Fragment>\n                        {icon && <Icon className={iconClass} icon={icon} />}\n                        <Typography use=\"headline5\">{getTitle(props)}</Typography>\n                    </React.Fragment>\n                </Cell>\n                <Cell span={6} className={actionsClass}>\n                    {super.render(props)}\n                </Cell>\n            </Grid>\n        );\n    }\n}\n"],"mappings":"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"}