@pie-lib/graphing-solution-set 2.17.0 → 2.18.0

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# 2.17.0 (2025-07-31)
+# 2.18.0 (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# 2.16.0 (2025-07-31)
+# 2.17.0 (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
@@ -19,7 +19,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# 2.15.0-beta.8 (2025-07-25)
+# 2.16.0 (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
@@ -27,142 +27,90 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# 2.15.0-beta.7 (2025-07-25)
+# 2.16.0 (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
+# 2.17.0 (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/graphing-solution-set
 
+# 2.16.0 (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-# 2.15.0-beta.7 (2025-07-25)
+# 2.15.0-beta.8 (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
+# 2.15.0-beta.7 (2025-07-25)
 
+**Note:** Version bump only for package @pie-lib/graphing-solution-set
 
+# 2.15.0-beta.7 (2025-07-25)
 
+**Note:** Version bump only for package @pie-lib/graphing-solution-set
 
 # 2.15.0-beta.6 (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.6 (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.5 (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.5 (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.4 (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.3 (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.4 (2025-07-23)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.3 (2025-07-23)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.3 (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.2 (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.1 (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.2 (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.1 (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.1 (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.15.0-beta.0 (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set
 
-
-
-
-
 # 2.16.0-beta.0 (2025-07-15)
 
 **Note:** Version bump only for package @pie-lib/graphing-solution-set

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.17.0",
+  "version": "2.18.0",
   "description": "Graphing components",
   "keywords": [
     "react",
@@ -19,12 +19,13 @@
     "@mapbox/point-geometry": "^0.1.0",
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/drag": "beta",
-    "@pie-lib/editable-html": "beta",
-    "@pie-lib/graphing-utils": "beta",
-    "@pie-lib/plot": "beta",
-    "@pie-lib/tools": "beta",
-    "@pie-lib/translator": "beta",
+    "@pie-lib/drag": "^2.6.0",
+    "@pie-lib/editable-html": "^11.5.0",
+    "@pie-lib/graphing-utils": "^1.5.0",
+    "@pie-lib/plot": "^2.11.0",
+    "@pie-lib/render-ui": "^4.19.0",
+    "@pie-lib/tools": "^0.13.0",
+    "@pie-lib/translator": "^2.7.0",
     "@vx/axis": "^0.0.189",
     "@vx/clip-path": "^0.0.189",
     "@vx/curve": "^0.0.189",
@@ -50,6 +51,6 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "ecb1ca31aa1c24d23af00d5ad04ce73ed8871057",
+  "gitHead": "889a13bfea2c768b8a3a6eabfc6fe7b7725aa832",
   "scripts": {}
 }

package/src/axis/axes.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import Arrow from './arrow';
 import { withStyles } from '@material-ui/core';
 import { countWords, findLongestWord, amountToIncreaseWidth, getTickValues } from '../utils';
