@pie-element/multi-trait-rubric 2.5.1-beta.1 → 2.5.1-beta.4

package/lib/scale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_renderUi","_trait","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","table","borderSpacing","marginBottom","borderRadius","color","text","fontSize","lineHeight","marginBlockStart","paddingInlineStart","padding","textAlign","backgroundColor","secondaryBackground","verticalAlign","width","scorePointHeader","border","minWidth","pointLabel","scorePointValue","fontWeight","Scale","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","classes","scale","scaleIndex","showDescription","showPointsLabels","showStandards","_ref","excludeZero","maxPoints","traitLabel","traits","scorePointsLabels","scorePointsValues","descriptions","pointsLabels","standards","pointValue","push","_traits$reduce","reduce","tcc","trait","traitStandards","concat","_toConsumableArray2","traitDescriptions","description","length","createElement","className","dangerouslySetInnerHTML","__html","map","index","traitIndex","React","Component","propTypes","PropTypes","object","number","shape","bool","arrayOf","string","name","scorePointsDescriptors","_default","withStyles","exports"],"sources":["../src/scale.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\nimport Trait from './trait';\n\nconst styles = () => ({\n  table: {\n    borderSpacing: 0,\n    marginBottom: '16px',\n    borderRadius: '4px',\n    color: color.text(),\n    fontSize: '14px',\n    lineHeight: '16px',\n\n    '& ul, ol': {\n      marginBlockStart: 0,\n      paddingInlineStart: '16px',\n    },\n\n    '& th': {\n      padding: '16px',\n      textAlign: 'left',\n      backgroundColor: color.secondaryBackground(),\n      verticalAlign: 'bottom',\n    },\n\n    '& th div': {\n      width: '200px',\n    },\n\n    '& td': {\n      width: '200px',\n      padding: '16px 8px',\n      verticalAlign: 'top',\n    },\n  },\n  scorePointHeader: {\n    '& td': {\n      border: 0,\n      padding: 0,\n      textAlign: 'center',\n      minWidth: '200px',\n    },\n  },\n  pointLabel: {\n    marginBottom: '4px',\n  },\n  scorePointValue: {\n    fontWeight: 'normal',\n  },\n});\n\nclass Scale extends React.Component {\n  render() {\n    const { classes, scale, scaleIndex, showDescription, showPointsLabels, showStandards } = this.props;\n    const { excludeZero, maxPoints, traitLabel, traits, scorePointsLabels } = scale || {};\n\n    let scorePointsValues = [];\n    let descriptions;\n    let pointsLabels;\n    let standards;\n    try {\n      // determining the score points values\n      for (let pointValue = maxPoints; pointValue >= excludeZero ? 1 : 0; pointValue -= 1) {\n        scorePointsValues.push(pointValue);\n      }\n\n      const { traitStandards, traitDescriptions } = traits.reduce(\n        (tcc, trait) => ({\n          traitStandards: [...tcc.traitStandards, ...(trait.standards || [])],\n          traitDescriptions: [...tcc.traitDescriptions, ...(trait.description || [])],\n        }),\n        {\n          traitStandards: [],\n          traitDescriptions: [],\n        },\n      );\n\n      descriptions = showDescription && traitDescriptions.length;\n      pointsLabels = showPointsLabels && scorePointsLabels.length;\n      standards = showStandards && traitStandards.length;\n    } catch (e) {\n      descriptions = false;\n      pointsLabels = false;\n      standards = false;\n    }\n\n    return (\n      <table key={`scale-${scaleIndex}`} className={classes.table}>\n        <thead>\n          <tr>\n            <th>\n              <div dangerouslySetInnerHTML={{ __html: traitLabel }} />\n            </th>\n\n            {standards ? (\n              <th>\n                <div>Standard(s)</div>\n              </th>\n            ) : null}\n\n            {descriptions ? (\n              <th>\n                <div>Description</div>\n              </th>\n            ) : null}\n\n            {scorePointsValues &&\n              scorePointsValues.map((scorePointValue, index) => {\n                let pointLabel = '';\n\n                // to handle the case when there aren't enough labels\n                try {\n                  pointLabel = scorePointsLabels[scorePointsValues.length - index - 1] || '';\n                } catch (e) {\n                  pointLabel = '';\n                }\n\n                return (\n                  <th key={`table-header-${index}`}>\n                    <table className={classes.scorePointHeader}>\n                      <thead>\n                        {pointsLabels ? (\n                          <tr>\n                            <td>\n                              <div className={classes.pointLabel} dangerouslySetInnerHTML={{ __html: pointLabel }} />\n                            </td>\n                          </tr>\n                        ) : null}\n                        <tr>\n                          <td className={classes.scorePointValue}>\n                            {scorePointValue === 1 ? `${scorePointValue} point` : `${scorePointValue} points`}\n                          </td>\n                        </tr>\n                      </thead>\n                    </table>\n                  </th>\n                );\n              })}\n          </tr>\n        </thead>\n\n        <tbody>\n          {traits &&\n            traits.map((trait, traitIndex) => (\n              <Trait\n                key={`trait_${scaleIndex}_${traitIndex}`}\n                trait={trait}\n                traitIndex={traitIndex}\n                showDescription={!!descriptions}\n                showStandards={!!standards}\n                scaleIndex={scaleIndex}\n                scorePointsValues={scorePointsValues}\n                excludeZero={excludeZero}\n              />\n            ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n\nScale.propTypes = {\n  classes: PropTypes.object,\n  scaleIndex: PropTypes.number,\n  scale: PropTypes.shape({\n    excludeZero: PropTypes.bool,\n    maxPoints: PropTypes.number,\n    scorePointsLabels: PropTypes.arrayOf(PropTypes.string),\n    traitLabel: PropTypes.string,\n    traits: PropTypes.arrayOf(\n      PropTypes.shape({\n        name: PropTypes.string,\n        standards: PropTypes.arrayOf(PropTypes.string),\n        scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n        description: PropTypes.string,\n      }),\n    ),\n  }),\n  showPointsLabels: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  showStandards: PropTypes.bool,\n};\n\nexport default withStyles(styles)(Scale);\n"],"mappings":"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"}

package/lib/trait.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _renderUi = require("@pie-lib/render-ui");
+var styles = function styles() {
+  return {
+    trait: {
+      '&$traitName': {
+        color: _renderUi.color.primaryDark(),
+        verticalAlign: 'middle'
+      }
+    },
+    noDescription: {
+      color: _renderUi.color.secondaryBackground(),
+      textAlign: 'center'
+    },
+    traitName: {}
+  };
+};
+var Trait = function Trait(props) {
+  var trait = props.trait,
+    traitIndex = props.traitIndex,
+    scaleIndex = props.scaleIndex,
+    showStandards = props.showStandards,
+    showDescription = props.showDescription,
+    scorePointsValues = props.scorePointsValues,
+    classes = props.classes;
+  var _ref = trait || {},
+    name = _ref.name,
+    standards = _ref.standards,
+    scorePointsDescriptors = _ref.scorePointsDescriptors,
+    description = _ref.description;
+  return /*#__PURE__*/_react["default"].createElement("tr", {
+    key: "scale-".concat(scaleIndex, "-trait-").concat(traitIndex)
+  }, /*#__PURE__*/_react["default"].createElement("td", {
+    className: "".concat(classes.trait, " ").concat(classes.traitName)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: name
+    }
+  })), showStandards ? /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: standards.join(',')
+    }
+  })) : null, showDescription ? /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: description
+    }
+  })) : null, scorePointsValues && scorePointsValues.map(function (scorePointValue, index) {
+    var scoreDescriptor;
+    try {
+      scoreDescriptor = scorePointsDescriptors[scorePointsValues.length - index - 1] || '';
+    } catch (e) {
+      scoreDescriptor = '';
+    }
+    return /*#__PURE__*/_react["default"].createElement("td", {
+      key: "table-cell-".concat(index)
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: !scoreDescriptor ? classes.noDescription : '',
+      dangerouslySetInnerHTML: {
+        __html: scoreDescriptor || 'No Description'
+      }
+    }));
+  }));
+};
+Trait.propTypes = {
+  classes: _propTypes["default"].object,
+  showStandards: _propTypes["default"].bool,
+  showDescription: _propTypes["default"].bool,
+  scorePointsValues: _propTypes["default"].arrayOf(_propTypes["default"].number),
+  scaleIndex: _propTypes["default"].number,
+  traitIndex: _propTypes["default"].number,
+  trait: _propTypes["default"].shape({
+    name: _propTypes["default"].string,
+    standards: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    scorePointsDescriptors: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    description: _propTypes["default"].string
+  })
+};
+var _default = (0, _styles.withStyles)(styles)(Trait);
+exports["default"] = _default;
+//# sourceMappingURL=trait.js.map

