@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/graphing/mark-label.js

@@ -0,0 +1,169 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.position = exports["default"] = exports.coordinates = exports.MarkLabel = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _reactInputAutosize = _interopRequireDefault(require("react-input-autosize"));
+var _useDebounce = require("./use-debounce");
+var _plot = require("../plot");
+var _renderUi = require("../render-ui");
+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',
+      padding: theme.spacing.unit * 0.5,
+      fontFamily: theme.typography.fontFamily,
+      fontSize: theme.typography.fontSize,
+      border: "solid 1px ".concat(_renderUi.color.secondary()),
+      borderRadius: '3px',
+      color: _renderUi.color.primaryDark()
+    },
+    disabled: {
+      border: "solid 1px ".concat(_renderUi.color.primaryDark()),
+      background: theme.palette.background.paper
+    },
+    disabledMark: {
+      border: "solid 1px ".concat(_renderUi.color.disabled()),
+      background: theme.palette.background.paper,
+      color: _renderUi.color.disabled()
+    }
+  };
+};
+var position = exports.position = function position(graphProps, mark, rect) {
+  rect = rect || {
+    width: 0,
+    height: 0
+  };
+  var scale = graphProps.scale,
+    domain = graphProps.domain,
+    range = graphProps.range;
+  var shift = 10;
+  var rightEdge = scale.x(mark.x) + rect.width + shift;
+  var bottomEdge = scale.y(mark.y) + rect.height + shift;
+  var h = rightEdge >= scale.x(domain.max) ? 'left' : 'right';
+  var v = bottomEdge >= scale.y(range.min) ? 'top' : 'bottom';
+  return "".concat(v, "-").concat(h);
+};
+var coordinates = exports.coordinates = function coordinates(graphProps, mark, rect, position, fontSize) {
+  var scale = graphProps.scale;
+  var shift = 10;
+  var font = fontSize ? fontSize : 16;
+  rect = rect || {
+    width: 0,
+    height: 0
+  };
+  switch (position) {
+    case 'bottom-right':
+      {
+        return {
+          left: "".concat((scale.x(mark.x) + shift) / font, "rem"),
+          top: "".concat((scale.y(mark.y) + shift) / font, "rem")
+        };
+      }
+    case 'bottom-left':
+      {
+        return {
+          left: "".concat((scale.x(mark.x) - shift - rect.width) / font, "rem"),
+          top: "".concat((scale.y(mark.y) + shift) / font, "rem")
+        };
+      }
+    case 'top-left':
+      {
+        return {
+          left: "".concat((scale.x(mark.x) - shift - rect.width) / font, "rem"),
+          top: "".concat((scale.y(mark.y) - shift - rect.height) / font, "rem")
+        };
+      }
+    case 'top-right':
+      {
+        return {
+          left: "".concat((scale.x(mark.x) + shift) / font, "rem"),
+          top: "".concat((scale.y(mark.y) - shift - rect.height) / font, "rem")
+        };
+      }
+  }
+};
+var MarkLabel = exports.MarkLabel = function MarkLabel(props) {
+  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);
+  });
+  var mark = props.mark,
+    graphProps = props.graphProps,
+    classes = props.classes,
+    disabled = props.disabled,
+    externalInputRef = props.inputRef,
+    theme = props.theme;
+  var _useState3 = (0, _react.useState)(mark.label),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    label = _useState4[0],
+    setLabel = _useState4[1];
+  var onChange = function onChange(e) {
+    return setLabel(e.target.value);
+  };
+  var debouncedLabel = (0, _useDebounce.useDebounce)(label, 200);
+
+  // useState only sets the value once, to synch props to state need useEffect
+  (0, _react.useEffect)(function () {
+    setLabel(mark.label);
+  }, [mark.label]);
+
+  // pick up the change to debouncedLabel and save it
+  (0, _react.useEffect)(function () {
+    if (typeof debouncedLabel === 'string' && debouncedLabel !== mark.label) {
+      props.onChange(debouncedLabel);
+    }
+  }, [debouncedLabel]);
+  var fontSize = theme && theme.typography ? theme.typography.fontSize + 2 : 16;
+  var rect = input ? input.getBoundingClientRect() : {
+    width: 0,
+    height: 0
+  };
+  var pos = position(graphProps, mark, rect);
+  var leftTop = coordinates(graphProps, mark, rect, pos, fontSize);
+  var style = _objectSpread({
+    position: 'fixed',
+    pointerEvents: 'auto'
+  }, leftTop);
+  var disabledInput = disabled || mark.disabled;
+  return /*#__PURE__*/_react["default"].createElement(_reactInputAutosize["default"], {
+    inputRef: function inputRef(r) {
+      _ref(r);
+      externalInputRef(r);
+    },
+    disabled: disabledInput,
+    inputClassName: (0, _classnames["default"])(classes.input, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, classes.disabled, disabled), classes.disabledMark, mark.disabled)),
+    value: label,
+    style: style,
+    onChange: onChange
+  });
+};
+MarkLabel.propTypes = {
+  disabled: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  graphProps: _plot.types.GraphPropsType,
+  classes: _propTypes["default"].object,
+  inputRef: _propTypes["default"].func,
+  mark: _propTypes["default"].object,
+  theme: _propTypes["default"].object
+};
+var _default = exports["default"] = (0, _styles.withStyles)(styles, {
+  withTheme: true
+})(MarkLabel);
+//# sourceMappingURL=mark-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mark-label.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_propTypes","_styles","_reactInputAutosize","_useDebounce","_plot","_renderUi","_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","padding","spacing","unit","fontFamily","typography","fontSize","border","concat","color","secondary","borderRadius","primaryDark","disabled","background","palette","paper","disabledMark","position","exports","graphProps","mark","rect","width","height","scale","domain","range","shift","rightEdge","x","bottomEdge","y","h","max","v","min","coordinates","font","left","top","MarkLabel","props","_useState","useState","_useState2","_slicedToArray2","setInput","_ref","useCallback","node","classes","externalInputRef","inputRef","_useState3","label","_useState4","setLabel","onChange","target","value","debouncedLabel","useDebounce","useEffect","getBoundingClientRect","pos","leftTop","style","pointerEvents","disabledInput","createElement","inputClassName","cn","propTypes","PropTypes","bool","func","types","GraphPropsType","object","_default","withStyles","withTheme"],"sources":["../../src/code/graphing/mark-label.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport cn from 'classnames';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport { useDebounce } from './use-debounce';\nimport { types } from '../plot';\nimport { color } from '../render-ui';\n\nconst styles = (theme) => ({\n  input: {\n    float: 'right',\n    padding: theme.spacing.unit * 0.5,\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n    border: `solid 1px ${color.secondary()}`,\n    borderRadius: '3px',\n    color: color.primaryDark(),\n  },\n  disabled: {\n    border: `solid 1px ${color.primaryDark()}`,\n    background: theme.palette.background.paper,\n  },\n  disabledMark: {\n    border: `solid 1px ${color.disabled()}`,\n    background: theme.palette.background.paper,\n    color: color.disabled(),\n  },\n});\n\nexport const position = (graphProps, mark, rect) => {\n  rect = rect || { width: 0, height: 0 };\n  const { scale, domain, range } = graphProps;\n  const shift = 10;\n\n  const rightEdge = scale.x(mark.x) + rect.width + shift;\n  const bottomEdge = scale.y(mark.y) + rect.height + shift;\n\n  const h = rightEdge >= scale.x(domain.max) ? 'left' : 'right';\n  const v = bottomEdge >= scale.y(range.min) ? 'top' : 'bottom';\n\n  return `${v}-${h}`;\n};\n\nexport const coordinates = (graphProps, mark, rect, position, fontSize) => {\n  const { scale } = graphProps;\n  const shift = 10;\n  const font = fontSize ? fontSize : 16;\n  rect = rect || { width: 0, height: 0 };\n\n  switch (position) {\n    case 'bottom-right': {\n      return { left: `${(scale.x(mark.x) + shift) / font}rem`, top: `${(scale.y(mark.y) + shift) / font}rem` };\n    }\n\n    case 'bottom-left': {\n      return {\n        left: `${(scale.x(mark.x) - shift - rect.width) / font}rem`,\n        top: `${(scale.y(mark.y) + shift) / font}rem`,\n      };\n    }\n\n    case 'top-left': {\n      return {\n        left: `${(scale.x(mark.x) - shift - rect.width) / font}rem`,\n        top: `${(scale.y(mark.y) - shift - rect.height) / font}rem`,\n      };\n    }\n\n    case 'top-right': {\n      return {\n        left: `${(scale.x(mark.x) + shift) / font}rem`,\n        top: `${(scale.y(mark.y) - shift - rect.height) / font}rem`,\n      };\n    }\n  }\n};\n\nexport const MarkLabel = (props) => {\n  const [input, setInput] = useState(null);\n  const _ref = useCallback((node) => setInput(node));\n\n  const { mark, graphProps, classes, disabled, inputRef: externalInputRef, theme } = props;\n\n  const [label, setLabel] = useState(mark.label);\n\n  const onChange = (e) => setLabel(e.target.value);\n\n  const debouncedLabel = useDebounce(label, 200);\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  // pick up the change to debouncedLabel and save it\n  useEffect(() => {\n    if (typeof debouncedLabel === 'string' && debouncedLabel !== mark.label) {\n      props.onChange(debouncedLabel);\n    }\n  }, [debouncedLabel]);\n\n  const fontSize = theme && theme.typography ? theme.typography.fontSize + 2 : 16;\n  const rect = input ? input.getBoundingClientRect() : { width: 0, height: 0 };\n  const pos = position(graphProps, mark, rect);\n  const leftTop = coordinates(graphProps, mark, rect, pos, fontSize);\n\n  const style = {\n    position: 'fixed',\n    pointerEvents: 'auto',\n    ...leftTop,\n  };\n\n  const disabledInput = disabled || mark.disabled;\n\n  return (\n    <AutosizeInput\n      inputRef={(r) => {\n        _ref(r);\n        externalInputRef(r);\n      }}\n      disabled={disabledInput}\n      inputClassName={cn(classes.input, {\n        [classes.disabled]: disabled,\n        [classes.disabledMark]: mark.disabled,\n      })}\n      value={label}\n      style={style}\n      onChange={onChange}\n    />\n  );\n};\n\nMarkLabel.propTypes = {\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  graphProps: types.GraphPropsType,\n  classes: PropTypes.object,\n  inputRef: PropTypes.func,\n  mark: PropTypes.object,\n  theme: PropTypes.object,\n};\n\nexport default withStyles(styles, { withTheme: true })(MarkLabel);\n"],"mappings":"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"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/graphing/toggle-bar.js

