npm - @pie-lib/charting - Versions diffs - 5.36.3-next.2 → 5.36.3-next.203 - Mend

@pie-lib/charting 5.36.3-next.2 → 5.36.3-next.203

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.

Files changed (117) hide show

package/CHANGELOG.md +24 -87
package/lib/actions-button.js +60 -90
package/lib/actions-button.js.map +1 -1
package/lib/axes.js +162 -238
package/lib/axes.js.map +1 -1
package/lib/bars/bar.js +13 -41
package/lib/bars/bar.js.map +1 -1
package/lib/bars/common/bars.js +61 -137
package/lib/bars/common/bars.js.map +1 -1
package/lib/bars/common/correct-check-icon.js +5 -6
package/lib/bars/common/correct-check-icon.js.map +1 -1
package/lib/bars/histogram.js +13 -41
package/lib/bars/histogram.js.map +1 -1
package/lib/chart-setup.js +119 -195
package/lib/chart-setup.js.map +1 -1
package/lib/chart-type.js +52 -43
package/lib/chart-type.js.map +1 -1
package/lib/chart-types.js +1 -10
package/lib/chart-types.js.map +1 -1
package/lib/chart.js +73 -151
package/lib/chart.js.map +1 -1
package/lib/common/correctness-indicators.js +109 -52
package/lib/common/correctness-indicators.js.map +1 -1
package/lib/common/drag-handle.js +65 -108
package/lib/common/drag-handle.js.map +1 -1
package/lib/common/drag-icon.js +12 -12
package/lib/common/drag-icon.js.map +1 -1
package/lib/common/styles.js +6 -24
package/lib/common/styles.js.map +1 -1
package/lib/grid.js +43 -83
package/lib/grid.js.map +1 -1
package/lib/index.js +0 -6
package/lib/index.js.map +1 -1
package/lib/key-legend.js +63 -87
package/lib/key-legend.js.map +1 -1
package/lib/line/common/drag-handle.js +72 -100
package/lib/line/common/drag-handle.js.map +1 -1
package/lib/line/common/line.js +50 -96
package/lib/line/common/line.js.map +1 -1
package/lib/line/line-cross.js +79 -89
package/lib/line/line-cross.js.map +1 -1
package/lib/line/line-dot.js +58 -76
package/lib/line/line-dot.js.map +1 -1
package/lib/mark-label.js +84 -119
package/lib/mark-label.js.map +1 -1
package/lib/plot/common/plot.js +90 -148
package/lib/plot/common/plot.js.map +1 -1
package/lib/plot/dot.js +32 -58
package/lib/plot/dot.js.map +1 -1
package/lib/plot/line.js +39 -64
package/lib/plot/line.js.map +1 -1
package/lib/tool-menu.js +47 -83
package/lib/tool-menu.js.map +1 -1
package/lib/utils.js +31 -86
package/lib/utils.js.map +1 -1
package/package.json +22 -24
package/src/__tests__/axes.test.jsx +85 -100
package/src/__tests__/chart-type.test.jsx +5 -11
package/src/__tests__/chart.test.jsx +41 -50
package/src/__tests__/grid.test.jsx +23 -11
package/src/__tests__/mark-label.test.jsx +13 -11
package/src/__tests__/utils.js +8 -2
package/src/actions-button.jsx +44 -39
package/src/axes.jsx +67 -81
package/src/bars/__tests__/bar.test.jsx +19 -11
package/src/bars/__tests__/histogram.test.jsx +19 -12
package/src/bars/common/__tests__/bars.test.jsx +23 -24
package/src/bars/common/bars.jsx +42 -69
package/src/bars/common/correct-check-icon.jsx +5 -0
package/src/chart-setup.jsx +75 -88
package/src/chart-type.js +45 -22
package/src/chart.jsx +19 -34
package/src/common/__tests__/drag-handle.test.jsx +16 -45
package/src/common/correctness-indicators.jsx +91 -13
package/src/common/drag-handle.jsx +44 -64
package/src/common/drag-icon.jsx +9 -2
package/src/common/styles.js +1 -1
package/src/grid.jsx +10 -14
package/src/key-legend.jsx +62 -60
package/src/line/__tests__/line-cross.test.jsx +16 -13
package/src/line/__tests__/line-dot.test.jsx +16 -13
package/src/line/__tests__/utils.js +8 -2
package/src/line/common/__tests__/drag-handle.test.jsx +20 -45
package/src/line/common/__tests__/line.test.jsx +27 -30
package/src/line/common/drag-handle.jsx +61 -55
package/src/line/common/line.jsx +21 -11
package/src/line/line-cross.js +39 -14
package/src/line/line-dot.js +27 -32
package/src/mark-label.jsx +51 -47
package/src/plot/__tests__/dot.test.jsx +19 -12
package/src/plot/__tests__/line.test.jsx +19 -12
package/src/plot/common/__tests__/plot.test.jsx +23 -24
package/src/plot/common/plot.jsx +29 -24
package/src/plot/dot.js +11 -4
package/src/plot/line.js +16 -8
package/src/tool-menu.jsx +26 -30
package/src/utils.js +13 -9
package/esm/index.css +0 -847
package/esm/index.js +0 -231130
package/esm/index.js.map +0 -1
package/esm/package.json +0 -3
package/src/__tests__/__snapshots__/axes.test.jsx.snap +0 -569
package/src/__tests__/__snapshots__/chart-type.test.jsx.snap +0 -14
package/src/__tests__/__snapshots__/chart.test.jsx.snap +0 -595
package/src/__tests__/__snapshots__/grid.test.jsx.snap +0 -72
package/src/__tests__/__snapshots__/mark-label.test.jsx.snap +0 -73
package/src/bars/__tests__/__snapshots__/bar.test.jsx.snap +0 -43
package/src/bars/__tests__/__snapshots__/histogram.test.jsx.snap +0 -45
package/src/bars/common/__tests__/__snapshots__/bars.test.jsx.snap +0 -110
package/src/common/__tests__/__snapshots__/drag-handle.test.jsx.snap +0 -48
package/src/line/__tests__/__snapshots__/line-cross.test.jsx.snap +0 -45
package/src/line/__tests__/__snapshots__/line-dot.test.jsx.snap +0 -45
package/src/line/common/__tests__/__snapshots__/drag-handle.test.jsx.snap +0 -49
package/src/line/common/__tests__/__snapshots__/line.test.jsx.snap +0 -143
package/src/plot/__tests__/__snapshots__/dot.test.jsx.snap +0 -45
package/src/plot/__tests__/__snapshots__/line.test.jsx.snap +0 -45
package/src/plot/common/__tests__/__snapshots__/plot.test.jsx.snap +0 -97

