@pie-element/matrix 2.3.4-next.3 → 3.0.0-beta.1

package/CHANGELOG.md

@@ -3,18 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [2.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/matrix@2.3.2...@pie-element/matrix@2.3.3) (2025-11-27)
-
-
-### Bug Fixes
-
-* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
-* **likert, matrix:** handle disabled color, add important for radio states colors PD-5274 ([8685fe6](https://github.com/pie-framework/pie-elements/commit/8685fe63194de27f213f5debcdf43452e405afeb))
-
-
-
-
-
 ## [2.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/matrix@2.3.1...@pie-element/matrix@2.3.2) (2025-10-22)
 
 

package/configure/CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [1.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/matrix-configure@1.3.2...@pie-element/matrix-configure@1.3.3) (2025-11-27)
-
-
-### Bug Fixes
-
-* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
-
-
-
-
-
 ## [1.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/matrix-configure@1.3.1...@pie-element/matrix-configure@1.3.2) (2025-10-22)
 
 

package/configure/lib/HeaderCommon.js

@@ -1,31 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NumberInputFormGroupWrapper = exports.IconWrapper = exports.ColumnsWrapper = exports.ColumnsHeader = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-var ColumnsWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"])));
-
-exports.ColumnsWrapper = ColumnsWrapper;
-
-var ColumnsHeader = _styledComponents["default"].p(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 10px 0;\n  color: #c3c3c3;\n  font-size: 12px;\n"])));
-
-exports.ColumnsHeader = ColumnsHeader;
-
-var NumberInputFormGroupWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 110px;\n"])));
-
-exports.NumberInputFormGroupWrapper = NumberInputFormGroupWrapper;
-
-var IconWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  cursor: pointer;\n"])));
-
-exports.IconWrapper = IconWrapper;
+const ColumnsWrapper = exports.ColumnsWrapper = _styledComponents.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+const ColumnsHeader = exports.ColumnsHeader = _styledComponents.default.p`
+  margin: 10px 0;
+  color: #c3c3c3;
+  font-size: 12px;
+`;
+const NumberInputFormGroupWrapper = exports.NumberInputFormGroupWrapper = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 110px;
+`;
+const IconWrapper = exports.IconWrapper = _styledComponents.default.div`
+  cursor: pointer;
+`;
 //# sourceMappingURL=HeaderCommon.js.map

package/configure/lib/HeaderCommon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/HeaderCommon.js"],"names":["ColumnsWrapper","styled","div","ColumnsHeader","p","NumberInputFormGroupWrapper","IconWrapper"],"mappings":";;;;;;;;;;;AAAA;;;;AAEO,IAAMA,cAAc,GAAGC,6BAAOC,GAAV,6JAApB;;;;AAMA,IAAMC,aAAa,GAAGF,6BAAOG,CAAV,oJAAnB;;;;AAMA,IAAMC,2BAA2B,GAAGJ,6BAAOC,GAAV,wLAAjC;;;;AAOA,IAAMI,WAAW,GAAGL,6BAAOC,GAAV,8GAAjB","sourcesContent":["import styled from 'styled-components';\n\nexport const ColumnsWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const ColumnsHeader = styled.p`\n  margin: 10px 0;\n  color: #c3c3c3;\n  font-size: 12px;\n`;\n\nexport const NumberInputFormGroupWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 110px;\n`;\n\nexport const IconWrapper = styled.div`\n  cursor: pointer;\n`;\n"],"file":"HeaderCommon.js"}
+{"version":3,"file":"HeaderCommon.js","names":["_styledComponents","_interopRequireDefault","require","ColumnsWrapper","exports","styled","div","ColumnsHeader","p","NumberInputFormGroupWrapper","IconWrapper"],"sources":["../src/HeaderCommon.js"],"sourcesContent":["import styled from 'styled-components';\n\nexport const ColumnsWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const ColumnsHeader = styled.p`\n  margin: 10px 0;\n  color: #c3c3c3;\n  font-size: 12px;\n`;\n\nexport const NumberInputFormGroupWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 110px;\n`;\n\nexport const IconWrapper = styled.div`\n  cursor: pointer;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAG;AACxC;AACA;AACA;AACA,CAAC;AAEM,MAAMC,aAAa,GAAAH,OAAA,CAAAG,aAAA,GAAGF,yBAAM,CAACG,CAAC;AACrC;AACA;AACA;AACA,CAAC;AAEM,MAAMC,2BAA2B,GAAAL,OAAA,CAAAK,2BAAA,GAAGJ,yBAAM,CAACC,GAAG;AACrD;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMI,WAAW,GAAAN,OAAA,CAAAM,WAAA,GAAGL,yBAAM,CAACC,GAAG;AACrC;AACA,CAAC","ignoreList":[]}

package/configure/lib/Main.js

@@ -1,131 +1,94 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Main = void 0;
-
+exports.default = exports.Main = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-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 _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
-
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
 var _configUi = require("@pie-lib/config-ui");
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _MatrixColumnsSizeHeaderInput = _interopRequireDefault(require("./MatrixColumnsSizeHeaderInput"));
-
 var _MatrixRowsSizeHeaderInput = _interopRequireDefault(require("./MatrixRowsSizeHeaderInput"));
-
 var _MatrixLabelTypeHeaderInput = _interopRequireDefault(require("./MatrixLabelTypeHeaderInput"));
-
 var _MatrixValues = _interopRequireDefault(require("./MatrixValues"));
-
-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 Panel = _configUi.settings.Panel,
-    toggle = _configUi.settings.toggle,
-    radio = _configUi.settings.radio;
-
-var styles = function styles(theme) {
-  return {
-    promptHolder: {
-      width: '100%',
-      paddingTop: theme.spacing.unit * 2,
-      marginBottom: theme.spacing.unit * 2
-    },
-    matrixHeaderOptionsHolder: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      width: '100%',
-      paddingBottom: theme.spacing.unit * 2.5,
-      justifyContent: 'space-around'
-    },
-    errorText: {
-      fontSize: theme.typography.fontSize - 2,
-      color: theme.palette.error.main,
-      paddingTop: theme.spacing.unit
-    }
-  };
-};
-
-var Design = (0, _styles.withStyles)(styles)(function (props) {
-  var classes = props.classes,
-      model = props.model,
-      configuration = props.configuration,
-      onPromptChanged = props.onPromptChanged,
-      imageSupport = props.imageSupport,
-      uploadSoundSupport = props.uploadSoundSupport,
-      onChangeModel = props.onChangeModel,
-      onConfigurationChanged = props.onConfigurationChanged,
-      onTeacherInstructionsChanged = props.onTeacherInstructionsChanged;
-
-  var _ref = configuration || {},
-      _ref$baseInputConfigu = _ref.baseInputConfiguration,
-      baseInputConfiguration = _ref$baseInputConfigu === void 0 ? {} : _ref$baseInputConfigu,
-      _ref$contentDimension = _ref.contentDimensions,
-      contentDimensions = _ref$contentDimension === void 0 ? {} : _ref$contentDimension,
-      _ref$prompt = _ref.prompt,
-      prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
-      _ref$scoringType = _ref.scoringType,
-      scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
-      settingsPanelDisabled = _ref.settingsPanelDisabled,
-      _ref$spellCheck = _ref.spellCheck,
-      spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
-      _ref$teacherInstructi = _ref.teacherInstructions,
-      teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi;
-
-  var _ref2 = model || {},
-      _ref2$errors = _ref2.errors,
-      errors = _ref2$errors === void 0 ? {} : _ref2$errors,
-      extraCSSRules = _ref2.extraCSSRules,
-      teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
-      spellCheckEnabled = _ref2.spellCheckEnabled;
-
-  var promptError = errors.prompt,
-      teacherInstructionsError = errors.teacherInstructions;
-  var panelProperties = {
+const {
+  Panel,
+  toggle,
+  radio
+} = _configUi.settings;
+const StyledInputContainer = (0, _styles.styled)(_configUi.InputContainer)(({
+  theme
+}) => ({
+  width: '100%',
+  paddingTop: theme.spacing(1),
+  marginTop: theme.spacing(2),
+  marginBottom: theme.spacing(2)
+}));
+const MatrixHeaderOptionsHolder = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'flex',
+  flexWrap: 'wrap',
+  width: '100%',
+  paddingBottom: theme.spacing(2.5),
+  justifyContent: 'space-around'
+}));
+const ErrorText = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  fontSize: theme.typography.fontSize - 2,
+  color: theme.palette.error.main,
+  paddingTop: theme.spacing(1)
+}));
+const Design = props => {
+  const {
+    model,
+    configuration,
+    onPromptChanged,
+    imageSupport,
+    uploadSoundSupport,
+    onChangeModel,
+    onConfigurationChanged,
+    onTeacherInstructionsChanged
+  } = props;
+  const {
+    baseInputConfiguration = {},
+    contentDimensions = {},
+    prompt = {},
+    scoringType = {},
+    settingsPanelDisabled,
+    spellCheck = {},
+    teacherInstructions = {}
+  } = configuration || {};
+  const {
+    errors = {},
+    extraCSSRules,
+    teacherInstructionsEnabled,
+    spellCheckEnabled
+  } = model || {};
+  const {
+    prompt: promptError,
+    teacherInstructions: teacherInstructionsError
+  } = errors;
+  const panelProperties = {
     teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
     spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
     scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
   };
-
-  var getPluginProps = function getPluginProps() {
-    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return _objectSpread(_objectSpread({}, baseInputConfiguration), props);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+  const getPluginProps = (props = {}) => ({
+    ...baseInputConfiguration,
+    ...props
+  });
+  return /*#__PURE__*/_react.default.createElement(_configUi.layout.ConfigLayout, {
     extraCSSRules: extraCSSRules,
     dimensions: contentDimensions,
     hideSettings: settingsPanelDisabled,
-    settings: /*#__PURE__*/_react["default"].createElement(Panel, {
+    settings: /*#__PURE__*/_react.default.createElement(Panel, {
       model: model,
       onChangeModel: onChangeModel,
       configuration: configuration,
@@ -134,111 +97,83 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
         Properties: panelProperties
       }
     })
-  }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-    label: teacherInstructions.label,
-    className: classes.promptHolder
-  }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-    className: classes.prompt,
+  }, teacherInstructionsEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
+    label: teacherInstructions.label
+  }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
     markup: model.teacherInstructions || '',
     onChange: onTeacherInstructionsChanged,
     imageSupport: imageSupport,
     error: teacherInstructionsError,
-    pluginProps: getPluginProps(teacherInstructions === null || teacherInstructions === void 0 ? void 0 : teacherInstructions.inputConfiguration),
+    pluginProps: getPluginProps(teacherInstructions?.inputConfiguration),
     nonEmpty: false,
     spellCheck: spellCheckEnabled,
     uploadSoundSupport: uploadSoundSupport
-  }), teacherInstructionsError && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.errorText
-  }, teacherInstructionsError)), /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-    label: prompt.label,
-    className: classes.promptHolder
-  }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-    className: classes.prompt,
+  }), teacherInstructionsError && /*#__PURE__*/_react.default.createElement(ErrorText, null, teacherInstructionsError)), /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
+    label: prompt.label
+  }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
     markup: model.prompt,
     onChange: onPromptChanged,
     imageSupport: imageSupport,
     error: promptError,
-    pluginProps: getPluginProps(prompt === null || prompt === void 0 ? void 0 : prompt.inputConfiguration),
+    pluginProps: getPluginProps(prompt?.inputConfiguration),
     nonEmpty: !prompt.settings,
     spellCheck: spellCheckEnabled,
     uploadSoundSupport: uploadSoundSupport,
     disableUnderline: true
-  }), promptError && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.errorText
-  }, promptError)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.matrixHeaderOptionsHolder
-  }, /*#__PURE__*/_react["default"].createElement(_MatrixRowsSizeHeaderInput["default"], {
+  }), promptError && /*#__PURE__*/_react.default.createElement(ErrorText, null, promptError)), /*#__PURE__*/_react.default.createElement(MatrixHeaderOptionsHolder, null, /*#__PURE__*/_react.default.createElement(_MatrixRowsSizeHeaderInput.default, {
     model: model,
     onChangeModel: onChangeModel
-  }), /*#__PURE__*/_react["default"].createElement(_MatrixColumnsSizeHeaderInput["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_MatrixColumnsSizeHeaderInput.default, {
     model: model,
     onChangeModel: onChangeModel
-  }), /*#__PURE__*/_react["default"].createElement(_MatrixLabelTypeHeaderInput["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_MatrixLabelTypeHeaderInput.default, {
     model: model,
     onChangeModel: onChangeModel
-  })), /*#__PURE__*/_react["default"].createElement(_MatrixValues["default"], {
+  })), /*#__PURE__*/_react.default.createElement(_MatrixValues.default, {
     model: model,
     onChangeModel: onChangeModel
   }));
