@pie-lib/graphing-module 1.2.2 → 1.2.3

package/module/index.js

@@ -1,5 +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.19/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../config-module@^1.3.1/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.20/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../config-module@^1.3.2/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../editable-html-module@^1.5.7/module/index.js";
 const PropTypes$D = _dll_prop_types;
 const BaseDomainRangeType = {
   min: PropTypes$D.number.isRequired,
@@ -9084,11 +9085,6 @@ class Grid extends React$u.Component {
       graphProps: GraphPropsType.isRequired
     };
   }
-  shouldComponentUpdate(nextProps) {
-    const {graphProps} = this.props;
-    const {graphProps: nextGraphProps} = nextProps;
-    return !isDomainRangeEqual$1(graphProps, nextGraphProps);
-  }
   __init() {
     this.getAdditionalGridProps = (rowTickValues, columnTickValues) => {
       const {graphProps: {scale, size: {width, height}, domain, range}} = this.props;
@@ -9138,7 +9134,7 @@ class Grid extends React$u.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 109
+        lineNumber: 102
       }
     }), displayAdditionalGrid && React$u.createElement(React$u.Fragment, null, React$u.createElement(Rows, {
       scale: scale.y,
@@ -9149,7 +9145,7 @@ class Grid extends React$u.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 121
+        lineNumber: 114
       }
     }), React$u.createElement(Columns, {
       scale: scale.x,
@@ -9160,7 +9156,7 @@ class Grid extends React$u.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 128
+        lineNumber: 121
       }
     })));
   }
@@ -14737,15 +14733,16 @@ Root.__initStatic();
 const React = _dll_react;
 const PropTypes = _dll_prop_types;
 const {color: color} = _dll_pie_lib__render_ui;
+const {InputContainer: InputContainer} = _dll_pie_lib__render_ui;
 const {withStyles: withStyles} = _dll_material_ui__core_styles;
 const {ExpansionPanelSummary: ExpansionPanelSummary} = _dll_material_ui__core;
 const {Typography: Typography} = _dll_material_ui__core;
 const {ExpansionPanelDetails: ExpansionPanelDetails} = _dll_material_ui__core;
 const {ExpansionPanel: ExpansionPanel} = _dll_material_ui__core;
-const {TextField: TextField} = _dll_material_ui__core;
 const {ExpandMore: ExpandMoreIcon} = _dll_material_ui__icons;
 const {NumberTextFieldCustom: NumberTextFieldCustom} = _dll_pie_lib__config_ui;
 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;
