@pie-element/complex-rubric 1.12.0 → 1.12.1-beta.1

package/configure/node_modules/@pie-element/multi-trait-rubric/lib/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+
+var _main = _interopRequireDefault(require("./main"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var MultiTraitRubric = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(MultiTraitRubric, _HTMLElement);
+
+  var _super = _createSuper(MultiTraitRubric);
+
+  function MultiTraitRubric() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, MultiTraitRubric);
+    _this = _super.call(this);
+    _this._model = {};
+    _this._session = null;
+    return _this;
+  }
+
+  (0, _createClass2["default"])(MultiTraitRubric, [{
+    key: "model",
+    set: function set(s) {
+      this._model = s;
+      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this._session, !!this._model));
+
+      this._render();
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this._render();
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+        model: this._model,
+        session: this._session
+      });
+
+      _reactDom["default"].render(el, this);
+    }
+  }]);
+  return MultiTraitRubric;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = MultiTraitRubric;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/multi-trait-rubric/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["MultiTraitRubric","_model","_session","s","dispatchEvent","ModelSetEvent","tagName","toLowerCase","_render","el","React","createElement","Main","model","session","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAEqBA,gB;;;;;AACnB,8BAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAc,EAAd;AACA,UAAKC,QAAL,GAAgB,IAAhB;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKF,MAAL,GAAcE,CAAd;AACA,WAAKC,aAAL,CAAmB,IAAIC,8BAAJ,CAAkB,KAAKC,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAAKL,QAAnD,EAA6D,CAAC,CAAC,KAAKD,MAApE,CAAnB;;AAEA,WAAKO,OAAL;AACD;;;SAMD,eAAc;AACZ,aAAO,KAAKN,QAAZ;AACD,K;SAND,aAAYC,CAAZ,EAAe;AACb,WAAKD,QAAL,GAAgBC,CAAhB;AACD;;;WAMD,6BAAoB;AAClB,WAAKK,OAAL;AACD;;;WAED,mBAAU;AACR,UAAMC,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AAAEC,QAAAA,KAAK,EAAE,KAAKZ,MAAd;AAAsBa,QAAAA,OAAO,EAAE,KAAKZ;AAApC,OAA1B,CAAX;;AAEAa,2BAASC,MAAT,CAAgBP,EAAhB,EAAoB,IAApB;AACD;;;kDA9B2CQ,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ModelSetEvent } from '@pie-framework/pie-player-events';\nimport Main from './main';\n\nexport default class MultiTraitRubric extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {};\n    this._session = null;\n  }\n\n  set model(s) {\n    this._model = s;\n    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this._session, !!this._model));\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    const el = React.createElement(Main, { model: this._model, session: this._session });\n\n    ReactDOM.render(el, this);\n  }\n}\n"],"file":"index.js"}

package/configure/node_modules/@pie-element/multi-trait-rubric/lib/main.js

@@ -0,0 +1,161 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _scale = _interopRequireDefault(require("./scale"));
+
+var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
+
+var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
+
+var _renderUi = require("@pie-lib/render-ui");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+
+  var _super = _createSuper(Main);
+
+  function Main(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Main);
+    _this = _super.call(this, props);
+    _this.state = {
+      rubricOpen: false,
+      linkPrefix: 'Show'
+    };
+    _this.toggleRubric = _this.toggleRubric.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Main, [{
+    key: "toggleRubric",
+    value: function toggleRubric() {
+      this.setState({
+        rubricOpen: !this.state.rubricOpen
+      });
+      this.setState({
+        linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide'
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var model = this.props.model;
+      var animationsDisabled = this.props.animationsDisabled;
+
+      var _ref = model || {},
+          halfScoring = _ref.halfScoring,
+          scales = _ref.scales,
+          visible = _ref.visible,
+          pointLabels = _ref.pointLabels,
+          description = _ref.description,
+          standards = _ref.standards,
+          arrowsDisabled = _ref.arrowsDisabled;
+
+      animationsDisabled = animationsDisabled || model.animationsDisabled;
+
+      if (!scales || !visible) {
+        return null;
+      }
+
+      var rubricItem = /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          fontFamily: 'Cerebri Sans',
+          color: _renderUi.color.text(),
+          backgroundColor: _renderUi.color.background()
+        }
+      }, halfScoring ? /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          marginBottom: '16px'
+        }
+      }, "* Half-point or in-between scores are permitted under this rubric.") : null, scales.map(function (scale, scaleIndex) {
+        return /*#__PURE__*/_react["default"].createElement(_scale["default"], {
+          key: "scale_".concat(scaleIndex),
+          scale: scale,
+          scaleIndex: scaleIndex,
+          showPointsLabels: pointLabels,
+          showDescription: description,
+          showStandards: standards,
+          arrowsDisabled: arrowsDisabled
+        });
+      }));
+
+      if (animationsDisabled) {
+        return rubricItem;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: _renderUi.color.text(),
+          backgroundColor: _renderUi.color.background()
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+        style: {
+          backgroundColor: _renderUi.color.background()
+        },
+        href: this.dudUrl,
+        onClick: this.toggleRubric
+      }, this.state.linkPrefix, " Rubric"), /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+        style: {
+          marginTop: '16px'
+        },
+        "in": this.state.rubricOpen,
+        timeout: "auto"
+      }, rubricItem));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+
+Main.propTypes = {
+  model: _propTypes["default"].shape({
+    halfScoring: _propTypes["default"].bool,
+    scales: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+      excludeZero: _propTypes["default"].bool,
+      maxPoints: _propTypes["default"].number,
+      scorePointsLabels: _propTypes["default"].arrayOf(_propTypes["default"].string),
+      traitLabel: _propTypes["default"].string,
+      traits: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+        name: _propTypes["default"].string,
+        description: _propTypes["default"].string,
+        scorePointsDescriptors: _propTypes["default"].arrayOf(_propTypes["default"].string),
+        standards: _propTypes["default"].arrayOf(_propTypes["default"].string)
+      }))
+    })),
+    visible: _propTypes["default"].bool,
+    pointLabels: _propTypes["default"].bool,
+    description: _propTypes["default"].bool,
+    standards: _propTypes["default"].bool,
+    animationsDisabled: _propTypes["default"].bool
+  }),
+  animationsDisabled: _propTypes["default"].bool
+};
+var _default = Main;
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map

package/configure/node_modules/@pie-element/multi-trait-rubric/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","model","animationsDisabled","halfScoring","scales","visible","pointLabels","description","standards","arrowsDisabled","rubricItem","fontFamily","color","text","backgroundColor","background","marginBottom","map","scale","scaleIndex","dudUrl","marginTop","React","Component","propTypes","PropTypes","shape","bool","arrayOf","excludeZero","maxPoints","number","scorePointsLabels","string","traitLabel","traits","name","scorePointsDescriptors"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Scale from './scale';\nimport Link from '@material-ui/core/Link';\nimport Collapse from '@material-ui/core/Collapse';\nimport { color } from '@pie-lib/render-ui';\n\nclass Main extends React.Component {\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  toggleRubric() {\n    this.setState({ rubricOpen: !this.state.rubricOpen });\n    this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\n  }\n\n  render() {\n    const { model } = this.props;\n    let { animationsDisabled } = this.props;\n    const { halfScoring, scales, visible, pointLabels, description, standards, arrowsDisabled } = model || {};\n    animationsDisabled = animationsDisabled || model.animationsDisabled;\n\n    if (!scales || !visible) {\n      return null;\n    }\n\n    const rubricItem = (\n      <div style={{ fontFamily: 'Cerebri Sans', color: color.text(), backgroundColor: color.background() }}>\n        {halfScoring ? (\n          <div style={{ marginBottom: '16px' }}>* Half-point or in-between scores are permitted under this rubric.</div>\n        ) : null}\n\n        {scales.map((scale, scaleIndex) => (\n          <Scale\n            key={`scale_${scaleIndex}`}\n            scale={scale}\n            scaleIndex={scaleIndex}\n            showPointsLabels={pointLabels}\n            showDescription={description}\n            showStandards={standards}\n            arrowsDisabled={arrowsDisabled}\n          />\n        ))}\n      </div>\n    );\n\n    if (animationsDisabled) {\n      return rubricItem;\n    }\n\n    return (\n      <div style={{ color: color.text(), backgroundColor: color.background() }}>\n        <Link style={{ backgroundColor: color.background() }} href={this.dudUrl} onClick={this.toggleRubric}>\n          {this.state.linkPrefix} Rubric\n        </Link>\n        <Collapse style={{ marginTop: '16px' }} in={this.state.rubricOpen} timeout=\"auto\">\n          {rubricItem}\n        </Collapse>\n      </div>\n    );\n  }\n}\n\nMain.propTypes = {\n  model: PropTypes.shape({\n    halfScoring: PropTypes.bool,\n    scales: PropTypes.arrayOf(\n      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            description: PropTypes.string,\n            scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n            standards: PropTypes.arrayOf(PropTypes.string),\n          }),\n        ),\n      }),\n    ),\n    visible: PropTypes.bool,\n    pointLabels: PropTypes.bool,\n    description: PropTypes.bool,\n    standards: PropTypes.bool,\n    animationsDisabled: PropTypes.bool,\n  }),\n  animationsDisabled: PropTypes.bool,\n};\n\nexport default Main;\n"],"file":"main.js"}

