@pie-lib/graphing-solution-set 3.1.0-next.2 → 3.1.0-next.25

package/lib/grid-setup.js

@@ -0,0 +1,417 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.concat.js");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _renderUi = require("@pie-lib/render-ui");
+var _material = require("@mui/material");
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+var _configUi = require("@pie-lib/config-ui");
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
+var _styles = require("@mui/material/styles");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Wrapper = (0, _styles.styled)('div')(function () {
+  return {
+    width: '450px'
+  };
+});
+var Content = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%'
+  };
+});
+var ColumnView = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center'
+  };
+});
+var RowView = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    justifyContent: 'space-around',
+    alignItems: 'center'
+  };
+});
+var TextFieldSmall = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    width: '130px',
+    margin: "".concat(theme.spacing(1), " ").concat(theme.spacing(0.5))
+  };
+});
+var TextFieldMedium = (0, _styles.styled)('div')(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    width: '160px',
+    margin: "".concat(theme.spacing(1), " ").concat(theme.spacing(0.5)),
+    '& .MuiFormControl-root': {
+      width: '100%'
+    }
+  };
+});
+var TextFieldLarge = (0, _styles.styled)('div')(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    width: '230px',
+    margin: "".concat(theme.spacing(1), " ").concat(theme.spacing(0.5)),
+    '& .MuiFormControl-root': {
+      width: '100%'
+    }
+  };
+});
+var ItalicText = (0, _styles.styled)(_material.Typography)(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    fontStyle: 'italic',
+    margin: "".concat(theme.spacing(1), " 0")
+  };
+});
+var Dimensions = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  };
+});
+var DisabledText = (0, _styles.styled)(_material.Typography)(function () {
+  return {
+    color: _renderUi.color.disabled()
+  };
+});
+var AxisLabel = (0, _styles.styled)('div')(function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    paddingTop: theme.spacing(2)
+  };
+});
+var GridConfig = function GridConfig(props) {
+  var disabled = props.disabled,
+    displayedFields = props.displayedFields,
+    labelValue = props.labelValue,
+    labelValues = props.labelValues,
+    gridValue = props.gridValue,
+    gridValues = props.gridValues,
+    _onChange = props.onChange;
+  var _displayedFields$labe = displayedFields.labelStep,
+    labelStep = _displayedFields$labe === void 0 ? {} : _displayedFields$labe,
+    _displayedFields$step = displayedFields.step,
+    step = _displayedFields$step === void 0 ? {} : _displayedFields$step;
+  return /*#__PURE__*/_react["default"].createElement(ColumnView, null, step && step.enabled && /*#__PURE__*/_react["default"].createElement(TextFieldMedium, null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    label: step.label || '',
+    value: gridValue,
+    customValues: gridValues,
+    variant: "outlined",
+    disabled: disabled,
+    onChange: function onChange(e, v) {
+      return _onChange('step', v);
+    }
+  })), labelStep && labelStep.enabled && /*#__PURE__*/_react["default"].createElement(TextFieldMedium, null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    label: labelStep.label || '',
+    value: labelValue,
+    customValues: labelValues,
+    variant: "outlined",
+    disabled: disabled,
+    onChange: function onChange(e, v) {
+      return _onChange('labelStep', v);
+    }
+  })));
+};
+GridConfig.propTypes = {
+  disabled: _propTypes["default"].bool,
+  displayedFields: _propTypes["default"].object,
+  labelValue: _propTypes["default"].number,
+  labelValues: _propTypes["default"].array,
+  gridValue: _propTypes["default"].number,
+  gridValues: _propTypes["default"].array,
+  onChange: _propTypes["default"].func
+};
+var AxisConfig = function AxisConfig(props) {
+  var 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 _displayedFields$axis = displayedFields.axisLabel,
+    axisLabel = _displayedFields$axis === void 0 ? {} : _displayedFields$axis,
+    _displayedFields$min = displayedFields.min,
+    min = _displayedFields$min === void 0 ? {} : _displayedFields$min,
+    _displayedFields$max = displayedFields.max,
+    max = _displayedFields$max === void 0 ? {} : _displayedFields$max;
+  var activePlugins = ['bold', 'italic', 'underline', 'strikethrough'];
+  return /*#__PURE__*/_react["default"].createElement(ColumnView, null, displayHeader && /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+    variant: "subtitle2"
+  }, /*#__PURE__*/_react["default"].createElement("i", null, type === 'domain' ? 'x' : 'y'), "-axis"), min && min.enabled && /*#__PURE__*/_react["default"].createElement(TextFieldMedium, null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    label: min.label || '',
+    value: minValue,
+    min: -10000,
+    max: maxValue - 0.05,
+    variant: "outlined",
+    disabled: disabled,
+    onChange: function onChange(e, v) {
+      return _onChange2('min', v);
+    }
+  })), max && max.enabled && /*#__PURE__*/_react["default"].createElement(TextFieldMedium, null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    label: max.label || '',
+    value: maxValue,
+    min: minValue + 0.05,
+    max: 10000,
+    variant: "outlined",
+    disabled: disabled,
+    onChange: function onChange(e, v) {
+      return _onChange2('max', v);
+    }
+  })), axisLabel && axisLabel.enabled && /*#__PURE__*/_react["default"].createElement(TextFieldMedium, null, /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    label: axisLabel.label || ''
+  }, /*#__PURE__*/_react["default"].createElement(AxisLabel, null, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
+    onChange: function onChange(value) {
+      return _onChange2('axisLabel', value);
+    },
+    markup: label || '',
+    charactersLimit: 5,
+    activePlugins: activePlugins
+  })))));
+};
+AxisConfig.propTypes = {
+  disabled: _propTypes["default"].bool,
+  displayedFields: _propTypes["default"].object,
+  displayHeader: _propTypes["default"].bool,
+  label: _propTypes["default"].string,
+  maxValue: _propTypes["default"].number,
+  minValue: _propTypes["default"].number,
+  type: _propTypes["default"].string,
+  onChange: _propTypes["default"].func
+};
+var GridSetup = function GridSetup(props) {
+  var domain = props.domain,
+    _props$displayedField = props.displayedFields,
+    displayedFields = _props$displayedField === void 0 ? {} : _props$displayedField,
+    _props$gridValues = props.gridValues,
+    gridValues = _props$gridValues === void 0 ? {} : _props$gridValues,
+    includeAxes = props.includeAxes,
+    _props$labelValues = props.labelValues,
+    labelValues = _props$labelValues === void 0 ? {} : _props$labelValues,
+    onChange = props.onChange,
+    onChangeView = props.onChangeView,
+    range = props.range,
+    size = props.size,
+    sizeConstraints = props.sizeConstraints,
+    standardGrid = props.standardGrid;
+  var gridProps = {
+    min: 2,
+    max: 41
+  };
+  var _ref6 = displayedFields || {},
+    _ref6$axisLabel = _ref6.axisLabel,
+    axisLabel = _ref6$axisLabel === void 0 ? {} : _ref6$axisLabel,
+    dimensionsEnabled = _ref6.dimensionsEnabled,
+    includeAxesEnabled = _ref6.includeAxesEnabled,
+    _ref6$labelStep = _ref6.labelStep,
+    labelStep = _ref6$labelStep === void 0 ? {} : _ref6$labelStep,
+    _ref6$min = _ref6.min,
+    min = _ref6$min === void 0 ? {} : _ref6$min,
+    _ref6$max = _ref6.max,
+    max = _ref6$max === void 0 ? {} : _ref6$max,
+    standardGridEnabled = _ref6.standardGridEnabled,
+    _ref6$step = _ref6.step,
+    step = _ref6$step === void 0 ? {} : _ref6$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) {
+      var axis = type === 'domain' ? domain : range;
+      return {
+        min: 1,
+        max: axis.max < gridProps.min || axis.max > gridProps.max ? 16 : axis.max,
+        step: 1,
+        labelStep: 0
+      };
+    };
+    var updatedRange = _objectSpread(_objectSpread({}, range), includeAxes ? {
+      labelStep: 1
+    } : noAxesConfig('range'));
+    var updatedDomain = _objectSpread(_objectSpread({}, domain), includeAxes ? {
+      labelStep: 1
+    } : noAxesConfig('domain'));
+    onChange({
+      includeAxes: includeAxes,
+      range: updatedRange,
+      domain: updatedDomain
+    });
+  };
+  var onStandardGridChanged = function onStandardGridChanged(value) {
+    onChange({
+      standardGrid: value,
+      range: _objectSpread(_objectSpread({}, domain), {}, {
+        axisLabel: range.axisLabel
+      }),
+      graph: _objectSpread(_objectSpread({}, size), {}, {
+        height: size.width
+      })
+    });
+  };
+  var onSizeChanged = function onSizeChanged(key, value) {
+    var graph = _objectSpread(_objectSpread({}, size), {}, (0, _defineProperty2["default"])({}, key, value));
+    if (standardGrid) graph.height = value;
+    onChange({
+      graph: graph
+    });
+  };
+  var onDomainChanged = function onDomainChanged(key, value) {
+    domain[key] = value;
+    if (standardGrid && key !== 'axisLabel') range[key] = value;
+    onChange({
+      domain: domain,
+      range: range
+    });
+  };
+  var onRangeChanged = function onRangeChanged(key, value) {
+    range[key] = value;
+    onChange({
+      range: range
+    });
+  };
+  var axesConfig = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(RowView, null, /*#__PURE__*/_react["default"].createElement(AxisConfig, {
+    displayedFields: axisConfigFields,
+    displayHeader: displayAxisType,
+    type: "domain",
+    minValue: domain.min,
+    maxValue: domain.max,
+    label: domain.axisLabel,
+    includeAxes: includeAxes,
+    onChange: onDomainChanged
+  }), /*#__PURE__*/_react["default"].createElement(AxisConfig, {
+    displayedFields: axisConfigFields,
+    displayHeader: displayAxisType,
+    type: "range",
+    minValue: range.min,
+    maxValue: range.max,
+    label: range.axisLabel,
+    disabled: standardGrid,
+    includeAxes: includeAxes,
+    onChange: onRangeChanged
+  })), (min.enabled || max.enabled) && /*#__PURE__*/_react["default"].createElement(ItalicText, null, "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(RowView, null, /*#__PURE__*/_react["default"].createElement(GridConfig, {
+    displayedFields: gridConfigFields,
+    gridValue: domain.step,
+    labelValue: domain.labelStep,
+    gridValues: gridValues.domain || [],
+    labelValues: labelValues.domain || [],
+    onChange: onDomainChanged
+  }), /*#__PURE__*/_react["default"].createElement(GridConfig, {
+    disabled: standardGrid,
+    displayedFields: gridConfigFields,
+    gridValue: range.step,
+    labelValue: range.labelStep,
+    gridValues: gridValues.range || [],
+    labelValues: labelValues.range || [],
+    onChange: onRangeChanged
+  })), labelStep.enabled && /*#__PURE__*/_react["default"].createElement(ItalicText, null, "For unnumbered gridlines, enter a label interval of 0"));
+  var gridlinesConfig = max.enabled ? /*#__PURE__*/_react["default"].createElement(ColumnView, null, /*#__PURE__*/_react["default"].createElement(TextFieldLarge, null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    label: "Number of Vertical Gridlines",
+    value: domain.max,
+    min: !includeAxes && gridProps.min,
+    max: !includeAxes && gridProps.max,
+    variant: "outlined",
+    onChange: function onChange(e, v) {
+      return onDomainChanged('max', v);
+    }
+  })), /*#__PURE__*/_react["default"].createElement(TextFieldLarge, null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    label: "Number of Horizontal Gridlines",
+    value: range.max,
+    min: !includeAxes && gridProps.min,
+    max: !includeAxes && gridProps.max,
+    variant: "outlined",
+    disabled: standardGrid,
+    onChange: function onChange(e, v) {
+      return onRangeChanged('max', v);
+    }
+  }))) : null;
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(_material.Accordion, {
+    onChange: onChangeView,
+    TransitionProps: {
+      timeout: {
+        enter: 225,
+        exit: 195
+      }
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_material.AccordionSummary, {
+    expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
+  }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+    variant: "subtitle1"
+  }, "Customize Grid Setup")), /*#__PURE__*/_react["default"].createElement(_material.AccordionDetails, null, /*#__PURE__*/_react["default"].createElement(Content, null, includeAxesEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.Toggle, {
+    label: "Include axes and labels?",
+    toggle: onIncludeAxes,
+    checked: includeAxes
+  }), standardGridEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.Toggle, {
+    label: "Constrain to standard coordinate grid?",
+    toggle: onStandardGridChanged,
+    checked: standardGrid
+  }), includeAxes ? axesConfig : gridlinesConfig, dimensionsEnabled && /*#__PURE__*/_react["default"].createElement(Dimensions, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_material.Typography, null, "Dimensions(px)"), /*#__PURE__*/_react["default"].createElement(DisabledText, null, "Min ", sizeConstraints.min, ", Max ", sizeConstraints.max)), /*#__PURE__*/_react["default"].createElement(TextFieldSmall, null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    label: "Width",
+    value: size.width,
+    min: sizeConstraints.min,
+    max: sizeConstraints.max,
+    step: sizeConstraints.step,
+    variant: "outlined",
+    onChange: function onChange(e, v) {
+      return onSizeChanged('width', v);
+    }
+  })), /*#__PURE__*/_react["default"].createElement(TextFieldSmall, null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    label: "Height",
+    value: size.height,
+    min: sizeConstraints.min,
+    max: sizeConstraints.max,
+    step: sizeConstraints.step,
+    variant: "outlined",
+    disabled: standardGrid,
+    onChange: function onChange(e, v) {
+      return onSizeChanged('height', v);
+    }
+  })))))));
+};
+GridSetup.propTypes = {
+  domain: _propTypes["default"].object,
+  displayedFields: _propTypes["default"].object,
+  gridValues: _propTypes["default"].object,
+  includeAxes: _propTypes["default"].bool,
+  labelValues: _propTypes["default"].object,
+  onChange: _propTypes["default"].func,
+  onChangeView: _propTypes["default"].func,
+  range: _propTypes["default"].object,
+  size: _propTypes["default"].object,
+  sizeConstraints: _propTypes["default"].object,
+  standardGrid: _propTypes["default"].bool
+};
+var _default = exports["default"] = GridSetup;
+//# sourceMappingURL=grid-setup.js.map

