@pie-element/ebsr 9.12.1-next.9 → 9.12.2-next.18

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

@@ -0,0 +1,372 @@
+"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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var setToolbarAvailability = function setToolbarAvailability(toolbarTools) {
+  return _tools.toolsArr.map(function (tA) {
+    return _objectSpread(_objectSpread({}, tA), {}, {
+      toolbar: !!toolbarTools.find(function (t) {
+        return t === tA.type;
+      })
+    });
+  }) || [];
+};
+
+exports.setToolbarAvailability = setToolbarAvailability;
+
+var toolIsAvailable = function toolIsAvailable(tools, currentTool) {
+  return currentTool && tools && (tools.find(function (tool) {
+    return tool.type === currentTool.type;
+  }) || {}).toolbar;
+};
+
+exports.toolIsAvailable = toolIsAvailable;
+
+var getAvailableTool = function getAvailableTool(tools) {
+  return tools.find(function (tool) {
+    return tool.toolbar;
+  });
+};
+
+exports.getAvailableTool = getAvailableTool;
+
+var filterByValidToolTypes = function filterByValidToolTypes(backgroundMarks) {
+  return backgroundMarks.filter(function (bM) {
+    return !!_tools.allTools.find(function (tool) {
+      return tool === bM.type;
+    });
+  });
+};
+
+exports.filterByValidToolTypes = filterByValidToolTypes;
+
+var filterByVisibleToolTypes = function filterByVisibleToolTypes(toolbarTools, marks) {
+  return marks.filter(function (bM) {
+    return !!toolbarTools.find(function (tool) {
+      return tool === bM.type;
+    });
+  });
+};
+
+exports.filterByVisibleToolTypes = filterByVisibleToolTypes;
+
+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 = /*#__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,
+          labels = _this$props.labels,
+          labelsPlaceholders = _this$props.labelsPlaceholders,
+          onChangeLabels = _this$props.onChangeLabels,
+          onChangeMarks = _this$props.onChangeMarks,
+          onChangeTitle = _this$props.onChangeTitle,
+          onUndo = _this$props.onUndo,
+          onRedo = _this$props.onRedo,
+          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,
+          _this$props$disableTo = _this$props.disableToolbar,
+          disableToolbar = _this$props$disableTo === void 0 ? false : _this$props$disableTo,
+          gssLineData = _this$props.gssLineData,
+          onChangeGssLineData = _this$props.onChangeGssLineData,
+          onSolutionSetSelected = _this$props.onSolutionSetSelected,
+          onCustomReset = _this$props.onCustomReset;
+      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 || []);
+      if (gssLineData && gssLineData.lineA && marks[0] && marks[0].type === 'line') marks[0].fill = gssLineData.lineA.lineType;
+      if (gssLineData && gssLineData.lineB && marks[1] && marks[1].type === 'line') marks[1].fill = gssLineData.lineB.lineType;
+      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 gssActions = gssLineData && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_toolMenu["default"], {
+        numberOfLines: gssLineData.numberOfLines,
+        gssLineData: gssLineData,
+        onChange: onChangeGssLineData,
+        disabled: !!disabled,
+        language: language
+      }), !disabled && /*#__PURE__*/_react["default"].createElement(_undoRedo["default"], {
+        className: classes.undoRedoOuterDiv,
+        onUndo: onUndo,
+        onRedo: onRedo,
+        onReset: onCustomReset,
+        language: language
+      }));
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.graphWithControls, className)
+      }, !disableToolbar && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.controls
+      }, collapsibleToolbar ? /*#__PURE__*/_react["default"].createElement(Collapsible, {
+        classes: classes,
+        title: collapsibleToolbarTitle
+      }, gssActions) : gssActions), /*#__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,
+        gssLineData: gssLineData,
+        onSolutionSetSelected: onSolutionSetSelected,
+        disabled: !!disabled
+      }));
+    }
+  }]);
+  return GraphWithControls;
+}(_react["default"].Component);
+
+exports.GraphWithControls = GraphWithControls;
+(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: 'calc(1.25rem - 12px) calc(1.25rem - 12px) 1.25rem',
+      color: _renderUi.color.text(),
+      backgroundColor: '#9FA8DA',
+      '& button': {
+        fontSize: '0.875rem',
+        padding: '0.25rem .3rem',
+        width: '5rem'
+      }
+    },
+    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'
+    },
+    undoRedoOuterDiv: {
+      display: 'flex',
+      flexDirection: 'column',
+      marginTop: '.5rem'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(GraphWithControls);
+
+exports["default"] = _default;
+//# sourceMappingURL=graph-with-controls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/code/graphing-solution-set/graph-with-controls.jsx"],"names":["setToolbarAvailability","toolbarTools","toolsArr","map","tA","toolbar","find","t","type","toolIsAvailable","tools","currentTool","tool","getAvailableTool","filterByValidToolTypes","backgroundMarks","filter","bM","allTools","filterByVisibleToolTypes","marks","getDefaultCurrentTool","toolType","Collapsible","classes","children","title","expansionPanel","root","summaryRoot","content","summaryContent","details","propTypes","PropTypes","object","array","string","GraphWithControls","props","setState","state","labelModeEnabled","defaultTool","prevProps","axesSettings","className","coordinatesOnHover","collapsibleToolbar","collapsibleToolbarTitle","disabled","disabledLabels","disabledTitle","domain","labels","labelsPlaceholders","onChangeLabels","onChangeMarks","onChangeTitle","onUndo","onRedo","range","size","showLabels","showPixelGuides","showTitle","titlePlaceholder","language","disableToolbar","gssLineData","onChangeGssLineData","onSolutionSetSelected","onCustomReset","tT","lineA","fill","lineType","lineB","gssActions","numberOfLines","undoRedoOuterDiv","graphWithControls","controls","r","labelNode","undefined","React","Component","graphPropTypes","func","onReset","arrayOf","styles","theme","display","flexDirection","width","justifyContent","padding","color","text","backgroundColor","fontSize","primaryLight","spacing","unit","minHeight","margin","marginTop"],"mappings":"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","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';\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      labels,\n      labelsPlaceholders,\n      onChangeLabels,\n      onChangeMarks,\n      onChangeTitle,\n      onUndo,\n      onRedo,\n      range,\n      size,\n      showLabels,\n      showPixelGuides,\n      showTitle,\n      title,\n      titlePlaceholder,\n      language,\n      disableToolbar = false,\n      gssLineData,\n      onChangeGssLineData,\n      onSolutionSetSelected,\n      onCustomReset,\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    if (gssLineData && gssLineData.lineA && marks[0] && marks[0].type === 'line')\n      marks[0].fill = gssLineData.lineA.lineType;\n    if (gssLineData && gssLineData.lineB && marks[1] && marks[1].type === 'line')\n      marks[1].fill = gssLineData.lineB.lineType;\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 gssActions = gssLineData && (\n      <React.Fragment>\n        <ToolMenu\n          numberOfLines={gssLineData.numberOfLines}\n          gssLineData={gssLineData}\n          onChange={onChangeGssLineData}\n          disabled={!!disabled}\n          language={language}\n        />\n        {!disabled && (\n          <UndoRedo\n            className={classes.undoRedoOuterDiv}\n            onUndo={onUndo}\n            onRedo={onRedo}\n            onReset={onCustomReset}\n            language={language}\n          />\n        )}\n      </React.Fragment>\n    );\n\n    return (\n      <div className={classNames(classes.graphWithControls, className)}>\n        {!disableToolbar && (\n          <div className={classes.controls}>\n            {collapsibleToolbar ? (\n              <Collapsible classes={classes} title={collapsibleToolbarTitle}>\n                {gssActions}\n              </Collapsible>\n            ) : (\n              gssActions\n            )}\n          </div>\n        )}\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          gssLineData={gssLineData}\n          onSolutionSetSelected={onSolutionSetSelected}\n          disabled={!!disabled}\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: 'calc(1.25rem - 12px) calc(1.25rem - 12px) 1.25rem',\n    color: color.text(),\n    backgroundColor: '#9FA8DA',\n    '& button': {\n      fontSize: '0.875rem',\n      padding: '0.25rem .3rem',\n      width: '5rem',\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  undoRedoOuterDiv: {\n    display: 'flex',\n    flexDirection: 'column',\n    marginTop: '.5rem',\n  },\n});\n\nexport default withStyles(styles)(GraphWithControls);\n"],"file":"graph-with-controls.js"}