@pie-element/ebsr 9.0.2-next.16 → 9.0.2-next.17

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/charting/line/line-cross.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LineCross = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _plot = require("../../plot");
+var _shape = require("@vx/shape");
+var _group = require("@vx/group");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _line = _interopRequireDefault(require("./common/line"));
+var _excluded = ["classes", "className", "scale", "x", "y", "r", "correctness"];
+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 DraggableComponent = function DraggableComponent(props) {
+  var _props$classes = props.classes,
+    classes = _props$classes === void 0 ? {} : _props$classes,
+    className = props.className,
+    scale = props.scale,
+    x = props.x,
+    y = props.y,
+    r = props.r,
+    correctness = props.correctness,
+    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_group.Group, (0, _extends2["default"])({}, rest, {
+    className: (0, _classnames["default"])(className, classes.line, correctness && correctness.value)
+  }), /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
+    data: [{
+      x: scale.x(x) - r,
+      y: scale.y(y) + r
+    }, {
+      x: scale.x(x) + r,
+      y: scale.y(y) - r
+    }],
+    key: "point-".concat(x, "-").concat(y, "-1"),
+    x: function x(d) {
+      return d.x;
+    },
+    y: function y(d) {
+      return d.y;
+    },
+    strokeWidth: 5
+  }), /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
+    data: [{
+      x: scale.x(x) - r,
+      y: scale.y(y) - r
+    }, {
+      x: scale.x(x) + r,
+      y: scale.y(y) + r
+    }],
+    key: "point-".concat(x, "-").concat(y, "-2"),
+    x: function x(d) {
+      return d.x;
+    },
+    y: function y(d) {
+      return d.y;
+    },
+    strokeWidth: 5
+  }));
+};
+DraggableComponent.propTypes = {
+  scale: _propTypes["default"].object,
+  x: _propTypes["default"].number,
+  y: _propTypes["default"].number,
+  r: _propTypes["default"].number,
+  className: _propTypes["default"].string,
+  classes: _propTypes["default"].object,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  })
+};
+var LineCross = exports.LineCross = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(LineCross, _React$Component);
+  var _super = _createSuper(LineCross);
+  function LineCross() {
+    (0, _classCallCheck2["default"])(this, LineCross);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(LineCross, [{
+    key: "render",
+    value: function render() {
+      var props = this.props;
+      var data = props.data,
+        graphProps = props.graphProps;
+      var _ref = graphProps || {},
+        _ref$scale = _ref.scale,
+        scale = _ref$scale === void 0 ? {} : _ref$scale,
+        _ref$size = _ref.size,
+        size = _ref$size === void 0 ? {} : _ref$size;
+      var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineCross');
+      return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
+        xBand: xBand,
+        CustomDraggableComponent: DraggableComponent
+      }));
+    }
+  }]);
+  return LineCross;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(LineCross, "propTypes", {
+  data: _propTypes["default"].array,
+  onChange: _propTypes["default"].func,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+var _default = exports["default"] = function _default() {
+  return {
+    type: 'lineCross',
+    Component: LineCross,
+    name: 'Line Cross'
+  };
+};
+//# sourceMappingURL=line-cross.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/charting/line/line-cross.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-cross.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_shape","_group","_classnames","_utils","_line","_excluded","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","DraggableComponent","props","_props$classes","classes","className","scale","x","y","r","correctness","rest","_objectWithoutProperties2","createElement","Group","_extends2","classNames","line","value","LinePath","data","key","concat","d","strokeWidth","propTypes","PropTypes","object","number","string","shape","label","LineCross","exports","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","render","graphProps","_ref","_ref$scale","_ref$size","size","xBand","dataToXBand","width","CustomDraggableComponent","React","Component","_defineProperty2","array","onChange","func","types","GraphPropsType","isRequired","_default","type","name"],"sources":["../../../src/code/charting/line/line-cross.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '../../plot';\nimport { LinePath } from '@vx/shape';\nimport { Group } from '@vx/group';\nimport classNames from 'classnames';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\n\nconst DraggableComponent = (props) => {\n  const { classes = {}, className, scale, x, y, r, correctness, ...rest } = props;\n\n  return (\n    <Group {...rest} className={classNames(className, classes.line, correctness && correctness.value)}>\n      <LinePath\n        data={[\n          { x: scale.x(x) - r, y: scale.y(y) + r },\n          { x: scale.x(x) + r, y: scale.y(y) - r },\n        ]}\n        key={`point-${x}-${y}-1`}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={5}\n      />\n      <LinePath\n        data={[\n          { x: scale.x(x) - r, y: scale.y(y) - r },\n          { x: scale.x(x) + r, y: scale.y(y) + r },\n        ]}\n        key={`point-${x}-${y}-2`}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={5}\n      />\n    </Group>\n  );\n};\n\nDraggableComponent.propTypes = {\n  scale: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  r: PropTypes.number,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n};\n\nexport class LineCross extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'lineCross');\n\n    return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n  }\n}\n\nexport default () => ({\n  type: 'lineCross',\n  Component: LineCross,\n  name: 'Line Cross',\n});\n"],"mappings":"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"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/charting/line/line-dot.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LineDot = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _plot = require("../../plot");
+var _utils = require("../utils");
+var _line = _interopRequireDefault(require("./common/line"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["scale", "x", "y", "className", "classes", "r", "correctness"];
+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 DraggableComponent = function DraggableComponent(_ref) {
+  var scale = _ref.scale,
+    x = _ref.x,
+    y = _ref.y,
+    className = _ref.className,
+    classes = _ref.classes,
+    r = _ref.r,
+    correctness = _ref.correctness,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
+    cx: scale.x(x),
+    cy: scale.y(y),
+    r: r,
+    className: (0, _classnames["default"])(className, classes.handle, correctness && correctness.value)
+  }, rest));
+};
+DraggableComponent.propTypes = {
+  scale: _propTypes["default"].object,
+  x: _propTypes["default"].number,
+  y: _propTypes["default"].number,
+  r: _propTypes["default"].number,
+  className: _propTypes["default"].string,
+  classes: _propTypes["default"].object,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  })
+};
+var LineDot = exports.LineDot = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(LineDot, _React$Component);
+  var _super = _createSuper(LineDot);
+  function LineDot() {
+    (0, _classCallCheck2["default"])(this, LineDot);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(LineDot, [{
+    key: "render",
+    value: function render() {
+      var props = this.props;
+      var data = props.data,
+        graphProps = props.graphProps;
+      var _ref2 = graphProps || {},
+        _ref2$scale = _ref2.scale,
+        scale = _ref2$scale === void 0 ? {} : _ref2$scale,
+        _ref2$size = _ref2.size,
+        size = _ref2$size === void 0 ? {} : _ref2$size;
+      var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineDot');
+      return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
+        xBand: xBand,
+        CustomDraggableComponent: DraggableComponent
+      }));
+    }
+  }]);
+  return LineDot;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(LineDot, "propTypes", {
+  data: _propTypes["default"].array,
+  onChange: _propTypes["default"].func,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+var _default = exports["default"] = function _default() {
+  return {
+    type: 'lineDot',
+    Component: LineDot,
+    name: 'Line Dot'
+  };
+};
+//# sourceMappingURL=line-dot.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/charting/line/line-dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-dot.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_utils","_line","_classnames","_excluded","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","DraggableComponent","_ref","scale","x","y","className","classes","r","correctness","rest","_objectWithoutProperties2","createElement","_extends2","cx","cy","classNames","handle","value","propTypes","PropTypes","object","number","string","shape","label","LineDot","exports","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","render","props","data","graphProps","_ref2","_ref2$scale","_ref2$size","size","xBand","dataToXBand","width","CustomDraggableComponent","React","Component","_defineProperty2","array","onChange","func","types","GraphPropsType","isRequired","_default","type","name"],"sources":["../../../src/code/charting/line/line-dot.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '../../plot';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\nimport classNames from 'classnames';\n\nconst DraggableComponent = ({ scale, x, y, className, classes, r, correctness, ...rest }) => (\n  <circle\n    cx={scale.x(x)}\n    cy={scale.y(y)}\n    r={r}\n    className={classNames(className, classes.handle, correctness && correctness.value)}\n    {...rest}\n  />\n);\n\nDraggableComponent.propTypes = {\n  scale: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  r: PropTypes.number,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n};\n\nexport class LineDot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'lineDot');\n\n    return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n  }\n}\n\nexport default () => ({\n  type: 'lineDot',\n  Component: LineDot,\n  name: 'Line Dot',\n});\n"],"mappings":"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"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/charting/mark-label.js

@@ -0,0 +1,201 @@
+"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.MarkLabel = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _styles = require("@material-ui/core/styles");
+var _reactInputAutosize = _interopRequireDefault(require("react-input-autosize"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _plot = require("../plot");
+var _styles2 = require("./common/styles");
+var _renderUi = require("../render-ui");
+var _mathRendering = require("../math-rendering");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var styles = function styles(theme) {
+  return {
+    input: {
+      "float": 'right',
+      fontFamily: theme.typography.fontFamily,
+      fontSize: theme.typography.fontSize,
+      border: 'none',
+      color: _renderUi.color.primaryDark(),
+      '&.correct': (0, _styles2.correct)('color'),
+      '&.incorrect': (0, _styles2.incorrect)('color'),
+      '&.disabled': _objectSpread(_objectSpread({}, (0, _styles2.disabled)('color')), {}, {
+        backgroundColor: 'transparent !important'
+      }),
+      '&.error': {
+        border: "2px solid ".concat(theme.palette.error.main)
+      }
+    },
+    mathInput: {
+      pointerEvents: 'auto',
+      textAlign: 'center',
+      fontSize: theme.typography.fontSize,
+      fontFamily: theme.typography.fontFamily,
+      color: _renderUi.color.primaryDark()
+    },
+    disabled: _objectSpread(_objectSpread({}, (0, _styles2.disabled)('color')), {}, {
+      backgroundColor: 'transparent !important'
+    }),
+    error: {
+      border: "2px solid ".concat(theme.palette.error.main)
+    },
+    correct: _objectSpread({}, (0, _styles2.correct)('color')),
+    incorrect: _objectSpread({}, (0, _styles2.incorrect)('color'))
+  };
+};
+function isFractionFormat(label) {
+  var trimmedLabel = (label === null || label === void 0 ? void 0 : label.trim()) || '';
+  var fracRegex = new RegExp(/^[1-9]*[0-9]*\s?[1-9][0-9]*\/[1-9][0-9]*$/);
+  return fracRegex.test(trimmedLabel);
+}
+function getLabelMathFormat(label) {
+  var trimmedLabel = (label === null || label === void 0 ? void 0 : label.trim()) || '';
+  var fraction;
+  var mixedNr = '';
+  var improperFraction = trimmedLabel.split(' ');
+  if (improperFraction[1] && improperFraction[1].includes('/')) {
+    fraction = improperFraction[1].split('/') || '';
+  } else {
+    fraction = (trimmedLabel === null || trimmedLabel === void 0 ? void 0 : trimmedLabel.split('/')) || '';
+  }
+  var formattedLLabel;
+  if (isFractionFormat(label)) {
+    if (improperFraction[0] && improperFraction[1]) {
+      mixedNr = improperFraction[0];
+    }
+    formattedLLabel = "\\(".concat(mixedNr, "\\frac{").concat(fraction[0], "}{").concat(fraction[1], "}\\)");
+    return formattedLLabel;
+  }
+  return undefined;
+}
+var MarkLabel = exports.MarkLabel = function MarkLabel(props) {
+  // eslint-disable-next-line no-unused-vars
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    input = _useState2[0],
+    setInput = _useState2[1];
+  var _ref = (0, _react.useCallback)(function (node) {
+    return setInput(node);
+  }, null);
+  var mark = props.mark,
+    classes = props.classes,
+    disabled = props.disabled,
+    externalInputRef = props.inputRef,
+    barWidth = props.barWidth,
+    rotate = props.rotate,
+    correctness = props.correctness,
+    autoFocus = props.autoFocus,
+    error = props.error;
+  var _useState3 = (0, _react.useState)(mark.label),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    label = _useState4[0],
+    setLabel = _useState4[1];
+  var _useState5 = (0, _react.useState)(getLabelMathFormat(mark.label)),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    mathLabel = _useState6[0],
+    setMathLabel = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    isEditing = _useState8[0],
+    setIsEditing = _useState8[1];
+  var root = (0, _react.useRef)(null);
+  var onChange = function onChange(e) {
+    setLabel(e.target.value);
+  };
+  var isMathRendering = function isMathRendering() {
+    return isEditing === false && mathLabel !== undefined;
+  };
+  var onChangeProp = function onChangeProp(e) {
+    setMathLabel(getLabelMathFormat(mark.label));
+    setIsEditing(false);
+    props.onChange(e.target.value);
+  };
+  var extraStyle = {};
+  if (rotate) {
+    extraStyle = {
+      width: 'unset',
+      textAlign: 'left'
+    };
+  }
+
+  // useState only sets the value once, to synch props to state need useEffect
+  (0, _react.useEffect)(function () {
+    setLabel(mark.label);
+  }, [mark.label]);
+  (0, _react.useEffect)(function () {
+    (0, _mathRendering.renderMath)(root);
+  }, []);
+  return isMathRendering() ? /*#__PURE__*/_react["default"].createElement("div", {
+    ref: function ref(r) {
+      return root = r;
+    },
+    dangerouslySetInnerHTML: {
+      __html: getLabelMathFormat(label)
+    },
+    className: (0, _classnames["default"])(classes.mathInput, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, classes.disabled, disabled), classes.error, error), classes.correct, correctness && correctness.label === 'correct'), classes.incorrect, correctness && correctness.label === 'incorrect')),
+    onClick: function onClick() {
+      return setIsEditing(true);
+    },
+    style: {
+      minWidth: barWidth
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_reactInputAutosize["default"], {
+    inputRef: function inputRef(r) {
+      _ref(r);
+      externalInputRef(r);
+    },
+    autoFocus: isEditing || autoFocus,
+    disabled: disabled,
+    inputClassName: (0, _classnames["default"])(classes.input, correctness && correctness.label, disabled && 'disabled', error && 'error'),
+    inputStyle: _objectSpread({
+      minWidth: barWidth,
+      textAlign: 'center',
+      background: 'transparent',
+      boxSizing: 'border-box',
+      paddingLeft: 0,
+      paddingRight: 0
+    }, extraStyle),
+    value: label,
+    style: {
+      position: 'fixed',
+      pointerEvents: 'auto',
+      top: 0,
+      left: 0,
+      minWidth: barWidth,
+      transformOrigin: 'left',
+      transform: "rotate(".concat(rotate, "deg)")
+    },
+    onChange: onChange,
+    onBlur: onChangeProp
+  });
+};
+MarkLabel.propTypes = {
+  autoFocus: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
+  error: _propTypes["default"].any,
+  onChange: _propTypes["default"].func,
+  graphProps: _plot.types.GraphPropsType,
+  classes: _propTypes["default"].object,
+  inputRef: _propTypes["default"].func,
+  mark: _propTypes["default"].object,
+  barWidth: _propTypes["default"].number,
+  rotate: _propTypes["default"].number,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  })
+};
+var _default = exports["default"] = (0, _styles.withStyles)(styles)(MarkLabel);
+//# sourceMappingURL=mark-label.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/charting/mark-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark-label.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_styles","_reactInputAutosize","_propTypes","_plot","_styles2","_renderUi","_mathRendering","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","styles","theme","input","fontFamily","typography","fontSize","border","color","primaryDark","correct","incorrect","disabled","backgroundColor","concat","palette","error","main","mathInput","pointerEvents","textAlign","isFractionFormat","label","trimmedLabel","trim","fracRegex","RegExp","test","getLabelMathFormat","fraction","mixedNr","improperFraction","split","includes","formattedLLabel","undefined","MarkLabel","exports","props","_useState","useState","_useState2","_slicedToArray2","setInput","_ref","useCallback","node","mark","classes","externalInputRef","inputRef","barWidth","rotate","correctness","autoFocus","_useState3","_useState4","setLabel","_useState5","_useState6","mathLabel","setMathLabel","_useState7","_useState8","isEditing","setIsEditing","root","useRef","onChange","target","value","isMathRendering","onChangeProp","extraStyle","width","useEffect","renderMath","createElement","ref","dangerouslySetInnerHTML","__html","className","classNames","onClick","style","minWidth","inputClassName","inputStyle","background","boxSizing","paddingLeft","paddingRight","position","top","left","transformOrigin","transform","onBlur","propTypes","PropTypes","bool","any","func","graphProps","types","GraphPropsType","object","number","shape","string","_default","withStyles"],"sources":["../../src/code/charting/mark-label.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport PropTypes from 'prop-types';\nimport { types } from '../plot';\nimport { correct, incorrect, disabled } from './common/styles';\nimport { color } from '../render-ui';\nimport { renderMath } from '../math-rendering';\n\nconst styles = (theme) => ({\n  input: {\n    float: 'right',\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n    border: 'none',\n    color: color.primaryDark(),\n    '&.correct': correct('color'),\n    '&.incorrect': incorrect('color'),\n    '&.disabled': {\n      ...disabled('color'),\n      backgroundColor: 'transparent !important',\n    },\n    '&.error': { border: `2px solid ${theme.palette.error.main}` },\n  },\n  mathInput: {\n    pointerEvents: 'auto',\n    textAlign: 'center',\n    fontSize: theme.typography.fontSize,\n    fontFamily: theme.typography.fontFamily,\n    color: color.primaryDark(),\n  },\n  disabled: {\n    ...disabled('color'),\n    backgroundColor: 'transparent !important',\n  },\n  error: {\n    border: `2px solid ${theme.palette.error.main}`,\n  },\n  correct: {\n    ...correct('color'),\n  },\n  incorrect: {\n    ...incorrect('color'),\n  },\n});\n\nfunction isFractionFormat(label) {\n  const trimmedLabel = label?.trim() || '';\n  const fracRegex = new RegExp(/^[1-9]*[0-9]*\\s?[1-9][0-9]*\\/[1-9][0-9]*$/);\n  return fracRegex.test(trimmedLabel);\n}\n\nfunction getLabelMathFormat(label) {\n  const trimmedLabel = label?.trim() || '';\n  let fraction;\n  let mixedNr = '';\n  let improperFraction = trimmedLabel.split(' ');\n  if (improperFraction[1] && improperFraction[1].includes('/')) {\n    fraction = improperFraction[1].split('/') || '';\n  } else {\n    fraction = trimmedLabel?.split('/') || '';\n  }\n\n  let formattedLLabel;\n  if (isFractionFormat(label)) {\n    if (improperFraction[0] && improperFraction[1]) {\n      mixedNr = improperFraction[0];\n    }\n    formattedLLabel = `\\\\(${mixedNr}\\\\frac{${fraction[0]}}{${fraction[1]}}\\\\)`;\n    return formattedLLabel;\n  }\n  return undefined;\n}\n\nexport const MarkLabel = (props) => {\n  // eslint-disable-next-line no-unused-vars\n  const [input, setInput] = useState(null);\n  const _ref = useCallback((node) => setInput(node), null);\n\n  const {\n    mark,\n    classes,\n    disabled,\n    inputRef: externalInputRef,\n    barWidth,\n    rotate,\n    correctness,\n    autoFocus,\n    error,\n  } = props;\n\n  const [label, setLabel] = useState(mark.label);\n  const [mathLabel, setMathLabel] = useState(getLabelMathFormat(mark.label));\n  const [isEditing, setIsEditing] = useState(false);\n  let root = useRef(null);\n\n  const onChange = (e) => {\n    setLabel(e.target.value);\n  };\n\n  const isMathRendering = () => {\n    return isEditing === false && mathLabel !== undefined;\n  };\n\n  const onChangeProp = (e) => {\n    setMathLabel(getLabelMathFormat(mark.label));\n    setIsEditing(false);\n    props.onChange(e.target.value);\n  };\n  let extraStyle = {};\n\n  if (rotate) {\n    extraStyle = {\n      width: 'unset',\n      textAlign: 'left',\n    };\n  }\n\n  // useState only sets the value once, to synch props to state need useEffect\n  useEffect(() => {\n    setLabel(mark.label);\n  }, [mark.label]);\n\n  useEffect(() => {\n    renderMath(root);\n  }, []);\n\n  return isMathRendering() ? (\n    <div\n      ref={(r) => (root = r)}\n      dangerouslySetInnerHTML={{ __html: getLabelMathFormat(label) }}\n      className={classNames(classes.mathInput, {\n        [classes.disabled]: disabled,\n        [classes.error]: error,\n        [classes.correct]: correctness && correctness.label === 'correct',\n        [classes.incorrect]: correctness && correctness.label === 'incorrect',\n      })}\n      onClick={() => setIsEditing(true)}\n      style={{ minWidth: barWidth }}\n    ></div>\n  ) : (\n    <AutosizeInput\n      inputRef={(r) => {\n        _ref(r);\n        externalInputRef(r);\n      }}\n      autoFocus={isEditing || autoFocus}\n      disabled={disabled}\n      inputClassName={classNames(\n        classes.input,\n        correctness && correctness.label,\n        disabled && 'disabled',\n        error && 'error',\n      )}\n      inputStyle={{\n        minWidth: barWidth,\n        textAlign: 'center',\n        background: 'transparent',\n        boxSizing: 'border-box',\n        paddingLeft: 0,\n        paddingRight: 0,\n        ...extraStyle,\n      }}\n      value={label}\n      style={{\n        position: 'fixed',\n        pointerEvents: 'auto',\n        top: 0,\n        left: 0,\n        minWidth: barWidth,\n        transformOrigin: 'left',\n        transform: `rotate(${rotate}deg)`,\n      }}\n      onChange={onChange}\n      onBlur={onChangeProp}\n    />\n  );\n};\n\nMarkLabel.propTypes = {\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.any,\n  onChange: PropTypes.func,\n  graphProps: types.GraphPropsType,\n  classes: PropTypes.object,\n  inputRef: PropTypes.func,\n  mark: PropTypes.object,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n};\n\nexport default withStyles(styles)(MarkLabel);\n"],"mappings":"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"}