package/lib/grid-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-setup.js","names":["_react","_interopRequireDefault","require","_propTypes","_renderUi","_material","_ExpandMore","_configUi","_editableHtmlTipTap","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","width","Content","display","flexDirection","ColumnView","alignItems","RowView","justifyContent","TextFieldSmall","_ref","theme","margin","concat","spacing","TextFieldMedium","_ref2","TextFieldLarge","_ref3","ItalicText","Typography","_ref4","fontStyle","Dimensions","DisabledText","color","disabled","AxisLabel","_ref5","paddingTop","GridConfig","props","displayedFields","labelValue","labelValues","gridValue","gridValues","onChange","_displayedFields$labe","labelStep","_displayedFields$step","step","createElement","enabled","NumberTextFieldCustom","label","value","customValues","variant","v","propTypes","PropTypes","bool","object","number","array","func","AxisConfig","displayHeader","maxValue","minValue","type","_displayedFields$axis","axisLabel","_displayedFields$min","min","_displayedFields$max","max","activePlugins","InputContainer","markup","charactersLimit","string","GridSetup","domain","_props$displayedField","_props$gridValues","includeAxes","_props$labelValues","onChangeView","range","size","sizeConstraints","standardGrid","gridProps","_ref6","_ref6$axisLabel","dimensionsEnabled","includeAxesEnabled","_ref6$labelStep","_ref6$min","_ref6$max","standardGridEnabled","_ref6$step","displayAxisType","gridConfigFields","axisConfigFields","onIncludeAxes","noAxesConfig","axis","updatedRange","updatedDomain","onStandardGridChanged","graph","height","onSizeChanged","key","onDomainChanged","onRangeChanged","axesConfig","Fragment","gridlinesConfig","Accordion","TransitionProps","timeout","enter","exit","AccordionSummary","expandIcon","AccordionDetails","Toggle","toggle","checked","_default","exports"],"sources":["../src/grid-setup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport { Accordion, AccordionSummary, AccordionDetails, Typography } from '@mui/material';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { NumberTextFieldCustom, Toggle } from '@pie-lib/config-ui';\nimport EditableHTML from '@pie-lib/editable-html-tip-tap';\nimport { styled } from '@mui/material/styles';\n\nconst Wrapper = styled('div')(() => ({\n  width: '450px',\n}));\n\nconst Content = styled('div')(() => ({\n  display: 'flex',\n  flexDirection: 'column',\n  width: '100%',\n}));\n\nconst ColumnView = styled('div')(() => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n}));\n\nconst RowView = styled('div')(() => ({\n  display: 'flex',\n  justifyContent: 'space-around',\n  alignItems: 'center',\n}));\n\nconst TextFieldSmall = styled('div')(({ theme }) => ({\n  width: '130px',\n  margin: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n}));\n\nconst TextFieldMedium = styled('div')(({ theme }) => ({\n  width: '160px',\n  margin: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n  '& .MuiFormControl-root': {\n    width: '100%',\n  },\n}));\n\nconst TextFieldLarge = styled('div')(({ theme }) => ({\n  width: '230px',\n  margin: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n  '& .MuiFormControl-root': {\n    width: '100%',\n  },\n}));\n\nconst ItalicText = styled(Typography)(({ theme }) => ({\n  fontStyle: 'italic',\n  margin: `${theme.spacing(1)} 0`,\n}));\n\nconst Dimensions = styled('div')(() => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n}));\n\nconst DisabledText = styled(Typography)(() => ({\n  color: color.disabled(),\n}));\n\nconst AxisLabel = styled('div')(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n}));\n\nconst GridConfig = (props) => {\n  const { disabled, displayedFields, labelValue, labelValues, gridValue, gridValues, onChange } = props;\n  const { labelStep = {}, step = {} } = displayedFields;\n\n  return (\n    <ColumnView>\n      {step && step.enabled && (\n        <TextFieldMedium>\n          <NumberTextFieldCustom\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        </TextFieldMedium>\n      )}\n      {labelStep && labelStep.enabled && (\n        <TextFieldMedium>\n          <NumberTextFieldCustom\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        </TextFieldMedium>\n      )}\n    </ColumnView>\n  );\n};\n\nGridConfig.propTypes = {\n  disabled: PropTypes.bool,\n  displayedFields: PropTypes.object,\n  labelValue: PropTypes.number,\n  labelValues: PropTypes.array,\n  gridValue: PropTypes.number,\n  gridValues: PropTypes.array,\n  onChange: PropTypes.func,\n};\n\nconst AxisConfig = (props) => {\n  const { disabled, displayedFields, displayHeader, label, maxValue, minValue, onChange, type } = props;\n  const { axisLabel = {}, min = {}, max = {} } = displayedFields;\n  const activePlugins = ['bold', 'italic', 'underline', 'strikethrough'];\n\n  return (\n    <ColumnView>\n      {displayHeader && (\n        <Typography variant=\"subtitle2\">\n          <i>{type === 'domain' ? 'x' : 'y'}</i>-axis\n        </Typography>\n      )}\n      {min && min.enabled && (\n        <TextFieldMedium>\n          <NumberTextFieldCustom\n            label={min.label || ''}\n            value={minValue}\n            min={-10000}\n            max={maxValue - 0.05}\n            variant=\"outlined\"\n            disabled={disabled}\n            onChange={(e, v) => onChange('min', v)}\n          />\n        </TextFieldMedium>\n      )}\n      {max && max.enabled && (\n        <TextFieldMedium>\n          <NumberTextFieldCustom\n            label={max.label || ''}\n            value={maxValue}\n            min={minValue + 0.05}\n            max={10000}\n            variant=\"outlined\"\n            disabled={disabled}\n            onChange={(e, v) => onChange('max', v)}\n          />\n        </TextFieldMedium>\n      )}\n      {axisLabel && axisLabel.enabled && (\n        <TextFieldMedium>\n          <InputContainer label={axisLabel.label || ''}>\n            <AxisLabel>\n              <EditableHTML\n                onChange={(value) => onChange('axisLabel', value)}\n                markup={label || ''}\n                charactersLimit={5}\n                activePlugins={activePlugins}\n              />\n            </AxisLabel>\n          </InputContainer>\n        </TextFieldMedium>\n      )}\n    </ColumnView>\n  );\n};\n\nAxisConfig.propTypes = {\n  disabled: PropTypes.bool,\n  displayedFields: PropTypes.object,\n  displayHeader: PropTypes.bool,\n  label: PropTypes.string,\n  maxValue: PropTypes.number,\n  minValue: PropTypes.number,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nconst GridSetup = (props) => {\n  const {\n    domain,\n    displayedFields = {},\n    gridValues = {},\n    includeAxes,\n    labelValues = {},\n    onChange,\n    onChangeView,\n    range,\n    size,\n    sizeConstraints,\n    standardGrid,\n  } = props;\n\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\n  const displayAxisType = 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      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    if (standardGrid) graph.height = value;\n    onChange({ graph });\n  };\n\n  const onDomainChanged = (key, value) => {\n    domain[key] = value;\n    if (standardGrid && key !== 'axisLabel') range[key] = value;\n    onChange({ domain, range });\n  };\n\n  const onRangeChanged = (key, value) => {\n    range[key] = value;\n    onChange({ range });\n  };\n\n  const axesConfig = (\n    <>\n      <RowView>\n        <AxisConfig\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          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      </RowView>\n      {(min.enabled || max.enabled) && (\n        <ItalicText>\n          If you want the axis to be visible, use a zero or negative Min Value, and a positive Max Value\n        </ItalicText>\n      )}\n      {(step.enabled || labelStep.enabled) && (\n        <RowView>\n          <GridConfig\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            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        </RowView>\n      )}\n      {labelStep.enabled && <ItalicText>For unnumbered gridlines, enter a label interval of 0</ItalicText>}\n    </>\n  );\n\n  const gridlinesConfig = max.enabled ? (\n    <ColumnView>\n      <TextFieldLarge>\n        <NumberTextFieldCustom\n          label=\"Number of Vertical 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      </TextFieldLarge>\n      <TextFieldLarge>\n        <NumberTextFieldCustom\n          label=\"Number of Horizontal 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      </TextFieldLarge>\n    </ColumnView>\n  ) : null;\n\n  return (\n    <Wrapper>\n      <Accordion onChange={onChangeView} TransitionProps={{ timeout: { enter: 225, exit: 195 } }}>\n        <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n          <Typography variant=\"subtitle1\">Customize Grid Setup</Typography>\n        </AccordionSummary>\n        <AccordionDetails>\n          <Content>\n            {includeAxesEnabled && (\n              <Toggle label=\"Include axes and labels?\" toggle={onIncludeAxes} checked={includeAxes} />\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              <Dimensions>\n                <div>\n                  <Typography>Dimensions(px)</Typography>\n                  <DisabledText>\n                    Min {sizeConstraints.min}, Max {sizeConstraints.max}\n                  </DisabledText>\n                </div>\n                <TextFieldSmall>\n                  <NumberTextFieldCustom\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                </TextFieldSmall>\n                <TextFieldSmall>\n                  <NumberTextFieldCustom\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                </TextFieldSmall>\n              </Dimensions>\n            )}\n          </Content>\n        </AccordionDetails>\n      </Accordion>\n    </Wrapper>\n  );\n};\n\nGridSetup.propTypes = {\n  domain: PropTypes.object,\n  displayedFields: PropTypes.object,\n  gridValues: PropTypes.object,\n  includeAxes: PropTypes.bool,\n  labelValues: PropTypes.object,\n  onChange: PropTypes.func,\n  onChangeView: PropTypes.func,\n  range: PropTypes.object,\n  size: PropTypes.object,\n  sizeConstraints: PropTypes.object,\n  standardGrid: PropTypes.bool,\n};\n\nexport default GridSetup;\n"],"mappings":"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","ignoreList":[]}

package/lib/grid.js

@@ -0,0 +1,153 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Grid = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.replace.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var vx = _interopRequireWildcard(require("@visx/grid"));
+var _plot = require("@pie-lib/plot");
+var _utils = require("./utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var Grid = exports.Grid = /*#__PURE__*/function (_React$Component) {
+  function Grid() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Grid);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, Grid, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "getAdditionalGridProps", function (rowTickValues, columnTickValues) {
+      var _this$props$graphProp = _this.props.graphProps,
+        scale = _this$props$graphProp.scale,
+        _this$props$graphProp2 = _this$props$graphProp.size,
+        width = _this$props$graphProp2.width,
+        height = _this$props$graphProp2.height,
+        domain = _this$props$graphProp.domain,
+        range = _this$props$graphProp.range;
+      var rowTickLabelValues = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, range), {}, {
+        step: range.labelStep
+      })).filter(function (value) {
+        return rowTickValues.includes(value);
+      });
+      var columnTickLabelValues = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, domain), {}, {
+        step: domain.labelStep
+      })).filter(function (value) {
+        return columnTickValues.includes(value);
+      });
+      var minValueLength = rowTickLabelValues.length && Math.min.apply(Math, (0, _toConsumableArray2["default"])(rowTickLabelValues)).toString().replace(/[.-]/g, '').length || 1;
+      var maxValueLength = rowTickLabelValues.length && Math.max.apply(Math, (0, _toConsumableArray2["default"])(rowTickLabelValues)).toString().replace(/[.-]/g, '').length || 1;
+      var rowLabelLength = Math.max(minValueLength, maxValueLength) * 9 + 22;
+      var horizontalDistanceToZero = scale.x(0);
+      var verticalDistanceToZero = scale.y(0);
+      var columnLabelLength = 28;
+      var rowStrokeDasharray = "".concat(horizontalDistanceToZero - rowLabelLength, " ").concat(rowLabelLength, " ").concat(width);
+      var columnStrokeDasharray = "".concat(verticalDistanceToZero, " ").concat(columnLabelLength, " ").concat(height);
+      var displayAdditionalGrid = domain.labelStep > 0 && range.labelStep > 0 && rowTickLabelValues && columnTickLabelValues && rowTickLabelValues.length > 1 && columnTickLabelValues.length > 1 && (rowTickLabelValues.length !== rowTickValues.length || columnTickLabelValues.length !== columnTickValues.length);
+      var filteredColumnValues = columnTickLabelValues.filter(function (value) {
+        return value >= 0 || horizontalDistanceToZero - scale.x(value) > rowLabelLength;
+      });
+      var filteredRowValues = rowTickLabelValues.filter(function (value) {
+        return value >= 0 || scale.y(value) - verticalDistanceToZero > columnLabelLength;
+      });
+      return {
+        rowTickLabelValues: filteredRowValues,
+        columnTickLabelValues: filteredColumnValues,
+        rowStrokeDasharray: rowStrokeDasharray,
+        columnStrokeDasharray: columnStrokeDasharray,
+        displayAdditionalGrid: displayAdditionalGrid
+      };
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(Grid, _React$Component);
+  return (0, _createClass2["default"])(Grid, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var graphProps = this.props.graphProps;
+      var scale = graphProps.scale,
+        _graphProps$size = graphProps.size,
+        height = _graphProps$size.height,
+        width = _graphProps$size.width,
+        domain = graphProps.domain,
+        range = graphProps.range;
+      var rowTickValues = (0, _utils.getTickValues)(range);
+      var columnTickValues = (0, _utils.getTickValues)(domain);
+      var _this$getAdditionalGr = this.getAdditionalGridProps(rowTickValues, columnTickValues),
+        rowTickLabelValues = _this$getAdditionalGr.rowTickLabelValues,
+        columnTickLabelValues = _this$getAdditionalGr.columnTickLabelValues,
+        rowStrokeDasharray = _this$getAdditionalGr.rowStrokeDasharray,
+        columnStrokeDasharray = _this$getAdditionalGr.columnStrokeDasharray,
+        displayAdditionalGrid = _this$getAdditionalGr.displayAdditionalGrid;
+      var additionalGridStroke = domain.labelStep * 2 === domain.step || range.labelStep * 2 === range.step ? '#9FA8DA' : '#7985CB';
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.Grid, {
+        innerRef: function innerRef(r) {
+          return _this2.grid = r;
+        },
+        xScale: scale.x,
+        yScale: scale.y,
+        width: width,
+        height: height,
+        stroke: "#D3D3D3",
+        rowTickValues: rowTickValues,
+        columnTickValues: columnTickValues
+      }), displayAdditionalGrid && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.GridRows, {
+        scale: scale.y,
+        width: width,
+        tickValues: rowTickLabelValues,
+        stroke: additionalGridStroke,
+        strokeDasharray: rowStrokeDasharray
+      }), /*#__PURE__*/_react["default"].createElement(vx.GridColumns, {
+        scale: scale.x,
+        height: height,
+        tickValues: columnTickLabelValues,
+        stroke: additionalGridStroke,
+        strokeDasharray: columnStrokeDasharray
+      })));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Grid, "propTypes", {
+  disabled: _propTypes["default"].bool,
+  disabledAdditionalGrid: _propTypes["default"].bool,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+var _default = exports["default"] = Grid;
+//# sourceMappingURL=grid.js.map