package/configure/node_modules/@pie-element/multi-trait-rubric/lib/scale.js

@@ -0,0 +1,330 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 _trait = _interopRequireDefault(require("./trait"));
+
+var _ArrowBackIos = _interopRequireDefault(require("@material-ui/icons/ArrowBackIos"));
+
+var _ArrowForwardIos = _interopRequireDefault(require("@material-ui/icons/ArrowForwardIos"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  return {
+    wrapper: {
+      display: 'flex',
+      position: 'relative'
+    },
+    tableWrapper: {
+      width: '100%',
+      overflow: 'auto'
+    },
+    table: {
+      borderSpacing: 0,
+      marginBottom: theme.spacing.unit * 2,
+      borderRadius: '4px',
+      color: _renderUi.color.text(),
+      fontSize: theme.typography.fontSize,
+      lineHeight: '16px',
+      overflow: 'unset',
+      '& ul, ol': {
+        marginBlockStart: 0,
+        paddingInlineStart: theme.spacing.unit * 2
+      },
+      '& th': {
+        padding: theme.spacing.unit * 2,
+        textAlign: 'left',
+        backgroundColor: _renderUi.color.secondaryBackground(),
+        verticalAlign: 'bottom'
+      },
+      '& th div': {
+        width: '200px'
+      },
+      '& td': {
+        width: '200px',
+        padding: "".concat(theme.spacing.unit * 2, "px ").concat(theme.spacing.unit, "px"),
+        verticalAlign: 'top'
+      }
+    },
+    scorePointHeader: {
+      '& td': {
+        border: 0,
+        padding: 0,
+        textAlign: 'center',
+        minWidth: '200px'
+      }
+    },
+    pointLabel: {
+      marginBottom: '4px'
+    },
+    scorePointValue: {
+      fontWeight: 'normal'
+    }
+  };
+};
+
+var ArrowContainer = function ArrowContainer(_ref) {
+  var show = _ref.show,
+      onClick = _ref.onClick,
+      extraStyles = _ref.extraStyles,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: _objectSpread({
+      height: 'calc(100% - 1px)',
+      top: '1px',
+      display: show ? 'flex' : 'none',
+      width: '50px',
+      margin: 'auto',
+      position: 'absolute',
+      alignItems: 'center',
+      justifyContent: 'center',
+      cursor: 'pointer'
+    }, extraStyles),
+    onClick: onClick
+  }, children);
+};
+
+ArrowContainer.propTypes = {
+  show: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  extraStyles: _propTypes["default"].object,
+  children: _propTypes["default"].object
+};
+
+var Scale = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Scale, _React$Component);
+
+  var _super = _createSuper(Scale);
+
+  function Scale() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Scale);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollLeft", function () {
+      _this.tableWrapper.scrollLeft -= _this.tableWrapper.offsetWidth / 2;
+
+      _this.setState({
+        showRight: _this.tableWrapper.scrollLeft < _this.tableWrapper.scrollWidth,
+        showLeft: _this.tableWrapper.scrollLeft < _this.tableWrapper.scrollWidth && _this.tableWrapper.scrollLeft > 0
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollRight", function () {
+      var initialScrollLeft = _this.tableWrapper.scrollLeft;
+      _this.tableWrapper.scrollLeft += _this.tableWrapper.offsetWidth / 2;
+
+      _this.setState({
+        showRight: initialScrollLeft !== _this.tableWrapper.scrollLeft && _this.tableWrapper.scrollLeft < _this.tableWrapper.scrollWidth,
+        showLeft: _this.tableWrapper.scrollLeft < _this.tableWrapper.scrollWidth && _this.tableWrapper.scrollLeft > 0
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Scale, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.tableWrapper) {
+        if (this.tableWrapper.offsetWidth < this.tableWrapper.scrollWidth) {
+          this.setState({
+            showRight: true
+          });
+        }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$state = this.state,
+          showRight = _this$state.showRight,
+          showLeft = _this$state.showLeft;
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          scale = _this$props.scale,
+          scaleIndex = _this$props.scaleIndex,
+          showDescription = _this$props.showDescription,
+          showPointsLabels = _this$props.showPointsLabels,
+          showStandards = _this$props.showStandards,
+          arrowsDisabled = _this$props.arrowsDisabled;
+
+      var _ref2 = scale || {},
+          excludeZero = _ref2.excludeZero,
+          maxPoints = _ref2.maxPoints,
+          traitLabel = _ref2.traitLabel,
+          traits = _ref2.traits,
+          scorePointsLabels = _ref2.scorePointsLabels;
+
+      var scorePointsValues = [];
+      var descriptions;
+      var pointsLabels;
+      var standards;
+
+      try {
+        // determining the score points values
+        for (var pointValue = maxPoints; pointValue >= excludeZero ? 1 : 0; pointValue -= 1) {
+          scorePointsValues.push(pointValue);
+        }
+
+        var _traits$reduce = traits.reduce(function (tcc, trait) {
+          return {
+            traitStandards: [].concat((0, _toConsumableArray2["default"])(tcc.traitStandards), (0, _toConsumableArray2["default"])(trait.standards || [])),
+            traitDescriptions: [].concat((0, _toConsumableArray2["default"])(tcc.traitDescriptions), (0, _toConsumableArray2["default"])(trait.description || []))
+          };
+        }, {
+          traitStandards: [],
+          traitDescriptions: []
+        }),
+            traitStandards = _traits$reduce.traitStandards,
+            traitDescriptions = _traits$reduce.traitDescriptions;
+
+        descriptions = showDescription && traitDescriptions.length;
+        pointsLabels = showPointsLabels && scorePointsLabels.length;
+        standards = showStandards && traitStandards.length;
+      } catch (e) {
+        descriptions = false;
+        pointsLabels = false;
+        standards = false;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.wrapper
+      }, /*#__PURE__*/_react["default"].createElement(ArrowContainer, {
+        show: showLeft && !arrowsDisabled,
+        onClick: this.scrollLeft,
+        extraStyles: {
+          left: 0,
+          background: "linear-gradient(to right, white, ".concat(_renderUi.color.background(), ")")
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_ArrowBackIos["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.tableWrapper,
+        ref: function ref(_ref3) {
+          _this2.tableWrapper = _ref3;
+        },
+        onScroll: function onScroll() {
+          _this2.setState({
+            // 5 is a margin of error
+            showRight: _this2.tableWrapper.scrollLeft + _this2.tableWrapper.offsetWidth < _this2.tableWrapper.scrollWidth - 5 && _this2.tableWrapper.scrollLeft < _this2.tableWrapper.scrollWidth,
+            showLeft: _this2.tableWrapper.scrollLeft < _this2.tableWrapper.scrollWidth && _this2.tableWrapper.scrollLeft > 0
+          });
+        }
+      }, arrowsDisabled && (showRight || showLeft) ? /*#__PURE__*/_react["default"].createElement("div", null, "The item is too large to fit in print mode.") : null, /*#__PURE__*/_react["default"].createElement("table", {
+        key: "scale-".concat(scaleIndex),
+        className: classes.table
+      }, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("th", null, /*#__PURE__*/_react["default"].createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: traitLabel
+        }
+      })), standards ? /*#__PURE__*/_react["default"].createElement("th", null, /*#__PURE__*/_react["default"].createElement("div", null, "Standard(s)")) : null, descriptions ? /*#__PURE__*/_react["default"].createElement("th", null, /*#__PURE__*/_react["default"].createElement("div", null, "Description")) : null, scorePointsValues && scorePointsValues.map(function (scorePointValue, index) {
+        var pointLabel = ''; // to handle the case when there aren't enough labels
+
+        try {
+          pointLabel = scorePointsLabels[scorePointsValues.length - index - 1] || '';
+        } catch (e) {
+          pointLabel = '';
+        }
+
+        return /*#__PURE__*/_react["default"].createElement("th", {
+          key: "table-header-".concat(index)
+        }, /*#__PURE__*/_react["default"].createElement("table", {
+          className: classes.scorePointHeader
+        }, /*#__PURE__*/_react["default"].createElement("thead", null, pointsLabels ? /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", {
+          className: classes.pointLabel,
+          dangerouslySetInnerHTML: {
+            __html: pointLabel
+          }
+        }))) : null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
+          className: classes.scorePointValue
+        }, scorePointValue === 1 ? "".concat(scorePointValue, " point") : "".concat(scorePointValue, " points"))))));
+      }))), /*#__PURE__*/_react["default"].createElement("tbody", null, traits && traits.map(function (trait, traitIndex) {
+        return /*#__PURE__*/_react["default"].createElement(_trait["default"], {
+          key: "trait_".concat(scaleIndex, "_").concat(traitIndex),
+          trait: trait,
+          traitIndex: traitIndex,
+          showDescription: !!descriptions,
+          showStandards: !!standards,
+          scaleIndex: scaleIndex,
+          scorePointsValues: scorePointsValues,
+          excludeZero: excludeZero
+        });
+      })))), /*#__PURE__*/_react["default"].createElement(ArrowContainer, {
+        show: showRight && !arrowsDisabled,
+        onClick: this.scrollRight,
+        extraStyles: {
+          right: 0,
+          background: "linear-gradient(to left, white, ".concat(_renderUi.color.background(), ")")
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_ArrowForwardIos["default"], null)));
+    }
+  }]);
+  return Scale;
+}(_react["default"].Component);
+
+Scale.propTypes = {
+  classes: _propTypes["default"].object,
+  scaleIndex: _propTypes["default"].number,
+  scale: _propTypes["default"].shape({
+    excludeZero: _propTypes["default"].bool,
+    maxPoints: _propTypes["default"].number,
+    scorePointsLabels: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    traitLabel: _propTypes["default"].string,
+    traits: _propTypes["default"].arrayOf(_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
+    }))
+  }),
+  showPointsLabels: _propTypes["default"].bool,
+  showDescription: _propTypes["default"].bool,
+  showStandards: _propTypes["default"].bool,
+  arrowsDisabled: _propTypes["default"].bool
+};
+
+var _default = (0, _styles.withStyles)(styles)(Scale);
+
+exports["default"] = _default;
+//# sourceMappingURL=scale.js.map

