@pie-element/matrix 0.7.1-beta.3 → 0.7.1-beta.4

package/configure/lib/HeaderCommon.js

@@ -0,0 +1,19 @@
+"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;
+//# sourceMappingURL=HeaderCommon.js.map

package/configure/lib/HeaderCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCommon.js","names":["_styledComponents","_interopRequireDefault","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","ColumnsWrapper","styled","div","_taggedTemplateLiteral2","exports","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;AAAuC,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEhC,IAAMC,cAAc,GAAGC,4BAAM,CAACC,GAAG,CAAAN,eAAA,KAAAA,eAAA,OAAAO,uBAAA,2FAIvC;AAACC,OAAA,CAAAJ,cAAA,GAAAA,cAAA;AAEK,IAAMK,aAAa,GAAGJ,4BAAM,CAACK,CAAC,CAAAT,gBAAA,KAAAA,gBAAA,OAAAM,uBAAA,gFAIpC;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAME,2BAA2B,GAAGN,4BAAM,CAACC,GAAG,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,oHAKpD;AAACC,OAAA,CAAAG,2BAAA,GAAAA,2BAAA;AAEK,IAAMC,WAAW,GAAGP,4BAAM,CAACC,GAAG,CAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,0CAEpC;AAACC,OAAA,CAAAI,WAAA,GAAAA,WAAA"}

package/configure/lib/Main.js