package/lib/trait.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trait.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_renderUi","styles","trait","color","primaryDark","verticalAlign","noDescription","secondaryBackground","textAlign","traitName","Trait","props","traitIndex","scaleIndex","showStandards","showDescription","scorePointsValues","classes","_ref","name","standards","scorePointsDescriptors","description","createElement","key","concat","className","dangerouslySetInnerHTML","__html","join","map","scorePointValue","index","scoreDescriptor","length","e","propTypes","PropTypes","object","bool","arrayOf","number","shape","string","_default","withStyles","exports"],"sources":["../src/trait.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst styles = () => ({\n  trait: {\n    '&$traitName': {\n      color: color.primaryDark(),\n      verticalAlign: 'middle',\n    },\n  },\n  noDescription: {\n    color: color.secondaryBackground(),\n    textAlign: 'center',\n  },\n  traitName: {},\n});\n\nconst Trait = (props) => {\n  const { trait, traitIndex, scaleIndex, showStandards, showDescription, scorePointsValues, classes } = props;\n  const { name, standards, scorePointsDescriptors, description } = trait || {};\n\n  return (\n    <tr key={`scale-${scaleIndex}-trait-${traitIndex}`}>\n      <td className={`${classes.trait} ${classes.traitName}`}>\n        <div dangerouslySetInnerHTML={{ __html: name }} />\n      </td>\n\n      {showStandards ? (\n        <td>\n          <div dangerouslySetInnerHTML={{ __html: standards.join(',') }} />\n        </td>\n      ) : null}\n\n      {showDescription ? (\n        <td>\n          <div dangerouslySetInnerHTML={{ __html: description }} />\n        </td>\n      ) : null}\n\n      {scorePointsValues &&\n        scorePointsValues.map((scorePointValue, index) => {\n          let scoreDescriptor;\n\n          try {\n            scoreDescriptor = scorePointsDescriptors[scorePointsValues.length - index - 1] || '';\n          } catch (e) {\n            scoreDescriptor = '';\n          }\n\n          return (\n            <td key={`table-cell-${index}`}>\n              <div\n                className={!scoreDescriptor ? classes.noDescription : ''}\n                dangerouslySetInnerHTML={{ __html: scoreDescriptor || 'No Description' }}\n              />\n            </td>\n          );\n        })}\n    </tr>\n  );\n};\n\nTrait.propTypes = {\n  classes: PropTypes.object,\n  showStandards: PropTypes.bool,\n  showDescription: PropTypes.bool,\n  scorePointsValues: PropTypes.arrayOf(PropTypes.number),\n  scaleIndex: PropTypes.number,\n  traitIndex: PropTypes.number,\n  trait: PropTypes.shape({\n    name: PropTypes.string,\n    standards: PropTypes.arrayOf(PropTypes.string),\n    scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n    description: PropTypes.string,\n  }),\n};\n\nexport default withStyles(styles)(Trait);\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/multi-trait-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.5.1-beta.1+73223f303",
+  "version": "2.5.1-beta.4+4157b2b34",
   "publishConfig": {
     "access": "public"
   },
@@ -16,7 +16,7 @@
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "73223f303ea31ca510b096d77e6fb06382b0f0c6",
+  "gitHead": "4157b2b34711d36e3fea05d833ab5ed9d4b05b48",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },