@pie-element/rubric 1.7.8 → 1.8.1-beta.1443

package/configure/lib/index.js

@@ -21,20 +21,36 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
 
 var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _rubric = require("@pie-lib/rubric");
-
 var _debug = _interopRequireDefault(require("debug"));
 
+var _main = _interopRequireDefault(require("./main"));
+
+var _defaults = _interopRequireDefault(require("./defaults"));
+
 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 modelWithDefaults = function modelWithDefaults(m) {
+  return _objectSpread(_objectSpread({}, _defaults["default"].model), m);
+};
+
+var configurationWithDefaults = function configurationWithDefaults(c) {
+  return _objectSpread(_objectSpread({}, _defaults["default"].configuration), c);
+};
+
 var RubricElement = /*#__PURE__*/function (_HTMLElement) {
   (0, _inherits2["default"])(RubricElement, _HTMLElement);
 
@@ -45,17 +61,36 @@ var RubricElement = /*#__PURE__*/function (_HTMLElement) {
 
     (0, _classCallCheck2["default"])(this, RubricElement);
     _this = _super.call(this);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onConfigurationChanged", function (c) {
+      _this._configuration = configurationWithDefaults(c);
+
+      if (_this._model) {
+        _this.onModelChanged(_this._model);
+      }
+
+      _this._render();
+    });
 
     _debug["default"].log('constructor called');
 
+    _this._model = modelWithDefaults();
+    _this._configuration = configurationWithDefaults();
     _this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.onConfigurationChanged = _this.onConfigurationChanged.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
 
   (0, _createClass2["default"])(RubricElement, [{
     key: "model",
-    set: function set(s) {
-      this._model = s;
+    set: function set(m) {
+      this._model = modelWithDefaults(m);
+
+      this._render();
+    }
+  }, {
+    key: "configuration",
+    set: function set(c) {
+      this._configuration = configurationWithDefaults(c);
 
       this._render();
     }
@@ -77,12 +112,14 @@ var RubricElement = /*#__PURE__*/function (_HTMLElement) {
     key: "_render",
     value: function _render() {
       if (this._model) {
-        var el = /*#__PURE__*/_react["default"].createElement(_rubric.Authoring, {
-          value: this._model,
-          onChange: this.onModelChanged
+        var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+          model: this._model,
+          configuration: this._configuration,
+          onModelChanged: this.onModelChanged,
+          onConfigurationChanged: this.onConfigurationChanged
         });
 
-        _reactDom["default"].render(el, this);
+        _reactDom["default"].render(element, this);
       }
     }
   }]);

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["RubricElement","debug","log","onModelChanged","bind","s","_model","_render","m","dispatchEvent","ModelUpdatedEvent","el","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;IAEqBA,a;;;;;AACnB,2BAAc;AAAA;;AAAA;AACZ;;AACAC,sBAAMC,GAAN,CAAU,oBAAV;;AACA,UAAKC,cAAL,GAAsB,MAAKA,cAAL,CAAoBC,IAApB,gDAAtB;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKE,OAAL;AACD;;;WAED,wBAAeC,CAAf,EAAkB;AAChB,WAAKF,MAAL,GAAcE,CAAd;;AACA,WAAKD,OAAL;;AACA,WAAKE,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKJ,MAA3B,EAAmC,KAAnC,CAAnB;AACD;;;WAED,6BAAoB;AAClB,WAAKC,OAAL;AACD;;;WAED,mBAAU;AACR,UAAI,KAAKD,MAAT,EAAiB;AACf,YAAMK,EAAE,gBACN,gCAAC,iBAAD;AAAW,UAAA,KAAK,EAAE,KAAKL,MAAvB;AAA+B,UAAA,QAAQ,EAAE,KAAKH;AAA9C,UADF;;AAGAS,6BAASC,MAAT,CAAgBF,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDA7BwCG,W","sourcesContent":["import { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Authoring } from '@pie-lib/rubric';\nimport debug from 'debug';\n\nexport default class RubricElement extends HTMLElement {\n  constructor() {\n    super();\n    debug.log('constructor called');\n    this.onModelChanged = this.onModelChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = s;\n    this._render();\n  }\n\n  onModelChanged(m) {\n    this._model = m;\n    this._render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, false));\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (this._model) {\n      const el = (\n        <Authoring value={this._model} onChange={this.onModelChanged} />\n      );\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["modelWithDefaults","m","defaults","model","configurationWithDefaults","c","configuration","RubricElement","_configuration","_model","onModelChanged","_render","debug","log","bind","onConfigurationChanged","dispatchEvent","ModelUpdatedEvent","element","React","createElement","Main","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD;AAAA,yCAAaC,qBAASC,KAAtB,GAAgCF,CAAhC;AAAA,CAA1B;;AACA,IAAMG,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,CAAD;AAAA,yCAAaH,qBAASI,aAAtB,GAAwCD,CAAxC;AAAA,CAAlC;;IAEqBE,a;;;;;AACnB,2BAAc;AAAA;;AAAA;AACZ;AADY,+GAyBW,UAACF,CAAD,EAAO;AAC9B,YAAKG,cAAL,GAAsBJ,yBAAyB,CAACC,CAAD,CAA/C;;AAEA,UAAI,MAAKI,MAAT,EAAiB;AACf,cAAKC,cAAL,CAAoB,MAAKD,MAAzB;AACD;;AAED,YAAKE,OAAL;AACD,KAjCa;;AAEZC,sBAAMC,GAAN,CAAU,oBAAV;;AACA,UAAKJ,MAAL,GAAcT,iBAAiB,EAA/B;AACA,UAAKQ,cAAL,GAAsBJ,yBAAyB,EAA/C;AACA,UAAKM,cAAL,GAAsB,MAAKA,cAAL,CAAoBI,IAApB,gDAAtB;AACA,UAAKC,sBAAL,GAA8B,MAAKA,sBAAL,CAA4BD,IAA5B,gDAA9B;AANY;AAOb;;;;SAED,aAAUb,CAAV,EAAa;AACX,WAAKQ,MAAL,GAAcT,iBAAiB,CAACC,CAAD,CAA/B;;AACA,WAAKU,OAAL;AACD;;;SAED,aAAkBN,CAAlB,EAAqB;AACnB,WAAKG,cAAL,GAAsBJ,yBAAyB,CAACC,CAAD,CAA/C;;AACA,WAAKM,OAAL;AACD;;;WAED,wBAAeV,CAAf,EAAkB;AAChB,WAAKQ,MAAL,GAAcR,CAAd;;AACA,WAAKU,OAAL;;AACA,WAAKK,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKR,MAA3B,EAAmC,KAAnC,CAAnB;AACD;;;WAYD,6BAAoB;AAClB,WAAKE,OAAL;AACD;;;WAED,mBAAU;AACR,UAAI,KAAKF,MAAT,EAAiB;AACf,YAAIS,OAAO,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACtClB,UAAAA,KAAK,EAAE,KAAKM,MAD0B;AAEtCH,UAAAA,aAAa,EAAE,KAAKE,cAFkB;AAGtCE,UAAAA,cAAc,EAAE,KAAKA,cAHiB;AAItCK,UAAAA,sBAAsB,EAAE,KAAKA;AAJS,SAA1B,CAAd;;AAOAO,6BAASC,MAAT,CAAgBL,OAAhB,EAAyB,IAAzB;AACD;AACF;;;kDAnDwCM,W","sourcesContent":["import { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\n\nimport Main from './main';\nimport defaults from './defaults';\n\nconst modelWithDefaults = (m) => ({ ...defaults.model, ...m });\nconst configurationWithDefaults = (c) => ({ ...defaults.configuration, ...c });\n\nexport default class RubricElement extends HTMLElement {\n  constructor() {\n    super();\n    debug.log('constructor called');\n    this._model = modelWithDefaults();\n    this._configuration = configurationWithDefaults();\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(m) {\n    this._model = modelWithDefaults(m);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = configurationWithDefaults(c);\n    this._render();\n  }\n\n  onModelChanged(m) {\n    this._model = m;\n    this._render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, false));\n  }\n\n  onConfigurationChanged = (c) => {\n    this._configuration = configurationWithDefaults(c);\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  };\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (this._model) {\n      let element = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.onModelChanged,\n        onConfigurationChanged: this.onConfigurationChanged,\n      });\n\n      ReactDOM.render(element, this);\n    }\n  }\n}\n"],"file":"index.js"}

package/configure/lib/main.js

@@ -0,0 +1,100 @@
+"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 _react = _interopRequireDefault(require("react"));
+
+var _rubric = require("@pie-lib/rubric");
+
+var _styles = require("@material-ui/core/styles");
+
+var _configUi = require("@pie-lib/config-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 Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle;
+
+var styles = function styles(theme) {
+  return {
+    design: {
+      fontFamily: 'Cerebri Sans',
+      fontSize: theme.typography.fontSize
+    }
+  };
+};
+
+var Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+
+  var _super = _createSuper(Main);
+
+  function Main() {
+    (0, _classCallCheck2["default"])(this, Main);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(Main, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.props || {},
+          model = _ref.model,
+          classes = _ref.classes,
+          configuration = _ref.configuration,
+          onConfigurationChanged = _ref.onConfigurationChanged,
+          onModelChanged = _ref.onModelChanged;
+
+      var _ref2 = configuration || {},
+          settingsPanelDisabled = _ref2.settingsPanelDisabled,
+          _ref2$showExcludeZero = _ref2.showExcludeZero,
+          showExcludeZero = _ref2$showExcludeZero === void 0 ? {} : _ref2$showExcludeZero,
+          _ref2$showMaxPoint = _ref2.showMaxPoint,
+          showMaxPoint = _ref2$showMaxPoint === void 0 ? {} : _ref2$showMaxPoint;
+
+      var panelProperties = {
+        excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),
+        maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label)
+      };
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.design
+      }, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        hideSettings: settingsPanelDisabled,
+        settings: /*#__PURE__*/_react["default"].createElement(Panel, {
+          model: model,
+          onChangeModel: onModelChanged,
+          configuration: configuration,
+          onChangeConfiguration: onConfigurationChanged,
+          groups: {
+            Properties: panelProperties
+          }
+        })
+      }, /*#__PURE__*/_react["default"].createElement(_rubric.Authoring, {
+        value: model,
+        onChange: onModelChanged
+      })));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+
+var _default = (0, _styles.withStyles)(styles)(Main);
+
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map

