@webiny/ui 5.42.0 → 5.42.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/Snackbar/Snackbar.js +2 -1
  2. package/Snackbar/Snackbar.js.map +1 -1
  3. package/package.json +7 -7
package/Snackbar/Snackbar.js CHANGED
@@ -17,6 +17,7 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
17
17
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
18
18
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
19
19
  var _react = _interopRequireDefault(require("react"));
20
+ var _reactDom = _interopRequireDefault(require("react-dom"));
20
21
  var _snackbar = require("@rmwc/snackbar");
21
22
  /**
22
23
  * Use Snackbar component to display an informative or alert message and allow users to act upon it.
@@ -40,7 +41,7 @@ var Snackbar = exports.Snackbar = /*#__PURE__*/function (_React$Component) {
40
41
  return (0, _createClass2.default)(Snackbar, [{
41
42
  key: "render",
42
43
  value: function render() {
43
- return /*#__PURE__*/_react.default.createElement(_snackbar.Snackbar, this.props);
44
+ return /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/_react.default.createElement(_snackbar.Snackbar, this.props), this.container);
44
45
  }
45
46
  }]);
46
47
  }(_react.default.Component);
package/Snackbar/Snackbar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_snackbar","Snackbar","exports","_React$Component","props","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","container","document","getElementById","createElement","setAttribute","body","appendChild","_inherits2","_createClass2","key","value","render","React","Component"],"sources":["Snackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Snackbar as RmwcSnackbar, SnackbarAction, SnackbarProps } from \"@rmwc/snackbar\";\n\ntype Props = SnackbarProps;\n\n/**\n * Use Snackbar component to display an informative or alert message and allow users to act upon it.\n */\nclass Snackbar extends React.Component<Props> {\n public readonly container: HTMLElement | null = null;\n\n public constructor(props: Props) {\n super(props);\n\n this.container = document.getElementById(\"snackbar-container\");\n\n if (!this.container) {\n this.container = document.createElement(\"div\");\n this.container.setAttribute(\"id\", \"snackbar-container\");\n const container: HTMLElement = this.container;\n document.body && document.body.appendChild(container);\n }\n }\n\n public override render(): React.ReactElement {\n return <RmwcSnackbar {...this.props} />;\n }\n}\n\nexport { Snackbar, SnackbarAction };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAIA;AACA;AACA;AAFA,IAGME,QAAQ,GAAAC,OAAA,CAAAD,QAAA,0BAAAE,gBAAA;EAGV,SAAAF,SAAmBG,KAAY,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,QAAA;IAC7BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,QAAA,GAAMG,KAAK;IAAE,IAAAK,gBAAA,CAAAF,OAAA,EAAAF,KAAA,eAH+B,IAAI;IAKhDA,KAAA,CAAKK,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,oBAAoB,CAAC;IAE9D,IAAI,CAACP,KAAA,CAAKK,SAAS,EAAE;MACjBL,KAAA,CAAKK,SAAS,GAAGC,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;MAC9CR,KAAA,CAAKK,SAAS,CAACI,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC;MACvD,IAAMJ,SAAsB,GAAGL,KAAA,CAAKK,SAAS;MAC7CC,QAAQ,CAACI,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,SAAS,CAAC;IACzD;IAAC,OAAAL,KAAA;EACL;EAAC,IAAAY,UAAA,CAAAV,OAAA,EAAAN,QAAA,EAAAE,gBAAA;EAAA,WAAAe,aAAA,CAAAX,OAAA,EAAAN,QAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAAA,EAAuB;MACzC,oBAAOxB,MAAA,CAAAU,OAAA,CAAAM,aAAA,CAACb,SAAA,CAAAC,QAAY,EAAK,IAAI,CAACG,KAAQ,CAAC;IAC3C;EAAC;AAAA,EAlBkBkB,cAAK,CAACC,SAAS","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_snackbar","Snackbar","exports","_React$Component","props","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","container","document","getElementById","createElement","setAttribute","body","appendChild","_inherits2","_createClass2","key","value","render","ReactDOM","createPortal","React","Component"],"sources":["Snackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Snackbar as RmwcSnackbar, SnackbarAction, SnackbarProps } from \"@rmwc/snackbar\";\n\ntype Props = SnackbarProps;\n\n/**\n * Use Snackbar component to display an informative or alert message and allow users to act upon it.\n */\nclass Snackbar extends React.Component<Props> {\n public readonly container: HTMLElement | null = null;\n\n public constructor(props: Props) {\n super(props);\n\n this.container = document.getElementById(\"snackbar-container\");\n\n if (!this.container) {\n this.container = document.createElement(\"div\");\n this.container.setAttribute(\"id\", \"snackbar-container\");\n const container: HTMLElement = this.container;\n document.body && document.body.appendChild(container);\n }\n }\n\n public override render(): React.ReactElement {\n return ReactDOM.createPortal(\n <RmwcSnackbar {...this.props} />,\n this.container as HTMLElement\n );\n }\n}\n\nexport { Snackbar, SnackbarAction };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAIA;AACA;AACA;AAFA,IAGMG,QAAQ,GAAAC,OAAA,CAAAD,QAAA,0BAAAE,gBAAA;EAGV,SAAAF,SAAmBG,KAAY,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,QAAA;IAC7BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,QAAA,GAAMG,KAAK;IAAE,IAAAK,gBAAA,CAAAF,OAAA,EAAAF,KAAA,eAH+B,IAAI;IAKhDA,KAAA,CAAKK,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,oBAAoB,CAAC;IAE9D,IAAI,CAACP,KAAA,CAAKK,SAAS,EAAE;MACjBL,KAAA,CAAKK,SAAS,GAAGC,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;MAC9CR,KAAA,CAAKK,SAAS,CAACI,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC;MACvD,IAAMJ,SAAsB,GAAGL,KAAA,CAAKK,SAAS;MAC7CC,QAAQ,CAACI,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,SAAS,CAAC;IACzD;IAAC,OAAAL,KAAA;EACL;EAAC,IAAAY,UAAA,CAAAV,OAAA,EAAAN,QAAA,EAAAE,gBAAA;EAAA,WAAAe,aAAA,CAAAX,OAAA,EAAAN,QAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAAA,EAAuB;MACzC,oBAAOC,iBAAQ,CAACC,YAAY,cACxB3B,MAAA,CAAAW,OAAA,CAAAM,aAAA,CAACb,SAAA,CAAAC,QAAY,EAAK,IAAI,CAACG,KAAQ,CAAC,EAChC,IAAI,CAACM,SACT,CAAC;IACL;EAAC;AAAA,EArBkBc,cAAK,CAACC,SAAS","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/ui",
3
- "version": "5.42.0",
3
+ "version": "5.42.1-beta.1",
4
4
  "main": "index.js",
5
5
  "repository": {
6
6
  "type": "git",
@@ -43,7 +43,7 @@
43
43
  "@rmwc/typography": "14.2.2",
44
44
  "@svgr/webpack": "6.5.1",
45
45
  "@tanstack/react-table": "8.7.9",
46
- "@webiny/utils": "5.42.0",
46
+ "@webiny/utils": "5.42.1-beta.1",
47
47
  "brace": "0.11.1",
48
48
  "classnames": "2.5.1",
49
49
  "cropperjs": "1.5.13",
@@ -74,10 +74,10 @@
74
74
  "@types/react-color": "2.17.11",
75
75
  "@types/react-custom-scrollbars": "4.0.10",
76
76
  "@types/react-transition-group": "4.4.5",
77
- "@webiny/cli": "5.42.0",
78
- "@webiny/form": "5.42.0",
79
- "@webiny/project-utils": "5.42.0",
80
- "@webiny/validation": "5.42.0",
77
+ "@webiny/cli": "5.42.1-beta.1",
78
+ "@webiny/form": "5.42.1-beta.1",
79
+ "@webiny/project-utils": "5.42.1-beta.1",
80
+ "@webiny/validation": "5.42.1-beta.1",
81
81
  "babel-loader": "9.2.1",
82
82
  "execa": "5.1.1",
83
83
  "ncp": "2.0.0",
@@ -115,5 +115,5 @@
115
115
  ]
116
116
  }
117
117
  },
118
- "gitHead": "54553dc380e73678a22e132b20001b1f645b0e93"
118
+ "gitHead": "aa533cb9b24cfcd23c02f4ab64448082723d7dc1"
119
119
  }