@pie-lib/graphing-module 1.2.5 → 1.2.6

package/module/index.js

@@ -1,6 +1,6 @@
-import {_dll_prop_types, _dll_react, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_pie_lib__render_ui, _dll_react_dom, _dll_lodash, _dll_debug, _dll_classnames, _dll_material_ui__core_styles_color_manipulator, _dll_material_ui__icons} from "../../shared-module@^1.4.22/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../config-module@^1.3.4/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../editable-html-module@^1.5.9/module/index.js";
+import {_dll_prop_types, _dll_react, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_pie_lib__render_ui, _dll_react_dom, _dll_lodash, _dll_debug, _dll_classnames, _dll_material_ui__core_styles_color_manipulator, _dll_material_ui__icons} from "../../shared-module@^1.4.23/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../config-module@^1.3.5/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../editable-html-module@^1.5.10/module/index.js";
 const PropTypes$D = _dll_prop_types;
 const BaseDomainRangeType = {
   min: PropTypes$D.number.isRequired,
@@ -820,7 +820,7 @@ var index$4 = Object.freeze({
 });
 const React$E = _dll_react;
 const {withStyles: withStyles$l} = _dll_material_ui__core_styles;
-const {Typography: Typography$1} = _dll_material_ui__core;
+const {Typography: Typography$2} = _dll_material_ui__core;
 const PropTypes$C = _dll_prop_types;
 const {color: color$i} = _dll_pie_lib__render_ui;
 const _jsxFileName$w = "/home/circleci/repo/packages/plot/src/root.jsx";
@@ -831,7 +831,7 @@ const GraphTitle = withStyles$l(theme => ({
     paddingTop: theme.spacing.unit * 2,
     fontSize: theme.typography.fontSize + 6
   }
-}))(({value, classes}) => React$E.createElement(Typography$1, {
+}))(({value, classes}) => React$E.createElement(Typography$2, {
   className: classes.title,
   color: "primary",
   variant: "h5",
@@ -9249,6 +9249,8 @@ const graphPropTypes = {
   axesSettings: PropTypes$q.shape(AxisPropTypes),
   backgroundMarks: PropTypes$q.array,
   className: PropTypes$q.string,
+  collapsibleToolbar: PropTypes$q.bool,
+  collapsibleToolbarTitle: PropTypes$q.string,
   domain: DomainType,
   labels: PropTypes$q.shape(LabelType),
   labelModeEnabled: PropTypes$q.bool,
@@ -9399,7 +9401,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 168
+        lineNumber: 170
       }
     }, React$s.createElement(Labels, {
       value: labels,
@@ -9407,21 +9409,21 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 169
+        lineNumber: 171
       }
     }), React$s.createElement('g', {
       transform: `translate(${domain.padding}, ${range.padding})`,
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 170
+        lineNumber: 172
       }
     }, React$s.createElement(Grid$1, {
       ...common,
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 171
+        lineNumber: 173
       }
     }), React$s.createElement(Axes, {
       ...axesSettings,
@@ -9429,7 +9431,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 172
+        lineNumber: 174
       }
     }), React$s.createElement(Bg, {
       ...size,
@@ -9438,14 +9440,14 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 173
+        lineNumber: 175
       }
     }), React$s.createElement('mask', {
       id: "myMask",
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 174
+        lineNumber: 176
       }
     }, React$s.createElement('rect', {
       ...maskSize,
@@ -9453,7 +9455,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 175
+        lineNumber: 177
       }
     }), " "), React$s.createElement('g', {
       id: "marks",
@@ -9461,7 +9463,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 178
+        lineNumber: 180
       }
     }, (backgroundMarks || []).map((m, index) => {
       const Component = this.getComponent(m);
@@ -9478,7 +9480,7 @@ class Graph extends React$s.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$p,
-          lineNumber: 184
+          lineNumber: 186
         }
       });
     }), marks.map((m, index) => {
@@ -9499,7 +9501,7 @@ class Graph extends React$s.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$p,
-          lineNumber: 198
+          lineNumber: 200
         }
       });
     }), React$s.createElement('foreignObject', {
@@ -9513,7 +9515,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 214
+        lineNumber: 216
       }
     }))));
   }
