@pie-lib/render-ui 4.12.3 → 4.12.4

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.12.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.12.3...@pie-lib/render-ui@4.12.4) (2021-12-13)
+
+**Note:** Version bump only for package @pie-lib/render-ui
+
+
+
+
+
 ## [4.12.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.12.2...@pie-lib/render-ui@4.12.3) (2021-11-29)
 
 **Note:** Version bump only for package @pie-lib/render-ui

package/lib/preview-prompt.js

@@ -27,10 +27,10 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -47,9 +47,36 @@ function (_Component) {
   _inherits(PreviewPrompt, _Component);
 
   function PreviewPrompt() {
+    var _getPrototypeOf2;
+
+    var _this;
+
     _classCallCheck(this, PreviewPrompt);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(PreviewPrompt).apply(this, arguments));
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(PreviewPrompt)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "parsedText", function (text) {
+      // fix imported audio content for Safari PD-1419
+      var div = document.createElement('div');
+      div.innerHTML = text;
+      var audio = div.querySelector('audio');
+
+      if (audio) {
+        var source = document.createElement('source');
+        source.setAttribute('type', 'audio/mp3');
+        source.setAttribute('src', audio.getAttribute('src'));
+        audio.removeAttribute('src');
+        audio.appendChild(source);
+      }
+
+      return div.innerHTML;
+    });
+
+    return _this;
   }
 
   _createClass(PreviewPrompt, [{
@@ -68,7 +95,7 @@ function (_Component) {
         onClick: onClick,
         className: customClasses,
         dangerouslySetInnerHTML: {
-          __html: (prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
+          __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
         }
       });
     }
@@ -113,13 +140,11 @@ var styles = function 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'
       }

package/lib/preview-prompt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/preview-prompt.jsx"],"names":["NEWLINE_BLOCK_REGEX","NEWLINE_LATEX","PreviewPrompt","props","prompt","classes","tagName","className","onClick","defaultClassName","CustomTag","customClasses","promptTable","__html","replace","Component","PropTypes","object","string","func","styles","theme","verticalAlign","color","text","rationale","paddingLeft","spacing","unit","label","display","cursor","borderCollapse","borderTop","backgroundColor","border","padding","textAlign"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA,IAAMA,mBAAmB,GAAG,yBAA5B;AACA,IAAMC,aAAa,GAAG,YAAtB;;IAEaC,a;;;;;;;;;;;;;6BAcF;AAAA,wBACoE,KAAKC,KADzE;AAAA,UACCC,MADD,eACCA,MADD;AAAA,UACSC,OADT,eACSA,OADT;AAAA,UACkBC,OADlB,eACkBA,OADlB;AAAA,UAC2BC,SAD3B,eAC2BA,SAD3B;AAAA,UACsCC,OADtC,eACsCA,OADtC;AAAA,UAC+CC,gBAD/C,eAC+CA,gBAD/C;AAEP,UAAMC,SAAS,GAAGJ,OAAO,IAAI,KAA7B;AACA,UAAMK,aAAa,aAAMN,OAAO,CAACO,WAAd,cAA6BP,OAAO,CAACE,SAAD,CAAP,IAAsB,EAAnD,cAAyDE,gBAAgB,IAC1F,EADiB,CAAnB;AAGA,aACE,gCAAC,SAAD;AACE,QAAA,OAAO,EAAED,OADX;AAEE,QAAA,SAAS,EAAEG,aAFb;AAGE,QAAA,uBAAuB,EAAE;AACvBE,UAAAA,MAAM,EAAE,CAACT,MAAM,IAAI,EAAX,EAAeU,OAAf,CAAuBd,mBAAvB,EAA4CC,aAA5C;AADe;AAH3B,QADF;AASD;;;;EA7BgCc,gB;;;;gBAAtBb,a,eACQ;AACjBG,EAAAA,OAAO,EAAEW,sBAAUC,MADF;AAEjBb,EAAAA,MAAM,EAAEY,sBAAUE,MAFD;AAGjBZ,EAAAA,OAAO,EAAEU,sBAAUE,MAHF;AAIjBX,EAAAA,SAAS,EAAES,sBAAUE,MAJJ;AAKjBV,EAAAA,OAAO,EAAEQ,sBAAUG,IALF;AAMjBV,EAAAA,gBAAgB,EAAEO,sBAAUE;AANX,C;;gBADRhB,a,kBAUW;AACpBM,EAAAA,OAAO,EAAE,mBAAM,CAAE;AADG,C;;AAsBxB,IAAMY,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBjB,IAAAA,MAAM,EAAE;AACNkB,MAAAA,aAAa,EAAE,QADT;AAENC,MAAAA,KAAK,EAAEA,KAAK,CAACC,IAAN;AAFD,KADe;AAKvBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB;AADzB,KALY;AAQvBC,IAAAA,KAAK,EAAE;AACLN,MAAAA,KAAK,YAAKA,KAAK,CAACC,IAAN,EAAL,gBADA;AACgC;AACrCM,MAAAA,OAAO,EAAE,cAFJ;AAGLR,MAAAA,aAAa,EAAE,QAHV;AAILS,MAAAA,MAAM,EAAE;AAJH,KARgB;AAcvBnB,IAAAA,WAAW,EAAE;AACX,iCAA2B;AACzBoB,QAAAA,cAAc,EAAE;AADS,OADhB;AAIX,oCAA8B;AAC5BC,QAAAA,SAAS,EAAE,mBADiB;AAE5B,2BAAmB;AACjBC,UAAAA,eAAe,EAAE;AADA;AAFS,OAJnB;AAUX,gEAA0D;AACxDC,QAAAA,MAAM,EAAE,mBADgD;AAExDC,QAAAA,OAAO,EAAE,UAF+C;AAGxDC,QAAAA,SAAS,EAAE;AAH6C;AAV/C;AAdU,GAAL;AAAA,CAApB;;eA+Be,wBAAWjB,MAAX,EAAmBlB,aAAnB,C","sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\n//Used these below to replace \\\\embed{newLine} with \\\\newline from prompt which will get parsed in MathJax\nconst NEWLINE_BLOCK_REGEX = /\\\\embed\\{newLine\\}\\[\\]/g;\nconst NEWLINE_LATEX = '\\\\newline ';\n\nexport class PreviewPrompt extends Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    prompt: PropTypes.string,\n    tagName: PropTypes.string,\n    className: PropTypes.string,\n    onClick: PropTypes.func,\n    defaultClassName: PropTypes.string\n  };\n\n  static defaultProps = {\n    onClick: () => {}\n  };\n\n  render() {\n    const { prompt, classes, tagName, className, onClick, defaultClassName } = this.props;\n    const CustomTag = tagName || 'div';\n    const customClasses = `${classes.promptTable} ${classes[className] || ''} ${defaultClassName ||\n      ''}`;\n\n    return (\n      <CustomTag\n        onClick={onClick}\n        className={customClasses}\n        dangerouslySetInnerHTML={{\n          __html: (prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)\n        }}\n      />\n    );\n  }\n}\n\nconst styles = theme => ({\n  prompt: {\n    verticalAlign: 'middle',\n    color: color.text()\n  },\n  rationale: {\n    paddingLeft: theme.spacing.unit * 16\n  },\n  label: {\n    color: `${color.text()} !important`, //'var(--choice-input-color, black)',\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    cursor: 'pointer'\n  },\n  promptTable: {\n    '&:not(.MathJax) > table': {\n      borderCollapse: 'collapse'\n    },\n    '&:not(.MathJax) > table tr': {\n      borderTop: '1px solid #dfe2e5',\n      '&:nth-child(2n)': {\n        backgroundColor: '#f6f8fa'\n      }\n    },\n    '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {\n      border: '1px solid #dfe2e5',\n      padding: '.6em 1em',\n      textAlign: 'center'\n    }\n  }\n});\nexport default withStyles(styles)(PreviewPrompt);\n"],"file":"preview-prompt.js"}
+{"version":3,"sources":["../src/preview-prompt.jsx"],"names":["NEWLINE_BLOCK_REGEX","NEWLINE_LATEX","PreviewPrompt","text","div","document","createElement","innerHTML","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","props","prompt","classes","tagName","className","onClick","defaultClassName","CustomTag","customClasses","promptTable","__html","parsedText","replace","Component","PropTypes","object","string","func","styles","theme","verticalAlign","color","rationale","paddingLeft","spacing","unit","label","display","cursor","borderCollapse","backgroundColor","padding","textAlign"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\n//Used these below to replace \\\\embed{newLine} with \\\\newline from prompt which will get parsed in MathJax\nconst NEWLINE_BLOCK_REGEX = /\\\\embed\\{newLine\\}\\[\\]/g;\nconst NEWLINE_LATEX = '\\\\newline ';\n\nexport class PreviewPrompt extends Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    prompt: PropTypes.string,\n    tagName: PropTypes.string,\n    className: PropTypes.string,\n    onClick: PropTypes.func,\n    defaultClassName: PropTypes.string\n  };\n\n  static defaultProps = {\n    onClick: () => {}\n  };\n\n  parsedText = text => {\n    // fix imported audio content for Safari PD-1419\n    const div = document.createElement('div');\n    div.innerHTML = text;\n\n    const audio = div.querySelector('audio');\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  render() {\n    const { prompt, classes, tagName, className, onClick, defaultClassName } = this.props;\n    const CustomTag = tagName || 'div';\n    const customClasses = `${classes.promptTable} ${classes[className] || ''} ${defaultClassName ||\n      ''}`;\n\n    return (\n      <CustomTag\n        onClick={onClick}\n        className={customClasses}\n        dangerouslySetInnerHTML={{\n          __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)\n        }}\n      />\n    );\n  }\n}\n\nconst styles = theme => ({\n  prompt: {\n    verticalAlign: 'middle',\n    color: color.text()\n  },\n  rationale: {\n    paddingLeft: theme.spacing.unit * 16\n  },\n  label: {\n    color: `${color.text()} !important`, //'var(--choice-input-color, black)',\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    cursor: 'pointer'\n  },\n  promptTable: {\n    '&:not(.MathJax) > table': {\n      borderCollapse: 'collapse'\n    },\n    '&:not(.MathJax) > table tr': {\n      '&:nth-child(2n)': {\n        backgroundColor: '#f6f8fa'\n      }\n    },\n    '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {\n      padding: '.6em 1em',\n      textAlign: 'center'\n    }\n  }\n});\nexport default withStyles(styles)(PreviewPrompt);\n"],"file":"preview-prompt.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "4.12.3",
+  "version": "4.12.4",
   "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
   "module": "src/index.js",
   "main": "lib/index.js",
@@ -26,5 +26,5 @@
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "3575de076034eb451b0a66b2f3fd3d29802983ec"
+  "gitHead": "0fa7d2eea7cc8d058c396cbb3b74adaaf924b2fe"
 }

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'
     }