@pie-lib/render-ui 4.35.1 → 4.36.0-mui-update.0

package/lib/purpose.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var Purpose = function Purpose(props) {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
     return /*#__PURE__*/_react["default"].cloneElement(child, {
@@ -18,11 +14,9 @@ var Purpose = function Purpose(props) {
     });
   }));
 };
-
 Purpose.propTypes = {
   children: _propTypes["default"].node,
   purpose: _propTypes["default"].string
 };
-var _default = Purpose;
-exports["default"] = _default;
+var _default = exports["default"] = Purpose;
 //# sourceMappingURL=purpose.js.map

package/lib/purpose.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/purpose.jsx"],"names":["Purpose","props","React","Children","map","children","child","cloneElement","purpose","propTypes","PropTypes","node","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AACzB,sBACE,kEACGC,kBAAMC,QAAN,CAAeC,GAAf,CAAmBH,KAAK,CAACI,QAAzB,EAAmC,UAACC,KAAD;AAAA,wBAAWJ,kBAAMK,YAAN,CAAmBD,KAAnB,EAA0B;AAAE,0BAAoBL,KAAK,CAACO;AAA5B,KAA1B,CAAX;AAAA,GAAnC,CADH,CADF;AAKD,CAND;;AAQAR,OAAO,CAACS,SAAR,GAAoB;AAClBJ,EAAAA,QAAQ,EAAEK,sBAAUC,IADF;AAElBH,EAAAA,OAAO,EAAEE,sBAAUE;AAFD,CAApB;eAKeZ,O","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Purpose = (props) => {\n  return (\n    <>\n      {React.Children.map(props.children, (child) => React.cloneElement(child, { 'data-pie-purpose': props.purpose }))}\n    </>\n  );\n};\n\nPurpose.propTypes = {\n  children: PropTypes.node,\n  purpose: PropTypes.string,\n};\n\nexport default Purpose;\n"],"file":"purpose.js"}
+{"version":3,"file":"purpose.js","names":["_propTypes","_interopRequireDefault","require","_react","Purpose","props","createElement","Fragment","React","Children","map","children","child","cloneElement","purpose","propTypes","PropTypes","node","string","_default","exports"],"sources":["../src/purpose.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Purpose = (props) => {\n  return (\n    <>\n      {React.Children.map(props.children, (child) => React.cloneElement(child, { 'data-pie-purpose': props.purpose }))}\n    </>\n  );\n};\n\nPurpose.propTypes = {\n  children: PropTypes.node,\n  purpose: PropTypes.string,\n};\n\nexport default Purpose;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAK,EAAK;EACzB,oBACEF,MAAA,YAAAG,aAAA,CAAAH,MAAA,YAAAI,QAAA,QACGC,iBAAK,CAACC,QAAQ,CAACC,GAAG,CAACL,KAAK,CAACM,QAAQ,EAAE,UAACC,KAAK;IAAA,oBAAKJ,iBAAK,CAACK,YAAY,CAACD,KAAK,EAAE;MAAE,kBAAkB,EAAEP,KAAK,CAACS;IAAQ,CAAC,CAAC;EAAA,EAC/G,CAAC;AAEP,CAAC;AAEDV,OAAO,CAACW,SAAS,GAAG;EAClBJ,QAAQ,EAAEK,qBAAS,CAACC,IAAI;EACxBH,OAAO,EAAEE,qBAAS,CAACE;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEahB,OAAO","ignoreList":[]}

package/lib/readable.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var Readable = function Readable(props) {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
     return /*#__PURE__*/_react["default"].cloneElement(child, {
@@ -18,11 +14,9 @@ var Readable = function Readable(props) {
     });
   }));
 };
-
 Readable.propTypes = {
   children: _propTypes["default"].node,
   "false": _propTypes["default"].bool
 };
-var _default = Readable;
-exports["default"] = _default;
+var _default = exports["default"] = Readable;
 //# sourceMappingURL=readable.js.map