@@ -0,0 +1,281 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ToggleBar = exports.MiniButton = exports.Item = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _renderUi = require("../render-ui");
+var _tools = require("./tools");
+var _drag = require("../drag");
+var _translator = _interopRequireDefault(require("../translator"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys(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 translator = _translator["default"].translator;
+var buttonStyles = function buttonStyles() {
+  return {
+    root: {
+      color: _renderUi.color.text()
+    },
+    selected: {
+      backgroundColor: _renderUi.color.background(),
+      border: "1px solid ".concat(_renderUi.color.secondary())
+    },
+    notSelected: {
+      '& span': {
+        color: _renderUi.color.primary()
+      },
+      backgroundColor: _renderUi.color.background()
+    },
+    disabled: {
+      '& span': {
+        color: _renderUi.color.primary()
+      },
+      backgroundColor: _renderUi.color.disabled()
+    }
+  };
+};
+var MiniButton = exports.MiniButton = (0, _styles.withStyles)(buttonStyles)(function (props) {
+  var disabled = props.disabled,
+    classes = props.classes,
+    className = props.className,
+    selected = props.selected,
+    value = props.value,
+    _onClick = props.onClick,
+    language = props.language;
+  var translatorKey = value.toLowerCase();
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    size: "small",
+    disabled: disabled,
+    className: (0, _classnames["default"])(classes.root, selected && classes.selected, className),
+    classes: {
+      disabled: (0, _classnames["default"])(disabled && classes.disabled)
+    },
+    value: value,
+    key: value,
+    variant: "outlined",
+    onClick: function onClick(e) {
+      return _onClick(_objectSpread(_objectSpread({}, e), {}, {
+        buttonValue: value
+      }));
+    }
+  }, translator.t("graphing.".concat(translatorKey), {
+    lng: language
+  }));
+});
+MiniButton.propTypes = {
+  disabled: _propTypes["default"].bool,
+  classes: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  disabledClassName: _propTypes["default"].string,
+  selected: _propTypes["default"].bool,
+  value: _propTypes["default"].string,
+  onClick: _propTypes["default"].func
+};
+var ToggleBar = exports.ToggleBar = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ToggleBar, _React$Component);
+  var _super = _createSuper(ToggleBar);
+  function ToggleBar() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ToggleBar);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "select", function (e) {
+      return _this.props.onChange(e.buttonValue || e.target.textContent);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "moveTool", function (dragIndex, hoverIndex) {
+      var _this$props = _this.props,
+        options = _this$props.options,
+        onChangeToolsOrder = _this$props.onChangeToolsOrder;
+      var dragged = options[dragIndex];
+      options.splice(dragIndex, 1);
+      options.splice(hoverIndex, 0, dragged);
+      onChangeToolsOrder(options);
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(ToggleBar, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props2 = this.props,
+        classes = _this$props2.classes,
+        className = _this$props2.className,
+        disabled = _this$props2.disabled,
+        options = _this$props2.options,
+        selectedToolType = _this$props2.selectedToolType,
+        draggableTools = _this$props2.draggableTools,
+        language = _this$props2.language;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(className, classes.toolsContainer)
+      }, (options || []).map(function (option, index) {
+        if ((_tools.allTools || []).includes(option)) {
+          var isSelected = option === selectedToolType;
+          var toolRef = /*#__PURE__*/_react["default"].createRef();
+          return /*#__PURE__*/_react["default"].createElement(DragTool, {
+            key: option,
+            index: index,
+            draggable: draggableTools,
+            moveTool: _this2.moveTool,
+            classes: classes,
+            toolRef: toolRef
+          }, /*#__PURE__*/_react["default"].createElement(MiniButton, {
+            className: (0, _classnames["default"])(classes.button, isSelected && classes.selected),
+            disabled: disabled,
+            disableRipple: true,
+            onClick: _this2.select,
+            value: option,
+            selected: isSelected,
+            language: language
+          }));
+        }
+      }));
+    }
+  }]);
+  return ToggleBar;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(ToggleBar, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  options: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  selectedToolType: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  draggableTools: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  onChangeToolsOrder: _propTypes["default"].func,
+  language: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(ToggleBar, "defaultProps", {});
+var styles = function styles(theme) {
+  return {
+    toolsContainer: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    },
+    button: {
+      marginRight: theme.spacing.unit / 2,
+      marginBottom: theme.spacing.unit / 2,
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background()
+    },
+    under: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      zIndex: -1,
+      pointerEvents: 'none'
+    },
+    wrapper: {
+      position: 'relative'
+    },
+    hidden: {
+      opacity: 0
+    }
+  };
+};
+var _default = exports["default"] = (0, _drag.withDragContext)((0, _styles.withStyles)(styles)(ToggleBar));
+var DRAG_TYPE = 'tool';
+var Item = exports.Item = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(Item, _React$Component2);
+  var _super2 = _createSuper(Item);
+  function Item() {
+    (0, _classCallCheck2["default"])(this, Item);
+    return _super2.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Item, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+        classes = _this$props3.classes,
+        children = _this$props3.children,
+        connectDragSource = _this$props3.connectDragSource,
+        connectDropTarget = _this$props3.connectDropTarget,
+        connectDragPreview = _this$props3.connectDragPreview,
+        isDragging = _this$props3.isDragging,
+        toolRef = _this$props3.toolRef;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.wrapper,
+        ref: toolRef
+      }, connectDragSource(connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", {
+        className: isDragging && classes.hidden
+      }, children))), connectDragPreview( /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.under
+      }, children)));
+    }
+  }]);
+  return Item;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Item, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
+  connectDragSource: _propTypes["default"].func.isRequired,
+  connectDragPreview: _propTypes["default"].func.isRequired,
+  connectDropTarget: _propTypes["default"].func.isRequired,
+  isDragging: _propTypes["default"].bool,
+  toolRef: _propTypes["default"].any
+});
+(0, _defineProperty2["default"])(Item, "defaultProps", {});
+var itemSource = {
+  canDrag: function canDrag(props) {
+    return props.draggable;
+  },
+  beginDrag: function beginDrag(props) {
+    return {
+      index: props.index
+    };
+  }
+};
+var itemTarget = {
+  hover: function hover(props, monitor) {
+    var _toolRef$current;
+    var dragIndex = monitor.getItem().index;
+    var toolRef = props.toolRef,
+      hoverIndex = props.index;
+    if (dragIndex === hoverIndex || !toolRef.current) {
+      return;
+    }
+    var hoverBoundingRect = (_toolRef$current = toolRef.current) === null || _toolRef$current === void 0 ? void 0 : _toolRef$current.getBoundingClientRect();
+    var hoverMiddleX = (hoverBoundingRect.right - hoverBoundingRect.left) / 2;
+    var clientOffset = monitor.getClientOffset();
+    var hoverClientX = clientOffset.x - hoverBoundingRect.left;
+    if (dragIndex < hoverIndex && hoverClientX < hoverMiddleX) {
+      return;
+    }
+    if (dragIndex > hoverIndex && hoverClientX > hoverMiddleX) {
+      return;
+    }
+    props.moveTool(dragIndex, hoverIndex);
+    monitor.getItem().index = hoverIndex;
+  }
+};
+var collectTarget = function collectTarget(connect) {
+  return {
+    connectDropTarget: connect.dropTarget()
+  };
+};
+var collectSource = function collectSource(connect, monitor) {
+  return {
+    connectDragSource: connect.dragSource(),
+    connectDragPreview: connect.dragPreview(),
+    isDragging: monitor.isDragging()
+  };
+};
+var DragTool = (0, _drag.DropTarget)(DRAG_TYPE, itemTarget, collectTarget)((0, _drag.DragSource)(DRAG_TYPE, itemSource, collectSource)(Item));
+//# sourceMappingURL=toggle-bar.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/graphing/toggle-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-bar.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_Button","_renderUi","_tools","_drag","_translator","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","translator","Translator","buttonStyles","root","color","text","selected","backgroundColor","background","border","concat","secondary","notSelected","primary","disabled","MiniButton","exports","withStyles","props","classes","className","value","onClick","language","translatorKey","toLowerCase","createElement","size","cn","key","variant","buttonValue","lng","propTypes","PropTypes","bool","object","string","disabledClassName","func","ToggleBar","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","args","Array","_key","_assertThisInitialized2","onChange","target","textContent","dragIndex","hoverIndex","_this$props","options","onChangeToolsOrder","dragged","splice","_createClass2","render","_this2","_this$props2","selectedToolType","draggableTools","toolsContainer","map","option","index","allTools","includes","isSelected","toolRef","React","createRef","DragTool","draggable","moveTool","button","disableRipple","select","Component","isRequired","arrayOf","styles","theme","display","flexWrap","marginRight","spacing","unit","marginBottom","under","position","top","left","zIndex","pointerEvents","wrapper","hidden","opacity","_default","withDragContext","DRAG_TYPE","Item","_React$Component2","_super2","_this$props3","children","connectDragSource","connectDropTarget","connectDragPreview","isDragging","ref","oneOfType","node","any","itemSource","canDrag","beginDrag","itemTarget","hover","monitor","_toolRef$current","getItem","current","hoverBoundingRect","getBoundingClientRect","hoverMiddleX","right","clientOffset","getClientOffset","hoverClientX","x","collectTarget","connect","dropTarget","collectSource","dragSource","dragPreview","DropTarget","DragSource"],"sources":["../../src/code/graphing/toggle-bar.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport cn from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { color } from '../render-ui';\nimport { allTools } from './tools';\nimport { withDragContext, DragSource, DropTarget } from '../drag';\nimport Translator from '../translator';\n\nconst { translator } = Translator;\n\nconst buttonStyles = () => ({\n  root: {\n    color: color.text(),\n  },\n  selected: {\n    backgroundColor: color.background(),\n    border: `1px solid ${color.secondary()}`,\n  },\n  notSelected: {\n    '& span': {\n      color: color.primary(),\n    },\n    backgroundColor: color.background(),\n  },\n  disabled: {\n    '& span': {\n      color: color.primary(),\n    },\n    backgroundColor: color.disabled(),\n  },\n});\n\nexport const MiniButton = withStyles(buttonStyles)((props) => {\n  const { disabled, classes, className, selected, value, onClick, language } = props;\n  const translatorKey = value.toLowerCase();\n\n  return (\n    <Button\n      size=\"small\"\n      disabled={disabled}\n      className={cn(classes.root, selected && classes.selected, className)}\n      classes={{ disabled: cn(disabled && classes.disabled) }}\n      value={value}\n      key={value}\n      variant=\"outlined\"\n      onClick={(e) => onClick({ ...e, buttonValue: value })}\n    >\n      {translator.t(`graphing.${translatorKey}`, { lng: language })}\n    </Button>\n  );\n});\n\nMiniButton.propTypes = {\n  disabled: PropTypes.bool,\n  classes: PropTypes.object,\n  className: PropTypes.string,\n  disabledClassName: PropTypes.string,\n  selected: PropTypes.bool,\n  value: PropTypes.string,\n  onClick: PropTypes.func,\n};\n\nexport class ToggleBar extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    options: PropTypes.arrayOf(PropTypes.string),\n    selectedToolType: PropTypes.string,\n    disabled: PropTypes.bool,\n    draggableTools: PropTypes.bool,\n    onChange: PropTypes.func,\n    onChangeToolsOrder: PropTypes.func,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {};\n\n  select = (e) => this.props.onChange(e.buttonValue || e.target.textContent);\n\n  moveTool = (dragIndex, hoverIndex) => {\n    const { options, onChangeToolsOrder } = this.props;\n    const dragged = options[dragIndex];\n\n    options.splice(dragIndex, 1);\n    options.splice(hoverIndex, 0, dragged);\n\n    onChangeToolsOrder(options);\n  };\n\n  render() {\n    const { classes, className, disabled, options, selectedToolType, draggableTools, language } = this.props;\n\n    return (\n      <div className={cn(className, classes.toolsContainer)}>\n        {(options || []).map((option, index) => {\n          if ((allTools || []).includes(option)) {\n            const isSelected = option === selectedToolType;\n            const toolRef = React.createRef();\n\n            return (\n              <DragTool\n                key={option}\n                index={index}\n                draggable={draggableTools}\n                moveTool={this.moveTool}\n                classes={classes}\n                toolRef={toolRef}\n              >\n                <MiniButton\n                  className={cn(classes.button, isSelected && classes.selected)}\n                  disabled={disabled}\n                  disableRipple={true}\n                  onClick={this.select}\n                  value={option}\n                  selected={isSelected}\n                  language={language}\n                />\n              </DragTool>\n            );\n          }\n        })}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  toolsContainer: {\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  button: {\n    marginRight: theme.spacing.unit / 2,\n    marginBottom: theme.spacing.unit / 2,\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  under: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    zIndex: -1,\n    pointerEvents: 'none',\n  },\n  wrapper: {\n    position: 'relative',\n  },\n  hidden: {\n    opacity: 0,\n  },\n});\n\nexport default withDragContext(withStyles(styles)(ToggleBar));\n\nconst DRAG_TYPE = 'tool';\n\nexport class Item extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n    connectDragSource: PropTypes.func.isRequired,\n    connectDragPreview: PropTypes.func.isRequired,\n    connectDropTarget: PropTypes.func.isRequired,\n    isDragging: PropTypes.bool,\n    toolRef: PropTypes.any,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const {\n      classes,\n      children,\n      connectDragSource,\n      connectDropTarget,\n      connectDragPreview,\n      isDragging,\n      toolRef,\n    } = this.props;\n\n    return (\n      <div className={classes.wrapper} ref={toolRef}>\n        {connectDragSource(connectDropTarget(<div className={isDragging && classes.hidden}>{children}</div>))}\n        {connectDragPreview(<div className={classes.under}>{children}</div>)}\n      </div>\n    );\n  }\n}\n\nconst itemSource = {\n  canDrag(props) {\n    return props.draggable;\n  },\n  beginDrag(props) {\n    return {\n      index: props.index,\n    };\n  },\n};\n\nconst itemTarget = {\n  hover(props, monitor) {\n    const dragIndex = monitor.getItem().index;\n    const { toolRef, index: hoverIndex } = props;\n\n    if (dragIndex === hoverIndex || !toolRef.current) {\n      return;\n    }\n\n    const hoverBoundingRect = toolRef.current?.getBoundingClientRect();\n    const hoverMiddleX = (hoverBoundingRect.right - hoverBoundingRect.left) / 2;\n    const clientOffset = monitor.getClientOffset();\n    const hoverClientX = clientOffset.x - hoverBoundingRect.left;\n\n    if (dragIndex < hoverIndex && hoverClientX < hoverMiddleX) {\n      return;\n    }\n\n    if (dragIndex > hoverIndex && hoverClientX > hoverMiddleX) {\n      return;\n    }\n\n    props.moveTool(dragIndex, hoverIndex);\n    monitor.getItem().index = hoverIndex;\n  },\n};\n\nconst collectTarget = (connect) => ({ connectDropTarget: connect.dropTarget() });\n\nconst collectSource = (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  connectDragPreview: connect.dragPreview(),\n  isDragging: monitor.isDragging(),\n});\n\nconst DragTool = DropTarget(\n  DRAG_TYPE,\n  itemTarget,\n  collectTarget,\n)(DragSource(DRAG_TYPE, itemSource, collectSource)(Item));\n"],"mappings":"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"}

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/graphing/tool-menu.js

