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

package/configure/lib/MatrixColumnsSizeHeaderInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MatrixColumnsSizeHeaderInput.js"],"names":["MatrixColumnsSizeHeaderInput","model","onChangeModel","onIncrementColumnsSize","columnLabels","length","labelType","MATRIX_LABEL_TYPE","custom","onDecrementColumnsSize","columnLabelsLength","columnLabelsNext","pop","matrixValuesClone","matrixValues","rowLabels","forEach","rowLabel","rowIndex","propTypes","PropTypes","object","isRequired","func"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA,IAAMA,4BAA4B,GAAG,SAA/BA,4BAA+B,OAA8B;AAAA,MAA3BC,KAA2B,QAA3BA,KAA2B;AAAA,MAApBC,aAAoB,QAApBA,aAAoB;;AACjE,MAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,GAAM;AACnCD,IAAAA,aAAa,iCACRD,KADQ;AAEXG,MAAAA,YAAY,gDAAMH,KAAK,CAACG,YAAZ,qBAAoCH,KAAK,CAACG,YAAN,CAAmBC,MAAnB,GAA4B,CAAhE,GAFD;AAGXC,MAAAA,SAAS,EAAEC,kCAAkBC;AAHlB,OAAb;AAKD,GAND;;AAQA,MAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,GAAM;AACnC,QAAMC,kBAAkB,GAAGT,KAAK,CAACG,YAAN,CAAmBC,MAA9C;;AACA,QAAIK,kBAAkB,IAAI,CAA1B,EAA6B;AAC3B;AACD;;AACD,QAAMC,gBAAgB,uCAAOV,KAAK,CAACG,YAAb,CAAtB;AACAO,IAAAA,gBAAgB,CAACC,GAAjB;;AAEA,QAAMC,iBAAiB,qBAAQZ,KAAK,CAACa,YAAd,CAAvB;;AACAb,IAAAA,KAAK,CAACc,SAAN,CAAgBC,OAAhB,CAAwB,UAACC,QAAD,EAAWC,QAAX,EAAwB;AAC9C,aAAOL,iBAAiB,WAAIK,QAAJ,cAAgBR,kBAAkB,GAAG,CAArC,EAAxB;AACD,KAFD;AAIAR,IAAAA,aAAa,iCACRD,KADQ;AAEXG,MAAAA,YAAY,EAAEO,gBAFH;AAGXG,MAAAA,YAAY,EAAED,iBAHH;AAIXP,MAAAA,SAAS,EAAEC,kCAAkBC;AAJlB,OAAb;AAMD,GAnBD;;AAoBA,sBACE,gCAAC,4BAAD,qBACE,gCAAC,2BAAD,yBADF,eAEE,gCAAC,yCAAD,qBACE,gCAAC,yBAAD,qBACE,gCAAC,kBAAD;AAAY,IAAA,OAAO,EAAEC;AAArB,IADF,CADF,eAIE,2CAAIR,KAAK,CAACG,YAAN,CAAmBC,MAAvB,CAJF,eAKE,gCAAC,yBAAD,qBACE,gCAAC,eAAD;AAAS,IAAA,OAAO,EAAEF;AAAlB,IADF,CALF,CAFF,CADF;AAcD,CA3CD;;AA6CAH,4BAA4B,CAACmB,SAA7B,GAAyC;AACvClB,EAAAA,KAAK,EAAEmB,sBAAUC,MAAV,CAAiBC,UADe;AAEvCpB,EAAAA,aAAa,EAAEkB,sBAAUG,IAAV,CAAeD;AAFS,CAAzC;eAKetB,4B","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"],"file":"MatrixColumnsSizeHeaderInput.js"}
+{"version":3,"file":"MatrixColumnsSizeHeaderInput.js","names":["_react","_interopRequireDefault","require","_Add","_Remove","_propTypes","_HeaderCommon","_matrixEntities","MatrixColumnsSizeHeaderInput","model","onChangeModel","onIncrementColumnsSize","columnLabels","length","labelType","MATRIX_LABEL_TYPE","custom","onDecrementColumnsSize","columnLabelsLength","columnLabelsNext","pop","matrixValuesClone","matrixValues","rowLabels","forEach","rowLabel","rowIndex","default","createElement","ColumnsWrapper","ColumnsHeader","NumberInputFormGroupWrapper","IconWrapper","onClick","propTypes","PropTypes","object","isRequired","func","_default","exports"],"sources":["../src/MatrixColumnsSizeHeaderInput.jsx"],"sourcesContent":["import React from 'react';\nimport AddIcon from '@mui/icons-material/Add';\nimport RemoveIcon from '@mui/icons-material/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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAEA,MAAMM,4BAA4B,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAc,CAAC,KAAK;EACjE,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACnCD,aAAa,CAAC;MACZ,GAAGD,KAAK;MACRG,YAAY,EAAE,CAAC,GAAGH,KAAK,CAACG,YAAY,EAAE,UAAUH,KAAK,CAACG,YAAY,CAACC,MAAM,GAAG,CAAC,EAAE,CAAC;MAChFC,SAAS,EAAEC,iCAAiB,CAACC;IAC/B,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACnC,MAAMC,kBAAkB,GAAGT,KAAK,CAACG,YAAY,CAACC,MAAM;IACpD,IAAIK,kBAAkB,IAAI,CAAC,EAAE;MAC3B;IACF;IACA,MAAMC,gBAAgB,GAAG,CAAC,GAAGV,KAAK,CAACG,YAAY,CAAC;IAChDO,gBAAgB,CAACC,GAAG,CAAC,CAAC;IAEtB,MAAMC,iBAAiB,GAAG;MAAE,GAAGZ,KAAK,CAACa;IAAa,CAAC;IACnDb,KAAK,CAACc,SAAS,CAACC,OAAO,CAAC,CAACC,QAAQ,EAAEC,QAAQ,KAAK;MAC9C,OAAOL,iBAAiB,CAAC,GAAGK,QAAQ,IAAIR,kBAAkB,GAAG,CAAC,EAAE,CAAC;IACnE,CAAC,CAAC;IAEFR,aAAa,CAAC;MACZ,GAAGD,KAAK;MACRG,YAAY,EAAEO,gBAAgB;MAC9BG,YAAY,EAAED,iBAAiB;MAC/BP,SAAS,EAAEC,iCAAiB,CAACC;IAC/B,CAAC,CAAC;EACJ,CAAC;EACD,oBACEhB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,cAAc,qBACb7B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAwB,aAAa,QAAC,gBAA6B,CAAC,eAC7C9B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAyB,2BAA2B,qBAC1B/B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA0B,WAAW,qBACVhC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,OAAA,CAAAuB,OAAU;IAACM,OAAO,EAAEhB;EAAuB,CAAE,CACnC,CAAC,eACdjB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,YAAInB,KAAK,CAACG,YAAY,CAACC,MAAU,CAAC,eAClCb,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA0B,WAAW,qBACVhC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACzB,IAAA,CAAAwB,OAAO;IAACM,OAAO,EAAEtB;EAAuB,CAAE,CAChC,CACc,CACf,CAAC;AAErB,CAAC;AAEDH,4BAA4B,CAAC0B,SAAS,GAAG;EACvCzB,KAAK,EAAE0B,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClC3B,aAAa,EAAEyB,kBAAS,CAACG,IAAI,CAACD;AAChC,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEanB,4BAA4B","ignoreList":[]}

package/configure/lib/MatrixLabelEditableButton.js

@@ -1,202 +1,209 @@
 "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"));
