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

package/configure/lib/MatrixLabelTypeHeaderInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MatrixLabelTypeHeaderInput.js"],"names":["Flex","styled","div","styles","theme","customColor","color","tertiary","MatrixLabelTypeHeaderInput","model","onChangeModel","classes","onChangeLabelType","e","labelType","target","value","modelNew","MATRIX_LABEL_TYPE","custom","columnLabels","length","isMatrixTypeSelectionEnabled","includes","agreement","frequency","yesNo","importance","likelihood","like","propTypes","PropTypes","object","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\n\nimport { MATRIX_LABEL_TYPE } from './matrixEntities';\nimport { ColumnsWrapper, ColumnsHeader } from './HeaderCommon';\nimport columnLabelsGenerator from './columnLabelsGenerator';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst Flex = styled.div`\n  display: flex;\n`;\n\nconst styles = (theme) => ({\n  customColor: {\n    color: `${color.tertiary()} !important`,\n  },\n});\n\nconst MatrixLabelTypeHeaderInput = ({ model, onChangeModel, classes }) => {\n  const onChangeLabelType = (e) => {\n    const labelType = e.target.value;\n    const modelNew = { ...model, labelType };\n    if (labelType !== MATRIX_LABEL_TYPE.custom) {\n      modelNew.columnLabels = columnLabelsGenerator(labelType, model.columnLabels.length);\n    }\n    onChangeModel(modelNew);\n  };\n  const isMatrixTypeSelectionEnabled = [3, 5, 7].includes(model.columnLabels.length);\n  return (\n    <ColumnsWrapper>\n      <ColumnsHeader>Matrix Type</ColumnsHeader>\n\n      <Flex>\n        <RadioGroup\n          aria-label=\"matrixLabelType\"\n          name=\"matrixLabelType\"\n          value={model.labelType}\n          onChange={onChangeLabelType}\n        >\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.agreement}\n            control={<Radio className={classes.customColor} />}\n            label=\"Agreement\"\n          />\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.frequency}\n            control={<Radio className={classes.customColor} />}\n            label=\"Frequency\"\n          />\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.yesNo}\n            control={<Radio className={classes.customColor} />}\n            label=\"Yes/No\"\n          />\n        </RadioGroup>\n\n        <RadioGroup\n          aria-label=\"matrixLabelType\"\n          name=\"matrixLabelType\"\n          value={model.labelType}\n          onChange={onChangeLabelType}\n        >\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.importance}\n            control={<Radio className={classes.customColor} />}\n            label=\"Importance\"\n          />\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.likelihood}\n            control={<Radio className={classes.customColor} />}\n            label=\"Likelihood\"\n          />\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.like}\n            control={<Radio className={classes.customColor} />}\n            label=\"Like\"\n          />\n        </RadioGroup>\n\n        <RadioGroup\n          aria-label=\"matrixLabelType\"\n          name=\"matrixLabelType\"\n          value={model.labelType}\n          onChange={onChangeLabelType}\n        >\n          <FormControlLabel\n            value={MATRIX_LABEL_TYPE.custom}\n            control={<Radio className={classes.customColor} />}\n            label=\"Custom\"\n          />\n        </RadioGroup>\n      </Flex>\n    </ColumnsWrapper>\n  );\n};\n\nMatrixLabelTypeHeaderInput.propTypes = {\n  model: PropTypes.object.isRequired,\n  onChangeModel: PropTypes.func.isRequired,\n};\n\nexport default withStyles(styles)(MatrixLabelTypeHeaderInput);\n"],"file":"MatrixLabelTypeHeaderInput.js"}
+{"version":3,"file":"MatrixLabelTypeHeaderInput.js","names":["_react","_interopRequireDefault","require","_styles","_Radio","_RadioGroup","_FormControlLabel","_matrixEntities","_HeaderCommon","_columnLabelsGenerator","_propTypes","_renderUi","Flex","styled","display","StyledRadio","Radio","color","tertiary","MatrixLabelTypeHeaderInput","model","onChangeModel","onChangeLabelType","e","labelType","target","value","modelNew","MATRIX_LABEL_TYPE","custom","columnLabels","columnLabelsGenerator","length","isMatrixTypeSelectionEnabled","includes","default","createElement","ColumnsWrapper","ColumnsHeader","name","onChange","disabled","agreement","control","label","frequency","yesNo","importance","likelihood","like","propTypes","PropTypes","object","isRequired","func","_default","exports"],"sources":["../src/MatrixLabelTypeHeaderInput.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport FormControlLabel from '@mui/material/FormControlLabel';\n\nimport { MATRIX_LABEL_TYPE } from './matrixEntities';\nimport { ColumnsWrapper, ColumnsHeader } from './HeaderCommon';\nimport columnLabelsGenerator from './columnLabelsGenerator';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst Flex = styled('div')({\n  display: 'flex',\n});\n\nconst StyledRadio = styled(Radio)({\n  '&.MuiRadio-root': {\n    color: `${color.tertiary()} !important`,\n  },\n});\n\nconst MatrixLabelTypeHeaderInput = ({ model, onChangeModel }) => {\n  const onChangeLabelType = (e) => {\n    const labelType = e.target.value;\n    const modelNew = { ...model, labelType };\n    if (labelType !== MATRIX_LABEL_TYPE.custom) {\n      modelNew.columnLabels = columnLabelsGenerator(labelType, model.columnLabels.length);\n    }\n    onChangeModel(modelNew);\n  };\n  const isMatrixTypeSelectionEnabled = [3, 5, 7].includes(model.columnLabels.length);\n  return (\n    <ColumnsWrapper>\n      <ColumnsHeader>Matrix Type</ColumnsHeader>\n\n      <Flex>\n        <RadioGroup\n          aria-label=\"matrixLabelType\"\n          name=\"matrixLabelType\"\n          value={model.labelType}\n          onChange={onChangeLabelType}\n        >\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.agreement}\n            control={<StyledRadio />}\n            label=\"Agreement\"\n          />\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.frequency}\n            control={<StyledRadio />}\n            label=\"Frequency\"\n          />\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.yesNo}\n            control={<StyledRadio />}\n            label=\"Yes/No\"\n          />\n        </RadioGroup>\n\n        <RadioGroup\n          aria-label=\"matrixLabelType\"\n          name=\"matrixLabelType\"\n          value={model.labelType}\n          onChange={onChangeLabelType}\n        >\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.importance}\n            control={<StyledRadio />}\n            label=\"Importance\"\n          />\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.likelihood}\n            control={<StyledRadio />}\n            label=\"Likelihood\"\n          />\n          <FormControlLabel\n            disabled={!isMatrixTypeSelectionEnabled}\n            value={MATRIX_LABEL_TYPE.like}\n            control={<StyledRadio />}\n            label=\"Like\"\n          />\n        </RadioGroup>\n\n        <RadioGroup\n          aria-label=\"matrixLabelType\"\n          name=\"matrixLabelType\"\n          value={model.labelType}\n          onChange={onChangeLabelType}\n        >\n          <FormControlLabel\n            value={MATRIX_LABEL_TYPE.custom}\n            control={<StyledRadio />}\n            label=\"Custom\"\n          />\n        </RadioGroup>\n      </Flex>\n    </ColumnsWrapper>\n  );\n};\n\nMatrixLabelTypeHeaderInput.propTypes = {\n  model: PropTypes.object.isRequired,\n  onChangeModel: PropTypes.func.isRequired,\n};\n\nexport default MatrixLabelTypeHeaderInput;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/MatrixRowsSizeHeaderInput.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 _HeaderCommon = require("./HeaderCommon");
-
 var _matrixEntities = require("./matrixEntities");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 MatrixColumnsRowInput = function MatrixColumnsRowInput(_ref) {
-  var model = _ref.model,
-      onChangeModel = _ref.onChangeModel;
-
-  var onIncrementSize = function onIncrementSize() {
-    onChangeModel(_objectSpread(_objectSpread({}, model), {}, {
-      rowLabels: [].concat((0, _toConsumableArray2["default"])(model.rowLabels), ["STATEMENT ".concat(model.rowLabels.length + 1)]),
+const MatrixColumnsRowInput = ({
+  model,
+  onChangeModel
+}) => {
+  const onIncrementSize = () => {
+    onChangeModel({
+      ...model,
+      rowLabels: [...model.rowLabels, `STATEMENT ${model.rowLabels.length + 1}`],
       labelType: _matrixEntities.MATRIX_LABEL_TYPE.custom
-    }));
+    });
   };
-
-  var onDecrementSize = function onDecrementSize() {
-    var rowLabelsLength = model.rowLabels.length;
-
+  const onDecrementSize = () => {
+    const rowLabelsLength = model.rowLabels.length;
     if (rowLabelsLength <= 1) {
       return;
     }
-
-    var rowLabelsNext = (0, _toConsumableArray2["default"])(model.rowLabels);
+    const rowLabelsNext = [...model.rowLabels];
     rowLabelsNext.pop();
-
-    var matrixValuesClone = _objectSpread({}, model.matrixValues);
-
-    model.columnLabels.forEach(function (columnLabel, columnIndex) {
-      delete matrixValuesClone["".concat(rowLabelsLength - 1, "-").concat(columnIndex)];
+    const matrixValuesClone = {
+      ...model.matrixValues
+    };
+    model.columnLabels.forEach((columnLabel, columnIndex) => {
+      delete matrixValuesClone[`${rowLabelsLength - 1}-${columnIndex}`];
     });
-    onChangeModel(_objectSpread(_objectSpread({}, model), {}, {
+    onChangeModel({
+      ...model,
       rowLabels: rowLabelsNext,
       matrixValues: matrixValuesClone,
       labelType: _matrixEntities.MATRIX_LABEL_TYPE.custom
-    }));
+    });
   };
-
-  return /*#__PURE__*/_react["default"].createElement(_HeaderCommon.ColumnsWrapper, null, /*#__PURE__*/_react["default"].createElement(_HeaderCommon.ColumnsHeader, null, "Matrix Rows"), /*#__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 Rows"), /*#__PURE__*/_react.default.createElement(_HeaderCommon.NumberInputFormGroupWrapper, null, /*#__PURE__*/_react.default.createElement(_HeaderCommon.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_Remove.default, {
     onClick: onDecrementSize
-  })), /*#__PURE__*/_react["default"].createElement("p", null, model.rowLabels.length), /*#__PURE__*/_react["default"].createElement(_HeaderCommon.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Add["default"], {
+  })), /*#__PURE__*/_react.default.createElement("p", null, model.rowLabels.length), /*#__PURE__*/_react.default.createElement(_HeaderCommon.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_Add.default, {
     onClick: onIncrementSize
   }))));
 };
-
 MatrixColumnsRowInput.propTypes = {
-  model: _propTypes["default"].object.isRequired,
-  onChangeModel: _propTypes["default"].func.isRequired
+  model: _propTypes.default.object.isRequired,
+  onChangeModel: _propTypes.default.func.isRequired
 };
-var _default = MatrixColumnsRowInput;
-exports["default"] = _default;
+var _default = exports.default = MatrixColumnsRowInput;
 //# sourceMappingURL=MatrixRowsSizeHeaderInput.js.map

package/configure/lib/MatrixRowsSizeHeaderInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MatrixRowsSizeHeaderInput.js"],"names":["MatrixColumnsRowInput","model","onChangeModel","onIncrementSize","rowLabels","length","labelType","MATRIX_LABEL_TYPE","custom","onDecrementSize","rowLabelsLength","rowLabelsNext","pop","matrixValuesClone","matrixValues","columnLabels","forEach","columnLabel","columnIndex","propTypes","PropTypes","object","isRequired","func"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,OAA8B;AAAA,MAA3BC,KAA2B,QAA3BA,KAA2B;AAAA,MAApBC,aAAoB,QAApBA,aAAoB;;AAC1D,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5BD,IAAAA,aAAa,iCACRD,KADQ;AAEXG,MAAAA,SAAS,gDAAMH,KAAK,CAACG,SAAZ,wBAAoCH,KAAK,CAACG,SAAN,CAAgBC,MAAhB,GAAyB,CAA7D,GAFE;AAGXC,MAAAA,SAAS,EAAEC,kCAAkBC;AAHlB,OAAb;AAKD,GAND;;AAQA,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5B,QAAMC,eAAe,GAAGT,KAAK,CAACG,SAAN,CAAgBC,MAAxC;;AACA,QAAIK,eAAe,IAAI,CAAvB,EAA0B;AACxB;AACD;;AACD,QAAMC,aAAa,uCAAOV,KAAK,CAACG,SAAb,CAAnB;AACAO,IAAAA,aAAa,CAACC,GAAd;;AACA,QAAMC,iBAAiB,qBAAQZ,KAAK,CAACa,YAAd,CAAvB;;AACAb,IAAAA,KAAK,CAACc,YAAN,CAAmBC,OAAnB,CAA2B,UAACC,WAAD,EAAcC,WAAd,EAA8B;AACvD,aAAOL,iBAAiB,WAAIH,eAAe,GAAG,CAAtB,cAA2BQ,WAA3B,EAAxB;AACD,KAFD;AAGAhB,IAAAA,aAAa,iCACRD,KADQ;AAEXG,MAAAA,SAAS,EAAEO,aAFA;AAGXG,MAAAA,YAAY,EAAED,iBAHH;AAIXP,MAAAA,SAAS,EAAEC,kCAAkBC;AAJlB,OAAb;AAMD,GAjBD;;AAmBA,sBACE,gCAAC,4BAAD,qBACE,gCAAC,2BAAD,sBADF,eAEE,gCAAC,yCAAD,qBACE,gCAAC,yBAAD,qBACE,gCAAC,kBAAD;AAAY,IAAA,OAAO,EAAEC;AAArB,IADF,CADF,eAIE,2CAAIR,KAAK,CAACG,SAAN,CAAgBC,MAApB,CAJF,eAKE,gCAAC,yBAAD,qBACE,gCAAC,eAAD;AAAS,IAAA,OAAO,EAAEF;AAAlB,IADF,CALF,CAFF,CADF;AAcD,CA1CD;;AA4CAH,qBAAqB,CAACmB,SAAtB,GAAkC;AAChClB,EAAAA,KAAK,EAAEmB,sBAAUC,MAAV,CAAiBC,UADQ;AAEhCpB,EAAAA,aAAa,EAAEkB,sBAAUG,IAAV,CAAeD;AAFE,CAAlC;eAKetB,qB","sourcesContent":["import React from 'react';\nimport AddIcon from '@material-ui/icons/Add';\nimport RemoveIcon from '@material-ui/icons/Remove';\n\nimport { ColumnsHeader, ColumnsWrapper, IconWrapper, NumberInputFormGroupWrapper } from './HeaderCommon';\nimport { MATRIX_LABEL_TYPE } from './matrixEntities';\nimport PropTypes from 'prop-types';\n\nconst MatrixColumnsRowInput = ({ model, onChangeModel }) => {\n  const onIncrementSize = () => {\n    onChangeModel({\n      ...model,\n      rowLabels: [...model.rowLabels, `STATEMENT ${model.rowLabels.length + 1}`],\n      labelType: MATRIX_LABEL_TYPE.custom,\n    });\n  };\n\n  const onDecrementSize = () => {\n    const rowLabelsLength = model.rowLabels.length;\n    if (rowLabelsLength <= 1) {\n      return;\n    }\n    const rowLabelsNext = [...model.rowLabels];\n    rowLabelsNext.pop();\n    const matrixValuesClone = { ...model.matrixValues };\n    model.columnLabels.forEach((columnLabel, columnIndex) => {\n      delete matrixValuesClone[`${rowLabelsLength - 1}-${columnIndex}`];\n    });\n    onChangeModel({\n      ...model,\n      rowLabels: rowLabelsNext,\n      matrixValues: matrixValuesClone,\n      labelType: MATRIX_LABEL_TYPE.custom,\n    });\n  };\n\n  return (\n    <ColumnsWrapper>\n      <ColumnsHeader>Matrix Rows</ColumnsHeader>\n      <NumberInputFormGroupWrapper>\n        <IconWrapper>\n          <RemoveIcon onClick={onDecrementSize} />\n        </IconWrapper>\n        <p>{model.rowLabels.length}</p>\n        <IconWrapper>\n          <AddIcon onClick={onIncrementSize} />\n        </IconWrapper>\n      </NumberInputFormGroupWrapper>\n    </ColumnsWrapper>\n  );\n};\n\nMatrixColumnsRowInput.propTypes = {\n  model: PropTypes.object.isRequired,\n  onChangeModel: PropTypes.func.isRequired,\n};\n\nexport default MatrixColumnsRowInput;\n"],"file":"MatrixRowsSizeHeaderInput.js"}
+{"version":3,"file":"MatrixRowsSizeHeaderInput.js","names":["_react","_interopRequireDefault","require","_Add","_Remove","_HeaderCommon","_matrixEntities","_propTypes","MatrixColumnsRowInput","model","onChangeModel","onIncrementSize","rowLabels","length","labelType","MATRIX_LABEL_TYPE","custom","onDecrementSize","rowLabelsLength","rowLabelsNext","pop","matrixValuesClone","matrixValues","columnLabels","forEach","columnLabel","columnIndex","default","createElement","ColumnsWrapper","ColumnsHeader","NumberInputFormGroupWrapper","IconWrapper","onClick","propTypes","PropTypes","object","isRequired","func","_default","exports"],"sources":["../src/MatrixRowsSizeHeaderInput.jsx"],"sourcesContent":["import React from 'react';\nimport AddIcon from '@mui/icons-material/Add';\nimport RemoveIcon from '@mui/icons-material/Remove';\n\nimport { ColumnsHeader, ColumnsWrapper, IconWrapper, NumberInputFormGroupWrapper } from './HeaderCommon';\nimport { MATRIX_LABEL_TYPE } from './matrixEntities';\nimport PropTypes from 'prop-types';\n\nconst MatrixColumnsRowInput = ({ model, onChangeModel }) => {\n  const onIncrementSize = () => {\n    onChangeModel({\n      ...model,\n      rowLabels: [...model.rowLabels, `STATEMENT ${model.rowLabels.length + 1}`],\n      labelType: MATRIX_LABEL_TYPE.custom,\n    });\n  };\n\n  const onDecrementSize = () => {\n    const rowLabelsLength = model.rowLabels.length;\n    if (rowLabelsLength <= 1) {\n      return;\n    }\n    const rowLabelsNext = [...model.rowLabels];\n    rowLabelsNext.pop();\n    const matrixValuesClone = { ...model.matrixValues };\n    model.columnLabels.forEach((columnLabel, columnIndex) => {\n      delete matrixValuesClone[`${rowLabelsLength - 1}-${columnIndex}`];\n    });\n    onChangeModel({\n      ...model,\n      rowLabels: rowLabelsNext,\n      matrixValues: matrixValuesClone,\n      labelType: MATRIX_LABEL_TYPE.custom,\n    });\n  };\n\n  return (\n    <ColumnsWrapper>\n      <ColumnsHeader>Matrix Rows</ColumnsHeader>\n      <NumberInputFormGroupWrapper>\n        <IconWrapper>\n          <RemoveIcon onClick={onDecrementSize} />\n        </IconWrapper>\n        <p>{model.rowLabels.length}</p>\n        <IconWrapper>\n          <AddIcon onClick={onIncrementSize} />\n        </IconWrapper>\n      </NumberInputFormGroupWrapper>\n    </ColumnsWrapper>\n  );\n};\n\nMatrixColumnsRowInput.propTypes = {\n  model: PropTypes.object.isRequired,\n  onChangeModel: PropTypes.func.isRequired,\n};\n\nexport default MatrixColumnsRowInput;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,MAAMM,qBAAqB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAc,CAAC,KAAK;EAC1D,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5BD,aAAa,CAAC;MACZ,GAAGD,KAAK;MACRG,SAAS,EAAE,CAAC,GAAGH,KAAK,CAACG,SAAS,EAAE,aAAaH,KAAK,CAACG,SAAS,CAACC,MAAM,GAAG,CAAC,EAAE,CAAC;MAC1EC,SAAS,EAAEC,iCAAiB,CAACC;IAC/B,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B,MAAMC,eAAe,GAAGT,KAAK,CAACG,SAAS,CAACC,MAAM;IAC9C,IAAIK,eAAe,IAAI,CAAC,EAAE;MACxB;IACF;IACA,MAAMC,aAAa,GAAG,CAAC,GAAGV,KAAK,CAACG,SAAS,CAAC;IAC1CO,aAAa,CAACC,GAAG,CAAC,CAAC;IACnB,MAAMC,iBAAiB,GAAG;MAAE,GAAGZ,KAAK,CAACa;IAAa,CAAC;IACnDb,KAAK,CAACc,YAAY,CAACC,OAAO,CAAC,CAACC,WAAW,EAAEC,WAAW,KAAK;MACvD,OAAOL,iBAAiB,CAAC,GAAGH,eAAe,GAAG,CAAC,IAAIQ,WAAW,EAAE,CAAC;IACnE,CAAC,CAAC;IACFhB,aAAa,CAAC;MACZ,GAAGD,KAAK;MACRG,SAAS,EAAEO,aAAa;MACxBG,YAAY,EAAED,iBAAiB;MAC/BP,SAAS,EAAEC,iCAAiB,CAACC;IAC/B,CAAC,CAAC;EACJ,CAAC;EAED,oBACEhB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,cAAc,qBACb7B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAyB,aAAa,QAAC,aAA0B,CAAC,eAC1C9B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA0B,2BAA2B,qBAC1B/B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA2B,WAAW,qBACVhC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,OAAA,CAAAuB,OAAU;IAACM,OAAO,EAAEhB;EAAgB,CAAE,CAC5B,CAAC,eACdjB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,YAAInB,KAAK,CAACG,SAAS,CAACC,MAAU,CAAC,eAC/Bb,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA2B,WAAW,qBACVhC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACzB,IAAA,CAAAwB,OAAO;IAACM,OAAO,EAAEtB;EAAgB,CAAE,CACzB,CACc,CACf,CAAC;AAErB,CAAC;AAEDH,qBAAqB,CAAC0B,SAAS,GAAG;EAChCzB,KAAK,EAAE0B,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClC3B,aAAa,EAAEyB,kBAAS,CAACG,IAAI,CAACD;AAChC,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEanB,qBAAqB","ignoreList":[]}

package/configure/lib/MatrixValues.js

@@ -1,245 +1,217 @@
 "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.ValueRowWrapper = exports.ValueItemWrapper = exports.ScoringRows = exports.ScoringNumberInputWrapper = exports.ScoringContainer = exports.RowLabelWrapper = exports.MatrixColumns = exports.GridSeparatorVertical = exports.GridSeparatorHorizontal = exports.Content = exports.ColumnLabelWrapper = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
+exports.default = exports.ValueRowWrapper = exports.ValueItemWrapper = exports.ScoringRows = exports.ScoringNumberInputWrapper = exports.ScoringContainer = exports.RowLabelWrapper = exports.MatrixColumns = exports.GridSeparatorVertical = exports.GridSeparatorHorizontal = exports.Content = exports.ColumnLabelWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _MatrixLabelEditableButton = _interopRequireWildcard(require("./MatrixLabelEditableButton"));
-
 var _isNumeric = _interopRequireDefault(require("./isNumeric"));
-
 var _NumberInput = _interopRequireDefault(require("./NumberInput"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
-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; }
-
-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 columnWidth = '120px';
-
-var ScoringContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: grid;\n  grid-template-columns: min-content min-content auto;\n"])));
-
-exports.ScoringContainer = ScoringContainer;
-
-var MatrixColumns = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n  padding: 5px;\n"])));
-
-exports.MatrixColumns = MatrixColumns;
-
-var ColumnLabelWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), columnWidth);
-
-exports.ColumnLabelWrapper = ColumnLabelWrapper;
-
-var RowLabelWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 200px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-
-exports.RowLabelWrapper = RowLabelWrapper;
-
-var ValueRowWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n"])));
-
-exports.ValueRowWrapper = ValueRowWrapper;
-
-var ValueItemWrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  height: 50px;\n  margin: 1px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), columnWidth);
-
-exports.ValueItemWrapper = ValueItemWrapper;
-
-var ScoringRows = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 5px;\n"])));
-
-exports.ScoringRows = ScoringRows;
-
-var ScoringNumberInputWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 60px;\n  justify-self: center;\n  align-self: center;\n"])));
-
-exports.ScoringNumberInputWrapper = ScoringNumberInputWrapper;
-
-var GridSeparatorHorizontal = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  background: gray;\n  width: 100%;\n  height: 1px;\n"])));
-
-exports.GridSeparatorHorizontal = GridSeparatorHorizontal;
-
-var GridSeparatorVertical = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  background: gray;\n  width: 1px;\n  height: 100%;\n"])));
-
-exports.GridSeparatorVertical = GridSeparatorVertical;
-
-var Content = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 5px;\n"])));
-
-exports.Content = Content;
-
-var MatrixValues = function MatrixValues(props) {
-  var model = props.model,
-      onChangeModel = props.onChangeModel;
-  var rowLabels = model.rowLabels,
-      columnLabels = model.columnLabels,
-      matrixValues = model.matrixValues,
-      spellCheckEnabled = model.spellCheckEnabled;
-
-  var onSetMatrixValue = function onSetMatrixValue(matrixValueIndex, value) {
-    var matrixValuesClone = _objectSpread({}, matrixValues);
-
-    if ((0, _isNumeric["default"])(value)) {
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const columnWidth = '120px';
+const ScoringContainer = exports.ScoringContainer = _styledComponents.default.div`
+  display: grid;
+  grid-template-columns: min-content min-content auto;
+`;
+const MatrixColumns = exports.MatrixColumns = _styledComponents.default.div`
+  display: flex;
+  justify-content: space-between;
+  padding: 5px;
+`;
+const ColumnLabelWrapper = exports.ColumnLabelWrapper = _styledComponents.default.div`
+  width: ${columnWidth};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const RowLabelWrapper = exports.RowLabelWrapper = _styledComponents.default.div`
+  width: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const ValueRowWrapper = exports.ValueRowWrapper = _styledComponents.default.div`
+  display: flex;
+  justify-content: space-between;
+`;
+const ValueItemWrapper = exports.ValueItemWrapper = _styledComponents.default.div`
+  width: ${columnWidth};
+  height: 50px;
+  margin: 1px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const ScoringRows = exports.ScoringRows = _styledComponents.default.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 5px;
+`;
+const ScoringNumberInputWrapper = exports.ScoringNumberInputWrapper = _styledComponents.default.div`
+  width: 60px;
+  justify-self: center;
+  align-self: center;
+`;
+const GridSeparatorHorizontal = exports.GridSeparatorHorizontal = _styledComponents.default.div`
+  background: gray;
+  width: 100%;
+  height: 1px;
+`;
+const GridSeparatorVertical = exports.GridSeparatorVertical = _styledComponents.default.div`
+  background: gray;
+  width: 1px;
+  height: 100%;
+`;
+const Content = exports.Content = _styledComponents.default.div`
+  padding: 5px;
+`;
+const MatrixValues = props => {
+  const {
+    model,
+    onChangeModel
+  } = props;
+  const {
+    rowLabels,
+    columnLabels,
+    matrixValues,
+    spellCheckEnabled
+  } = model;
+  const onSetMatrixValue = (matrixValueIndex, value) => {
+    const matrixValuesClone = {
+      ...matrixValues
+    };
+    if ((0, _isNumeric.default)(value)) {
       matrixValuesClone[matrixValueIndex] = parseInt(value, 10);
     } else {
       delete matrixValuesClone[matrixValueIndex];
     }
-
-    onChangeModel(_objectSpread(_objectSpread({}, model), {}, {
+    onChangeModel({
+      ...model,
       matrixValues: matrixValuesClone
-    }));
+    });
   };
-
-  var onSetColumnLabel = function onSetColumnLabel(index, labelValue) {
-    var columnLabelsClone = (0, _toConsumableArray2["default"])(columnLabels);
+  const onSetColumnLabel = (index, labelValue) => {
+    const columnLabelsClone = [...columnLabels];
     columnLabelsClone[index] = labelValue;
-    onChangeModel(_objectSpread(_objectSpread({}, model), {}, {
+    onChangeModel({
+      ...model,
       columnLabels: columnLabelsClone
-    }));
+    });
   };
-
-  var onSetRowLabel = function onSetRowLabel(index, labelValue) {
-    var rowLabelsClone = (0, _toConsumableArray2["default"])(rowLabels);
+  const onSetRowLabel = (index, labelValue) => {
+    const rowLabelsClone = [...rowLabels];
     rowLabelsClone[index] = labelValue;
-    onChangeModel(_objectSpread(_objectSpread({}, model), {}, {
+    onChangeModel({
+      ...model,
       rowLabels: rowLabelsClone
-    }));
+    });
   };
-
-  var onActionByColumn = function onActionByColumn(_ref) {
-    var resourceIndex = _ref.resourceIndex,
-        actionType = _ref.actionType,
-        setValue = _ref.setValue;
-    var columnLabelIndex = resourceIndex;
-
-    var matrixValuesClone = _objectSpread({}, matrixValues);
-
-    rowLabels.forEach(function (rowLabel, rowLabelIndex) {
+  const onActionByColumn = ({
+    resourceIndex,
+    actionType,
+    setValue
+  }) => {
+    const columnLabelIndex = resourceIndex;
+    const matrixValuesClone = {
+      ...matrixValues
+    };
+    rowLabels.forEach((rowLabel, rowLabelIndex) => {
       switch (actionType) {
         case _MatrixLabelEditableButton.ACTION_TYPE.clear:
-          delete matrixValuesClone["".concat(rowLabelIndex, "-").concat(columnLabelIndex)];
+          delete matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`];
           break;
-
         case _MatrixLabelEditableButton.ACTION_TYPE.sortAscending:
-          matrixValuesClone["".concat(rowLabelIndex, "-").concat(columnLabelIndex)] = rowLabelIndex + 1;
+          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabelIndex + 1;
           break;
-
         case _MatrixLabelEditableButton.ACTION_TYPE.sortDescending:
-          matrixValuesClone["".concat(rowLabelIndex, "-").concat(columnLabelIndex)] = rowLabels.length - rowLabelIndex;
+          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabels.length - rowLabelIndex;
           break;
-
         case _MatrixLabelEditableButton.ACTION_TYPE.set:
-          matrixValuesClone["".concat(rowLabelIndex, "-").concat(columnLabelIndex)] = setValue;
+          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = setValue;
           break;
-
         default:
           throw 'Incorrect actionType';
       }
     });
-    onChangeModel(_objectSpread(_objectSpread({}, model), {}, {
+    onChangeModel({
+      ...model,
       matrixValues: matrixValuesClone
-    }));
+    });
   };
-
-  var onActionByRow = function onActionByRow(_ref2) {
-    var resourceIndex = _ref2.resourceIndex,
-        actionType = _ref2.actionType,
-        setValue = _ref2.setValue;
-    var rowLabelIndex = resourceIndex;
-
-    var matrixValuesClone = _objectSpread({}, matrixValues);
-
-    columnLabels.forEach(function (columnLabel, columnLabelIndex) {
+  const onActionByRow = ({
+    resourceIndex,
+    actionType,
+    setValue
+  }) => {
+    const rowLabelIndex = resourceIndex;
+    const matrixValuesClone = {
+      ...matrixValues
+    };
+    columnLabels.forEach((columnLabel, columnLabelIndex) => {
       switch (actionType) {
         case _MatrixLabelEditableButton.ACTION_TYPE.clear:
-          delete matrixValuesClone["".concat(rowLabelIndex, "-").concat(columnLabelIndex)];
+          delete matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`];
           break;
-
         case _MatrixLabelEditableButton.ACTION_TYPE.sortAscending:
-          matrixValuesClone["".concat(rowLabelIndex, "-").concat(columnLabelIndex)] = rowLabelIndex + 1;
+          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabelIndex + 1;
           break;
-
         case _MatrixLabelEditableButton.ACTION_TYPE.sortDescending:
-          matrixValuesClone["".concat(rowLabelIndex, "-").concat(columnLabelIndex)] = rowLabels.length - rowLabelIndex;
+          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = rowLabels.length - rowLabelIndex;
           break;
-
         case _MatrixLabelEditableButton.ACTION_TYPE.set:
-          matrixValuesClone["".concat(rowLabelIndex, "-").concat(columnLabelIndex)] = setValue;
+          matrixValuesClone[`${rowLabelIndex}-${columnLabelIndex}`] = setValue;
           break;
-
         default:
           throw 'Incorrect actionType';
       }
     });
-    onChangeModel(_objectSpread(_objectSpread({}, model), {}, {
+    onChangeModel({
+      ...model,
       matrixValues: matrixValuesClone
-    }));
+    });
   };
-
-  return /*#__PURE__*/_react["default"].createElement(ScoringContainer, null, /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement(GridSeparatorVertical, null), /*#__PURE__*/_react["default"].createElement(MatrixColumns, null, columnLabels.map(function (value, columnLabelIndex) {
-    return /*#__PURE__*/_react["default"].createElement(ColumnLabelWrapper, {
-      key: columnLabelIndex
-    }, /*#__PURE__*/_react["default"].createElement(_MatrixLabelEditableButton["default"], {
-      resourceIndex: columnLabelIndex,
-      onAction: onActionByColumn,
-      value: value,
-      onLabelUpdate: function onLabelUpdate(labelValue) {
-        return onSetColumnLabel(columnLabelIndex, labelValue);
-      },
-      spellCheck: spellCheckEnabled
-    }));
-  })), /*#__PURE__*/_react["default"].createElement(GridSeparatorHorizontal, null), /*#__PURE__*/_react["default"].createElement(GridSeparatorVertical, null), /*#__PURE__*/_react["default"].createElement(GridSeparatorHorizontal, null), /*#__PURE__*/_react["default"].createElement(ScoringRows, null, rowLabels.map(function (value, rowLabelIndex) {
-    return /*#__PURE__*/_react["default"].createElement(RowLabelWrapper, {
-      key: rowLabelIndex
-    }, /*#__PURE__*/_react["default"].createElement(_MatrixLabelEditableButton["default"], {
-      resourceIndex: rowLabelIndex,
-      onAction: onActionByRow,
-      value: value,
-      onLabelUpdate: function onLabelUpdate(labelValue) {
-        return onSetRowLabel(rowLabelIndex, labelValue);
-      },
-      spellCheck: spellCheckEnabled
-    }));
-  })), /*#__PURE__*/_react["default"].createElement(GridSeparatorVertical, null), /*#__PURE__*/_react["default"].createElement(Content, null, rowLabels.map(function (row, rowIndex) {
-    return /*#__PURE__*/_react["default"].createElement(ValueRowWrapper, {
+  return /*#__PURE__*/_react.default.createElement(ScoringContainer, null, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement(GridSeparatorVertical, null), /*#__PURE__*/_react.default.createElement(MatrixColumns, null, columnLabels.map((value, columnLabelIndex) => /*#__PURE__*/_react.default.createElement(ColumnLabelWrapper, {
+    key: columnLabelIndex
+  }, /*#__PURE__*/_react.default.createElement(_MatrixLabelEditableButton.default, {
+    resourceIndex: columnLabelIndex,
+    onAction: onActionByColumn,
+    value: value,
+    onLabelUpdate: labelValue => onSetColumnLabel(columnLabelIndex, labelValue),
+    spellCheck: spellCheckEnabled
+  })))), /*#__PURE__*/_react.default.createElement(GridSeparatorHorizontal, null), /*#__PURE__*/_react.default.createElement(GridSeparatorVertical, null), /*#__PURE__*/_react.default.createElement(GridSeparatorHorizontal, null), /*#__PURE__*/_react.default.createElement(ScoringRows, null, rowLabels.map((value, rowLabelIndex) => /*#__PURE__*/_react.default.createElement(RowLabelWrapper, {
+    key: rowLabelIndex
+  }, /*#__PURE__*/_react.default.createElement(_MatrixLabelEditableButton.default, {
+    resourceIndex: rowLabelIndex,
+    onAction: onActionByRow,
+    value: value,
+    onLabelUpdate: labelValue => onSetRowLabel(rowLabelIndex, labelValue),
+    spellCheck: spellCheckEnabled
+  })))), /*#__PURE__*/_react.default.createElement(GridSeparatorVertical, null), /*#__PURE__*/_react.default.createElement(Content, null, rowLabels.map((row, rowIndex) => {
+    return /*#__PURE__*/_react.default.createElement(ValueRowWrapper, {
       key: rowIndex
-    }, columnLabels.map(function (column, entryIndex) {
-      var matrixValueIndex = "".concat(rowIndex, "-").concat(entryIndex);
-      return /*#__PURE__*/_react["default"].createElement(ValueItemWrapper, {
+    }, columnLabels.map((column, entryIndex) => {
+      const matrixValueIndex = `${rowIndex}-${entryIndex}`;
+      return /*#__PURE__*/_react.default.createElement(ValueItemWrapper, {
         key: entryIndex
-      }, /*#__PURE__*/_react["default"].createElement(ScoringNumberInputWrapper, null, /*#__PURE__*/_react["default"].createElement(_NumberInput["default"], {
-        onFieldUpdate: function onFieldUpdate(e) {
-          return onSetMatrixValue(matrixValueIndex, e);
-        },
+      }, /*#__PURE__*/_react.default.createElement(ScoringNumberInputWrapper, null, /*#__PURE__*/_react.default.createElement(_NumberInput.default, {
+        onFieldUpdate: e => onSetMatrixValue(matrixValueIndex, e),
         name: matrixValueIndex,
         placeholder: "#",
         fieldValue: {
-          value: (0, _isNumeric["default"])(matrixValues[matrixValueIndex]) ? matrixValues[matrixValueIndex] : ''
+          value: (0, _isNumeric.default)(matrixValues[matrixValueIndex]) ? matrixValues[matrixValueIndex] : ''
         }
       })));
     }));
   })));
 };
-
 MatrixValues.propTypes = {
-  model: _propTypes["default"].object.isRequired,
-  onChangeModel: _propTypes["default"].func.isRequired
+  model: _propTypes.default.object.isRequired,
+  onChangeModel: _propTypes.default.func.isRequired
 };
-var _default = MatrixValues;
-exports["default"] = _default;
+var _default = exports.default = MatrixValues;
 //# sourceMappingURL=MatrixValues.js.map