@@ -14516,6 +14518,11 @@ const classNames = _dll_classnames;
 const {uniq: uniq} = _dll_lodash;
 const {isString: isString} = _dll_lodash;
 const {color: color$1} = _dll_pie_lib__render_ui;
+const {ExpansionPanel: ExpansionPanel$1} = _dll_material_ui__core;
+const {ExpansionPanelDetails: ExpansionPanelDetails$1} = _dll_material_ui__core;
+const {ExpansionPanelSummary: ExpansionPanelSummary$1} = _dll_material_ui__core;
+const {Typography: Typography$1} = _dll_material_ui__core;
+const {ExpandMore: ExpandMoreIcon$1} = _dll_material_ui__icons;
 const _jsxFileName$2 = "/home/circleci/repo/packages/graphing/src/graph-with-controls.jsx";
 const setToolbarAvailability = toolbarTools => toolsArr.map(tA => ({
   ...tA,
@@ -14525,13 +14532,50 @@ const toolIsAvailable = (tools, currentTool) => currentTool && tools && (tools.f
 const getAvailableTool = tools => tools.find(tool => tool.toolbar);
 const filterByValidToolTypes = backgroundMarks => backgroundMarks.filter(bM => !!allTools.find(tool => tool === bM.type));
 const filterByVisibleToolTypes = (toolbarTools, marks) => marks.filter(bM => !!toolbarTools.find(tool => tool === bM.type));
-class GraphWithControls extends React$2.Component {
-  constructor(...args) {
-    super(...args);
-    GraphWithControls.prototype.__init.call(this);
-    GraphWithControls.prototype.__init2.call(this);
-    GraphWithControls.prototype.__init3.call(this);
+const getDefaultCurrentTool = toolType => toolsArr.find(tool => tool.type === toolType) || null;
+const Collapsible = ({classes, children, title}) => React$2.createElement(ExpansionPanel$1, {
+  elevation: 0,
+  className: classes.expansionPanel,
+  disabledGutters: true,
+  square: true,
+  __self: undefined,
+  __source: {
+    fileName: _jsxFileName$2,
+    lineNumber: 38
   }
+}, React$2.createElement(ExpansionPanelSummary$1, {
+  classes: {
+    root: classes.summaryRoot,
+    content: classes.summaryContent
+  },
+  expandIcon: React$2.createElement(ExpandMoreIcon$1, {
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName$2,
+      lineNumber: 49
+    }
+  }),
+  __self: undefined,
+  __source: {
+    fileName: _jsxFileName$2,
+    lineNumber: 44
+  }
+}, React$2.createElement(Typography$1, {
+  variant: "subheading",
+  __self: undefined,
+  __source: {
+    fileName: _jsxFileName$2,
+    lineNumber: 51
+  }
+}, title)), React$2.createElement(ExpansionPanelDetails$1, {
+  className: classes.details,
+  __self: undefined,
+  __source: {
+    fileName: _jsxFileName$2,
+    lineNumber: 53
+  }
+}, children));
+class GraphWithControls extends React$2.Component {
   static __initStatic() {
     this.propTypes = {
       ...graphPropTypes,
@@ -14543,28 +14587,42 @@ class GraphWithControls extends React$2.Component {
   }
   static __initStatic2() {
     this.defaultProps = {
+      collapsibleToolbar: false,
+      collapsibleToolbarTitle: '',
       toolbarTools: []
     };
   }
-  __init() {
+  constructor(props) {
+    super(props);
+    GraphWithControls.prototype.__init.call(this);
+    GraphWithControls.prototype.__init2.call(this);
     this.state = {
-      currentTool: null,
+      currentTool: getDefaultCurrentTool(props.defaultTool),
       labelModeEnabled: false
     };
   }
-  __init2() {
+  componentDidUpdate(prevProps) {
+    const {defaultTool} = this.props;
+    if (prevProps.defaultTool !== defaultTool) {
+      const currentTool = getDefaultCurrentTool(defaultTool);
+      this.setState({
+        currentTool
+      });
+    }
+  }
+  __init() {
     this.changeCurrentTool = (tool, tools) => this.setState({
       currentTool: tools.find(t => t.type === tool)
     });
   }
-  __init3() {
+  __init2() {
     this.toggleLabelMode = () => this.setState(state => ({
       labelModeEnabled: !state.labelModeEnabled
     }));
   }
   render() {
     let {currentTool, labelModeEnabled} = this.state;
-    const {axesSettings, classes, className, coordinatesOnHover, disabled, domain, labels, onChangeMarks, onUndo, onRedo, onReset, range, size, title} = this.props;
+    const {axesSettings, classes, className, coordinatesOnHover, collapsibleToolbar, collapsibleToolbarTitle, disabled, domain, labels, onChangeMarks, onUndo, onRedo, onReset, range, size, title} = this.props;
     let {backgroundMarks, marks, toolbarTools} = this.props;
     toolbarTools = uniq(toolbarTools || []).filter(tT => !!isString(tT)) || [];
     backgroundMarks = filterByValidToolTypes(backgroundMarks || []);
@@ -14573,19 +14631,11 @@ class GraphWithControls extends React$2.Component {
     if (!currentTool || !toolIsAvailable(tools, currentTool)) {
       currentTool = getAvailableTool(tools);
     }
-    return React$2.createElement('div', {
-      className: classNames(classes.graphWithControls, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 85
-      }
-    }, React$2.createElement('div', {
-      className: classes.controls,
+    const graphActions = React$2.createElement(React$2.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 86
+        lineNumber: 135
       }
     }, React$2.createElement(ToolMenu, {
       currentToolType: currentTool && currentTool.type,
@@ -14597,7 +14647,7 @@ class GraphWithControls extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 87
+        lineNumber: 136
       }
     }), !disabled && React$2.createElement(UndoRedo$1, {
       onUndo: onUndo,
@@ -14606,14 +14656,37 @@ class GraphWithControls extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 96
+        lineNumber: 145
+      }
+    }));
+    return React$2.createElement('div', {
+      className: classNames(classes.graphWithControls, className),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$2,
+        lineNumber: 150
+      }
+    }, React$2.createElement('div', {
+      className: classes.controls,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$2,
+        lineNumber: 151
       }
-    })), React$2.createElement('div', {
+    }, collapsibleToolbar ? React$2.createElement(Collapsible, {
+      classes: classes,
+      title: collapsibleToolbarTitle,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$2,
+        lineNumber: 153
+      }
+    }, graphActions) : graphActions), React$2.createElement('div', {
       ref: r => this.labelNode = r,
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 99
+        lineNumber: 161
       }
     }), React$2.createElement(Graph, {
       axesSettings: axesSettings,
@@ -14632,7 +14705,7 @@ class GraphWithControls extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 101
+        lineNumber: 163
       }
     }));
   }
@@ -14655,6 +14728,20 @@ const styles$1 = theme => ({
     '& button': {
       fontSize: theme.typography.fontSize
     }
+  },
+  expansionPanel: {
+    backgroundColor: color$1.primaryLight()
+  },
+  summaryRoot: {
+    padding: `0 ${theme.spacing.unit}px`,
+    minHeight: '32px !important'
+  },
+  summaryContent: {
+    margin: '4px 0 !important'
+  },
+  details: {
+    padding: 0,
+    marginTop: theme.spacing.unit
   }
 });
 var GraphWithControls$1 = withStyles$1(styles$1)(GraphWithControls);
@@ -14745,17 +14832,18 @@ const {Toggle: Toggle} = _dll_pie_lib__config_ui;
 const EditableHTML = _dll_pie_lib__editable_html;
 const _jsxFileName = "/home/circleci/repo/packages/graphing/src/grid-setup.jsx";
 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 React.createElement('div', {
     className: classes.columnView,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17
+      lineNumber: 27
     }
-  }, React.createElement(NumberTextFieldCustom, {
+  }, step && step.enabled && React.createElement(NumberTextFieldCustom, {
     className: classes.mediumTextField,
-    label: "Grid Interval",
+    label: step.label || '',
     value: gridValue,
     customValues: gridValues,
     variant: "outlined",
@@ -14764,11 +14852,11 @@ const GridConfig = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18
+      lineNumber: 29
     }
-  }), React.createElement(NumberTextFieldCustom, {
+  }), labelStep && labelStep.enabled && React.createElement(NumberTextFieldCustom, {
     className: classes.mediumTextField,
-    label: "Label Interval",
+    label: labelStep.label || '',
     value: labelValue,
     customValues: labelValues,
     variant: "outlined",
@@ -14777,36 +14865,37 @@ const GridConfig = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27
+      lineNumber: 40
     }
   }));
 };
 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', 'underline', 'strikethrough'];
   return React.createElement('div', {
     className: classes.columnView,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51
+      lineNumber: 76
     }
-  }, React.createElement(Typography, {
+  }, displayHeader && React.createElement(Typography, {
     variant: "subtitle2",
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52
+      lineNumber: 78
     }
   }, React.createElement('i', {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53
+      lineNumber: 79
     }
-  }, type === 'domain' ? 'x' : 'y'), "-axis"), React.createElement(NumberTextFieldCustom, {
+  }, type === 'domain' ? 'x' : 'y'), "-axis"), min && min.enabled && React.createElement(NumberTextFieldCustom, {
     className: classes.mediumTextField,
-    label: "Min Value",
+    label: min.label || '',
     value: minValue,
     min: -10000,
     max: maxValue - 0.01,
@@ -14816,11 +14905,11 @@ const AxisConfig = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56
+      lineNumber: 84
     }
-  }), React.createElement(NumberTextFieldCustom, {
+  }), max && max.enabled && React.createElement(NumberTextFieldCustom, {
     className: classes.mediumTextField,
-    label: "Max Value",
+    label: max.label || '',
     value: maxValue,
     min: minValue + 0.01,
     max: 10000,
@@ -14830,15 +14919,15 @@ const AxisConfig = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66
+      lineNumber: 96
     }
-  }), React.createElement(InputContainer, {
-    label: "Label",
+  }), axisLabel && axisLabel.enabled && React.createElement(InputContainer, {
+    label: axisLabel.label || '',
     className: classes.mediumTextField,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76
+      lineNumber: 108
     }
   }, React.createElement(EditableHTML, {
     className: classes.axisLabel,
@@ -14849,16 +14938,27 @@ const AxisConfig = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77
+      lineNumber: 109
     }
   })));
 };
 const GridSetup = props => {
-  const {classes, domain, dimensionsEnabled, gridValues = {}, includeAxes, labelValues = {}, onChange, range, size, sizeConstraints, standardGrid} = props;
+  const {classes, domain, displayedFields = {}, gridValues = {}, includeAxes, labelValues = {}, onChange, range, size, sizeConstraints, 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 => {
       const axis = type === 'domain' ? domain : range;
@@ -14932,17 +15032,19 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 170
+      lineNumber: 217
     }
   }, React.createElement('div', {
     className: classes.rowView,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 171
+      lineNumber: 218
     }
   }, React.createElement(AxisConfig, {
     classes: classes,
+    displayedFields: axisConfigFields,
+    displayHeader: displayAxisType,
     type: "domain",
     minValue: domain.min,
     maxValue: domain.max,
@@ -14952,10 +15054,12 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172
+      lineNumber: 219
     }
   }), React.createElement(AxisConfig, {
     classes: classes,
+    displayedFields: axisConfigFields,
+    displayHeader: displayAxisType,
     type: "range",
     minValue: range.min,
     maxValue: range.max,
@@ -14966,24 +15070,25 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181
+      lineNumber: 230
     }
-  })), React.createElement(Typography, {
+  })), (min.enabled || max.enabled) && React.createElement(Typography, {
     className: classes.text,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 192
+      lineNumber: 244
     }
-  }, "If you want the axis to be visible, use a zero or negative Min Value, and a positive Max Value"), React.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) && React.createElement('div', {
     className: classes.rowView,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 196
+      lineNumber: 250
     }
   }, React.createElement(GridConfig, {
     classes: classes,
+    displayedFields: gridConfigFields,
     gridValue: domain.step,
     labelValue: domain.labelStep,
     gridValues: gridValues.domain || [],
@@ -14992,11 +15097,12 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 197
+      lineNumber: 251
     }
   }), React.createElement(GridConfig, {
     classes: classes,
     disabled: standardGrid,
+    displayedFields: gridConfigFields,
     gridValue: range.step,
     labelValue: range.labelStep,
     gridValues: gridValues.range || [],
@@ -15005,22 +15111,22 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 205
+      lineNumber: 260
     }
-  })), React.createElement(Typography, {
+  })), labelStep.enabled && React.createElement(Typography, {
     className: classes.text,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215
+      lineNumber: 273
     }
   }, "For unnumbered gridlines, enter a label interval of 0"));
