@pie-element/complex-rubric 3.7.8-next.77 → 3.7.8-next.80

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

@@ -11,8 +11,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 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"));
@@ -21,13 +19,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
 
-var _main = _interopRequireDefault(require("./main"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _debug = _interopRequireDefault(require("debug"));
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+
+var _main = _interopRequireDefault(require("./main"));
 
 var _mathRendering = require("@pie-lib/pie-toolbox/math-rendering");
 
@@ -35,36 +33,36 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 RubricRender = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(RubricRender, _HTMLElement);
+var MultiTraitRubric = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(MultiTraitRubric, _HTMLElement);
 
-  var _super = _createSuper(RubricRender);
+  var _super = _createSuper(MultiTraitRubric);
 
-  function RubricRender() {
+  function MultiTraitRubric() {
     var _this;
 
-    (0, _classCallCheck2["default"])(this, RubricRender);
+    (0, _classCallCheck2["default"])(this, MultiTraitRubric);
     _this = _super.call(this);
-
-    _debug["default"].log('constructor called');
-
-    _this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
+    _this._model = {};
+    _this._session = null;
     return _this;
   }
 
-  (0, _createClass2["default"])(RubricRender, [{
+  (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: "onModelChanged",
-    value: function onModelChanged(m) {
-      this._model = m;
-
-      this._render();
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
     }
   }, {
     key: "connectedCallback",
@@ -76,19 +74,18 @@ var RubricRender = /*#__PURE__*/function (_HTMLElement) {
     value: function _render() {
       var _this2 = this;
 
-      if (this._model) {
-        var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
-          value: this._model
-        });
+      var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+        model: this._model,
+        session: this._session
+      });
 
-        _reactDom["default"].render(el, this, function () {
-          (0, _mathRendering.renderMath)(_this2);
-        });
-      }
+      _reactDom["default"].render(el, this, function () {
+        (0, _mathRendering.renderMath)(_this2);
+      });
     }
   }]);
-  return RubricRender;
+  return MultiTraitRubric;
 }( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
 
-exports["default"] = RubricRender;
+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;;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;AAAA;;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,EAA0B,YAAM;AAC9B,uCAAW,MAAX;AACD,OAFD;AAGD;;;kDAhC2CQ,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ModelSetEvent } from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering';\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      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}

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

@@ -0,0 +1,164 @@
+"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/pie-toolbox/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 || {},
+          extraCSSRules = _ref.extraCSSRules,
+          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(_renderUi.UiLayout, {
+        extraCSSRules: extraCSSRules,
+        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(_renderUi.UiLayout, {
+        extraCSSRules: extraCSSRules,
+        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","extraCSSRules","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, UiLayout } from '@pie-lib/pie-toolbox/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 { extraCSSRules, 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      <UiLayout extraCSSRules={extraCSSRules} 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      </UiLayout>\n    );\n\n    if (animationsDisabled) {\n      return rubricItem;\n    }\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} 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      </UiLayout>\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/pie-toolbox/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