package/configure/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","styles","theme","design","fontFamily","fontSize","typography","Main","props","model","classes","configuration","onConfigurationChanged","onModelChanged","settingsPanelDisabled","showExcludeZero","showMaxPoint","panelProperties","excludeZeroEnabled","label","maxPointsEnabled","Properties","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAQA,KAAR,GAA0BC,kBAA1B,CAAQD,KAAR;AAAA,IAAeE,MAAf,GAA0BD,kBAA1B,CAAeC,MAAf;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,UAAU,EAAE,cADN;AAENC,MAAAA,QAAQ,EAAEH,KAAK,CAACI,UAAN,CAAiBD;AAFrB;AADiB,GAAZ;AAAA,CAAf;;IAOME,I;;;;;;;;;;;;WACJ,kBAAS;AACP,iBAAkF,KAAKC,KAAL,IAAc,EAAhG;AAAA,UAAQC,KAAR,QAAQA,KAAR;AAAA,UAAeC,OAAf,QAAeA,OAAf;AAAA,UAAwBC,aAAxB,QAAwBA,aAAxB;AAAA,UAAuCC,sBAAvC,QAAuCA,sBAAvC;AAAA,UAA+DC,cAA/D,QAA+DA,cAA/D;;AACA,kBAA2EF,aAAa,IAAI,EAA5F;AAAA,UAAQG,qBAAR,SAAQA,qBAAR;AAAA,wCAA+BC,eAA/B;AAAA,UAA+BA,eAA/B,sCAAiD,EAAjD;AAAA,qCAAqDC,YAArD;AAAA,UAAqDA,YAArD,mCAAoE,EAApE;;AAEA,UAAMC,eAAe,GAAG;AACtBC,QAAAA,kBAAkB,EAAEH,eAAe,CAAChB,QAAhB,IAA4BC,MAAM,CAACe,eAAe,CAACI,KAAjB,CADhC;AAEtBC,QAAAA,gBAAgB,EAAEJ,YAAY,CAACjB,QAAb,IAAyBC,MAAM,CAACgB,YAAY,CAACG,KAAd;AAF3B,OAAxB;AAKA,0BACE;AAAK,QAAA,SAAS,EAAET,OAAO,CAACP;AAAxB,sBACE,gCAAC,gBAAD,CAAQ,YAAR;AACE,QAAA,YAAY,EAAEW,qBADhB;AAEE,QAAA,QAAQ,eACN,gCAAC,KAAD;AACE,UAAA,KAAK,EAAEL,KADT;AAEE,UAAA,aAAa,EAAEI,cAFjB;AAGE,UAAA,aAAa,EAAEF,aAHjB;AAIE,UAAA,qBAAqB,EAAEC,sBAJzB;AAKE,UAAA,MAAM,EAAE;AACNS,YAAAA,UAAU,EAAEJ;AADN;AALV;AAHJ,sBAcE,gCAAC,iBAAD;AAAW,QAAA,KAAK,EAAER,KAAlB;AAAyB,QAAA,QAAQ,EAAEI;AAAnC,QAdF,CADF,CADF;AAoBD;;;EA9BgBS,kBAAMC,S;;eAiCV,wBAAWtB,MAAX,EAAmBM,IAAnB,C","sourcesContent":["import React from 'react';\nimport { Authoring } from '@pie-lib/rubric';\nimport { withStyles } from '@material-ui/core/styles';\nimport { layout, settings } from '@pie-lib/config-ui';\n\nconst { Panel, toggle } = settings;\n\nconst styles = (theme) => ({\n  design: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: theme.typography.fontSize,\n  },\n});\n\nclass Main extends React.Component {\n  render() {\n    const { model, classes, configuration, onConfigurationChanged, onModelChanged } = this.props || {};\n    const { settingsPanelDisabled, showExcludeZero = {}, showMaxPoint = {} } = configuration || {};\n\n    const panelProperties = {\n      excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),\n      maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label),\n    };\n\n    return (\n      <div className={classes.design}>\n        <layout.ConfigLayout\n          hideSettings={settingsPanelDisabled}\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={onModelChanged}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Properties: panelProperties,\n              }}\n            />\n          }\n        >\n          <Authoring value={model} onChange={onModelChanged} />\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}