@@ -0,0 +1,186 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _configUi = require("@pie-lib/config-ui");
+var _styles = require("@material-ui/core/styles");
+var _MatrixColumnsSizeHeaderInput = _interopRequireDefault(require("./MatrixColumnsSizeHeaderInput"));
+var _MatrixRowsSizeHeaderInput = _interopRequireDefault(require("./MatrixRowsSizeHeaderInput"));
+var _MatrixLabelTypeHeaderInput = _interopRequireDefault(require("./MatrixLabelTypeHeaderInput"));
+var _MatrixValues = _interopRequireDefault(require("./MatrixValues"));
+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; }
+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,
+  radio = _configUi.settings.radio;
+var styles = function styles(theme) {
+  return {
+    promptHolder: {
+      width: '100%',
+      paddingBottom: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit * 2
+    },
+    prompt: {
+      paddingTop: theme.spacing.unit * 2,
+      width: '100%'
+    },
+    matrixHeaderOptionsHolder: {
+      display: 'flex',
+      width: '100%',
+      padding: "".concat(theme.spacing.unit * 2.5, "px 0"),
+      justifyContent: 'space-around'
+    },
+    design: {
+      paddingTop: theme.spacing.unit * 3
+    }
+  };
+};
+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$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 || {},
+    teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
+    spellCheckEnabled = _ref2.spellCheckEnabled;
+  var panelProperties = {
+    teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+    spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+    scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
+  };
+  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: onChangeModel,
+      configuration: configuration,
+      onChangeConfiguration: onConfigurationChanged,
+      groups: {
+        Properties: panelProperties
+      }
+    })
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.matrixHeaderOptionsHolder
+  }, /*#__PURE__*/_react["default"].createElement(_MatrixRowsSizeHeaderInput["default"], {
+    model: model,
+    onChangeModel: onChangeModel
+  }), /*#__PURE__*/_react["default"].createElement(_MatrixColumnsSizeHeaderInput["default"], {
+    model: model,
+    onChangeModel: onChangeModel
+  }), /*#__PURE__*/_react["default"].createElement(_MatrixLabelTypeHeaderInput["default"], {
+    model: model,
+    onChangeModel: onChangeModel
+  })), teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+    label: teacherInstructions.label,
+    className: classes.promptHolder
+  }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+    className: classes.prompt,
+    markup: model.teacherInstructions || '',
+    onChange: onTeacherInstructionsChanged,
+    imageSupport: imageSupport,
+    nonEmpty: false,
+    spellCheck: spellCheckEnabled,
+    uploadSoundSupport: uploadSoundSupport
+  })), /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+    label: prompt.label,
+    className: classes.promptHolder
+  }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+    className: classes.prompt,
+    markup: model.prompt,
+    onChange: onPromptChanged,
+    imageSupport: imageSupport,
+    nonEmpty: !prompt.settings,
+    spellCheck: spellCheckEnabled,
+    uploadSoundSupport: uploadSoundSupport,
+    disableUnderline: true
+  })), /*#__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
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeModel", function (data) {
+      _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), data));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChanged", function (teacherInstructions) {
+      _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+        teacherInstructions: 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);
+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
+  })
+});
+var Styled = (0, _styles.withStyles)(styles)(Main);
+var _default = Styled;
+exports["default"] = _default;
+//# sourceMappingURL=Main.js.map

package/configure/lib/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","names":["_react","_interopRequireDefault","require","_propTypes","_editableHtml","_configUi","_styles","_MatrixColumnsSizeHeaderInput","_MatrixRowsSizeHeaderInput","_MatrixLabelTypeHeaderInput","_MatrixValues","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Panel","settings","toggle","radio","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","matrixHeaderOptionsHolder","display","padding","concat","justifyContent","design","Design","withStyles","props","classes","model","configuration","onPromptChanged","imageSupport","uploadSoundSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","_ref","_ref$prompt","_ref$scoringType","scoringType","settingsPanelDisabled","_ref$spellCheck","spellCheck","_ref$teacherInstructi","teacherInstructions","_ref2","teacherInstructionsEnabled","spellCheckEnabled","panelProperties","label","createElement","className","layout","ConfigLayout","hideSettings","onChangeConfiguration","groups","Properties","InputContainer","markup","onChange","nonEmpty","disableUnderline","Main","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","args","Array","_key","_assertThisInitialized2","onModelChanged","data","_createClass2","value","render","_extends2","React","Component","exports","PropTypes","isRequired","disableSidePanel","bool","func","shape","add","Styled","_default"],"sources":["../src/Main.jsx"],"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    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  matrixHeaderOptionsHolder: {\n    display: 'flex',\n    width: '100%',\n    padding: `${theme.spacing.unit * 2.5}px 0`,\n    justifyContent: 'space-around',\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3,\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    prompt = {},\n    scoringType = {},\n    settingsPanelDisabled,\n    spellCheck = {},\n    teacherInstructions = {},\n  } = configuration || {};\n  const { teacherInstructionsEnabled, spellCheckEnabled } = model || {};\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  return (\n    <div className={classes.design}>\n      <layout.ConfigLayout\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        <div>\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          {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                nonEmpty={false}\n                spellCheck={spellCheckEnabled}\n                uploadSoundSupport={uploadSoundSupport}\n              />\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              nonEmpty={!prompt.settings}\n              spellCheck={spellCheckEnabled}\n              uploadSoundSupport={uploadSoundSupport}\n              disableUnderline\n            />\n          </InputContainer>\n\n          <MatrixValues model={model} onChangeModel={onChangeModel} />\n        </div>\n      </layout.ConfigLayout>\n    </div>\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"],"mappings":"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"}

package/configure/lib/MatrixColumnsSizeHeaderInput.js

@@ -0,0 +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"));
+var _react = _interopRequireDefault(require("react"));
+var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
+var _Remove = _interopRequireDefault(require("@material-ui/icons/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)]),
+      labelType: _matrixEntities.MATRIX_LABEL_TYPE.custom
+    }));
+  };
+  var onDecrementColumnsSize = function onDecrementColumnsSize() {
+    var columnLabelsLength = model.columnLabels.length;
+    if (columnLabelsLength <= 1) {
+      return;
+    }
+    var columnLabelsNext = (0, _toConsumableArray2["default"])(model.columnLabels);
+    columnLabelsNext.pop();
+    var matrixValuesClone = _objectSpread({}, model.matrixValues);
+    model.rowLabels.forEach(function (rowLabel, rowIndex) {
+      delete matrixValuesClone["".concat(rowIndex, "-").concat(columnLabelsLength - 1)];
+    });
+    onChangeModel(_objectSpread(_objectSpread({}, 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"], {
+    onClick: onDecrementColumnsSize
+  })), /*#__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
+};
+var _default = MatrixColumnsSizeHeaderInput;
+exports["default"] = _default;
+//# sourceMappingURL=MatrixColumnsSizeHeaderInput.js.map

package/configure/lib/MatrixColumnsSizeHeaderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixColumnsSizeHeaderInput.js","names":["_react","_interopRequireDefault","require","_Add","_Remove","_propTypes","_HeaderCommon","_matrixEntities","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","MatrixColumnsSizeHeaderInput","_ref","model","onChangeModel","onIncrementColumnsSize","columnLabels","concat","_toConsumableArray2","labelType","MATRIX_LABEL_TYPE","custom","onDecrementColumnsSize","columnLabelsLength","columnLabelsNext","pop","matrixValuesClone","matrixValues","rowLabels","rowLabel","rowIndex","createElement","ColumnsWrapper","ColumnsHeader","NumberInputFormGroupWrapper","IconWrapper","onClick","propTypes","PropTypes","isRequired","func","_default","exports"],"sources":["../src/MatrixColumnsSizeHeaderInput.js"],"sourcesContent":["import React from 'react';\nimport AddIcon from '@material-ui/icons/Add';\nimport RemoveIcon from '@material-ui/icons/Remove';\nimport PropTypes from 'prop-types';\n\nimport { ColumnsHeader, ColumnsWrapper, IconWrapper, NumberInputFormGroupWrapper } from './HeaderCommon';\nimport { MATRIX_LABEL_TYPE } from './matrixEntities';\n\nconst MatrixColumnsSizeHeaderInput = ({ model, onChangeModel }) => {\n  const onIncrementColumnsSize = () => {\n    onChangeModel({\n      ...model,\n      columnLabels: [...model.columnLabels, `COLUMN ${model.columnLabels.length + 1}`],\n      labelType: MATRIX_LABEL_TYPE.custom,\n    });\n  };\n\n  const onDecrementColumnsSize = () => {\n    const columnLabelsLength = model.columnLabels.length;\n    if (columnLabelsLength <= 1) {\n      return;\n    }\n    const columnLabelsNext = [...model.columnLabels];\n    columnLabelsNext.pop();\n\n    const matrixValuesClone = { ...model.matrixValues };\n    model.rowLabels.forEach((rowLabel, rowIndex) => {\n      delete matrixValuesClone[`${rowIndex}-${columnLabelsLength - 1}`];\n    });\n\n    onChangeModel({\n      ...model,\n      columnLabels: columnLabelsNext,\n      matrixValues: matrixValuesClone,\n      labelType: MATRIX_LABEL_TYPE.custom,\n    });\n  };\n  return (\n    <ColumnsWrapper>\n      <ColumnsHeader>Matrix Columns</ColumnsHeader>\n      <NumberInputFormGroupWrapper>\n        <IconWrapper>\n          <RemoveIcon onClick={onDecrementColumnsSize} />\n        </IconWrapper>\n        <p>{model.columnLabels.length}</p>\n        <IconWrapper>\n          <AddIcon onClick={onIncrementColumnsSize} />\n        </IconWrapper>\n      </NumberInputFormGroupWrapper>\n    </ColumnsWrapper>\n  );\n};\n\nMatrixColumnsSizeHeaderInput.propTypes = {\n  model: PropTypes.object.isRequired,\n  onChangeModel: PropTypes.func.isRequired,\n};\n\nexport default MatrixColumnsSizeHeaderInput;\n"],"mappings":"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"}

package/configure/lib/MatrixLabelEditableButton.js

@@ -0,0 +1,173 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ACTION_TYPE = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _KeyboardArrowDown = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowDown"));
+var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _NumberInput = _interopRequireDefault(require("./NumberInput"));
+var _isNumeric = _interopRequireDefault(require("./isNumeric"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var MatrixEditableButtonWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  height: 50px;\n  margin: 1px;\n  background: #04b26e;\n  border-radius: 5px;\n  color: white;\n  font-size: 14px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
+var MatrixEditableButtonContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 0 5px 0 12px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n"])));
+var MatrixEditableButtonText = _styledComponents["default"].p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0;\n  padding: 3px 0 3px 4px;\n  cursor: pointer;\n  width: 100%;\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  :hover {\n    background: #00985d;\n  }\n\n  transition: all 0.1s ease-in-out;\n"])));
+var MatrixEditableButtonActions = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 0 3px;\n  height: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  border-left: 3px solid #00985d;\n  :hover {\n    background: #00985d;\n    border-top-right-radius: 5px;\n    border-bottom-right-radius: 5px;\n  }\n  transition: all 0.1s ease-in-out;\n"])));
+var IconWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 18px;\n"])));
+var InputWrapper = _styledComponents["default"].input(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0;\n  padding: 0 0 0 4px;\n  font-size: 14px;\n  border: none;\n  outline: none;\n  color: white;\n  width: 50px;\n  width: 100%;\n  background: #00985d;\n  height: 22px;\n  display: flex;\n  align-items: center;\n"])));
+var SetScoresToWrapper = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n"])));
+var SetScoresToInputWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 50px;\n  margin-left: 10px;\n"])));
+var ACTION_TYPE = {
+  clear: 'clear',
+  sortAscending: 'sortAscending',
+  sortDescending: 'sortDescending',
+  set: 'set'
+};
+exports.ACTION_TYPE = ACTION_TYPE;
+var MatrixLabelEditableButton = function MatrixLabelEditableButton(props) {
+  var onLabelUpdate = props.onLabelUpdate,
+    value = props.value,
+    resourceIndex = props.resourceIndex,
+    onAction = props.onAction,
+    spellCheck = props.spellCheck;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    labelValue = _useState2[0],
+    setLabelValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    scoreValue = _useState4[0],
+    setScoreValue = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    showInput = _useState6[0],
+    setShowInput = _useState6[1];
+  var _React$useState = _react["default"].useState(null),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    anchorEl = _React$useState2[0],
+    setAnchorEl = _React$useState2[1];
+  var _React$useState3 = _react["default"].useState( /*#__PURE__*/_react["default"].createRef()),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 1),
+    scoresToRef = _React$useState4[0];
+  var open = Boolean(anchorEl);
+  var onActionClick = function onActionClick(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handleClose = function handleClose(e) {
+    e.stopPropagation();
+    setAnchorEl(null);
+    setScoreValue('');
+  };
+  var onClearScores = function onClearScores(e) {
+    handleClose(e);
+    onAction({
+      resourceIndex: resourceIndex,
+      actionType: ACTION_TYPE.clear
+    });
+  };
+  var onSetScoresAscending = function onSetScoresAscending(e) {
+    handleClose(e);
+    onAction({
+      resourceIndex: resourceIndex,
+      actionType: ACTION_TYPE.sortAscending
+    });
+  };
+  var onSetScoresDescending = function onSetScoresDescending(e) {
+    handleClose(e);
+    onAction({
+      resourceIndex: resourceIndex,
+      actionType: ACTION_TYPE.sortDescending
+    });
+  };
+  var onSetScores = function onSetScores(value) {
+    if (!(0, _isNumeric["default"])(value)) {
+      setScoreValue('');
+      return;
+    }
+    var scoreValueNew = parseInt(value, 10);
+    setScoreValue(scoreValueNew);
+    onAction({
+      resourceIndex: resourceIndex,
+      actionType: ACTION_TYPE.set,
+      setValue: scoreValueNew
+    });
+  };
+  var onBlur = function onBlur() {
+    var labeValueTrimmed = labelValue.trim();
+    if (labeValueTrimmed) {
+      onLabelUpdate(labeValueTrimmed);
+    }
+    setLabelValue(null);
+    setShowInput(false);
+  };
+  var onShowInput = function onShowInput() {
+    setShowInput(true);
+    setLabelValue(value);
+  };
+  var onSetScoreToFocus = function onSetScoreToFocus() {
+    scoresToRef.current.focus();
+  };
+  return /*#__PURE__*/_react["default"].createElement(MatrixEditableButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(MatrixEditableButtonContent, null, showInput ? /*#__PURE__*/_react["default"].createElement(InputWrapper, {
+    autoFocus: true,
+    value: labelValue,
+    onChange: function onChange(e) {
+      return setLabelValue(e.target.value);
+    },
+    onBlur: onBlur,
+    spellCheck: spellCheck
+  }) : /*#__PURE__*/_react["default"].createElement(MatrixEditableButtonText, {
+    onClick: onShowInput
+  }, value)), /*#__PURE__*/_react["default"].createElement(MatrixEditableButtonActions, {
+    onClick: onActionClick
+  }, /*#__PURE__*/_react["default"].createElement(IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowDown["default"], {
+    fontSize: "inherit"
+  })), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
+    anchorEl: anchorEl,
+    open: open,
+    onClose: handleClose
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    key: "item1",
+    selected: false,
+    onClick: onClearScores
+  }, "Clear Scores"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    key: "item2",
+    selected: false,
+    onClick: onSetScoresAscending
+  }, "Set Scores Ascending"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    key: "item3",
+    selected: false,
+    onClick: onSetScoresDescending
+  }, "Set Scores Descending"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    key: "item4",
+    selected: false
+  }, /*#__PURE__*/_react["default"].createElement(SetScoresToWrapper, null, /*#__PURE__*/_react["default"].createElement("p", {
+    onClick: onSetScoreToFocus
+  }, "Set Scores To"), /*#__PURE__*/_react["default"].createElement(SetScoresToInputWrapper, null, /*#__PURE__*/_react["default"].createElement(_NumberInput["default"], {
+    onFieldUpdate: onSetScores,
+    name: 'setScoreTo',
+    placeholder: "#",
+    fieldValue: {
+      value: scoreValue,
+      ref: scoresToRef
+    }
+  })))))));
+};
+MatrixLabelEditableButton.propTypes = {
+  value: _propTypes["default"].string.isRequired,
+  resourceIndex: _propTypes["default"].number.isRequired,
+  onLabelUpdate: _propTypes["default"].func.isRequired,
+  onAction: _propTypes["default"].func.isRequired
+};
+var _default = MatrixLabelEditableButton;
+exports["default"] = _default;
+//# sourceMappingURL=MatrixLabelEditableButton.js.map

