@pie-lib/config-ui 11.30.0-mui-update.0 → 11.30.1-beta-1

package/lib/feedback-config/index.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,42 +15,66 @@ Object.defineProperty(exports, "FeedbackSelector", {
   }
 });
 exports["default"] = exports.buildDefaults = void 0;
-var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
+
 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 _feedbackSelector = _interopRequireWildcard(require("./feedback-selector"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@mui/material/styles");
-var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
-var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
-var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
+
+var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
+
+var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+
 var _merge = _interopRequireDefault(require("lodash/merge"));
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 StyledFeedbackContainer = (0, _styles.styled)('div')(function () {
-  return {
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 style = {
+  feedbackContainer: {
     display: 'flex',
     flex: 1,
     flexDirection: 'column'
-  };
-});
-var StyledAccordionDetails = (0, _styles.styled)(_AccordionDetails["default"])(function () {
-  return {
+  },
+  panelDetails: {
     paddingTop: 0,
     paddingBottom: 0
-  };
-});
-var buildDefaults = exports.buildDefaults = function buildDefaults(input) {
+  }
+};
+
+var buildDefaults = function buildDefaults(input) {
   return (0, _merge["default"])({}, {
     correct: {
       type: 'default',
@@ -64,42 +90,61 @@ var buildDefaults = exports.buildDefaults = function buildDefaults(input) {
     }
   }, input);
 };
-var FeedbackConfig = exports.FeedbackConfig = /*#__PURE__*/function (_React$Component) {
+
+exports.buildDefaults = buildDefaults;
+
+var FeedbackConfig = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(FeedbackConfig, _React$Component);
+
+  var _super = _createSuper(FeedbackConfig);
+
   function FeedbackConfig() {
     var _this;
+
     (0, _classCallCheck2["default"])(this, FeedbackConfig);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, FeedbackConfig, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "onCorrectChange", _this.onChange.bind(_this, 'correct'));
-    (0, _defineProperty2["default"])(_this, "onIncorrectChange", _this.onChange.bind(_this, 'incorrect'));
-    (0, _defineProperty2["default"])(_this, "onPartialChange", _this.onChange.bind(_this, 'partial'));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCorrectChange", _this.onChange.bind((0, _assertThisInitialized2["default"])(_this), 'correct'));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onIncorrectChange", _this.onChange.bind((0, _assertThisInitialized2["default"])(_this), 'incorrect'));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPartialChange", _this.onChange.bind((0, _assertThisInitialized2["default"])(_this), 'partial'));
     return _this;
   }
-  (0, _inherits2["default"])(FeedbackConfig, _React$Component);
-  return (0, _createClass2["default"])(FeedbackConfig, [{
+
+  (0, _createClass2["default"])(FeedbackConfig, [{
     key: "onChange",
     value: function onChange(key, config) {
       var _this$props = this.props,
-        feedback = _this$props.feedback,
-        onChange = _this$props.onChange;
+          feedback = _this$props.feedback,
+          onChange = _this$props.onChange;
+
       var update = _objectSpread(_objectSpread({}, feedback), {}, (0, _defineProperty2["default"])({}, key, config));
+
       onChange(update);
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-        className = _this$props2.className,
-        allowPartial = _this$props2.allowPartial,
-        feedback = _this$props2.feedback,
-        toolbarOpts = _this$props2.toolbarOpts;
+          classes = _this$props2.classes,
+          className = _this$props2.className,
+          allowPartial = _this$props2.allowPartial,
+          feedback = _this$props2.feedback,
+          toolbarOpts = _this$props2.toolbarOpts;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: className
-      }, /*#__PURE__*/_react["default"].createElement(_Accordion["default"], null, /*#__PURE__*/_react["default"].createElement(_AccordionSummary["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], null, /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
         expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
-      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Feedback")), /*#__PURE__*/_react["default"].createElement(StyledAccordionDetails, null, /*#__PURE__*/_react["default"].createElement(StyledFeedbackContainer, null, /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        className: classes.heading
+      }, "Feedback")), /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], {
+        className: classes.panelDetails
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.feedbackContainer
+      }, /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
         label: "If correct, show",
         feedback: feedback.correct,
         onChange: this.onCorrectChange,
@@ -117,7 +162,10 @@ var FeedbackConfig = exports.FeedbackConfig = /*#__PURE__*/function (_React$Comp
       })))));
     }
   }]);
