@pie-element/complex-rubric 2.0.2-next.13 → 2.0.2-next.15

package/configure/node_modules/@pie-element/multi-trait-rubric/docs/pie-schema.json.md

@@ -0,0 +1,201 @@
+Model for the MultiTraitRubric Interaction
+
+The schema defines the following properties:
+
+# `halfScoring` (boolean)
+
+Indicates if half scoring is enabled
+
+# `pointLabels` (boolean)
+
+Indicates if point labels should be shown
+
+# `visibleToStudent` (boolean)
+
+Indicates if should be visible to student
+
+# `description` (boolean)
+
+Indicates if description should be shown
+
+# `standards` (boolean)
+
+Indicates if standards should be shown
+
+# `excludeZero` (boolean)
+
+Indicates if scoring should start at 0 or 1
+
+# `spellCheckEnabled` (boolean, required)
+
+Indicates if spellcheck is enabled for the author. Default value is true
+
+# `scales` (array, required)
+
+scales
+
+The object is an array with all elements of the type `object`.
+
+The array object has the following properties:
+
+## `maxPoints` (number, required)
+
+Indicates max limit for scoring points
+
+## `scorePointsLabels` (array, required)
+
+Score labels. Starting from 0 to max.
+
+The object is an array with all elements of the type `string`.
+
+## `traitLabel` (string, required)
+
+Trait label
+
+## `traits` (array, required)
+
+Traits
+
+The object is an array with all elements of the type `object`.
+
+The array object has the following properties:
+
+### `name` (string, required)
+
+Trait name
+
+### `standards` (array, required)
+
+Trait standards
+
+The object is an array with all elements of the type `string`.
+
+### `description` (string, required)
+
+Trait description
+
+### `scorePointsDescriptors` (array, required)
+
+Score point descriptors. Starting from 0 to max.
+
+The object is an array with all elements of the type `string`.
+
+# `id` (string, required)
+
+Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
+
+# `element` (string, required)
+
+The html Element tag name
+
+---
+
+# Sub Schemas
+
+The schema defines the following additional types:
+
+## `DialogContent` (object)
+
+Properties of the `DialogContent` object:
+
+### `title` (string)
+
+Dialog box title
+
+### `text` (string)
+
+Dialog box text
+
+## `ConfigureProp` (object)
+
+Properties of the `ConfigureProp` object:
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+## `ConfigureMathMLProp` (object)
+
+Properties of the `ConfigureMathMLProp` object:
+
+### `mmlOutput` (number)
+
+Indicates if model should have mathML output instead of latex
+
+### `mmlEditing` (number)
+
+Indicates if mathML that's already in model should be editable
+
+## `Scale` (object)
+
+Properties of the `Scale` object:
+
+### `maxPoints` (number, required)
+
+Indicates max limit for scoring points
+
+### `scorePointsLabels` (array, required)
+
+Score labels. Starting from 0 to max.
+
+The object is an array with all elements of the type `string`.
+
+### `traitLabel` (string, required)
+
+Trait label
+
+### `traits` (array, required)
+
+Traits
+
+The object is an array with all elements of the type `object`.
+
+The array object has the following properties:
+
+#### `name` (string, required)
+
+Trait name
+
+#### `standards` (array, required)
+
+Trait standards
+
+The object is an array with all elements of the type `string`.
+
+#### `description` (string, required)
+
+Trait description
+
+#### `scorePointsDescriptors` (array, required)
+
+Score point descriptors. Starting from 0 to max.
+
+The object is an array with all elements of the type `string`.
+
+## `Trait` (object)
+
+Properties of the `Trait` object:
+
+### `name` (string, required)
+
+Trait name
+
+### `standards` (array, required)
+
+Trait standards
+
+The object is an array with all elements of the type `string`.
+
+### `description` (string, required)
+
+Trait description
+
+### `scorePointsDescriptors` (array, required)
+
+Score point descriptors. Starting from 0 to max.
+
+The object is an array with all elements of the type `string`.

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/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/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/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"}