Merge pull request #65 from sgratzl/release/v4.1.2

sgratzl · web-flow · commit 00e4661feade · 2023-04-17T21:46:10.000-04:00
Release v4.1.2
diff --git a/.yarn/releases/yarn-3.3.1.cjs b/.yarn/releases/yarn-3.3.1.cjs
diff --git a/.yarn/releases/yarn-3.4.1.cjs b/.yarn/releases/yarn-3.4.1.cjs
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -3,4 +3,4 @@ packageExtensions:
     dependencies:
       eslint-import-resolver-node: "*"
 
-yarnPath: .yarn/releases/yarn-3.3.1.cjs
+yarnPath: .yarn/releases/yarn-3.4.1.cjs
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@sgratzl/chartjs-chart-boxplot",
   "description": "Chart.js module for charting boxplots and violin charts",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "publishConfig": {
     "access": "public"
   },
@@ -73,44 +73,44 @@
   },
   "devDependencies": {
     "@chiogen/rollup-plugin-terser": "^7.1.3",
-    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.2",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@types/jest": "^29.2.5",
+    "@types/jest": "^29.4.0",
     "@types/jest-image-snapshot": "^6.1.0",
-    "@types/node": "^18.11.18",
-    "@typescript-eslint/eslint-plugin": "^5.48.1",
-    "@typescript-eslint/parser": "^5.48.1",
-    "@yarnpkg/sdks": "^2.6.3",
+    "@types/node": "^18.14.6",
+    "@typescript-eslint/eslint-plugin": "^5.54.0",
+    "@typescript-eslint/parser": "^5.54.0",
+    "@yarnpkg/sdks": "^2.7.0",
     "canvas": "^2.11.0",
     "canvas-5-polyfill": "^0.1.5",
-    "chart.js": "^4.1.2",
-    "eslint": "^8.31.0",
+    "chart.js": "^4.2.1",
+    "eslint": "^8.35.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-flowtype": "^8.0.3",
-    "eslint-plugin-import": "^2.27.4",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.0",
+    "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
+    "jest": "^29.4.3",
+    "jest-environment-jsdom": "^29.4.3",
     "jest-image-snapshot": "^6.1.0",
-    "prettier": "^2.8.3",
-    "rimraf": "^4.0.5",
-    "rollup": "^3.10.0",
+    "prettier": "^2.8.4",
+    "rimraf": "^4.3.0",
+    "rollup": "^3.18.0",
     "rollup-plugin-cleanup": "^3.2.1",
-    "rollup-plugin-dts": "^5.1.1",
+    "rollup-plugin-dts": "^5.2.0",
     "ts-jest": "^29.0.5",
-    "tslib": "^2.4.1",
-    "typedoc": "^0.23.24",
-    "typescript": "^4.9.4"
+    "tslib": "^2.5.0",
+    "typedoc": "^0.23.26",
+    "typescript": "^4.9.5"
   },
   "scripts": {
-    "clean": "rimraf build docs node_modules \"*.tgz\" \"*.tsbuildinfo\"",
+    "clean": "rimraf --glob build docs node_modules \"*.tgz\" \"*.tsbuildinfo\"",
     "compile": "tsc -b tsconfig.c.json",
     "start": "yarn run watch",
     "watch": "rollup -c -w",
@@ -128,7 +128,7 @@
     "docs": "typedoc src/index.ts",
     "prepare": "yarn run build"
   },