package/src/__tests__/__snapshots__/chart.test.jsx.snap DELETED Viewed

@@ -1,595 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`ChartAxes snapshot renders 1`] = `
-<div
-  className="className"
->
-  <WithStyles(Root)
-    defineChart={false}
-    disabledLabels={true}
-    disabledTitle={true}
-    graphProps={
-      Object {
-        "domain": Object {
-          "labelStep": 1,
-          "max": 1,
-          "min": 0,
-          "step": 1,
-        },
-        "getRootNode": [Function],
-        "range": Object {
-          "labelStep": 1,
-          "max": 10,
-          "min": 0,
-          "step": 1,
-        },
-        "scale": Object {
-          "x": [Function],
-          "y": [Function],
-        },
-        "size": Object {
-          "height": 160,
-          "width": 100,
-        },
-        "snap": Object {
-          "x": [Function],
-          "y": [Function],
-        },
-      }
-    }
-    isChart={true}
-    labels={
-      Object {
-        "bottom": "",
-        "left": "",
-      }
-    }
-    mathMlOptions={Object {}}
-    rootRef={[Function]}
-    showLabels={true}
-    showTitle={true}
-  >
-    <WithStyles(Grid)
-      columnTickValues={Array []}
-      graphProps={
-        Object {
-          "domain": Object {
-            "labelStep": 1,
-            "max": 1,
-            "min": 0,
-            "step": 1,
-          },
-          "getRootNode": [Function],
-          "range": Object {
-            "labelStep": 1,
-            "max": 10,
-            "min": 0,
-            "step": 1,
-          },
-          "scale": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-          "size": Object {
-            "height": 100,
-            "width": 100,
-          },
-          "snap": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-        }
-      }
-      rowTickValues={
-        Array [
-          0,
-          1,
-          2,
-          3,
-          4,
-          5,
-          6,
-          7,
-          8,
-          9,
-          10,
-        ]
-      }
-      xBand={[Function]}
-    />
-    <WithStyles(RawChartAxes)
-      categories={Array []}
-      defineChart={false}
-      graphProps={
-        Object {
-          "domain": Object {
-            "labelStep": 1,
-            "max": 1,
-            "min": 0,
-            "step": 1,
-          },
-          "getRootNode": [Function],
-          "range": Object {
-            "labelStep": 1,
-            "max": 10,
-            "min": 0,
-            "step": 1,
-          },
-          "scale": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-          "size": Object {
-            "height": 100,
-            "width": 100,
-          },
-          "snap": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-        }
-      }
-      leftAxis={true}
-      onAutoFocusUsed={[Function]}
-      onChange={[Function]}
-      onChangeCategory={[Function]}
-      showCorrectness={false}
-      top={0}
-      xBand={[Function]}
-    />
-    <mask
-      id="chart-2645"
-    >
-      <rect
-        fill="white"
-        height={230}
-        width={120}
-        x={-10}
-        y={-75}
-      />
-    </mask>
-    <g
-      id="marks"
-      mask="url('#chart-2645')"
-    >
-      <Component
-        data={Array []}
-        defineChart={false}
-        graphProps={
-          Object {
-            "domain": Object {
-              "labelStep": 1,
-              "max": 1,
-              "min": 0,
-              "step": 1,
-            },
-            "getRootNode": [Function],
-            "range": Object {
-              "labelStep": 1,
-              "max": 10,
-              "min": 0,
-              "step": 1,
-            },
-            "scale": Object {
-              "x": [Function],
-              "y": [Function],
-            },
-            "size": Object {
-              "height": 100,
-              "width": 100,
-            },
-            "snap": Object {
-              "x": [Function],
-              "y": [Function],
-            },
-          }
-        }
-        height={160}
-        onChange={[Function]}
-        onChangeCategory={[Function]}
-      />
-    </g>
-  </WithStyles(Root)>
-  <WithStyles(AlertDialog)
-    open={false}
-  />
-</div>
-`;
-exports[`ChartAxes snapshot renders if size is not defined 1`] = `
-<div
-  className="className"
->
-  <WithStyles(Root)
-    defineChart={false}
-    disabledLabels={true}
-    disabledTitle={true}
-    graphProps={
-      Object {
-        "domain": Object {
-          "labelStep": 1,
-          "max": 1,
-          "min": 0,
-          "step": 1,
-        },
-        "getRootNode": [Function],
-        "range": Object {
-          "labelStep": 1,
-          "max": 10,
-          "min": 0,
-          "step": 1,
-        },
-        "scale": Object {
-          "x": [Function],
-          "y": [Function],
-        },
-        "size": Object {
-          "height": 540,
-          "width": 480,
-        },
-        "snap": Object {
-          "x": [Function],
-          "y": [Function],
-        },
-      }
-    }
-    isChart={true}
-    labels={
-      Object {
-        "bottom": "",
-        "left": "",
-      }
-    }
-    mathMlOptions={Object {}}
-    rootRef={[Function]}
-    showLabels={true}
-    showTitle={true}
-  >
-    <WithStyles(Grid)
-      columnTickValues={Array []}
-      graphProps={
-        Object {
-          "domain": Object {
-            "labelStep": 1,
-            "max": 1,
-            "min": 0,
-            "step": 1,
-          },
-          "getRootNode": [Function],
-          "range": Object {
-            "labelStep": 1,
-            "max": 10,
-            "min": 0,
-            "step": 1,
-          },
-          "scale": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-          "size": Object {
-            "height": 480,
-            "width": 480,
-          },
-          "snap": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-        }
-      }
-      rowTickValues={
-        Array [
-          0,
-          1,
-          2,
-          3,
-          4,
-          5,
-          6,
-          7,
-          8,
-          9,
-          10,
-        ]
-      }
-      xBand={[Function]}
-    />
-    <WithStyles(RawChartAxes)
-      categories={Array []}
-      defineChart={false}
-      graphProps={
-        Object {
-          "domain": Object {
-            "labelStep": 1,
-            "max": 1,
-            "min": 0,
-            "step": 1,
-          },
-          "getRootNode": [Function],
-          "range": Object {
-            "labelStep": 1,
-            "max": 10,
-            "min": 0,
-            "step": 1,
-          },
-          "scale": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-          "size": Object {
-            "height": 480,
-            "width": 480,
-          },
-          "snap": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-        }
-      }
-      leftAxis={true}
-      onAutoFocusUsed={[Function]}
-      onChange={[Function]}
-      onChangeCategory={[Function]}
-      showCorrectness={false}
-      top={0}
-      xBand={[Function]}
-    />
-    <mask
-      id="chart-1553"
-    >
-      <rect
-        fill="white"
-        height={610}
-        width={500}
-        x={-10}
-        y={-75}
-      />
-    </mask>
-    <g
-      id="marks"
-      mask="url('#chart-1553')"
-    >
-      <Component
-        data={Array []}
-        defineChart={false}
-        graphProps={
-          Object {
-            "domain": Object {
-              "labelStep": 1,
-              "max": 1,
-              "min": 0,
-              "step": 1,
-            },
-            "getRootNode": [Function],
-            "range": Object {
-              "labelStep": 1,
-              "max": 10,
-              "min": 0,
-              "step": 1,
-            },
-            "scale": Object {
-              "x": [Function],
-              "y": [Function],
-            },
-            "size": Object {
-              "height": 480,
-              "width": 480,
-            },
-            "snap": Object {
-              "x": [Function],
-              "y": [Function],
-            },
-          }
-        }
-        height={540}
-        onChange={[Function]}
-        onChangeCategory={[Function]}
-      />
-    </g>
-  </WithStyles(Root)>
-  <WithStyles(AlertDialog)
-    open={false}
-  />
-</div>
-`;
-exports[`ChartAxes snapshot renders with chartType property and empty charts property 1`] = `""`;
-exports[`ChartAxes snapshot renders without chartType and charts properties 1`] = `""`;
-exports[`ChartAxes snapshot renders without chartType property 1`] = `
-<div
-  className="className"
->
-  <WithStyles(Root)
-    defineChart={false}
-    disabledLabels={true}
-    disabledTitle={true}
-    graphProps={
-      Object {
-        "domain": Object {
-          "labelStep": 1,
-          "max": 1,
-          "min": 0,
-          "step": 1,
-        },
-        "getRootNode": [Function],
-        "range": Object {
-          "labelStep": 1,
-          "max": 10,
-          "min": 0,
-          "step": 1,
-        },
-        "scale": Object {
-          "x": [Function],
-          "y": [Function],
-        },
-        "size": Object {
-          "height": 160,
-          "width": 100,
-        },
-        "snap": Object {
-          "x": [Function],
-          "y": [Function],
-        },
-      }
-    }
-    isChart={true}
-    labels={
-      Object {
-        "bottom": "",
-        "left": "",
-      }
-    }
-    mathMlOptions={Object {}}
-    rootRef={[Function]}
-    showLabels={true}
-    showTitle={true}
-  >
-    <WithStyles(Grid)
-      columnTickValues={Array []}
-      graphProps={
-        Object {
-          "domain": Object {
-            "labelStep": 1,
-            "max": 1,
-            "min": 0,
-            "step": 1,
-          },
-          "getRootNode": [Function],
-          "range": Object {
-            "labelStep": 1,
-            "max": 10,
-            "min": 0,
-            "step": 1,
-          },
-          "scale": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-          "size": Object {
-            "height": 100,
-            "width": 100,
-          },
-          "snap": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-        }
-      }
-      rowTickValues={
-        Array [
-          0,
-          1,
-          2,
-          3,
-          4,
-          5,
-          6,
-          7,
-          8,
-          9,
-          10,
-        ]
-      }
-      xBand={[Function]}
-    />
-    <WithStyles(RawChartAxes)
-      categories={Array []}
-      defineChart={false}
-      graphProps={
-        Object {
-          "domain": Object {
-            "labelStep": 1,
-            "max": 1,
-            "min": 0,
-            "step": 1,
-          },
-          "getRootNode": [Function],
-          "range": Object {
-            "labelStep": 1,
-            "max": 10,
-            "min": 0,
-            "step": 1,
-          },
-          "scale": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-          "size": Object {
-            "height": 100,
-            "width": 100,
-          },
-          "snap": Object {
-            "x": [Function],
-            "y": [Function],
-          },
-        }
-      }
-      leftAxis={true}
-      onAutoFocusUsed={[Function]}
-      onChange={[Function]}
-      onChangeCategory={[Function]}
-      showCorrectness={false}
-      top={0}
-      xBand={[Function]}
-    />
-    <mask
-      id="chart-4286"
-    >
-      <rect
-        fill="white"
-        height={230}
-        width={120}
-        x={-10}
-        y={-75}
-      />
-    </mask>
-    <g
-      id="marks"
-      mask="url('#chart-4286')"
-    >
-      <Component
-        data={Array []}
-        defineChart={false}
-        graphProps={
-          Object {
-            "domain": Object {
-              "labelStep": 1,
-              "max": 1,
-              "min": 0,
-              "step": 1,
-            },
-            "getRootNode": [Function],
-            "range": Object {
-              "labelStep": 1,
-              "max": 10,
-              "min": 0,
-              "step": 1,
-            },
-            "scale": Object {
-              "x": [Function],
-              "y": [Function],
-            },
-            "size": Object {
-              "height": 100,
-              "width": 100,
-            },
-            "snap": Object {
-              "x": [Function],
-              "y": [Function],
-            },
-          }
-        }
-        height={160}
-        onChange={[Function]}
-        onChangeCategory={[Function]}
-      />
-    </g>
-  </WithStyles(Root)>
-  <WithStyles(AlertDialog)
-    open={false}
-  />
-</div>
-`;
-exports[`ChartAxes snapshot renders without chartType property and empty charts property 1`] = `""`;

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

