@pie-lib/graphing-solution-set 4.0.4-next.30 → 4.0.4-next.34

package/lib/container/index.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.GraphContainer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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 _reactRedux = require("react-redux");
+var _react = _interopRequireDefault(require("react"));
+var _redux = require("redux");
+var _reducer = _interopRequireDefault(require("./reducer"));
+var _actions = require("./actions");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _lodashEs = require("lodash-es");
+var _reduxUndo = require("redux-undo");
+var _graphWithControls = _interopRequireDefault(require("../graph-with-controls"));
+var _middleware = require("./middleware");
+var _excluded = ["onChangeMarks", "marks"];
+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; })(); }
+var mapStateToProps = function mapStateToProps(s) {
+  return {
+    marks: s.marks.present
+  };
+};
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    onChangeMarks: function onChangeMarks(m) {
+      return dispatch((0, _actions.changeMarks)(m));
+    },
+    onUndo: function onUndo() {
+      return dispatch(_reduxUndo.ActionCreators.undo());
+    },
+    onRedo: function onRedo() {
+      return dispatch(_reduxUndo.ActionCreators.redo());
+    },
+    onReset: function onReset() {
+      return dispatch((0, _actions.changeMarks)([]));
+    }
+  };
+};
+var GraphContainer = exports.GraphContainer = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_graphWithControls["default"]);
+
+/**
+ * The graph component entry point with undo/redo
+ * Redux is an implementation detail, hide it in the react component.
+ */
+var Root = /*#__PURE__*/function (_React$Component) {
+  function Root(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Root);
+    _this = _callSuper(this, Root, [props]);
+    (0, _defineProperty2["default"])(_this, "onStoreChange", function () {
+      var _this$props = _this.props,
+        marks = _this$props.marks,
+        onChangeMarks = _this$props.onChangeMarks;
+      var storeState = _this.store.getState();
+      var lastAction = (0, _middleware.getLastAction)();
+      var isUndoOperation = lastAction.type.includes('UNDO') || lastAction.type.includes('REDO');
+      if (!(0, _lodashEs.isEqual)(storeState.marks.present, marks)) {
+        onChangeMarks(storeState.marks.present, isUndoOperation);
+      }
+    });
+    var r = (0, _reducer["default"])();
+    _this.store = (0, _redux.createStore)(r, {
+      marks: props.marks
+    }, (0, _redux.applyMiddleware)(_middleware.lastActionMiddleware));
+    _this.store.subscribe(_this.onStoreChange);
+    return _this;
+  }
+  (0, _inherits2["default"])(Root, _React$Component);
+  return (0, _createClass2["default"])(Root, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var marks = this.props.marks;
+      var storeState = this.store.getState();
+      if ((0, _lodashEs.isEqual)(storeState.marks.present, marks)) {
+        return;
+      }
+      if (!(0, _lodashEs.isEqual)(prevProps.marks, marks)) {
+        // Don't dispatch marks that have correctness (evaluate mode marks) into the undo history.
+        // These marks are already handled in render() via the correctnessSet path and bypass the
+        // Redux store entirely. Dispatching them would pollute the undo history and cause the graph
+        // to show the correct answer when the user presses undo after returning to gather mode.
+        var hasCorrectness = marks && marks.find(function (m) {
+          return m.correctness;
+        });
+        if (!hasCorrectness) {
+          this.store.dispatch((0, _actions.changeMarks)(marks));
+        }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      // eslint-disable-next-line no-unused-vars
+      var _this$props2 = this.props,
+        onChangeMarks = _this$props2.onChangeMarks,
+        marks = _this$props2.marks,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
+      var correctnessSet = marks && marks.find(function (m) {
+        return m.correctness;
+      });
+      if (correctnessSet) {
+        return /*#__PURE__*/_react["default"].createElement(_graphWithControls["default"], (0, _extends2["default"])({}, rest, {
+          marks: marks,
+          disabled: correctnessSet
+        }));
+      }
+      return /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
+        store: this.store
+      }, /*#__PURE__*/_react["default"].createElement(GraphContainer, rest));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Root, "propTypes", {
+  onChangeMarks: _propTypes["default"].func,
+  marks: _propTypes["default"].array
+});
+var _default = exports["default"] = Root;
+//# sourceMappingURL=index.js.map

