@pie-element/rubric 4.9.8-next.5 → 4.9.8-next.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/rubric",
-  "version": "4.9.8-next.5+1a8599988",
+  "version": "4.9.8-next.72+bb2d58615",
   "main": "lib/index.js",
   "module": "src/index.js",
   "description": "Rubric Scoring Interaction",
@@ -10,12 +10,13 @@
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-lib/pie-toolbox": "2.25.0",
+    "@pie-lib/math-rendering": "^3.12.0",
+    "@pie-lib/render-ui": "^4.25.0",
     "prop-types": "^15.7.2"
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "1a8599988419994ada116fac0862057925e4583c",
+  "gitHead": "bb2d58615291cb18ae4b0c5f3113c1309056ce62",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },

package/src/index.js

@@ -2,7 +2,7 @@ import Rubric from './main';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import debug from 'debug';
-import { renderMath } from '@pie-lib/pie-toolbox/math-rendering';
+import { renderMath } from '@pie-lib/math-rendering';
 
 export default class RubricRender extends HTMLElement {
   constructor() {

package/src/main.jsx

@@ -3,7 +3,7 @@ import { withStyles } from '@material-ui/core/styles';
 import ListItem from '@material-ui/core/ListItem';
 import List from '@material-ui/core/List';
 import Collapse from '@material-ui/core/Collapse';
-import { color, UiLayout } from '@pie-lib/pie-toolbox/render-ui';
+import { color, UiLayout } from '@pie-lib/render-ui';
 import PropTypes from 'prop-types';
 
 export const RubricType = PropTypes.shape({
@@ -66,13 +66,17 @@ class Rubric extends React.Component {
               return (
                 <React.Fragment key={index}>
                   <ListItem key={`P${index}`} className={classes.listColumn}>
-                    <h3 className={classes.titleText}>{pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}</h3>
+                    <h3 className={classes.titleText}>
+                      {pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}
+                    </h3>
                     <div className={classes.text} dangerouslySetInnerHTML={{ __html: desc }} />
                   </ListItem>
 
                   {sampleAnswers && sampleAnswers[index] && (
                     <ListItem key={`S${index}`} className={classes.listColumn}>
-                      <h4 className={classes.titleText} style={{ fontWeight: 'normal' }}>Sample Answer</h4>
+                      <h4 className={classes.titleText} style={{ fontWeight: 'normal' }}>
+                        Sample Answer
+                      </h4>
                       <div className={classes.text} dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />
                     </ListItem>
                   )}
@@ -95,19 +99,38 @@ class Rubric extends React.Component {
                 role="button"
                 aria-expanded={this.state.rubricOpen}
                 onClick={this.toggleRubric}
-                onKeyPress={e => {
+                onKeyPress={(e) => {
                   if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();
                 }}
               >
                 {this.state.linkPrefix} Rubric
-                <span
-                  className={classes.chevronStyle}
-                  aria-hidden="true"
-                >
+                <span className={classes.chevronStyle} aria-hidden="true">
                   {this.state.rubricOpen ? (
-                    <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>
+                    <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>
                   ) : (
-                    <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>
+                    <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>
                   )}
                 </span>
               </h2>
@@ -172,7 +195,7 @@ const styles = (theme) => ({
     fontSize: theme.typography.fontSize,
     fontWeight: '500',
     color: color.tertiary(),
-    margin: 0
+    margin: 0,
   },
   chevronStyle: {
     display: 'inline-flex',

package/src/print.js

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import debounce from 'lodash/debounce';
 import Main from './main';
-import { renderMath } from '@pie-lib/pie-toolbox/math-rendering';
+import { renderMath } from '@pie-lib/math-rendering';
 import debug from 'debug';
 
 const log = debug('pie-element:rubric:print');