-  const gridlinesConfig = React.createElement('div', {
+  const gridlinesConfig = max.enabled ? React.createElement('div', {
     className: classes.columnView,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 222
+      lineNumber: 281
     }
   }, React.createElement(NumberTextFieldCustom, {
     className: classes.largeTextField,
@@ -15033,7 +15139,7 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 223
+      lineNumber: 282
     }
   }), React.createElement(NumberTextFieldCustom, {
     className: classes.largeTextField,
@@ -15047,98 +15153,98 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 232
+      lineNumber: 291
     }
-  }));
+  })) : null;
   return React.createElement('div', {
     className: classes.wrapper,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 246
+      lineNumber: 305
     }
   }, React.createElement(ExpansionPanel, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 247
+      lineNumber: 306
     }
   }, React.createElement(ExpansionPanelSummary, {
     expandIcon: React.createElement(ExpandMoreIcon, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 248
+        lineNumber: 307
       }
     }),
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 248
+      lineNumber: 307
     }
   }, React.createElement(Typography, {
     variant: "subtitle1",
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 249
+      lineNumber: 308
     }
   }, "Customize Grid Setup")), React.createElement(ExpansionPanelDetails, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 251
+      lineNumber: 310
     }
   }, React.createElement('div', {
     className: classes.content,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 252
+      lineNumber: 311
     }
-  }, React.createElement(Toggle, {
+  }, includeAxesEnabled && React.createElement(Toggle, {
     label: "Include axes and labels?",
     toggle: onIncludeAxes,
     checked: includeAxes,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 253
+      lineNumber: 313
     }
-  }), React.createElement(Toggle, {
+  }), standardGridEnabled && React.createElement(Toggle, {
     label: "Constrain to standard coordinate grid?",
     toggle: onStandardGridChanged,
     checked: standardGrid,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 254
+      lineNumber: 320
     }
   }), includeAxes ? axesConfig : gridlinesConfig, dimensionsEnabled && React.createElement('div', {
     className: classes.dimensions,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 261
+      lineNumber: 328
     }
   }, React.createElement('div', {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 262
+      lineNumber: 329
     }
   }, React.createElement(Typography, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 263
+      lineNumber: 330
     }
   }, "Dimensions(px)"), React.createElement(Typography, {
     className: classes.disabled,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 264
+      lineNumber: 331
     }
   }, "Min ", sizeConstraints.min, ", Max ", sizeConstraints.max)), React.createElement(NumberTextFieldCustom, {
     className: classes.textField,
@@ -15152,7 +15258,7 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 268
+      lineNumber: 335
     }
   }), React.createElement(NumberTextFieldCustom, {
     className: classes.textField,
@@ -15167,14 +15273,14 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 278
+      lineNumber: 345
     }
   }))))));
 };
 GridSetup.propTypes = {
   classes: PropTypes.object,
   domain: PropTypes.object,
-  dimensionsEnabled: PropTypes.object,
+  displayedFields: PropTypes.object,
   gridValues: PropTypes.object,
   includeAxes: PropTypes.bool,
   labelValues: PropTypes.object,

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "mappings": {
     "@pie-lib/plot": "_dll_pie_lib__plot",
     "@pie-lib/graphing": "_dll_pie_lib__graphing",
@@ -27,15 +27,15 @@
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.4.22"
+      "version": "^1.4.23"
     },
     {
       "name": "@pie-lib/config-module",
-      "version": "^1.3.4"
+      "version": "^1.3.5"
     },
     {
       "name": "@pie-lib/editable-html-module",
-      "version": "^1.5.9"
+      "version": "^1.5.10"
     }
   ],
   "isLocal": true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "module": "module/index.js",
   "repository": "pie-framework/pie-lib",
   "publishConfig": {