@pie-lib/graphing 2.4.3-next.322 → 2.4.3-next.352

package/CHANGELOG.md

@@ -3,6 +3,201 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.6.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.6.1...@pie-lib/graphing@2.6.2) (2022-05-30)
+
+
+### Bug Fixes
+
+* unable to load items locally ([17ab686](https://github.com/pie-framework/pie-lib/commit/17ab6864557288aef6ec1d9a130cb508e2591562))
+
+
+
+
+
+## [2.6.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.6.0...@pie-lib/graphing@2.6.1) (2022-05-24)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
+# [2.6.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.5.1...@pie-lib/graphing@2.6.0) (2022-05-10)
+
+
+### Features
+
+* **graphing:** new design treatment for gridlines PD-1691 ([ee06081](https://github.com/pie-framework/pie-lib/commit/ee06081141cf343ed6767ef203a7629e6c873c5c))
+* **graphing, plot:** Added padding between labels and graph without changing the size of graph PD-1604 ([aa93191](https://github.com/pie-framework/pie-lib/commit/aa931910c56efddaf54d4586dc0730a9688e25e3))
+
+
+
+
+
+## [2.5.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.5.0...@pie-lib/graphing@2.5.1) (2022-05-04)
+
+
+### Bug Fixes
+
+* **graphing:** removed problematic componentDidUpdate ([9347554](https://github.com/pie-framework/pie-lib/commit/93475543422bbb7a62d82121751c2e10969904ec))
+
+
+
+
+
+# [2.5.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.17...@pie-lib/graphing@2.5.0) (2022-05-03)
+
+
+### Features
+
+* **graphing:** updated store on model change PD-1608 ([a3744dd](https://github.com/pie-framework/pie-lib/commit/a3744dd74d90cca280b90657cbd558ce7ab9c288))
+
+
+
+
+
+## [2.4.17](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.16...@pie-lib/graphing@2.4.17) (2022-04-28)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
+## [2.4.16](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.15...@pie-lib/graphing@2.4.16) (2022-03-22)
+
+
+### Bug Fixes
+
+* Do not change object at address. Instead, create a clone. ([2b683d7](https://github.com/pie-framework/pie-lib/commit/2b683d76853bf057388e6a223671eef3a040dbbf))
+
+
+
+
+
+## [2.4.15](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.14...@pie-lib/graphing@2.4.15) (2022-03-22)
+
+
+### Bug Fixes
+
+* Force disable for background marks ([755cfbc](https://github.com/pie-framework/pie-lib/commit/755cfbcb0c878c8857be28aaeeff6e4a8d6b4e71))
+
+
+
+
+
+## [2.4.14](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.13...@pie-lib/graphing@2.4.14) (2022-03-22)
+
+
+### Bug Fixes
+
+* Apply different disable styles for background mark and when mark label is not in edit mode. ([a1657ec](https://github.com/pie-framework/pie-lib/commit/a1657ec7562c96bf760bbf936686816700a7d739))
+
+
+
+
+
+## [2.4.13](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.12...@pie-lib/graphing@2.4.13) (2022-03-22)
+
+
+### Bug Fixes
+
+* add UI indicator for disabled labels ([d274b3e](https://github.com/pie-framework/pie-lib/commit/d274b3eb024ab909a06d345bf17bc9f23e5d2db0))
+* disable labels for the background marks ([c43a269](https://github.com/pie-framework/pie-lib/commit/c43a26941016490b2687f98b2e02c934a96c02ac))
+
+
+
+
+
+## [2.4.12](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.11...@pie-lib/graphing@2.4.12) (2022-03-21)
+
+
+### Bug Fixes
+
+* **graphing:** Adjusted vector arrow orientation angle and fixed rendering issue PD-1602 ([0ebf305](https://github.com/pie-framework/pie-lib/commit/0ebf3059707c868145ef85a14c417cbe01f82491))
+
+
+
+
+
+## [2.4.11](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.10...@pie-lib/graphing@2.4.11) (2022-03-21)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
+## [2.4.10](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.9...@pie-lib/graphing@2.4.10) (2022-03-07)
+
+
+### Bug Fixes
+
+* **graphing:** Adjusted the thickness of the shapes when the distance between lines is too small PD-180 ([8ea20a6](https://github.com/pie-framework/pie-lib/commit/8ea20a61ea02d3e1084f3e10e645a76d580c39b5))
+* **graphing:** Extended the range and domain axes and also the line and ray endings PD-1509 ([97e43c6](https://github.com/pie-framework/pie-lib/commit/97e43c6ab0ab85dd314cff97fb84a85113ab39a0))
+* **graphing:** Increased the calculation accuracy and adjusted range labels PD-1596 ([7cc7570](https://github.com/pie-framework/pie-lib/commit/7cc75701fd759f7e7888e5cccc261978f6e036b0))
+* **graphing:** Should not be possible to plot duplicate/identical objects and should be able to choose a point from an existing object when defining a new object PD-1599 PD-1586 ([ac8502d](https://github.com/pie-framework/pie-lib/commit/ac8502dbe3c7e1a4a663bbe56f7f5ff8bab04430))
+
+
+
+
+
+## [2.4.9](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.8...@pie-lib/graphing@2.4.9) (2022-02-04)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
+## [2.4.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.7...@pie-lib/graphing@2.4.8) (2022-02-03)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
+## [2.4.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.6...@pie-lib/graphing@2.4.7) (2022-01-10)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
+## [2.4.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.5...@pie-lib/graphing@2.4.6) (2021-12-13)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
+## [2.4.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.4...@pie-lib/graphing@2.4.5) (2021-11-29)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
+## [2.4.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.3...@pie-lib/graphing@2.4.4) (2021-09-08)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
+## [2.4.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.2...@pie-lib/graphing@2.4.3) (2021-09-08)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
 ## [2.4.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.4.1...@pie-lib/graphing@2.4.2) (2021-08-30)
 
 **Note:** Version bump only for package @pie-lib/graphing

package/lib/graph-with-controls.js

@@ -109,26 +109,23 @@ var filterByVisibleToolTypes = function filterByVisibleToolTypes(toolbarTools, m
 
 exports.filterByVisibleToolTypes = filterByVisibleToolTypes;
 
+var getDefaultCurrentTool = function getDefaultCurrentTool(toolType) {
+  return _tools.toolsArr.find(function (tool) {
+    return tool.type === toolType;
+  }) || null;
+};
+
 var GraphWithControls = /*#__PURE__*/function (_React$Component) {
   _inherits(GraphWithControls, _React$Component);
 
   var _super = _createSuper(GraphWithControls);
 
-  function GraphWithControls() {
+  function GraphWithControls(props) {
     var _this;
 
     _classCallCheck(this, GraphWithControls);
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      currentTool: null,
-      labelModeEnabled: false
-    });
+    _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "changeCurrentTool", function (tool, tools) {
       return _this.setState({
@@ -146,10 +143,26 @@ var GraphWithControls = /*#__PURE__*/function (_React$Component) {
       });
     });
 
+    _this.state = {
+      currentTool: getDefaultCurrentTool(props.defaultTool),
+      labelModeEnabled: false
+    };
     return _this;
   }
 
   _createClass(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;

package/lib/graph-with-controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph-with-controls.js","names":["setToolbarAvailability","toolbarTools","toolsArr","map","tA","toolbar","find","t","type","toolIsAvailable","tools","currentTool","tool","getAvailableTool","filterByValidToolTypes","backgroundMarks","filter","bM","allTools","filterByVisibleToolTypes","marks","GraphWithControls","labelModeEnabled","setState","state","props","axesSettings","classes","className","coordinatesOnHover","disabled","domain","labels","onChangeMarks","onUndo","onRedo","onReset","range","size","title","uniq","tT","isString","classNames","graphWithControls","controls","changeCurrentTool","toggleLabelMode","r","labelNode","undefined","React","Component","graphPropTypes","PropTypes","func","arrayOf","string","styles","theme","width","display","justifyContent","padding","spacing","unit","color","text","backgroundColor","primaryLight","borderTop","primaryDark","borderBottom","borderLeft","borderRight","fontSize","typography","withStyles"],"sources":["../src/graph-with-controls.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport uniq from 'lodash/uniq';\nimport isString from 'lodash/isString';\nimport { color } from '@pie-lib/render-ui';\n\nimport ToolMenu from './tool-menu';\nimport Graph, { graphPropTypes } from './graph';\nimport UndoRedo from './undo-redo';\nimport { allTools, toolsArr } from './tools';\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\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  };\n\n  static defaultProps = { toolbarTools: [] };\n\n  state = { currentTool: null, labelModeEnabled: false };\n\n  changeCurrentTool = (tool, tools) =>\n    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\n    const {\n      axesSettings,\n      classes,\n      className,\n      coordinatesOnHover,\n      disabled,\n      domain,\n      labels,\n      onChangeMarks,\n      onUndo,\n      onRedo,\n      onReset,\n      range,\n      size,\n      title\n    } = this.props;\n\n    let { backgroundMarks, marks, toolbarTools } = this.props;\n\n    // make sure only valid tool types are kept (string) and without duplicates\n    toolbarTools = uniq(toolbarTools || []).filter(tT => !!isString(tT)) || [];\n\n    // keep only the backgroundMarks that have valid types\n    backgroundMarks = filterByValidToolTypes(backgroundMarks || []);\n\n    // keep only the marks that have types which appear in toolbar\n    marks = filterByVisibleToolTypes(toolbarTools, marks || []);\n\n    const tools = setToolbarAvailability(toolbarTools);\n\n    // set current tool if there's no current tool or if the existing one is no longer available\n    if (!currentTool || !toolIsAvailable(tools, currentTool)) {\n      currentTool = getAvailableTool(tools);\n    }\n\n    return (\n      <div className={classNames(classes.graphWithControls, className)}>\n        <div className={classes.controls}>\n          <ToolMenu\n            currentToolType={currentTool && currentTool.type}\n            disabled={!!disabled}\n            labelModeEnabled={labelModeEnabled}\n            onChange={tool => this.changeCurrentTool(tool, tools)}\n            onToggleLabelMode={this.toggleLabelMode}\n            toolbarTools={toolbarTools}\n          />\n\n          {!disabled && <UndoRedo onUndo={onUndo} onRedo={onRedo} onReset={onReset} />}\n        </div>\n\n        <div ref={r => (this.labelNode = r)} />\n\n        <Graph\n          axesSettings={axesSettings}\n          backgroundMarks={backgroundMarks}\n          coordinatesOnHover={coordinatesOnHover}\n          currentTool={currentTool}\n          domain={domain}\n          labels={labels}\n          labelModeEnabled={labelModeEnabled}\n          marks={marks}\n          onChangeMarks={!disabled ? onChangeMarks : undefined}\n          range={range}\n          size={size}\n          title={title}\n          tools={tools}\n        />\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  graphWithControls: {},\n  controls: {\n    width: 'inherit',\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.primaryLight(),\n    borderTop: `solid 1px ${color.primaryDark()}`,\n    borderBottom: `solid 0px ${color.primaryDark()}`,\n    borderLeft: `solid 1px ${color.primaryDark()}`,\n    borderRight: `solid 1px ${color.primaryDark()}`,\n    '& button': {\n      fontSize: theme.typography.fontSize\n    }\n  }\n});\n\nexport default withStyles(styles)(GraphWithControls);\n"],"mappings":"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"}
+{"version":3,"file":"graph-with-controls.js","names":["setToolbarAvailability","toolbarTools","toolsArr","map","tA","toolbar","find","t","type","toolIsAvailable","tools","currentTool","tool","getAvailableTool","filterByValidToolTypes","backgroundMarks","filter","bM","allTools","filterByVisibleToolTypes","marks","getDefaultCurrentTool","toolType","GraphWithControls","props","setState","state","labelModeEnabled","defaultTool","prevProps","axesSettings","classes","className","coordinatesOnHover","disabled","domain","labels","onChangeMarks","onUndo","onRedo","onReset","range","size","title","uniq","tT","isString","classNames","graphWithControls","controls","changeCurrentTool","toggleLabelMode","r","labelNode","undefined","React","Component","graphPropTypes","PropTypes","func","arrayOf","string","styles","theme","width","display","justifyContent","padding","spacing","unit","color","text","backgroundColor","primaryLight","borderTop","primaryDark","borderBottom","borderLeft","borderRight","fontSize","typography","withStyles"],"sources":["../src/graph-with-controls.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport uniq from 'lodash/uniq';\nimport isString from 'lodash/isString';\nimport { color } from '@pie-lib/render-ui';\n\nimport ToolMenu from './tool-menu';\nimport Graph, { graphPropTypes } from './graph';\nimport UndoRedo from './undo-redo';\nimport { allTools, toolsArr } from './tools';\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\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  };\n\n  static defaultProps = { toolbarTools: [] };\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) =>\n    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\n    const {\n      axesSettings,\n      classes,\n      className,\n      coordinatesOnHover,\n      disabled,\n      domain,\n      labels,\n      onChangeMarks,\n      onUndo,\n      onRedo,\n      onReset,\n      range,\n      size,\n      title\n    } = this.props;\n\n    let { backgroundMarks, marks, toolbarTools } = this.props;\n\n    // make sure only valid tool types are kept (string) and without duplicates\n    toolbarTools = uniq(toolbarTools || []).filter(tT => !!isString(tT)) || [];\n\n    // keep only the backgroundMarks that have valid types\n    backgroundMarks = filterByValidToolTypes(backgroundMarks || []);\n\n    // keep only the marks that have types which appear in toolbar\n    marks = filterByVisibleToolTypes(toolbarTools, marks || []);\n\n    const tools = setToolbarAvailability(toolbarTools);\n\n    // set current tool if there's no current tool or if the existing one is no longer available\n    if (!currentTool || !toolIsAvailable(tools, currentTool)) {\n      currentTool = getAvailableTool(tools);\n    }\n\n    return (\n      <div className={classNames(classes.graphWithControls, className)}>\n        <div className={classes.controls}>\n          <ToolMenu\n            currentToolType={currentTool && currentTool.type}\n            disabled={!!disabled}\n            labelModeEnabled={labelModeEnabled}\n            onChange={tool => this.changeCurrentTool(tool, tools)}\n            onToggleLabelMode={this.toggleLabelMode}\n            toolbarTools={toolbarTools}\n          />\n\n          {!disabled && <UndoRedo onUndo={onUndo} onRedo={onRedo} onReset={onReset} />}\n        </div>\n\n        <div ref={r => (this.labelNode = r)} />\n\n        <Graph\n          axesSettings={axesSettings}\n          backgroundMarks={backgroundMarks}\n          coordinatesOnHover={coordinatesOnHover}\n          currentTool={currentTool}\n          domain={domain}\n          labels={labels}\n          labelModeEnabled={labelModeEnabled}\n          marks={marks}\n          onChangeMarks={!disabled ? onChangeMarks : undefined}\n          range={range}\n          size={size}\n          title={title}\n          tools={tools}\n        />\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  graphWithControls: {},\n  controls: {\n    width: 'inherit',\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.primaryLight(),\n    borderTop: `solid 1px ${color.primaryDark()}`,\n    borderBottom: `solid 0px ${color.primaryDark()}`,\n    borderLeft: `solid 1px ${color.primaryDark()}`,\n    borderRight: `solid 1px ${color.primaryDark()}`,\n    '& button': {\n      fontSize: theme.typography.fontSize\n    }\n  }\n});\n\nexport default withStyles(styles)(GraphWithControls);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAAAC,YAAY;EAAA,OAChDC,eAAA,CAASC,GAAT,CAAa,UAAAC,EAAE;IAAA,uCAAUA,EAAV;MAAcC,OAAO,EAAE,CAAC,CAACJ,YAAY,CAACK,IAAb,CAAkB,UAAAC,CAAC;QAAA,OAAIA,CAAC,KAAKH,EAAE,CAACI,IAAb;MAAA,CAAnB;IAAzB;EAAA,CAAf,KAAqF,EADrC;AAAA,CAA3C;;;;AAGA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAQC,WAAR;EAAA,OAC7BA,WAAW,IAAID,KAAf,IAAwB,CAACA,KAAK,CAACJ,IAAN,CAAW,UAAAM,IAAI;IAAA,OAAIA,IAAI,CAACJ,IAAL,KAAcG,WAAW,CAACH,IAA9B;EAAA,CAAf,KAAsD,EAAvD,EAA2DH,OADtD;AAAA,CAAxB;;;;AAGA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAH,KAAK;EAAA,OAAIA,KAAK,CAACJ,IAAN,CAAW,UAAAM,IAAI;IAAA,OAAIA,IAAI,CAACP,OAAT;EAAA,CAAf,CAAJ;AAAA,CAA9B;;;;AAEA,IAAMS,sBAAsB,GAAG,SAAzBA,sBAAyB,CAAAC,eAAe;EAAA,OACnDA,eAAe,CAACC,MAAhB,CAAuB,UAAAC,EAAE;IAAA,OAAI,CAAC,CAACC,eAAA,CAASZ,IAAT,CAAc,UAAAM,IAAI;MAAA,OAAIA,IAAI,KAAKK,EAAE,CAACT,IAAhB;IAAA,CAAlB,CAAN;EAAA,CAAzB,CADmD;AAAA,CAA9C;;;;AAGA,IAAMW,wBAAwB,GAAG,SAA3BA,wBAA2B,CAAClB,YAAD,EAAemB,KAAf;EAAA,OACtCA,KAAK,CAACJ,MAAN,CAAa,UAAAC,EAAE;IAAA,OAAI,CAAC,CAAChB,YAAY,CAACK,IAAb,CAAkB,UAAAM,IAAI;MAAA,OAAIA,IAAI,KAAKK,EAAE,CAACT,IAAhB;IAAA,CAAtB,CAAN;EAAA,CAAf,CADsC;AAAA,CAAjC;;;;AAGP,IAAMa,qBAAqB,GAAG,SAAxBA,qBAAwB,CAAAC,QAAQ;EAAA,OAAIpB,eAAA,CAASI,IAAT,CAAc,UAAAM,IAAI;IAAA,OAAIA,IAAI,CAACJ,IAAL,KAAcc,QAAlB;EAAA,CAAlB,KAAiD,IAArD;AAAA,CAAtC;;IAEaC,iB;;;;;EAWX,2BAAYC,KAAZ,EAAmB;IAAA;;IAAA;;IACjB,0BAAMA,KAAN;;IADiB,oEAmBC,UAACZ,IAAD,EAAOF,KAAP;MAAA,OAClB,MAAKe,QAAL,CAAc;QAAEd,WAAW,EAAED,KAAK,CAACJ,IAAN,CAAW,UAAAC,CAAC;UAAA,OAAIA,CAAC,CAACC,IAAF,KAAWI,IAAf;QAAA,CAAZ;MAAf,CAAd,CADkB;IAAA,CAnBD;;IAAA,kEAsBD;MAAA,OAAM,MAAKa,QAAL,CAAc,UAAAC,KAAK;QAAA,OAAK;UAAEC,gBAAgB,EAAE,CAACD,KAAK,CAACC;QAA3B,CAAL;MAAA,CAAnB,CAAN;IAAA,CAtBC;;IAGjB,MAAKD,KAAL,GAAa;MACXf,WAAW,EAAEU,qBAAqB,CAACG,KAAK,CAACI,WAAP,CADvB;MAEXD,gBAAgB,EAAE;IAFP,CAAb;IAHiB;EAOlB;;;;WAED,4BAAmBE,SAAnB,EAA8B;MAC5B,IAAQD,WAAR,GAAwB,KAAKJ,KAA7B,CAAQI,WAAR;;MAEA,IAAIC,SAAS,CAACD,WAAV,KAA0BA,WAA9B,EAA2C;QACzC,IAAMjB,WAAW,GAAGU,qBAAqB,CAACO,WAAD,CAAzC;QAEA,KAAKH,QAAL,CAAc;UAAEd,WAAW,EAAXA;QAAF,CAAd;MACD;IACF;;;WAOD,kBAAS;MAAA;;MACP,kBAAwC,KAAKe,KAA7C;MAAA,IAAMf,WAAN,eAAMA,WAAN;MAAA,IAAmBgB,gBAAnB,eAAmBA,gBAAnB;MAEA,kBAeI,KAAKH,KAfT;MAAA,IACEM,YADF,eACEA,YADF;MAAA,IAEEC,OAFF,eAEEA,OAFF;MAAA,IAGEC,SAHF,eAGEA,SAHF;MAAA,IAIEC,kBAJF,eAIEA,kBAJF;MAAA,IAKEC,QALF,eAKEA,QALF;MAAA,IAMEC,MANF,eAMEA,MANF;MAAA,IAOEC,MAPF,eAOEA,MAPF;MAAA,IAQEC,aARF,eAQEA,aARF;MAAA,IASEC,MATF,eASEA,MATF;MAAA,IAUEC,MAVF,eAUEA,MAVF;MAAA,IAWEC,OAXF,eAWEA,OAXF;MAAA,IAYEC,KAZF,eAYEA,KAZF;MAAA,IAaEC,IAbF,eAaEA,IAbF;MAAA,IAcEC,KAdF,eAcEA,KAdF;MAiBA,mBAA+C,KAAKnB,KAApD;MAAA,IAAMT,eAAN,gBAAMA,eAAN;MAAA,IAAuBK,KAAvB,gBAAuBA,KAAvB;MAAA,IAA8BnB,YAA9B,gBAA8BA,YAA9B,CApBO,CAsBP;;MACAA,YAAY,GAAG,IAAA2C,gBAAA,EAAK3C,YAAY,IAAI,EAArB,EAAyBe,MAAzB,CAAgC,UAAA6B,EAAE;QAAA,OAAI,CAAC,CAAC,IAAAC,oBAAA,EAASD,EAAT,CAAN;MAAA,CAAlC,KAAyD,EAAxE,CAvBO,CAyBP;;MACA9B,eAAe,GAAGD,sBAAsB,CAACC,eAAe,IAAI,EAApB,CAAxC,CA1BO,CA4BP;;MACAK,KAAK,GAAGD,wBAAwB,CAAClB,YAAD,EAAemB,KAAK,IAAI,EAAxB,CAAhC;MAEA,IAAMV,KAAK,GAAGV,sBAAsB,CAACC,YAAD,CAApC,CA/BO,CAiCP;;MACA,IAAI,CAACU,WAAD,IAAgB,CAACF,eAAe,CAACC,KAAD,EAAQC,WAAR,CAApC,EAA0D;QACxDA,WAAW,GAAGE,gBAAgB,CAACH,KAAD,CAA9B;MACD;;MAED,oBACE;QAAK,SAAS,EAAE,IAAAqC,sBAAA,EAAWhB,OAAO,CAACiB,iBAAnB,EAAsChB,SAAtC;MAAhB,gBACE;QAAK,SAAS,EAAED,OAAO,CAACkB;MAAxB,gBACE,gCAAC,oBAAD;QACE,eAAe,EAAEtC,WAAW,IAAIA,WAAW,CAACH,IAD9C;QAEE,QAAQ,EAAE,CAAC,CAAC0B,QAFd;QAGE,gBAAgB,EAAEP,gBAHpB;QAIE,QAAQ,EAAE,kBAAAf,IAAI;UAAA,OAAI,MAAI,CAACsC,iBAAL,CAAuBtC,IAAvB,EAA6BF,KAA7B,CAAJ;QAAA,CAJhB;QAKE,iBAAiB,EAAE,KAAKyC,eAL1B;QAME,YAAY,EAAElD;MANhB,EADF,EAUG,CAACiC,QAAD,iBAAa,gCAAC,oBAAD;QAAU,MAAM,EAAEI,MAAlB;QAA0B,MAAM,EAAEC,MAAlC;QAA0C,OAAO,EAAEC;MAAnD,EAVhB,CADF,eAcE;QAAK,GAAG,EAAE,aAAAY,CAAC;UAAA,OAAK,MAAI,CAACC,SAAL,GAAiBD,CAAtB;QAAA;MAAX,EAdF,eAgBE,gCAAC,iBAAD;QACE,YAAY,EAAEtB,YADhB;QAEE,eAAe,EAAEf,eAFnB;QAGE,kBAAkB,EAAEkB,kBAHtB;QAIE,WAAW,EAAEtB,WAJf;QAKE,MAAM,EAAEwB,MALV;QAME,MAAM,EAAEC,MANV;QAOE,gBAAgB,EAAET,gBAPpB;QAQE,KAAK,EAAEP,KART;QASE,aAAa,EAAE,CAACc,QAAD,GAAYG,aAAZ,GAA4BiB,SAT7C;QAUE,KAAK,EAAEb,KAVT;QAWE,IAAI,EAAEC,IAXR;QAYE,KAAK,EAAEC,KAZT;QAaE,KAAK,EAAEjC;MAbT,EAhBF,CADF;IAkCD;;;;EA3GoC6C,iBAAA,CAAMC,S;;;;gBAAhCjC,iB,+CAENkC,qB;EACHnB,MAAM,EAAEoB,qBAAA,CAAUC,I;EAClBpB,MAAM,EAAEmB,qBAAA,CAAUC,I;EAClBnB,OAAO,EAAEkB,qBAAA,CAAUC,I;EACnB1D,YAAY,EAAEyD,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,MAA5B,C,CAAoC;;;;gBANzCtC,iB,kBASW;EAAEtB,YAAY,EAAE;AAAhB,C;;AAqGxB,IAAM6D,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACvBf,iBAAiB,EAAE,EADI;IAEvBC,QAAQ,EAAE;MACRe,KAAK,EAAE,SADC;MAERC,OAAO,EAAE,MAFD;MAGRC,cAAc,EAAE,eAHR;MAIRC,OAAO,EAAEJ,KAAK,CAACK,OAAN,CAAcC,IAJf;MAKRC,KAAK,EAAEA,eAAA,CAAMC,IAAN,EALC;MAMRC,eAAe,EAAEF,eAAA,CAAMG,YAAN,EANT;MAORC,SAAS,sBAAeJ,eAAA,CAAMK,WAAN,EAAf,CAPD;MAQRC,YAAY,sBAAeN,eAAA,CAAMK,WAAN,EAAf,CARJ;MASRE,UAAU,sBAAeP,eAAA,CAAMK,WAAN,EAAf,CATF;MAURG,WAAW,sBAAeR,eAAA,CAAMK,WAAN,EAAf,CAVH;MAWR,YAAY;QACVI,QAAQ,EAAEhB,KAAK,CAACiB,UAAN,CAAiBD;MADjB;IAXJ;EAFa,CAAL;AAAA,CAApB;;eAmBe,IAAAE,kBAAA,EAAWnB,MAAX,EAAmBvC,iBAAnB,C"}

package/lib/grid-setup.js

@@ -38,16 +38,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var GridConfig = function GridConfig(props) {
   var classes = props.classes,
       disabled = props.disabled,
+      displayedFields = props.displayedFields,
       labelValue = props.labelValue,
       labelValues = props.labelValues,
       gridValue = props.gridValue,
       gridValues = props.gridValues,
       _onChange = props.onChange;
+  var labelStep = displayedFields.labelStep,
+      step = displayedFields.step;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.columnView
-  }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+  }, step.enabled && /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
     className: classes.mediumTextField,
-    label: "Grid Interval",
+    label: step.label,
     value: gridValue,
     customValues: gridValues,
     variant: "outlined",
@@ -55,9 +58,9 @@ var GridConfig = function GridConfig(props) {
     onChange: function onChange(e, v) {
       return _onChange('step', v);
     }
-  }), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+  }), labelStep.enabled && /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
     className: classes.mediumTextField,
-    label: "Label Interval",
+    label: labelStep.label,
     value: labelValue,
     customValues: labelValues,
     variant: "outlined",
@@ -71,20 +74,25 @@ var GridConfig = function GridConfig(props) {
 var AxisConfig = function AxisConfig(props) {
   var classes = props.classes,
       disabled = props.disabled,
+      displayedFields = props.displayedFields,
+      displayHeader = props.displayHeader,
       label = props.label,
       maxValue = props.maxValue,
       minValue = props.minValue,
       _onChange2 = props.onChange,
       type = props.type;
+  var axisLabel = displayedFields.axisLabel,
+      min = displayedFields.min,
+      max = displayedFields.max;
   var activePlugins = ['bold', 'italic', 'underline', 'strikethrough' // 'languageCharacters'
   ];
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.columnView
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+  }, displayHeader && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
     variant: "subtitle2"
-  }, /*#__PURE__*/_react["default"].createElement("i", null, type === 'domain' ? 'x' : 'y'), "-axis"), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+  }, /*#__PURE__*/_react["default"].createElement("i", null, type === 'domain' ? 'x' : 'y'), "-axis"), min.enabled && /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
     className: classes.mediumTextField,
-    label: "Min Value",
+    label: min.label,
     value: minValue,
     min: -10000,
     max: maxValue - 0.01,
@@ -93,9 +101,9 @@ var AxisConfig = function AxisConfig(props) {
     onChange: function onChange(e, v) {
       return _onChange2('min', v);
     }
-  }), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+  }), max.enabled && /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
     className: classes.mediumTextField,
-    label: "Max Value",
+    label: max.label,
     value: maxValue,
     min: minValue + 0.01,
     max: 10000,
@@ -104,8 +112,8 @@ var AxisConfig = function AxisConfig(props) {
     onChange: function onChange(e, v) {
       return _onChange2('max', v);
     }
-  }), /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
-    label: "Label",
+  }), axisLabel.enabled && /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    label: axisLabel.label,
     className: classes.mediumTextField
   }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
     className: classes.axisLabel,
@@ -121,7 +129,7 @@ var AxisConfig = function AxisConfig(props) {
 var GridSetup = function GridSetup(props) {
   var classes = props.classes,
       domain = props.domain,
-      dimensionsEnabled = props.dimensionsEnabled,
+      displayedFields = props.displayedFields,
       _props$gridValues = props.gridValues,
       gridValues = _props$gridValues === void 0 ? {} : _props$gridValues,
       includeAxes = props.includeAxes,
@@ -136,6 +144,24 @@ var GridSetup = function GridSetup(props) {
     min: 2,
     max: 41
   };
+  var axisLabel = displayedFields.axisLabel,
+      dimensionsEnabled = displayedFields.dimensionsEnabled,
+      includeAxesEnabled = displayedFields.includeAxesEnabled,
+      labelStep = displayedFields.labelStep,
+      min = displayedFields.min,
+      max = displayedFields.max,
+      standardGridEnabled = displayedFields.standardGridEnabled,
+      step = displayedFields.step;
+  var displayAxisType = min.enabled || max.enabled || axisLabel.enabled || step.enabled || labelStep.enabled;
+  var gridConfigFields = {
+    step: step,
+    labelStep: labelStep
+  };
+  var axisConfigFields = {
+    min: min,
+    max: max,
+    axisLabel: axisLabel
+  };
 
   var onIncludeAxes = function onIncludeAxes(includeAxes) {
     var noAxesConfig = function noAxesConfig(type) {
@@ -211,6 +237,8 @@ var GridSetup = function GridSetup(props) {
     className: classes.rowView
   }, /*#__PURE__*/_react["default"].createElement(AxisConfig, {
     classes: classes,
+    displayedFields: axisConfigFields,
+    displayHeader: displayAxisType,
     type: "domain",
     minValue: domain.min,
     maxValue: domain.max,
@@ -219,6 +247,8 @@ var GridSetup = function GridSetup(props) {
     onChange: onDomainChanged
   }), /*#__PURE__*/_react["default"].createElement(AxisConfig, {
     classes: classes,
+    displayedFields: axisConfigFields,
+    displayHeader: displayAxisType,
     type: "range",
     minValue: range.min,
     maxValue: range.max,
@@ -226,12 +256,13 @@ var GridSetup = function GridSetup(props) {
     disabled: standardGrid,
     includeAxes: includeAxes,
     onChange: onRangeChanged
-  })), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+  })), (min.enabled || max.enabled) && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
     className: classes.text
-  }, "If you want the axis to be visible, use a zero or negative Min Value, and a positive Max Value"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "If you want the axis to be visible, use a zero or negative Min Value, and a positive Max Value"), (step.enabled || labelStep.enabled) && /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.rowView
   }, /*#__PURE__*/_react["default"].createElement(GridConfig, {
     classes: classes,
+    displayedFields: gridConfigFields,
     gridValue: domain.step,
     labelValue: domain.labelStep,
     gridValues: gridValues.domain || [],
@@ -240,16 +271,17 @@ var GridSetup = function GridSetup(props) {
   }), /*#__PURE__*/_react["default"].createElement(GridConfig, {
     classes: classes,
     disabled: standardGrid,
+    displayedFields: gridConfigFields,
     gridValue: range.step,
     labelValue: range.labelStep,
     gridValues: gridValues.range || [],
     labelValues: labelValues.range || [],
     onChange: onRangeChanged
-  })), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+  })), labelStep.enabled && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
     className: classes.text
   }, "For unnumbered gridlines, enter a label interval of 0"));
 
-  var gridlinesConfig = /*#__PURE__*/_react["default"].createElement("div", {
+  var gridlinesConfig = max.enabled ? /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.columnView
   }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
     className: classes.largeTextField,
@@ -272,8 +304,7 @@ var GridSetup = function GridSetup(props) {
     onChange: function onChange(e, v) {
       return onRangeChanged('max', v);
     }
-  }));
-
+  })) : null;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.wrapper
   }, /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], null, /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
@@ -282,11 +313,11 @@ var GridSetup = function GridSetup(props) {
     variant: "subtitle1"
   }, "Customize Grid Setup")), /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.content
-  }, /*#__PURE__*/_react["default"].createElement(_configUi.Toggle, {
+  }, includeAxesEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.Toggle, {
     label: "Include axes and labels?",
     toggle: onIncludeAxes,
     checked: includeAxes
-  }), /*#__PURE__*/_react["default"].createElement(_configUi.Toggle, {
+  }), standardGridEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.Toggle, {
     label: "Constrain to standard coordinate grid?",
     toggle: onStandardGridChanged,
     checked: standardGrid
@@ -323,7 +354,7 @@ var GridSetup = function GridSetup(props) {
 GridSetup.propTypes = {
   classes: _propTypes["default"].object,
   domain: _propTypes["default"].object,
-  dimensionsEnabled: _propTypes["default"].object,
+  displayedFields: _propTypes["default"].object,
   gridValues: _propTypes["default"].object,
   includeAxes: _propTypes["default"].bool,
   labelValues: _propTypes["default"].object,

package/lib/grid-setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-setup.js","names":["GridConfig","props","classes","disabled","labelValue","labelValues","gridValue","gridValues","onChange","columnView","mediumTextField","e","v","AxisConfig","label","maxValue","minValue","type","activePlugins","axisLabel","value","GridSetup","domain","dimensionsEnabled","includeAxes","range","size","sizeConstraints","standardGrid","gridProps","min","max","onIncludeAxes","noAxesConfig","axis","step","labelStep","updatedRange","updatedDomain","onStandardGridChanged","graph","height","width","onSizeChanged","key","onDomainChanged","onRangeChanged","axesConfig","rowView","text","gridlinesConfig","largeTextField","wrapper","content","dimensions","textField","propTypes","PropTypes","object","bool","styles","theme","display","flexDirection","alignItems","justifyContent","margin","spacing","unit","fontStyle","color","paddingTop","withStyles"],"sources":["../src/grid-setup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport Typography from '@material-ui/core/Typography';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { NumberTextFieldCustom, Toggle } from '@pie-lib/config-ui';\nimport EditableHTML from '@pie-lib/editable-html';\n\nconst GridConfig = props => {\n  const { classes, disabled, labelValue, labelValues, gridValue, gridValues, onChange } = props;\n\n  return (\n    <div className={classes.columnView}>\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label=\"Grid Interval\"\n        value={gridValue}\n        customValues={gridValues}\n        variant=\"outlined\"\n        disabled={disabled}\n        onChange={(e, v) => onChange('step', v)}\n      />\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label=\"Label Interval\"\n        value={labelValue}\n        customValues={labelValues}\n        variant=\"outlined\"\n        disabled={disabled}\n        onChange={(e, v) => onChange('labelStep', v)}\n      />\n    </div>\n  );\n};\n\nconst AxisConfig = props => {\n  const { classes, disabled, label, maxValue, minValue, onChange, type } = props;\n  const activePlugins = [\n    'bold',\n    'italic',\n    'underline',\n    'strikethrough'\n    // 'languageCharacters'\n  ];\n\n  return (\n    <div className={classes.columnView}>\n      <Typography variant=\"subtitle2\">\n        <i>{type === 'domain' ? 'x' : 'y'}</i>\n        -axis\n      </Typography>\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label=\"Min Value\"\n        value={minValue}\n        min={-10000}\n        max={maxValue - 0.01}\n        variant=\"outlined\"\n        disabled={disabled}\n        onChange={(e, v) => onChange('min', v)}\n      />\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label=\"Max Value\"\n        value={maxValue}\n        min={minValue + 0.01}\n        max={10000}\n        variant=\"outlined\"\n        disabled={disabled}\n        onChange={(e, v) => onChange('max', v)}\n      />\n      <InputContainer label=\"Label\" className={classes.mediumTextField}>\n        <EditableHTML\n          className={classes.axisLabel}\n          onChange={value => onChange('axisLabel', value)}\n          markup={label || ''}\n          charactersLimit={5}\n          activePlugins={activePlugins}\n        />\n      </InputContainer>\n    </div>\n  );\n};\n\nconst GridSetup = props => {\n  const {\n    classes,\n    domain,\n    dimensionsEnabled,\n    gridValues = {},\n    includeAxes,\n    labelValues = {},\n    onChange,\n    range,\n    size,\n    sizeConstraints,\n    standardGrid\n  } = props;\n  const gridProps = { min: 2, max: 41 };\n\n  const onIncludeAxes = includeAxes => {\n    const noAxesConfig = type => {\n      const axis = type === 'domain' ? domain : range;\n\n      return {\n        min: 1,\n        max: axis.max < gridProps.min || axis.max > gridProps.max ? 16 : axis.max,\n        step: 1,\n        labelStep: 0\n      };\n    };\n\n    const updatedRange = {\n      ...range,\n      ...(includeAxes ? { labelStep: 1 } : noAxesConfig('range'))\n    };\n    const updatedDomain = {\n      ...domain,\n      ...(includeAxes ? { labelStep: 1 } : noAxesConfig('domain'))\n    };\n\n    onChange({ includeAxes, range: updatedRange, domain: updatedDomain });\n  };\n\n  const onStandardGridChanged = value => {\n    onChange({\n      standardGrid: value,\n      range: {\n        ...domain,\n        axisLabel: range.axisLabel\n      },\n      graph: {\n        ...size,\n        height: size.width\n      }\n    });\n  };\n\n  const onSizeChanged = (key, value) => {\n    const graph = { ...size, [key]: value };\n\n    if (standardGrid) {\n      graph.height = value;\n    }\n\n    onChange({ graph });\n  };\n\n  const onDomainChanged = (key, value) => {\n    domain[key] = value;\n\n    if (standardGrid && key !== 'axisLabel') {\n      range[key] = value;\n    }\n\n    onChange({ domain, range });\n  };\n\n  const onRangeChanged = (key, value) => {\n    range[key] = value;\n\n    onChange({ range });\n  };\n\n  const axesConfig = (\n    <React.Fragment>\n      <div className={classes.rowView}>\n        <AxisConfig\n          classes={classes}\n          type=\"domain\"\n          minValue={domain.min}\n          maxValue={domain.max}\n          label={domain.axisLabel}\n          includeAxes={includeAxes}\n          onChange={onDomainChanged}\n        />\n        <AxisConfig\n          classes={classes}\n          type=\"range\"\n          minValue={range.min}\n          maxValue={range.max}\n          label={range.axisLabel}\n          disabled={standardGrid}\n          includeAxes={includeAxes}\n          onChange={onRangeChanged}\n        />\n      </div>\n      <Typography className={classes.text}>\n        If you want the axis to be visible, use a zero or negative Min Value, and a positive Max\n        Value\n      </Typography>\n      <div className={classes.rowView}>\n        <GridConfig\n          classes={classes}\n          gridValue={domain.step}\n          labelValue={domain.labelStep}\n          gridValues={gridValues.domain || []}\n          labelValues={labelValues.domain || []}\n          onChange={onDomainChanged}\n        />\n        <GridConfig\n          classes={classes}\n          disabled={standardGrid}\n          gridValue={range.step}\n          labelValue={range.labelStep}\n          gridValues={gridValues.range || []}\n          labelValues={labelValues.range || []}\n          onChange={onRangeChanged}\n        />\n      </div>\n      <Typography className={classes.text}>\n        For unnumbered gridlines, enter a label interval of 0\n      </Typography>\n    </React.Fragment>\n  );\n\n  const gridlinesConfig = (\n    <div className={classes.columnView}>\n      <NumberTextFieldCustom\n        className={classes.largeTextField}\n        label=\"Number of Horizontal Gridlines\"\n        value={domain.max}\n        min={!includeAxes && gridProps.min}\n        max={!includeAxes && gridProps.max}\n        variant=\"outlined\"\n        onChange={(e, v) => onDomainChanged('max', v)}\n      />\n      <NumberTextFieldCustom\n        className={classes.largeTextField}\n        label=\"Number of Vertical Gridlines\"\n        value={range.max}\n        min={!includeAxes && gridProps.min}\n        max={!includeAxes && gridProps.max}\n        variant=\"outlined\"\n        disabled={standardGrid}\n        onChange={(e, v) => onRangeChanged('max', v)}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.wrapper}>\n      <ExpansionPanel>\n        <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n          <Typography variant=\"subtitle1\">Customize Grid Setup</Typography>\n        </ExpansionPanelSummary>\n        <ExpansionPanelDetails>\n          <div className={classes.content}>\n            <Toggle label=\"Include axes and labels?\" toggle={onIncludeAxes} checked={includeAxes} />\n            <Toggle\n              label=\"Constrain to standard coordinate grid?\"\n              toggle={onStandardGridChanged}\n              checked={standardGrid}\n            />\n            {includeAxes ? axesConfig : gridlinesConfig}\n            {dimensionsEnabled && (\n              <div className={classes.dimensions}>\n                <div>\n                  <Typography>Dimensions(px)</Typography>\n                  <Typography className={classes.disabled}>\n                    Min {sizeConstraints.min}, Max {sizeConstraints.max}\n                  </Typography>\n                </div>\n                <NumberTextFieldCustom\n                  className={classes.textField}\n                  label=\"Width\"\n                  value={size.width}\n                  min={sizeConstraints.min}\n                  max={sizeConstraints.max}\n                  step={sizeConstraints.step}\n                  variant=\"outlined\"\n                  onChange={(e, v) => onSizeChanged('width', v)}\n                />\n                <NumberTextFieldCustom\n                  className={classes.textField}\n                  label=\"Height\"\n                  value={size.height}\n                  min={sizeConstraints.min}\n                  max={sizeConstraints.max}\n                  step={sizeConstraints.step}\n                  variant=\"outlined\"\n                  disabled={standardGrid}\n                  onChange={(e, v) => onSizeChanged('height', v)}\n                />\n              </div>\n            )}\n          </div>\n        </ExpansionPanelDetails>\n      </ExpansionPanel>\n    </div>\n  );\n};\n\nGridSetup.propTypes = {\n  classes: PropTypes.object,\n  domain: PropTypes.object,\n  dimensionsEnabled: PropTypes.object,\n  gridValues: PropTypes.object,\n  includeAxes: PropTypes.bool,\n  labelValues: PropTypes.object,\n  onChange: PropTypes.function,\n  range: PropTypes.object,\n  size: PropTypes.object,\n  sizeConstraints: PropTypes.object,\n  standardGrid: PropTypes.bool\n};\n\nconst styles = theme => ({\n  wrapper: {\n    width: '450px'\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%'\n  },\n  columnView: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center'\n  },\n  rowView: {\n    display: 'flex',\n    justifyContent: 'space-around',\n    alignItems: 'center'\n  },\n  textField: {\n    width: '130px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  mediumTextField: {\n    width: '160px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  largeTextField: {\n    width: '230px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  text: {\n    fontStyle: 'italic',\n    margin: `${theme.spacing.unit}px 0`\n  },\n  dimensions: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  },\n  disabled: {\n    color: color.disabled()\n  },\n  axisLabel: {\n    paddingTop: theme.spacing.unit * 2\n  }\n});\n\nexport default withStyles(styles)(GridSetup);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAAAC,KAAK,EAAI;EAC1B,IAAQC,OAAR,GAAwFD,KAAxF,CAAQC,OAAR;EAAA,IAAiBC,QAAjB,GAAwFF,KAAxF,CAAiBE,QAAjB;EAAA,IAA2BC,UAA3B,GAAwFH,KAAxF,CAA2BG,UAA3B;EAAA,IAAuCC,WAAvC,GAAwFJ,KAAxF,CAAuCI,WAAvC;EAAA,IAAoDC,SAApD,GAAwFL,KAAxF,CAAoDK,SAApD;EAAA,IAA+DC,UAA/D,GAAwFN,KAAxF,CAA+DM,UAA/D;EAAA,IAA2EC,SAA3E,GAAwFP,KAAxF,CAA2EO,QAA3E;EAEA,oBACE;IAAK,SAAS,EAAEN,OAAO,CAACO;EAAxB,gBACE,gCAAC,+BAAD;IACE,SAAS,EAAEP,OAAO,CAACQ,eADrB;IAEE,KAAK,EAAC,eAFR;IAGE,KAAK,EAAEJ,SAHT;IAIE,YAAY,EAAEC,UAJhB;IAKE,OAAO,EAAC,UALV;IAME,QAAQ,EAAEJ,QANZ;IAOE,QAAQ,EAAE,kBAACQ,CAAD,EAAIC,CAAJ;MAAA,OAAUJ,SAAQ,CAAC,MAAD,EAASI,CAAT,CAAlB;IAAA;EAPZ,EADF,eAUE,gCAAC,+BAAD;IACE,SAAS,EAAEV,OAAO,CAACQ,eADrB;IAEE,KAAK,EAAC,gBAFR;IAGE,KAAK,EAAEN,UAHT;IAIE,YAAY,EAAEC,WAJhB;IAKE,OAAO,EAAC,UALV;IAME,QAAQ,EAAEF,QANZ;IAOE,QAAQ,EAAE,kBAACQ,CAAD,EAAIC,CAAJ;MAAA,OAAUJ,SAAQ,CAAC,WAAD,EAAcI,CAAd,CAAlB;IAAA;EAPZ,EAVF,CADF;AAsBD,CAzBD;;AA2BA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAAAZ,KAAK,EAAI;EAC1B,IAAQC,OAAR,GAAyED,KAAzE,CAAQC,OAAR;EAAA,IAAiBC,QAAjB,GAAyEF,KAAzE,CAAiBE,QAAjB;EAAA,IAA2BW,KAA3B,GAAyEb,KAAzE,CAA2Ba,KAA3B;EAAA,IAAkCC,QAAlC,GAAyEd,KAAzE,CAAkCc,QAAlC;EAAA,IAA4CC,QAA5C,GAAyEf,KAAzE,CAA4Ce,QAA5C;EAAA,IAAsDR,UAAtD,GAAyEP,KAAzE,CAAsDO,QAAtD;EAAA,IAAgES,IAAhE,GAAyEhB,KAAzE,CAAgEgB,IAAhE;EACA,IAAMC,aAAa,GAAG,CACpB,MADoB,EAEpB,QAFoB,EAGpB,WAHoB,EAIpB,eAJoB,CAKpB;EALoB,CAAtB;EAQA,oBACE;IAAK,SAAS,EAAEhB,OAAO,CAACO;EAAxB,gBACE,gCAAC,sBAAD;IAAY,OAAO,EAAC;EAApB,gBACE,2CAAIQ,IAAI,KAAK,QAAT,GAAoB,GAApB,GAA0B,GAA9B,CADF,UADF,eAKE,gCAAC,+BAAD;IACE,SAAS,EAAEf,OAAO,CAACQ,eADrB;IAEE,KAAK,EAAC,WAFR;IAGE,KAAK,EAAEM,QAHT;IAIE,GAAG,EAAE,CAAC,KAJR;IAKE,GAAG,EAAED,QAAQ,GAAG,IALlB;IAME,OAAO,EAAC,UANV;IAOE,QAAQ,EAAEZ,QAPZ;IAQE,QAAQ,EAAE,kBAACQ,CAAD,EAAIC,CAAJ;MAAA,OAAUJ,UAAQ,CAAC,KAAD,EAAQI,CAAR,CAAlB;IAAA;EARZ,EALF,eAeE,gCAAC,+BAAD;IACE,SAAS,EAAEV,OAAO,CAACQ,eADrB;IAEE,KAAK,EAAC,WAFR;IAGE,KAAK,EAAEK,QAHT;IAIE,GAAG,EAAEC,QAAQ,GAAG,IAJlB;IAKE,GAAG,EAAE,KALP;IAME,OAAO,EAAC,UANV;IAOE,QAAQ,EAAEb,QAPZ;IAQE,QAAQ,EAAE,kBAACQ,CAAD,EAAIC,CAAJ;MAAA,OAAUJ,UAAQ,CAAC,KAAD,EAAQI,CAAR,CAAlB;IAAA;EARZ,EAfF,eAyBE,gCAAC,wBAAD;IAAgB,KAAK,EAAC,OAAtB;IAA8B,SAAS,EAAEV,OAAO,CAACQ;EAAjD,gBACE,gCAAC,wBAAD;IACE,SAAS,EAAER,OAAO,CAACiB,SADrB;IAEE,QAAQ,EAAE,kBAAAC,KAAK;MAAA,OAAIZ,UAAQ,CAAC,WAAD,EAAcY,KAAd,CAAZ;IAAA,CAFjB;IAGE,MAAM,EAAEN,KAAK,IAAI,EAHnB;IAIE,eAAe,EAAE,CAJnB;IAKE,aAAa,EAAEI;EALjB,EADF,CAzBF,CADF;AAqCD,CA/CD;;AAiDA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAAApB,KAAK,EAAI;EACzB,IACEC,OADF,GAYID,KAZJ,CACEC,OADF;EAAA,IAEEoB,MAFF,GAYIrB,KAZJ,CAEEqB,MAFF;EAAA,IAGEC,iBAHF,GAYItB,KAZJ,CAGEsB,iBAHF;EAAA,wBAYItB,KAZJ,CAIEM,UAJF;EAAA,IAIEA,UAJF,kCAIe,EAJf;EAAA,IAKEiB,WALF,GAYIvB,KAZJ,CAKEuB,WALF;EAAA,yBAYIvB,KAZJ,CAMEI,WANF;EAAA,IAMEA,WANF,mCAMgB,EANhB;EAAA,IAOEG,QAPF,GAYIP,KAZJ,CAOEO,QAPF;EAAA,IAQEiB,KARF,GAYIxB,KAZJ,CAQEwB,KARF;EAAA,IASEC,IATF,GAYIzB,KAZJ,CASEyB,IATF;EAAA,IAUEC,eAVF,GAYI1B,KAZJ,CAUE0B,eAVF;EAAA,IAWEC,YAXF,GAYI3B,KAZJ,CAWE2B,YAXF;EAaA,IAAMC,SAAS,GAAG;IAAEC,GAAG,EAAE,CAAP;IAAUC,GAAG,EAAE;EAAf,CAAlB;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAAR,WAAW,EAAI;IACnC,IAAMS,YAAY,GAAG,SAAfA,YAAe,CAAAhB,IAAI,EAAI;MAC3B,IAAMiB,IAAI,GAAGjB,IAAI,KAAK,QAAT,GAAoBK,MAApB,GAA6BG,KAA1C;MAEA,OAAO;QACLK,GAAG,EAAE,CADA;QAELC,GAAG,EAAEG,IAAI,CAACH,GAAL,GAAWF,SAAS,CAACC,GAArB,IAA4BI,IAAI,CAACH,GAAL,GAAWF,SAAS,CAACE,GAAjD,GAAuD,EAAvD,GAA4DG,IAAI,CAACH,GAFjE;QAGLI,IAAI,EAAE,CAHD;QAILC,SAAS,EAAE;MAJN,CAAP;IAMD,CATD;;IAWA,IAAMC,YAAY,mCACbZ,KADa,GAEZD,WAAW,GAAG;MAAEY,SAAS,EAAE;IAAb,CAAH,GAAsBH,YAAY,CAAC,OAAD,CAFjC,CAAlB;;IAIA,IAAMK,aAAa,mCACdhB,MADc,GAEbE,WAAW,GAAG;MAAEY,SAAS,EAAE;IAAb,CAAH,GAAsBH,YAAY,CAAC,QAAD,CAFhC,CAAnB;;IAKAzB,QAAQ,CAAC;MAAEgB,WAAW,EAAXA,WAAF;MAAeC,KAAK,EAAEY,YAAtB;MAAoCf,MAAM,EAAEgB;IAA5C,CAAD,CAAR;EACD,CAtBD;;EAwBA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAAAnB,KAAK,EAAI;IACrCZ,QAAQ,CAAC;MACPoB,YAAY,EAAER,KADP;MAEPK,KAAK,kCACAH,MADA;QAEHH,SAAS,EAAEM,KAAK,CAACN;MAFd,EAFE;MAMPqB,KAAK,kCACAd,IADA;QAEHe,MAAM,EAAEf,IAAI,CAACgB;MAFV;IANE,CAAD,CAAR;EAWD,CAZD;;EAcA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,GAAD,EAAMxB,KAAN,EAAgB;IACpC,IAAMoB,KAAK,mCAAQd,IAAR,2BAAekB,GAAf,EAAqBxB,KAArB,EAAX;;IAEA,IAAIQ,YAAJ,EAAkB;MAChBY,KAAK,CAACC,MAAN,GAAerB,KAAf;IACD;;IAEDZ,QAAQ,CAAC;MAAEgC,KAAK,EAALA;IAAF,CAAD,CAAR;EACD,CARD;;EAUA,IAAMK,eAAe,GAAG,SAAlBA,eAAkB,CAACD,GAAD,EAAMxB,KAAN,EAAgB;IACtCE,MAAM,CAACsB,GAAD,CAAN,GAAcxB,KAAd;;IAEA,IAAIQ,YAAY,IAAIgB,GAAG,KAAK,WAA5B,EAAyC;MACvCnB,KAAK,CAACmB,GAAD,CAAL,GAAaxB,KAAb;IACD;;IAEDZ,QAAQ,CAAC;MAAEc,MAAM,EAANA,MAAF;MAAUG,KAAK,EAALA;IAAV,CAAD,CAAR;EACD,CARD;;EAUA,IAAMqB,cAAc,GAAG,SAAjBA,cAAiB,CAACF,GAAD,EAAMxB,KAAN,EAAgB;IACrCK,KAAK,CAACmB,GAAD,CAAL,GAAaxB,KAAb;IAEAZ,QAAQ,CAAC;MAAEiB,KAAK,EAALA;IAAF,CAAD,CAAR;EACD,CAJD;;EAMA,IAAMsB,UAAU,gBACd,gCAAC,iBAAD,CAAO,QAAP,qBACE;IAAK,SAAS,EAAE7C,OAAO,CAAC8C;EAAxB,gBACE,gCAAC,UAAD;IACE,OAAO,EAAE9C,OADX;IAEE,IAAI,EAAC,QAFP;IAGE,QAAQ,EAAEoB,MAAM,CAACQ,GAHnB;IAIE,QAAQ,EAAER,MAAM,CAACS,GAJnB;IAKE,KAAK,EAAET,MAAM,CAACH,SALhB;IAME,WAAW,EAAEK,WANf;IAOE,QAAQ,EAAEqB;EAPZ,EADF,eAUE,gCAAC,UAAD;IACE,OAAO,EAAE3C,OADX;IAEE,IAAI,EAAC,OAFP;IAGE,QAAQ,EAAEuB,KAAK,CAACK,GAHlB;IAIE,QAAQ,EAAEL,KAAK,CAACM,GAJlB;IAKE,KAAK,EAAEN,KAAK,CAACN,SALf;IAME,QAAQ,EAAES,YANZ;IAOE,WAAW,EAAEJ,WAPf;IAQE,QAAQ,EAAEsB;EARZ,EAVF,CADF,eAsBE,gCAAC,sBAAD;IAAY,SAAS,EAAE5C,OAAO,CAAC+C;EAA/B,oGAtBF,eA0BE;IAAK,SAAS,EAAE/C,OAAO,CAAC8C;EAAxB,gBACE,gCAAC,UAAD;IACE,OAAO,EAAE9C,OADX;IAEE,SAAS,EAAEoB,MAAM,CAACa,IAFpB;IAGE,UAAU,EAAEb,MAAM,CAACc,SAHrB;IAIE,UAAU,EAAE7B,UAAU,CAACe,MAAX,IAAqB,EAJnC;IAKE,WAAW,EAAEjB,WAAW,CAACiB,MAAZ,IAAsB,EALrC;IAME,QAAQ,EAAEuB;EANZ,EADF,eASE,gCAAC,UAAD;IACE,OAAO,EAAE3C,OADX;IAEE,QAAQ,EAAE0B,YAFZ;IAGE,SAAS,EAAEH,KAAK,CAACU,IAHnB;IAIE,UAAU,EAAEV,KAAK,CAACW,SAJpB;IAKE,UAAU,EAAE7B,UAAU,CAACkB,KAAX,IAAoB,EALlC;IAME,WAAW,EAAEpB,WAAW,CAACoB,KAAZ,IAAqB,EANpC;IAOE,QAAQ,EAAEqB;EAPZ,EATF,CA1BF,eA6CE,gCAAC,sBAAD;IAAY,SAAS,EAAE5C,OAAO,CAAC+C;EAA/B,2DA7CF,CADF;;EAoDA,IAAMC,eAAe,gBACnB;IAAK,SAAS,EAAEhD,OAAO,CAACO;EAAxB,gBACE,gCAAC,+BAAD;IACE,SAAS,EAAEP,OAAO,CAACiD,cADrB;IAEE,KAAK,EAAC,gCAFR;IAGE,KAAK,EAAE7B,MAAM,CAACS,GAHhB;IAIE,GAAG,EAAE,CAACP,WAAD,IAAgBK,SAAS,CAACC,GAJjC;IAKE,GAAG,EAAE,CAACN,WAAD,IAAgBK,SAAS,CAACE,GALjC;IAME,OAAO,EAAC,UANV;IAOE,QAAQ,EAAE,kBAACpB,CAAD,EAAIC,CAAJ;MAAA,OAAUiC,eAAe,CAAC,KAAD,EAAQjC,CAAR,CAAzB;IAAA;EAPZ,EADF,eAUE,gCAAC,+BAAD;IACE,SAAS,EAAEV,OAAO,CAACiD,cADrB;IAEE,KAAK,EAAC,8BAFR;IAGE,KAAK,EAAE1B,KAAK,CAACM,GAHf;IAIE,GAAG,EAAE,CAACP,WAAD,IAAgBK,SAAS,CAACC,GAJjC;IAKE,GAAG,EAAE,CAACN,WAAD,IAAgBK,SAAS,CAACE,GALjC;IAME,OAAO,EAAC,UANV;IAOE,QAAQ,EAAEH,YAPZ;IAQE,QAAQ,EAAE,kBAACjB,CAAD,EAAIC,CAAJ;MAAA,OAAUkC,cAAc,CAAC,KAAD,EAAQlC,CAAR,CAAxB;IAAA;EARZ,EAVF,CADF;;EAwBA,oBACE;IAAK,SAAS,EAAEV,OAAO,CAACkD;EAAxB,gBACE,gCAAC,0BAAD,qBACE,gCAAC,iCAAD;IAAuB,UAAU,eAAE,gCAAC,sBAAD;EAAnC,gBACE,gCAAC,sBAAD;IAAY,OAAO,EAAC;EAApB,0BADF,CADF,eAIE,gCAAC,iCAAD,qBACE;IAAK,SAAS,EAAElD,OAAO,CAACmD;EAAxB,gBACE,gCAAC,gBAAD;IAAQ,KAAK,EAAC,0BAAd;IAAyC,MAAM,EAAErB,aAAjD;IAAgE,OAAO,EAAER;EAAzE,EADF,eAEE,gCAAC,gBAAD;IACE,KAAK,EAAC,wCADR;IAEE,MAAM,EAAEe,qBAFV;IAGE,OAAO,EAAEX;EAHX,EAFF,EAOGJ,WAAW,GAAGuB,UAAH,GAAgBG,eAP9B,EAQG3B,iBAAiB,iBAChB;IAAK,SAAS,EAAErB,OAAO,CAACoD;EAAxB,gBACE,0DACE,gCAAC,sBAAD,yBADF,eAEE,gCAAC,sBAAD;IAAY,SAAS,EAAEpD,OAAO,CAACC;EAA/B,WACOwB,eAAe,CAACG,GADvB,YACkCH,eAAe,CAACI,GADlD,CAFF,CADF,eAOE,gCAAC,+BAAD;IACE,SAAS,EAAE7B,OAAO,CAACqD,SADrB;IAEE,KAAK,EAAC,OAFR;IAGE,KAAK,EAAE7B,IAAI,CAACgB,KAHd;IAIE,GAAG,EAAEf,eAAe,CAACG,GAJvB;IAKE,GAAG,EAAEH,eAAe,CAACI,GALvB;IAME,IAAI,EAAEJ,eAAe,CAACQ,IANxB;IAOE,OAAO,EAAC,UAPV;IAQE,QAAQ,EAAE,kBAACxB,CAAD,EAAIC,CAAJ;MAAA,OAAU+B,aAAa,CAAC,OAAD,EAAU/B,CAAV,CAAvB;IAAA;EARZ,EAPF,eAiBE,gCAAC,+BAAD;IACE,SAAS,EAAEV,OAAO,CAACqD,SADrB;IAEE,KAAK,EAAC,QAFR;IAGE,KAAK,EAAE7B,IAAI,CAACe,MAHd;IAIE,GAAG,EAAEd,eAAe,CAACG,GAJvB;IAKE,GAAG,EAAEH,eAAe,CAACI,GALvB;IAME,IAAI,EAAEJ,eAAe,CAACQ,IANxB;IAOE,OAAO,EAAC,UAPV;IAQE,QAAQ,EAAEP,YARZ;IASE,QAAQ,EAAE,kBAACjB,CAAD,EAAIC,CAAJ;MAAA,OAAU+B,aAAa,CAAC,QAAD,EAAW/B,CAAX,CAAvB;IAAA;EATZ,EAjBF,CATJ,CADF,CAJF,CADF,CADF;AAmDD,CA/MD;;AAiNAS,SAAS,CAACmC,SAAV,GAAsB;EACpBtD,OAAO,EAAEuD,qBAAA,CAAUC,MADC;EAEpBpC,MAAM,EAAEmC,qBAAA,CAAUC,MAFE;EAGpBnC,iBAAiB,EAAEkC,qBAAA,CAAUC,MAHT;EAIpBnD,UAAU,EAAEkD,qBAAA,CAAUC,MAJF;EAKpBlC,WAAW,EAAEiC,qBAAA,CAAUE,IALH;EAMpBtD,WAAW,EAAEoD,qBAAA,CAAUC,MANH;EAOpBlD,QAAQ,EAAEiD,qBAAA,YAPU;EAQpBhC,KAAK,EAAEgC,qBAAA,CAAUC,MARG;EASpBhC,IAAI,EAAE+B,qBAAA,CAAUC,MATI;EAUpB/B,eAAe,EAAE8B,qBAAA,CAAUC,MAVP;EAWpB9B,YAAY,EAAE6B,qBAAA,CAAUE;AAXJ,CAAtB;;AAcA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACvBT,OAAO,EAAE;MACPV,KAAK,EAAE;IADA,CADc;IAIvBW,OAAO,EAAE;MACPS,OAAO,EAAE,MADF;MAEPC,aAAa,EAAE,QAFR;MAGPrB,KAAK,EAAE;IAHA,CAJc;IASvBjC,UAAU,EAAE;MACVqD,OAAO,EAAE,MADC;MAEVC,aAAa,EAAE,QAFL;MAGVC,UAAU,EAAE;IAHF,CATW;IAcvBhB,OAAO,EAAE;MACPc,OAAO,EAAE,MADF;MAEPG,cAAc,EAAE,cAFT;MAGPD,UAAU,EAAE;IAHL,CAdc;IAmBvBT,SAAS,EAAE;MACTb,KAAK,EAAE,OADE;MAETwB,MAAM,YAAKL,KAAK,CAACM,OAAN,CAAcC,IAAnB,gBAA6BP,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB,CAAlD;IAFG,CAnBY;IAuBvB1D,eAAe,EAAE;MACfgC,KAAK,EAAE,OADQ;MAEfwB,MAAM,YAAKL,KAAK,CAACM,OAAN,CAAcC,IAAnB,gBAA6BP,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB,CAAlD;IAFS,CAvBM;IA2BvBjB,cAAc,EAAE;MACdT,KAAK,EAAE,OADO;MAEdwB,MAAM,YAAKL,KAAK,CAACM,OAAN,CAAcC,IAAnB,gBAA6BP,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB,CAAlD;IAFQ,CA3BO;IA+BvBnB,IAAI,EAAE;MACJoB,SAAS,EAAE,QADP;MAEJH,MAAM,YAAKL,KAAK,CAACM,OAAN,CAAcC,IAAnB;IAFF,CA/BiB;IAmCvBd,UAAU,EAAE;MACVQ,OAAO,EAAE,MADC;MAEVG,cAAc,EAAE,eAFN;MAGVD,UAAU,EAAE;IAHF,CAnCW;IAwCvB7D,QAAQ,EAAE;MACRmE,KAAK,EAAEA,eAAA,CAAMnE,QAAN;IADC,CAxCa;IA2CvBgB,SAAS,EAAE;MACToD,UAAU,EAAEV,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB;IADxB;EA3CY,CAAL;AAAA,CAApB;;eAgDe,IAAAI,kBAAA,EAAWZ,MAAX,EAAmBvC,SAAnB,C"}
+{"version":3,"file":"grid-setup.js","names":["GridConfig","props","classes","disabled","displayedFields","labelValue","labelValues","gridValue","gridValues","onChange","labelStep","step","columnView","enabled","mediumTextField","label","e","v","AxisConfig","displayHeader","maxValue","minValue","type","axisLabel","min","max","activePlugins","value","GridSetup","domain","includeAxes","range","size","sizeConstraints","standardGrid","gridProps","dimensionsEnabled","includeAxesEnabled","standardGridEnabled","displayAxisType","gridConfigFields","axisConfigFields","onIncludeAxes","noAxesConfig","axis","updatedRange","updatedDomain","onStandardGridChanged","graph","height","width","onSizeChanged","key","onDomainChanged","onRangeChanged","axesConfig","rowView","text","gridlinesConfig","largeTextField","wrapper","content","dimensions","textField","propTypes","PropTypes","object","bool","styles","theme","display","flexDirection","alignItems","justifyContent","margin","spacing","unit","fontStyle","color","paddingTop","withStyles"],"sources":["../src/grid-setup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport Typography from '@material-ui/core/Typography';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { NumberTextFieldCustom, Toggle } from '@pie-lib/config-ui';\nimport EditableHTML from '@pie-lib/editable-html';\n\nconst GridConfig = props => {\n  const {\n    classes,\n    disabled,\n    displayedFields,\n    labelValue,\n    labelValues,\n    gridValue,\n    gridValues,\n    onChange\n  } = props;\n  const { labelStep, step } = displayedFields;\n\n  return (\n    <div className={classes.columnView}>\n      {step.enabled && (\n        <NumberTextFieldCustom\n          className={classes.mediumTextField}\n          label={step.label}\n          value={gridValue}\n          customValues={gridValues}\n          variant=\"outlined\"\n          disabled={disabled}\n          onChange={(e, v) => onChange('step', v)}\n        />\n      )}\n      {labelStep.enabled && (\n        <NumberTextFieldCustom\n          className={classes.mediumTextField}\n          label={labelStep.label}\n          value={labelValue}\n          customValues={labelValues}\n          variant=\"outlined\"\n          disabled={disabled}\n          onChange={(e, v) => onChange('labelStep', v)}\n        />\n      )}\n    </div>\n  );\n};\n\nconst AxisConfig = props => {\n  const {\n    classes,\n    disabled,\n    displayedFields,\n    displayHeader,\n    label,\n    maxValue,\n    minValue,\n    onChange,\n    type\n  } = props;\n  const { axisLabel, min, max } = displayedFields;\n  const activePlugins = [\n    'bold',\n    'italic',\n    'underline',\n    'strikethrough'\n    // 'languageCharacters'\n  ];\n\n  return (\n    <div className={classes.columnView}>\n      {displayHeader && (\n        <Typography variant=\"subtitle2\">\n          <i>{type === 'domain' ? 'x' : 'y'}</i>\n          -axis\n        </Typography>\n      )}\n      {min.enabled && (\n        <NumberTextFieldCustom\n          className={classes.mediumTextField}\n          label={min.label}\n          value={minValue}\n          min={-10000}\n          max={maxValue - 0.01}\n          variant=\"outlined\"\n          disabled={disabled}\n          onChange={(e, v) => onChange('min', v)}\n        />\n      )}\n      {max.enabled && (\n        <NumberTextFieldCustom\n          className={classes.mediumTextField}\n          label={max.label}\n          value={maxValue}\n          min={minValue + 0.01}\n          max={10000}\n          variant=\"outlined\"\n          disabled={disabled}\n          onChange={(e, v) => onChange('max', v)}\n        />\n      )}\n      {axisLabel.enabled && (\n        <InputContainer label={axisLabel.label} className={classes.mediumTextField}>\n          <EditableHTML\n            className={classes.axisLabel}\n            onChange={value => onChange('axisLabel', value)}\n            markup={label || ''}\n            charactersLimit={5}\n            activePlugins={activePlugins}\n          />\n        </InputContainer>\n      )}\n    </div>\n  );\n};\n\nconst GridSetup = props => {\n  const {\n    classes,\n    domain,\n    displayedFields,\n    gridValues = {},\n    includeAxes,\n    labelValues = {},\n    onChange,\n    range,\n    size,\n    sizeConstraints,\n    standardGrid\n  } = props;\n  const gridProps = { min: 2, max: 41 };\n  const {\n    axisLabel,\n    dimensionsEnabled,\n    includeAxesEnabled,\n    labelStep,\n    min,\n    max,\n    standardGridEnabled,\n    step\n  } = displayedFields;\n  const displayAxisType =\n    min.enabled || max.enabled || axisLabel.enabled || step.enabled || labelStep.enabled;\n  const gridConfigFields = { step, labelStep };\n  const axisConfigFields = { min, max, axisLabel };\n\n  const onIncludeAxes = includeAxes => {\n    const noAxesConfig = type => {\n      const axis = type === 'domain' ? domain : range;\n\n      return {\n        min: 1,\n        max: axis.max < gridProps.min || axis.max > gridProps.max ? 16 : axis.max,\n        step: 1,\n        labelStep: 0\n      };\n    };\n\n    const updatedRange = {\n      ...range,\n      ...(includeAxes ? { labelStep: 1 } : noAxesConfig('range'))\n    };\n    const updatedDomain = {\n      ...domain,\n      ...(includeAxes ? { labelStep: 1 } : noAxesConfig('domain'))\n    };\n\n    onChange({ includeAxes, range: updatedRange, domain: updatedDomain });\n  };\n\n  const onStandardGridChanged = value => {\n    onChange({\n      standardGrid: value,\n      range: {\n        ...domain,\n        axisLabel: range.axisLabel\n      },\n      graph: {\n        ...size,\n        height: size.width\n      }\n    });\n  };\n\n  const onSizeChanged = (key, value) => {\n    const graph = { ...size, [key]: value };\n\n    if (standardGrid) {\n      graph.height = value;\n    }\n\n    onChange({ graph });\n  };\n\n  const onDomainChanged = (key, value) => {\n    domain[key] = value;\n\n    if (standardGrid && key !== 'axisLabel') {\n      range[key] = value;\n    }\n\n    onChange({ domain, range });\n  };\n\n  const onRangeChanged = (key, value) => {\n    range[key] = value;\n\n    onChange({ range });\n  };\n\n  const axesConfig = (\n    <React.Fragment>\n      <div className={classes.rowView}>\n        <AxisConfig\n          classes={classes}\n          displayedFields={axisConfigFields}\n          displayHeader={displayAxisType}\n          type=\"domain\"\n          minValue={domain.min}\n          maxValue={domain.max}\n          label={domain.axisLabel}\n          includeAxes={includeAxes}\n          onChange={onDomainChanged}\n        />\n        <AxisConfig\n          classes={classes}\n          displayedFields={axisConfigFields}\n          displayHeader={displayAxisType}\n          type=\"range\"\n          minValue={range.min}\n          maxValue={range.max}\n          label={range.axisLabel}\n          disabled={standardGrid}\n          includeAxes={includeAxes}\n          onChange={onRangeChanged}\n        />\n      </div>\n      {(min.enabled || max.enabled) && (\n        <Typography className={classes.text}>\n          If you want the axis to be visible, use a zero or negative Min Value, and a positive Max\n          Value\n        </Typography>\n      )}\n      {(step.enabled || labelStep.enabled) && (\n        <div className={classes.rowView}>\n          <GridConfig\n            classes={classes}\n            displayedFields={gridConfigFields}\n            gridValue={domain.step}\n            labelValue={domain.labelStep}\n            gridValues={gridValues.domain || []}\n            labelValues={labelValues.domain || []}\n            onChange={onDomainChanged}\n          />\n          <GridConfig\n            classes={classes}\n            disabled={standardGrid}\n            displayedFields={gridConfigFields}\n            gridValue={range.step}\n            labelValue={range.labelStep}\n            gridValues={gridValues.range || []}\n            labelValues={labelValues.range || []}\n            onChange={onRangeChanged}\n          />\n        </div>\n      )}\n      {labelStep.enabled && (\n        <Typography className={classes.text}>\n          For unnumbered gridlines, enter a label interval of 0\n        </Typography>\n      )}\n    </React.Fragment>\n  );\n\n  const gridlinesConfig = max.enabled ? (\n    <div className={classes.columnView}>\n      <NumberTextFieldCustom\n        className={classes.largeTextField}\n        label=\"Number of Horizontal Gridlines\"\n        value={domain.max}\n        min={!includeAxes && gridProps.min}\n        max={!includeAxes && gridProps.max}\n        variant=\"outlined\"\n        onChange={(e, v) => onDomainChanged('max', v)}\n      />\n      <NumberTextFieldCustom\n        className={classes.largeTextField}\n        label=\"Number of Vertical Gridlines\"\n        value={range.max}\n        min={!includeAxes && gridProps.min}\n        max={!includeAxes && gridProps.max}\n        variant=\"outlined\"\n        disabled={standardGrid}\n        onChange={(e, v) => onRangeChanged('max', v)}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={classes.wrapper}>\n      <ExpansionPanel>\n        <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n          <Typography variant=\"subtitle1\">Customize Grid Setup</Typography>\n        </ExpansionPanelSummary>\n        <ExpansionPanelDetails>\n          <div className={classes.content}>\n            {includeAxesEnabled && (\n              <Toggle\n                label=\"Include axes and labels?\"\n                toggle={onIncludeAxes}\n                checked={includeAxes}\n              />\n            )}\n            {standardGridEnabled && (\n              <Toggle\n                label=\"Constrain to standard coordinate grid?\"\n                toggle={onStandardGridChanged}\n                checked={standardGrid}\n              />\n            )}\n            {includeAxes ? axesConfig : gridlinesConfig}\n            {dimensionsEnabled && (\n              <div className={classes.dimensions}>\n                <div>\n                  <Typography>Dimensions(px)</Typography>\n                  <Typography className={classes.disabled}>\n                    Min {sizeConstraints.min}, Max {sizeConstraints.max}\n                  </Typography>\n                </div>\n                <NumberTextFieldCustom\n                  className={classes.textField}\n                  label=\"Width\"\n                  value={size.width}\n                  min={sizeConstraints.min}\n                  max={sizeConstraints.max}\n                  step={sizeConstraints.step}\n                  variant=\"outlined\"\n                  onChange={(e, v) => onSizeChanged('width', v)}\n                />\n                <NumberTextFieldCustom\n                  className={classes.textField}\n                  label=\"Height\"\n                  value={size.height}\n                  min={sizeConstraints.min}\n                  max={sizeConstraints.max}\n                  step={sizeConstraints.step}\n                  variant=\"outlined\"\n                  disabled={standardGrid}\n                  onChange={(e, v) => onSizeChanged('height', v)}\n                />\n              </div>\n            )}\n          </div>\n        </ExpansionPanelDetails>\n      </ExpansionPanel>\n    </div>\n  );\n};\n\nGridSetup.propTypes = {\n  classes: PropTypes.object,\n  domain: PropTypes.object,\n  displayedFields: PropTypes.object,\n  gridValues: PropTypes.object,\n  includeAxes: PropTypes.bool,\n  labelValues: PropTypes.object,\n  onChange: PropTypes.function,\n  range: PropTypes.object,\n  size: PropTypes.object,\n  sizeConstraints: PropTypes.object,\n  standardGrid: PropTypes.bool\n};\n\nconst styles = theme => ({\n  wrapper: {\n    width: '450px'\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%'\n  },\n  columnView: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center'\n  },\n  rowView: {\n    display: 'flex',\n    justifyContent: 'space-around',\n    alignItems: 'center'\n  },\n  textField: {\n    width: '130px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  mediumTextField: {\n    width: '160px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  largeTextField: {\n    width: '230px',\n    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`\n  },\n  text: {\n    fontStyle: 'italic',\n    margin: `${theme.spacing.unit}px 0`\n  },\n  dimensions: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  },\n  disabled: {\n    color: color.disabled()\n  },\n  axisLabel: {\n    paddingTop: theme.spacing.unit * 2\n  }\n});\n\nexport default withStyles(styles)(GridSetup);\n"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.4.3-next.322+b63751da",
+  "version": "2.4.3-next.352+ab342faa",
   "description": "Graphing components",
   "keywords": [
     "react",
@@ -19,8 +19,8 @@
     "@mapbox/point-geometry": "^0.1.0",
     "@material-ui/core": "^3.8.3",
     "@pie-lib/graphing-utils": "^1.1.20",
-    "@pie-lib/plot": "^2.1.9",
-    "@pie-lib/render-ui": "^4.12.0",
+    "@pie-lib/plot": "^2.2.0",
+    "@pie-lib/render-ui": "^4.12.8",
     "@vx/axis": "^0.0.189",
     "@vx/clip-path": "^0.0.189",
     "@vx/event": "^0.0.189",
@@ -43,6 +43,6 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "b63751da9a0a46186b139e849a560ad3d7fd5866",
+  "gitHead": "ab342faa483f7feb92c134edfe2205ab219d7fcb",
   "scripts": {}
 }

package/src/graph-with-controls.jsx

@@ -25,6 +25,8 @@ export const filterByValidToolTypes = backgroundMarks =>
 export const filterByVisibleToolTypes = (toolbarTools, marks) =>
   marks.filter(bM => !!toolbarTools.find(tool => tool === bM.type));
 
+const getDefaultCurrentTool = toolType => toolsArr.find(tool => tool.type === toolType) || null;
+
 export class GraphWithControls extends React.Component {
   static propTypes = {
     ...graphPropTypes,
@@ -36,7 +38,24 @@ export class GraphWithControls extends React.Component {
 
   static defaultProps = { toolbarTools: [] };
 
-  state = { currentTool: null, labelModeEnabled: false };
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      currentTool: getDefaultCurrentTool(props.defaultTool),
+      labelModeEnabled: false
+    };
+  }
+
+  componentDidUpdate(prevProps) {
+    const { defaultTool } = this.props;
+
+    if (prevProps.defaultTool !== defaultTool) {
+      const currentTool = getDefaultCurrentTool(defaultTool);
+
+      this.setState({ currentTool });
+    }
+  }
 
   changeCurrentTool = (tool, tools) =>
     this.setState({ currentTool: tools.find(t => t.type === tool) });

package/src/grid-setup.jsx

@@ -11,34 +11,59 @@ import { NumberTextFieldCustom, Toggle } from '@pie-lib/config-ui';
 import EditableHTML from '@pie-lib/editable-html';
 
 const GridConfig = props => {
-  const { classes, disabled, labelValue, labelValues, gridValue, gridValues, onChange } = props;
+  const {
+    classes,
+    disabled,
+    displayedFields,
+    labelValue,
+    labelValues,
+    gridValue,
+    gridValues,
+    onChange
+  } = props;
+  const { labelStep, step } = displayedFields;
 
   return (
     <div className={classes.columnView}>
-      <NumberTextFieldCustom
-        className={classes.mediumTextField}
-        label="Grid Interval"
-        value={gridValue}
-        customValues={gridValues}
-        variant="outlined"
-        disabled={disabled}
-        onChange={(e, v) => onChange('step', v)}
-      />
-      <NumberTextFieldCustom
-        className={classes.mediumTextField}
-        label="Label Interval"
-        value={labelValue}
-        customValues={labelValues}
-        variant="outlined"
-        disabled={disabled}
-        onChange={(e, v) => onChange('labelStep', v)}
-      />
+      {step.enabled && (
+        <NumberTextFieldCustom
+          className={classes.mediumTextField}
+          label={step.label}
+          value={gridValue}
+          customValues={gridValues}
+          variant="outlined"
+          disabled={disabled}
+          onChange={(e, v) => onChange('step', v)}
+        />
+      )}
+      {labelStep.enabled && (
+        <NumberTextFieldCustom
+          className={classes.mediumTextField}
+          label={labelStep.label}
+          value={labelValue}
+          customValues={labelValues}
+          variant="outlined"
+          disabled={disabled}
+          onChange={(e, v) => onChange('labelStep', v)}
+        />
+      )}
     </div>
   );
 };
 
 const AxisConfig = props => {
-  const { classes, disabled, label, maxValue, minValue, onChange, type } = props;
+  const {
+    classes,
+    disabled,
+    displayedFields,
+    displayHeader,
+    label,
+    maxValue,
+    minValue,
+    onChange,
+    type
+  } = props;
+  const { axisLabel, min, max } = displayedFields;
   const activePlugins = [
     'bold',
     'italic',
@@ -49,39 +74,47 @@ const AxisConfig = props => {
 
   return (
     <div className={classes.columnView}>
-      <Typography variant="subtitle2">
-        <i>{type === 'domain' ? 'x' : 'y'}</i>
-        -axis
-      </Typography>
-      <NumberTextFieldCustom
-        className={classes.mediumTextField}
-        label="Min Value"
-        value={minValue}
-        min={-10000}
-        max={maxValue - 0.01}
-        variant="outlined"
-        disabled={disabled}
-        onChange={(e, v) => onChange('min', v)}
-      />
-      <NumberTextFieldCustom
-        className={classes.mediumTextField}
-        label="Max Value"
-        value={maxValue}
-        min={minValue + 0.01}
-        max={10000}
-        variant="outlined"
-        disabled={disabled}
-        onChange={(e, v) => onChange('max', v)}
-      />
-      <InputContainer label="Label" className={classes.mediumTextField}>
-        <EditableHTML
-          className={classes.axisLabel}
-          onChange={value => onChange('axisLabel', value)}
-          markup={label || ''}
-          charactersLimit={5}
-          activePlugins={activePlugins}
+      {displayHeader && (
+        <Typography variant="subtitle2">
+          <i>{type === 'domain' ? 'x' : 'y'}</i>
+          -axis
+        </Typography>
+      )}
+      {min.enabled && (
+        <NumberTextFieldCustom
+          className={classes.mediumTextField}
+          label={min.label}
+          value={minValue}
+          min={-10000}
+          max={maxValue - 0.01}
+          variant="outlined"
+          disabled={disabled}
+          onChange={(e, v) => onChange('min', v)}
+        />
+      )}
+      {max.enabled && (
+        <NumberTextFieldCustom
+          className={classes.mediumTextField}
+          label={max.label}
+          value={maxValue}
+          min={minValue + 0.01}
+          max={10000}
+          variant="outlined"
+          disabled={disabled}
+          onChange={(e, v) => onChange('max', v)}
         />
-      </InputContainer>
+      )}
+      {axisLabel.enabled && (
+        <InputContainer label={axisLabel.label} className={classes.mediumTextField}>
+          <EditableHTML
+            className={classes.axisLabel}
+            onChange={value => onChange('axisLabel', value)}
+            markup={label || ''}
+            charactersLimit={5}
+            activePlugins={activePlugins}
+          />
+        </InputContainer>
+      )}
     </div>
   );
 };
@@ -90,7 +123,7 @@ const GridSetup = props => {
   const {
     classes,
     domain,
-    dimensionsEnabled,
+    displayedFields,
     gridValues = {},
     includeAxes,
     labelValues = {},
@@ -101,6 +134,20 @@ const GridSetup = props => {
     standardGrid
   } = props;
   const gridProps = { min: 2, max: 41 };
+  const {
+    axisLabel,
+    dimensionsEnabled,
+    includeAxesEnabled,
+    labelStep,
+    min,
+    max,
+    standardGridEnabled,
+    step
+  } = displayedFields;
+  const displayAxisType =
+    min.enabled || max.enabled || axisLabel.enabled || step.enabled || labelStep.enabled;
+  const gridConfigFields = { step, labelStep };
+  const axisConfigFields = { min, max, axisLabel };
 
   const onIncludeAxes = includeAxes => {
     const noAxesConfig = type => {
@@ -171,6 +218,8 @@ const GridSetup = props => {
       <div className={classes.rowView}>
         <AxisConfig
           classes={classes}
+          displayedFields={axisConfigFields}
+          displayHeader={displayAxisType}
           type="domain"
           minValue={domain.min}
           maxValue={domain.max}
@@ -180,6 +229,8 @@ const GridSetup = props => {
         />
         <AxisConfig
           classes={classes}
+          displayedFields={axisConfigFields}
+          displayHeader={displayAxisType}
           type="range"
           minValue={range.min}
           maxValue={range.max}
@@ -189,36 +240,44 @@ const GridSetup = props => {
           onChange={onRangeChanged}
         />
       </div>
-      <Typography className={classes.text}>
-        If you want the axis to be visible, use a zero or negative Min Value, and a positive Max
-        Value
-      </Typography>
-      <div className={classes.rowView}>
-        <GridConfig
-          classes={classes}
-          gridValue={domain.step}
-          labelValue={domain.labelStep}
-          gridValues={gridValues.domain || []}
-          labelValues={labelValues.domain || []}
-          onChange={onDomainChanged}
-        />
-        <GridConfig
-          classes={classes}
-          disabled={standardGrid}
-          gridValue={range.step}
-          labelValue={range.labelStep}
-          gridValues={gridValues.range || []}
-          labelValues={labelValues.range || []}
-          onChange={onRangeChanged}
-        />
-      </div>
-      <Typography className={classes.text}>
-        For unnumbered gridlines, enter a label interval of 0
-      </Typography>
+      {(min.enabled || max.enabled) && (
+        <Typography className={classes.text}>
+          If you want the axis to be visible, use a zero or negative Min Value, and a positive Max
+          Value
+        </Typography>
+      )}
+      {(step.enabled || labelStep.enabled) && (
+        <div className={classes.rowView}>
+          <GridConfig
+            classes={classes}
+            displayedFields={gridConfigFields}
+            gridValue={domain.step}
+            labelValue={domain.labelStep}
+            gridValues={gridValues.domain || []}
+            labelValues={labelValues.domain || []}
+            onChange={onDomainChanged}
+          />
+          <GridConfig
+            classes={classes}
+            disabled={standardGrid}
+            displayedFields={gridConfigFields}
+            gridValue={range.step}
+            labelValue={range.labelStep}
+            gridValues={gridValues.range || []}
+            labelValues={labelValues.range || []}
+            onChange={onRangeChanged}
+          />
+        </div>
+      )}
+      {labelStep.enabled && (
+        <Typography className={classes.text}>
+          For unnumbered gridlines, enter a label interval of 0
+        </Typography>
+      )}
     </React.Fragment>
   );
 
-  const gridlinesConfig = (
+  const gridlinesConfig = max.enabled ? (
     <div className={classes.columnView}>
       <NumberTextFieldCustom
         className={classes.largeTextField}
@@ -240,7 +299,7 @@ const GridSetup = props => {
         onChange={(e, v) => onRangeChanged('max', v)}
       />
     </div>
-  );
+  ) : null;
 
   return (
     <div className={classes.wrapper}>
@@ -250,12 +309,20 @@ const GridSetup = props => {
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
           <div className={classes.content}>
-            <Toggle label="Include axes and labels?" toggle={onIncludeAxes} checked={includeAxes} />
-            <Toggle
-              label="Constrain to standard coordinate grid?"
-              toggle={onStandardGridChanged}
-              checked={standardGrid}
-            />
+            {includeAxesEnabled && (
+              <Toggle
+                label="Include axes and labels?"
+                toggle={onIncludeAxes}
+                checked={includeAxes}
+              />
+            )}
+            {standardGridEnabled && (
+              <Toggle
+                label="Constrain to standard coordinate grid?"
+                toggle={onStandardGridChanged}
+                checked={standardGrid}
+              />
+            )}
             {includeAxes ? axesConfig : gridlinesConfig}
             {dimensionsEnabled && (
               <div className={classes.dimensions}>
@@ -298,7 +365,7 @@ const GridSetup = props => {
 GridSetup.propTypes = {
   classes: PropTypes.object,
   domain: PropTypes.object,
-  dimensionsEnabled: PropTypes.object,
+  displayedFields: PropTypes.object,
   gridValues: PropTypes.object,
   includeAxes: PropTypes.bool,
   labelValues: PropTypes.object,