@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/graph-with-controls.js

@@ -0,0 +1,309 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toolIsAvailable = exports.setToolbarAvailability = exports.getAvailableTool = exports.filterByVisibleToolTypes = exports.filterByValidToolTypes = exports["default"] = exports.GraphWithControls = 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 _uniq = _interopRequireDefault(require("lodash/uniq"));
+var _isString = _interopRequireDefault(require("lodash/isString"));
+var _renderUi = require("../render-ui");
+var _toolMenu = _interopRequireDefault(require("./tool-menu"));
+var _graph = _interopRequireWildcard(require("./graph"));
+var _undoRedo = _interopRequireDefault(require("./undo-redo"));
+var _tools = require("./tools");
+var _core = require("@material-ui/core");
+var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+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; } }
+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 setToolbarAvailability = exports.setToolbarAvailability = function setToolbarAvailability(toolbarTools) {
+  return _tools.toolsArr.map(function (tA) {
+    return _objectSpread(_objectSpread({}, tA), {}, {
+      toolbar: !!toolbarTools.find(function (t) {
+        return t === tA.type;
+      })
+    });
+  }) || [];
+};
+var toolIsAvailable = exports.toolIsAvailable = function toolIsAvailable(tools, currentTool) {
+  return currentTool && tools && (tools.find(function (tool) {
+    return tool.type === currentTool.type;
+  }) || {}).toolbar;
+};
+var getAvailableTool = exports.getAvailableTool = function getAvailableTool(tools) {
+  return tools.find(function (tool) {
+    return tool.toolbar;
+  });
+};
+var filterByValidToolTypes = exports.filterByValidToolTypes = function filterByValidToolTypes(backgroundMarks) {
+  return backgroundMarks.filter(function (bM) {
+    return !!_tools.allTools.find(function (tool) {
+      return tool === bM.type;
+    });
+  });
+};
+var filterByVisibleToolTypes = exports.filterByVisibleToolTypes = function filterByVisibleToolTypes(toolbarTools, marks) {
+  return marks.filter(function (bM) {
+    return !!toolbarTools.find(function (tool) {
+      return tool === bM.type;
+    });
+  });
+};
+var getDefaultCurrentTool = function getDefaultCurrentTool(toolType) {
+  return _tools.toolsArr.find(function (tool) {
+    return tool.type === toolType;
+  }) || null;
+};
+var Collapsible = function Collapsible(_ref) {
+  var classes = _ref.classes,
+    children = _ref.children,
+    title = _ref.title;
+  return /*#__PURE__*/_react["default"].createElement(_core.ExpansionPanel, {
+    elevation: 0,
+    className: classes.expansionPanel,
+    disabledGutters: true,
+    square: true
+  }, /*#__PURE__*/_react["default"].createElement(_core.ExpansionPanelSummary, {
+    classes: {
+      root: classes.summaryRoot,
+      content: classes.summaryContent
+    },
+    expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
+  }, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+    variant: "subheading"
+  }, title)), /*#__PURE__*/_react["default"].createElement(_core.ExpansionPanelDetails, {
+    className: classes.details
+  }, children));
+};
+Collapsible.propTypes = {
+  classes: _propTypes["default"].object,
+  children: _propTypes["default"].array,
+  title: _propTypes["default"].string
+};
+var GraphWithControls = exports.GraphWithControls = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(GraphWithControls, _React$Component);
+  var _super = _createSuper(GraphWithControls);
+  function GraphWithControls(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, GraphWithControls);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeCurrentTool", function (tool, tools) {
+      return _this.setState({
+        currentTool: tools.find(function (t) {
+          return t.type === tool;
+        })
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleLabelMode", function () {
+      return _this.setState(function (state) {
+        return {
+          labelModeEnabled: !state.labelModeEnabled
+        };
+      });
+    });
+    _this.state = {
+      currentTool: getDefaultCurrentTool(props.defaultTool),
+      labelModeEnabled: false
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(GraphWithControls, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var defaultTool = this.props.defaultTool;
+      if (prevProps.defaultTool !== defaultTool) {
+        var currentTool = getDefaultCurrentTool(defaultTool);
+        this.setState({
+          currentTool: currentTool
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$state = this.state,
+        currentTool = _this$state.currentTool,
+        labelModeEnabled = _this$state.labelModeEnabled;
+      var _this$props = this.props,
+        axesSettings = _this$props.axesSettings,
+        classes = _this$props.classes,
+        className = _this$props.className,
+        coordinatesOnHover = _this$props.coordinatesOnHover,
+        collapsibleToolbar = _this$props.collapsibleToolbar,
+        collapsibleToolbarTitle = _this$props.collapsibleToolbarTitle,
+        disabled = _this$props.disabled,
+        disabledLabels = _this$props.disabledLabels,
+        disabledTitle = _this$props.disabledTitle,
+        domain = _this$props.domain,
+        draggableTools = _this$props.draggableTools,
+        labels = _this$props.labels,
+        labelsPlaceholders = _this$props.labelsPlaceholders,
+        onChangeLabels = _this$props.onChangeLabels,
+        onChangeMarks = _this$props.onChangeMarks,
+        onChangeTitle = _this$props.onChangeTitle,
+        onChangeTools = _this$props.onChangeTools,
+        onUndo = _this$props.onUndo,
+        onRedo = _this$props.onRedo,
+        onReset = _this$props.onReset,
+        range = _this$props.range,
+        size = _this$props.size,
+        showLabels = _this$props.showLabels,
+        showPixelGuides = _this$props.showPixelGuides,
+        showTitle = _this$props.showTitle,
+        title = _this$props.title,
+        titlePlaceholder = _this$props.titlePlaceholder,
+        language = _this$props.language;
+      var _this$props2 = this.props,
+        backgroundMarks = _this$props2.backgroundMarks,
+        marks = _this$props2.marks,
+        toolbarTools = _this$props2.toolbarTools;
+
+      // make sure only valid tool types are kept (string) and without duplicates
+      toolbarTools = (0, _uniq["default"])(toolbarTools || []).filter(function (tT) {
+        return !!(0, _isString["default"])(tT);
+      }) || [];
+
+      // keep only the backgroundMarks that have valid types
+      backgroundMarks = filterByValidToolTypes(backgroundMarks || []);
+
+      // keep only the marks that have types which appear in toolbar
+      marks = filterByVisibleToolTypes(toolbarTools, marks || []);
+      var tools = setToolbarAvailability(toolbarTools);
+
+      // set current tool if there's no current tool or if the existing one is no longer available
+      if (!currentTool || !toolIsAvailable(tools, currentTool)) {
+        currentTool = getAvailableTool(tools);
+      }
+      var graphActions = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_toolMenu["default"], {
+        currentToolType: currentTool && currentTool.type,
+        disabled: !!disabled,
+        draggableTools: draggableTools,
+        labelModeEnabled: labelModeEnabled,
+        onChange: function onChange(tool) {
+          return _this2.changeCurrentTool(tool, tools);
+        },
+        onToggleLabelMode: this.toggleLabelMode,
+        toolbarTools: toolbarTools,
+        onChangeTools: onChangeTools,
+        language: language
+      }), !disabled && /*#__PURE__*/_react["default"].createElement(_undoRedo["default"], {
+        onUndo: onUndo,
+        onRedo: onRedo,
+        onReset: onReset,
+        language: language
+      }));
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.graphWithControls, className)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.controls
+      }, collapsibleToolbar ? /*#__PURE__*/_react["default"].createElement(Collapsible, {
+        classes: classes,
+        title: collapsibleToolbarTitle
+      }, graphActions) : graphActions), /*#__PURE__*/_react["default"].createElement("div", {
+        ref: function ref(r) {
+          return _this2.labelNode = r;
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_graph["default"], {
+        axesSettings: axesSettings,
+        backgroundMarks: backgroundMarks,
+        coordinatesOnHover: coordinatesOnHover,
+        currentTool: currentTool,
+        disabledLabels: disabledLabels,
+        disabledTitle: disabledTitle,
+        domain: domain,
+        labels: labels,
+        labelModeEnabled: labelModeEnabled,
+        labelsPlaceholders: labelsPlaceholders,
+        marks: marks,
+        onChangeMarks: !disabled ? onChangeMarks : undefined,
+        onChangeLabels: onChangeLabels,
+        onChangeTitle: onChangeTitle,
+        range: range,
+        size: size,
+        showLabels: showLabels,
+        showPixelGuides: showPixelGuides,
+        showTitle: showTitle,
+        title: title,
+        titlePlaceholder: titlePlaceholder,
+        tools: tools
+      }));
+    }
+  }]);
+  return GraphWithControls;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(GraphWithControls, "propTypes", _objectSpread(_objectSpread({}, _graph.graphPropTypes), {}, {
+  onUndo: _propTypes["default"].func,
+  onRedo: _propTypes["default"].func,
+  onReset: _propTypes["default"].func,
+  toolbarTools: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  // array of tool types that have to be displayed in the toolbar, same shape as 'allTools'
+  language: _propTypes["default"].string
+}));
+(0, _defineProperty2["default"])(GraphWithControls, "defaultProps", {
+  collapsibleToolbar: false,
+  collapsibleToolbarTitle: '',
+  disabledLabels: false,
+  disabledTitle: false,
+  showLabels: true,
+  showTitle: true,
+  toolbarTools: []
+});
+var styles = function styles(theme) {
+  return {
+    graphWithControls: {
+      display: 'flex',
+      flexDirection: 'column',
+      width: 'min-content'
+    },
+    controls: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      padding: theme.spacing.unit,
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.primaryLight(),
+      borderTop: "solid 1px ".concat(_renderUi.color.primaryDark()),
+      borderBottom: "solid 0px ".concat(_renderUi.color.primaryDark()),
+      borderLeft: "solid 1px ".concat(_renderUi.color.primaryDark()),
+      borderRight: "solid 1px ".concat(_renderUi.color.primaryDark()),
+      '& button': {
+        fontSize: theme.typography.fontSize
+      }
+    },
+    expansionPanel: {
+      backgroundColor: _renderUi.color.primaryLight(),
+      width: '100%'
+    },
+    summaryRoot: {
+      padding: "0 ".concat(theme.spacing.unit, "px"),
+      minHeight: '32px !important'
+    },
+    summaryContent: {
+      margin: '4px 0 !important'
+    },
+    details: {
+      padding: 0,
+      marginTop: theme.spacing.unit,
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  };
+};
+var _default = exports["default"] = (0, _styles.withStyles)(styles)(GraphWithControls);
+//# sourceMappingURL=graph-with-controls.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/graphing/graph-with-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-with-controls.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_uniq","_isString","_renderUi","_toolMenu","_graph","_interopRequireWildcard","_undoRedo","_tools","_core","_ExpandMore","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","setToolbarAvailability","exports","toolbarTools","toolsArr","map","tA","toolbar","find","type","toolIsAvailable","tools","currentTool","tool","getAvailableTool","filterByValidToolTypes","backgroundMarks","bM","allTools","filterByVisibleToolTypes","marks","getDefaultCurrentTool","toolType","Collapsible","_ref","classes","children","title","createElement","ExpansionPanel","elevation","className","expansionPanel","disabledGutters","square","ExpansionPanelSummary","root","summaryRoot","content","summaryContent","expandIcon","Typography","variant","ExpansionPanelDetails","details","propTypes","PropTypes","object","array","string","GraphWithControls","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_assertThisInitialized2","setState","state","labelModeEnabled","defaultTool","_createClass2","key","value","componentDidUpdate","prevProps","render","_this2","_this$state","_this$props","axesSettings","coordinatesOnHover","collapsibleToolbar","collapsibleToolbarTitle","disabled","disabledLabels","disabledTitle","domain","draggableTools","labels","labelsPlaceholders","onChangeLabels","onChangeMarks","onChangeTitle","onChangeTools","onUndo","onRedo","onReset","range","size","showLabels","showPixelGuides","showTitle","titlePlaceholder","language","_this$props2","uniq","tT","isString","graphActions","Fragment","currentToolType","onChange","changeCurrentTool","onToggleLabelMode","toggleLabelMode","classNames","graphWithControls","controls","ref","labelNode","undefined","React","Component","graphPropTypes","func","arrayOf","styles","theme","display","flexDirection","width","justifyContent","padding","spacing","unit","color","text","backgroundColor","primaryLight","borderTop","concat","primaryDark","borderBottom","borderLeft","borderRight","fontSize","typography","minHeight","margin","marginTop","_default","withStyles"],"sources":["../../src/code/graphing/graph-with-controls.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport uniq from 'lodash/uniq';\nimport isString from 'lodash/isString';\nimport { color } from '../render-ui';\n\nimport ToolMenu from './tool-menu';\nimport Graph, { graphPropTypes } from './graph';\nimport UndoRedo from './undo-redo';\nimport { allTools, toolsArr } from './tools';\nimport { ExpansionPanel, ExpansionPanelDetails, ExpansionPanelSummary, Typography } from '@material-ui/core';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\n\nexport const setToolbarAvailability = (toolbarTools) =>\n  toolsArr.map((tA) => ({ ...tA, toolbar: !!toolbarTools.find((t) => t === tA.type) })) || [];\n\nexport const toolIsAvailable = (tools, currentTool) =>\n  currentTool && tools && (tools.find((tool) => tool.type === currentTool.type) || {}).toolbar;\n\nexport const getAvailableTool = (tools) => tools.find((tool) => tool.toolbar);\n\nexport const filterByValidToolTypes = (backgroundMarks) =>\n  backgroundMarks.filter((bM) => !!allTools.find((tool) => tool === bM.type));\n\nexport const filterByVisibleToolTypes = (toolbarTools, marks) =>\n  marks.filter((bM) => !!toolbarTools.find((tool) => tool === bM.type));\n\nconst getDefaultCurrentTool = (toolType) => toolsArr.find((tool) => tool.type === toolType) || null;\n\nconst Collapsible = ({ classes, children, title }) => (\n  <ExpansionPanel elevation={0} className={classes.expansionPanel} disabledGutters={true} square={true}>\n    <ExpansionPanelSummary\n      classes={{\n        root: classes.summaryRoot,\n        content: classes.summaryContent,\n      }}\n      expandIcon={<ExpandMoreIcon />}\n    >\n      <Typography variant=\"subheading\">{title}</Typography>\n    </ExpansionPanelSummary>\n    <ExpansionPanelDetails className={classes.details}>{children}</ExpansionPanelDetails>\n  </ExpansionPanel>\n);\n\nCollapsible.propTypes = {\n  classes: PropTypes.object,\n  children: PropTypes.array,\n  title: PropTypes.string,\n};\n\nexport class GraphWithControls extends React.Component {\n  static propTypes = {\n    ...graphPropTypes,\n    onUndo: PropTypes.func,\n    onRedo: PropTypes.func,\n    onReset: PropTypes.func,\n    toolbarTools: PropTypes.arrayOf(PropTypes.string), // array of tool types that have to be displayed in the toolbar, same shape as 'allTools'\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {\n    collapsibleToolbar: false,\n    collapsibleToolbarTitle: '',\n    disabledLabels: false,\n    disabledTitle: false,\n    showLabels: true,\n    showTitle: true,\n    toolbarTools: [],\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentTool: getDefaultCurrentTool(props.defaultTool),\n      labelModeEnabled: false,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { defaultTool } = this.props;\n\n    if (prevProps.defaultTool !== defaultTool) {\n      const currentTool = getDefaultCurrentTool(defaultTool);\n\n      this.setState({ currentTool });\n    }\n  }\n\n  changeCurrentTool = (tool, tools) => this.setState({ currentTool: tools.find((t) => t.type === tool) });\n\n  toggleLabelMode = () => this.setState((state) => ({ labelModeEnabled: !state.labelModeEnabled }));\n\n  render() {\n    let { currentTool, labelModeEnabled } = this.state;\n    const {\n      axesSettings,\n      classes,\n      className,\n      coordinatesOnHover,\n      collapsibleToolbar,\n      collapsibleToolbarTitle,\n      disabled,\n      disabledLabels,\n      disabledTitle,\n      domain,\n      draggableTools,\n      labels,\n      labelsPlaceholders,\n      onChangeLabels,\n      onChangeMarks,\n      onChangeTitle,\n      onChangeTools,\n      onUndo,\n      onRedo,\n      onReset,\n      range,\n      size,\n      showLabels,\n      showPixelGuides,\n      showTitle,\n      title,\n      titlePlaceholder,\n      language\n    } = this.props;\n    let { backgroundMarks, marks, toolbarTools } = this.props;\n\n    // make sure only valid tool types are kept (string) and without duplicates\n    toolbarTools = uniq(toolbarTools || []).filter((tT) => !!isString(tT)) || [];\n\n    // keep only the backgroundMarks that have valid types\n    backgroundMarks = filterByValidToolTypes(backgroundMarks || []);\n\n    // keep only the marks that have types which appear in toolbar\n    marks = filterByVisibleToolTypes(toolbarTools, marks || []);\n\n    const tools = setToolbarAvailability(toolbarTools);\n\n    // set current tool if there's no current tool or if the existing one is no longer available\n    if (!currentTool || !toolIsAvailable(tools, currentTool)) {\n      currentTool = getAvailableTool(tools);\n    }\n\n    const graphActions = (\n      <React.Fragment>\n        <ToolMenu\n          currentToolType={currentTool && currentTool.type}\n          disabled={!!disabled}\n          draggableTools={draggableTools}\n          labelModeEnabled={labelModeEnabled}\n          onChange={(tool) => this.changeCurrentTool(tool, tools)}\n          onToggleLabelMode={this.toggleLabelMode}\n          toolbarTools={toolbarTools}\n          onChangeTools={onChangeTools}\n          language={language}\n        />\n\n        {!disabled && <UndoRedo onUndo={onUndo} onRedo={onRedo} onReset={onReset} language={language}/>}\n      </React.Fragment>\n    );\n\n    return (\n      <div className={classNames(classes.graphWithControls, className)}>\n        <div className={classes.controls}>\n          {collapsibleToolbar ? (\n            <Collapsible classes={classes} title={collapsibleToolbarTitle}>\n              {graphActions}\n            </Collapsible>\n          ) : (\n            graphActions\n          )}\n        </div>\n\n        <div ref={(r) => (this.labelNode = r)} />\n\n        <Graph\n          axesSettings={axesSettings}\n          backgroundMarks={backgroundMarks}\n          coordinatesOnHover={coordinatesOnHover}\n          currentTool={currentTool}\n          disabledLabels={disabledLabels}\n          disabledTitle={disabledTitle}\n          domain={domain}\n          labels={labels}\n          labelModeEnabled={labelModeEnabled}\n          labelsPlaceholders={labelsPlaceholders}\n          marks={marks}\n          onChangeMarks={!disabled ? onChangeMarks : undefined}\n          onChangeLabels={onChangeLabels}\n          onChangeTitle={onChangeTitle}\n          range={range}\n          size={size}\n          showLabels={showLabels}\n          showPixelGuides={showPixelGuides}\n          showTitle={showTitle}\n          title={title}\n          titlePlaceholder={titlePlaceholder}\n          tools={tools}\n        />\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  graphWithControls: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: 'min-content',\n  },\n  controls: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.primaryLight(),\n    borderTop: `solid 1px ${color.primaryDark()}`,\n    borderBottom: `solid 0px ${color.primaryDark()}`,\n    borderLeft: `solid 1px ${color.primaryDark()}`,\n    borderRight: `solid 1px ${color.primaryDark()}`,\n    '& button': {\n      fontSize: theme.typography.fontSize,\n    },\n  },\n  expansionPanel: {\n    backgroundColor: color.primaryLight(),\n    width: '100%',\n  },\n  summaryRoot: {\n    padding: `0 ${theme.spacing.unit}px`,\n    minHeight: '32px !important',\n  },\n  summaryContent: {\n    margin: '4px 0 !important',\n  },\n  details: {\n    padding: 0,\n    marginTop: theme.spacing.unit,\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n});\n\nexport default withStyles(styles)(GraphWithControls);\n"],"mappings":"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"}

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