package/configure/node_modules/@pie-element/multi-trait-rubric/lib/scale.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scale.jsx"],"names":["styles","theme","wrapper","display","position","tableWrapper","width","overflow","table","borderSpacing","marginBottom","spacing","unit","borderRadius","color","text","fontSize","typography","lineHeight","marginBlockStart","paddingInlineStart","padding","textAlign","backgroundColor","secondaryBackground","verticalAlign","scorePointHeader","border","minWidth","pointLabel","scorePointValue","fontWeight","ArrowContainer","show","onClick","extraStyles","children","height","top","margin","alignItems","justifyContent","cursor","propTypes","PropTypes","bool","func","object","Scale","scrollLeft","offsetWidth","setState","showRight","scrollWidth","showLeft","initialScrollLeft","state","props","classes","scale","scaleIndex","showDescription","showPointsLabels","showStandards","arrowsDisabled","excludeZero","maxPoints","traitLabel","traits","scorePointsLabels","scorePointsValues","descriptions","pointsLabels","standards","pointValue","push","reduce","tcc","trait","traitStandards","traitDescriptions","description","length","e","left","background","ref","__html","map","index","traitIndex","scrollRight","right","React","Component","number","shape","arrayOf","string","name","scorePointsDescriptors"],"mappings":"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","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';\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\nimport ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';\n\nconst styles = (theme) => ({\n  wrapper: {\n    display: 'flex',\n    position: 'relative'\n  },\n  tableWrapper: {\n    width: '100%',\n    overflow: 'auto'\n  },\n  table: {\n    borderSpacing: 0,\n    marginBottom: theme.spacing.unit * 2,\n    borderRadius: '4px',\n    color: color.text(),\n    fontSize: theme.typography.fontSize,\n    lineHeight: '16px',\n    overflow: 'unset',\n\n    '& ul, ol': {\n      marginBlockStart: 0,\n      paddingInlineStart: theme.spacing.unit * 2,\n    },\n\n    '& th': {\n      padding: theme.spacing.unit * 2,\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: `${theme.spacing.unit * 2}px ${theme.spacing.unit}px`,\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\nconst ArrowContainer = ({ show, onClick, extraStyles, children }) => (\n  <div\n    style={{\n      height: 'calc(100% - 1px)',\n      top: '1px',\n      display: show ? 'flex' : 'none',\n      width: '50px',\n      margin: 'auto',\n      position: 'absolute',\n      alignItems: 'center',\n      justifyContent: 'center',\n      cursor: 'pointer',\n      ...extraStyles\n    }}\n    onClick={onClick}\n  >\n    {children}\n  </div>\n);\n\nArrowContainer.propTypes = {\n  show: PropTypes.bool,\n  onClick: PropTypes.func,\n  extraStyles: PropTypes.object,\n  children: PropTypes.object,\n};\n\n\nclass Scale extends React.Component {\n  state = {};\n\n  componentDidMount() {\n    if (this.tableWrapper) {\n      if (this.tableWrapper.offsetWidth < this.tableWrapper.scrollWidth) {\n        this.setState({ showRight: true });\n      }\n    }\n  }\n\n  scrollLeft = () => {\n    this.tableWrapper.scrollLeft -= this.tableWrapper.offsetWidth / 2;\n\n    this.setState({\n      showRight: this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth,\n      showLeft: this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth && this.tableWrapper.scrollLeft > 0,\n    });\n  }\n\n  scrollRight = () => {\n    const initialScrollLeft = this.tableWrapper.scrollLeft;\n    this.tableWrapper.scrollLeft += this.tableWrapper.offsetWidth / 2;\n\n    this.setState({\n      showRight: initialScrollLeft !== this.tableWrapper.scrollLeft && this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth,\n      showLeft: this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth && this.tableWrapper.scrollLeft > 0,\n    });\n  }\n\n  render() {\n    const { showRight, showLeft } = this.state;\n    const { classes, scale, scaleIndex, showDescription, showPointsLabels, showStandards, arrowsDisabled } = this.props;\n    const { excludeZero, maxPoints, traitLabel, traits, scorePointsLabels } = scale || {};\n\n    let scorePointsValues = [];\n    let descriptions;\n    let pointsLabels;\n    let standards;\n\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      <div className={classes.wrapper}>\n        <ArrowContainer\n          show={showLeft && !arrowsDisabled}\n          onClick={this.scrollLeft}\n          extraStyles={{\n            left: 0,\n            background: `linear-gradient(to right, white, ${color.background()})`,\n          }}\n        >\n          <ArrowBackIosIcon/>\n        </ArrowContainer>\n\n        <div\n          className={classes.tableWrapper}\n          ref={ref => {\n            this.tableWrapper = ref;\n          }}\n          onScroll={() => {\n            this.setState({\n              // 5 is a margin of error\n              showRight: this.tableWrapper.scrollLeft + this.tableWrapper.offsetWidth < this.tableWrapper.scrollWidth - 5\n                && this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth,\n              showLeft: this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth && this.tableWrapper.scrollLeft > 0,\n            });\n          }}\n        >\n          {arrowsDisabled && (showRight || showLeft) ? <div>The item is too large to fit in print mode.</div> : null}\n          <table\n            key={`scale-${scaleIndex}`}\n            className={classes.table}\n          >\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        </div>\n\n        <ArrowContainer\n          show={showRight && !arrowsDisabled}\n          onClick={this.scrollRight}\n          extraStyles={{\n            right: 0,\n            background: `linear-gradient(to left, white, ${color.background()})`,\n          }}\n        >\n          <ArrowForwardIosIcon/>\n        </ArrowContainer>\n      </div>\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  arrowsDisabled: PropTypes.bool,\n};\n\nexport default withStyles(styles)(Scale);\n"],"file":"scale.js"}