package/lib/readable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/readable.jsx"],"names":["Readable","props","React","Children","map","children","child","cloneElement","undefined","propTypes","PropTypes","node","bool"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,sBACE,kEACGC,kBAAMC,QAAN,CAAeC,GAAf,CAAmBH,KAAK,CAACI,QAAzB,EAAmC,UAACC,KAAD;AAAA,wBAClCJ,kBAAMK,YAAN,CAAmBD,KAAnB,EAA0B;AAAE,2BAAqBL,KAAK,SAAL,KAAgBO;AAAvC,KAA1B,CADkC;AAAA,GAAnC,CADH,CADF;AAOD,CARD;;AAUAR,QAAQ,CAACS,SAAT,GAAqB;AACnBJ,EAAAA,QAAQ,EAAEK,sBAAUC,IADD;AAEnB,WAAOD,sBAAUE;AAFE,CAArB;eAKeZ,Q","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Readable = (props) => {\n  return (\n    <>\n      {React.Children.map(props.children, (child) =>\n        React.cloneElement(child, { 'data-pie-readable': props.false === undefined }),\n      )}\n    </>\n  );\n};\n\nReadable.propTypes = {\n  children: PropTypes.node,\n  false: PropTypes.bool,\n};\n\nexport default Readable;\n"],"file":"readable.js"}
+{"version":3,"file":"readable.js","names":["_propTypes","_interopRequireDefault","require","_react","Readable","props","createElement","Fragment","React","Children","map","children","child","cloneElement","undefined","propTypes","PropTypes","node","bool","_default","exports"],"sources":["../src/readable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Readable = (props) => {\n  return (\n    <>\n      {React.Children.map(props.children, (child) =>\n        React.cloneElement(child, { 'data-pie-readable': props.false === undefined }),\n      )}\n    </>\n  );\n};\n\nReadable.propTypes = {\n  children: PropTypes.node,\n  false: PropTypes.bool,\n};\n\nexport default Readable;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAK,EAAK;EAC1B,oBACEF,MAAA,YAAAG,aAAA,CAAAH,MAAA,YAAAI,QAAA,QACGC,iBAAK,CAACC,QAAQ,CAACC,GAAG,CAACL,KAAK,CAACM,QAAQ,EAAE,UAACC,KAAK;IAAA,oBACxCJ,iBAAK,CAACK,YAAY,CAACD,KAAK,EAAE;MAAE,mBAAmB,EAAEP,KAAK,SAAM,KAAKS;IAAU,CAAC,CAAC;EAAA,CAC/E,CACA,CAAC;AAEP,CAAC;AAEDV,QAAQ,CAACW,SAAS,GAAG;EACnBJ,QAAQ,EAAEK,qBAAS,CAACC,IAAI;EACxB,SAAOD,qBAAS,CAACE;AACnB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEahB,QAAQ","ignoreList":[]}

package/lib/response-indicators.js

@@ -1,89 +1,54 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PartiallyCorrect = exports.NothingSubmitted = exports.Incorrect = exports.Correct = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var icons = _interopRequireWildcard(require("@pie-lib/icons"));
-
-var _Popover = _interopRequireDefault(require("@material-ui/core/Popover"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
+var _styles = require("@mui/material/styles");
 var _feedback = _interopRequireDefault(require("./feedback"));
-
 var _debug = _interopRequireDefault(require("debug"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var log = (0, _debug["default"])('pie-libs:render-ui:response-indicators');
-
-var styles = function styles() {
+var ResponseIndicatorContainer = (0, _styles.styled)('div')(function (_ref) {
+  var hasFeedback = _ref.hasFeedback;
   return {
-    responseIndicator: {
-      cursor: 'pointer'
-    },
-    paper: {
-      padding: '0',
-      borderRadius: '4px'
-    },
-    popover: {
-      cursor: 'pointer'
-    },
-    popperClose: {
-      cursor: 'pointer'
-    }
+    cursor: hasFeedback ? 'pointer' : 'default'
   };
-};
-
+});
+var StyledPopover = (0, _styles.styled)(_Popover["default"])({
+  cursor: 'pointer'
+});
+var PopoverPaper = (0, _styles.styled)('div')({
+  padding: '0',
+  borderRadius: '4px'
+});
 var BuildIndicator = function BuildIndicator(Icon, correctness) {
-  var RawIndicator = /*#__PURE__*/function (_React$Component) {
-    (0, _inherits2["default"])(RawIndicator, _React$Component);
-
-    var _super = _createSuper(RawIndicator);
-
-    function RawIndicator(props) {
+  var Indicator = /*#__PURE__*/function (_React$Component) {
+    function Indicator(props) {
       var _this;
-
-      (0, _classCallCheck2["default"])(this, RawIndicator);
-      _this = _super.call(this, props);
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlePopoverOpen", function (event) {
+      (0, _classCallCheck2["default"])(this, Indicator);
+      _this = _callSuper(this, Indicator, [props]);
+      (0, _defineProperty2["default"])(_this, "handlePopoverOpen", function (event) {
         log('[handlePopoverOpen]', event.target);
-
         _this.setState({
           anchorEl: event.target
         });
       });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlePopoverClose", function () {
+      (0, _defineProperty2["default"])(_this, "handlePopoverClose", function () {
         _this.setState({
           anchorEl: null
         });
@@ -91,28 +56,22 @@ var BuildIndicator = function BuildIndicator(Icon, correctness) {
       _this.state = {};
       return _this;
     }
-
-    (0, _createClass2["default"])(RawIndicator, [{
+    (0, _inherits2["default"])(Indicator, _React$Component);
+    return (0, _createClass2["default"])(Indicator, [{
       key: "render",
       value: function render() {
         var _this2 = this;
-
-        var _this$props = this.props,
-            feedback = _this$props.feedback,
-            classes = _this$props.classes;
+        var feedback = this.props.feedback;
         var anchorEl = this.state.anchorEl;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          className: feedback && classes.responseIndicator
+        return /*#__PURE__*/_react["default"].createElement(ResponseIndicatorContainer, {
+          hasFeedback: !!feedback
         }, /*#__PURE__*/_react["default"].createElement("span", {
           ref: function ref(r) {
             return _this2.icon = r;
           },
           onClick: this.handlePopoverOpen
-        }, /*#__PURE__*/_react["default"].createElement(Icon, null)), feedback && /*#__PURE__*/_react["default"].createElement(_Popover["default"], {
-          className: classes.popover,
-          classes: {
-            paper: classes.paper
-          },
+        }, /*#__PURE__*/_react["default"].createElement(Icon, null)), feedback && /*#__PURE__*/_react["default"].createElement(StyledPopover, {
+          PaperComponent: PopoverPaper,
           open: !!anchorEl,
           anchorEl: anchorEl,
           anchorOrigin: {
@@ -130,22 +89,14 @@ var BuildIndicator = function BuildIndicator(Icon, correctness) {
         })));
       }
     }]);
-    return RawIndicator;
   }(_react["default"].Component);
-
-  RawIndicator.propTypes = {
-    feedback: _propTypes["default"].string,
-    classes: _propTypes["default"].object.isRequired
+  Indicator.propTypes = {
+    feedback: _propTypes["default"].string
   };
-  return (0, _styles.withStyles)(styles)(RawIndicator);
+  return Indicator;
 };
-
-var Correct = BuildIndicator(icons.Correct, 'correct');
-exports.Correct = Correct;
-var Incorrect = BuildIndicator(icons.Incorrect, 'incorrect');
-exports.Incorrect = Incorrect;
-var PartiallyCorrect = BuildIndicator(icons.PartiallyCorrect, 'partially-correct');
-exports.PartiallyCorrect = PartiallyCorrect;
-var NothingSubmitted = BuildIndicator(icons.NothingSubmitted, 'nothing-submitted');
-exports.NothingSubmitted = NothingSubmitted;
+var Correct = exports.Correct = BuildIndicator(icons.Correct, 'correct');
+var Incorrect = exports.Incorrect = BuildIndicator(icons.Incorrect, 'incorrect');
+var PartiallyCorrect = exports.PartiallyCorrect = BuildIndicator(icons.PartiallyCorrect, 'partially-correct');
+var NothingSubmitted = exports.NothingSubmitted = BuildIndicator(icons.NothingSubmitted, 'nothing-submitted');
 //# sourceMappingURL=response-indicators.js.map

package/lib/response-indicators.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/response-indicators.jsx"],"names":["log","styles","responseIndicator","cursor","paper","padding","borderRadius","popover","popperClose","BuildIndicator","Icon","correctness","RawIndicator","props","event","target","setState","anchorEl","state","feedback","classes","r","icon","handlePopoverOpen","vertical","horizontal","handlePopoverClose","React","Component","propTypes","PropTypes","string","object","isRequired","Correct","icons","Incorrect","PartiallyCorrect","NothingSubmitted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,wCAAN,CAAZ;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,MAAM,EAAE;AADS,KADC;AAIpBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,OAAO,EAAE,GADJ;AAELC,MAAAA,YAAY,EAAE;AAFT,KAJa;AAQpBC,IAAAA,OAAO,EAAE;AACPJ,MAAAA,MAAM,EAAE;AADD,KARW;AAWpBK,IAAAA,WAAW,EAAE;AACXL,MAAAA,MAAM,EAAE;AADG;AAXO,GAAP;AAAA,CAAf;;AAgBA,IAAMM,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAOC,WAAP,EAAuB;AAAA,MACtCC,YADsC;AAAA;;AAAA;;AAE1C,0BAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,gCAAMA,KAAN;AADiB,4GAKC,UAACC,KAAD,EAAW;AAC7Bd,QAAAA,GAAG,CAAC,qBAAD,EAAwBc,KAAK,CAACC,MAA9B,CAAH;;AACA,cAAKC,QAAL,CAAc;AAAEC,UAAAA,QAAQ,EAAEH,KAAK,CAACC;AAAlB,SAAd;AACD,OARkB;AAAA,6GAUE,YAAM;AACzB,cAAKC,QAAL,CAAc;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SAAd;AACD,OAZkB;AAEjB,YAAKC,KAAL,GAAa,EAAb;AAFiB;AAGlB;;AALyC;AAAA;AAAA,aAgB1C,kBAAS;AAAA;;AACP,0BAA8B,KAAKL,KAAnC;AAAA,YAAQM,QAAR,eAAQA,QAAR;AAAA,YAAkBC,OAAlB,eAAkBA,OAAlB;AACA,YAAQH,QAAR,GAAqB,KAAKC,KAA1B,CAAQD,QAAR;AACA,4BACE;AAAK,UAAA,SAAS,EAAEE,QAAQ,IAAIC,OAAO,CAAClB;AAApC,wBACE;AAAM,UAAA,GAAG,EAAE,aAACmB,CAAD;AAAA,mBAAQ,MAAI,CAACC,IAAL,GAAYD,CAApB;AAAA,WAAX;AAAmC,UAAA,OAAO,EAAE,KAAKE;AAAjD,wBACE,gCAAC,IAAD,OADF,CADF,EAKGJ,QAAQ,iBACP,gCAAC,mBAAD;AACE,UAAA,SAAS,EAAEC,OAAO,CAACb,OADrB;AAEE,UAAA,OAAO,EAAE;AACPH,YAAAA,KAAK,EAAEgB,OAAO,CAAChB;AADR,WAFX;AAKE,UAAA,IAAI,EAAE,CAAC,CAACa,QALV;AAME,UAAA,QAAQ,EAAEA,QANZ;AAOE,UAAA,YAAY,EAAE;AACZO,YAAAA,QAAQ,EAAE,QADE;AAEZC,YAAAA,UAAU,EAAE;AAFA,WAPhB;AAWE,UAAA,eAAe,EAAE;AACfD,YAAAA,QAAQ,EAAE,KADK;AAEfC,YAAAA,UAAU,EAAE;AAFG,WAXnB;AAeE,UAAA,OAAO,EAAE,KAAKC;AAfhB,wBAiBE,gCAAC,oBAAD;AAAU,UAAA,QAAQ,EAAEP,QAApB;AAA8B,UAAA,WAAW,EAAER;AAA3C,UAjBF,CANJ,CADF;AA6BD;AAhDyC;AAAA;AAAA,IACjBgB,kBAAMC,SADW;;AAmD5ChB,EAAAA,YAAY,CAACiB,SAAb,GAAyB;AACvBV,IAAAA,QAAQ,EAAEW,sBAAUC,MADG;AAEvBX,IAAAA,OAAO,EAAEU,sBAAUE,MAAV,CAAiBC;AAFH,GAAzB;AAKA,SAAO,wBAAWhC,MAAX,EAAmBW,YAAnB,CAAP;AACD,CAzDD;;AA2DO,IAAMsB,OAAO,GAAGzB,cAAc,CAAC0B,KAAK,CAACD,OAAP,EAAgB,SAAhB,CAA9B;;AACA,IAAME,SAAS,GAAG3B,cAAc,CAAC0B,KAAK,CAACC,SAAP,EAAkB,WAAlB,CAAhC;;AACA,IAAMC,gBAAgB,GAAG5B,cAAc,CAAC0B,KAAK,CAACE,gBAAP,EAAyB,mBAAzB,CAAvC;;AACA,IAAMC,gBAAgB,GAAG7B,cAAc,CAAC0B,KAAK,CAACG,gBAAP,EAAyB,mBAAzB,CAAvC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '@pie-lib/icons';\nimport Popover from '@material-ui/core/Popover';\nimport { withStyles } from '@material-ui/core/styles';\nimport Feedback from './feedback';\nimport debug from 'debug';\n\nconst log = debug('pie-libs:render-ui:response-indicators');\n\nconst styles = () => ({\n  responseIndicator: {\n    cursor: 'pointer',\n  },\n  paper: {\n    padding: '0',\n    borderRadius: '4px',\n  },\n  popover: {\n    cursor: 'pointer',\n  },\n  popperClose: {\n    cursor: 'pointer',\n  },\n});\n\nconst BuildIndicator = (Icon, correctness) => {\n  class RawIndicator extends React.Component {\n    constructor(props) {\n      super(props);\n      this.state = {};\n    }\n\n    handlePopoverOpen = (event) => {\n      log('[handlePopoverOpen]', event.target);\n      this.setState({ anchorEl: event.target });\n    };\n\n    handlePopoverClose = () => {\n      this.setState({ anchorEl: null });\n    };\n\n    render() {\n      const { feedback, classes } = this.props;\n      const { anchorEl } = this.state;\n      return (\n        <div className={feedback && classes.responseIndicator}>\n          <span ref={(r) => (this.icon = r)} onClick={this.handlePopoverOpen}>\n            <Icon />\n          </span>\n\n          {feedback && (\n            <Popover\n              className={classes.popover}\n              classes={{\n                paper: classes.paper,\n              }}\n              open={!!anchorEl}\n              anchorEl={anchorEl}\n              anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'left',\n              }}\n              transformOrigin={{\n                vertical: 'top',\n                horizontal: 'left',\n              }}\n              onClose={this.handlePopoverClose}\n            >\n              <Feedback feedback={feedback} correctness={correctness} />\n            </Popover>\n          )}\n        </div>\n      );\n    }\n  }\n\n  RawIndicator.propTypes = {\n    feedback: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n  };\n\n  return withStyles(styles)(RawIndicator);\n};\n\nexport const Correct = BuildIndicator(icons.Correct, 'correct');\nexport const Incorrect = BuildIndicator(icons.Incorrect, 'incorrect');\nexport const PartiallyCorrect = BuildIndicator(icons.PartiallyCorrect, 'partially-correct');\nexport const NothingSubmitted = BuildIndicator(icons.NothingSubmitted, 'nothing-submitted');\n"],"file":"response-indicators.js"}
+{"version":3,"file":"response-indicators.js","names":["_react","_interopRequireDefault","require","_propTypes","icons","_interopRequireWildcard","_Popover","_styles","_feedback","_debug","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","log","debug","ResponseIndicatorContainer","styled","_ref","hasFeedback","cursor","StyledPopover","Popover","PopoverPaper","padding","borderRadius","BuildIndicator","Icon","correctness","Indicator","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","target","setState","anchorEl","state","_inherits2","_createClass2","key","value","render","_this2","feedback","createElement","ref","icon","onClick","handlePopoverOpen","PaperComponent","open","anchorOrigin","vertical","horizontal","transformOrigin","onClose","handlePopoverClose","React","Component","propTypes","PropTypes","string","Correct","exports","Incorrect","PartiallyCorrect","NothingSubmitted"],"sources":["../src/response-indicators.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '@pie-lib/icons';\nimport Popover from '@mui/material/Popover';\nimport { styled } from '@mui/material/styles';\nimport Feedback from './feedback';\nimport debug from 'debug';\n\nconst log = debug('pie-libs:render-ui:response-indicators');\n\nconst ResponseIndicatorContainer = styled('div')(({ hasFeedback }) => ({\n  cursor: hasFeedback ? 'pointer' : 'default',\n}));\n\nconst StyledPopover = styled(Popover)({\n  cursor: 'pointer',\n});\n\nconst PopoverPaper = styled('div')({\n  padding: '0',\n  borderRadius: '4px',\n});\n\nconst BuildIndicator = (Icon, correctness) => {\n  class Indicator extends React.Component {\n    constructor(props) {\n      super(props);\n      this.state = {};\n    }\n\n    handlePopoverOpen = (event) => {\n      log('[handlePopoverOpen]', event.target);\n      this.setState({ anchorEl: event.target });\n    };\n\n    handlePopoverClose = () => {\n      this.setState({ anchorEl: null });\n    };\n\n    render() {\n      const { feedback } = this.props;\n      const { anchorEl } = this.state;\n      return (\n        <ResponseIndicatorContainer hasFeedback={!!feedback}>\n          <span ref={(r) => (this.icon = r)} onClick={this.handlePopoverOpen}>\n            <Icon />\n          </span>\n\n          {feedback && (\n            <StyledPopover\n              PaperComponent={PopoverPaper}\n              open={!!anchorEl}\n              anchorEl={anchorEl}\n              anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'left',\n              }}\n              transformOrigin={{\n                vertical: 'top',\n                horizontal: 'left',\n              }}\n              onClose={this.handlePopoverClose}\n            >\n              <Feedback feedback={feedback} correctness={correctness} />\n            </StyledPopover>\n          )}\n        </ResponseIndicatorContainer>\n      );\n    }\n  }\n\n  Indicator.propTypes = {\n    feedback: PropTypes.string,\n  };\n\n  return Indicator;\n};\n\nexport const Correct = BuildIndicator(icons.Correct, 'correct');\nexport const Incorrect = BuildIndicator(icons.Incorrect, 'incorrect');\nexport const PartiallyCorrect = BuildIndicator(icons.PartiallyCorrect, 'partially-correct');\nexport const NothingSubmitted = BuildIndicator(icons.NothingSubmitted, 'nothing-submitted');\n"],"mappings":"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","ignoreList":[]}

package/lib/ui-layout.js

@@ -1,48 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _appendCssRules = _interopRequireDefault(require("./append-css-rules"));
-
-var _excluded = ["children", "className", "classes", "fontSizeFactor"],
-    _excluded2 = ["extraCSSRules"];
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var theme = (0, _styles.createMuiTheme)({
+var _excluded = ["children", "className", "fontSizeFactor"],
+  _excluded2 = ["extraCSSRules"];
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var theme = (0, _styles.createTheme)({
   typography: {
-    useNextVariants: true,
     fontFamily: 'inherit'
   },
   palette: {
@@ -50,66 +31,75 @@ var theme = (0, _styles.createMuiTheme)({
       disabled: 'rgba(0, 0, 0, 0.54);'
     }
   },
-  overrides: {
+  components: {
     MuiTypography: {
-      root: {
-        fontFamily: 'inherit'
+      styleOverrides: {
+        root: {
+          fontFamily: 'inherit'
+        }
       }
     },
     MuiRadio: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important'
+      styleOverrides: {
+        root: {
+          '&.Mui-checked': {
+            color: '#3f51b5 !important'
+          }
         }
       }
     },
     MuiCheckbox: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important'
+      styleOverrides: {
+        root: {
+          '&.Mui-checked': {
+            color: '#3f51b5 !important'
+          }
         }
       }
     },
     MuiTabs: {
-      root: {
-        borderBottom: '1px solid #eee'
+      styleOverrides: {
+        root: {
+          borderBottom: '1px solid #eee'
+        }
       }
     },
     MuiSwitch: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important',
-          '& + $bar': {
-            backgroundColor: '#3f51b5 !important',
-            opacity: 0.5
+      styleOverrides: {
+        root: {
+          '&.Mui-checked': {
+            color: '#3f51b5 !important',
+            '& + .MuiSwitch-track': {
+              backgroundColor: '#3f51b5 !important',
+              opacity: 0.5
+            }
           }
         }
       }
     }
   }
 });
-
+var StyledContainer = (0, _styles.styled)('div')({
+  // need this because some browsers set their own style on table
+  '& table, th, td': {
+    fontSize: 'inherit' /* Ensure table elements inherit font size */
+  }
+});
 var UiLayout = /*#__PURE__*/function (_AppendCSSRules) {
-  (0, _inherits2["default"])(UiLayout, _AppendCSSRules);
-
-  var _super = _createSuper(UiLayout);
-
   function UiLayout(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, UiLayout);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, UiLayout, [props]);
     _this.classesSheet = document.createElement('style');
     return _this;
   }
-
-  (0, _createClass2["default"])(UiLayout, [{
+  (0, _inherits2["default"])(UiLayout, _AppendCSSRules);
+  return (0, _createClass2["default"])(UiLayout, [{
     key: "computeStyle",
     value: function computeStyle(fontSizeFactor) {
       var getFontSize = function getFontSize(element) {
         return parseFloat(getComputedStyle(element).fontSize);
       };
-
       var rootFontSize = getFontSize(document.documentElement);
       var bodyFontSize = getFontSize(document.body);
       var effectiveFontSize = Math.max(rootFontSize, bodyFontSize);
@@ -121,53 +111,41 @@ var UiLayout = /*#__PURE__*/function (_AppendCSSRules) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          children = _this$props.children,
-          className = _this$props.className,
-          classes = _this$props.classes,
-          fontSizeFactor = _this$props.fontSizeFactor,
-          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-      var finalClass = (0, _classnames["default"])(className, classes.extraCSSRules, classes.uiLayoutContainer);
+        children = _this$props.children,
+        className = _this$props.className,
+        fontSizeFactor = _this$props.fontSizeFactor,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
       var extraCSSRules = rest.extraCSSRules,
-          restProps = (0, _objectWithoutProperties2["default"])(rest, _excluded2);
+        restProps = (0, _objectWithoutProperties2["default"])(rest, _excluded2);
       var style = this.computeStyle(fontSizeFactor);
-      return /*#__PURE__*/_react["default"].createElement(_styles.MuiThemeProvider, {
+      return /*#__PURE__*/_react["default"].createElement(_styles.StyledEngineProvider, {
+        injectFirst: true
+      }, /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
         theme: theme
-      }, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-        className: finalClass
+      }, /*#__PURE__*/_react["default"].createElement(StyledContainer, (0, _extends2["default"])({
+        className: className
       }, restProps, style && {
         style: style
-      }), children));
+      }), children)));
     }
   }]);
-  return UiLayout;
 }(_appendCssRules["default"]);
-
 (0, _defineProperty2["default"])(UiLayout, "propTypes", {
-  classes: _propTypes["default"].object,
   className: _propTypes["default"].string,
   children: _propTypes["default"].array,
   extraCSSRules: _propTypes["default"].shape({
     names: _propTypes["default"].arrayOf(_propTypes["default"].string),
     rules: _propTypes["default"].string
   }),
+  classes: _propTypes["default"].shape({
+    extraCSSRules: _propTypes["default"].string
+  }),
   fontSizeFactor: _propTypes["default"].number
 });
 (0, _defineProperty2["default"])(UiLayout, "defaultProps", {
   extraCSSRules: {},
+  classes: {},
   fontSizeFactor: 1
 });
-var styles = {
-  extraCSSRules: {},
-  // need this because some browsers set their own style on table
-  uiLayoutContainer: {
-    '& table, th, td': {
-      fontSize: 'inherit'
-      /* Ensure table elements inherit font size */
-
-    }
-  }
-};
-var Styled = (0, _styles.withStyles)(styles)(UiLayout);
-var _default = Styled;
-exports["default"] = _default;
+var _default = exports["default"] = UiLayout;
 //# sourceMappingURL=ui-layout.js.map

package/lib/ui-layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui-layout.jsx"],"names":["theme","typography","useNextVariants","fontFamily","palette","action","disabled","overrides","MuiTypography","root","MuiRadio","color","MuiCheckbox","MuiTabs","borderBottom","MuiSwitch","backgroundColor","opacity","UiLayout","props","classesSheet","document","createElement","fontSizeFactor","getFontSize","element","parseFloat","getComputedStyle","fontSize","rootFontSize","documentElement","bodyFontSize","body","effectiveFontSize","Math","max","children","className","classes","rest","finalClass","extraCSSRules","uiLayoutContainer","restProps","style","computeStyle","AppendCSSRules","PropTypes","object","string","array","shape","names","arrayOf","rules","number","styles","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { createMuiTheme, MuiThemeProvider, withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport AppendCSSRules from './append-css-rules';\n\nconst theme = createMuiTheme({\n  typography: {\n    useNextVariants: true,\n    fontFamily: 'inherit',\n  },\n  palette: {\n    action: {\n      disabled: 'rgba(0, 0, 0, 0.54);',\n    },\n  },\n  overrides: {\n    MuiTypography: {\n      root: { fontFamily: 'inherit' },\n    },\n    MuiRadio: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n        },\n      },\n    },\n    MuiCheckbox: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n        },\n      },\n    },\n    MuiTabs: {\n      root: {\n        borderBottom: '1px solid #eee',\n      },\n    },\n    MuiSwitch: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n          '& + $bar': {\n            backgroundColor: '#3f51b5 !important',\n            opacity: 0.5,\n          },\n        },\n      },\n    },\n  },\n});\n\nclass UiLayout extends AppendCSSRules {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.array,\n    extraCSSRules: PropTypes.shape({\n      names: PropTypes.arrayOf(PropTypes.string),\n      rules: PropTypes.string,\n    }),\n    fontSizeFactor: PropTypes.number,\n  };\n\n  static defaultProps = {\n    extraCSSRules: {},\n    fontSizeFactor: 1,\n  };\n\n  constructor(props) {\n    super(props);\n    this.classesSheet = document.createElement('style');\n  }\n\n  computeStyle(fontSizeFactor) {\n    const getFontSize = (element) => parseFloat(getComputedStyle(element).fontSize);\n\n    const rootFontSize = getFontSize(document.documentElement);\n    const bodyFontSize = getFontSize(document.body);\n    const effectiveFontSize = Math.max(rootFontSize, bodyFontSize);\n\n    return fontSizeFactor !== 1 ? { fontSize: `${effectiveFontSize * fontSizeFactor}px` } : null;\n  }\n\n  render() {\n    const { children, className, classes, fontSizeFactor, ...rest } = this.props;\n\n    const finalClass = classNames(className, classes.extraCSSRules, classes.uiLayoutContainer);\n    const { extraCSSRules, ...restProps } = rest;\n    const style = this.computeStyle(fontSizeFactor);\n\n    return (\n      <MuiThemeProvider theme={theme}>\n        <div className={finalClass} {...restProps} {...(style && { style })}>\n          {children}\n        </div>\n      </MuiThemeProvider>\n    );\n  }\n}\n\nconst styles = {\n  extraCSSRules: {},\n  // need this because some browsers set their own style on table\n  uiLayoutContainer: {\n    '& table, th, td': {\n      fontSize: 'inherit' /* Ensure table elements inherit font size */,\n    },\n  },\n};\n\nconst Styled = withStyles(styles)(UiLayout);\n\nexport default Styled;\n"],"file":"ui-layout.js"}
+{"version":3,"file":"ui-layout.js","names":["_react","_interopRequireDefault","require","_styles","_propTypes","_classnames","_appendCssRules","_excluded","_excluded2","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","theme","createTheme","typography","fontFamily","palette","action","disabled","components","MuiTypography","styleOverrides","root","MuiRadio","color","MuiCheckbox","MuiTabs","borderBottom","MuiSwitch","backgroundColor","opacity","StyledContainer","styled","fontSize","UiLayout","_AppendCSSRules","props","_this","_classCallCheck2","classesSheet","document","createElement","_inherits2","_createClass2","key","value","computeStyle","fontSizeFactor","getFontSize","element","parseFloat","getComputedStyle","rootFontSize","documentElement","bodyFontSize","body","effectiveFontSize","Math","max","concat","render","_this$props","children","className","rest","_objectWithoutProperties2","extraCSSRules","restProps","style","StyledEngineProvider","injectFirst","ThemeProvider","_extends2","AppendCSSRules","_defineProperty2","PropTypes","string","array","shape","names","arrayOf","rules","classes","number","_default","exports"],"sources":["../src/ui-layout.jsx"],"sourcesContent":["import React from 'react';\nimport { createTheme, ThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport AppendCSSRules from './append-css-rules';\n\nconst theme = createTheme({\n  typography: {\n    fontFamily: 'inherit',\n  },\n  palette: {\n    action: {\n      disabled: 'rgba(0, 0, 0, 0.54);',\n    },\n  },\n  components: {\n    MuiTypography: {\n      styleOverrides: {\n        root: { fontFamily: 'inherit' },\n      },\n    },\n    MuiRadio: {\n      styleOverrides: {\n        root: {\n          '&.Mui-checked': {\n            color: '#3f51b5 !important',\n          },\n        },\n      },\n    },\n    MuiCheckbox: {\n      styleOverrides: {\n        root: {\n          '&.Mui-checked': {\n            color: '#3f51b5 !important',\n          },\n        },\n      },\n    },\n    MuiTabs: {\n      styleOverrides: {\n        root: {\n          borderBottom: '1px solid #eee',\n        },\n      },\n    },\n    MuiSwitch: {\n      styleOverrides: {\n        root: {\n          '&.Mui-checked': {\n            color: '#3f51b5 !important',\n            '& + .MuiSwitch-track': {\n              backgroundColor: '#3f51b5 !important',\n              opacity: 0.5,\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nconst StyledContainer = styled('div')({\n  // need this because some browsers set their own style on table\n  '& table, th, td': {\n    fontSize: 'inherit' /* Ensure table elements inherit font size */,\n  },\n});\n\nclass UiLayout extends AppendCSSRules {\n  static propTypes = {\n    className: PropTypes.string,\n    children: PropTypes.array,\n    extraCSSRules: PropTypes.shape({\n      names: PropTypes.arrayOf(PropTypes.string),\n      rules: PropTypes.string,\n    }),\n    classes: PropTypes.shape({\n      extraCSSRules: PropTypes.string,\n    }),\n    fontSizeFactor: PropTypes.number,\n  };\n\n  static defaultProps = {\n    extraCSSRules: {},\n    classes: {},\n    fontSizeFactor: 1,\n  };\n\n  constructor(props) {\n    super(props);\n    this.classesSheet = document.createElement('style');\n  }\n\n  computeStyle(fontSizeFactor) {\n    const getFontSize = (element) => parseFloat(getComputedStyle(element).fontSize);\n\n    const rootFontSize = getFontSize(document.documentElement);\n    const bodyFontSize = getFontSize(document.body);\n    const effectiveFontSize = Math.max(rootFontSize, bodyFontSize);\n\n    return fontSizeFactor !== 1 ? { fontSize: `${effectiveFontSize * fontSizeFactor}px` } : null;\n  }\n\n  render() {\n    const { children, className, fontSizeFactor, ...rest } = this.props;\n\n    const { extraCSSRules, ...restProps } = rest;\n    const style = this.computeStyle(fontSizeFactor);\n\n    return (\n      <StyledEngineProvider injectFirst>\n        <ThemeProvider theme={theme}>\n          <StyledContainer className={className} {...restProps} {...(style && { style })}>\n            {children}\n          </StyledContainer>\n        </ThemeProvider>\n      </StyledEngineProvider>\n    );\n  }\n}\n\nexport default UiLayout;\n"],"mappings":"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","ignoreList":[]}