@pie-lib/graphing-solution-set 2.34.3-next.0 → 2.34.3-next.155

package/lib/coordinates-label.js

@@ -1,109 +1,77 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLabelPosition = exports["default"] = exports.CoordinatesLabel = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _plot = require("@pie-lib/plot");
-
 var _renderUi = require("@pie-lib/render-ui");
-
-var _styles = require("@material-ui/core/styles");
-
-var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
-
+var _styles = require("@mui/material/styles");
+var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
 var _utils = require("./utils");
-
-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 styles = function styles(theme) {
+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 StyledInputBase = (0, _styles.styled)(_InputBase["default"])(function (_ref) {
+  var theme = _ref.theme;
   return {
-    input: {
-      fontFamily: theme.typography.fontFamily,
-      fontSize: theme.typography.fontSize,
-      borderRadius: '8px',
-      background: theme.palette.common.white,
-      color: _renderUi.color.defaults.BLACK
-    },
-    inputLabel: {
+    fontFamily: theme.typography.fontFamily,
+    fontSize: theme.typography.fontSize,
+    borderRadius: '8px',
+    background: theme.palette.common.white,
+    color: _renderUi.color.defaults.BLACK,
+    '& .MuiInputBase-input': {
       padding: 0
     }
   };
-};
-
-var getLabelPosition = function getLabelPosition(graphProps, x, y, labelLength) {
+});
+var getLabelPosition = exports.getLabelPosition = function getLabelPosition(graphProps, x, y, labelLength) {
   var scale = graphProps.scale,
-      domain = graphProps.domain,
-      range = graphProps.range; // treat corner cases for maximum and minimum
-
+    domain = graphProps.domain,
+    range = graphProps.range;
+  // treat corner cases for maximum and minimum
   var topShift = y === range.min ? 16 : y === range.max ? 0 : 8;
   var leftShift = 10;
   var rightEdge = scale.x(x) + labelLength + leftShift;
-
   if (rightEdge >= scale.x(domain.max)) {
     return {
       left: scale.x(x) - leftShift - labelLength,
       top: scale.y(y) - topShift
     };
   }
-
   return {
     left: scale.x(x) + leftShift,
     top: scale.y(y) - topShift
   };
 };
-
-exports.getLabelPosition = getLabelPosition;
-
-var CoordinatesLabel = function CoordinatesLabel(_ref) {
-  var x = _ref.x,
-      y = _ref.y,
-      graphProps = _ref.graphProps,
-      classes = _ref.classes;
+var CoordinatesLabel = exports.CoordinatesLabel = function CoordinatesLabel(_ref2) {
+  var x = _ref2.x,
+    y = _ref2.y,
+    graphProps = _ref2.graphProps;
   var label = "(".concat((0, _utils.roundNumber)(x), ", ").concat((0, _utils.roundNumber)(y), ")");
   var labelLength = (label.length || 0) * 6;
   var labelPosition = getLabelPosition(graphProps, x, y, labelLength);
-
   var style = _objectSpread({
     position: 'absolute',
     pointerEvents: 'auto',
     width: labelLength,
     padding: 0
   }, labelPosition);
-
-  return /*#__PURE__*/_react["default"].createElement(_InputBase["default"], {
+  return /*#__PURE__*/_react["default"].createElement(StyledInputBase, {
     style: style,
-    classes: {
-      input: classes.inputLabel
-    },
-    className: classes.input,
     value: label,
     inputProps: {
       ariaLabel: 'naked'
     }
   });
 };
-
-exports.CoordinatesLabel = CoordinatesLabel;
 CoordinatesLabel.propTypes = {
   graphProps: _plot.types.GraphPropsType,
-  classes: _propTypes["default"].object,
   x: _propTypes["default"].number,
   y: _propTypes["default"].number
 };
-
-var _default = (0, _styles.withStyles)(styles)(CoordinatesLabel);
-
-exports["default"] = _default;
+var _default = exports["default"] = CoordinatesLabel;
 //# sourceMappingURL=coordinates-label.js.map

package/lib/coordinates-label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/coordinates-label.jsx"],"names":["styles","theme","input","fontFamily","typography","fontSize","borderRadius","background","palette","common","white","color","defaults","BLACK","inputLabel","padding","getLabelPosition","graphProps","x","y","labelLength","scale","domain","range","topShift","min","max","leftShift","rightEdge","left","top","CoordinatesLabel","classes","label","length","labelPosition","style","position","pointerEvents","width","ariaLabel","propTypes","types","GraphPropsType","PropTypes","object","number"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport InputBase from '@material-ui/core/InputBase';\nimport { roundNumber } from './utils';\n\nconst styles = (theme) => ({\n  input: {\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n    borderRadius: '8px',\n    background: theme.palette.common.white,\n    color: color.defaults.BLACK,\n  },\n  inputLabel: {\n    padding: 0,\n  },\n});\n\nexport const getLabelPosition = (graphProps, x, y, labelLength) => {\n  const { scale, domain, range } = graphProps;\n  // treat corner cases for maximum and minimum\n  const topShift = y === range.min ? 16 : y === range.max ? 0 : 8;\n  const leftShift = 10;\n  const rightEdge = scale.x(x) + labelLength + leftShift;\n\n  if (rightEdge >= scale.x(domain.max)) {\n    return {\n      left: scale.x(x) - leftShift - labelLength,\n      top: scale.y(y) - topShift,\n    };\n  }\n\n  return {\n    left: scale.x(x) + leftShift,\n    top: scale.y(y) - topShift,\n  };\n};\n\nexport const CoordinatesLabel = ({ x, y, graphProps, classes }) => {\n  const label = `(${roundNumber(x)}, ${roundNumber(y)})`;\n  const labelLength = (label.length || 0) * 6;\n  const labelPosition = getLabelPosition(graphProps, x, y, labelLength);\n\n  const style = {\n    position: 'absolute',\n    pointerEvents: 'auto',\n    width: labelLength,\n    padding: 0,\n    ...labelPosition,\n  };\n\n  return (\n    <InputBase\n      style={style}\n      classes={{ input: classes.inputLabel }}\n      className={classes.input}\n      value={label}\n      inputProps={{ ariaLabel: 'naked' }}\n    />\n  );\n};\n\nCoordinatesLabel.propTypes = {\n  graphProps: types.GraphPropsType,\n  classes: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n};\n\nexport default withStyles(styles)(CoordinatesLabel);\n"],"file":"coordinates-label.js"}
+{"version":3,"file":"coordinates-label.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_renderUi","_styles","_InputBase","_utils","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledInputBase","styled","InputBase","_ref","theme","fontFamily","typography","fontSize","borderRadius","background","palette","common","white","color","defaults","BLACK","padding","getLabelPosition","exports","graphProps","x","y","labelLength","scale","domain","range","topShift","min","max","leftShift","rightEdge","left","top","CoordinatesLabel","_ref2","label","concat","roundNumber","labelPosition","style","position","pointerEvents","width","createElement","value","inputProps","ariaLabel","propTypes","types","GraphPropsType","PropTypes","number","_default"],"sources":["../src/coordinates-label.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { styled } from '@mui/material/styles';\nimport InputBase from '@mui/material/InputBase';\nimport { roundNumber } from './utils';\n\nconst StyledInputBase = styled(InputBase)(({ theme }) => ({\n  fontFamily: theme.typography.fontFamily,\n  fontSize: theme.typography.fontSize,\n  borderRadius: '8px',\n  background: theme.palette.common.white,\n  color: color.defaults.BLACK,\n  '& .MuiInputBase-input': {\n    padding: 0,\n  },\n}));\n\nexport const getLabelPosition = (graphProps, x, y, labelLength) => {\n  const { scale, domain, range } = graphProps;\n  // treat corner cases for maximum and minimum\n  const topShift = y === range.min ? 16 : y === range.max ? 0 : 8;\n  const leftShift = 10;\n  const rightEdge = scale.x(x) + labelLength + leftShift;\n\n  if (rightEdge >= scale.x(domain.max)) {\n    return {\n      left: scale.x(x) - leftShift - labelLength,\n      top: scale.y(y) - topShift,\n    };\n  }\n\n  return {\n    left: scale.x(x) + leftShift,\n    top: scale.y(y) - topShift,\n  };\n};\n\nexport const CoordinatesLabel = ({ x, y, graphProps }) => {\n  const label = `(${roundNumber(x)}, ${roundNumber(y)})`;\n  const labelLength = (label.length || 0) * 6;\n  const labelPosition = getLabelPosition(graphProps, x, y, labelLength);\n\n  const style = {\n    position: 'absolute',\n    pointerEvents: 'auto',\n    width: labelLength,\n    padding: 0,\n    ...labelPosition,\n  };\n\n  return (\n    <StyledInputBase\n      style={style}\n      value={label}\n      inputProps={{ ariaLabel: 'naked' }}\n    />\n  );\n};\n\nCoordinatesLabel.propTypes = {\n  graphProps: types.GraphPropsType,\n  x: PropTypes.number,\n  y: PropTypes.number,\n};\n\nexport default CoordinatesLabel;\n"],"mappings":"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","ignoreList":[]}

package/lib/graph-with-controls.js

@@ -1,67 +1,36 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 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 _styles = require("@mui/material/styles");
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _uniq = _interopRequireDefault(require("lodash/uniq"));
-
 var _isString = _interopRequireDefault(require("lodash/isString"));
-
 var _renderUi = require("@pie-lib/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) {
+var _material = require("@mui/material");
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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) {
@@ -70,97 +39,118 @@ var setToolbarAvailability = function setToolbarAvailability(toolbarTools) {
     });
   }) || [];
 };
