@pie-element/multi-trait-rubric 3.8.2-next.17 → 3.8.2-next.18

package/controller/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["createDefaultModel","model","Promise","resolve","defaults","normalize","question","session","env","normalizedQuestion","role","visible","visibleToStudent","scales","excludeZero","parsedScales","map","scale","getScore","outcome","score","empty","createCorrectResponseSession","mode","id","validate","config","description","pointLabels","errors","traitsErrors","scorePointsErrors","forEach","scaleIndex","traits","scorePointsLabels","scaleErrors","scorePointsLabelsErrors","scorePointLabel","scoreIndex","identicalScorePointLabel","slice","some","s","Object","keys","length","trait","traitIndex","name","identicalTraitName","t","identicalTraitDescr"],"mappings":"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","sourcesContent":["import defaults from './defaults';\nimport { markupToText } from './utils';\n\nexport function createDefaultModel(model = {}) {\n  return new Promise((resolve) => resolve({ ...defaults, ...model }));\n}\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport async function model(question, session, env) {\n  const normalizedQuestion = normalize(question);\n\n  if (!env.role || env.role === 'student') {\n    normalizedQuestion.visible = normalizedQuestion.visibleToStudent;\n  } else {\n    normalizedQuestion.visible = true;\n  }\n\n  // todo update pie-ui instead of parsing this here:\n  const { scales, excludeZero } = normalizedQuestion || {};\n  const parsedScales = (scales || []).map((scale) => ({ ...scale, excludeZero }));\n\n  return {\n    ...normalizedQuestion,\n    scales: parsedScales,\n  };\n}\n\nexport const getScore = () => 0;\n\n/**\n * @param {Object} model - the main model\n * @param {*} session\n * @param {Object} env\n */\nexport function outcome() {\n  return new Promise((resolve) => resolve({ score: 0, empty: true }));\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      resolve({ id: '1' });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\n\n// IMPORTANT! If you make any changes to this function, please make sure you also update complex-rubric/controller/validateMultiTraitRubric function!“.\nexport const validate  = (model, config) => {\n  const { scales, description = false, pointLabels = false } = model;\n  const errors = {};\n  const traitsErrors = {};\n  const scorePointsErrors = {};\n\n  (scales || []).forEach((scale, scaleIndex) => {\n    const { traits = [] } = scale;\n    const { scorePointsLabels = [] } = scale;\n    const scaleErrors = {};\n    const scorePointsLabelsErrors = {};\n\n    if(pointLabels) {\n      scorePointsLabels.forEach((scorePointLabel, scoreIndex) => {\n        if (!scorePointLabel || scorePointLabel === '<div></div>') {\n          scorePointsLabelsErrors[scoreIndex] = 'Points labels should not be empty.';\n        } else {\n          const identicalScorePointLabel = scorePointsLabels.slice(scoreIndex + 1).some(s => markupToText(s) === markupToText(scorePointLabel));\n\n          if (identicalScorePointLabel) {\n            scorePointsLabelsErrors[scoreIndex] = 'Points labels should be unique.';\n          }\n        }\n      })\n    }\n\n    if(Object.keys(scorePointsLabelsErrors).length > 0){\n      scorePointsErrors[scaleIndex] = scorePointsLabelsErrors;\n    }\n\n    traits.forEach((trait, traitIndex) => {\n      if(!trait.name || trait.name === '<div></div>') {\n        scaleErrors[traitIndex] = {name: 'Trait names should not be empty.'};\n      }\n      else{\n        const identicalTraitName = traits.slice(traitIndex + 1).some(t => markupToText(t.name) === markupToText(trait.name));\n\n        if (identicalTraitName) {\n          scaleErrors[traitIndex] = {name: 'Trait names should be unique.'};\n        }\n      }\n      if(description && (!trait.description || trait.description === '<div></div>')) {\n        scaleErrors[traitIndex] = {... scaleErrors[traitIndex], description: 'Trait description should not be empty'};\n      }\n      else{\n        const identicalTraitDescr = traits.slice(traitIndex + 1).some(t => markupToText(t.description) === markupToText(trait.description));\n\n        if (description && identicalTraitDescr) {\n          scaleErrors[traitIndex] = {... scaleErrors[traitIndex], description: 'Trait descriptions should be unique.'};\n        }\n      }\n\n    });\n    if(Object.keys(scaleErrors).length > 0){\n      traitsErrors[scaleIndex] = scaleErrors;\n    }\n  });\n\n  if(Object.keys(traitsErrors).length > 0){\n    errors.traitsErrors = traitsErrors;\n  }\n\n  if(Object.keys(scorePointsErrors).length > 0){\n    errors.scorePointsErrors = scorePointsErrors;\n  }\n\n  return errors;\n};\n"],"file":"index.js"}

package/controller/lib/utils.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.markupToText = void 0;
+
+var markupToText = function markupToText(s) {
+  return (s || '').replace(/(<([^>]+)>)/ig, '');
+};
+
+exports.markupToText = markupToText;
+//# sourceMappingURL=utils.js.map

package/controller/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.js"],"names":["markupToText","s","replace"],"mappings":";;;;;;;AAAO,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD,EAAO;AAC/B,SAAO,CAACA,CAAC,IAAI,EAAN,EAAUC,OAAV,CAAkB,eAAlB,EAAmC,EAAnC,CAAP;AACH,CAFM","sourcesContent":["export const markupToText = (s) => {\n    return (s || '').replace(/(<([^>]+)>)/ig, '');\n};\n"],"file":"utils.js"}

package/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/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/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/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 || {},
+          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/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/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 { 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/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