+  return FeedbackConfig;
 }(_react["default"].Component);
+
+exports.FeedbackConfig = FeedbackConfig;
 (0, _defineProperty2["default"])(FeedbackConfig, "propTypes", {
   allowPartial: _propTypes["default"].bool,
   className: _propTypes["default"].string,
@@ -127,11 +175,15 @@ var FeedbackConfig = exports.FeedbackConfig = /*#__PURE__*/function (_React$Comp
     partial: _propTypes["default"].shape(_feedbackSelector.FeedbackType)
   }),
   onChange: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired,
   toolbarOpts: _propTypes["default"].object
 });
 (0, _defineProperty2["default"])(FeedbackConfig, "defaultProps", {
   allowPartial: true,
   feedback: buildDefaults()
 });
-var _default = exports["default"] = FeedbackConfig;
+
+var _default = (0, _styles.withStyles)(style)(FeedbackConfig);
+
+exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/feedback-config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_feedbackSelector","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_react","_styles","_Accordion","_AccordionSummary","_AccordionDetails","_Typography","_ExpandMore","_merge","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","StyledFeedbackContainer","styled","display","flex","flexDirection","StyledAccordionDetails","AccordionDetails","paddingTop","paddingBottom","buildDefaults","exports","input","merge","correct","type","incorrect","partial","FeedbackConfig","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","onChange","bind","_inherits2","_createClass2","key","value","config","_this$props","props","feedback","update","render","_this$props2","className","allowPartial","toolbarOpts","createElement","expandIcon","label","onCorrectChange","onPartialChange","onIncorrectChange","React","Component","PropTypes","bool","string","shape","FeedbackType","func","isRequired","object","_default"],"sources":["../../src/feedback-config/index.jsx"],"sourcesContent":["import FeedbackSelector, { FeedbackType } from './feedback-selector';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport Typography from '@mui/material/Typography';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport merge from 'lodash/merge';\n\nexport { FeedbackSelector };\n\nconst StyledFeedbackContainer = styled('div')(() => ({\n  display: 'flex',\n  flex: 1,\n  flexDirection: 'column',\n}));\n\nconst StyledAccordionDetails = styled(AccordionDetails)(() => ({\n  paddingTop: 0,\n  paddingBottom: 0,\n}));\n\nexport const buildDefaults = (input) => {\n  return merge(\n    {},\n    {\n      correct: { type: 'default', default: 'Correct' },\n      incorrect: { type: 'default', default: 'Incorrect' },\n      partial: { type: 'default', default: 'Nearly' },\n    },\n    input,\n  );\n};\n\nexport class FeedbackConfig extends React.Component {\n  static propTypes = {\n    allowPartial: PropTypes.bool,\n    className: PropTypes.string,\n    feedback: PropTypes.shape({\n      correct: PropTypes.shape(FeedbackType),\n      incorrect: PropTypes.shape(FeedbackType),\n      partial: PropTypes.shape(FeedbackType),\n    }),\n    onChange: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {\n    allowPartial: true,\n    feedback: buildDefaults(),\n  };\n\n  onChange(key, config) {\n    const { feedback, onChange } = this.props;\n    const update = { ...feedback, [key]: config };\n\n    onChange(update);\n  }\n\n  onCorrectChange = this.onChange.bind(this, 'correct');\n\n  onIncorrectChange = this.onChange.bind(this, 'incorrect');\n\n  onPartialChange = this.onChange.bind(this, 'partial');\n\n  render() {\n    const { className, allowPartial, feedback, toolbarOpts } = this.props;\n\n    return (\n      <div className={className}>\n        <Accordion>\n          <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n            <Typography>Feedback</Typography>\n          </AccordionSummary>\n\n          <StyledAccordionDetails>\n            <StyledFeedbackContainer>\n              <FeedbackSelector\n                label=\"If correct, show\"\n                feedback={feedback.correct}\n                onChange={this.onCorrectChange}\n                toolbarOpts={toolbarOpts}\n              />\n\n              {allowPartial && (\n                <FeedbackSelector\n                  label=\"If partially correct, show\"\n                  feedback={feedback.partial}\n                  onChange={this.onPartialChange}\n                  toolbarOpts={toolbarOpts}\n                />\n              )}\n\n              <FeedbackSelector\n                label=\"If incorrect, show\"\n                feedback={feedback.incorrect}\n                onChange={this.onIncorrectChange}\n                toolbarOpts={toolbarOpts}\n              />\n            </StyledFeedbackContainer>\n          </StyledAccordionDetails>\n        </Accordion>\n      </div>\n    );\n  }\n}\n\nexport default FeedbackConfig;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../src/feedback-config/index.jsx"],"names":["style","feedbackContainer","display","flex","flexDirection","panelDetails","paddingTop","paddingBottom","buildDefaults","input","correct","type","incorrect","partial","FeedbackConfig","onChange","bind","key","config","props","feedback","update","classes","className","allowPartial","toolbarOpts","heading","onCorrectChange","onPartialChange","onIncorrectChange","React","Component","PropTypes","bool","string","shape","FeedbackType","func","isRequired","object"],"mappings":"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","sourcesContent":["import FeedbackSelector, { FeedbackType } from './feedback-selector';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport merge from 'lodash/merge';\n\nexport { FeedbackSelector };\n\nconst style = {\n  feedbackContainer: {\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column',\n  },\n  panelDetails: {\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n};\n\nexport const buildDefaults = (input) => {\n  return merge(\n    {},\n    {\n      correct: { type: 'default', default: 'Correct' },\n      incorrect: { type: 'default', default: 'Incorrect' },\n      partial: { type: 'default', default: 'Nearly' },\n    },\n    input,\n  );\n};\n\nexport class FeedbackConfig extends React.Component {\n  static propTypes = {\n    allowPartial: PropTypes.bool,\n    className: PropTypes.string,\n    feedback: PropTypes.shape({\n      correct: PropTypes.shape(FeedbackType),\n      incorrect: PropTypes.shape(FeedbackType),\n      partial: PropTypes.shape(FeedbackType),\n    }),\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {\n    allowPartial: true,\n    feedback: buildDefaults(),\n  };\n\n  onChange(key, config) {\n    const { feedback, onChange } = this.props;\n    const update = { ...feedback, [key]: config };\n\n    onChange(update);\n  }\n\n  onCorrectChange = this.onChange.bind(this, 'correct');\n\n  onIncorrectChange = this.onChange.bind(this, 'incorrect');\n\n  onPartialChange = this.onChange.bind(this, 'partial');\n\n  render() {\n    const { classes, className, allowPartial, feedback, toolbarOpts } = this.props;\n\n    return (\n      <div className={className}>\n        <ExpansionPanel>\n          <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n            <Typography className={classes.heading}>Feedback</Typography>\n          </ExpansionPanelSummary>\n\n          <ExpansionPanelDetails className={classes.panelDetails}>\n            <div className={classes.feedbackContainer}>\n              <FeedbackSelector\n                label=\"If correct, show\"\n                feedback={feedback.correct}\n                onChange={this.onCorrectChange}\n                toolbarOpts={toolbarOpts}\n              />\n\n              {allowPartial && (\n                <FeedbackSelector\n                  label=\"If partially correct, show\"\n                  feedback={feedback.partial}\n                  onChange={this.onPartialChange}\n                  toolbarOpts={toolbarOpts}\n                />\n              )}\n\n              <FeedbackSelector\n                label=\"If incorrect, show\"\n                feedback={feedback.incorrect}\n                onChange={this.onIncorrectChange}\n                toolbarOpts={toolbarOpts}\n              />\n            </div>\n          </ExpansionPanelDetails>\n        </ExpansionPanel>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(style)(FeedbackConfig);\n"],"file":"index.js"}

package/lib/form-section.js

@@ -1,37 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _styles = require("@mui/material/styles");
-var StyledFormSection = (0, _styles.styled)('div')(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    marginTop: theme.spacing(2),
-    marginBottom: theme.spacing(2)
-  };
-});
-var StyledTypography = (0, _styles.styled)(_Typography["default"])(function (_ref2) {
-  var theme = _ref2.theme;
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
   return {
-    marginBottom: theme.spacing(1)
+    formSection: {
+      marginTop: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit * 2
+    },
+    label: {
+      marginBottom: theme.spacing.unit
+    }
   };
-});
-var FormSection = function FormSection(_ref3) {
-  var className = _ref3.className,
-    label = _ref3.label,
-    children = _ref3.children,
-    labelExtraStyle = _ref3.labelExtraStyle;
-  return /*#__PURE__*/_react["default"].createElement(StyledFormSection, {
-    className: className
-  }, /*#__PURE__*/_react["default"].createElement(StyledTypography, {
-    variant: "subtitle1",
+};
+
+var _default = (0, _styles.withStyles)(styles)(function (_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      label = _ref.label,
+      children = _ref.children,
+      labelExtraStyle = _ref.labelExtraStyle;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(classes.formSection, className)
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    className: classes.label,
+    type: "subheading",
     style: labelExtraStyle
   }, label), children);
-};
-var _default = exports["default"] = FormSection;
+});
+
+exports["default"] = _default;
 //# sourceMappingURL=form-section.js.map