-});
-
-var Main = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Main, _React$Component);
-
-  var _super = _createSuper(Main);
-
-  function Main() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Main);
-
-    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), "onPromptChanged", function (prompt) {
-      _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
-        prompt: prompt
-      }));
+};
+class Main extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "onPromptChanged", prompt => {
+      this.props.onModelChanged({
+        ...this.props.model,
+        prompt
+      });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeModel", function (data) {
-      _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), data));
+    (0, _defineProperty2.default)(this, "onChangeModel", data => {
+      this.props.onModelChanged({
+        ...this.props.model,
+        ...data
+      });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChanged", function (teacherInstructions) {
-      _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
-        teacherInstructions: teacherInstructions
-      }));
+    (0, _defineProperty2.default)(this, "onTeacherInstructionsChanged", teacherInstructions => {
+      this.props.onModelChanged({
+        ...this.props.model,
+        teacherInstructions
+      });
     });
-    return _this;
   }
-
-  (0, _createClass2["default"])(Main, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react["default"].createElement(Design, (0, _extends2["default"])({}, this.props, {
-        onChangeModel: this.props.onModelChanged,
-        onPromptChanged: this.onPromptChanged,
-        onTeacherInstructionsChanged: this.onTeacherInstructionsChanged
-      }));
-    }
-  }]);
-  return Main;
-}(_react["default"].Component);
-
+  render() {
+    return /*#__PURE__*/_react.default.createElement(Design, (0, _extends2.default)({}, this.props, {
+      onChangeModel: this.props.onModelChanged,
+      onPromptChanged: this.onPromptChanged,
+      onTeacherInstructionsChanged: this.onTeacherInstructionsChanged
+    }));
+  }
+}
 exports.Main = Main;