@@ -14757,7 +14754,7 @@ const GridConfig = props => {
       lineNumber: 17
     }
   }, React.createElement(NumberTextFieldCustom, {
-    className: classes.textField,
+    className: classes.mediumTextField,
     label: "Grid Interval",
     value: gridValue,
     customValues: gridValues,
@@ -14770,7 +14767,7 @@ const GridConfig = props => {
       lineNumber: 18
     }
   }), React.createElement(NumberTextFieldCustom, {
-    className: classes.textField,
+    className: classes.mediumTextField,
     label: "Label Interval",
     value: labelValue,
     customValues: labelValues,
@@ -14786,71 +14783,78 @@ const GridConfig = props => {
 };
 const AxisConfig = props => {
   const {classes, disabled, label, maxValue, minValue, onChange, type} = props;
+  const activePlugins = ['bold', 'italic', 'underline', 'strikethrough'];
   return React.createElement('div', {
     className: classes.columnView,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44
+      lineNumber: 51
     }
   }, React.createElement(Typography, {
     variant: "subtitle2",
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45
+      lineNumber: 52
     }
   }, React.createElement('i', {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46
+      lineNumber: 53
     }
   }, type === 'domain' ? 'x' : 'y'), "-axis"), React.createElement(NumberTextFieldCustom, {
-    className: classes.textField,
+    className: classes.mediumTextField,
     label: "Min Value",
     value: minValue,
+    min: -10000,
+    max: maxValue - 0.01,
     variant: "outlined",
     disabled: disabled,
     onChange: (e, v) => onChange('min', v),
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49
+      lineNumber: 56
     }
   }), React.createElement(NumberTextFieldCustom, {
-    className: classes.textField,
+    className: classes.mediumTextField,
     label: "Max Value",
     value: maxValue,
+    min: minValue + 0.01,
+    max: 10000,
     variant: "outlined",
     disabled: disabled,
     onChange: (e, v) => onChange('max', v),
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57
+      lineNumber: 66
     }
-  }), React.createElement(TextField, {
+  }), React.createElement(InputContainer, {
     label: "Label",
-    value: label,
-    inputProps: {
-      maxLength: 5,
-      style: {
-        textAlign: 'center'
-      }
-    },
-    variant: "outlined",
-    className: classes.textField,
-    onChange: e => onChange('axisLabel', e.target.value),
+    className: classes.mediumTextField,
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 76
+    }
+  }, React.createElement(EditableHTML, {
+    className: classes.axisLabel,
+    onChange: value => onChange('axisLabel', value),
+    markup: label || '',
+    charactersLimit: 5,
+    activePlugins: activePlugins,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65
+      lineNumber: 77
     }
-  }));
+  })));
 };
 const GridSetup = props => {
-  const {classes, sizeConstraints, domain, dimensionsEnabled, gridValues, includeAxes, labelValues, onChange, range, size, standardGrid} = props;
+  const {classes, domain, dimensionsEnabled, gridValues = {}, includeAxes, labelValues = {}, onChange, range, size, sizeConstraints, standardGrid} = props;
   const gridProps = {
     min: 2,
     max: 41
@@ -14928,14 +14932,14 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161
+      lineNumber: 170
     }
   }, React.createElement('div', {
     className: classes.rowView,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 162
+      lineNumber: 171
     }
   }, React.createElement(AxisConfig, {
     classes: classes,
@@ -14948,7 +14952,7 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163
+      lineNumber: 172
     }
   }), React.createElement(AxisConfig, {
     classes: classes,
@@ -14962,51 +14966,53 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172
+      lineNumber: 181
     }
   })), React.createElement(Typography, {
     className: classes.text,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183
+      lineNumber: 192
     }
   }, "If you want the axis to be visible, use a zero or negative Min Value, and a positive Max Value"), React.createElement('div', {
     className: classes.rowView,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 187
+      lineNumber: 196
     }
   }, React.createElement(GridConfig, {
     classes: classes,
     gridValue: domain.step,
     labelValue: domain.labelStep,
-    gridValues: gridValues,
-    labelValues: labelValues,
+    gridValues: gridValues.domain || [],
+    labelValues: labelValues.domain || [],
     onChange: onDomainChanged,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 188
+      lineNumber: 197
     }
   }), React.createElement(GridConfig, {
     classes: classes,
     disabled: standardGrid,
     gridValue: range.step,
     labelValue: range.labelStep,
+    gridValues: gridValues.range || [],
+    labelValues: labelValues.range || [],
     onChange: onRangeChanged,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 196
+      lineNumber: 205
     }
   })), React.createElement(Typography, {
     className: classes.text,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 204
+      lineNumber: 215
     }
   }, "For unnumbered gridlines, enter a label interval of 0"));
   const gridlinesConfig = React.createElement('div', {
@@ -15014,7 +15020,7 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 211
+      lineNumber: 222
     }
   }, React.createElement(NumberTextFieldCustom, {
     className: classes.largeTextField,
@@ -15027,7 +15033,7 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212
+      lineNumber: 223
     }
   }), React.createElement(NumberTextFieldCustom, {
     className: classes.largeTextField,
@@ -15041,7 +15047,7 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 221
+      lineNumber: 232
     }
   }));
   return React.createElement('div', {
@@ -15049,46 +15055,46 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 235
+      lineNumber: 246
     }
   }, React.createElement(ExpansionPanel, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236
+      lineNumber: 247
     }
   }, React.createElement(ExpansionPanelSummary, {
     expandIcon: React.createElement(ExpandMoreIcon, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 237
+        lineNumber: 248
       }
     }),
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 237
+      lineNumber: 248
     }
   }, React.createElement(Typography, {
     variant: "subtitle1",
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 238
+      lineNumber: 249
     }
   }, "Customize Grid Setup")), React.createElement(ExpansionPanelDetails, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 240
+      lineNumber: 251
     }
   }, React.createElement('div', {
     className: classes.content,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 241
+      lineNumber: 252
     }
   }, React.createElement(Toggle, {
     label: "Include axes and labels?",
@@ -15097,7 +15103,7 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 242
+      lineNumber: 253
     }
   }), React.createElement(Toggle, {
     label: "Constrain to standard coordinate grid?",
@@ -15106,35 +15112,35 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 243
+      lineNumber: 254
     }
   }), includeAxes ? axesConfig : gridlinesConfig, dimensionsEnabled && React.createElement('div', {
     className: classes.dimensions,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 250
+      lineNumber: 261
     }
   }, React.createElement('div', {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 251
+      lineNumber: 262
     }
   }, React.createElement(Typography, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 252
+      lineNumber: 263
     }
   }, "Dimensions(px)"), React.createElement(Typography, {
     className: classes.disabled,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 253
+      lineNumber: 264
     }
-  }, "Min 150, Max 700")), React.createElement(NumberTextFieldCustom, {
+  }, "Min ", sizeConstraints.min, ", Max ", sizeConstraints.max)), React.createElement(NumberTextFieldCustom, {
     className: classes.textField,
     label: "Width",
     value: size.width,
@@ -15146,7 +15152,7 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 255
+      lineNumber: 268
     }
   }), React.createElement(NumberTextFieldCustom, {
     className: classes.textField,
@@ -15161,7 +15167,7 @@ const GridSetup = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 265
+      lineNumber: 278
     }
   }))))));
 };
@@ -15201,6 +15207,10 @@ const styles = theme => ({
     width: '130px',
     margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`
   },
+  mediumTextField: {
+    width: '160px',
+    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`
+  },
   largeTextField: {
     width: '230px',
     margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`
@@ -15216,6 +15226,9 @@ const styles = theme => ({
   },
   disabled: {
     color: color.disabled()
+  },
+  axisLabel: {
+    paddingTop: theme.spacing.unit * 2
   }
 });
 var gridSetup = withStyles(styles)(GridSetup);

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "mappings": {
     "@pie-lib/plot": "_dll_pie_lib__plot",
     "@pie-lib/graphing": "_dll_pie_lib__graphing",
@@ -13,7 +13,7 @@
         "version": "2.2.0"
       },
       "@pie-lib/graphing": {
-        "version": "2.6.1"
+        "version": "2.6.2"
       },
       "d3-scale": {
         "version": "2.2.2"
@@ -22,16 +22,20 @@
         "version": "1.4.2"
       }
     },
-    "hash": "06d7b3d224289894deff3223feace512810f9f3d"
+    "hash": "cf32eaecf6331d2bea7eca8671cfa3fa2d533dae"
   },
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.4.19"
+      "version": "^1.4.20"
     },
     {
       "name": "@pie-lib/config-module",
-      "version": "^1.3.1"
+      "version": "^1.3.2"
+    },
+    {
+      "name": "@pie-lib/editable-html-module",
+      "version": "^1.5.7"
     }
   ],
   "isLocal": true

package/package.json

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