@pie-lib/render-ui 4.12.0 → 4.12.1-next.293

package/lib/withUndoReset.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,11 +19,13 @@ var _Restore = _interopRequireDefault(require("@material-ui/icons/Restore"));
 
 var _Undo = _interopRequireDefault(require("@material-ui/icons/Undo"));
 
+var _excluded = ["classes"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+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 _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -29,29 +33,37 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -86,17 +98,17 @@ var styles = function styles(theme) {
 
 
 var withUndoReset = function withUndoReset(WrappedComponent) {
-  var WithUndoReset =
-  /*#__PURE__*/
-  function (_React$Component) {
+  var WithUndoReset = /*#__PURE__*/function (_React$Component) {
     _inherits(WithUndoReset, _React$Component);
 
+    var _super = _createSuper(WithUndoReset);
+
     function WithUndoReset(props) {
       var _this;
 
       _classCallCheck(this, WithUndoReset);
 
-      _this = _possibleConstructorReturn(this, _getPrototypeOf(WithUndoReset).call(this, props));
+      _this = _super.call(this, props);
 
       _defineProperty(_assertThisInitialized(_this), "onSessionChange", function (session) {
         _this.setState(function (state) {
@@ -147,30 +159,30 @@ var withUndoReset = function withUndoReset(WrappedComponent) {
       value: function render() {
         var _this$props = this.props,
             classes = _this$props.classes,
-            rest = _objectWithoutProperties(_this$props, ["classes"]);
+            rest = _objectWithoutProperties(_this$props, _excluded);
 
         var _this$state = this.state,
             changes = _this$state.changes,
             session = _this$state.session;
-        return React.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: classes.wrapper
-        }, React.createElement("div", {
+        }, /*#__PURE__*/React.createElement("div", {
           className: classes.resetUndoContainer
-        }, React.createElement(_Button["default"], {
+        }, /*#__PURE__*/React.createElement(_Button["default"], {
           className: classes.buttonContainer,
           color: "primary",
           disabled: changes.length === 0,
           onClick: this.onUndo
-        }, React.createElement(_Undo["default"], {
+        }, /*#__PURE__*/React.createElement(_Undo["default"], {
           className: classes.icon
-        }), " Undo"), React.createElement(_Button["default"], {
+        }), " Undo"), /*#__PURE__*/React.createElement(_Button["default"], {
           className: classes.buttonContainer,
           color: "primary",
           disabled: changes.length === 0,
           onClick: this.onReset
-        }, React.createElement(_Restore["default"], {
+        }, /*#__PURE__*/React.createElement(_Restore["default"], {
           className: classes.icon
-        }), " Start Over")), React.createElement(WrappedComponent, _extends({}, rest, {
+        }), " Start Over")), /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, rest, {
           session: session,
           onSessionChange: this.onSessionChange
         })));

package/lib/withUndoReset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/withUndoReset.jsx"],"names":["styles","theme","wrapper","display","flexDirection","resetUndoContainer","alignItems","justifyContent","icon","width","height","color","marginRight","spacing","unit","buttonContainer","marginLeft","withUndoReset","WrappedComponent","WithUndoReset","props","session","setState","state","changes","onSessionChange","newChanges","pop","length","sessionInitialValues","JSON","parse","stringify","classes","rest","onUndo","onReset","React","Component","PropTypes","object","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nimport Restore from '@material-ui/icons/Restore';\nimport Undo from '@material-ui/icons/Undo';\n\nconst styles = theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  resetUndoContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  },\n  icon: {\n    width: '24px',\n    height: '24px',\n    color: 'gray',\n    marginRight: theme.spacing.unit\n  },\n  buttonContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: theme.spacing.unit * 3,\n    marginRight: theme.spacing.unit * 3\n  }\n});\n\n/**\n * HOC that adds undo and reset functionality for session values\n */\nconst withUndoReset = WrappedComponent => {\n  class WithUndoReset extends React.Component {\n    static propTypes = {\n      classes: PropTypes.object,\n      session: PropTypes.object,\n      onSessionChange: PropTypes.func\n    };\n\n    constructor(props) {\n      super(props);\n\n      this.state = {\n        sessionInitialValues: JSON.parse(JSON.stringify(props.session)),\n        session: props.session,\n        changes: []\n      };\n    }\n\n    onSessionChange = session => {\n      this.setState(\n        state => ({ session, changes: [...state.changes, session] }),\n        () => this.props.onSessionChange(session)\n      );\n    };\n\n    onUndo = () => {\n      this.setState(\n        state => {\n          const newChanges = [...state.changes];\n\n          newChanges.pop();\n\n          return {\n            changes: newChanges,\n            session: newChanges.length\n              ? newChanges[newChanges.length - 1]\n              : state.sessionInitialValues\n          };\n        },\n        () => this.props.onSessionChange(this.state.session)\n      );\n    };\n\n    onReset = () => {\n      this.setState(\n        state => ({ session: state.sessionInitialValues, changes: [] }),\n        () => this.props.onSessionChange(this.state.sessionInitialValues)\n      );\n    };\n\n    render() {\n      const { classes, ...rest } = this.props;\n      const { changes, session } = this.state;\n\n      return (\n        <div className={classes.wrapper}>\n          <div className={classes.resetUndoContainer}>\n            <Button\n              className={classes.buttonContainer}\n              color=\"primary\"\n              disabled={changes.length === 0}\n              onClick={this.onUndo}\n            >\n              <Undo className={classes.icon} /> Undo\n            </Button>\n            <Button\n              className={classes.buttonContainer}\n              color=\"primary\"\n              disabled={changes.length === 0}\n              onClick={this.onReset}\n            >\n              <Restore className={classes.icon} /> Start Over\n            </Button>\n          </div>\n          <WrappedComponent {...rest} session={session} onSessionChange={this.onSessionChange} />\n        </div>\n      );\n    }\n  }\n\n  return withStyles(styles)(WithUndoReset);\n};\n\nexport default withUndoReset;\n"],"file":"withUndoReset.js"}
+{"version":3,"file":"withUndoReset.js","names":["styles","theme","wrapper","display","flexDirection","resetUndoContainer","alignItems","justifyContent","icon","width","height","color","marginRight","spacing","unit","buttonContainer","marginLeft","withUndoReset","WrappedComponent","WithUndoReset","props","session","setState","state","changes","onSessionChange","newChanges","pop","length","sessionInitialValues","JSON","parse","stringify","classes","rest","onUndo","onReset","React","Component","PropTypes","object","func","withStyles"],"sources":["../src/withUndoReset.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nimport Restore from '@material-ui/icons/Restore';\nimport Undo from '@material-ui/icons/Undo';\n\nconst styles = theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  resetUndoContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  },\n  icon: {\n    width: '24px',\n    height: '24px',\n    color: 'gray',\n    marginRight: theme.spacing.unit\n  },\n  buttonContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: theme.spacing.unit * 3,\n    marginRight: theme.spacing.unit * 3\n  }\n});\n\n/**\n * HOC that adds undo and reset functionality for session values\n */\nconst withUndoReset = WrappedComponent => {\n  class WithUndoReset extends React.Component {\n    static propTypes = {\n      classes: PropTypes.object,\n      session: PropTypes.object,\n      onSessionChange: PropTypes.func\n    };\n\n    constructor(props) {\n      super(props);\n\n      this.state = {\n        sessionInitialValues: JSON.parse(JSON.stringify(props.session)),\n        session: props.session,\n        changes: []\n      };\n    }\n\n    onSessionChange = session => {\n      this.setState(\n        state => ({ session, changes: [...state.changes, session] }),\n        () => this.props.onSessionChange(session)\n      );\n    };\n\n    onUndo = () => {\n      this.setState(\n        state => {\n          const newChanges = [...state.changes];\n\n          newChanges.pop();\n\n          return {\n            changes: newChanges,\n            session: newChanges.length\n              ? newChanges[newChanges.length - 1]\n              : state.sessionInitialValues\n          };\n        },\n        () => this.props.onSessionChange(this.state.session)\n      );\n    };\n\n    onReset = () => {\n      this.setState(\n        state => ({ session: state.sessionInitialValues, changes: [] }),\n        () => this.props.onSessionChange(this.state.sessionInitialValues)\n      );\n    };\n\n    render() {\n      const { classes, ...rest } = this.props;\n      const { changes, session } = this.state;\n\n      return (\n        <div className={classes.wrapper}>\n          <div className={classes.resetUndoContainer}>\n            <Button\n              className={classes.buttonContainer}\n              color=\"primary\"\n              disabled={changes.length === 0}\n              onClick={this.onUndo}\n            >\n              <Undo className={classes.icon} /> Undo\n            </Button>\n            <Button\n              className={classes.buttonContainer}\n              color=\"primary\"\n              disabled={changes.length === 0}\n              onClick={this.onReset}\n            >\n              <Restore className={classes.icon} /> Start Over\n            </Button>\n          </div>\n          <WrappedComponent {...rest} session={session} onSessionChange={this.onSessionChange} />\n        </div>\n      );\n    }\n  }\n\n  return withStyles(styles)(WithUndoReset);\n};\n\nexport default withUndoReset;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACvBC,OAAO,EAAE;MACPC,OAAO,EAAE,MADF;MAEPC,aAAa,EAAE;IAFR,CADc;IAKvBC,kBAAkB,EAAE;MAClBF,OAAO,EAAE,MADS;MAElBG,UAAU,EAAE,QAFM;MAGlBC,cAAc,EAAE;IAHE,CALG;IAUvBC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJC,MAAM,EAAE,MAFJ;MAGJC,KAAK,EAAE,MAHH;MAIJC,WAAW,EAAEX,KAAK,CAACY,OAAN,CAAcC;IAJvB,CAViB;IAgBvBC,eAAe,EAAE;MACfZ,OAAO,EAAE,MADM;MAEfG,UAAU,EAAE,QAFG;MAGfU,UAAU,EAAEf,KAAK,CAACY,OAAN,CAAcC,IAAd,GAAqB,CAHlB;MAIfF,WAAW,EAAEX,KAAK,CAACY,OAAN,CAAcC,IAAd,GAAqB;IAJnB;EAhBM,CAAL;AAAA,CAApB;AAwBA;AACA;AACA;;;AACA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,gBAAgB,EAAI;EAAA,IAClCC,aADkC;IAAA;;IAAA;;IAQtC,uBAAYC,KAAZ,EAAmB;MAAA;;MAAA;;MACjB,0BAAMA,KAAN;;MADiB,kEAUD,UAAAC,OAAO,EAAI;QAC3B,MAAKC,QAAL,CACE,UAAAC,KAAK;UAAA,OAAK;YAAEF,OAAO,EAAPA,OAAF;YAAWG,OAAO,+BAAMD,KAAK,CAACC,OAAZ,IAAqBH,OAArB;UAAlB,CAAL;QAAA,CADP,EAEE;UAAA,OAAM,MAAKD,KAAL,CAAWK,eAAX,CAA2BJ,OAA3B,CAAN;QAAA,CAFF;MAID,CAfkB;;MAAA,yDAiBV,YAAM;QACb,MAAKC,QAAL,CACE,UAAAC,KAAK,EAAI;UACP,IAAMG,UAAU,sBAAOH,KAAK,CAACC,OAAb,CAAhB;;UAEAE,UAAU,CAACC,GAAX;UAEA,OAAO;YACLH,OAAO,EAAEE,UADJ;YAELL,OAAO,EAAEK,UAAU,CAACE,MAAX,GACLF,UAAU,CAACA,UAAU,CAACE,MAAX,GAAoB,CAArB,CADL,GAELL,KAAK,CAACM;UAJL,CAAP;QAMD,CAZH,EAaE;UAAA,OAAM,MAAKT,KAAL,CAAWK,eAAX,CAA2B,MAAKF,KAAL,CAAWF,OAAtC,CAAN;QAAA,CAbF;MAeD,CAjCkB;;MAAA,0DAmCT,YAAM;QACd,MAAKC,QAAL,CACE,UAAAC,KAAK;UAAA,OAAK;YAAEF,OAAO,EAAEE,KAAK,CAACM,oBAAjB;YAAuCL,OAAO,EAAE;UAAhD,CAAL;QAAA,CADP,EAEE;UAAA,OAAM,MAAKJ,KAAL,CAAWK,eAAX,CAA2B,MAAKF,KAAL,CAAWM,oBAAtC,CAAN;QAAA,CAFF;MAID,CAxCkB;;MAGjB,MAAKN,KAAL,GAAa;QACXM,oBAAoB,EAAEC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeZ,KAAK,CAACC,OAArB,CAAX,CADX;QAEXA,OAAO,EAAED,KAAK,CAACC,OAFJ;QAGXG,OAAO,EAAE;MAHE,CAAb;MAHiB;IAQlB;;IAhBqC;MAAA;MAAA,OAkDtC,kBAAS;QACP,kBAA6B,KAAKJ,KAAlC;QAAA,IAAQa,OAAR,eAAQA,OAAR;QAAA,IAAoBC,IAApB;;QACA,kBAA6B,KAAKX,KAAlC;QAAA,IAAQC,OAAR,eAAQA,OAAR;QAAA,IAAiBH,OAAjB,eAAiBA,OAAjB;QAEA,oBACE;UAAK,SAAS,EAAEY,OAAO,CAAC/B;QAAxB,gBACE;UAAK,SAAS,EAAE+B,OAAO,CAAC5B;QAAxB,gBACE,oBAAC,kBAAD;UACE,SAAS,EAAE4B,OAAO,CAAClB,eADrB;UAEE,KAAK,EAAC,SAFR;UAGE,QAAQ,EAAES,OAAO,CAACI,MAAR,KAAmB,CAH/B;UAIE,OAAO,EAAE,KAAKO;QAJhB,gBAME,oBAAC,gBAAD;UAAM,SAAS,EAAEF,OAAO,CAACzB;QAAzB,EANF,UADF,eASE,oBAAC,kBAAD;UACE,SAAS,EAAEyB,OAAO,CAAClB,eADrB;UAEE,KAAK,EAAC,SAFR;UAGE,QAAQ,EAAES,OAAO,CAACI,MAAR,KAAmB,CAH/B;UAIE,OAAO,EAAE,KAAKQ;QAJhB,gBAME,oBAAC,mBAAD;UAAS,SAAS,EAAEH,OAAO,CAACzB;QAA5B,EANF,gBATF,CADF,eAmBE,oBAAC,gBAAD,eAAsB0B,IAAtB;UAA4B,OAAO,EAAEb,OAArC;UAA8C,eAAe,EAAE,KAAKI;QAApE,GAnBF,CADF;MAuBD;IA7EqC;;IAAA;EAAA,EACZY,KAAK,CAACC,SADM;;EAAA,gBAClCnB,aADkC,eAEnB;IACjBc,OAAO,EAAEM,qBAAA,CAAUC,MADF;IAEjBnB,OAAO,EAAEkB,qBAAA,CAAUC,MAFF;IAGjBf,eAAe,EAAEc,qBAAA,CAAUE;EAHV,CAFmB;;EAgFxC,OAAO,IAAAC,kBAAA,EAAW1C,MAAX,EAAmBmB,aAAnB,CAAP;AACD,CAjFD;;eAmFeF,a"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "4.12.0",
+  "version": "4.12.1-next.293+3590ae12",
   "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
   "module": "src/index.js",
   "main": "lib/index.js",
@@ -12,7 +12,7 @@
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
     "@pie-lib/icons": "^2.4.25",
-    "@pie-lib/math-rendering": "^2.3.9",
+    "@pie-lib/math-rendering": "^2.3.10-next.293+3590ae12",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "prop-types": "^15.7.2",
@@ -26,5 +26,5 @@
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "de37d3ba44d3e7934e2f804381fe50d2da16a29a"
+  "gitHead": "3590ae12172fe75e01913377461331542d536b24"
 }

package/src/preview-prompt.jsx

@@ -21,6 +21,25 @@ export class PreviewPrompt extends Component {
     onClick: () => {}
   };
 
+  parsedText = text => {
+    // fix imported audio content for Safari PD-1419
+    const div = document.createElement('div');
+    div.innerHTML = text;
+
+    const audio = div.querySelector('audio');
+    if (audio) {
+      const source = document.createElement('source');
+
+      source.setAttribute('type', 'audio/mp3');
+      source.setAttribute('src', audio.getAttribute('src'));
+
+      audio.removeAttribute('src');
+      audio.appendChild(source);
+    }
+
+    return div.innerHTML;
+  };
+
   render() {
     const { prompt, classes, tagName, className, onClick, defaultClassName } = this.props;
     const CustomTag = tagName || 'div';
@@ -32,7 +51,7 @@ export class PreviewPrompt extends Component {
         onClick={onClick}
         className={customClasses}
         dangerouslySetInnerHTML={{
-          __html: (prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
+          __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
         }}
       />
     );
@@ -58,13 +77,11 @@ const styles = theme => ({
       borderCollapse: 'collapse'
     },
     '&:not(.MathJax) > table tr': {
-      borderTop: '1px solid #dfe2e5',
       '&:nth-child(2n)': {
         backgroundColor: '#f6f8fa'
       }
     },
     '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {
-      border: '1px solid #dfe2e5',
       padding: '.6em 1em',
       textAlign: 'center'
     }