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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [4.15.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.15.0...@pie-lib/render-ui@4.15.1) (2023-08-21)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **render-ui:** DNA-17953 - avoid fontSize to fave initial value, avoid margins fot p elements ([3bdf0cf](https://github.com/pie-framework/pie-lib/commit/3bdf0cfa0ff343444b387b4840e904d76b27b41a))
12
+
13
+
14
+
15
+
16
+
6
17
  # [4.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.14.29...@pie-lib/render-ui@4.15.0) (2023-08-15)
7
18
 
8
19
 
@@ -179,7 +179,9 @@ var styles = function styles(theme) {
179
179
  display: 'inline-block',
180
180
  verticalAlign: 'middle',
181
181
  cursor: 'pointer',
182
- fontSize: 'initial !important'
182
+ '& > p': {
183
+ margin: '0 0 0 0 !important'
184
+ }
183
185
  },
184
186
  promptTable: {
185
187
  '&:not(.MathJax) > table': {
@@ -1 +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","legendClass","customClasses","promptTable","__html","parsedText","replace","Component","PropTypes","object","string","func","styles","theme","verticalAlign","color","legend","fontSize","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 // legend tag was added once with accessibility tasks, wee need extra style to make it work with images alignment\n const legendClass = tagName === 'legend' ? 'legend' : '';\n const customClasses = `${classes.promptTable} ${classes[className] || ''} ${defaultClassName || ''} ${classes[\n legendClass\n ] || ''}`;\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 legend: {\n width: '100%',\n fontSize: 'inherit !important',\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 fontSize: 'initial !important',\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"}
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","legendClass","customClasses","promptTable","__html","parsedText","replace","Component","PropTypes","object","string","func","styles","theme","verticalAlign","color","legend","fontSize","rationale","paddingLeft","spacing","unit","paddingBottom","label","cursor","margin","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 // legend tag was added once with accessibility tasks, wee need extra style to make it work with images alignment\n const legendClass = tagName === 'legend' ? 'legend' : '';\n const customClasses = `${classes.promptTable} ${classes[className] || ''} ${defaultClassName || ''} ${classes[\n legendClass\n ] || ''}`;\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 legend: {\n width: '100%',\n fontSize: 'inherit !important',\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 '& > p': {\n margin: '0 0 0 0 !important',\n },\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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-lib/render-ui",
3
- "version": "4.15.1-next.0+1f4273ab",
3
+ "version": "4.15.1",
4
4
  "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
5
5
  "module": "src/index.js",
6
6
  "main": "lib/index.js",
@@ -26,5 +26,5 @@
26
26
  "react": "^16.8.1",
27
27
  "react-dom": "^16.8.1"
28
28
  },
29
- "gitHead": "1f4273ab1a244f1586c06526b703b2777859f481"
29
+ "gitHead": "e25ae1d1c32fafbad580d2f5b3a5cded88e5dbc9"
30
30
  }
@@ -108,7 +108,9 @@ const styles = (theme) => ({
108
108
  display: 'inline-block',
109
109
  verticalAlign: 'middle',
110
110
  cursor: 'pointer',
111
- fontSize: 'initial !important',
111
+ '& > p': {
112
+ margin: '0 0 0 0 !important',
113
+ },
112
114
  },
113
115
  promptTable: {
114
116
  '&:not(.MathJax) > table': {