-(0, _defineProperty2["default"])(Main, "propTypes", {
-  model: _propTypes["default"].object.isRequired,
-  disableSidePanel: _propTypes["default"].bool,
-  onModelChanged: _propTypes["default"].func.isRequired,
-  onConfigurationChanged: _propTypes["default"].func.isRequired,
-  classes: _propTypes["default"].object.isRequired,
-  imageSupport: _propTypes["default"].shape({
-    add: _propTypes["default"].func.isRequired,
-    "delete": _propTypes["default"].func.isRequired
+(0, _defineProperty2.default)(Main, "propTypes", {
+  model: _propTypes.default.object.isRequired,
+  disableSidePanel: _propTypes.default.bool,
+  onModelChanged: _propTypes.default.func.isRequired,
+  onConfigurationChanged: _propTypes.default.func.isRequired,
+  imageSupport: _propTypes.default.shape({
+    add: _propTypes.default.func.isRequired,
+    delete: _propTypes.default.func.isRequired
   })
 });
-var Styled = (0, _styles.withStyles)(styles)(Main);
-var _default = Styled;
-exports["default"] = _default;
+var _default = exports.default = Main;
 //# sourceMappingURL=Main.js.map

package/configure/lib/Main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Main.jsx"],"names":["Panel","settings","toggle","radio","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","matrixHeaderOptionsHolder","display","flexWrap","paddingBottom","justifyContent","errorText","fontSize","typography","color","palette","error","main","Design","props","classes","model","configuration","onPromptChanged","imageSupport","uploadSoundSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","baseInputConfiguration","contentDimensions","prompt","scoringType","settingsPanelDisabled","spellCheck","teacherInstructions","errors","extraCSSRules","teacherInstructionsEnabled","spellCheckEnabled","promptError","teacherInstructionsError","panelProperties","label","getPluginProps","Properties","inputConfiguration","Main","onModelChanged","data","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputContainer, settings, layout } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport MatrixColumnsSizeHeaderInput from './MatrixColumnsSizeHeaderInput';\nimport MatrixRowsSizeHeaderInput from './MatrixRowsSizeHeaderInput';\nimport MatrixLabelTypeHeaderInput from './MatrixLabelTypeHeaderInput';\nimport MatrixValues from './MatrixValues';\n\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  matrixHeaderOptionsHolder: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2.5,\n    justifyContent: 'space-around',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nconst Design = withStyles(styles)((props) => {\n  const {\n    classes,\n    model,\n    configuration,\n    onPromptChanged,\n    imageSupport,\n    uploadSoundSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged,\n  } = props;\n  const {\n    baseInputConfiguration = {},\n    contentDimensions = {},\n    prompt = {},\n    scoringType = {},\n    settingsPanelDisabled,\n    spellCheck = {},\n    teacherInstructions = {},\n  } = configuration || {};\n  const { errors = {}, extraCSSRules, teacherInstructionsEnabled, spellCheckEnabled } = model || {};\n  const { prompt: promptError, teacherInstructions: teacherInstructionsError } = errors;\n\n  const panelProperties = {\n    teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n    spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n    scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n  };\n\n  const getPluginProps = (props = {}) => ({\n    ...baseInputConfiguration,\n    ...props,\n  });\n\n  return (\n    <layout.ConfigLayout\n      extraCSSRules={extraCSSRules}\n      dimensions={contentDimensions}\n      hideSettings={settingsPanelDisabled}\n      settings={\n        <Panel\n          model={model}\n          onChangeModel={onChangeModel}\n          configuration={configuration}\n          onChangeConfiguration={onConfigurationChanged}\n          groups={{\n            Properties: panelProperties,\n          }}\n        />\n      }\n    >\n      {teacherInstructionsEnabled && (\n        <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            error={teacherInstructionsError}\n            pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n            nonEmpty={false}\n            spellCheck={spellCheckEnabled}\n            uploadSoundSupport={uploadSoundSupport}\n          />\n          {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n        </InputContainer>\n      )}\n\n      <InputContainer label={prompt.label} className={classes.promptHolder}>\n        <EditableHtml\n          className={classes.prompt}\n          markup={model.prompt}\n          onChange={onPromptChanged}\n          imageSupport={imageSupport}\n          error={promptError}\n          pluginProps={getPluginProps(prompt?.inputConfiguration)}\n          nonEmpty={!prompt.settings}\n          spellCheck={spellCheckEnabled}\n          uploadSoundSupport={uploadSoundSupport}\n          disableUnderline\n        />\n        {promptError && <div className={classes.errorText}>{promptError}</div>}\n      </InputContainer>\n\n      <div className={classes.matrixHeaderOptionsHolder}>\n        <MatrixRowsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n        <MatrixColumnsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n        <MatrixLabelTypeHeaderInput model={model} onChangeModel={onChangeModel} />\n      </div>\n\n      <MatrixValues model={model} onChangeModel={onChangeModel} />\n    </layout.ConfigLayout>\n  );\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({ ...this.props.model, prompt });\n  };\n\n  onChangeModel = (data) => {\n    this.props.onModelChanged({ ...this.props.model, ...data });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n  };\n\n  render() {\n    return (\n      <Design\n        {...this.props}\n        onChangeModel={this.props.onModelChanged}\n        onPromptChanged={this.onPromptChanged}\n        onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n      />\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"Main.js"}
+{"version":3,"file":"Main.js","names":["_react","_interopRequireDefault","require","_propTypes","_editableHtmlTipTap","_configUi","_styles","_MatrixColumnsSizeHeaderInput","_MatrixRowsSizeHeaderInput","_MatrixLabelTypeHeaderInput","_MatrixValues","Panel","toggle","radio","settings","StyledInputContainer","styled","InputContainer","theme","width","paddingTop","spacing","marginTop","marginBottom","MatrixHeaderOptionsHolder","display","flexWrap","paddingBottom","justifyContent","ErrorText","fontSize","typography","color","palette","error","main","Design","props","model","configuration","onPromptChanged","imageSupport","uploadSoundSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","baseInputConfiguration","contentDimensions","prompt","scoringType","settingsPanelDisabled","spellCheck","teacherInstructions","errors","extraCSSRules","teacherInstructionsEnabled","spellCheckEnabled","promptError","teacherInstructionsError","panelProperties","label","getPluginProps","default","createElement","layout","ConfigLayout","dimensions","hideSettings","onChangeConfiguration","groups","Properties","markup","onChange","pluginProps","inputConfiguration","nonEmpty","disableUnderline","Main","React","Component","constructor","args","_defineProperty2","onModelChanged","data","render","_extends2","exports","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","delete","_default"],"sources":["../src/Main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { InputContainer, settings, layout } from '@pie-lib/config-ui';\nimport { styled } from '@mui/material/styles';\nimport MatrixColumnsSizeHeaderInput from './MatrixColumnsSizeHeaderInput';\nimport MatrixRowsSizeHeaderInput from './MatrixRowsSizeHeaderInput';\nimport MatrixLabelTypeHeaderInput from './MatrixLabelTypeHeaderInput';\nimport MatrixValues from './MatrixValues';\n\nconst { Panel, toggle, radio } = settings;\n\nconst StyledInputContainer = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(1),\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst MatrixHeaderOptionsHolder = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  width: '100%',\n  paddingBottom: theme.spacing(2.5),\n  justifyContent: 'space-around',\n}));\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingTop: theme.spacing(1),\n}));\n\nconst Design = (props) => {\n  const {\n    model,\n    configuration,\n    onPromptChanged,\n    imageSupport,\n    uploadSoundSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged,\n  } = props;\n  const {\n    baseInputConfiguration = {},\n    contentDimensions = {},\n    prompt = {},\n    scoringType = {},\n    settingsPanelDisabled,\n    spellCheck = {},\n    teacherInstructions = {},\n  } = configuration || {};\n  const { errors = {}, extraCSSRules, teacherInstructionsEnabled, spellCheckEnabled } = model || {};\n  const { prompt: promptError, teacherInstructions: teacherInstructionsError } = errors;\n\n  const panelProperties = {\n    teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n    spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n    scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n  };\n\n  const getPluginProps = (props = {}) => ({\n    ...baseInputConfiguration,\n    ...props,\n  });\n\n  return (\n    <layout.ConfigLayout\n      extraCSSRules={extraCSSRules}\n      dimensions={contentDimensions}\n      hideSettings={settingsPanelDisabled}\n      settings={\n        <Panel\n          model={model}\n          onChangeModel={onChangeModel}\n          configuration={configuration}\n          onChangeConfiguration={onConfigurationChanged}\n          groups={{\n            Properties: panelProperties,\n          }}\n        />\n      }\n    >\n      {teacherInstructionsEnabled && (\n        <StyledInputContainer label={teacherInstructions.label}>\n          <EditableHtml\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            error={teacherInstructionsError}\n            pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n            nonEmpty={false}\n            spellCheck={spellCheckEnabled}\n            uploadSoundSupport={uploadSoundSupport}\n          />\n          {teacherInstructionsError && <ErrorText>{teacherInstructionsError}</ErrorText>}\n        </StyledInputContainer>\n      )}\n\n      <StyledInputContainer label={prompt.label}>\n        <EditableHtml\n          markup={model.prompt}\n          onChange={onPromptChanged}\n          imageSupport={imageSupport}\n          error={promptError}\n          pluginProps={getPluginProps(prompt?.inputConfiguration)}\n          nonEmpty={!prompt.settings}\n          spellCheck={spellCheckEnabled}\n          uploadSoundSupport={uploadSoundSupport}\n          disableUnderline\n        />\n        {promptError && <ErrorText>{promptError}</ErrorText>}\n      </StyledInputContainer>\n\n      <MatrixHeaderOptionsHolder>\n        <MatrixRowsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n        <MatrixColumnsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n        <MatrixLabelTypeHeaderInput model={model} onChangeModel={onChangeModel} />\n      </MatrixHeaderOptionsHolder>\n\n      <MatrixValues model={model} onChangeModel={onChangeModel} />\n    </layout.ConfigLayout>\n  );\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({ ...this.props.model, prompt });\n  };\n\n  onChangeModel = (data) => {\n    this.props.onModelChanged({ ...this.props.model, ...data });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n  };\n\n  render() {\n    return (\n      <Design\n        {...this.props}\n        onChangeModel={this.props.onModelChanged}\n        onPromptChanged={this.onPromptChanged}\n        onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n      />\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/MatrixColumnsSizeHeaderInput.js

@@ -1,76 +1,56 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
-var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
-
-var _Remove = _interopRequireDefault(require("@material-ui/icons/Remove"));
-
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var _Remove = _interopRequireDefault(require("@mui/icons-material/Remove"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _HeaderCommon = require("./HeaderCommon");
-
 var _matrixEntities = require("./matrixEntities");
-
-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 MatrixColumnsSizeHeaderInput = function MatrixColumnsSizeHeaderInput(_ref) {
-  var model = _ref.model,
-      onChangeModel = _ref.onChangeModel;
-
-  var onIncrementColumnsSize = function onIncrementColumnsSize() {
-    onChangeModel(_objectSpread(_objectSpread({}, model), {}, {
-      columnLabels: [].concat((0, _toConsumableArray2["default"])(model.columnLabels), ["COLUMN ".concat(model.columnLabels.length + 1)]),
+const MatrixColumnsSizeHeaderInput = ({
+  model,
+  onChangeModel
+}) => {
+  const onIncrementColumnsSize = () => {
+    onChangeModel({
+      ...model,
+      columnLabels: [...model.columnLabels, `COLUMN ${model.columnLabels.length + 1}`],
       labelType: _matrixEntities.MATRIX_LABEL_TYPE.custom
-    }));
+    });
   };
-
-  var onDecrementColumnsSize = function onDecrementColumnsSize() {
-    var columnLabelsLength = model.columnLabels.length;
-
+  const onDecrementColumnsSize = () => {
+    const columnLabelsLength = model.columnLabels.length;
     if (columnLabelsLength <= 1) {
       return;
     }
-
-    var columnLabelsNext = (0, _toConsumableArray2["default"])(model.columnLabels);
+    const columnLabelsNext = [...model.columnLabels];
     columnLabelsNext.pop();
-
-    var matrixValuesClone = _objectSpread({}, model.matrixValues);
-
-    model.rowLabels.forEach(function (rowLabel, rowIndex) {
-      delete matrixValuesClone["".concat(rowIndex, "-").concat(columnLabelsLength - 1)];
+    const matrixValuesClone = {
+      ...model.matrixValues
+    };
+    model.rowLabels.forEach((rowLabel, rowIndex) => {
+      delete matrixValuesClone[`${rowIndex}-${columnLabelsLength - 1}`];
     });
-    onChangeModel(_objectSpread(_objectSpread({}, model), {}, {
+    onChangeModel({
+      ...model,
       columnLabels: columnLabelsNext,
       matrixValues: matrixValuesClone,
       labelType: _matrixEntities.MATRIX_LABEL_TYPE.custom
-    }));
+    });
   };
-
-  return /*#__PURE__*/_react["default"].createElement(_HeaderCommon.ColumnsWrapper, null, /*#__PURE__*/_react["default"].createElement(_HeaderCommon.ColumnsHeader, null, "Matrix Columns"), /*#__PURE__*/_react["default"].createElement(_HeaderCommon.NumberInputFormGroupWrapper, null, /*#__PURE__*/_react["default"].createElement(_HeaderCommon.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Remove["default"], {
+  return /*#__PURE__*/_react.default.createElement(_HeaderCommon.ColumnsWrapper, null, /*#__PURE__*/_react.default.createElement(_HeaderCommon.ColumnsHeader, null, "Matrix Columns"), /*#__PURE__*/_react.default.createElement(_HeaderCommon.NumberInputFormGroupWrapper, null, /*#__PURE__*/_react.default.createElement(_HeaderCommon.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_Remove.default, {
     onClick: onDecrementColumnsSize
-  })), /*#__PURE__*/_react["default"].createElement("p", null, model.columnLabels.length), /*#__PURE__*/_react["default"].createElement(_HeaderCommon.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Add["default"], {
+  })), /*#__PURE__*/_react.default.createElement("p", null, model.columnLabels.length), /*#__PURE__*/_react.default.createElement(_HeaderCommon.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_Add.default, {
     onClick: onIncrementColumnsSize
   }))));
 };
-
 MatrixColumnsSizeHeaderInput.propTypes = {
-  model: _propTypes["default"].object.isRequired,
-  onChangeModel: _propTypes["default"].func.isRequired
+  model: _propTypes.default.object.isRequired,
+  onChangeModel: _propTypes.default.func.isRequired
 };
-var _default = MatrixColumnsSizeHeaderInput;
-exports["default"] = _default;
+var _default = exports.default = MatrixColumnsSizeHeaderInput;
 //# sourceMappingURL=MatrixColumnsSizeHeaderInput.js.map