@@ -0,0 +1,302 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeBuildingToolIfCurrentToolDiffers = exports.graphPropTypes = exports["default"] = exports.Graph = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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 _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _plot = require("../plot");
+var _debug = _interopRequireDefault(require("debug"));
+var _axis = require("./axis");
+var _grid = _interopRequireDefault(require("./grid"));
+var _labels = require("./labels");
+var _bg = _interopRequireDefault(require("./bg"));
+var _utils = require("./utils");
+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; }
+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 log = (0, _debug["default"])('pie-lib:graphing:graph');
+var graphPropTypes = exports.graphPropTypes = {
+  axesSettings: _propTypes["default"].shape(_axis.AxisPropTypes),
+  backgroundMarks: _propTypes["default"].array,
+  className: _propTypes["default"].string,
+  collapsibleToolbar: _propTypes["default"].bool,
+  collapsibleToolbarTitle: _propTypes["default"].string,
+  disabledLabels: _propTypes["default"].bool,
+  disabledTitle: _propTypes["default"].bool,
+  domain: _plot.types.DomainType,
+  labels: _propTypes["default"].shape(_labels.LabelType),
+  labelModeEnabled: _propTypes["default"].bool,
+  coordinatesOnHover: _propTypes["default"].bool,
+  marks: _propTypes["default"].array,
+  onChangeLabels: _propTypes["default"].func,
+  onChangeMarks: _propTypes["default"].func,
+  onChangeTitle: _propTypes["default"].func,
+  range: _plot.types.DomainType,
+  size: _propTypes["default"].shape({
+    width: _propTypes["default"].number.isRequired,
+    height: _propTypes["default"].number.isRequired
+  }),
+  showLabels: _propTypes["default"].bool,
+  showPixelGuides: _propTypes["default"].bool,
+  showTitle: _propTypes["default"].bool,
+  title: _propTypes["default"].string,
+  tools: _propTypes["default"].array
+};
+var getMaskSize = function getMaskSize(size) {
+  return {
+    x: -23,
+    y: -23,
+    width: size.width + 46,
+    height: size.height + 46
+  };
+};
+var removeBuildingToolIfCurrentToolDiffers = exports.removeBuildingToolIfCurrentToolDiffers = function removeBuildingToolIfCurrentToolDiffers(_ref) {
+  var marks = _ref.marks,
+    currentTool = _ref.currentTool;
+  var buildingMark = marks.filter(function (m) {
+    return m.building;
+  })[0];
+  var newMarks = (0, _cloneDeep["default"])(marks);
+  if (buildingMark && currentTool && buildingMark.type !== currentTool.type) {
+    var index = newMarks.findIndex(function (m) {
+      return (0, _isEqual["default"])(m, buildingMark);
+    });
+    if (index >= 0) {
+      newMarks.splice(index, 1);
+    }
+  }
+  return newMarks;
+};
+var Graph = exports.Graph = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Graph, _React$Component);
+  var _super = _createSuper(Graph);
+  function Graph(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Graph);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "componentDidMount", function () {
+      return _this.setState({
+        labelNode: _this.labelNode
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeMark", function (oldMark, newMark) {
+      var _this$props = _this.props,
+        onChangeMarks = _this$props.onChangeMarks,
+        marks = _this$props.marks;
+      var newMarks = (0, _cloneDeep["default"])(marks);
+      var index = newMarks.findIndex(function (m) {
+        return (0, _isEqual["default"])(m, oldMark);
+      });
+      if (index >= 0 && !(0, _utils.isDuplicatedMark)(newMark, marks, oldMark)) {
+        newMarks.splice(index, 1, newMark);
+        onChangeMarks(newMarks);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "completeMark", function (markData) {
+      var _this$props2 = _this.props,
+        currentTool = _this$props2.currentTool,
+        marks = _this$props2.marks;
+      var buildingMark = marks.filter(function (m) {
+        return m.building;
+      })[0];
+      if (!buildingMark || !currentTool) return;
+      var updatedMark = currentTool.complete(buildingMark, markData);
+      _this.updateMarks(buildingMark, updatedMark);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateMarks", function (existing, update) {
+      var addIfMissing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var _this$props3 = _this.props,
+        onChangeMarks = _this$props3.onChangeMarks,
+        marks = _this$props3.marks;
+      var newMarks = (0, _cloneDeep["default"])(marks);
+      if (!update.building && (0, _utils.isDuplicatedMark)(update, marks)) {
+        return;
+      }
+      var index = newMarks.findIndex(function (m) {
+        return (0, _isEqual["default"])(m, existing);
+      });
+      if (index >= 0) {
+        newMarks.splice(index, 1, update);
+        onChangeMarks(newMarks);
+      } else if (addIfMissing) {
+        onChangeMarks([].concat((0, _toConsumableArray2["default"])(newMarks), [update]));
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getComponent", function (mark) {
+      if (!mark) return null;
+      var tool = (_this.props.tools || []).find(function (t) {
+        return t.type === mark.type;
+      });
+      return tool && tool.Component || null;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBgClick", function (point) {
+      var x = point.x,
+        y = point.y;
+      var _this$props4 = _this.props,
+        labelModeEnabled = _this$props4.labelModeEnabled,
+        currentTool = _this$props4.currentTool,
+        marks = _this$props4.marks;
+      log('[onBgClick] x,y: ', x, y);
+      if (labelModeEnabled || !currentTool) {
+        return;
+      }
+      var buildingMark = marks.filter(function (m) {
+        return m.building;
+      })[0];
+      var updatedMark;
+
+      // if the building mark has a different type, we just replace it
+      if (buildingMark && currentTool && buildingMark.type === currentTool.type) {
+        updatedMark = currentTool.addPoint({
+          x: x,
+          y: y
+        }, _objectSpread({}, buildingMark));
+      } else {
+        updatedMark = currentTool.addPoint({
+          x: x,
+          y: y
+        }, undefined);
+      }
+      _this.updateMarks(buildingMark, updatedMark, true);
+    });
+    _this.maskUid = _this.generateMaskId();
+    return _this;
+  }
+  (0, _createClass2["default"])(Graph, [{
+    key: "generateMaskId",
+    value: function generateMaskId() {
+      return 'graph-' + (Math.random() * 10000).toFixed();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props5 = this.props,
+        axesSettings = _this$props5.axesSettings,
+        currentTool = _this$props5.currentTool,
+        coordinatesOnHover = _this$props5.coordinatesOnHover,
+        size = _this$props5.size,
+        disabledLabels = _this$props5.disabledLabels,
+        disabledTitle = _this$props5.disabledTitle,
+        domain = _this$props5.domain,
+        backgroundMarks = _this$props5.backgroundMarks,
+        range = _this$props5.range,
+        title = _this$props5.title,
+        labels = _this$props5.labels,
+        labelModeEnabled = _this$props5.labelModeEnabled,
+        labelsPlaceholders = _this$props5.labelsPlaceholders,
+        showLabels = _this$props5.showLabels,
+        showPixelGuides = _this$props5.showPixelGuides,
+        showTitle = _this$props5.showTitle,
+        titlePlaceholder = _this$props5.titlePlaceholder,
+        onChangeLabels = _this$props5.onChangeLabels,
+        onChangeTitle = _this$props5.onChangeTitle,
+        _this$props5$mathMlOp = _this$props5.mathMlOptions,
+        mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp;
+      var marks = this.props.marks;
+      var graphProps = (0, _plot.createGraphProps)(domain, range, size, function () {
+        return _this2.rootNode;
+      });
+      var maskSize = getMaskSize(size);
+      var common = {
+        graphProps: graphProps,
+        labelModeEnabled: labelModeEnabled
+      };
+      marks = removeBuildingToolIfCurrentToolDiffers({
+        marks: marks || [],
+        currentTool: currentTool
+      });
+      return /*#__PURE__*/_react["default"].createElement(_plot.Root, (0, _extends2["default"])({
+        rootRef: function rootRef(r) {
+          return _this2.rootNode = r;
+        },
+        disabledTitle: disabledTitle,
+        disabledLabels: disabledLabels,
+        labels: labels,
+        labelsPlaceholders: labelsPlaceholders || {},
+        showPixelGuides: showPixelGuides,
+        showLabels: showLabels,
+        showTitle: showTitle,
+        title: title,
+        titlePlaceholder: titlePlaceholder,
+        onChangeTitle: onChangeTitle,
+        onChangeLabels: onChangeLabels,
+        mathMlOptions: mathMlOptions
+      }, common), /*#__PURE__*/_react["default"].createElement("g", {
+        transform: domain && domain.padding && domain.range ? "translate(".concat(domain.padding, ", ").concat(range.padding, ")") : undefined
+      }, /*#__PURE__*/_react["default"].createElement(_grid["default"], common), /*#__PURE__*/_react["default"].createElement(_axis.Axes, (0, _extends2["default"])({}, axesSettings, common)), /*#__PURE__*/_react["default"].createElement(_bg["default"], (0, _extends2["default"])({}, size, {
+        onClick: this.onBgClick
+      }, common)), /*#__PURE__*/_react["default"].createElement("mask", {
+        id: "".concat(this.maskUid)
+      }, /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({}, maskSize, {
+        fill: "white"
+      })), " "), /*#__PURE__*/_react["default"].createElement("g", {
+        id: "marks",
+        mask: "url('#".concat(this.maskUid, "')")
+      }, (backgroundMarks || []).map(function (m, index) {
+        var Component = _this2.getComponent(m);
+        var markType = m.type;
+        return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
+          key: "".concat(markType, "-").concat(index, "-bg"),
+          mark: _objectSpread(_objectSpread({}, m), {}, {
+            disabled: true,
+            isBackground: true
+          }),
+          labelNode: _this2.state.labelNode
+        }, common));
+      }), marks.map(function (m, index) {
+        var Component = _this2.getComponent(m);
+        var markType = m.type;
+        return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
+          key: "".concat(markType, "-").concat(index),
+          mark: m,
+          coordinatesOnHover: coordinatesOnHover,
+          onChange: _this2.changeMark,
+          onComplete: _this2.completeMark,
+          onClick: _this2.onBgClick,
+          onDragStart: _this2.startDrag,
+          onDragStop: _this2.stopDrag,
+          labelNode: _this2.state.labelNode,
+          isToolActive: currentTool && markType === currentTool.type
+        }, common));
+      }), /*#__PURE__*/_react["default"].createElement("foreignObject", (0, _extends2["default"])({
+        ref: function ref(labelNode) {
+          return _this2.labelNode = labelNode;
+        },
+        x: "0",
+        y: "0"
+      }, size, {
+        style: {
+          pointerEvents: 'none'
+        }
+      })))));
+    }
+  }]);
+  return Graph;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Graph, "propTypes", _objectSpread(_objectSpread({}, graphPropTypes), {}, {
+  currentTool: _propTypes["default"].object
+}));
+(0, _defineProperty2["default"])(Graph, "defaultProps", {
+  onChangeMarks: function onChangeMarks() {},
+  disabledLabels: false,
+  disabledTitle: false
+});
+var _default = exports["default"] = Graph;
+//# sourceMappingURL=graph.js.map