@pie-element/rubric 4.8.2-next.20 → 4.8.2-next.4

package/lib/main.js

@@ -199,21 +199,7 @@ var styles = function styles(theme) {
   return {
     root: {
       color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      // apply styles to tables to match the rest of the UI
-      '&:not(.MathJax) table': {
-        borderCollapse: 'collapse'
-      },
-      '&:not(.MathJax) table td, &:not(.MathJax) table th': {
-        padding: '8px 12px',
-        textAlign: 'left'
-      },
-      // reset paragraph margins and line-height inside lists to override client styles
-      '& ul p, & ol p': {
-        marginBottom: 0,
-        marginTop: 0,
-        lineHeight: 'normal'
-      }
+      backgroundColor: _renderUi.color.background()
     },
     listColumn: {
       display: 'flex',

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["RubricType","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","animationsDisabled","Rubric","props","index","value","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","model","classes","extraCSSRules","rubricList","slice","reverse","map","desc","length","pointsLabel","listColumn","titleText","text","__html","fontWeight","root","hiddenScreenReader","rubricToggle","e","key","chevronStyle","React","Component","object","isRequired","styles","theme","color","backgroundColor","background","borderCollapse","padding","textAlign","marginBottom","marginTop","lineHeight","display","flexDirection","alignItems","listColumnItem","fontSize","margin","paddingBottom","cursor","userSelect","typography","tertiary","transition","marginLeft","alignSelf","position","width","height","overflow","clip","border","whiteSpace"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ListItem from '@material-ui/core/ListItem';\nimport List from '@material-ui/core/List';\nimport Collapse from '@material-ui/core/Collapse';\nimport { color, UiLayout } from '@pie-lib/pie-toolbox/render-ui';\nimport PropTypes from 'prop-types';\n\nexport const RubricType = PropTypes.shape({\n  excludeZero: PropTypes.bool,\n  points: PropTypes.arrayOf(PropTypes.string),\n  sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n  animationsDisabled: PropTypes.bool,\n});\n\nclass Rubric extends React.Component {\n  dudUrl = 'javascript:;';\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      rubricOpen: false,\n      linkPrefix: 'Show',\n    };\n    this.toggleRubric = this.toggleRubric.bind(this);\n  }\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    animationsDisabled: PropTypes.bool,\n    value: RubricType,\n  };\n\n  toggleRubric() {\n    this.setState({ rubricOpen: !this.state.rubricOpen });\n    this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\n  }\n\n  shouldRenderPoint = (index, value) => {\n    if (!value.excludeZero) {\n      return true;\n    } else {\n      return index !== 0;\n    }\n  };\n\n  render() {\n    const { model, value, classes } = this.props;\n    let { animationsDisabled } = this.props;\n    animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n    if (value && value.points) {\n      const { extraCSSRules } = model || {};\n      const { points, sampleAnswers } = value;\n\n      const rubricList = (\n        <List component=\"nav\">\n          {points\n            .slice(0)\n            .reverse()\n            .map((desc, index) => {\n              index = points.length - index - 1;\n              const pointsLabel = value.excludeZero ? index + 1 : index;\n\n              return (\n                <React.Fragment key={index}>\n                  <ListItem key={`P${index}`} className={classes.listColumn}>\n                    <h3 className={classes.titleText}>{pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}</h3>\n                    <div className={classes.text} dangerouslySetInnerHTML={{ __html: desc }} />\n                  </ListItem>\n\n                  {sampleAnswers && sampleAnswers[index] && (\n                    <ListItem key={`S${index}`} className={classes.listColumn}>\n                      <h4 className={classes.titleText} style={{ fontWeight: 'normal' }}>Sample Answer</h4>\n                      <div className={classes.text} dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n                    </ListItem>\n                  )}\n                </React.Fragment>\n              );\n            })}\n        </List>\n      );\n\n      return (\n        <UiLayout extraCSSRules={extraCSSRules} className={classes.root}>\n          {/* screen reader only heading for navigation as per PD-5057 */}\n          <h2 className={classes.hiddenScreenReader}>Rubric</h2>\n          {!animationsDisabled ? (\n            <React.Fragment>\n              <h2\n                id={'rubric-toggle'}\n                className={classes.rubricToggle}\n                tabIndex={0}\n                role=\"button\"\n                aria-expanded={this.state.rubricOpen}\n                onClick={this.toggleRubric}\n                onKeyPress={e => {\n                  if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();\n                }}\n              >\n                {this.state.linkPrefix} Rubric\n                <span\n                  className={classes.chevronStyle}\n                  aria-hidden=\"true\"\n                >\n                  {this.state.rubricOpen ? (\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><polyline points=\"18 15 12 9 6 15\"></polyline></svg>\n                  ) : (\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>\n                  )}\n                </span>\n              </h2>\n              <Collapse in={this.state.rubricOpen} timeout=\"auto\">\n                {rubricList}\n              </Collapse>\n            </React.Fragment>\n          ) : (\n            rubricList\n          )}\n        </UiLayout>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nconst styles = (theme) => ({\n  root: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    // apply styles to tables to match the rest of the UI\n    '&:not(.MathJax) table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '8px 12px',\n      textAlign: 'left',\n    },\n    // reset paragraph margins and line-height inside lists to override client styles\n    '& ul p, & ol p': {\n      marginBottom: 0,\n      marginTop: 0,\n      lineHeight: 'normal',\n    },\n  },\n  listColumn: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    padding: '12px 0px',\n  },\n  listColumnItem: {\n    padding: 0,\n  },\n  text: {\n    color: color.text(),\n  },\n  titleText: {\n    color: color.text(),\n    fontSize: '16px',\n    fontWeight: '700',\n    margin: 0,\n    paddingBottom: '6px',\n  },\n  rubricToggle: {\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    userSelect: 'none',\n    fontSize: theme.typography.fontSize,\n    fontWeight: '500',\n    color: color.tertiary(),\n    margin: 0\n  },\n  chevronStyle: {\n    display: 'inline-flex',\n    transition: 'transform 0.2s',\n    marginLeft: 2,\n    alignSelf: 'center',\n  },\n  hiddenScreenReader: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    padding: 0,\n    margin: '-1px',\n    overflow: 'hidden',\n    clip: 'rect(0,0,0,0)',\n    border: 0,\n    whiteSpace: 'nowrap',\n  },\n});\n\nexport default withStyles(styles)(Rubric);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["RubricType","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","animationsDisabled","Rubric","props","index","value","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","model","classes","extraCSSRules","rubricList","slice","reverse","map","desc","length","pointsLabel","listColumn","titleText","text","__html","fontWeight","root","hiddenScreenReader","rubricToggle","e","key","chevronStyle","React","Component","object","isRequired","styles","theme","color","backgroundColor","background","display","flexDirection","alignItems","padding","listColumnItem","fontSize","margin","paddingBottom","cursor","userSelect","typography","tertiary","transition","marginLeft","alignSelf","position","width","height","overflow","clip","border","whiteSpace"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ListItem from '@material-ui/core/ListItem';\nimport List from '@material-ui/core/List';\nimport Collapse from '@material-ui/core/Collapse';\nimport { color, UiLayout } from '@pie-lib/pie-toolbox/render-ui';\nimport PropTypes from 'prop-types';\n\nexport const RubricType = PropTypes.shape({\n  excludeZero: PropTypes.bool,\n  points: PropTypes.arrayOf(PropTypes.string),\n  sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n  animationsDisabled: PropTypes.bool,\n});\n\nclass Rubric extends React.Component {\n  dudUrl = 'javascript:;';\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      rubricOpen: false,\n      linkPrefix: 'Show',\n    };\n    this.toggleRubric = this.toggleRubric.bind(this);\n  }\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    animationsDisabled: PropTypes.bool,\n    value: RubricType,\n  };\n\n  toggleRubric() {\n    this.setState({ rubricOpen: !this.state.rubricOpen });\n    this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\n  }\n\n  shouldRenderPoint = (index, value) => {\n    if (!value.excludeZero) {\n      return true;\n    } else {\n      return index !== 0;\n    }\n  };\n\n  render() {\n    const { model, value, classes } = this.props;\n    let { animationsDisabled } = this.props;\n    animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n    if (value && value.points) {\n      const { extraCSSRules } = model || {};\n      const { points, sampleAnswers } = value;\n\n      const rubricList = (\n        <List component=\"nav\">\n          {points\n            .slice(0)\n            .reverse()\n            .map((desc, index) => {\n              index = points.length - index - 1;\n              const pointsLabel = value.excludeZero ? index + 1 : index;\n\n              return (\n                <React.Fragment key={index}>\n                  <ListItem key={`P${index}`} className={classes.listColumn}>\n                    <h3 className={classes.titleText}>{pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}</h3>\n                    <div className={classes.text} dangerouslySetInnerHTML={{ __html: desc }} />\n                  </ListItem>\n\n                  {sampleAnswers && sampleAnswers[index] && (\n                    <ListItem key={`S${index}`} className={classes.listColumn}>\n                      <h4 className={classes.titleText} style={{ fontWeight: 'normal' }}>Sample Answer</h4>\n                      <div className={classes.text} dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n                    </ListItem>\n                  )}\n                </React.Fragment>\n              );\n            })}\n        </List>\n      );\n\n      return (\n        <UiLayout extraCSSRules={extraCSSRules} className={classes.root}>\n          {/* screen reader only heading for navigation as per PD-5057 */}\n          <h2 className={classes.hiddenScreenReader}>Rubric</h2>\n          {!animationsDisabled ? (\n            <React.Fragment>\n              <h2\n                id={'rubric-toggle'}\n                className={classes.rubricToggle}\n                tabIndex={0}\n                role=\"button\"\n                aria-expanded={this.state.rubricOpen}\n                onClick={this.toggleRubric}\n                onKeyPress={e => {\n                  if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();\n                }}\n              >\n                {this.state.linkPrefix} Rubric\n                <span\n                  className={classes.chevronStyle}\n                  aria-hidden=\"true\"\n                >\n                  {this.state.rubricOpen ? (\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><polyline points=\"18 15 12 9 6 15\"></polyline></svg>\n                  ) : (\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>\n                  )}\n                </span>\n              </h2>\n              <Collapse in={this.state.rubricOpen} timeout=\"auto\">\n                {rubricList}\n              </Collapse>\n            </React.Fragment>\n          ) : (\n            rubricList\n          )}\n        </UiLayout>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nconst styles = (theme) => ({\n  root: {\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  listColumn: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    padding: '12px 0px',\n  },\n  listColumnItem: {\n    padding: 0,\n  },\n  text: {\n    color: color.text(),\n  },\n  titleText: {\n    color: color.text(),\n    fontSize: '16px',\n    fontWeight: '700',\n    margin: 0,\n    paddingBottom: '6px',\n  },\n  rubricToggle: {\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    userSelect: 'none',\n    fontSize: theme.typography.fontSize,\n    fontWeight: '500',\n    color: color.tertiary(),\n    margin: 0\n  },\n  chevronStyle: {\n    display: 'inline-flex',\n    transition: 'transform 0.2s',\n    marginLeft: 2,\n    alignSelf: 'center',\n  },\n  hiddenScreenReader: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    padding: 0,\n    margin: '-1px',\n    overflow: 'hidden',\n    clip: 'rect(0,0,0,0)',\n    border: 0,\n    whiteSpace: 'nowrap',\n  },\n});\n\nexport default withStyles(styles)(Rubric);\n"],"file":"main.js"}

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@5.0.4/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@5.0.3/module/index.js";
 import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@8.0.2/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {

package/module/element.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@5.0.4/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@5.0.3/module/index.js";
 import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@8.0.2/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -7877,19 +7877,7 @@ Rubric.__initStatic();
 const styles = theme => ({
   root: {
     color: color.text(),
-    backgroundColor: color.background(),
-    '&:not(.MathJax) table': {
-      borderCollapse: 'collapse'
-    },
-    '&:not(.MathJax) table td, &:not(.MathJax) table th': {
-      padding: '8px 12px',
-      textAlign: 'left'
-    },
-    '& ul p, & ol p': {
-      marginBottom: 0,
-      marginTop: 0,
-      lineHeight: 'normal'
-    }
+    backgroundColor: color.background()
   },
   listColumn: {
     display: 'flex',

package/module/manifest.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "5.0.4"
+      "version": "5.0.3"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_lodash, _dll_pie_lib__pie_toolbox_math_rendering, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@5.0.4/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_lodash, _dll_pie_lib__pie_toolbox_math_rendering, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@5.0.3/module/index.js";
 import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@8.0.2/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -7877,19 +7877,7 @@ Rubric.__initStatic();
 const styles = theme => ({
   root: {
     color: color.text(),
-    backgroundColor: color.background(),
-    '&:not(.MathJax) table': {
-      borderCollapse: 'collapse'
-    },
-    '&:not(.MathJax) table td, &:not(.MathJax) table th': {
-      padding: '8px 12px',
-      textAlign: 'left'
-    },
-    '& ul p, & ol p': {
-      marginBottom: 0,
-      marginTop: 0,
-      lineHeight: 'normal'
-    }
+    backgroundColor: color.background()
   },
   listColumn: {
     display: 'flex',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/rubric",
-  "version": "4.8.2-next.20+04f51a260",
+  "version": "4.8.2-next.4+f2fd6fc8c",
   "main": "lib/index.js",
   "module": "src/index.js",
   "description": "Rubric Scoring Interaction",
@@ -15,7 +15,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "04f51a260930d47ef8c8df0cf2261e7338d9614f",
+  "gitHead": "f2fd6fc8c21d285b44f3c113d1dad0232030c4bf",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },

package/src/main.jsx

@@ -130,20 +130,6 @@ const styles = (theme) => ({
   root: {
     color: color.text(),
     backgroundColor: color.background(),
-    // apply styles to tables to match the rest of the UI
-    '&:not(.MathJax) table': {
-      borderCollapse: 'collapse',
-    },
-    '&:not(.MathJax) table td, &:not(.MathJax) table th': {
-      padding: '8px 12px',
-      textAlign: 'left',
-    },
-    // reset paragraph margins and line-height inside lists to override client styles
-    '& ul p, & ol p': {
-      marginBottom: 0,
-      marginTop: 0,
-      lineHeight: 'normal',
-    },
   },
   listColumn: {
     display: 'flex',