@pie-element/rubric 2.2.1 → 2.2.2-next.112

package/configure/lib/main.js

@@ -31,11 +31,14 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 var Panel = _configUi.settings.Panel,
     toggle = _configUi.settings.toggle;
-var styles = {
-  design: {
-    fontFamily: 'Cerebri Sans',
-    fontSize: '14px'
-  }
+
+var styles = function styles(theme) {
+  return {
+    design: {
+      fontFamily: 'Cerebri Sans',
+      fontSize: theme.typography.fontSize
+    }
+  };
 };
 
 var Main = /*#__PURE__*/function (_React$Component) {
@@ -60,25 +63,26 @@ var Main = /*#__PURE__*/function (_React$Component) {
 
       var _ref2 = configuration || {},
           settingsPanelDisabled = _ref2.settingsPanelDisabled,
-          showExcludeZero = _ref2.showExcludeZero,
-          showMaxPoint = _ref2.showMaxPoint;
-
+          _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
-      }, settingsPanelDisabled ? /*#__PURE__*/_react["default"].createElement(_rubric.Authoring, {
-        value: model,
-        onChange: onModelChanged
-      }) : /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+      }, /*#__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: {
-              excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),
-              maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label)
-            }
+            Properties: panelProperties
           }
         })
       }, /*#__PURE__*/_react["default"].createElement(_rubric.Authoring, {

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","styles","design","fontFamily","fontSize","Main","props","model","classes","configuration","onConfigurationChanged","onModelChanged","settingsPanelDisabled","showExcludeZero","showMaxPoint","Properties","excludeZeroEnabled","label","maxPointsEnabled","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;AACbC,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,cADN;AAENC,IAAAA,QAAQ,EAAE;AAFJ;AADK,CAAf;;IAOMC,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,kBAAiEF,aAAa,IAAI,EAAlF;AAAA,UAAQG,qBAAR,SAAQA,qBAAR;AAAA,UAA+BC,eAA/B,SAA+BA,eAA/B;AAAA,UAAgDC,YAAhD,SAAgDA,YAAhD;;AACA,0BACE;AAAK,QAAA,SAAS,EAAEN,OAAO,CAACN;AAAxB,SACGU,qBAAqB,gBACpB,gCAAC,iBAAD;AAAW,QAAA,KAAK,EAAEL,KAAlB;AAAyB,QAAA,QAAQ,EAAEI;AAAnC,QADoB,gBAGpB,gCAAC,gBAAD,CAAQ,YAAR;AACE,QAAA,QAAQ,eACN,gCAAC,KAAD;AACE,UAAA,KAAK,EAAEJ,KADT;AAEE,UAAA,aAAa,EAAEI,cAFjB;AAGE,UAAA,aAAa,EAAEF,aAHjB;AAIE,UAAA,qBAAqB,EAAEC,sBAJzB;AAKE,UAAA,MAAM,EAAE;AACNK,YAAAA,UAAU,EAAE;AACVC,cAAAA,kBAAkB,EAAEH,eAAe,CAACd,QAAhB,IAA4BC,MAAM,CAACa,eAAe,CAACI,KAAjB,CAD5C;AAEVC,cAAAA,gBAAgB,EAAEJ,YAAY,CAACf,QAAb,IAAyBC,MAAM,CAACc,YAAY,CAACG,KAAd;AAFvC;AADN;AALV;AAFJ,sBAgBE,gCAAC,iBAAD;AAAW,QAAA,KAAK,EAAEV,KAAlB;AAAyB,QAAA,QAAQ,EAAEI;AAAnC,QAhBF,CAJJ,CADF;AA0BD;;;EA9BgBQ,kBAAMC,S;;eAiCV,wBAAWnB,MAAX,EAAmBI,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 = {\n  design: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: '14px',\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    return (\n      <div className={classes.design}>\n        {settingsPanelDisabled ? (\n          <Authoring value={model} onChange={onModelChanged} />\n        ) : (\n          <layout.ConfigLayout\n            settings={\n              <Panel\n                model={model}\n                onChangeModel={onModelChanged}\n                configuration={configuration}\n                onChangeConfiguration={onConfigurationChanged}\n                groups={{\n                  Properties: {\n                    excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),\n                    maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label),\n                  },\n                }}\n              />\n            }\n          >\n            <Authoring value={model} onChange={onModelChanged} />\n          </layout.ConfigLayout>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
+{"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/src/main.jsx

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/rubric",
-  "version": "2.2.1",
+  "version": "2.2.2-next.112+4239ce4fb",
   "main": "lib/index.js",
   "module": "src/index.js",
   "description": "Rubric Scoring Interaction",
@@ -14,7 +14,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "4b3c97b360f5c94d400b37d3b900fd42ef8e4f1c",
+  "gitHead": "4239ce4fbb67061c98a93b59f5f908a421b4e77e",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },