@pie-element/fraction-model 2.0.2-next.9 → 2.1.1-beta

package/docs/pie-schema.json.md

@@ -20,7 +20,7 @@ Indicates the selected response sector for model value
 
 The title prompt of the item
 
-# `question` (string, required)
+# `prompt` (string, required)
 
 The question prompt or item stem
 
@@ -78,9 +78,555 @@ The html Element tag name
 
 The schema defines the following additional types:
 
+## `EditableHtmlConfigureProp` (object)
+
+Properties of the `EditableHtmlConfigureProp` object:
+
+### `math` (object)
+
+Properties of the `math` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `audio` (object)
+
+Properties of the `audio` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `video` (object)
+
+Properties of the `video` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `image` (object)
+
+Properties of the `image` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `customPlugins` (array)
+
+An array of objects that determine custom plugins.
+A custom plugin is an object which determines how the button will look like (icon) and the event name that will be triggered when button gets pressed (event).
+Example can be found at https://github.com/pie-framework/pie-lib/blob/develop/packages/demo/pages/editable-html.js#L425.
+
+The object is an array with all elements of the type `object`.
+
+The array object has the following properties:
+
+#### `event` (string, required)
+
+The name of the custom event. It needs to be valid (only letters, numbers and "_" can be used).
+PIE will emit the event prefixed with "PIE-".
+Eg: event = 'client_custom_event_A' => the emitted event will be "PIE-client_custom_event_A"
+
+#### `iconAlt` (string, required)
+
+The alt for the custom button icon
+
+#### `iconType` (string, required)
+
+The icon type.
+Currently, only "SVG" is supported.
+
+#### `icon` (string, required)
+
+The icon string. Currently, only "SVG" is supported, so it needs to be a valid svg.
+
+### `blockquote` (object)
+
+Properties of the `blockquote` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `h3` (object)
+
+Properties of the `h3` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `characters` (object)
+
+Properties of the `characters` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `bold` (object)
+
+Properties of the `bold` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `html` (object)
+
+Properties of the `html` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `italic` (object)
+
+Properties of the `italic` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `ol_list` (object)
+
+Properties of the `ol_list` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `redo` (object)
+
+Properties of the `redo` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `strikethrough` (object)
+
+Properties of the `strikethrough` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `sub` (object)
+
+Properties of the `sub` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `sup` (object)
+
+Properties of the `sup` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `table` (object)
+
+Properties of the `table` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `ul_list` (object)
+
+Properties of the `ul_list` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `underline` (object)
+
+Properties of the `underline` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `undo` (object)
+
+Properties of the `undo` object:
+
+#### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+## `EditableHtmlButtonConfigure` (object)
+
+Properties of the `EditableHtmlButtonConfigure` object:
+
+### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+## `CustomPlugin` (object)
+
+Properties of the `CustomPlugin` object:
+
+### `event` (string, required)
+
+The name of the custom event. It needs to be valid (only letters, numbers and "_" can be used).
+PIE will emit the event prefixed with "PIE-".
+Eg: event = 'client_custom_event_A' => the emitted event will be "PIE-client_custom_event_A"
+
+### `iconAlt` (string, required)
+
+The alt for the custom button icon
+
+### `iconType` (string, required)
+
+The icon type.
+Currently, only "SVG" is supported.
+
+### `icon` (string, required)
+
+The icon string. Currently, only "SVG" is supported, so it needs to be a valid svg.
+
+## `EditableHtmlPluginConfigure` (object)
+
+Properties of the `EditableHtmlPluginConfigure` object:
+
+### `inputConfiguration` (object)
+
+Properties of the `inputConfiguration` object:
+
+#### `math` (object)
+
+Properties of the `math` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `audio` (object)
+
+Properties of the `audio` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `video` (object)
+
+Properties of the `video` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `image` (object)
+
+Properties of the `image` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `customPlugins` (array)
+
+An array of objects that determine custom plugins.
+A custom plugin is an object which determines how the button will look like (icon) and the event name that will be triggered when button gets pressed (event).
+Example can be found at https://github.com/pie-framework/pie-lib/blob/develop/packages/demo/pages/editable-html.js#L425.
+
+The object is an array with all elements of the type `object`.
+
+The array object has the following properties:
+
+##### `event` (string, required)
+
+The name of the custom event. It needs to be valid (only letters, numbers and "_" can be used).
+PIE will emit the event prefixed with "PIE-".
+Eg: event = 'client_custom_event_A' => the emitted event will be "PIE-client_custom_event_A"
+
+##### `iconAlt` (string, required)
+
+The alt for the custom button icon
+
+##### `iconType` (string, required)
+
+The icon type.
+Currently, only "SVG" is supported.
+
+##### `icon` (string, required)
+
+The icon string. Currently, only "SVG" is supported, so it needs to be a valid svg.
+
+#### `blockquote` (object)
+
+Properties of the `blockquote` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `h3` (object)
+
+Properties of the `h3` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `characters` (object)
+
+Properties of the `characters` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `bold` (object)
+
+Properties of the `bold` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `html` (object)
+
+Properties of the `html` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `italic` (object)
+
+Properties of the `italic` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `ol_list` (object)
+
+Properties of the `ol_list` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `redo` (object)
+
+Properties of the `redo` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `strikethrough` (object)
+
+Properties of the `strikethrough` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `sub` (object)
+
+Properties of the `sub` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `sup` (object)
+
+Properties of the `sup` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `table` (object)
+
+Properties of the `table` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `ul_list` (object)
+
+Properties of the `ul_list` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `underline` (object)
+
+Properties of the `underline` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+#### `undo` (object)
+
+Properties of the `undo` object:
+
+##### `disabled` (boolean)
+
+Indicates if the plugin is disabled or not
+
+### `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
+
+## `FractionModelOptionsConfigure` (object)
+
+Properties of the `FractionModelOptionsConfigure` object:
+
+### `maxOfModel` (object)
+
+Properties of the `maxOfModel` object:
+
+#### `min` (number)
+
+Indicates the min value for number model
+
+#### `max` (number)
+
+Indicates the max value for number model
+
+#### `default` (number)
+
+Indicates the default value for number model
+
+### `partsPerModel` (object)
+
+Properties of the `partsPerModel` object:
+
+#### `min` (number)
+
+Indicates the min value for number model
+
+#### `max` (number)
+
+Indicates the max value for number model
+
+#### `default` (number)
+
+Indicates the default value for number model
+
+### `modelTypeChoices` (array)
+
+Indicates the model types of item
+
+The object is an array with all elements of the type `object`.
+
+The array object has the following properties:
+
+#### `value` (string, required)
+
+Indicates the value for model choice
+
+#### `label` (string, required)
+
+Indicates the label for model choice
+
+## `ModelConfig` (object)
+
+Properties of the `ModelConfig` object:
+
+### `min` (number)
+
+Indicates the min value for number model
+
+### `max` (number)
+
+Indicates the max value for number model
+
+### `default` (number)
+
+Indicates the default value for number model
+
+## `ChoiceConfig` (object)
+
+Properties of the `ChoiceConfig` object:
+
+### `value` (string, required)
+
+Indicates the value for model choice
+
+### `label` (string, required)
+
+Indicates the label for model choice
+
+## `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
+
+## `ConfigurePropWithEnabled` (object)
+
+Properties of the `ConfigurePropWithEnabled` object:
+
+### `enabled` (boolean)
+
+Indicates the value of the item if it affects config-ui
+(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+
+### `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
+
+## `ConfigureLanguageOptionsProp` (object)
+
+Properties of the `ConfigureLanguageOptionsProp` object:
+
+### `value` (string, required)
+
+Value of the language option
+
+### `label` (string, required)
+
+Label of the language option
+
+## `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
+
 ## `ResponseObject` (object)
 
-Model for the
+Model for the @pie-elements/fraction-model
 
 Properties of the `ResponseObject` object:
 

package/lib/answer-fraction.js

@@ -54,13 +54,26 @@ var AnswerFraction = /*#__PURE__*/function (_React$Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onValueChange", function (key) {
       return function (event) {
+        var _event$target;
+
+        var value = parseInt(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
         var _this$props = _this.props,
+            model = _this$props.model,
             onAnswerChange = _this$props.onAnswerChange,
             answers = _this$props.answers;
 
         var newAnswers = _objectSpread({}, answers);
 
-        newAnswers[key] = parseInt(event.target.value);
+        var min = 1;
+        var max = key === 'noOfModel' ? model.maxModelSelected : 9;
+
+        if (value > max) {
+          value = max;
+        } else if (value < min) {
+          value = min;
+        }
+
+        newAnswers[key] = value;
         onAnswerChange(newAnswers);
       };
     });

package/lib/answer-fraction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/answer-fraction.jsx"],"names":["AnswerFraction","key","event","props","onAnswerChange","answers","newAnswers","parseInt","target","value","model","classes","showCorrect","disabled","allowedStudentConfig","groupInline","group","inputLabel","textField","min","max","maxModelSelected","onValueChange","noOfModel","partsPerModel","React","Component","PropTypes","object","isRequired","bool","func","styles","alignItems","display","gap","margin","marginBottom","width","maxHeight","height","fontSize"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { TextField } from '@material-ui/core';\n\nexport class AnswerFraction extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disabled: PropTypes.bool.isRequired,\n    showCorrect: PropTypes.bool.isRequired,\n    onAnswerChange: PropTypes.func.isRequired,\n    answers: PropTypes.object.isRequired,\n  };\n\n  /**\n   * Function to trigger when value change from number selection\n   * @param {string} key contains event change object\n   * @returns updated answer change object\n   */\n  onValueChange = (key) => (event) => {\n    const { onAnswerChange, answers } = this.props;\n    const newAnswers = { ...answers };\n\n    newAnswers[key] = parseInt(event.target.value);\n    onAnswerChange(newAnswers);\n  };\n\n  render() {\n    const { model, classes, showCorrect, answers, disabled } = this.props;\n\n    return (\n      <div>\n        {model.allowedStudentConfig && (\n          <div className={classes.groupInline}>\n            <div className={classes.group}>\n              <label htmlFor={'preview_number-of-models'} className={classes.inputLabel}>\n                Number of Models\n              </label>\n              <TextField\n                className={classes.textField}\n                id=\"preview_number-of-models\"\n                inputProps={{ min: 1, max: model.maxModelSelected }}\n                name=\"preview_number-of-models\"\n                onChange={this.onValueChange('noOfModel')}\n                type=\"number\"\n                variant=\"outlined\"\n                disabled={disabled}\n                value={showCorrect ? model.maxModelSelected : answers.noOfModel}\n              />\n            </div>\n            <div className={classes.group}>\n              <label htmlFor={'preview_parts-per-model'} className={classes.inputLabel}>\n                Parts per Model\n              </label>\n              <TextField\n                className={classes.textField}\n                id=\"preview_parts-per-model\"\n                inputProps={{ min: 1, max: 9 }}\n                name=\"preview_parts-per-model\"\n                onChange={this.onValueChange('partsPerModel')}\n                type=\"number\"\n                variant=\"outlined\"\n                disabled={disabled}\n                value={showCorrect ? model.partsPerModel : answers.partsPerModel}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = () => ({\n  groupInline: {\n    alignItems: 'center',\n    display: 'flex',\n    gap: '20px',\n  },\n  group: {\n    margin: '12px 0',\n  },\n  inputLabel: {\n    display: 'block',\n    marginBottom: '4px',\n  },\n  textField: {\n    width: '120px',\n    maxHeight: '40px',\n    '& [class^=\"MuiInputBase-root\"]': {\n      height: 40,\n      fontSize: '14px',\n    },\n  },\n});\n\nexport default withStyles(styles)(AnswerFraction);\n"],"file":"answer-fraction.js"}
+{"version":3,"sources":["../src/answer-fraction.jsx"],"names":["AnswerFraction","key","event","value","parseInt","target","props","model","onAnswerChange","answers","newAnswers","min","max","maxModelSelected","classes","showCorrect","disabled","allowedStudentConfig","groupInline","group","inputLabel","textField","onValueChange","noOfModel","partsPerModel","React","Component","PropTypes","object","isRequired","bool","func","styles","alignItems","display","gap","margin","marginBottom","width","maxHeight","height","fontSize"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { TextField } from '@material-ui/core';\n\nexport class AnswerFraction extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disabled: PropTypes.bool.isRequired,\n    showCorrect: PropTypes.bool.isRequired,\n    onAnswerChange: PropTypes.func.isRequired,\n    answers: PropTypes.object.isRequired,\n  };\n\n  /**\n   * Function to trigger when value change from number selection\n   * @param {string} key contains event change object\n   * @returns updated answer change object\n   */\n  onValueChange = (key) => (event) => {\n    let value = parseInt(event?.target?.value);\n    const { model, onAnswerChange, answers } = this.props;\n    const newAnswers = { ...answers };\n    const min = 1;\n    const max = (key === 'noOfModel') ? model.maxModelSelected : 9;\n    if(value > max) {\n      value = max;\n    } else if(value < min) {\n      value = min;\n    }\n    newAnswers[key] = value;\n    onAnswerChange(newAnswers);\n  };\n\n  render() {\n    const { model, classes, showCorrect, answers, disabled } = this.props;\n\n    return (\n      <div>\n        {model.allowedStudentConfig && (\n          <div className={classes.groupInline}>\n            <div className={classes.group}>\n              <label htmlFor={'preview_number-of-models'} className={classes.inputLabel}>\n                Number of Models\n              </label>\n              <TextField\n                className={classes.textField}\n                id=\"preview_number-of-models\"\n                inputProps={{ min: 1, max: model.maxModelSelected }}\n                name=\"preview_number-of-models\"\n                onChange={this.onValueChange('noOfModel')}\n                type=\"number\"\n                variant=\"outlined\"\n                disabled={disabled}\n                value={showCorrect ? model.maxModelSelected : answers.noOfModel}\n              />\n            </div>\n            <div className={classes.group}>\n              <label htmlFor={'preview_parts-per-model'} className={classes.inputLabel}>\n                Parts per Model\n              </label>\n              <TextField\n                className={classes.textField}\n                id=\"preview_parts-per-model\"\n                inputProps={{ min: 1, max: 9 }}\n                name=\"preview_parts-per-model\"\n                onChange={this.onValueChange('partsPerModel')}\n                type=\"number\"\n                variant=\"outlined\"\n                disabled={disabled}\n                value={showCorrect ? model.partsPerModel : answers.partsPerModel}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = () => ({\n  groupInline: {\n    alignItems: 'center',\n    display: 'flex',\n    gap: '20px',\n  },\n  group: {\n    margin: '12px 0',\n  },\n  inputLabel: {\n    display: 'block',\n    marginBottom: '4px',\n  },\n  textField: {\n    width: '120px',\n    maxHeight: '40px',\n    '& [class^=\"MuiInputBase-root\"]': {\n      height: 40,\n      fontSize: '14px',\n    },\n  },\n});\n\nexport default withStyles(styles)(AnswerFraction);\n"],"file":"answer-fraction.js"}

package/lib/fraction-model-chart.js

@@ -270,11 +270,12 @@ var FractionModelChart = function FractionModelChart(props) {
       className: classes.barChartParentDiv
     }, barItems);
   };
+
+  var pieChartRef = (0, _react.useRef)(null);
   /*
    * Function to create and return pie fraction model
    * */
 
-
   var getPieFractionModel = function getPieFractionModel() {
     var parentData = []; // Generate data for pie chart
 
@@ -325,6 +326,7 @@ var FractionModelChart = function FractionModelChart(props) {
       }))));
     });
     return /*#__PURE__*/_react["default"].createElement("div", {
+      ref: pieChartRef,
       className: classes.pieChartParentDiv
     }, pieItems);
   }; //Render bar or pie models as per model type
@@ -333,6 +335,19 @@ var FractionModelChart = function FractionModelChart(props) {
   if (modelType === 'bar') {
     return getBarFractionModel();
   } else if (modelType === 'pie') {
+    //Remove the last sector line of pie chart if parts per model is 1
+    (0, _react.useEffect)(function () {
+      if (pieChartRef !== null && pieChartRef !== void 0 && pieChartRef.current && partsPerModel === 1) {
+        var paths = pieChartRef.current.querySelectorAll('path');
+
+        if (paths.length > 0) {
+          paths.forEach(function (path) {
+            var d = path.getAttribute('d');
+            path.setAttribute('d', d.replaceAll('L 100,100', ''));
+          });
+        }
+      }
+    }, []);
     return getPieFractionModel();
   }
 };