-import { color, Readable } from '../../../render-ui/src/index';
+import { color, Readable } from '@pie-lib/render-ui';
 
 export const AxisPropTypes = {
   includeArrows: PropTypes.object,

package/src/coordinates-label.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { types } from '@pie-lib/plot';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { withStyles } from '@material-ui/core/styles';
 import InputBase from '@material-ui/core/InputBase';
 import { roundNumber } from './utils';

package/src/graph-with-controls.jsx

@@ -4,7 +4,7 @@ import { withStyles } from '@material-ui/core/styles';
 import classNames from 'classnames';
 import uniq from 'lodash/uniq';
 import isString from 'lodash/isString';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import ToolMenu from './tool-menu';
 import Graph, { graphPropTypes } from './graph';
 import UndoRedo from './undo-redo';

package/src/grid-setup.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { color, InputContainer } from '../../render-ui/src/index';
+import { color, InputContainer } from '@pie-lib/render-ui';
 import { withStyles } from '@material-ui/core/styles';
 import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
 import Typography from '@material-ui/core/Typography';

package/src/labels.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import { types } from '@pie-lib/plot';
-import { color, Readable } from '../../render-ui/src/index';
+import { color, Readable } from '@pie-lib/render-ui';
 import EditableHtml from '@pie-lib/editable-html';
 import cn from 'classnames';
 

package/src/mark-label.jsx

@@ -5,7 +5,7 @@ import { withStyles } from '@material-ui/core/styles';
 import AutosizeInput from 'react-input-autosize';
 import { useDebounce } from './use-debounce';
 import { types } from '@pie-lib/plot';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 const styles = (theme) => ({
   input: {

package/src/toggle-bar.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import cn from 'classnames';
 import Button from '@material-ui/core/Button';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { allTools } from './tools';
 import { withDragContext, DragSource, DropTarget } from '@pie-lib/drag';
 import Translator from '@pie-lib/translator';

package/src/tools/polygon/line.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import { types, gridDraggable } from '@pie-lib/plot';
-import { color } from '../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import * as utils from '../../utils';
 import classNames from 'classnames';
 import { correct, disabled, incorrect, missing } from '../shared/styles';

package/src/tools/polygon/polygon.jsx

@@ -4,7 +4,7 @@ import { withStyles } from '@material-ui/core/styles';
 import { gridDraggable, types } from '@pie-lib/plot';
 import * as utils from '../../utils';
 import classNames from 'classnames';
-import { color } from '../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { fade } from '@material-ui/core/styles/colorManipulator';
 import { correct, disabled, incorrect } from '../shared/styles';
 

package/src/tools/shared/arrow-head.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { color } from '../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 export const ArrowHead = ({ size, transform, points }) => (
   <polygon points={points || `0,0 ${size},${size / 2} 0,${size}`} transform={transform} />

package/src/tools/shared/line/index.jsx

@@ -8,7 +8,7 @@ import { disabled, correct, incorrect, missing } from '../styles';
 import ReactDOM from 'react-dom';
 import MarkLabel from '../../../mark-label';
 import isEmpty from 'lodash/isEmpty';
-import { color } from '../../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { getMiddleOfTwoPoints, equalPoints, sameAxes } from '../../../utils';
 
 export const lineTool = (type, Component) => () => ({

package/src/tools/shared/line/line-path.jsx

@@ -5,7 +5,7 @@ import { types } from '@pie-lib/plot';
 import classNames from 'classnames';
 import { disabled, correct, incorrect, missing } from '../styles';
 import * as vx from '@vx/shape';
-import { color } from '../../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 export class RawLinePath extends React.Component {
   static propTypes = {

package/src/tools/shared/point/base-point.jsx

@@ -5,7 +5,7 @@ import { types } from '@pie-lib/plot';
 import CoordinatesLabel from '../../../coordinates-label';
 import ReactDOM from 'react-dom';
 import { thinnerShapesNeeded } from '../../../utils';
-import { color } from '../../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 export class RawBp extends React.Component {
   static propTypes = {

package/src/tools/shared/point/index.jsx

@@ -4,7 +4,7 @@ import * as utils from '../../../utils';
 import { disabled, correct, incorrect, missing } from '../styles';
 import { RawBp } from './base-point';
 import { RawArrow } from './arrow-point';
-import { color } from '../../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import BaseArrow from './arrow';
 
 const opts = {

package/src/tools/shared/styles.js

@@ -1,4 +1,4 @@
-import { color } from '../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 export const disabled = (key = 'fill') => ({
   [key]: color.disabled(),

package/src/undo-redo.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Button from '@material-ui/core/Button';
 import { withStyles } from '@material-ui/core';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import Translator from '@pie-lib/translator';
 
 const { translator } = Translator;

package/lib/axis/arrow.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Arrow = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _plot = require("@pie-lib/plot");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var style = function style(theme) {
-  return {
-    root: {
-      fill: "var(--arrow-color, ".concat(theme.palette.common.black, ")")
-    }
-  };
-};
-
-var Arrow = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Arrow, _React$Component);
-
-  var _super = _createSuper(Arrow);
-
-  function Arrow() {
-    (0, _classCallCheck2["default"])(this, Arrow);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Arrow, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          x = _this$props.x,
-          y = _this$props.y,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          scale = _this$props.scale;
-      var names = (0, _classnames["default"])(classes.root, className);
-      var direction = this.props.direction || 'left';
-      var xv = scale.x(x);
-      var yv = scale.y(y);
-      var transform = '';
-
-      var getTransform = function getTransform(x, y, rotate) {
-        return "translate(".concat(x, ", ").concat(y, ") rotate(").concat(rotate, ")");
-      };
-
-      if (direction === 'left') {
-        transform = getTransform(xv - 15, yv, 0);
-      }
-
-      if (direction === 'right') {
-        transform = getTransform(xv + 15, yv, 180);
-      }
-
-      if (direction === 'up') {
-        transform = getTransform(xv, yv - 15, 90);
-      }
-
-      if (direction === 'down') {
-        transform = getTransform(xv, yv + 15, 270);
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("path", {
-        d: "m 0,0 8,-5 0,10 -8,-5",
-        transform: transform,
-        className: names
-      });
-    }
-  }]);
-  return Arrow;
-}(_react["default"].Component);
-
-exports.Arrow = Arrow;
-Arrow.propTypes = {
-  y: _propTypes["default"].number,
-  x: _propTypes["default"].number,
-  direction: _propTypes["default"].oneOf(['left', 'right', 'up', 'down']),
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
-  scale: _plot.types.ScaleType.isRequired
-};
-Arrow.defaultProps = {
-  y: 0,
-  x: 0,
-  direction: 'left'
-};
-
-var _default = (0, _styles.withStyles)(style)(Arrow);
-
-exports["default"] = _default;
-//# sourceMappingURL=arrow.js.map

package/lib/axis/arrow.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/axis/arrow.jsx"],"names":["style","theme","root","fill","palette","common","black","Arrow","props","x","y","classes","className","scale","names","direction","xv","yv","transform","getTransform","rotate","React","Component","propTypes","PropTypes","number","oneOf","object","isRequired","string","types","ScaleType","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;AAAA,SAAY;AACxBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,+BAAwBF,KAAK,CAACG,OAAN,CAAcC,MAAd,CAAqBC,KAA7C;AADA;AADkB,GAAZ;AAAA,CAAd;;IAMaC,K;;;;;;;;;;;;WACX,kBAAS;AACP,wBAA4C,KAAKC,KAAjD;AAAA,UAAQC,CAAR,eAAQA,CAAR;AAAA,UAAWC,CAAX,eAAWA,CAAX;AAAA,UAAcC,OAAd,eAAcA,OAAd;AAAA,UAAuBC,SAAvB,eAAuBA,SAAvB;AAAA,UAAkCC,KAAlC,eAAkCA,KAAlC;AACA,UAAMC,KAAK,GAAG,4BAAWH,OAAO,CAACT,IAAnB,EAAyBU,SAAzB,CAAd;AACA,UAAIG,SAAS,GAAG,KAAKP,KAAL,CAAWO,SAAX,IAAwB,MAAxC;AAEA,UAAMC,EAAE,GAAGH,KAAK,CAACJ,CAAN,CAAQA,CAAR,CAAX;AACA,UAAMQ,EAAE,GAAGJ,KAAK,CAACH,CAAN,CAAQA,CAAR,CAAX;AAEA,UAAIQ,SAAS,GAAG,EAAhB;;AAEA,UAAMC,YAAY,GAAG,SAAfA,YAAe,CAACV,CAAD,EAAIC,CAAJ,EAAOU,MAAP;AAAA,mCAA+BX,CAA/B,eAAqCC,CAArC,sBAAkDU,MAAlD;AAAA,OAArB;;AAEA,UAAIL,SAAS,KAAK,MAAlB,EAA0B;AACxBG,QAAAA,SAAS,GAAGC,YAAY,CAACH,EAAE,GAAG,EAAN,EAAUC,EAAV,EAAc,CAAd,CAAxB;AACD;;AAED,UAAIF,SAAS,KAAK,OAAlB,EAA2B;AACzBG,QAAAA,SAAS,GAAGC,YAAY,CAACH,EAAE,GAAG,EAAN,EAAUC,EAAV,EAAc,GAAd,CAAxB;AACD;;AAED,UAAIF,SAAS,KAAK,IAAlB,EAAwB;AACtBG,QAAAA,SAAS,GAAGC,YAAY,CAACH,EAAD,EAAKC,EAAE,GAAG,EAAV,EAAc,EAAd,CAAxB;AACD;;AAED,UAAIF,SAAS,KAAK,MAAlB,EAA0B;AACxBG,QAAAA,SAAS,GAAGC,YAAY,CAACH,EAAD,EAAKC,EAAE,GAAG,EAAV,EAAc,GAAd,CAAxB;AACD;;AAED,0BAAO;AAAM,QAAA,CAAC,EAAC,uBAAR;AAAgC,QAAA,SAAS,EAAEC,SAA3C;AAAsD,QAAA,SAAS,EAAEJ;AAAjE,QAAP;AACD;;;EA9BwBO,kBAAMC,S;;;AAiCjCf,KAAK,CAACgB,SAAN,GAAkB;AAChBb,EAAAA,CAAC,EAAEc,sBAAUC,MADG;AAEhBhB,EAAAA,CAAC,EAAEe,sBAAUC,MAFG;AAGhBV,EAAAA,SAAS,EAAES,sBAAUE,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,EAAkB,IAAlB,EAAwB,MAAxB,CAAhB,CAHK;AAIhBf,EAAAA,OAAO,EAAEa,sBAAUG,MAAV,CAAiBC,UAJV;AAKhBhB,EAAAA,SAAS,EAAEY,sBAAUK,MALL;AAMhBhB,EAAAA,KAAK,EAAEiB,YAAMC,SAAN,CAAgBH;AANP,CAAlB;AASArB,KAAK,CAACyB,YAAN,GAAqB;AACnBtB,EAAAA,CAAC,EAAE,CADgB;AAEnBD,EAAAA,CAAC,EAAE,CAFgB;AAGnBM,EAAAA,SAAS,EAAE;AAHQ,CAArB;;eAMe,wBAAWf,KAAX,EAAkBO,KAAlB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\n\nconst style = (theme) => ({\n  root: {\n    fill: `var(--arrow-color, ${theme.palette.common.black})`,\n  },\n});\n\nexport class Arrow extends React.Component {\n  render() {\n    const { x, y, classes, className, scale } = this.props;\n    const names = classNames(classes.root, className);\n    let direction = this.props.direction || 'left';\n\n    const xv = scale.x(x);\n    const yv = scale.y(y);\n\n    let transform = '';\n\n    const getTransform = (x, y, rotate) => `translate(${x}, ${y}) rotate(${rotate})`;\n\n    if (direction === 'left') {\n      transform = getTransform(xv - 15, yv, 0);\n    }\n\n    if (direction === 'right') {\n      transform = getTransform(xv + 15, yv, 180);\n    }\n\n    if (direction === 'up') {\n      transform = getTransform(xv, yv - 15, 90);\n    }\n\n    if (direction === 'down') {\n      transform = getTransform(xv, yv + 15, 270);\n    }\n\n    return <path d=\"m 0,0 8,-5 0,10 -8,-5\" transform={transform} className={names} />;\n  }\n}\n\nArrow.propTypes = {\n  y: PropTypes.number,\n  x: PropTypes.number,\n  direction: PropTypes.oneOf(['left', 'right', 'up', 'down']),\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  scale: types.ScaleType.isRequired,\n};\n\nArrow.defaultProps = {\n  y: 0,\n  x: 0,\n  direction: 'left',\n};\n\nexport default withStyles(style)(Arrow);\n"],"file":"arrow.js"}