@pie-lib/render-ui 4.14.16-next.0 → 4.14.16

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.14.16](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.14.15...@pie-lib/render-ui@4.14.16) (2023-03-13)
+
+
+### Bug Fixes
+
+* **multiple-choice:** fix style for choice labels ([a16fcf0](https://github.com/pie-framework/pie-lib/commit/a16fcf072ce45f929bf0f1e4dbe9eadd00f19230))
+
+
+
+
+
 ## [4.14.15](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.14.13...@pie-lib/render-ui@4.14.15) (2023-02-28)
 
 

package/lib/preview-prompt.js

@@ -170,7 +170,7 @@ var styles = function styles(theme) {
     label: {
       color: "".concat(color.text(), " !important"),
       //'var(--choice-input-color, black)',
-      display: 'inline-block',
+      display: 'inline-flex',
       verticalAlign: 'middle',
       cursor: 'pointer'
     },

package/lib/preview-prompt.js.map

@@ -1 +1 @@
-{"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","previewPrompt","images","getElementsByTagName","length","image","attributes","alignment","value","parentNode","parentElement","tagName","style","display","width","copyImage","cloneNode","replaceChild","props","prompt","classes","className","onClick","defaultClassName","CustomTag","customClasses","promptTable","__html","parsedText","replace","Component","PropTypes","object","string","func","styles","theme","verticalAlign","color","rationale","paddingLeft","spacing","unit","paddingBottom","label","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  componentDidUpdate() {\n    // set image parent style so it can be horizontally aligned\n    const previewPrompt = document.querySelector('#preview-prompt');\n    const images = previewPrompt && previewPrompt.getElementsByTagName('img');\n\n    if (images && images.length) {\n      for (let image of images) {\n        // check if alignment property was set\n        if (image.attributes && image.attributes.alignment && image.attributes.alignment.value) {\n          const parentNode = image.parentElement;\n\n          // check if div is not already added to dom and replace current image with wrapped image\n          if (\n            !(parentNode.tagName === 'DIV' && parentNode.style.display === 'flex' && parentNode.style.width === '100%')\n          ) {\n            const div = document.createElement('div');\n            div.style.display = 'flex';\n            div.style.width = '100%';\n\n            const copyImage = image.cloneNode(true);\n            div.appendChild(copyImage);\n            parentNode.replaceChild(div, image);\n          }\n        }\n      }\n    }\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    return (\n      <CustomTag\n        id={'preview-prompt'}\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 * 4,\n    paddingBottom: theme.spacing.unit,\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"}
+{"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","previewPrompt","images","getElementsByTagName","length","image","attributes","alignment","value","parentNode","parentElement","tagName","style","display","width","copyImage","cloneNode","replaceChild","props","prompt","classes","className","onClick","defaultClassName","CustomTag","customClasses","promptTable","__html","parsedText","replace","Component","PropTypes","object","string","func","styles","theme","verticalAlign","color","rationale","paddingLeft","spacing","unit","paddingBottom","label","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  componentDidUpdate() {\n    // set image parent style so it can be horizontally aligned\n    const previewPrompt = document.querySelector('#preview-prompt');\n    const images = previewPrompt && previewPrompt.getElementsByTagName('img');\n\n    if (images && images.length) {\n      for (let image of images) {\n        // check if alignment property was set\n        if (image.attributes && image.attributes.alignment && image.attributes.alignment.value) {\n          const parentNode = image.parentElement;\n\n          // check if div is not already added to dom and replace current image with wrapped image\n          if (\n            !(parentNode.tagName === 'DIV' && parentNode.style.display === 'flex' && parentNode.style.width === '100%')\n          ) {\n            const div = document.createElement('div');\n            div.style.display = 'flex';\n            div.style.width = '100%';\n\n            const copyImage = image.cloneNode(true);\n            div.appendChild(copyImage);\n            parentNode.replaceChild(div, image);\n          }\n        }\n      }\n    }\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    return (\n      <CustomTag\n        id={'preview-prompt'}\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 * 4,\n    paddingBottom: theme.spacing.unit,\n  },\n  label: {\n    color: `${color.text()} !important`, //'var(--choice-input-color, black)',\n    display: 'inline-flex',\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.14.16-next.0+ef6613d5",
+  "version": "4.14.16",
   "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": "ef6613d501acf20960e80c04ef2daa1966faf4a3"
+  "gitHead": "54086b4c3f19099207228bf9a764f9fbdb70a46b"
 }

package/src/preview-prompt.jsx

@@ -97,7 +97,7 @@ const styles = (theme) => ({
   },
   label: {
     color: `${color.text()} !important`, //'var(--choice-input-color, black)',
-    display: 'inline-block',
+    display: 'inline-flex',
     verticalAlign: 'middle',
     cursor: 'pointer',
   },