@@ -1,72 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`Grid snapshot renders 1`] = `
-<g
-  className="className"
->
-  <q
-    lineStyle={
-      Object {
-        "stroke": "var(--pie-faded-primary, #DCDAFB)",
-        "strokeWidth": 1,
-      }
-    }
-    scale={[MockFunction]}
-    tickValues={Array []}
-    width={400}
-  />
-  <q
-    lineStyle={
-      Object {
-        "stroke": "#8E88EA",
-        "strokeWidth": 1,
-      }
-    }
-    scale={[MockFunction]}
-    tickValues={Array []}
-    width={400}
-  />
-  <V
-    height={400}
-    offset={NaN}
-    scale={
-      Object {
-        "bandwidth": [Function],
-      }
-    }
-  />
-</g>
-`;
-exports[`Grid snapshot renders if graphProps is not defined 1`] = `
-<g
-  className="className"
->
-  <q
-    lineStyle={
-      Object {
-        "stroke": "var(--pie-faded-primary, #DCDAFB)",
-        "strokeWidth": 1,
-      }
-    }
-    tickValues={Array []}
-  />
-  <q
-    lineStyle={
-      Object {
-        "stroke": "#8E88EA",
-        "strokeWidth": 1,
-      }
-    }
-    tickValues={Array []}
-  />
-  <V
-    offset={NaN}
-    scale={
-      Object {
-        "bandwidth": [Function],
-      }
-    }
-  />
-</g>
-`;