-
+exports.default = exports.ACTION_TYPE = void 0;
 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 _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/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 = {
+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 MatrixEditableButtonWrapper = _styledComponents.default.div`
+  width: 100%;
+  height: 50px;
+  margin: 1px;
+  background: #04b26e;
+  border-radius: 5px;
+  color: white;
+  font-size: 14px;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`;
+const MatrixEditableButtonContent = _styledComponents.default.div`
+  padding: 0 5px 0 12px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+`;
+const MatrixEditableButtonText = _styledComponents.default.p`
+  margin: 0;
+  padding: 3px 0 3px 4px;
+  cursor: pointer;
+  width: 100%;
+
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  :hover {
+    background: #00985d;
+  }
+
+  transition: all 0.1s ease-in-out;
+`;
+const MatrixEditableButtonActions = _styledComponents.default.div`
+  padding: 0 3px;
+  height: 100%;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  border-left: 3px solid #00985d;
+  :hover {
+    background: #00985d;
+    border-top-right-radius: 5px;
+    border-bottom-right-radius: 5px;
+  }
+  transition: all 0.1s ease-in-out;
+`;
+const IconWrapper = _styledComponents.default.div`
+  font-size: 18px;
+`;
+const InputWrapper = _styledComponents.default.input`
+  margin: 0;
+  padding: 0 0 0 4px;
+  font-size: 14px;
+  border: none;
+  outline: none;
+  color: white;
+  width: 50px;
+  width: 100%;
+  background: #00985d;
+  height: 22px;
+  display: flex;
+  align-items: center;
+`;
+const SetScoresToWrapper = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+`;
+const SetScoresToInputWrapper = _styledComponents.default.div`
+  width: 50px;
+  margin-left: 10px;
+`;
+const ACTION_TYPE = exports.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) {
+const MatrixLabelEditableButton = props => {
+  const {
+    onLabelUpdate,
+    value,
+    resourceIndex,
+    onAction,
+    spellCheck
+  } = props;
+  const [labelValue, setLabelValue] = (0, _react.useState)(null);
+  const [scoreValue, setScoreValue] = (0, _react.useState)('');
+  const [showInput, setShowInput] = (0, _react.useState)(false);
+  const [anchorEl, setAnchorEl] = _react.default.useState(null);
+  const [scoresToRef] = _react.default.useState(/*#__PURE__*/_react.default.createRef());
+  const open = Boolean(anchorEl);
+  const onActionClick = event => {
     setAnchorEl(event.currentTarget);
   };
-
-  var handleClose = function handleClose(e) {
+  const handleClose = e => {
     e.stopPropagation();
     setAnchorEl(null);
     setScoreValue('');
   };
-
-  var onClearScores = function onClearScores(e) {
+  const onClearScores = e => {
     handleClose(e);
     onAction({
-      resourceIndex: resourceIndex,
+      resourceIndex,
       actionType: ACTION_TYPE.clear
     });
   };
-
-  var onSetScoresAscending = function onSetScoresAscending(e) {
+  const onSetScoresAscending = e => {
     handleClose(e);
     onAction({
-      resourceIndex: resourceIndex,
+      resourceIndex,
       actionType: ACTION_TYPE.sortAscending
     });
   };
-
-  var onSetScoresDescending = function onSetScoresDescending(e) {
+  const onSetScoresDescending = e => {
     handleClose(e);
     onAction({
-      resourceIndex: resourceIndex,
+      resourceIndex,
       actionType: ACTION_TYPE.sortDescending
     });
   };
-
-  var onSetScores = function onSetScores(value) {
-    if (!(0, _isNumeric["default"])(value)) {
+  const onSetScores = value => {
+    if (!(0, _isNumeric.default)(value)) {
       setScoreValue('');
       return;
     }
-
-    var scoreValueNew = parseInt(value, 10);
+    const scoreValueNew = parseInt(value, 10);
     setScoreValue(scoreValueNew);
     onAction({
-      resourceIndex: resourceIndex,
+      resourceIndex,
       actionType: ACTION_TYPE.set,
       setValue: scoreValueNew
     });
   };
-
-  var onBlur = function onBlur() {
-    var labeValueTrimmed = labelValue.trim();
-
+  const onBlur = () => {
+    const labeValueTrimmed = labelValue.trim();
     if (labeValueTrimmed) {
       onLabelUpdate(labeValueTrimmed);
     }
-
     setLabelValue(null);
     setShowInput(false);
   };
-
-  var onShowInput = function onShowInput() {
+  const onShowInput = () => {
     setShowInput(true);
     setLabelValue(value);
   };
-
-  var onSetScoreToFocus = function onSetScoreToFocus() {
+  const onSetScoreToFocus = () => {
     scoresToRef.current.focus();
   };
-
-  return /*#__PURE__*/_react["default"].createElement(MatrixEditableButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(MatrixEditableButtonContent, null, showInput ? /*#__PURE__*/_react["default"].createElement(InputWrapper, {
+  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);
-    },
+    onChange: e => setLabelValue(e.target.value),
     onBlur: onBlur,
     spellCheck: spellCheck
-  }) : /*#__PURE__*/_react["default"].createElement(MatrixEditableButtonText, {
+  }) : /*#__PURE__*/_react.default.createElement(MatrixEditableButtonText, {
     onClick: onShowInput
-  }, value)), /*#__PURE__*/_react["default"].createElement(MatrixEditableButtonActions, {
+  }, value)), /*#__PURE__*/_react.default.createElement(MatrixEditableButtonActions, {
     onClick: onActionClick
-  }, /*#__PURE__*/_react["default"].createElement(IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowDown["default"], {
+  }, /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement(_KeyboardArrowDown.default, {
     fontSize: "inherit"
-  })), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
+  })), /*#__PURE__*/_react.default.createElement(_Menu.default, {
     anchorEl: anchorEl,
     open: open,
-    onClose: handleClose
-  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    onClose: handleClose,
+    transitionDuration: {
+      enter: 225,
+      exit: 195
+    }
+  }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     key: "item1",
     selected: false,
     onClick: onClearScores
-  }, "Clear Scores"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+  }, "Clear Scores"), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     key: "item2",
     selected: false,
     onClick: onSetScoresAscending
-  }, "Set Scores Ascending"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+  }, "Set Scores Ascending"), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     key: "item3",
     selected: false,
     onClick: onSetScoresDescending
-  }, "Set Scores Descending"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+  }, "Set Scores Descending"), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     key: "item4",
     selected: false
-  }, /*#__PURE__*/_react["default"].createElement(SetScoresToWrapper, null, /*#__PURE__*/_react["default"].createElement("p", {
+  }, /*#__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"], {
+  }, "Set Scores To"), /*#__PURE__*/_react.default.createElement(SetScoresToInputWrapper, null, /*#__PURE__*/_react.default.createElement(_NumberInput.default, {
     onFieldUpdate: onSetScores,
     name: 'setScoreTo',
     placeholder: "#",
@@ -206,14 +213,12 @@ var MatrixLabelEditableButton = function MatrixLabelEditableButton(props) {
     }
   })))))));
 };
-
 MatrixLabelEditableButton.propTypes = {
-  value: _propTypes["default"].string.isRequired,
-  resourceIndex: _propTypes["default"].number.isRequired,
-  onLabelUpdate: _propTypes["default"].func.isRequired,
-  onAction: _propTypes["default"].func.isRequired,
-  spellCheck: _propTypes["default"].bool
+  value: _propTypes.default.string.isRequired,
+  resourceIndex: _propTypes.default.number.isRequired,
+  onLabelUpdate: _propTypes.default.func.isRequired,
+  onAction: _propTypes.default.func.isRequired,
+  spellCheck: _propTypes.default.bool
 };
-var _default = MatrixLabelEditableButton;
-exports["default"] = _default;
+var _default = exports.default = MatrixLabelEditableButton;
 //# sourceMappingURL=MatrixLabelEditableButton.js.map

package/configure/lib/MatrixLabelEditableButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MatrixLabelEditableButton.js"],"names":["MatrixEditableButtonWrapper","styled","div","MatrixEditableButtonContent","MatrixEditableButtonText","p","MatrixEditableButtonActions","IconWrapper","InputWrapper","input","SetScoresToWrapper","SetScoresToInputWrapper","ACTION_TYPE","clear","sortAscending","sortDescending","set","MatrixLabelEditableButton","props","onLabelUpdate","value","resourceIndex","onAction","spellCheck","labelValue","setLabelValue","scoreValue","setScoreValue","showInput","setShowInput","React","useState","anchorEl","setAnchorEl","createRef","scoresToRef","open","Boolean","onActionClick","event","currentTarget","handleClose","e","stopPropagation","onClearScores","actionType","onSetScoresAscending","onSetScoresDescending","onSetScores","scoreValueNew","parseInt","setValue","onBlur","labeValueTrimmed","trim","onShowInput","onSetScoreToFocus","current","focus","target","ref","propTypes","PropTypes","string","isRequired","number","func","bool"],"mappings":"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","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  spellCheck: PropTypes.bool,\n};\n\nexport default MatrixLabelEditableButton;\n"],"file":"MatrixLabelEditableButton.js"}
+{"version":3,"file":"MatrixLabelEditableButton.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_KeyboardArrowDown","_Menu","_MenuItem","_propTypes","_NumberInput","_isNumeric","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MatrixEditableButtonWrapper","styled","div","MatrixEditableButtonContent","MatrixEditableButtonText","p","MatrixEditableButtonActions","IconWrapper","InputWrapper","input","SetScoresToWrapper","SetScoresToInputWrapper","ACTION_TYPE","exports","clear","sortAscending","sortDescending","MatrixLabelEditableButton","props","onLabelUpdate","value","resourceIndex","onAction","spellCheck","labelValue","setLabelValue","useState","scoreValue","setScoreValue","showInput","setShowInput","anchorEl","setAnchorEl","React","scoresToRef","createRef","open","Boolean","onActionClick","event","currentTarget","handleClose","stopPropagation","onClearScores","actionType","onSetScoresAscending","onSetScoresDescending","onSetScores","isNumeric","scoreValueNew","parseInt","setValue","onBlur","labeValueTrimmed","trim","onShowInput","onSetScoreToFocus","current","focus","createElement","autoFocus","onChange","target","onClick","fontSize","onClose","transitionDuration","enter","exit","key","selected","onFieldUpdate","name","placeholder","fieldValue","ref","propTypes","PropTypes","string","isRequired","number","func","bool","_default"],"sources":["../src/MatrixLabelEditableButton.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/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\n          anchorEl={anchorEl}\n          open={open}\n          onClose={handleClose}\n          transitionDuration={{ enter: 225, exit: 195 }}\n        >\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  spellCheck: PropTypes.bool,\n};\n\nexport default MatrixLabelEditableButton;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/MatrixLabelTypeHeaderInput.js

@@ -1,146 +1,98 @@
 "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"));
-
+exports.default = void 0;
 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 _styles = require("@mui/material/styles");
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
+var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 var _matrixEntities = require("./matrixEntities");
-
 var _HeaderCommon = require("./HeaderCommon");
-
 var _columnLabelsGenerator = _interopRequireDefault(require("./columnLabelsGenerator"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
 var _renderUi = require("@pie-lib/render-ui");
-
-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 styles = function styles(theme) {
-  return {
-    customColor: {
-      color: "".concat(_renderUi.color.tertiary(), " !important")
-    }
-  };
-};
-
-var MatrixLabelTypeHeaderInput = function MatrixLabelTypeHeaderInput(_ref) {
-  var model = _ref.model,
-      onChangeModel = _ref.onChangeModel,
-      classes = _ref.classes;
-
-  var onChangeLabelType = function onChangeLabelType(e) {
-    var labelType = e.target.value;
-
-    var modelNew = _objectSpread(_objectSpread({}, model), {}, {
-      labelType: labelType
-    });
-
+const Flex = (0, _styles.styled)('div')({
+  display: 'flex'
+});
+const StyledRadio = (0, _styles.styled)(_Radio.default)({
+  '&.MuiRadio-root': {
+    color: `${_renderUi.color.tertiary()} !important`
+  }
+});
+const MatrixLabelTypeHeaderInput = ({
+  model,
+  onChangeModel
+}) => {
+  const onChangeLabelType = e => {
+    const labelType = e.target.value;
+    const modelNew = {
+      ...model,
+      labelType
+    };
     if (labelType !== _matrixEntities.MATRIX_LABEL_TYPE.custom) {
-      modelNew.columnLabels = (0, _columnLabelsGenerator["default"])(labelType, model.columnLabels.length);
+      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"], {
+  const 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"], {
+  }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     disabled: !isMatrixTypeSelectionEnabled,
     value: _matrixEntities.MATRIX_LABEL_TYPE.agreement,
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      className: classes.customColor
-    }),
+    control: /*#__PURE__*/_react.default.createElement(StyledRadio, null),
     label: "Agreement"
-  }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     disabled: !isMatrixTypeSelectionEnabled,
     value: _matrixEntities.MATRIX_LABEL_TYPE.frequency,
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      className: classes.customColor
-    }),
+    control: /*#__PURE__*/_react.default.createElement(StyledRadio, null),
     label: "Frequency"
-  }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     disabled: !isMatrixTypeSelectionEnabled,
     value: _matrixEntities.MATRIX_LABEL_TYPE.yesNo,
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      className: classes.customColor
-    }),
+    control: /*#__PURE__*/_react.default.createElement(StyledRadio, null),
     label: "Yes/No"
-  })), /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+  })), /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
     "aria-label": "matrixLabelType",
     name: "matrixLabelType",
     value: model.labelType,
     onChange: onChangeLabelType
-  }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     disabled: !isMatrixTypeSelectionEnabled,
     value: _matrixEntities.MATRIX_LABEL_TYPE.importance,
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      className: classes.customColor
-    }),
+    control: /*#__PURE__*/_react.default.createElement(StyledRadio, null),
     label: "Importance"
-  }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     disabled: !isMatrixTypeSelectionEnabled,
     value: _matrixEntities.MATRIX_LABEL_TYPE.likelihood,
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      className: classes.customColor
-    }),
+    control: /*#__PURE__*/_react.default.createElement(StyledRadio, null),
     label: "Likelihood"
-  }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     disabled: !isMatrixTypeSelectionEnabled,
     value: _matrixEntities.MATRIX_LABEL_TYPE.like,
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      className: classes.customColor
-    }),
+    control: /*#__PURE__*/_react.default.createElement(StyledRadio, null),
     label: "Like"
-  })), /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+  })), /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
     "aria-label": "matrixLabelType",
     name: "matrixLabelType",
     value: model.labelType,
     onChange: onChangeLabelType
-  }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     value: _matrixEntities.MATRIX_LABEL_TYPE.custom,
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      className: classes.customColor
-    }),
+    control: /*#__PURE__*/_react.default.createElement(StyledRadio, null),
     label: "Custom"
   }))));
 };
-
 MatrixLabelTypeHeaderInput.propTypes = {
-  model: _propTypes["default"].object.isRequired,
-  onChangeModel: _propTypes["default"].func.isRequired
+  model: _propTypes.default.object.isRequired,
+  onChangeModel: _propTypes.default.func.isRequired
 };
-
-var _default = (0, _styles.withStyles)(styles)(MatrixLabelTypeHeaderInput);
-
-exports["default"] = _default;
+var _default = exports.default = MatrixLabelTypeHeaderInput;
 //# sourceMappingURL=MatrixLabelTypeHeaderInput.js.map