@pie-lib/graphing 2.4.3-next.592 → 2.4.3-next.622

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -91,6 +91,13 @@ var RawBp = /*#__PURE__*/function (_React$Component) {
91
91
  });
92
92
  }
93
93
  }, rest), /*#__PURE__*/_react["default"].createElement("circle", {
94
+ style: {
95
+ fill: 'transparent'
96
+ },
97
+ r: r * 2,
98
+ cx: 2 * scale.x(x),
99
+ cy: 2 * scale.y(y)
100
+ }), /*#__PURE__*/_react["default"].createElement("circle", {
94
101
  r: r,
95
102
  cx: scale.x(x),
96
103
  cy: scale.y(y)
@@ -1 +1 @@
1
- {"version":3,"file":"base-point.js","names":["RawBp","props","state","showCoordinates","classes","className","coordinatesOnHover","x","y","disabled","correctness","graphProps","labelNode","rest","scale","r","thinnerShapesNeeded","classNames","point","setState","ReactDOM","createPortal","React","Component","PropTypes","object","string","bool","number","types","GraphPropsType","isRequired"],"sources":["../../../../src/tools/shared/point/base-point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport CoordinatesLabel from '../../../coordinates-label';\nimport ReactDOM from 'react-dom';\nimport { thinnerShapesNeeded } from '../../../utils';\n\nexport class RawBp extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n coordinatesOnHover: PropTypes.bool,\n correctness: PropTypes.string,\n disabled: PropTypes.bool,\n labelNode: PropTypes.object,\n x: PropTypes.number,\n y: PropTypes.number,\n graphProps: types.GraphPropsType.isRequired\n };\n\n constructor(props) {\n super(props);\n this.state = { showCoordinates: false };\n }\n\n render() {\n const {\n classes,\n className,\n coordinatesOnHover,\n x,\n y,\n disabled,\n correctness,\n graphProps,\n labelNode,\n ...rest\n } = this.props;\n const { showCoordinates } = this.state;\n const { scale } = graphProps;\n const r = thinnerShapesNeeded(graphProps) ? 5 : 7;\n\n return (\n <g\n className={classNames(\n classes.point,\n disabled && classes.disabled,\n classes[correctness],\n className\n )}\n onMouseEnter={() => this.setState({ showCoordinates: true })}\n onMouseLeave={() => this.setState({ showCoordinates: false })}\n {...rest}\n >\n <circle r={r} cx={scale.x(x)} cy={scale.y(y)} />\n {labelNode &&\n coordinatesOnHover &&\n showCoordinates &&\n ReactDOM.createPortal(\n <CoordinatesLabel graphProps={graphProps} x={x} y={y} />,\n labelNode\n )}\n </g>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;IAEaA,K;;;;;EAaX,eAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IACA,MAAKC,KAAL,GAAa;MAAEC,eAAe,EAAE;IAAnB,CAAb;IAFiB;EAGlB;;;;WAED,kBAAS;MAAA;;MACP,kBAWI,KAAKF,KAXT;MAAA,IACEG,OADF,eACEA,OADF;MAAA,IAEEC,SAFF,eAEEA,SAFF;MAAA,IAGEC,kBAHF,eAGEA,kBAHF;MAAA,IAIEC,CAJF,eAIEA,CAJF;MAAA,IAKEC,CALF,eAKEA,CALF;MAAA,IAMEC,QANF,eAMEA,QANF;MAAA,IAOEC,WAPF,eAOEA,WAPF;MAAA,IAQEC,UARF,eAQEA,UARF;MAAA,IASEC,SATF,eASEA,SATF;MAAA,IAUKC,IAVL;MAYA,IAAQV,eAAR,GAA4B,KAAKD,KAAjC,CAAQC,eAAR;MACA,IAAQW,KAAR,GAAkBH,UAAlB,CAAQG,KAAR;MACA,IAAMC,CAAC,GAAG,IAAAC,0BAAA,EAAoBL,UAApB,IAAkC,CAAlC,GAAsC,CAAhD;MAEA,oBACE;QACE,SAAS,EAAE,IAAAM,sBAAA,EACTb,OAAO,CAACc,KADC,EAETT,QAAQ,IAAIL,OAAO,CAACK,QAFX,EAGTL,OAAO,CAACM,WAAD,CAHE,EAITL,SAJS,CADb;QAOE,YAAY,EAAE;UAAA,OAAM,MAAI,CAACc,QAAL,CAAc;YAAEhB,eAAe,EAAE;UAAnB,CAAd,CAAN;QAAA,CAPhB;QAQE,YAAY,EAAE;UAAA,OAAM,MAAI,CAACgB,QAAL,CAAc;YAAEhB,eAAe,EAAE;UAAnB,CAAd,CAAN;QAAA;MARhB,GASMU,IATN,gBAWE;QAAQ,CAAC,EAAEE,CAAX;QAAc,EAAE,EAAED,KAAK,CAACP,CAAN,CAAQA,CAAR,CAAlB;QAA8B,EAAE,EAAEO,KAAK,CAACN,CAAN,CAAQA,CAAR;MAAlC,EAXF,EAYGI,SAAS,IACRN,kBADD,IAECH,eAFD,iBAGCiB,oBAAA,CAASC,YAAT,eACE,gCAAC,4BAAD;QAAkB,UAAU,EAAEV,UAA9B;QAA0C,CAAC,EAAEJ,CAA7C;QAAgD,CAAC,EAAEC;MAAnD,EADF,EAEEI,SAFF,CAfJ,CADF;IAsBD;;;EAzDwBU,iBAAA,CAAMC,S;;;iCAApBvB,K,eACQ;EACjBI,OAAO,EAAEoB,qBAAA,CAAUC,MADF;EAEjBpB,SAAS,EAAEmB,qBAAA,CAAUE,MAFJ;EAGjBpB,kBAAkB,EAAEkB,qBAAA,CAAUG,IAHb;EAIjBjB,WAAW,EAAEc,qBAAA,CAAUE,MAJN;EAKjBjB,QAAQ,EAAEe,qBAAA,CAAUG,IALH;EAMjBf,SAAS,EAAEY,qBAAA,CAAUC,MANJ;EAOjBlB,CAAC,EAAEiB,qBAAA,CAAUI,MAPI;EAQjBpB,CAAC,EAAEgB,qBAAA,CAAUI,MARI;EASjBjB,UAAU,EAAEkB,WAAA,CAAMC,cAAN,CAAqBC;AAThB,C"}
1
+ {"version":3,"file":"base-point.js","names":["RawBp","props","state","showCoordinates","classes","className","coordinatesOnHover","x","y","disabled","correctness","graphProps","labelNode","rest","scale","r","thinnerShapesNeeded","classNames","point","setState","fill","ReactDOM","createPortal","React","Component","PropTypes","object","string","bool","number","types","GraphPropsType","isRequired"],"sources":["../../../../src/tools/shared/point/base-point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport CoordinatesLabel from '../../../coordinates-label';\nimport ReactDOM from 'react-dom';\nimport { thinnerShapesNeeded } from '../../../utils';\n\nexport class RawBp extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n className: PropTypes.string,\n coordinatesOnHover: PropTypes.bool,\n correctness: PropTypes.string,\n disabled: PropTypes.bool,\n labelNode: PropTypes.object,\n x: PropTypes.number,\n y: PropTypes.number,\n graphProps: types.GraphPropsType.isRequired\n };\n\n constructor(props) {\n super(props);\n this.state = { showCoordinates: false };\n }\n\n render() {\n const {\n classes,\n className,\n coordinatesOnHover,\n x,\n y,\n disabled,\n correctness,\n graphProps,\n labelNode,\n ...rest\n } = this.props;\n const { showCoordinates } = this.state;\n const { scale } = graphProps;\n const r = thinnerShapesNeeded(graphProps) ? 5 : 7;\n\n return (\n <g\n className={classNames(\n classes.point,\n disabled && classes.disabled,\n classes[correctness],\n className\n )}\n onMouseEnter={() => this.setState({ showCoordinates: true })}\n onMouseLeave={() => this.setState({ showCoordinates: false })}\n {...rest}\n >\n <circle style={{ fill: 'transparent' }} r={r * 2} cx={2 * scale.x(x)} cy={2 * scale.y(y)} />\n <circle r={r} cx={scale.x(x)} cy={scale.y(y)} />\n {labelNode &&\n coordinatesOnHover &&\n showCoordinates &&\n ReactDOM.createPortal(\n <CoordinatesLabel graphProps={graphProps} x={x} y={y} />,\n labelNode\n )}\n </g>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;IAEaA,K;;;;;EAaX,eAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IACA,MAAKC,KAAL,GAAa;MAAEC,eAAe,EAAE;IAAnB,CAAb;IAFiB;EAGlB;;;;WAED,kBAAS;MAAA;;MACP,kBAWI,KAAKF,KAXT;MAAA,IACEG,OADF,eACEA,OADF;MAAA,IAEEC,SAFF,eAEEA,SAFF;MAAA,IAGEC,kBAHF,eAGEA,kBAHF;MAAA,IAIEC,CAJF,eAIEA,CAJF;MAAA,IAKEC,CALF,eAKEA,CALF;MAAA,IAMEC,QANF,eAMEA,QANF;MAAA,IAOEC,WAPF,eAOEA,WAPF;MAAA,IAQEC,UARF,eAQEA,UARF;MAAA,IASEC,SATF,eASEA,SATF;MAAA,IAUKC,IAVL;MAYA,IAAQV,eAAR,GAA4B,KAAKD,KAAjC,CAAQC,eAAR;MACA,IAAQW,KAAR,GAAkBH,UAAlB,CAAQG,KAAR;MACA,IAAMC,CAAC,GAAG,IAAAC,0BAAA,EAAoBL,UAApB,IAAkC,CAAlC,GAAsC,CAAhD;MAEA,oBACE;QACE,SAAS,EAAE,IAAAM,sBAAA,EACTb,OAAO,CAACc,KADC,EAETT,QAAQ,IAAIL,OAAO,CAACK,QAFX,EAGTL,OAAO,CAACM,WAAD,CAHE,EAITL,SAJS,CADb;QAOE,YAAY,EAAE;UAAA,OAAM,MAAI,CAACc,QAAL,CAAc;YAAEhB,eAAe,EAAE;UAAnB,CAAd,CAAN;QAAA,CAPhB;QAQE,YAAY,EAAE;UAAA,OAAM,MAAI,CAACgB,QAAL,CAAc;YAAEhB,eAAe,EAAE;UAAnB,CAAd,CAAN;QAAA;MARhB,GASMU,IATN,gBAWE;QAAQ,KAAK,EAAE;UAAEO,IAAI,EAAE;QAAR,CAAf;QAAwC,CAAC,EAAEL,CAAC,GAAG,CAA/C;QAAkD,EAAE,EAAE,IAAID,KAAK,CAACP,CAAN,CAAQA,CAAR,CAA1D;QAAsE,EAAE,EAAE,IAAIO,KAAK,CAACN,CAAN,CAAQA,CAAR;MAA9E,EAXF,eAYE;QAAQ,CAAC,EAAEO,CAAX;QAAc,EAAE,EAAED,KAAK,CAACP,CAAN,CAAQA,CAAR,CAAlB;QAA8B,EAAE,EAAEO,KAAK,CAACN,CAAN,CAAQA,CAAR;MAAlC,EAZF,EAaGI,SAAS,IACRN,kBADD,IAECH,eAFD,iBAGCkB,oBAAA,CAASC,YAAT,eACE,gCAAC,4BAAD;QAAkB,UAAU,EAAEX,UAA9B;QAA0C,CAAC,EAAEJ,CAA7C;QAAgD,CAAC,EAAEC;MAAnD,EADF,EAEEI,SAFF,CAhBJ,CADF;IAuBD;;;EA1DwBW,iBAAA,CAAMC,S;;;iCAApBxB,K,eACQ;EACjBI,OAAO,EAAEqB,qBAAA,CAAUC,MADF;EAEjBrB,SAAS,EAAEoB,qBAAA,CAAUE,MAFJ;EAGjBrB,kBAAkB,EAAEmB,qBAAA,CAAUG,IAHb;EAIjBlB,WAAW,EAAEe,qBAAA,CAAUE,MAJN;EAKjBlB,QAAQ,EAAEgB,qBAAA,CAAUG,IALH;EAMjBhB,SAAS,EAAEa,qBAAA,CAAUC,MANJ;EAOjBnB,CAAC,EAAEkB,qBAAA,CAAUI,MAPI;EAQjBrB,CAAC,EAAEiB,qBAAA,CAAUI,MARI;EASjBlB,UAAU,EAAEmB,WAAA,CAAMC,cAAN,CAAqBC;AAThB,C"}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "2.4.3-next.592+3bdcdcda",
6
+ "version": "2.4.3-next.622+8f663641",
7
7
  "description": "Graphing components",
8
8
  "keywords": [
9
9
  "react",
@@ -44,6 +44,6 @@
44
44
  "peerDependencies": {
45
45
  "react": "^16.8.1"
46
46
  },
47
- "gitHead": "3bdcdcdab0e0b0556d5a0854e8779804852c5ffa",
47
+ "gitHead": "8f66364136ca6c6a1ac40b73beb46a9d70f74bb8",
48
48
  "scripts": {}
49
49
  }
@@ -53,6 +53,7 @@ export class RawBp extends React.Component {
53
53
  onMouseLeave={() => this.setState({ showCoordinates: false })}
54
54
  {...rest}
55
55
  >
56
+ <circle style={{ fill: 'transparent' }} r={r * 2} cx={2 * scale.x(x)} cy={2 * scale.y(y)} />
56
57
  <circle r={r} cx={scale.x(x)} cy={scale.y(y)} />
57
58
  {labelNode &&
58
59
  coordinatesOnHover &&