@pie-lib/charting 4.5.11-next.460 → 4.5.11-next.462

package/lib/chart-setup.js

@@ -34,6 +34,30 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
   var range = model.range;
   var size = model.graph;
 
+  var stepConfig = /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.rowView
+  }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.mediumTextField,
+    label: "Grid Interval",
+    value: range.step,
+    min: 0,
+    max: 10000,
+    variant: "outlined",
+    onChange: function onChange(e, v) {
+      return onRangeChanged('step', v);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.mediumTextField,
+    label: 'Label Interval',
+    value: range.labelStep,
+    min: 0,
+    max: 10000,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onRangeChanged('labelStep', v);
+    }
+  }));
+
   var rangeProps = function rangeProps(chartType) {
     return chartType.includes('Plot') ? {
       min: 3,

package/lib/chart-setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-setup.js","names":["ConfigureChartPanel","props","classes","model","onChange","range","size","graph","rangeProps","chartType","includes","min","max","onSizeChanged","key","value","onRangeChanged","parsedValue","parseInt","onChartTypeChange","step","labelStep","wrapper","content","rowView","e","target","mediumTextField","v","stepConfig","dimensions","columnView","textField","width","disabled","height","propTypes","PropTypes","object","sizeConstraints","domain","gridIntervalValues","includeAxes","bool","labelIntervalValues","styles","theme","display","flexDirection","marginTop","alignItems","justifyContent","margin","spacing","unit","largeTextField","text","fontStyle","color","withStyles"],"sources":["../src/chart-setup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ChartType from './chart-type';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\n\nconst ConfigureChartPanel = props => {\n  const { classes, model, onChange } = props;\n  const { range } = model;\n  const size = model.graph;\n\n  const rangeProps = chartType =>\n    chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };\n\n  const onSizeChanged = (key, value) => {\n    const graph = { ...size, [key]: value };\n\n    onChange({ ...model, graph });\n  };\n\n  const onRangeChanged = (key, value) => {\n    const parsedValue = parseInt(value);\n\n    range[key] = parsedValue;\n\n    onChange({ ...model, range });\n  };\n\n  const onChartTypeChange = chartType => {\n    if (chartType.includes('Plot')) {\n      rangeProps.min = 3;\n      rangeProps.max = 10;\n\n      if (range.max > 10 || range.max < 3) {\n        range.max = 10;\n      }\n\n      range.step = 1;\n      range.labelStep = 1;\n      onChange({ ...model, range, chartType });\n\n      return;\n    }\n\n    onChange({ ...model, chartType });\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <Typography variant={'subtitle1'}>Configure Chart</Typography>\n      <div className={classes.content}>\n        <div className={classes.rowView}>\n          <ChartType value={model.chartType} onChange={e => onChartTypeChange(e.target.value)} />\n          <NumberTextFieldCustom\n            className={classes.mediumTextField}\n            label=\"Max Value\"\n            value={range.max}\n            min={rangeProps(model.chartType).min}\n            max={rangeProps(model.chartType).max}\n            variant=\"outlined\"\n            onChange={(e, v) => onRangeChanged('max', v)}\n          />\n        </div>\n        {!model.chartType.includes('Plot') && stepConfig}\n        <div className={classes.dimensions}>\n          <div>\n            <Typography>Dimensions(px)</Typography>\n          </div>\n          <div className={classes.columnView}>\n            <NumberTextFieldCustom\n              className={classes.textField}\n              label={'Width'}\n              value={size.width}\n              min={50}\n              max={700}\n              variant={'outlined'}\n              onChange={(e, v) => onSizeChanged('width', v)}\n            />\n            <Typography className={classes.disabled}>Min 50, Max 700</Typography>\n          </div>\n          <div className={classes.columnView}>\n            <NumberTextFieldCustom\n              className={classes.textField}\n              label={'Height'}\n              value={size.height}\n              min={400}\n              max={700}\n              variant={'outlined'}\n              onChange={(e, v) => onSizeChanged('height', v)}\n            />\n            <Typography className={classes.disabled}>Min 400, Max 700</Typography>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nConfigureChartPanel.propTypes = {\n  classes: PropTypes.object,\n  sizeConstraints: PropTypes.object,\n  domain: PropTypes.object,\n  gridIntervalValues: PropTypes.object,\n  includeAxes: PropTypes.bool,\n  labelIntervalValues: PropTypes.object,\n  onChange: PropTypes.function,\n  range: PropTypes.object,\n  size: PropTypes.object\n};\n\nconst styles = theme => ({\n  wrapper: {\n    width: '450px'\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    marginTop: '24px'\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    margin: '24px 0px'\n  },\n  disabled: {\n    color: color.disabled()\n  }\n});\n\nexport default withStyles(styles)(ConfigureChartPanel);\n"],"mappings":"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"}
+{"version":3,"file":"chart-setup.js","names":["ConfigureChartPanel","props","classes","model","onChange","range","size","graph","stepConfig","rowView","mediumTextField","step","e","v","onRangeChanged","labelStep","rangeProps","chartType","includes","min","max","onSizeChanged","key","value","parsedValue","parseInt","onChartTypeChange","wrapper","content","target","dimensions","columnView","textField","width","disabled","height","propTypes","PropTypes","object","sizeConstraints","domain","gridIntervalValues","includeAxes","bool","labelIntervalValues","styles","theme","display","flexDirection","marginTop","alignItems","justifyContent","margin","spacing","unit","largeTextField","text","fontStyle","color","withStyles"],"sources":["../src/chart-setup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ChartType from './chart-type';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\n\nconst ConfigureChartPanel = props => {\n  const { classes, model, onChange } = props;\n  const { range } = model;\n  const size = model.graph;\n\n  const stepConfig = (\n    <div className={classes.rowView}>\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label=\"Grid Interval\"\n        value={range.step}\n        min={0}\n        max={10000}\n        variant=\"outlined\"\n        onChange={(e, v) => onRangeChanged('step', v)}\n      />\n      <NumberTextFieldCustom\n        className={classes.mediumTextField}\n        label={'Label Interval'}\n        value={range.labelStep}\n        min={0}\n        max={10000}\n        variant={'outlined'}\n        onChange={(e, v) => onRangeChanged('labelStep', v)}\n      />\n    </div>\n  );\n\n  const rangeProps = chartType => {\n    return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };\n  };\n\n  const onSizeChanged = (key, value) => {\n    const graph = { ...size, [key]: value };\n\n    onChange({ ...model, graph });\n  };\n\n  const onRangeChanged = (key, value) => {\n    const parsedValue = parseInt(value);\n\n    range[key] = parsedValue;\n\n    onChange({ ...model, range });\n  };\n\n  const onChartTypeChange = chartType => {\n    if (chartType.includes('Plot')) {\n      rangeProps.min = 3;\n      rangeProps.max = 10;\n\n      if (range.max > 10 || range.max < 3) {\n        range.max = 10;\n      }\n\n      range.step = 1;\n      range.labelStep = 1;\n\n      onChange({ ...model, range, chartType });\n\n      return;\n    }\n\n    onChange({ ...model, chartType });\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <Typography variant={'subtitle1'}>Configure Chart</Typography>\n      <div className={classes.content}>\n        <div className={classes.rowView}>\n          <ChartType value={model.chartType} onChange={e => onChartTypeChange(e.target.value)} />\n          <NumberTextFieldCustom\n            className={classes.mediumTextField}\n            label=\"Max Value\"\n            value={range.max}\n            min={rangeProps(model.chartType).min}\n            max={rangeProps(model.chartType).max}\n            variant=\"outlined\"\n            onChange={(e, v) => onRangeChanged('max', v)}\n          />\n        </div>\n        {!model.chartType.includes('Plot') && stepConfig}\n        <div className={classes.dimensions}>\n          <div>\n            <Typography>Dimensions(px)</Typography>\n          </div>\n          <div className={classes.columnView}>\n            <NumberTextFieldCustom\n              className={classes.textField}\n              label={'Width'}\n              value={size.width}\n              min={50}\n              max={700}\n              variant={'outlined'}\n              onChange={(e, v) => onSizeChanged('width', v)}\n            />\n            <Typography className={classes.disabled}>Min 50, Max 700</Typography>\n          </div>\n          <div className={classes.columnView}>\n            <NumberTextFieldCustom\n              className={classes.textField}\n              label={'Height'}\n              value={size.height}\n              min={400}\n              max={700}\n              variant={'outlined'}\n              onChange={(e, v) => onSizeChanged('height', v)}\n            />\n            <Typography className={classes.disabled}>Min 400, Max 700</Typography>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nConfigureChartPanel.propTypes = {\n  classes: PropTypes.object,\n  sizeConstraints: PropTypes.object,\n  domain: PropTypes.object,\n  gridIntervalValues: PropTypes.object,\n  includeAxes: PropTypes.bool,\n  labelIntervalValues: PropTypes.object,\n  onChange: PropTypes.function,\n  range: PropTypes.object,\n  size: PropTypes.object\n};\n\nconst styles = theme => ({\n  wrapper: {\n    width: '450px'\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    marginTop: '24px'\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    margin: '24px 0px'\n  },\n  disabled: {\n    color: color.disabled()\n  }\n});\n\nexport default withStyles(styles)(ConfigureChartPanel);\n"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "4.5.11-next.460+0998f0e2",
+  "version": "4.5.11-next.462+f325e1d4",
   "description": "charting",
   "keywords": [
     "react",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "0998f0e274984e63339d237c9e06e87bbeb07093"
+  "gitHead": "f325e1d4c7acd0d515bc9dccd63985a61fdef7e7"
 }

package/src/chart-setup.jsx

@@ -11,8 +11,32 @@ const ConfigureChartPanel = props => {
   const { range } = model;
   const size = model.graph;
 
-  const rangeProps = chartType =>
-    chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };
+  const stepConfig = (
+    <div className={classes.rowView}>
+      <NumberTextFieldCustom
+        className={classes.mediumTextField}
+        label="Grid Interval"
+        value={range.step}
+        min={0}
+        max={10000}
+        variant="outlined"
+        onChange={(e, v) => onRangeChanged('step', v)}
+      />
+      <NumberTextFieldCustom
+        className={classes.mediumTextField}
+        label={'Label Interval'}
+        value={range.labelStep}
+        min={0}
+        max={10000}
+        variant={'outlined'}
+        onChange={(e, v) => onRangeChanged('labelStep', v)}
+      />
+    </div>
+  );
+
+  const rangeProps = chartType => {
+    return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };
+  };
 
   const onSizeChanged = (key, value) => {
     const graph = { ...size, [key]: value };
@@ -39,6 +63,7 @@ const ConfigureChartPanel = props => {
 
       range.step = 1;
       range.labelStep = 1;
+
       onChange({ ...model, range, chartType });
 
       return;