package/configure/lib/MatrixLabelEditableButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixLabelEditableButton.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_KeyboardArrowDown","_Menu","_MenuItem","_propTypes","_NumberInput","_isNumeric","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MatrixEditableButtonWrapper","styled","div","_taggedTemplateLiteral2","MatrixEditableButtonContent","MatrixEditableButtonText","p","MatrixEditableButtonActions","IconWrapper","InputWrapper","input","SetScoresToWrapper","SetScoresToInputWrapper","ACTION_TYPE","clear","sortAscending","sortDescending","exports","MatrixLabelEditableButton","props","onLabelUpdate","value","resourceIndex","onAction","spellCheck","_useState","useState","_useState2","_slicedToArray2","labelValue","setLabelValue","_useState3","_useState4","scoreValue","setScoreValue","_useState5","_useState6","showInput","setShowInput","_React$useState","React","_React$useState2","anchorEl","setAnchorEl","_React$useState3","createRef","_React$useState4","scoresToRef","open","Boolean","onActionClick","event","currentTarget","handleClose","e","stopPropagation","onClearScores","actionType","onSetScoresAscending","onSetScoresDescending","onSetScores","isNumeric","scoreValueNew","parseInt","setValue","onBlur","labeValueTrimmed","trim","onShowInput","onSetScoreToFocus","current","focus","createElement","autoFocus","onChange","target","onClick","fontSize","onClose","selected","onFieldUpdate","name","placeholder","fieldValue","ref","propTypes","PropTypes","string","isRequired","number","func","_default"],"sources":["../src/MatrixLabelEditableButton.js"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport PropTypes from 'prop-types';\n\nimport NumberInput from './NumberInput';\nimport isNumeric from './isNumeric';\n\nconst MatrixEditableButtonWrapper = styled.div`\n  width: 100%;\n  height: 50px;\n  margin: 1px;\n  background: #04b26e;\n  border-radius: 5px;\n  color: white;\n  font-size: 14px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\n\nconst MatrixEditableButtonContent = styled.div`\n  padding: 0 5px 0 12px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n`;\n\nconst MatrixEditableButtonText = styled.p`\n  margin: 0;\n  padding: 3px 0 3px 4px;\n  cursor: pointer;\n  width: 100%;\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  :hover {\n    background: #00985d;\n  }\n\n  transition: all 0.1s ease-in-out;\n`;\n\nconst MatrixEditableButtonActions = styled.div`\n  padding: 0 3px;\n  height: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  border-left: 3px solid #00985d;\n  :hover {\n    background: #00985d;\n    border-top-right-radius: 5px;\n    border-bottom-right-radius: 5px;\n  }\n  transition: all 0.1s ease-in-out;\n`;\n\nconst IconWrapper = styled.div`\n  font-size: 18px;\n`;\n\nconst InputWrapper = styled.input`\n  margin: 0;\n  padding: 0 0 0 4px;\n  font-size: 14px;\n  border: none;\n  outline: none;\n  color: white;\n  width: 50px;\n  width: 100%;\n  background: #00985d;\n  height: 22px;\n  display: flex;\n  align-items: center;\n`;\n\nconst SetScoresToWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst SetScoresToInputWrapper = styled.div`\n  width: 50px;\n  margin-left: 10px;\n`;\n\nexport const ACTION_TYPE = {\n  clear: 'clear',\n  sortAscending: 'sortAscending',\n  sortDescending: 'sortDescending',\n  set: 'set',\n};\n\nconst MatrixLabelEditableButton = (props) => {\n  const { onLabelUpdate, value, resourceIndex, onAction, spellCheck } = props;\n  const [labelValue, setLabelValue] = useState(null);\n  const [scoreValue, setScoreValue] = useState('');\n  const [showInput, setShowInput] = useState(false);\n  const [anchorEl, setAnchorEl] = React.useState(null);\n  const [scoresToRef] = React.useState(React.createRef());\n\n  const open = Boolean(anchorEl);\n\n  const onActionClick = (event) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = (e) => {\n    e.stopPropagation();\n    setAnchorEl(null);\n    setScoreValue('');\n  };\n\n  const onClearScores = (e) => {\n    handleClose(e);\n    onAction({ resourceIndex, actionType: ACTION_TYPE.clear });\n  };\n\n  const onSetScoresAscending = (e) => {\n    handleClose(e);\n    onAction({ resourceIndex, actionType: ACTION_TYPE.sortAscending });\n  };\n\n  const onSetScoresDescending = (e) => {\n    handleClose(e);\n    onAction({ resourceIndex, actionType: ACTION_TYPE.sortDescending });\n  };\n\n  const onSetScores = (value) => {\n    if (!isNumeric(value)) {\n      setScoreValue('');\n      return;\n    }\n    const scoreValueNew = parseInt(value, 10);\n    setScoreValue(scoreValueNew);\n    onAction({ resourceIndex, actionType: ACTION_TYPE.set, setValue: scoreValueNew });\n  };\n\n  const onBlur = () => {\n    const labeValueTrimmed = labelValue.trim();\n    if (labeValueTrimmed) {\n      onLabelUpdate(labeValueTrimmed);\n    }\n    setLabelValue(null);\n    setShowInput(false);\n  };\n\n  const onShowInput = () => {\n    setShowInput(true);\n    setLabelValue(value);\n  };\n\n  const onSetScoreToFocus = () => {\n    scoresToRef.current.focus();\n  };\n\n  return (\n    <MatrixEditableButtonWrapper>\n      <MatrixEditableButtonContent>\n        {showInput ? (\n          <InputWrapper\n            autoFocus\n            value={labelValue}\n            onChange={(e) => setLabelValue(e.target.value)}\n            onBlur={onBlur}\n            spellCheck={spellCheck}\n          />\n        ) : (\n          <MatrixEditableButtonText onClick={onShowInput}>{value}</MatrixEditableButtonText>\n        )}\n      </MatrixEditableButtonContent>\n      <MatrixEditableButtonActions onClick={onActionClick}>\n        <IconWrapper>\n          <KeyboardArrowDownIcon fontSize=\"inherit\" />\n        </IconWrapper>\n        <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n          <MenuItem key=\"item1\" selected={false} onClick={onClearScores}>\n            Clear Scores\n          </MenuItem>\n          <MenuItem key=\"item2\" selected={false} onClick={onSetScoresAscending}>\n            Set Scores Ascending\n          </MenuItem>\n          <MenuItem key=\"item3\" selected={false} onClick={onSetScoresDescending}>\n            Set Scores Descending\n          </MenuItem>\n          <MenuItem key=\"item4\" selected={false}>\n            <SetScoresToWrapper>\n              <p onClick={onSetScoreToFocus}>Set Scores To</p>\n              <SetScoresToInputWrapper>\n                <NumberInput\n                  onFieldUpdate={onSetScores}\n                  name={'setScoreTo'}\n                  placeholder=\"#\"\n                  fieldValue={{\n                    value: scoreValue,\n                    ref: scoresToRef,\n                  }}\n                />\n              </SetScoresToInputWrapper>\n            </SetScoresToWrapper>\n          </MenuItem>\n        </Menu>\n      </MatrixEditableButtonActions>\n    </MatrixEditableButtonWrapper>\n  );\n};\n\nMatrixLabelEditableButton.propTypes = {\n  value: PropTypes.string.isRequired,\n  resourceIndex: PropTypes.number.isRequired,\n  onLabelUpdate: PropTypes.func.isRequired,\n  onAction: PropTypes.func.isRequired,\n};\n\nexport default MatrixLabelEditableButton;\n"],"mappings":"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"}