-  "packageManager": "yarn@3.3.1",
+  "packageManager": "yarn@3.4.1",
   "dependenciesMeta": {
     "chart.js@4.0.1": {
       "unplugged": true
diff --git a/samples/animation.html b/samples/animation.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
   </head>
 
diff --git a/samples/boxplot_and_violin.html b/samples/boxplot_and_violin.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
   </head>
 
diff --git a/samples/datalimits.html b/samples/datalimits.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/samples/datastructures.html b/samples/datastructures.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/samples/default.html b/samples/default.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/samples/default_esm.html b/samples/default_esm.html
@@ -11,8 +11,8 @@
     <script type="importmap-shim">
       {
         "imports": {
-          "chart.js": " https://cdn.jsdelivr.net/npm/chart.js@~4.1.1?module",
-          "chart.js/helpers": " https://cdn.jsdelivr.net/npm/chart.js@~4.1.1/helpers/helpers.esm.js?module",
+          "chart.js": " https://cdn.jsdelivr.net/npm/chart.js@~4.2.0?module",
+          "chart.js/helpers": " https://cdn.jsdelivr.net/npm/chart.js@~4.2.0/helpers/helpers.esm.js?module",
           "@sgratzl/boxplots": " https://cdn.jsdelivr.net/npm/@sgratzl/boxplots?module",
           "@sgratzl/chartjs-chart-boxplot": "../build/index.js"
         }
diff --git a/samples/empty.html b/samples/empty.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
   </head>
 
diff --git a/samples/fivenum.html b/samples/fivenum.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
   </head>
 
diff --git a/samples/horizontalBoxplot.html b/samples/horizontalBoxplot.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Horizontal Bar Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/samples/horizontalViolin.html b/samples/horizontalViolin.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Violin Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/samples/hybrid.html b/samples/hybrid.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src="./utils.js"></script>
   </head>
diff --git a/samples/items.html b/samples/items.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/samples/large_numbers.html b/samples/large_numbers.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/samples/largenumber.html b/samples/largenumber.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Box Plot Chart</title>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
+    <script src="../build/index.umd.js"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
+    <script src="./utils.js"></script>
+  </head>
+
+  <body>
+    <div id="container" style="width: 75%">
+      <canvas id="canvas"></canvas>
+    </div>
+    <script>
+      const boxplotData = {
+        labels: ['A'],
+        datasets: [
+          {
+            label: 'Dataset 1',
+            data: [[57297214, 57297216, 117540924, 117540928]],
+          },
+        ],
+      };
+      const options = {
+        responsive: true,
+        legend: {
+          position: 'top',
+        },
+        title: {
+          display: true,
+          text: 'Chart.js Box Plot Chart',
+        },
+        minStats: 'min',
+        maxStats: 'max',
+      };
+
+      window.onload = () => {
+        const ctx = document.getElementById('canvas').getContext('2d');
+        let myBar = new Chart(ctx, {
+          type: 'boxplot',
+          data: boxplotData,
+          options: options,
+        });
+      };
+    </script>
+  </body>
+</html>
diff --git a/samples/logarithm.html b/samples/logarithm.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/samples/mediancolor.html b/samples/mediancolor.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
   </head>
 
diff --git a/samples/minmax.html b/samples/minmax.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Box Plot Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/samples/violin.html b/samples/violin.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Violin Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/samples/violin_empty.html b/samples/violin_empty.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Violin Chart</title>
-    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.1.1"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
     <script src="../build/index.umd.js"></script>
     <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
     <script src="./utils.js"></script>
diff --git a/src/data.ts b/src/data.ts
@@ -181,7 +181,11 @@ function determineStatsOptions(options?: IBaseOptions) {
 }
 
 export function boxplotStats(arr: readonly number[] | Float32Array | Float64Array, options: IBaseOptions): IBoxPlot {
-  const r = boxplots(arr, determineStatsOptions(options));
+  const vs =
+    window.Float64Array != null && !(arr instanceof Float32Array || arr instanceof Float64Array)
+      ? Float64Array.from(arr)
+      : arr;
+  const r = boxplots(vs, determineStatsOptions(options));
   return {
     items: Array.from(r.items),
     outliers: r.outlier,
@@ -215,7 +219,11 @@ export function violinStats(arr: readonly number[], options: IViolinOptions): IV
   if (arr.length === 0) {
     return undefined;
   }
-  const stats = boxplots(arr, determineStatsOptions(options));
+  const vs =
+    window.Float64Array != null && !(arr instanceof Float32Array || arr instanceof Float64Array)
+      ? Float64Array.from(arr)
+      : arr;
+  const stats = boxplots(vs, determineStatsOptions(options));
 
   // generate coordinates
   const samples = computeSamples(stats.min, stats.max, options.points);
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -11,8 +11,8 @@`
`11`	`11`	`<script type="importmap-shim">`
`12`	`12`	`{`
`13`	`13`	`"imports": {`
`14`		`- "chart.js": " https://cdn.jsdelivr.net/npm/chart.js@~4.1.1?module",`
`15`		`- "chart.js/helpers": " https://cdn.jsdelivr.net/npm/chart.js@~4.1.1/helpers/helpers.esm.js?module",`
	`14`	`+ "chart.js": " https://cdn.jsdelivr.net/npm/chart.js@~4.2.0?module",`
	`15`	`+ "chart.js/helpers": " https://cdn.jsdelivr.net/npm/chart.js@~4.2.0/helpers/helpers.esm.js?module",`
`16`	`16`	`"@sgratzl/boxplots": " https://cdn.jsdelivr.net/npm/@sgratzl/boxplots?module",`
`17`	`17`	`"@sgratzl/chartjs-chart-boxplot": "../build/index.js"`
`18`	`18`	`}`