-
-exports.setToolbarAvailability = setToolbarAvailability;
-
-var toolIsAvailable = function toolIsAvailable(tools, currentTool) {
+var toolIsAvailable = exports.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) {
+var getAvailableTool = exports.getAvailableTool = function getAvailableTool(tools) {
   return tools.find(function (tool) {
     return tool.toolbar;
   });
 };
-
-exports.getAvailableTool = getAvailableTool;
-
-var filterByValidToolTypes = function filterByValidToolTypes(backgroundMarks) {
+var filterByValidToolTypes = exports.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) {
+var filterByVisibleToolTypes = exports.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
-    },
+var GraphWithControlsRoot = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    width: 'min-content'
+  };
+});
+var Controls = (0, _styles.styled)('div')(function () {
+  return {
+    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'
+    }
+  };
+});
+var StyledAccordion = (0, _styles.styled)(_material.Accordion)(function () {
+  return {
+    backgroundColor: _renderUi.color.primaryLight(),
+    width: '100%',
+    boxShadow: 'none'
+  };
+});
+var StyledAccordionSummary = (0, _styles.styled)(_material.AccordionSummary)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    padding: "0 ".concat(theme.spacing(1)),
+    minHeight: '32px !important',
+    '& .MuiAccordionSummary-content': {
+      margin: '4px 0 !important'
+    }
+  };
+});
+var StyledAccordionDetails = (0, _styles.styled)(_material.AccordionDetails)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    padding: 0,
+    marginTop: theme.spacing(1),
+    display: 'flex',
+    justifyContent: 'space-between'
+  };
+});
+var UndoRedoOuterDiv = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    marginTop: '.5rem'
+  };
+});
+var Collapsible = function Collapsible(_ref3) {
+  var children = _ref3.children,
+    title = _ref3.title;
+  return /*#__PURE__*/_react["default"].createElement(StyledAccordion, {
+    square: true,
+    disableGutters: true
+  }, /*#__PURE__*/_react["default"].createElement(StyledAccordionSummary, {
     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));
+  }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+    variant: "subtitle1"
+  }, title)), /*#__PURE__*/_react["default"].createElement(StyledAccordionDetails, null, children));
 };
