@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

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

@@ -1,18 +1,24 @@
-import React, { useCallback } from "react";
-import { get, set } from "dot-prop-immutable";
-import { useUi } from "@webiny/app/hooks/useUi";
-import { IconButton } from "@webiny/ui/Button";
-import { ReactComponent as MenuIcon } from "@svgr/webpack!../../../../assets/icons/baseline-menu-24px.svg";
+"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 Hamburger = function Hamburger() {
-  var ui = useUi();
-  var toggleMenu = useCallback(function () {
+  var ui = (0, _useUi.useUi)();
+  var toggleMenu = (0, _react.useCallback)(function () {
     ui.setState(function (ui) {
-      return set(ui, "appsMenu.show", !(get(ui, "appsMenu.show") || false));
+      return (0, _dotPropImmutable.set)(ui, "appsMenu.show", !((0, _dotPropImmutable.get)(ui, "appsMenu.show") || false));
     });
   }, [ui]);
-  return /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(MenuIcon, {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineMenu24px.ReactComponent, {
       style: {
         color: "white"
       }
@@ -21,5 +27,5 @@ var Hamburger = function Hamburger() {
     "data-testid": "apps-menu"
   });
 };
-
-export default Hamburger;
+var _default = Hamburger;
+exports.default = _default;

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

@@ -0,0 +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,SAAmB,GAAS;EAC9B,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;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,oBACI,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,gCAAQ;MAAC,KAAK,EAAE;QAAEO,KAAK,EAAE;MAAQ;IAAE,EAAI;IAC9C,OAAO,EAAEL,UAAW;IACpB,eAAa;EAAY,EAC3B;AAEV,CAAC;AAAC,eAEaH,SAAS;AAAA"}

package/ui/views/AdminView/components/Snackbar.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SnackbarMain: () => JSX.Element;
+import React from "react";
+declare const SnackbarMain: React.FC;
 export default SnackbarMain;

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

@@ -1,28 +1,32 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _get from "lodash/get";
-import React, { useCallback } from "react";
-import { Snackbar } from "@webiny/ui/Snackbar";
-import { useUi } from "@webiny/app/hooks/useUi";
+"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 _useUi = require("@webiny/app/hooks/useUi");
 var SnackbarMain = function SnackbarMain() {
-  var ui = useUi();
-
-  var message = _get(ui, "snackbar.message");
-
-  var options = _get(ui, "snackbar.options", {});
-
-  var hideSnackbar = useCallback(function () {
+  var ui = (0, _useUi.useUi)();
+  var message = (0, _get2.default)(ui, "snackbar.message");
+  var options = (0, _get2.default)(ui, "snackbar.options", {});
+  var hideSnackbar = (0, _react.useCallback)(function () {
     ui.setState(function (ui) {
-      return _objectSpread(_objectSpread({}, ui), {}, {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
         snackbar: null
       });
     });
   }, [ui]);
-  return /*#__PURE__*/React.createElement(Snackbar, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_Snackbar.Snackbar, Object.assign({
     open: !!message,
     onClose: hideSnackbar,
     message: message
   }, options));
 };
-
-export default SnackbarMain;
+var _default = SnackbarMain;
+exports.default = _default;

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

@@ -0,0 +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,YAAsB,GAAS;EACjC,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAClB,IAAMC,OAAO,GAAG,mBAAIF,EAAE,EAAE,kBAAkB,CAAC;EAC3C,IAAMG,OAAO,GAAG,mBAAIH,EAAE,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC;EAE/C,IAAMI,YAAY,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCL,EAAE,CAACM,QAAQ,CAAC,UAAAN,EAAE;MAAA,mEAAUA,EAAE;QAAEO,QAAQ,EAAE;MAAI;IAAA,CAAG,CAAC;EAClD,CAAC,EAAE,CAACP,EAAE,CAAC,CAAC;EAER,oBAAO,6BAAC,kBAAQ;IAAC,IAAI,EAAE,CAAC,CAACE,OAAQ;IAAC,OAAO,EAAEE,YAAa;IAAC,OAAO,EAAEF;EAAQ,GAAKC,OAAO,EAAI;AAC9F,CAAC;AAAC,eAEaJ,YAAY;AAAA"}

package/ui/views/FormView/FormContainerElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UIElement, UIElementConfig } from "../../UIElement";
+import { UIElement, UIElementConfig, UiElementRenderProps } from "../../UIElement";
 interface FormContainerConfig extends UIElementConfig {
     testId?: string;
     noElevation?: boolean;
@@ -7,6 +7,6 @@ interface FormContainerConfig extends UIElementConfig {
 }
 export declare class FormContainerElement extends UIElement<FormContainerConfig> {
     constructor(id: string, config: FormContainerConfig);
-    render(props: any): JSX.Element;
+    render(props: UiElementRenderProps): JSX.Element;
 }
 export {};

package/ui/views/FormView/FormContainerElement.js

@@ -1,51 +1,50 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import classNames from "classnames";
-import styled from "@emotion/styled";
-import { Elevation } from "@webiny/ui/Elevation";
-import { UIElement } from "../../UIElement";
-var FormContainerWrapper = /*#__PURE__*/styled("div", {
+"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"
 })({
   position: "relative",
   margin: "17px 50px"
 });
-export var FormContainerElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(FormContainerElement, _UIElement);
-
-  var _super = _createSuper(FormContainerElement);
-
+var FormContainerElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(FormContainerElement, _UIElement);
+  var _super = (0, _createSuper2.default)(FormContainerElement);
   function FormContainerElement(id, config) {
     var _this;
-
-    _classCallCheck(this, FormContainerElement);
-
+    (0, _classCallCheck2.default)(this, FormContainerElement);
     _this = _super.call(this, id, config);
-
     _this.useGrid(false);
-
     return _this;
   }
-
-  _createClass(FormContainerElement, [{
+  (0, _createClass2.default)(FormContainerElement, [{
     key: "render",
     value: function render(props) {
-      var children = _get(_getPrototypeOf(FormContainerElement.prototype), "render", this).call(this, props);
-
-      return /*#__PURE__*/React.createElement(FormContainerWrapper, {
-        className: classNames("webiny-data-list", this.config.className),
+      var children = (0, _get2.default)((0, _getPrototypeOf2.default)(FormContainerElement.prototype), "render", this).call(this, props);
+      return /*#__PURE__*/_react.default.createElement(FormContainerWrapper, {
+        className: (0, _classnames.default)("webiny-data-list", this.config.className),
         "data-testid": this.config.testId
-      }, this.config.noElevation ? children : /*#__PURE__*/React.createElement(Elevation, {
+      }, this.config.noElevation ? children : /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
         z: 1
       }, children));
     }
   }]);
-
   return FormContainerElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+exports.FormContainerElement = FormContainerElement;

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

@@ -0,0 +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,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAAC,IAQUC,oBAAoB;EAAA;EAAA;EAC7B,8BAAmBC,EAAU,EAAEC,MAA2B,EAAE;IAAA;IAAA;IACxD,0BAAMD,EAAE,EAAEC,MAAM;IAChB,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAE;MAChD,IAAMC,QAAQ,gHAAgBD,KAAK,CAAC;MAEpC,oBACI,6BAAC,oBAAoB;QACjB,SAAS,EAAE,IAAAE,mBAAU,EAAC,kBAAkB,EAAE,IAAI,CAACJ,MAAM,CAACK,SAAS,CAAE;QACjE,eAAa,IAAI,CAACL,MAAM,CAACM;MAAO,GAE/B,IAAI,CAACN,MAAM,CAACO,WAAW,GAAGJ,QAAQ,gBAAG,6BAAC,oBAAS;QAAC,CAAC,EAAE;MAAE,GAAEA,QAAQ,CAAa,CAC1D;IAE/B;EAAC;EAAA;AAAA,EAjBqCK,qBAAS;AAAA"}

package/ui/views/FormView/FormContentElement.js

@@ -1,17 +1,22 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import { UIElement } from "../../UIElement";
-export var FormContentElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(FormContentElement, _UIElement);
-
-  var _super = _createSuper(FormContentElement);
+"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() {
-    _classCallCheck(this, FormContentElement);
-
+    (0, _classCallCheck2.default)(this, FormContentElement);
     return _super.apply(this, arguments);
   }
-
-  return FormContentElement;
-}(UIElement);
+  return (0, _createClass2.default)(FormContentElement);
+}(_UIElement2.UIElement);
+exports.FormContentElement = FormContentElement;

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

@@ -0,0 +1 @@
+{"version":3,"names":["FormContentElement","UIElement"],"sources":["FormContentElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class FormContentElement extends UIElement {}\n"],"mappings":";;;;;;;;;;;AAAA;AAA2C,IAE9BA,kBAAkB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;AAAA,EAASC,qBAAS;AAAA"}

package/ui/views/FormView/FormFooterElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { UIElement } from "../../UIElement";
+import { UIElement, UiElementRenderProps } from "../../UIElement";
 export declare class FormFooterElement extends UIElement {
-    constructor(id: any);
-    render(props: any): JSX.Element;
+    constructor(id: string);
+    render(props: UiElementRenderProps): JSX.Element;
 }

package/ui/views/FormView/FormFooterElement.js

@@ -1,13 +1,20 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import styled from "@emotion/styled";
-import { UIElement } from "../../UIElement";
-var ButtonWrapper = /*#__PURE__*/styled("div", {
+"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"
 })({
@@ -21,29 +28,22 @@ var ButtonWrapper = /*#__PURE__*/styled("div", {
     marginLeft: "auto"
   }
 });
-export var FormFooterElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(FormFooterElement, _UIElement);
-
-  var _super = _createSuper(FormFooterElement);
-
+var FormFooterElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(FormFooterElement, _UIElement);
+  var _super = (0, _createSuper2.default)(FormFooterElement);
   function FormFooterElement(id) {
     var _this;
-
-    _classCallCheck(this, FormFooterElement);
-
+    (0, _classCallCheck2.default)(this, FormFooterElement);
     _this = _super.call(this, id);
-
     _this.useGrid(false);
-
     return _this;
   }
-
-  _createClass(FormFooterElement, [{
+  (0, _createClass2.default)(FormFooterElement, [{
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(ButtonWrapper, null, _get(_getPrototypeOf(FormFooterElement.prototype), "render", this).call(this, props));
+      return /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, (0, _get2.default)((0, _getPrototypeOf2.default)(FormFooterElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return FormFooterElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+exports.FormFooterElement = FormFooterElement;

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

@@ -0,0 +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,eAAM,EAAC,KAAK;EAAA;EAAA;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;EAAA;EAAA;EAC1B,2BAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAE;MAChD,oBAAO,6BAAC,aAAa,kHAAeA,KAAK,EAAkB;IAC/D;EAAC;EAAA;AAAA,EATkCC,qBAAS;AAAA"}

package/ui/views/FormView/FormHeaderElement.d.ts

@@ -6,9 +6,9 @@ interface FormHeaderConfig extends UIElementConfig {
     icon?: React.ReactElement;
 }
 export declare class FormHeaderElement extends UIElement<FormHeaderConfig> {
-    constructor(id: any, config: FormHeaderConfig);
+    constructor(id: string, config: FormHeaderConfig);
     setIcon(icon: React.ReactElement): void;
     addAction(element: UIElement): void;
-    render(props: any): any;
+    render(props: FormElementRenderProps): React.ReactNode;
 }
 export {};

package/ui/views/FormView/FormHeaderElement.js

@@ -1,50 +1,50 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { css } from "emotion";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { Typography } from "@webiny/ui/Typography";
-import { UIElement } from "../../UIElement";
-import { Icon } from "@webiny/ui/Icon";
-var iconClass = /*#__PURE__*/css({
+"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)"
 }, "label:iconClass;");
-var headerClass = /*#__PURE__*/css({
+var headerClass = /*#__PURE__*/(0, _emotion.css)({
   borderBottom: "1px solid var(--mdc-theme-on-background)",
   color: "var(--mdc-theme-text-primary-on-background)"
 }, "label:headerClass;");
-var titleClass = /*#__PURE__*/css({
+var titleClass = /*#__PURE__*/(0, _emotion.css)({
   display: "flex",
   alignItems: "center"
 }, "label:titleClass;");
-var actionsClass = /*#__PURE__*/css({
+var actionsClass = /*#__PURE__*/(0, _emotion.css)({
   display: "flex",
   justifyContent: "flex-end",
   alignItems: "center"
 }, "label:actionsClass;");
-export var FormHeaderElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(FormHeaderElement, _UIElement);
-
-  var _super = _createSuper(FormHeaderElement);
-
+var FormHeaderElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(FormHeaderElement, _UIElement);
+  var _super = (0, _createSuper2.default)(FormHeaderElement);
   function FormHeaderElement(id, config) {
     var _this;
-
-    _classCallCheck(this, FormHeaderElement);
-
+    (0, _classCallCheck2.default)(this, FormHeaderElement);
     _this = _super.call(this, id, config);
-
     _this.useGrid(false);
-
     return _this;
   }
-
-  _createClass(FormHeaderElement, [{
+  (0, _createClass2.default)(FormHeaderElement, [{
     key: "setIcon",
     value: function setIcon(icon) {
       this.config.icon = icon;
@@ -58,24 +58,24 @@ export var FormHeaderElement = /*#__PURE__*/function (_UIElement) {
     key: "render",
     value: function render(props) {
       var _this$config = this.config,
-          icon = _this$config.icon,
-          getTitle = _this$config.getTitle;
-      return /*#__PURE__*/React.createElement(Grid, {
+        icon = _this$config.icon,
+        getTitle = _this$config.getTitle;
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
         className: headerClass
-      }, /*#__PURE__*/React.createElement(Cell, {
+      }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 6,
         className: titleClass
-      }, /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(Icon, {
+      }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
         className: iconClass,
         icon: icon
-      }), /*#__PURE__*/React.createElement(Typography, {
+      }), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         use: "headline5"
-      }, getTitle(props)))), /*#__PURE__*/React.createElement(Cell, {
+      }, getTitle(props)))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 6,
         className: actionsClass
-      }, _get(_getPrototypeOf(FormHeaderElement.prototype), "render", this).call(this, props)));
+      }, (0, _get2.default)((0, _getPrototypeOf2.default)(FormHeaderElement.prototype), "render", this).call(this, props)));
     }
   }]);
-
   return FormHeaderElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+exports.FormHeaderElement = FormHeaderElement;

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

@@ -0,0 +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,YAAG,EAAC;EAClBC,WAAW,EAAE,EAAE;EACfC,KAAK,EAAE;AACX,CAAC,qBAAC;AAEF,IAAMC,WAAW,gBAAG,IAAAH,YAAG,EAAC;EACpBI,YAAY,EAAE,0CAA0C;EACxDF,KAAK,EAAE;AACX,CAAC,uBAAC;AAEF,IAAMG,UAAU,gBAAG,IAAAL,YAAG,EAAC;EACnBM,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AAChB,CAAC,sBAAC;AAEF,IAAMC,YAAY,gBAAG,IAAAR,YAAG,EAAC;EACrBM,OAAO,EAAE,MAAM;EACfG,cAAc,EAAE,UAAU;EAC1BF,UAAU,EAAE;AAChB,CAAC,wBAAC;AAAC,IAOUG,iBAAiB;EAAA;EAAA;EAC1B,2BAAmBC,EAAU,EAAEC,MAAwB,EAAE;IAAA;IAAA;IACrD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,iBAAeC,IAAwB,EAAE;MACrC,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,mBAAiBC,OAAkB,EAAE;MACjC,IAAI,CAACC,UAAU,CAACD,OAAO,CAAC;IAC5B;EAAC;IAAA;IAAA,OAED,gBAAuBE,KAA6B,EAAmB;MACnE,mBAA2B,IAAI,CAACL,MAAM;QAA9BE,IAAI,gBAAJA,IAAI;QAAEI,QAAQ,gBAARA,QAAQ;MAEtB,oBACI,6BAAC,UAAI;QAAC,SAAS,EAAEf;MAAY,gBACzB,6BAAC,UAAI;QAAC,IAAI,EAAE,CAAE;QAAC,SAAS,EAAEE;MAAW,gBACjC,6BAAC,cAAK,CAAC,QAAQ,QACVS,IAAI,iBAAI,6BAAC,UAAI;QAAC,SAAS,EAAEf,SAAU;QAAC,IAAI,EAAEe;MAAK,EAAG,eACnD,6BAAC,sBAAU;QAAC,GAAG,EAAC;MAAW,GAAEI,QAAQ,CAACD,KAAK,CAAC,CAAc,CAC7C,CACd,eACP,6BAAC,UAAI;QAAC,IAAI,EAAE,CAAE;QAAC,SAAS,EAAET;MAAa,6GACrBS,KAAK,EAChB,CACJ;IAEf;EAAC;EAAA;AAAA,EA/BkCE,qBAAS;AAAA"}

package/ui/views/FormView.d.ts

@@ -25,7 +25,7 @@ interface GetterWithoutProps<T> {
     (): T;
 }
 export declare class FormView extends UIView<FormViewConfig> {
-    constructor(id: any, config?: FormViewConfig);
+    constructor(id: string, config?: FormViewConfig);
     addElement<TElement extends UIElement = UIElement>(element: TElement): TElement;
     setTitle(title: string | GetterWithProps<string>): void;
     setOnSubmit(onSubmit: FormOnSubmit): void;