package/lib/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_reactRedux","require","_react","_interopRequireDefault","_redux","_reducer","_actions","_propTypes","_lodashEs","_reduxUndo","_graphWithControls","_middleware","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","mapStateToProps","s","marks","present","mapDispatchToProps","dispatch","onChangeMarks","m","changeMarks","onUndo","ActionCreators","undo","onRedo","redo","onReset","GraphContainer","exports","connect","GraphWithControls","Root","_React$Component","props","_this","_classCallCheck2","_defineProperty2","_this$props","storeState","store","getState","lastAction","getLastAction","isUndoOperation","type","includes","isEqual","r","reducer","createStore","applyMiddleware","lastActionMiddleware","subscribe","onStoreChange","_inherits2","_createClass2","key","value","componentDidUpdate","prevProps","hasCorrectness","find","correctness","render","_this$props2","rest","_objectWithoutProperties2","correctnessSet","createElement","_extends2","disabled","Provider","React","Component","PropTypes","func","array","_default"],"sources":["../../src/container/index.jsx"],"sourcesContent":["import { connect, Provider } from 'react-redux';\nimport React from 'react';\nimport { applyMiddleware, createStore } from 'redux';\nimport reducer from './reducer';\nimport { changeMarks } from './actions';\nimport PropTypes from 'prop-types';\nimport { isEqual } from 'lodash-es';\nimport { ActionCreators } from 'redux-undo';\nimport GraphWithControls from '../graph-with-controls';\nimport { getLastAction, lastActionMiddleware } from './middleware';\n\nconst mapStateToProps = (s) => ({\n  marks: s.marks.present,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n  onChangeMarks: (m) => dispatch(changeMarks(m)),\n  onUndo: () => dispatch(ActionCreators.undo()),\n  onRedo: () => dispatch(ActionCreators.redo()),\n  onReset: () => dispatch(changeMarks([])),\n});\n\nexport const GraphContainer = connect(mapStateToProps, mapDispatchToProps)(GraphWithControls);\n\n/**\n * The graph component entry point with undo/redo\n * Redux is an implementation detail, hide it in the react component.\n */\nclass Root extends React.Component {\n  static propTypes = {\n    onChangeMarks: PropTypes.func,\n    marks: PropTypes.array,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const r = reducer();\n    this.store = createStore(r, { marks: props.marks }, applyMiddleware(lastActionMiddleware));\n\n    this.store.subscribe(this.onStoreChange);\n  }\n\n  componentDidUpdate(prevProps) {\n    const { marks } = this.props;\n    const storeState = this.store.getState();\n\n    if (isEqual(storeState.marks.present, marks)) {\n      return;\n    }\n\n    if (!isEqual(prevProps.marks, marks)) {\n      // Don't dispatch marks that have correctness (evaluate mode marks) into the undo history.\n      // These marks are already handled in render() via the correctnessSet path and bypass the\n      // Redux store entirely. Dispatching them would pollute the undo history and cause the graph\n      // to show the correct answer when the user presses undo after returning to gather mode.\n      const hasCorrectness = marks && marks.find((m) => m.correctness);\n\n      if (!hasCorrectness) {\n        this.store.dispatch(changeMarks(marks));\n      }\n    }\n  }\n\n  onStoreChange = () => {\n    const { marks, onChangeMarks } = this.props;\n    const storeState = this.store.getState();\n    const lastAction = getLastAction();\n    const isUndoOperation = lastAction.type.includes('UNDO') || lastAction.type.includes('REDO');\n\n    if (!isEqual(storeState.marks.present, marks)) {\n      onChangeMarks(storeState.marks.present, isUndoOperation);\n    }\n  };\n\n  render() {\n    // eslint-disable-next-line no-unused-vars\n    const { onChangeMarks, marks, ...rest } = this.props;\n    const correctnessSet = marks && marks.find((m) => m.correctness);\n\n    if (correctnessSet) {\n      return <GraphWithControls {...rest} marks={marks} disabled={correctnessSet} />;\n    }\n\n    return (\n      <Provider store={this.store}>\n        <GraphContainer {...rest} />\n      </Provider>\n    );\n  }\n}\n\nexport default Root;\n"],"mappings":"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","ignoreList":[]}

package/lib/container/marks.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var marks = function marks() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case 'CHANGE_MARKS':
+      if (Array.isArray(action.marks)) {
+        return action.marks;
+      } else {
+        throw new Error('marks must be an array');
+      }
+    default:
+      return state;
+  }
+};
+var _default = exports["default"] = marks;
+//# sourceMappingURL=marks.js.map

package/lib/container/marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.js","names":["marks","state","arguments","length","undefined","action","type","Array","isArray","Error","_default","exports"],"sources":["../../src/container/marks.js"],"sourcesContent":["const marks = (state = [], action) => {\n  switch (action.type) {\n    case 'CHANGE_MARKS':\n      if (Array.isArray(action.marks)) {\n        return action.marks;\n      } else {\n        throw new Error('marks must be an array');\n      }\n    default:\n      return state;\n  }\n};\n\nexport default marks;\n"],"mappings":";;;;;;AAAA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAA,EAA2B;EAAA,IAAvBC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,MAAM,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EAC/B,QAAQC,MAAM,CAACC,IAAI;IACjB,KAAK,cAAc;MACjB,IAAIC,KAAK,CAACC,OAAO,CAACH,MAAM,CAACL,KAAK,CAAC,EAAE;QAC/B,OAAOK,MAAM,CAACL,KAAK;MACrB,CAAC,MAAM;QACL,MAAM,IAAIS,KAAK,CAAC,wBAAwB,CAAC;MAC3C;IACF;MACE,OAAOR,KAAK;EAChB;AACF,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,cAEaX,KAAK","ignoreList":[]}

package/lib/container/middleware.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lastActionMiddleware = exports.getLastAction = void 0;
+var lastAction = null;
+var getLastAction = exports.getLastAction = function getLastAction() {
+  return lastAction;
+};
+var lastActionMiddleware = exports.lastActionMiddleware = function lastActionMiddleware() {
+  return function (next) {
+    return function (action) {
+      lastAction = action;
+      return next(action);
+    };
+  };
+};
+//# sourceMappingURL=middleware.js.map

package/lib/container/middleware.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"middleware.js","names":["lastAction","getLastAction","exports","lastActionMiddleware","next","action"],"sources":["../../src/container/middleware.js"],"sourcesContent":["let lastAction = null;\nexport const getLastAction = () => lastAction;\n\nexport const lastActionMiddleware = () => (next) => (action) => {\n  lastAction = action;\n  return next(action);\n};\n"],"mappings":";;;;;;AAAA,IAAIA,UAAU,GAAG,IAAI;AACd,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAASD,UAAU;AAAA;AAEtC,IAAMG,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAA;EAAA,OAAS,UAACC,IAAI;IAAA,OAAK,UAACC,MAAM,EAAK;MAC9DL,UAAU,GAAGK,MAAM;MACnB,OAAOD,IAAI,CAACC,MAAM,CAAC;IACrB,CAAC;EAAA;AAAA","ignoreList":[]}

package/lib/container/reducer.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _redux = require("redux");
+var _marks = _interopRequireDefault(require("./marks"));
+var _reduxUndo = _interopRequireDefault(require("redux-undo"));
+var _default = exports["default"] = function _default() {
+  return (0, _redux.combineReducers)({
+    marks: (0, _reduxUndo["default"])(_marks["default"], {
+      debug: false
+    })
+  });
+};
+//# sourceMappingURL=reducer.js.map

package/lib/container/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","names":["_redux","require","_marks","_interopRequireDefault","_reduxUndo","_default","exports","combineReducers","marks","undoable","debug"],"sources":["../../src/container/reducer.js"],"sourcesContent":["import { combineReducers } from 'redux';\nimport marks from './marks';\nimport undoable from 'redux-undo';\n\nexport default () => combineReducers({ marks: undoable(marks, { debug: false }) });\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAkC,IAAAI,QAAA,GAAAC,OAAA,cAEnB,SAAAD,SAAA;EAAA,OAAM,IAAAE,sBAAe,EAAC;IAAEC,KAAK,EAAE,IAAAC,qBAAQ,EAACD,iBAAK,EAAE;MAAEE,KAAK,EAAE;IAAM,CAAC;EAAE,CAAC,CAAC;AAAA","ignoreList":[]}

