@pie-lib/graphing 2.14.22-next.0 → 2.14.22-next.1618

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)>
+`;

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

@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Grid snapshot renders 1`] = `
+<Fragment>
+  <r
+    columnTickValues={
+      Array [
+        0,
+        1,
+      ]
+    }
+    height={400}
+    innerRef={[Function]}
+    rowTickValues={
+      Array [
+        0,
+        1,
+      ]
+    }
+    stroke="#E1E6EC"
+    width={400}
+    xScale={
+      [MockFunction] {
+        "calls": Array [
+          Array [
+            0,
+          ],
+        ],
+        "results": Array [
+          Object {
+            "type": "return",
+            "value": 0,
+          },
+        ],
+      }
+    }
+    yScale={
+      [MockFunction] {
+        "calls": Array [
+          Array [
+            0,
+          ],
+        ],
+        "results": Array [
+          Object {
+            "type": "return",
+            "value": 0,
+          },
+        ],
+      }
+    }
+  />
+</Fragment>
+`;

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

@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Labels snapshot renders 1`] = `
+<Fragment>
+  <WithStyles(RawLabel)
+    key="left"
+    mathMlOptions={Object {}}
+    onChange={[Function]}
+    side="left"
+  />
+  <WithStyles(RawLabel)
+    key="top"
+    mathMlOptions={Object {}}
+    onChange={[Function]}
+    side="top"
+  />
+  <WithStyles(RawLabel)
+    key="bottom"
+    mathMlOptions={Object {}}
+    onChange={[Function]}
+    side="bottom"
+  />
+  <WithStyles(RawLabel)
+    key="right"
+    mathMlOptions={Object {}}
+    onChange={[Function]}
+    side="right"
+  />
+</Fragment>
+`;

package/src/__tests__/__snapshots__/mark-label.test.jsx.snap

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MarkLabel snapshot renders 1`] = `
+<div
+  style={
+    Object {
+      "alignItems": "center",
+      "display": "flex",
+      "gap": "3px",
+      "left": 6,
+      "pointerEvents": "auto",
+      "position": "fixed",
+      "top": -4,
+    }
+  }
+>
+  <LabelInput
+    _ref={[Function]}
+    inputClassName=""
+    onChange={[Function]}
+  />
+</div>
+`;
+
+exports[`MarkLabel snapshot renders 2`] = `
+<div
+  style={
+    Object {
+      "alignItems": "center",
+      "display": "flex",
+      "gap": "3px",
+      "left": 5,
+      "pointerEvents": "auto",
+      "position": "fixed",
+      "top": 5,
+    }
+  }
+>
+  <LabelInput
+    _ref={[Function]}
+    inputClassName=""
+    onChange={[Function]}
+  />
+</div>
+`;

package/src/__tests__/__snapshots__/toggle-bar.test.jsx.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ToggleBar snapshot renders 1`] = `
+<div
+  className="className"
+/>
+`;

package/src/__tests__/__snapshots__/tool-menu.test.jsx.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ToolMenu snapshot renders 1`] = `
+<div
+  className="className"
+>
+  <Component
+    onChange={[MockFunction]}
+    onChangeToolsOrder={[Function]}
+    options={Array []}
+  />
+</div>
+`;

package/src/__tests__/__snapshots__/undo-redo.test.jsx.snap

@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`UndoRedo snapshot renders 1`] = `
+<UndoRedo
+  classes={
+    Object {
+      "button": "UndoRedo-button-1",
+    }
+  }
+  onRedo={[MockFunction]}
+  onReset={[MockFunction]}
+  onUndo={[MockFunction]}
+/>
+`;