package/configure/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@pie-element/rubric-configure",
   "private": true,
-  "version": "1.2.35",
+  "version": "2.3.0",
   "description": "Rubric authoring view",
   "main": "lib/index.js",
   "author": "Pie Framework Authors",
   "dependencies": {
-    "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/rubric": "^0.4.5",
+    "@material-ui/core": "^3.9.2",
+    "@pie-framework/pie-configure-events": "^1.3.0",
+    "@pie-lib/config-ui": "12.0.0-beta.2",
+    "@pie-lib/rubric": "1.0.0-beta.1",
     "debug": "^4.1.1",
     "react": "^16.8.6",
     "react-dom": "^16.8.6"

package/configure/src/defaults.js

@@ -0,0 +1,21 @@
+export default {
+  model: {
+    points: ['', '', '', ''],
+    sampleAnswers: [null, null, null, null],
+    maxPoints: 4,
+    excludeZero: false,
+    excludeZeroEnabled: true,
+    maxPointsEnabled: true,
+  },
+  configuration: {
+    showExcludeZero: {
+      settings: true,
+      label: 'Ability to exclude zero',
+    },
+    showMaxPoint: {
+      settings: true,
+      label: 'Show max points dropdown',
+    },
+    settingsPanelDisabled: false,
+  },
+};

package/configure/src/index.js

@@ -1,19 +1,31 @@
 import { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';
-
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Authoring } from '@pie-lib/rubric';
 import debug from 'debug';
 
+import Main from './main';
+import defaults from './defaults';
+
+const modelWithDefaults = (m) => ({ ...defaults.model, ...m });
+const configurationWithDefaults = (c) => ({ ...defaults.configuration, ...c });
+
 export default class RubricElement extends HTMLElement {
   constructor() {
     super();
     debug.log('constructor called');
+    this._model = modelWithDefaults();
+    this._configuration = configurationWithDefaults();
     this.onModelChanged = this.onModelChanged.bind(this);
+    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
   }
 
-  set model(s) {
-    this._model = s;
+  set model(m) {
+    this._model = modelWithDefaults(m);
+    this._render();
+  }
+
+  set configuration(c) {
+    this._configuration = configurationWithDefaults(c);
     this._render();
   }
 
@@ -23,16 +35,30 @@ export default class RubricElement extends HTMLElement {
     this.dispatchEvent(new ModelUpdatedEvent(this._model, false));
   }
 
+  onConfigurationChanged = (c) => {
+    this._configuration = configurationWithDefaults(c);
+
+    if (this._model) {
+      this.onModelChanged(this._model);
+    }
+
+    this._render();
+  };
+
   connectedCallback() {
     this._render();
   }
 
   _render() {
     if (this._model) {
-      const el = (
-        <Authoring value={this._model} onChange={this.onModelChanged} />
-      );
-      ReactDOM.render(el, this);
+      let element = React.createElement(Main, {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.onModelChanged,
+        onConfigurationChanged: this.onConfigurationChanged,
+      });
+
+      ReactDOM.render(element, this);
     }
   }
 }

package/configure/src/main.jsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Authoring } from '@pie-lib/rubric';
+import { withStyles } from '@material-ui/core/styles';
+import { layout, settings } from '@pie-lib/config-ui';
+
+const { Panel, toggle } = settings;
+
+const styles = (theme) => ({
+  design: {
+    fontFamily: 'Cerebri Sans',
+    fontSize: theme.typography.fontSize,
+  },
+});
+
+class Main extends React.Component {
+  render() {
+    const { model, classes, configuration, onConfigurationChanged, onModelChanged } = this.props || {};
+    const { settingsPanelDisabled, showExcludeZero = {}, showMaxPoint = {} } = configuration || {};
+
+    const panelProperties = {
+      excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),
+      maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label),
+    };
+
+    return (
+      <div className={classes.design}>
+        <layout.ConfigLayout
+          hideSettings={settingsPanelDisabled}
+          settings={
+            <Panel
+              model={model}
+              onChangeModel={onModelChanged}
+              configuration={configuration}
+              onChangeConfiguration={onConfigurationChanged}
+              groups={{
+                Properties: panelProperties,
+              }}
+            />
+          }
+        >
+          <Authoring value={model} onChange={onModelChanged} />
+        </layout.ConfigLayout>
+      </div>
+    );
+  }
+}
+
+export default withStyles(styles)(Main);