package/configure/lib/MatrixLabelTypeHeaderInput.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+var _matrixEntities = require("./matrixEntities");
+var _HeaderCommon = require("./HeaderCommon");
+var _columnLabelsGenerator = _interopRequireDefault(require("./columnLabelsGenerator"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _templateObject;
+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 Flex = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n"])));
+var MatrixLabelTypeHeaderInput = function MatrixLabelTypeHeaderInput(_ref) {
+  var model = _ref.model,
+    onChangeModel = _ref.onChangeModel;
+  var onChangeLabelType = function onChangeLabelType(e) {
+    var labelType = e.target.value;
+    var modelNew = _objectSpread(_objectSpread({}, model), {}, {
+      labelType: labelType
+    });
+    if (labelType !== _matrixEntities.MATRIX_LABEL_TYPE.custom) {
+      modelNew.columnLabels = (0, _columnLabelsGenerator["default"])(labelType, model.columnLabels.length);
+    }
+    onChangeModel(modelNew);
+  };
+  var isMatrixTypeSelectionEnabled = [3, 5, 7].includes(model.columnLabels.length);
+  return /*#__PURE__*/_react["default"].createElement(_HeaderCommon.ColumnsWrapper, null, /*#__PURE__*/_react["default"].createElement(_HeaderCommon.ColumnsHeader, null, "Matrix Type"), /*#__PURE__*/_react["default"].createElement(Flex, null, /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    "aria-label": "matrixLabelType",
+    name: "matrixLabelType",
+    value: model.labelType,
+    onChange: onChangeLabelType
+  }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    disabled: !isMatrixTypeSelectionEnabled,
+    value: _matrixEntities.MATRIX_LABEL_TYPE.agreement,
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+    label: "Agreement"
+  }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    disabled: !isMatrixTypeSelectionEnabled,
+    value: _matrixEntities.MATRIX_LABEL_TYPE.frequency,
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+    label: "Frequency"
+  }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    disabled: !isMatrixTypeSelectionEnabled,
+    value: _matrixEntities.MATRIX_LABEL_TYPE.yesNo,
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+    label: "Yes/No"
+  })), /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    "aria-label": "matrixLabelType",
+    name: "matrixLabelType",
+    value: model.labelType,
+    onChange: onChangeLabelType
+  }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    disabled: !isMatrixTypeSelectionEnabled,
+    value: _matrixEntities.MATRIX_LABEL_TYPE.importance,
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+    label: "Importance"
+  }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    disabled: !isMatrixTypeSelectionEnabled,
+    value: _matrixEntities.MATRIX_LABEL_TYPE.likelihood,
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+    label: "Likelihood"
+  }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    disabled: !isMatrixTypeSelectionEnabled,
+    value: _matrixEntities.MATRIX_LABEL_TYPE.like,
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+    label: "Like"
+  })), /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    "aria-label": "matrixLabelType",
+    name: "matrixLabelType",
+    value: model.labelType,
+    onChange: onChangeLabelType
+  }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    value: _matrixEntities.MATRIX_LABEL_TYPE.custom,
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+    label: "Custom"
+  }))));
+};
+MatrixLabelTypeHeaderInput.propTypes = {
+  model: _propTypes["default"].object.isRequired,
+  onChangeModel: _propTypes["default"].func.isRequired
+};
+var _default = MatrixLabelTypeHeaderInput;
+exports["default"] = _default;
+//# sourceMappingURL=MatrixLabelTypeHeaderInput.js.map