@@ -0,0 +1,102 @@
+"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.ToolMenu = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _toggleBar = _interopRequireWildcard(require("./toggle-bar"));
+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 _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 ToolMenu = exports.ToolMenu = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ToolMenu, _React$Component);
+  var _super = _createSuper(ToolMenu);
+  function ToolMenu() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ToolMenu);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateToolsOrder", function (tools, showLabel) {
+      var onChangeTools = _this.props.onChangeTools;
+      if (showLabel) {
+        tools.push('label');
+      }
+      onChangeTools(tools);
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(ToolMenu, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        className = _this$props.className,
+        currentToolType = _this$props.currentToolType,
+        disabled = _this$props.disabled,
+        draggableTools = _this$props.draggableTools,
+        labelModeEnabled = _this$props.labelModeEnabled,
+        onToggleLabelMode = _this$props.onToggleLabelMode,
+        onChange = _this$props.onChange,
+        language = _this$props.language;
+      var toolbarTools = this.props.toolbarTools;
+      var showLabel = toolbarTools && toolbarTools.some(function (t) {
+        return t === 'label';
+      });
+      toolbarTools = (toolbarTools || []).filter(function (tT) {
+        return tT !== 'label';
+      });
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(className)
+      }, /*#__PURE__*/_react["default"].createElement(_toggleBar["default"], {
+        disabled: disabled,
+        draggableTools: draggableTools,
+        options: toolbarTools,
+        selectedToolType: currentToolType,
+        onChange: onChange,
+        onChangeToolsOrder: function onChangeToolsOrder(tools) {
+          return _this2.updateToolsOrder(tools, showLabel);
+        },
+        language: language
+      }), showLabel && /*#__PURE__*/_react["default"].createElement(_toggleBar.MiniButton, {
+        disabled: disabled,
+        value: 'Label',
+        onClick: onToggleLabelMode,
+        selected: labelModeEnabled,
+        language: language
+      }));
+    }
+  }]);
+  return ToolMenu;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(ToolMenu, "propTypes", {
+  className: _propTypes["default"].string,
+  currentToolType: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  draggableTools: _propTypes["default"].bool,
+  labelModeEnabled: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  onToggleLabelMode: _propTypes["default"].func,
+  onChangeTools: _propTypes["default"].func,
+  toolbarTools: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  language: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(ToolMenu, "defaultProps", {
+  toolbarTools: []
+});
+var _default = exports["default"] = ToolMenu;
+//# sourceMappingURL=tool-menu.js.map