package/controller/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-controller@1.2.7...@pie-element/rubric-controller@1.2.8) (2022-12-07)
+
+**Note:** Version bump only for package @pie-element/rubric-controller
+
+
+
+
+
 ## [1.2.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-controller@1.2.2...@pie-element/rubric-controller@1.2.4) (2021-11-11)
 
 **Note:** Version bump only for package @pie-element/rubric-controller

package/controller/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["model","session","env","Promise","resolve","modelResult","role"],"mappings":";;;;;;;AAAO,SAASA,KAAT,CAAeA,KAAf,EAAsBC,OAAtB,EAA+BC,GAA/B,EAAoC;AACzC,SAAO,IAAIC,OAAJ,CAAY,UAAAC,OAAO,EAAI;AAC5B,QAAMC,WAAW,GAAG,CAACL,KAAD,GAAS,EAAT,GAAcA,KAAlC;AACAI,IAAAA,OAAO,CAAEF,GAAG,IAAIA,GAAG,CAACI,IAAX,IAAmBJ,GAAG,CAACI,IAAJ,KAAa,YAAjC,GAAiDD,WAAjD,GAA+D,EAAhE,CAAP;AACD,GAHM,CAAP;AAID","sourcesContent":["export function model(model, session, env) {\n  return new Promise(resolve => {\n    const modelResult = !model ? {} : model;\n    resolve((env && env.role && env.role === 'instructor') ? modelResult : {});\n  });\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["model","session","env","Promise","resolve","modelResult","role"],"mappings":";;;;;;;AAAO,SAASA,KAAT,CAAeA,KAAf,EAAsBC,OAAtB,EAA+BC,GAA/B,EAAoC;AACzC,SAAO,IAAIC,OAAJ,CAAY,UAACC,OAAD,EAAa;AAC9B,QAAMC,WAAW,GAAG,CAACL,KAAD,GAAS,EAAT,GAAcA,KAAlC;AACAI,IAAAA,OAAO,CAACF,GAAG,IAAIA,GAAG,CAACI,IAAX,IAAmBJ,GAAG,CAACI,IAAJ,KAAa,YAAhC,GAA+CD,WAA/C,GAA6D,EAA9D,CAAP;AACD,GAHM,CAAP;AAID","sourcesContent":["export function model(model, session, env) {\n  return new Promise((resolve) => {\n    const modelResult = !model ? {} : model;\n    resolve(env && env.role && env.role === 'instructor' ? modelResult : {});\n  });\n}\n"],"file":"index.js"}

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/rubric-controller",
   "private": true,
-  "version": "1.2.7",
+  "version": "1.2.8",
   "main": "lib/index.js",
   "scripts": {
     "test": "./node_modules/.bin/jest"

package/controller/src/__tests__/index.test.js

@@ -1,12 +1,11 @@
 import { model } from '../index';
 
 describe('rubric model', () => {
-
   let state = {
     points: ['nothing right', 'a teeny bit right', 'mostly right', 'bingo'],
     sampleAnswers: [null, 'just right', 'not left', null],
     maxPoints: 4,
-    excludeZero: false
+    excludeZero: false,
   };
 
   let session = {};
@@ -29,7 +28,4 @@ describe('rubric model', () => {
     result = await model(state, session, env);
     expect(result).toEqual(state);
   });
-
-
-
 });

package/controller/src/index.js

@@ -1,6 +1,6 @@
 export function model(model, session, env) {
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     const modelResult = !model ? {} : model;
-    resolve((env && env.role && env.role === 'instructor') ? modelResult : {});
+    resolve(env && env.role && env.role === 'instructor' ? modelResult : {});
   });
 }

