@pie-lib/graphing 2.14.22 → 2.15.1-beta.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.14.22](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.21...@pie-lib/graphing@2.14.22) (2023-11-06)
+## [2.15.1-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.21...@pie-lib/graphing@2.15.1-beta.0) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [2.14.21](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.20...@pie-lib/graphing@2.14.21) (2023-10-16)
+# [2.15.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.21...@pie-lib/graphing@2.15.0-beta.0) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
@@ -19,167 +19,100 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [2.14.20](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.19...@pie-lib/graphing@2.14.20) (2023-10-03)
+# [2.16.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.21...@pie-lib/graphing@2.16.0-beta.0) (2025-07-15)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
+# [2.15.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.21...@pie-lib/graphing@2.15.0-beta.0) (2025-07-15)
 
+**Note:** Version bump only for package @pie-lib/graphing
 
-
-
-## [2.14.19](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.18...@pie-lib/graphing@2.14.19) (2023-10-01)
+## [2.14.21](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.20...@pie-lib/graphing@2.14.21) (2023-10-16)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
+## [2.14.20](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.19...@pie-lib/graphing@2.14.20) (2023-10-03)
 
+**Note:** Version bump only for package @pie-lib/graphing
 
+## [2.14.19](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.18...@pie-lib/graphing@2.14.19) (2023-10-01)
 
+**Note:** Version bump only for package @pie-lib/graphing
 
 ## [2.14.18](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.17...@pie-lib/graphing@2.14.18) (2023-09-28)
 
-
 ### Bug Fixes
 