package/lib/form-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-section.js","names":["_react","_interopRequireDefault","require","_Typography","_styles","StyledFormSection","styled","_ref","theme","marginTop","spacing","marginBottom","StyledTypography","Typography","_ref2","FormSection","_ref3","className","label","children","labelExtraStyle","createElement","variant","style","_default","exports"],"sources":["../src/form-section.jsx"],"sourcesContent":["import React from 'react';\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\n\nconst StyledFormSection = styled('div')(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst StyledTypography = styled(Typography)(({ theme }) => ({\n  marginBottom: theme.spacing(1),\n}));\n\nconst FormSection = ({ className, label, children, labelExtraStyle }) => (\n  <StyledFormSection className={className}>\n    <StyledTypography variant=\"subtitle1\" style={labelExtraStyle}>\n      {label}\n    </StyledTypography>\n    {children}\n  </StyledFormSection>\n);\n\nexport default FormSection;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAMG,iBAAiB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IACtDC,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;IAC3BC,YAAY,EAAEH,KAAK,CAACE,OAAO,CAAC,CAAC;EAC/B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,gBAAgB,GAAG,IAAAN,cAAM,EAACO,sBAAU,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGN,KAAK,GAAAM,KAAA,CAALN,KAAK;EAAA,OAAQ;IAC1DG,YAAY,EAAEH,KAAK,CAACE,OAAO,CAAC,CAAC;EAC/B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA;EAAA,IAAMC,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAEC,eAAe,GAAAJ,KAAA,CAAfI,eAAe;EAAA,oBAChEpB,MAAA,YAAAqB,aAAA,CAAChB,iBAAiB;IAACY,SAAS,EAAEA;EAAU,gBACtCjB,MAAA,YAAAqB,aAAA,CAACT,gBAAgB;IAACU,OAAO,EAAC,WAAW;IAACC,KAAK,EAAEH;EAAgB,GAC1DF,KACe,CAAC,EAClBC,QACgB,CAAC;AAAA,CACrB;AAAC,IAAAK,QAAA,GAAAC,OAAA,cAEaV,WAAW","ignoreList":[]}
+{"version":3,"sources":["../src/form-section.jsx"],"names":["styles","theme","formSection","marginTop","spacing","unit","marginBottom","label","className","classes","children","labelExtraStyle"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,WAAW,EAAE;AACXC,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADrB;AAEXC,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB;AAFxB,KADY;AAKzBE,IAAAA,KAAK,EAAE;AACLD,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC;AADvB;AALkB,GAAZ;AAAA,CAAf;;eAUe,wBAAWL,MAAX,EAAmB;AAAA,MAAGQ,SAAH,QAAGA,SAAH;AAAA,MAAcC,OAAd,QAAcA,OAAd;AAAA,MAAuBF,KAAvB,QAAuBA,KAAvB;AAAA,MAA8BG,QAA9B,QAA8BA,QAA9B;AAAA,MAAwCC,eAAxC,QAAwCA,eAAxC;AAAA,sBAChC;AAAK,IAAA,SAAS,EAAE,4BAAWF,OAAO,CAACP,WAAnB,EAAgCM,SAAhC;AAAhB,kBACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEC,OAAO,CAACF,KAA/B;AAAsC,IAAA,IAAI,EAAC,YAA3C;AAAwD,IAAA,KAAK,EAAEI;AAA/D,KACGJ,KADH,CADF,EAIGG,QAJH,CADgC;AAAA,CAAnB,C","sourcesContent":["import React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = (theme) => ({\n  formSection: {\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  label: {\n    marginBottom: theme.spacing.unit,\n  },\n});\n\nexport default withStyles(styles)(({ className, classes, label, children, labelExtraStyle }) => (\n  <div className={classNames(classes.formSection, className)}>\n    <Typography className={classes.label} type=\"subheading\" style={labelExtraStyle}>\n      {label}\n    </Typography>\n    {children}\n  </div>\n));\n"],"file":"form-section.js"}

package/lib/help.js

@@ -1,84 +1,122 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.HelpDialog = exports.HelpButton = void 0;
+
 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 _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
-var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+
+var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
+
+var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _Help2 = _interopRequireDefault(require("@mui/icons-material/Help"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _Help = _interopRequireDefault(require("@material-ui/icons/Help"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@mui/material/styles");
-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 StyledIconButton = (0, _styles.styled)(_IconButton["default"])(function (_ref) {
-  var theme = _ref.theme;
+
+var _styles = require("@material-ui/core/styles");
+
+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 RawHelpButton = function RawHelpButton(_ref) {
+  var onClick = _ref.onClick,
+      classes = _ref.classes;
+  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    classes: {
+      label: classes.icon
+    },
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement(_Help["default"], null));
+};
+
+RawHelpButton.propTypes = {
+  onClick: _propTypes["default"].func,
+  classes: _propTypes["default"].object.isRequired
+};
+var HelpButton = (0, _styles.withStyles)(function (theme) {
   return {
-    '&:hover': {
-      color: theme.palette.grey[300]
+    icon: {
+      '&:hover': {
+        color: theme.palette.grey[300]
+      }
     }
   };
-});
-var HelpButton = exports.HelpButton = function HelpButton(_ref2) {
-  var onClick = _ref2.onClick;
-  return /*#__PURE__*/_react["default"].createElement(StyledIconButton, {
-    onClick: onClick,
-    size: "large"
-  }, /*#__PURE__*/_react["default"].createElement(_Help2["default"], null));
-};
-HelpButton.propTypes = {
-  onClick: _propTypes["default"].func
-};
-var HelpDialog = exports.HelpDialog = function HelpDialog(_ref3) {
-  var open = _ref3.open,
-    onClose = _ref3.onClose,
-    children = _ref3.children,
-    title = _ref3.title;
+})(RawHelpButton);
+exports.HelpButton = HelpButton;
+
+var HelpDialog = function HelpDialog(_ref2) {
+  var open = _ref2.open,
+      onClose = _ref2.onClose,
+      children = _ref2.children,
+      title = _ref2.title;
   return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
     open: open,
-    onClose: onClose
+    onRequestClose: onClose
   }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], null, children)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     onClick: onClose,
     color: "primary"
   }, "OK")));
 };
+
+exports.HelpDialog = HelpDialog;
 HelpDialog.propTypes = {
   open: _propTypes["default"].bool,
   onClose: _propTypes["default"].func,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   title: _propTypes["default"].string.isRequired
 };
+
 var Help = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Help, _React$Component);
+
+  var _super = _createSuper(Help);
+
   function Help(props) {
     var _this;
+
     (0, _classCallCheck2["default"])(this, Help);
-    _this = _callSuper(this, Help, [props]);
+    _this = _super.call(this, props);
     _this.state = {
       open: false
     };
     return _this;
   }
-  (0, _inherits2["default"])(Help, _React$Component);
-  return (0, _createClass2["default"])(Help, [{
+
+  (0, _createClass2["default"])(Help, [{
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props = this.props,
-        children = _this$props.children,
-        title = _this$props.title;
+          children = _this$props.children,
+          title = _this$props.title;
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(HelpButton, {
         color: "accent",
         onClick: function onClick() {
@@ -97,10 +135,13 @@ var Help = /*#__PURE__*/function (_React$Component) {
       }, children));
     }
   }]);
+  return Help;
 }(_react["default"].Component);
+
 (0, _defineProperty2["default"])(Help, "propTypes", {
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   title: _propTypes["default"].string
 });
-var _default = exports["default"] = Help;
+var _default = Help;
+exports["default"] = _default;
 //# sourceMappingURL=help.js.map

package/lib/help.js.map

@@ -1 +1 @@
-{"version":3,"file":"help.js","names":["_Dialog","_interopRequireDefault","require","_DialogTitle","_DialogContentText","_DialogContent","_DialogActions","_propTypes","_Button","_Help2","_IconButton","_react","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledIconButton","styled","IconButton","_ref","theme","color","palette","grey","HelpButton","exports","_ref2","onClick","createElement","size","propTypes","PropTypes","func","HelpDialog","_ref3","open","onClose","children","title","bool","oneOfType","arrayOf","node","isRequired","string","Help","_React$Component","props","_this","_classCallCheck2","state","_inherits2","_createClass2","key","value","render","_this2","_this$props","setState","React","Component","_defineProperty2","_default"],"sources":["../src/help.jsx"],"sourcesContent":["import Dialog from '@mui/material/Dialog';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogActions from '@mui/material/DialogActions';\nimport PropTypes from 'prop-types';\n\nimport Button from '@mui/material/Button';\nimport HelpIcon from '@mui/icons-material/Help';\nimport IconButton from '@mui/material/IconButton';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledIconButton = styled(IconButton)(({ theme }) => ({\n  '&:hover': {\n    color: theme.palette.grey[300],\n  },\n}));\n\nexport const HelpButton = ({ onClick }) => (\n  <StyledIconButton onClick={onClick} size=\"large\">\n    <HelpIcon />\n  </StyledIconButton>\n);\n\nHelpButton.propTypes = {\n  onClick: PropTypes.func,\n};\n\nexport const HelpDialog = ({ open, onClose, children, title }) => (\n  <Dialog open={open} onClose={onClose}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogContent>\n      <DialogContentText>{children}</DialogContentText>\n    </DialogContent>\n    <DialogActions>\n      <Button onClick={onClose} color=\"primary\">\n        OK\n      </Button>\n    </DialogActions>\n  </Dialog>\n);\n\nHelpDialog.propTypes = {\n  open: PropTypes.bool,\n  onClose: PropTypes.func,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  title: PropTypes.string.isRequired,\n};\n\nclass Help extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    title: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      open: false,\n    };\n  }\n\n  render() {\n    const { children, title } = this.props;\n\n    return (\n      <div>\n        <HelpButton color=\"accent\" onClick={() => this.setState({ open: true })} />\n\n        <HelpDialog open={this.state.open} title={title} onClose={() => this.setState({ open: false })}>\n          {children}\n        </HelpDialog>\n      </div>\n    );\n  }\n}\n\nexport default Help;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../src/help.jsx"],"names":["RawHelpButton","onClick","classes","label","icon","propTypes","PropTypes","func","object","isRequired","HelpButton","theme","color","palette","grey","HelpDialog","open","onClose","children","title","bool","oneOfType","arrayOf","node","string","Help","props","state","setState","React","Component"],"mappings":"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","sourcesContent":["import Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport HelpIcon from '@material-ui/icons/Help';\nimport IconButton from '@material-ui/core/IconButton';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst RawHelpButton = ({ onClick, classes }) => (\n  <IconButton\n    classes={{\n      label: classes.icon,\n    }}\n    onClick={onClick}\n  >\n    <HelpIcon />\n  </IconButton>\n);\n\nRawHelpButton.propTypes = {\n  onClick: PropTypes.func,\n  classes: PropTypes.object.isRequired,\n};\n\nexport const HelpButton = withStyles((theme) => ({\n  icon: {\n    '&:hover': {\n      color: theme.palette.grey[300],\n    },\n  },\n}))(RawHelpButton);\n\nexport const HelpDialog = ({ open, onClose, children, title }) => (\n  <Dialog open={open} onRequestClose={onClose}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogContent>\n      <DialogContentText>{children}</DialogContentText>\n    </DialogContent>\n    <DialogActions>\n      <Button onClick={onClose} color=\"primary\">\n        OK\n      </Button>\n    </DialogActions>\n  </Dialog>\n);\n\nHelpDialog.propTypes = {\n  open: PropTypes.bool,\n  onClose: PropTypes.func,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  title: PropTypes.string.isRequired,\n};\n\nclass Help extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    title: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      open: false,\n    };\n  }\n\n  render() {\n    const { children, title } = this.props;\n\n    return (\n      <div>\n        <HelpButton color=\"accent\" onClick={() => this.setState({ open: true })} />\n\n        <HelpDialog open={this.state.open} title={title} onClose={() => this.setState({ open: false })}>\n          {children}\n        </HelpDialog>\n      </div>\n    );\n  }\n}\n\nexport default Help;\n"],"file":"help.js"}

package/lib/index.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -157,30 +159,58 @@ Object.defineProperty(exports, "withStatefulModel", {
     return _withStatefulModel["default"];
   }
 });
+
 var _alertDialog = _interopRequireDefault(require("./alert-dialog"));
+
 var _feedbackConfig = _interopRequireWildcard(require("./feedback-config"));
+
 var _inputs = require("./inputs");
+
 var _langs = _interopRequireWildcard(require("./langs"));
+
 var _tabs = _interopRequireDefault(require("./tabs"));
+
 var _checkbox = _interopRequireDefault(require("./checkbox"));
+
 var _formSection = _interopRequireDefault(require("./form-section"));
+
 var _help = _interopRequireDefault(require("./help"));
+
 var _input = _interopRequireDefault(require("./input"));
+
 var _renderUi = require("@pie-lib/render-ui");
+
 var _numberTextField = _interopRequireDefault(require("./number-text-field"));
+
 var _numberTextFieldCustom = _interopRequireDefault(require("./number-text-field-custom"));
+
 var _twoChoice = _interopRequireWildcard(require("./two-choice"));
+
 var _tagsInput = _interopRequireDefault(require("./tags-input"));
+
 var _muiBox = _interopRequireDefault(require("./mui-box"));
+
 var _choiceConfiguration = _interopRequireDefault(require("./choice-configuration"));
+
 var layout = _interopRequireWildcard(require("./layout"));
+
 exports.layout = layout;
+
 var choiceUtils = _interopRequireWildcard(require("./choice-utils"));
+
 exports.choiceUtils = choiceUtils;
+
 var _withStatefulModel = _interopRequireDefault(require("./with-stateful-model"));
+
 var _toggle = _interopRequireDefault(require("./settings/toggle"));
+
 var _displaySize = _interopRequireDefault(require("./settings/display-size"));
+
 var settings = _interopRequireWildcard(require("./settings"));
+
 exports.settings = settings;
-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 _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; }
 //# sourceMappingURL=index.js.map