package/docs/config-schema.json

@@ -1,6 +1,43 @@
 {
   "type": "object",
   "properties": {
+    "settingsPanelDisabled": {
+      "description": "Indicates if the settings panel is not available",
+      "type": "boolean",
+      "title": "settingsPanelDisabled"
+    },
+    "showExcludeZero": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
+    "showMaxPoint": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,
@@ -20,5 +57,23 @@
       "title": "settingsPartialScoring"
     }
   },
+  "definitions": {
+    "ConfigureProp": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    }
+  },
   "$schema": "http://json-schema.org/draft-07/schema#"
 }

package/docs/config-schema.json.md

@@ -1,5 +1,33 @@
 The schema defines the following properties:
 
+# `settingsPanelDisabled` (boolean)
+
+Indicates if the settings panel is not available
+
+# `showExcludeZero` (object)
+
+Properties of the `showExcludeZero` 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
+
+# `showMaxPoint` (object)
+
+Properties of the `showMaxPoint` 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
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not
@@ -16,4 +44,22 @@ Default: `"Item Stemm"`
 
 Indicates whether the settings panel wil allow the author to modify settings for partial scoring
 
-Default: `true`
+Default: `true`
+
+---
+
+# Sub Schemas
+
+The schema defines the following additional types:
+
+## `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

package/docs/demo/config.js

@@ -2,7 +2,7 @@ const { model } = require('./generate');
 
 module.exports = {
   elements: {
-    'pie-rubric': '../..'
+    'pie-rubric': '../..',
   },
-  models: [model('1', 'pie-rubric')]
+  models: [model('1', 'pie-rubric')],
 };

package/docs/demo/generate.js

@@ -4,5 +4,5 @@ exports.model = (id, element) => ({
   points: ['nothing right', 'a teeny bit right', 'mostly right', 'bingo'],
   sampleAnswers: [null, 'just right', 'not left', null],
   maxPoints: 4,
-  excludeZero: false
+  excludeZero: false,
 });

package/docs/demo/index.html

@@ -1,3 +1,2 @@
-<p/>
+<p />
 <pie-rubric pie-id="1"></pie-rubric>
-

package/docs/pie-schema.json

@@ -58,5 +58,23 @@
     "element",
     "id"
   ],
+  "definitions": {
+    "ConfigureProp": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    }
+  },
   "$schema": "http://json-schema.org/draft-07/schema#"
 }

package/docs/pie-schema.json.md

@@ -32,4 +32,22 @@ Identifier to identify the Pie Element in html markup, Must be unique within a p
 
 # `element` (string, required)
 
-The html Element tag name
+The html Element tag name
+
+---
+
+# Sub Schemas
+
+The schema defines the following additional types:
+
+## `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