-* **graphing:** use red color to indicate a missing graph object PD-3209 ([250b350](https://github.com/pie-framework/pie-lib/commit/250b3509e7f10889fbbf39fd5d0dae4d0a5cf507))
-
-
-
-
+- **graphing:** use red color to indicate a missing graph object PD-3209 ([250b350](https://github.com/pie-framework/pie-lib/commit/250b3509e7f10889fbbf39fd5d0dae4d0a5cf507))
 
 ## [2.14.17](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.16...@pie-lib/graphing@2.14.17) (2023-09-27)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.16](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.15...@pie-lib/graphing@2.14.16) (2023-09-27)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.15](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.14...@pie-lib/graphing@2.14.15) (2023-09-27)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.14](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.13...@pie-lib/graphing@2.14.14) (2023-09-25)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.13](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.12...@pie-lib/graphing@2.14.13) (2023-09-20)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.12](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.11...@pie-lib/graphing@2.14.12) (2023-09-20)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.11](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.10...@pie-lib/graphing@2.14.11) (2023-09-18)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.10](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.9...@pie-lib/graphing@2.14.10) (2023-09-14)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.9](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.8...@pie-lib/graphing@2.14.9) (2023-08-29)
 
-
 ### Bug Fixes
 
-* **graphing:** adjust ploting position to match with the gridlines PD-3005 ([23c5727](https://github.com/pie-framework/pie-lib/commit/23c5727124309b6723517bbacbecd1c938858e6a))
-
-
-
-
+- **graphing:** adjust ploting position to match with the gridlines PD-3005 ([23c5727](https://github.com/pie-framework/pie-lib/commit/23c5727124309b6723517bbacbecd1c938858e6a))
 
 ## [2.14.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.7...@pie-lib/graphing@2.14.8) (2023-08-21)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.6...@pie-lib/graphing@2.14.7) (2023-08-15)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.5...@pie-lib/graphing@2.14.6) (2023-08-07)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.4...@pie-lib/graphing@2.14.5) (2023-07-31)
 
-
 ### Bug Fixes
 
-* **graphing:** remove custom hover styling for action buttons PD-2059 ([4aa1e86](https://github.com/pie-framework/pie-lib/commit/4aa1e8607a8156228a11c0d30158cd50dacee294))
-
-
-
-
+- **graphing:** remove custom hover styling for action buttons PD-2059 ([4aa1e86](https://github.com/pie-framework/pie-lib/commit/4aa1e8607a8156228a11c0d30158cd50dacee294))
 
 ## [2.14.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.3...@pie-lib/graphing@2.14.4) (2023-07-24)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.2...@pie-lib/graphing@2.14.3) (2023-06-24)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.1...@pie-lib/graphing@2.14.2) (2023-06-13)
 
 **Note:** Version bump only for package @pie-lib/graphing
 
-
-
-
-
 ## [2.14.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.14.0...@pie-lib/graphing@2.14.1) (2023-06-12)
 
 **Note:** Version bump only for package @pie-lib/graphing

package/NEXT.CHANGELOG.json

@@ -0,0 +1 @@
+[]

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.14.22",
+  "version": "2.15.1-beta.0",
   "description": "Graphing components",
   "keywords": [
     "react",
@@ -18,15 +18,20 @@
   "dependencies": {
     "@mapbox/point-geometry": "^0.1.0",
     "@material-ui/core": "^3.8.3",
-    "@pie-lib/drag": "^2.2.9",
-    "@pie-lib/graphing-utils": "^1.1.33",
-    "@pie-lib/plot": "^2.7.3",
-    "@pie-lib/render-ui": "^4.15.9",
-    "@pie-lib/translator": "^2.3.1",
+    "@material-ui/icons": "^3.0.2",
+    "@pie-lib/config-ui": "beta",
+    "@pie-lib/drag": "^2.3.1-beta.0",
+    "@pie-lib/editable-html": "beta",
+    "@pie-lib/graphing-utils": "^1.2.1-beta.0",
+    "@pie-lib/plot": "^2.8.1-beta.0",
+    "@pie-lib/render-ui": "^4.16.1-beta.0",
+    "@pie-lib/tools": "beta",
+    "@pie-lib/translator": "^2.4.1-beta.0",
     "@vx/axis": "^0.0.189",
     "@vx/clip-path": "^0.0.189",
     "@vx/event": "^0.0.189",
     "@vx/grid": "^0.0.189",
+    "@vx/group": "^0.0.183",
     "@vx/point": "^0.0.189",
     "@vx/shape": "^0.0.189",
     "classnames": "^2.2.6",
@@ -35,7 +40,9 @@
     "debug": "^4.1.1",
     "invariant": "^2.2.4",
     "lodash": "^4.17.11",
+    "prop-types": "^15.7.2",
     "react": "^16.8.1",
+    "react-dom": "^16.9.0",
     "react-draggable": "^3.3.0",
     "react-input-autosize": "^2.2.1",
     "react-redux": "^6.0.0",
@@ -45,6 +52,6 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "a84fb39e2f9e192f996390267dd8edf711b5214e",
+  "gitHead": "e2aa3ddac60f49bcb8c2562370f496323642f453",
   "scripts": {}
 }

package/src/__tests__/__snapshots__/graph-with-controls.test.jsx.snap

@@ -0,0 +1,237 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GraphWithControls snapshot renders 1`] = `
+<div
+  className=""
+>
+  <div>
+    <ToolMenu
+      currentToolType="circle"
+      disabled={false}
+      labelModeEnabled={false}
+      onChange={[Function]}
+      toolbarTools={
+        Array [
+          "circle",
+          "line",
+          "label",
+          "parabola",
+          "point",
+          "polygon",
+          "ray",
+          "segment",
+          "sine",
+          "vector",
+          "absolute",
+          "exponential",
+        ]
+      }
+    />
+    <WithStyles(UndoRedo) />
+  </div>
+  <div />
+  <Graph
+    axesSettings={
+      Object {
+        "includeArrows": true,
+      }
+    }
+    backgroundMarks={
+      Array [
+        Object {
+          "label": "Point",
+          "showLabel": true,
+          "type": "point",
+          "x": 2,
+          "y": 2,
+        },
+        Object {
+          "building": true,
+          "from": Object {
+            "x": 0,
+            "y": 0,
+          },
+          "label": "Line",
+          "to": Object {
+            "x": 1,
+            "y": 1,
+          },
+          "type": "line",
+        },
+        Object {
+          "edge": Object {
+            "x": 0,
+            "y": 0,
+          },
+          "root": Object {
+            "x": 2,
+            "y": 2,
+          },
+          "type": "line",
+        },
+      ]
+    }
+    coordinatesOnHover={false}
+    currentTool={
+      Object {
+        "Component": [Function],
+        "addPoint": [Function],
+        "hover": [Function],
+        "toolbar": true,
+        "type": "circle",
+      }
+    }
+    disabledLabels={false}
+    disabledTitle={false}
+    domain={
+      Object {
+        "max": 10,
+        "min": 0,
+        "step": 1,
+      }
+    }
+    labelModeEnabled={false}
+    labels={
+      Object {
+        "bottom": "d",
+        "left": "b",
+        "right": "c",
+        "top": "a",
+      }
+    }
+    marks={
+      Array [
+        Object {
+          "label": "Point",
+          "showLabel": true,
+          "type": "point",
+          "x": 2,
+          "y": 2,
+        },
+        Object {
+          "building": true,
+          "from": Object {
+            "x": 0,
+            "y": 0,
+          },
+          "label": "Line",
+          "to": Object {
+            "x": 1,
+            "y": 1,
+          },
+          "type": "line",
+        },
+        Object {
+          "edge": Object {
+            "x": 0,
+            "y": 0,
+          },
+          "root": Object {
+            "x": 2,
+            "y": 2,
+          },
+          "type": "line",
+        },
+      ]
+    }
+    onChangeMarks={[MockFunction]}
+    range={
+      Object {
+        "max": 10,
+        "min": 0,
+        "step": 1,
+      }
+    }
+    showLabels={true}
+    showTitle={true}
+    size={
+      Object {
+        "height": 500,
+        "width": 500,
+      }
+    }
+    title="Title"
+    tools={
+      Array [
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "hover": [Function],
+          "toolbar": true,
+          "type": "circle",
+        },
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "toolbar": true,
+          "type": "line",
+        },
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "complete": [Function],
+          "toolbar": true,
+          "type": "parabola",
+        },
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "label": "Point",
+          "toolbar": true,
+          "type": "point",
+        },
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "complete": [Function],
+          "toolbar": true,
+          "type": "polygon",
+        },
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "toolbar": true,
+          "type": "ray",
+        },
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "toolbar": true,
+          "type": "segment",
+        },
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "complete": [Function],
+          "toolbar": true,
+          "type": "sine",
+        },
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "toolbar": true,
+          "type": "vector",
+        },
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "complete": [Function],
+          "toolbar": true,
+          "type": "absolute",
+        },
+        Object {
+          "Component": [Function],
+          "addPoint": [Function],
+          "complete": [Function],
+          "toolbar": true,
+          "type": "exponential",
+        },
+        Object {
+          "toolbar": true,
+          "type": "label",
+        },
+      ]
+    }
+  />
+</div>
+`;

package/src/__tests__/__snapshots__/graph.test.jsx.snap

@@ -0,0 +1,211 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Graph snapshot renders 1`] = `
+<WithStyles(Root)
+  disabledLabels={false}
+  disabledTitle={false}
+  graphProps={
+    Object {
+      "domain": Object {
+        "max": 1,
+        "min": 0,
+        "step": 1,
+      },
+      "getRootNode": [Function],
+      "range": Object {
+        "max": 1,
+        "min": 0,
+        "step": 1,
+      },
+      "scale": Object {
+        "x": [Function],
+        "y": [Function],
+      },
+      "size": Object {
+        "height": 400,
+        "width": 400,
+      },
+      "snap": Object {
+        "x": [Function],
+        "y": [Function],
+      },
+    }
+  }
+  labelsPlaceholders={Object {}}
+  mathMlOptions={Object {}}
+  rootRef={[Function]}
+>
+  <g>
+    <WithStyles(Grid)
+      graphProps={
+        Object {
+          "domain": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "getRootNode": [Function],
+          "range": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "scale": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+          "size": Object {
+            "height": 400,
+            "width": 400,
+          },
+          "snap": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+        }
+      }
+    />
+    <Axes
+      graphProps={
+        Object {
+          "domain": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "getRootNode": [Function],
+          "range": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "scale": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+          "size": Object {
+            "height": 400,
+            "width": 400,
+          },
+          "snap": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+        }
+      }
+      includeArrows={
+        Object {
+          "down": true,
+          "left": true,
+          "right": true,
+          "up": true,
+        }
+      }
+    />
+    <Bg
+      graphProps={
+        Object {
+          "domain": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "getRootNode": [Function],
+          "range": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "scale": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+          "size": Object {
+            "height": 400,
+            "width": 400,
+          },
+          "snap": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+        }
+      }
+      height={400}
+      onClick={[Function]}
+      width={400}
+    />
+    <mask
+      id="graph-1618"
+    >
+      <rect
+        fill="white"
+        height={446}
+        width={446}
+        x={-23}
+        y={-23}
+      />
+       
+    </mask>
+    <g
+      id="marks"
+      mask="url('#graph-1618')"
+    >
+      <Point
+        graphProps={
+          Object {
+            "domain": Object {
+              "max": 1,
+              "min": 0,
+              "step": 1,
+            },
+            "getRootNode": [Function],
+            "range": Object {
+              "max": 1,
+              "min": 0,
+              "step": 1,
+            },
+            "scale": Object {
+              "x": [Function],
+              "y": [Function],
+            },
+            "size": Object {
+              "height": 400,
+              "width": 400,
+            },
+            "snap": Object {
+              "x": [Function],
+              "y": [Function],
+            },
+          }
+        }
+        isToolActive={false}
+        key="point-0"
+        mark={
+          Object {
+            "label": "Point",
+            "showLabel": true,
+            "type": "point",
+            "x": 2,
+            "y": 2,
+          }
+        }
+        onChange={[Function]}
+        onClick={[Function]}
+        onComplete={[Function]}
+      />
+      <foreignObject
+        height={400}
+        style={
+          Object {
+            "fontSize": "14px",
+            "pointerEvents": "none",
+          }
+        }
+        width={400}
+        x="0"
+        y="0"
+      />
+    </g>
+  </g>
+</WithStyles(Root)>
+`;