package/lib/coordinates-label.js

@@ -0,0 +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("@mui/material/styles");
+var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
+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; }
+var StyledInputBase = (0, _styles.styled)(_InputBase["default"])(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    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 = 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
+  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
+  };
+};
+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(StyledInputBase, {
+    style: style,
+    value: label,
+    inputProps: {
+      ariaLabel: 'naked'
+    }
+  });
+};
+CoordinatesLabel.propTypes = {
+  graphProps: _plot.types.GraphPropsType,
+  x: _propTypes["default"].number,
+  y: _propTypes["default"].number
+};
+var _default = exports["default"] = CoordinatesLabel;
+//# sourceMappingURL=coordinates-label.js.map

package/lib/coordinates-label.js.map

@@ -0,0 +1 @@
+{"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 <StyledInputBase style={style} value={label} inputProps={{ ariaLabel: 'naked' }} />;\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

@@ -0,0 +1,297 @@
+"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 _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("@mui/material/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodashEs = require("lodash-es");
+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 _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) {
+        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 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(_material.Typography, {
+    variant: "subtitle1"
+  }, title)), /*#__PURE__*/_react["default"].createElement(StyledAccordionDetails, null, children));
+};
+Collapsible.propTypes = {
+  children: _propTypes["default"].node,
+  title: _propTypes["default"].string
+};
+var GraphWithControls = exports.GraphWithControls = /*#__PURE__*/function (_React$Component) {
+  function GraphWithControls(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, GraphWithControls);
+    _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"])(_this, "toggleLabelMode", function () {
+      return _this.setState(function (state) {
+        return {
+          labelModeEnabled: !state.labelModeEnabled
+        };
+      });
+    });
+    _this.state = {
+      currentTool: getDefaultCurrentTool(props.defaultTool),
+      labelModeEnabled: false
+    };
+    return _this;
+  }
+  (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({
+          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,
+        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;
+      toolbarTools = (0, _lodashEs.uniq)(toolbarTools || []).filter(function (tT) {
+        return !!(0, _lodashEs.isString)(tT);
+      }) || [];
+      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);
+      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(UndoRedoOuterDiv, null, /*#__PURE__*/_react["default"].createElement(_undoRedo["default"], {
+        onUndo: onUndo,
+        onRedo: onRedo,
+        onReset: onCustomReset,
+        language: language
+      })));
+      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) {
+          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
+      }));
+    }
+  }]);
+}(_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),
+  language: _propTypes["default"].string
+}));
+(0, _defineProperty2["default"])(GraphWithControls, "defaultProps", {
+  collapsibleToolbar: false,
+  collapsibleToolbarTitle: '',
+  disabledLabels: false,
+  disabledTitle: false,
+  showLabels: true,
+  showTitle: true,
+  toolbarTools: []
+});
+var _default = exports["default"] = GraphWithControls;
+//# sourceMappingURL=graph-with-controls.js.map