@pie-lib/render-ui 4.14.23-next.3 → 4.14.24-next.23

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.14.23](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.14.22...@pie-lib/render-ui@4.14.23) (2023-05-01)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **multiple-choice:** fix vertical allignment within choice labels PD-2720 ([7307ca7](https://github.com/pie-framework/pie-lib/commit/7307ca7738c7f0fc76b635b3b8571c168d4bb8fb))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [4.14.22](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.14.21...@pie-lib/render-ui@4.14.22) (2023-04-25)
7
18
 
8
19
 
package/lib/color.js CHANGED
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.v = exports.text = exports.secondaryText = exports.secondaryLight = exports.secondaryDark = exports.secondaryBackground = exports.secondary = exports.primaryText = exports.primaryLight = exports.primaryDark = exports.primary = exports.incorrect = exports.disabled = exports.defaults = exports.correct = exports.background = void 0;
8
+ exports.v = exports.text = exports.secondaryText = exports.secondaryLight = exports.secondaryDark = exports.secondaryBackground = exports.secondary = exports.primaryText = exports.primaryLight = exports.primaryDark = exports.primary = exports.missing = exports.incorrect = exports.disabled = exports.defaults = exports.correct = exports.background = void 0;
9
9
 
10
10
  var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
11
11
 
@@ -15,11 +15,14 @@ var _pink = _interopRequireDefault(require("@material-ui/core/colors/pink"));
15
15
 
16
16
  var _indigo = _interopRequireDefault(require("@material-ui/core/colors/indigo"));
17
17
 
18
+ var _red = _interopRequireDefault(require("@material-ui/core/colors/red"));
19
+
18
20
  var defaults = {
19
21
  TEXT: 'black',
20
22
  DISABLED: 'grey',
21
23
  CORRECT: _green["default"][500],
22
24
  INCORRECT: _orange["default"][500],
25
+ MISSING: _red["default"][500],
23
26
  PRIMARY: _indigo["default"][500],
24
27
  PRIMARY_LIGHT: _indigo["default"][200],
25
28
  PRIMARY_DARK: _indigo["default"][800],
@@ -72,6 +75,12 @@ var incorrect = function incorrect() {
72
75
 
73
76
  exports.incorrect = incorrect;
74
77
 
78
+ var missing = function missing() {
79
+ return pv('missing', defaults.MISSING);
80
+ };
81
+
82
+ exports.missing = missing;
83
+
75
84
  var primary = function primary() {
76
85
  return pv('primary', defaults.PRIMARY);
77
86
  };
package/lib/color.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/color.js"],"names":["defaults","TEXT","DISABLED","CORRECT","green","INCORRECT","orange","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","BACKGROUND","SECONDARY_BACKGROUND","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","correct","incorrect","primary","primaryLight","primaryDark","primaryText","secondary","secondaryLight","secondaryDark","secondaryText","background","secondaryBackground"],"mappings":"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","sourcesContent":["import green from '@material-ui/core/colors/green';\nimport orange from '@material-ui/core/colors/orange';\nimport pink from '@material-ui/core/colors/pink';\nimport indigo from '@material-ui/core/colors/indigo';\n\nexport const defaults = {\n TEXT: 'black',\n DISABLED: 'grey',\n CORRECT: green[500],\n INCORRECT: orange[500],\n PRIMARY: indigo[500],\n PRIMARY_LIGHT: indigo[200],\n PRIMARY_DARK: indigo[800],\n SECONDARY: pink.A400,\n SECONDARY_LIGHT: pink[200],\n SECONDARY_DARK: pink[900],\n BACKGROUND: 'rgba(255,255,255,0)',\n SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',\n};\n\nObject.freeze(defaults);\n\nexport const v = (prefix) => (...args) => {\n const fallback = args.pop();\n return args.reduceRight((acc, v) => {\n return `var(--${prefix}-${v}, ${acc})`;\n }, fallback);\n};\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\n"],"file":"color.js"}
1
+ {"version":3,"sources":["../src/color.js"],"names":["defaults","TEXT","DISABLED","CORRECT","green","INCORRECT","orange","MISSING","red","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","BACKGROUND","SECONDARY_BACKGROUND","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","correct","incorrect","missing","primary","primaryLight","primaryDark","primaryText","secondary","secondaryLight","secondaryDark","secondaryText","background","secondaryBackground"],"mappings":"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","sourcesContent":["import green from '@material-ui/core/colors/green';\nimport orange from '@material-ui/core/colors/orange';\nimport pink from '@material-ui/core/colors/pink';\nimport indigo from '@material-ui/core/colors/indigo';\nimport red from '@material-ui/core/colors/red';\n\nexport const defaults = {\n TEXT: 'black',\n DISABLED: 'grey',\n CORRECT: green[500],\n INCORRECT: orange[500],\n MISSING: red[500],\n PRIMARY: indigo[500],\n PRIMARY_LIGHT: indigo[200],\n PRIMARY_DARK: indigo[800],\n SECONDARY: pink.A400,\n SECONDARY_LIGHT: pink[200],\n SECONDARY_DARK: pink[900],\n BACKGROUND: 'rgba(255,255,255,0)',\n SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',\n};\n\nObject.freeze(defaults);\n\nexport const v = (prefix) => (...args) => {\n const fallback = args.pop();\n return args.reduceRight((acc, v) => {\n return `var(--${prefix}-${v}, ${acc})`;\n }, fallback);\n};\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\nexport const missing = () => pv('missing', defaults.MISSING);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\n"],"file":"color.js"}
@@ -175,7 +175,7 @@ var styles = function styles(theme) {
175
175
  label: {
176
176
  color: "".concat(color.text(), " !important"),
177
177
  //'var(--choice-input-color, black)',
178
- display: 'inline-flex',
178
+ display: 'inline-block',
179
179
  verticalAlign: 'middle',
180
180
  cursor: 'pointer'
181
181
  },
@@ -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","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 },\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"}
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","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 },\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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-lib/render-ui",
3
- "version": "4.14.23-next.3+9bc09dc3",
3
+ "version": "4.14.24-next.23+dd92bfed",
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": "9bc09dc319af7ba5b956ce5713d3c248f60440fd"
29
+ "gitHead": "dd92bfed275accd27fab1d06cbff00d3f41be332"
30
30
  }
package/src/color.js CHANGED
@@ -2,12 +2,14 @@ import green from '@material-ui/core/colors/green';
2
2
  import orange from '@material-ui/core/colors/orange';
3
3
  import pink from '@material-ui/core/colors/pink';
4
4
  import indigo from '@material-ui/core/colors/indigo';
5
+ import red from '@material-ui/core/colors/red';
5
6
 
6
7
  export const defaults = {
7
8
  TEXT: 'black',
8
9
  DISABLED: 'grey',
9
10
  CORRECT: green[500],
10
11
  INCORRECT: orange[500],
12
+ MISSING: red[500],
11
13
  PRIMARY: indigo[500],
12
14
  PRIMARY_LIGHT: indigo[200],
13
15
  PRIMARY_DARK: indigo[800],
@@ -33,6 +35,7 @@ export const text = () => pv('text', defaults.TEXT);
33
35
  export const disabled = () => pv('disabled', defaults.DISABLED);
34
36
  export const correct = () => pv('correct', defaults.CORRECT);
35
37
  export const incorrect = () => pv('incorrect', defaults.INCORRECT);
38
+ export const missing = () => pv('missing', defaults.MISSING);
36
39
 
37
40
  export const primary = () => pv('primary', defaults.PRIMARY);
38
41
  export const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);
@@ -104,7 +104,7 @@ const styles = (theme) => ({
104
104
  },
105
105
  label: {
106
106
  color: `${color.text()} !important`, //'var(--choice-input-color, black)',
107
- display: 'inline-flex',
107
+ display: 'inline-block',
108
108
  verticalAlign: 'middle',
109
109
  cursor: 'pointer',
110
110
  },