-
 Collapsible.propTypes = {
-  classes: _propTypes["default"].object,
-  children: _propTypes["default"].array,
+  children: _propTypes["default"].node,
   title: _propTypes["default"].string
 };
-
-var GraphWithControls = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(GraphWithControls, _React$Component);
-
-  var _super = _createSuper(GraphWithControls);
-
+var GraphWithControls = exports.GraphWithControls = /*#__PURE__*/function (_React$Component) {
   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) {
+    _this = _callSuper(this, GraphWithControls, [props]);
+    (0, _defineProperty2["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 () {
+    (0, _defineProperty2["default"])(_this, "toggleLabelMode", function () {
       return _this.setState(function (state) {
         return {
           labelModeEnabled: !state.labelModeEnabled
@@ -173,12 +163,11 @@ var GraphWithControls = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
-  (0, _createClass2["default"])(GraphWithControls, [{
+  (0, _inherits2["default"])(GraphWithControls, _React$Component);
+  return (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({
@@ -190,82 +179,70 @@ var GraphWithControls = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$state = this.state,
-          currentTool = _this$state.currentTool,
-          labelModeEnabled = _this$state.labelModeEnabled;
+        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;
+        axesSettings = _this$props.axesSettings,
+        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
-
+        backgroundMarks = _this$props2.backgroundMarks,
+        marks = _this$props2.marks,
+        toolbarTools = _this$props2.toolbarTools;
       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
-
+      }) || [];
+      backgroundMarks = filterByValidToolTypes(backgroundMarks || []);
       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
-
+      var tools = setToolbarAvailability(toolbarTools);
       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,
+      }), !disabled && /*#__PURE__*/_react["default"].createElement(UndoRedoOuterDiv, null, /*#__PURE__*/_react["default"].createElement(_undoRedo["default"], {
         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,
+      })));
+      return /*#__PURE__*/_react["default"].createElement(GraphWithControlsRoot, {
+        className: (0, _classnames["default"])(className)
+      }, !disableToolbar && /*#__PURE__*/_react["default"].createElement(Controls, null, collapsibleToolbar ? /*#__PURE__*/_react["default"].createElement(Collapsible, {
         title: collapsibleToolbarTitle
       }, gssActions) : gssActions), /*#__PURE__*/_react["default"].createElement("div", {
         ref: function ref(r) {
@@ -300,16 +277,12 @@ var GraphWithControls = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  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", {
@@ -321,52 +294,5 @@ exports.GraphWithControls = GraphWithControls;
   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;
+var _default = exports["default"] = GraphWithControls;
 //# sourceMappingURL=graph-with-controls.js.map