react-science 23.1.0 → 24.0.0

package/lib/components/utils/svg.js

@@ -8,7 +8,11 @@ import { assert } from '@zakodium/utils';
  * @return The outerHTML of the SVG element.
  */
 export function exportSVG(base, options = {}) {
-    const { removeFromSelector, addBackground = false, backgroundColor = 'white', customMutations, } = options;
+    const { 
+    // eslint-disable-next-line unicorn/no-non-function-verb-prefix
+    removeFromSelector, 
+    // eslint-disable-next-line unicorn/no-non-function-verb-prefix
+    addBackground = false, backgroundColor = 'white', customMutations, } = options;
     const svg = base.cloneNode(true);
     // cleanup svg
     if (removeFromSelector) {
@@ -18,10 +22,7 @@ export function exportSVG(base, options = {}) {
         }
     }
     if (addBackground) {
-        const background = document.createElementNS(
-        // XML namespaces are immutable. This false-positive is fixed in eslint-plugin-unicorn v66.
-        // eslint-disable-next-line unicorn/prefer-https
-        'http://www.w3.org/2000/svg', 'rect');
+        const background = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
         background.setAttribute('x', '0');
         background.setAttribute('y', '0');
         background.setAttribute('width', '100%');
@@ -39,7 +40,11 @@ export function exportSVG(base, options = {}) {
  * @param options
  */
 export async function exportSVGAsPNG(base, options = {}) {
-    const { removeFromSelector, addBackground = false, backgroundColor = 'white', customMutations, } = options;
+    const { 
+    // eslint-disable-next-line unicorn/no-non-function-verb-prefix
+    removeFromSelector, 
+    // eslint-disable-next-line unicorn/no-non-function-verb-prefix
+    addBackground = false, backgroundColor = 'white', customMutations, } = options;
     const svg = exportSVG(base, {
         removeFromSelector,
         addBackground: false,
@@ -48,6 +53,7 @@ export async function exportSVGAsPNG(base, options = {}) {
     const svgBlob = new Blob([svg], { type: 'image/svg+xml' });
     const img = new Image();
     img.src = URL.createObjectURL(svgBlob);
+    // eslint-disable-next-line unicorn/prefer-await
     await img.decode().finally(() => URL.revokeObjectURL(img.src));
     const canvas = new OffscreenCanvas(img.naturalWidth, img.naturalHeight);
     const ctx = canvas.getContext('2d');

package/lib/components/utils/svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../src/components/utils/svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AA+BzC;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CACvB,IAAmB,EACnB,UAA4B,EAAE;IAE9B,MAAM,EACJ,kBAAkB,EAClB,aAAa,GAAG,KAAK,EACrB,eAAe,GAAG,OAAO,EACzB,eAAe,GAChB,GAAG,OAAO,CAAC;IAEZ,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAkB,CAAC;IAElD,cAAc;IACd,IAAI,kBAAkB,EAAE,CAAC;QACvB,MAAM,KAAK,GAAG,GAAG,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QACvD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAED,IAAI,aAAa,EAAE,CAAC;QAClB,MAAM,UAAU,GAAG,QAAQ,CAAC,eAAe;QACzC,2FAA2F;QAC3F,gDAAgD;QAChD,4BAA4B,EAC5B,MAAM,CACP,CAAC;QACF,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAClC,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAClC,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACzC,UAAU,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC1C,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;QACjD,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC1B,CAAC;IAED,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB,OAAO,GAAG,CAAC,SAAS,CAAC;AACvB,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,IAAmB,EACnB,UAA4B,EAAE;IAE9B,MAAM,EACJ,kBAAkB,EAClB,aAAa,GAAG,KAAK,EACrB,eAAe,GAAG,OAAO,EACzB,eAAe,GAChB,GAAG,OAAO,CAAC;IAEZ,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,EAAE;QAC1B,kBAAkB;QAClB,aAAa,EAAE,KAAK;QACpB,eAAe;KAChB,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC;IAE3D,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;IACxB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,GAAG,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAE/D,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,GAAG,CAAC,YAAY,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IACxE,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,CAAC,GAAG,CAAC,CAAC;IAEZ,IAAI,aAAa,EAAE,CAAC;QAClB,GAAG,CAAC,SAAS,GAAG,eAAe,CAAC;QAChC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC;IAED,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEzB,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAC9D,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../src/components/utils/svg.ts"],"names":[],"mappings":"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"}

package/lib/components/utils/svg_path_builder.d.ts

@@ -14,6 +14,12 @@
  */
 export declare class SVGPathBuilder {
     #private;
+    /**
+     * Merge many path builders into a new single one.
+     *
+     * @param builders
+     */
+    static concat(...builders: SVGPathBuilder[]): SVGPathBuilder;
     clampValue: number | null;
     /**
      * @param clampValue - All `x` and `y` values passed to moveTo and lineTo commands
@@ -26,9 +32,9 @@ export declare class SVGPathBuilder {
     /**
      * Get a shallow copy of internal the buffer.
      *
-     * @param sliceArgs
+     * @param sliceArguments
      */
-    getBufferSlice(...sliceArgs: [start?: number, end?: number]): string[];
+    getBufferSlice(...sliceArguments: [start?: number, end?: number]): string[];
     /**
      * Absolute move to
      *
@@ -57,11 +63,5 @@ export declare class SVGPathBuilder {
      * @param separator - default value is debug friendly (new-line + two spaces).
      */
     toString(separator?: string): string;
-    /**
-     * Merge many path builders into a new single one.
-     *
-     * @param builders
-     */
-    static concat(...builders: SVGPathBuilder[]): SVGPathBuilder;
 }
 //# sourceMappingURL=svg_path_builder.d.ts.map

package/lib/components/utils/svg_path_builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg_path_builder.d.ts","sourceRoot":"","sources":["../../../src/components/utils/svg_path_builder.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AACH,qBAAa,cAAc;;IAEzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B;;;;;;OAMG;gBACS,UAAU,GAAE,MAAM,GAAG,IAA0B;IAqB3D;;;;OAIG;IACH,cAAc,CAAC,GAAG,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAI3D;;;;;;OAMG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAQlC;;;;;;OAMG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAQlC;;;;OAIG;IACH,SAAS,IAAI,IAAI;IAOjB;;;;OAIG;IACH,QAAQ,CAAC,SAAS,SAAoB,GAAG,MAAM;IAI/C;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc;CAS7D"}
+{"version":3,"file":"svg_path_builder.d.ts","sourceRoot":"","sources":["../../../src/components/utils/svg_path_builder.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;GAaG;AACH,qBAAa,cAAc;;IACzB;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc;IAY5D,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B;;;;;;OAMG;gBACS,UAAU,GAAE,MAAM,GAAG,IAA0B;IAqB3D;;;;OAIG;IACH,cAAc,CAAC,GAAG,cAAc,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAIhE;;;;;;OAMG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAQlC;;;;;;OAMG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAQlC;;;;OAIG;IACH,SAAS,IAAI,IAAI;IAOjB;;;;OAIG;IACH,QAAQ,CAAC,SAAS,SAAoB,GAAG,MAAM;CAGhD"}

package/lib/components/utils/svg_path_builder.js

@@ -1,4 +1,6 @@
-/** Better dom readability */
+/**
+ * Better dom readability.
+ */
 const DEFAULT_SEPARATOR = '\n  ';
 const DEFAULT_CLAMP_VALUE = 1e5;
 /**
@@ -16,6 +18,16 @@ const DEFAULT_CLAMP_VALUE = 1e5;
  * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/d
  */
 export class SVGPathBuilder {
+    /**
+     * Merge many path builders into a new single one.
+     *
+     * @param builders
+     */
+    static concat(...builders) {
+        const builder = new SVGPathBuilder();
+        builder.#buffer = builder.#buffer.concat(builders.flatMap((path) => path.getBufferSlice()));
+        return builder;
+    }
     #buffer = [];
     clampValue;
     /**
@@ -49,10 +61,10 @@ export class SVGPathBuilder {
     /**
      * Get a shallow copy of internal the buffer.
      *
-     * @param sliceArgs
+     * @param sliceArguments
      */
-    getBufferSlice(...sliceArgs) {
-        return this.#buffer.slice(...sliceArgs);
+    getBufferSlice(...sliceArguments) {
+        return this.#buffer.slice(...sliceArguments);
     }
     /**
      * Absolute move to
@@ -99,15 +111,5 @@ export class SVGPathBuilder {
     toString(separator = DEFAULT_SEPARATOR) {
         return this.#buffer.join(separator);
     }
-    /**
-     * Merge many path builders into a new single one.
-     *
-     * @param builders
-     */
-    static concat(...builders) {
-        const builder = new SVGPathBuilder();
-        builder.#buffer = builder.#buffer.concat(builders.flatMap((path) => path.getBufferSlice()));
-        return builder;
-    }
 }
 //# sourceMappingURL=svg_path_builder.js.map

package/lib/components/utils/svg_path_builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg_path_builder.js","sourceRoot":"","sources":["../../../src/components/utils/svg_path_builder.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,MAAM,iBAAiB,GAAG,MAAM,CAAC;AACjC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,cAAc;IACzB,OAAO,GAAa,EAAE,CAAC;IACvB,UAAU,CAAgB;IAE1B;;;;;;OAMG;IACH,YAAY,aAA4B,mBAAmB;QACzD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;IAC/B,CAAC;IAED,WAAW,CAAC,OAAe;QACzB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,KAAa;QAClB,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;QAC3B,IAAI,EAAE,KAAK,IAAI;YAAE,OAAO,KAAK,CAAC;QAC9B,IAAI,KAAK,GAAG,CAAC,EAAE;YAAE,OAAO,CAAC,EAAE,CAAC;QAC5B,IAAI,KAAK,GAAG,EAAE;YAAE,OAAO,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;OAIG;IACH,cAAc,CAAC,GAAG,SAAyC;QACzD,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;IAC1C,CAAC;IAED;;;;;;OAMG;IACH,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEhC,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;;;OAMG;IACH,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEhC,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;OAIG;IACH,SAAS;QACP,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAC3C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAEtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;OAIG;IACH,QAAQ,CAAC,SAAS,GAAG,iBAAiB;QACpC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,QAA0B;QACzC,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;QAErC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CACtC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAClD,CAAC;QAEF,OAAO,OAAO,CAAC;IACjB,CAAC;CACF"}
+{"version":3,"file":"svg_path_builder.js","sourceRoot":"","sources":["../../../src/components/utils/svg_path_builder.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,iBAAiB,GAAG,MAAM,CAAC;AACjC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,cAAc;IACzB;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,GAAG,QAA0B;QACzC,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;QAErC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CACtC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAClD,CAAC;QAEF,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,GAAa,EAAE,CAAC;IAEvB,UAAU,CAAgB;IAE1B;;;;;;OAMG;IACH,YAAY,aAA4B,mBAAmB;QACzD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;IAC/B,CAAC;IAED,WAAW,CAAC,OAAe;QACzB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,KAAa;QAClB,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;QAC3B,IAAI,EAAE,KAAK,IAAI;YAAE,OAAO,KAAK,CAAC;QAC9B,IAAI,KAAK,GAAG,CAAC,EAAE;YAAE,OAAO,CAAC,EAAE,CAAC;QAC5B,IAAI,KAAK,GAAG,EAAE;YAAE,OAAO,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;OAIG;IACH,cAAc,CAAC,GAAG,cAA8C;QAC9D,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;;OAMG;IACH,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEhC,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;;;OAMG;IACH,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEhC,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;OAIG;IACH,SAAS;QACP,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAC3C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAEtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;OAIG;IACH,QAAQ,CAAC,SAAS,GAAG,iBAAiB;QACpC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC;CACF"}

package/lib/components/utils/throttle.d.ts

@@ -1,2 +1,2 @@
-export declare function throttle<T extends (...args: any[]) => void>(func: T, limit: number): T;
+export declare function throttle<T extends (...arguments_: any[]) => void>(function_: T, limit: number): T;
 //# sourceMappingURL=throttle.d.ts.map

package/lib/components/utils/throttle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["../../../src/components/utils/throttle.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EACzD,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,MAAM,GACZ,CAAC,CAeH"}
+{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["../../../src/components/utils/throttle.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,UAAU,EAAE,GAAG,EAAE,KAAK,IAAI,EAC/D,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,MAAM,GACZ,CAAC,CAiBH"}

package/lib/components/utils/throttle.js

@@ -1,13 +1,14 @@
-export function throttle(func, limit) {
-    let inThrottle;
-    const fun = (...args) => {
-        if (!inThrottle) {
-            func.apply({}, args);
-            inThrottle = true;
-            setTimeout(() => {
-                inThrottle = false;
-            }, limit);
+export function throttle(function_, limit) {
+    let isInThrottle;
+    const fun = (...arguments_) => {
+        if (isInThrottle) {
+            return;
         }
+        function_.apply({}, arguments_);
+        isInThrottle = true;
+        setTimeout(() => {
+            isInThrottle = false;
+        }, limit);
     };
     return fun;
 }

package/lib/components/utils/throttle.js.map

@@ -1 +1 @@
-{"version":3,"file":"throttle.js","sourceRoot":"","sources":["../../../src/components/utils/throttle.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CACtB,IAAO,EACP,KAAa;IAEb,IAAI,UAAmB,CAAC;IAExB,MAAM,GAAG,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE;QAC7B,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;YACrB,UAAU,GAAG,IAAI,CAAC;YAElB,UAAU,CAAC,GAAG,EAAE;gBACd,UAAU,GAAG,KAAK,CAAC;YACrB,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,GAAQ,CAAC;AAClB,CAAC"}
+{"version":3,"file":"throttle.js","sourceRoot":"","sources":["../../../src/components/utils/throttle.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CACtB,SAAY,EACZ,KAAa;IAEb,IAAI,YAAqB,CAAC;IAE1B,MAAM,GAAG,GAAG,CAAC,GAAG,UAAiB,EAAE,EAAE;QACnC,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;QAChC,YAAY,GAAG,IAAI,CAAC;QAEpB,UAAU,CAAC,GAAG,EAAE;YACd,YAAY,GAAG,KAAK,CAAC;QACvB,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,GAAQ,CAAC;AAClB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "23.1.0",
+  "version": "24.0.0",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {
@@ -23,7 +23,7 @@
     "createData": "npm run prepack && node scripts/createData",
     "dev": "echo Use npm run dev-app or npm run storybook && exit 1",
     "dev-app": "vite --open /pages/demo.html",
-    "eslint": "eslint . --cache --max-warnings=45",
+    "eslint": "eslint . --cache --max-warnings=51",
     "eslint-fix": "npm run eslint -- --fix",
     "playwright": "npm run playwright-ct -- --project chromium && npm run playwright-e2e -- --project chromium",
     "playwright-ct": "playwright test -c playwright-ct.config.mts",
@@ -48,87 +48,87 @@
   },
   "homepage": "https://github.com/zakodium-oss/react-science#readme",
   "peerDependencies": {
-    "@blueprintjs/core": "^6.16.0",
-    "@blueprintjs/icons": "^6.11.0",
-    "@blueprintjs/select": "^6.3.0",
+    "@blueprintjs/core": "^6.20.0",
+    "@blueprintjs/icons": "^6.14.1",
+    "@blueprintjs/select": "^6.3.6",
     "fifo-logger": "^2.0.1",
-    "react": "^18.3.1 || ^19.2.7",
-    "react-dom": "^18.3.1 || ^19.2.7"
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0"
   },
   "dependencies": {
     "@emotion/styled": "^11.14.1",
     "@radix-ui/react-use-controllable-state": "^1.2.6",
-    "@tanstack/react-form": "^1.33.4",
+    "@tanstack/react-form": "^1.33.5",
     "@tanstack/react-store": "^0.11.1",
-    "@tanstack/react-table": "^9.1.2",
-    "@tanstack/react-virtual": "^3.14.9",
-    "@zakodium/pdnd-esm": "^1.1.0",
+    "@tanstack/react-table": "^9.2.4",
+    "@tanstack/react-virtual": "^3.14.13",
+    "@zakodium/pdnd-esm": "^1.1.2",
     "@zakodium/utils": "^0.5.1",
     "d3-scale-chromatic": "^3.1.0",
     "react-d3-utils": "^3.1.2",
-    "react-dropzone": "^20.1.0",
+    "react-dropzone": "^20.1.2",
     "react-full-screen": "^1.1.1",
     "react-icons": "^5.7.0",
     "react-inspector": "^9.0.0",
     "tinycolor2": "^1.6.0",
     "ts-pattern": "^5.9.0",
-    "zod": "^4.4.3"
+    "zod": "^4.6.5"
   },
   "devDependencies": {
-    "@blueprintjs/core": "6.16.0",
-    "@blueprintjs/icons": "6.11.0",
-    "@blueprintjs/select": "6.3.0",
+    "@blueprintjs/core": "6.20.0",
+    "@blueprintjs/icons": "6.14.1",
+    "@blueprintjs/select": "6.3.6",
     "@floating-ui/react": "^0.27.20",
-    "@playwright/experimental-ct-react": "^1.62.1",
-    "@playwright/test": "^1.62.1",
-    "@storybook/addon-docs": "^10.5.7",
-    "@storybook/react-vite": "^10.5.7",
-    "@tanstack/react-query": "^5.101.4",
+    "@playwright/experimental-ct-react": "1.62.1",
+    "@playwright/test": "1.62.1",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
+    "@tanstack/react-query": "^5.103.2",
     "@types/babel__core": "^7.20.5",
     "@types/d3-scale-chromatic": "^3.1.0",
-    "@types/node": "^26.2.0",
-    "@types/react": "^18.3.31",
-    "@types/react-dom": "^18.3.7",
+    "@types/node": "^26.6.2",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
     "@types/tinycolor2": "^1.4.6",
-    "@vitejs/plugin-react": "^6.0.5",
-    "@vitest/coverage-v8": "^4.1.10",
+    "@vitejs/plugin-react": "^6.1.1",
+    "@vitest/coverage-v8": "^5.0.1",
     "@zakodium/tsconfig": "^1.0.5",
     "biologic-converter": "^1.0.0",
-    "cheminfo-font": "^1.27.0",
-    "cheminfo-types": "^1.15.0",
+    "cheminfo-font": "^1.28.0",
+    "cheminfo-types": "^1.16.0",
     "cross-env": "^10.1.0",
-    "eslint": "^9.39.5",
-    "eslint-config-zakodium": "^20.1.0",
-    "eslint-plugin-storybook": "^10.5.7",
+    "eslint": "^10.11.0",
+    "eslint-config-zakodium": "^21.0.0",
+    "eslint-plugin-storybook": "^10.6.0",
     "fifo-logger": "2.0.1",
     "filelist-utils": "^1.11.3",
-    "immer": "^11.1.16",
-    "jcampconverter": "^12.5.3",
-    "ml-gsd": "^14.2.2",
-    "ml-peak-shape-generator": "^5.5.0",
+    "immer": "^11.1.18",
+    "jcampconverter": "^12.5.7",
+    "ml-gsd": "^14.3.0",
+    "ml-peak-shape-generator": "^5.6.0",
     "ml-signal-processing": "^2.2.2",
-    "ml-spectra-processing": "^14.33.0",
-    "ms-spectrum": "^3.12.0",
+    "ml-spectra-processing": "^14.35.1",
+    "ms-spectrum": "^3.12.1",
     "netcdfjs": "^4.0.0",
     "postcss-styled-syntax": "^0.7.2",
-    "prettier": "^3.9.6",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-error-boundary": "^6.1.2",
+    "prettier": "^3.9.9",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "react-error-boundary": "^6.1.6",
     "react-kbs": "^3.1.0",
     "react-ocl": "^8.7.2",
     "react-plot": "^3.1.2",
     "rimraf": "^6.1.3",
-    "spc-parser": "^2.1.0",
-    "storybook": "^10.5.7",
-    "stylelint": "^17.14.1",
+    "spc-parser": "^2.1.1",
+    "storybook": "^10.6.0",
+    "stylelint": "^17.15.0",
     "stylelint-config-standard": "^40.0.0",
     "typescript": "^6.0.3",
-    "vite": "^8.2.1",
-    "vitest": "^4.1.10",
+    "vite": "^8.3.0",
+    "vitest": "^5.0.1",
     "wdf-parser": "^1.0.0"
   },
   "volta": {
-    "node": "24.19.0"
+    "node": "24.21.0"
   }
 }

package/src/components/accordion/accordion_context.ts

@@ -1,4 +1,4 @@
-import { createContext, useContext, useEffect, useMemo } from 'react';
+import { createContext, use, useEffect, useMemo } from 'react';
 
 import type {
   AccordionItemContextValue,
@@ -17,7 +17,7 @@ export type AccordionContextValue = [
     change: (id: string, isOpen: boolean) => void;
   },
 ];
-export const accordionContext = createContext<AccordionContextValue | null>(
+export const AccordionContext = createContext<AccordionContextValue | null>(
   null,
 );
 
@@ -25,7 +25,7 @@ export function useAccordionItemContext(
   id: string,
   setIsOpen: AccordionItemSetIsOpen,
 ): AccordionItemContextValue {
-  const context = useContext(accordionContext);
+  const context = use(AccordionContext);
 
   if (!context) {
     throw new Error('AccordionContext was not found');

package/src/components/accordion/accordion_context_provider.tsx

@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 import { useMemo, useRef } from 'react';
 
 import type { AccordionContextValue } from './accordion_context.js';
-import { accordionContext } from './accordion_context.js';
+import { AccordionContext } from './accordion_context.js';
 import type { AccordionItemSetIsOpen } from './accordion_context_utils.js';
 import { getAccordionRegister } from './accordion_context_utils.js';
 
@@ -27,7 +27,7 @@ export function AccordionProvider(props: AccordionProviderProps) {
       },
       closeAllExcept: (id: string) => {
         assert(registerRef.current);
-        for (const [key, item] of registerRef.current.entries()) {
+        for (const [key, item] of registerRef.current) {
           if (key === id) {
             item.setIsOpen(true);
           } else {
@@ -70,9 +70,5 @@ export function AccordionProvider(props: AccordionProviderProps) {
     ];
   }, [unmountChildren, utils]);
 
-  return (
-    <accordionContext.Provider value={contextValue}>
-      {children}
-    </accordionContext.Provider>
-  );
+  return <AccordionContext value={contextValue}>{children}</AccordionContext>;
 }

package/src/components/accordion/accordion_hooks.ts

@@ -1,6 +1,6 @@
-import { useContext, useMemo } from 'react';
+import { use, useMemo } from 'react';
 
-import { accordionContext } from './accordion_context.js';
+import { AccordionContext } from './accordion_context.js';
 
 export interface AccordionControls<T extends string = string> {
   open: (id: T) => void;
@@ -12,7 +12,7 @@ export interface AccordionControls<T extends string = string> {
 export function useAccordionControls<
   T extends string = string,
 >(): AccordionControls<T> {
-  const context = useContext(accordionContext);
+  const context = use(AccordionContext);
 
   if (!context) {
     throw new Error('AccordionContext was not found');

package/src/components/button/Button.tsx

@@ -12,6 +12,7 @@ import {
   Tooltip,
 } from '@blueprintjs/core';
 import styled from '@emotion/styled';
+import type { Mandatory } from '@zakodium/utils';
 import type { ReactNode } from 'react';
 
 type BlueprintProps = {
@@ -77,8 +78,16 @@ const TooltipButton = styled(BlueprintButton, {
   ${(props) => buttonStyles(props)}
 `;
 
+const defaultTooltipProps: Mandatory<ButtonProps['tooltipProps']> = {};
+
 export function Button(props: ButtonProps) {
-  const { tooltipProps = {}, children, tag, tagProps, ...buttonProps } = props;
+  const {
+    tooltipProps = defaultTooltipProps,
+    children,
+    tag,
+    tagProps,
+    ...buttonProps
+  } = props;
   const {
     fill,
     content = '',
@@ -103,7 +112,7 @@ export function Button(props: ButtonProps) {
           isIconButton={!children && !buttonProps.text}
           isTagButton={Boolean(tag)}
         >
-          {tag && (
+          {Boolean(tag) && (
             <ButtonTag round intent="success" {...tagProps}>
               {tag}
             </ButtonTag>

package/src/components/color-picker/react-color/ColorPicker.tsx

@@ -43,12 +43,12 @@ export interface ColorPickerProps {
   className?: string;
   presetColors?: string[];
   color?:
-    | {
-        hex: string;
-      }
     | RGB
     | HSL
-    | HSV;
+    | HSV
+    | {
+        hex: string;
+      };
   disableAlpha?: boolean;
   onChange?: (props: ChangeCallbackProps, event?: Event) => void;
   onChangeComplete?: (props: ChangeCallbackProps, event?: Event) => void;
@@ -76,7 +76,7 @@ const styles: Record<
   Record<
     'picker' | 'color' | 'activeColor' | 'alphaContainer',
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (...args: any) => CSSProperties
+    (...arguments_: any) => CSSProperties
   > = {
   picker: (width: number | string) => ({
     width: typeof width === 'string' ? width : `${width}px`,
@@ -93,9 +93,9 @@ const styles: Record<
     padding: '4px 0',
     flex: '1',
   },
-  color: (disableAlpha: boolean) => ({
+  color: (isAlphaDisabled: boolean) => ({
     width: '24px',
-    height: disableAlpha ? '10px' : '24px',
+    height: isAlphaDisabled ? '10px' : '24px',
     position: 'relative',
     marginTop: '4px',
     marginLeft: '4px',
@@ -128,12 +128,12 @@ const styles: Record<
     borderRadius: '2px',
     boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)',
   },
-  alphaContainer: (disableAlpha: boolean) => ({
+  alphaContainer: (isAlphaDisabled: boolean) => ({
     position: 'relative',
     height: '10px',
     marginTop: '4px',
     overflow: 'hidden',
-    ...(disableAlpha && { display: 'none' }),
+    ...(isAlphaDisabled && { display: 'none' }),
   }),
   alphaElement: {
     borderRadius: '2px',
@@ -141,6 +141,8 @@ const styles: Record<
   },
 };
 
+const defaultStyle: CSSProperties = {};
+
 export function ColorPicker(props: ColorPickerProps) {
   const {
     width = 200,
@@ -152,12 +154,12 @@ export function ColorPicker(props: ColorPickerProps) {
     color = defaultColor,
     onChangeComplete,
     onBlur,
-    style = {},
+    style = defaultStyle,
   } = props;
 
   const debounceRef = useRef(
-    debounce((fn: any, data: ChangeCallbackProps, event: Event) => {
-      fn(data, event);
+    debounce((function_: any, data: ChangeCallbackProps, event: Event) => {
+      function_(data, event);
     }, 100),
   );
 
@@ -172,18 +174,20 @@ export function ColorPicker(props: ColorPickerProps) {
   const handleChange = useCallback<SketchFieldsProps['onChange']>(
     (data, event) => {
       const isValidColor = colorHelper.simpleCheckForValidColor(data);
-      if (isValidColor) {
-        const colors = colorHelper.toState(
-          data,
-          ('h' in data && data.h) || state.oldHue,
-        );
-        setState(colors);
-        if (onChangeComplete) {
-          debounceRef.current(onChangeComplete, colors, event);
-        }
-        if (onChange) {
-          onChange(colors, event);
-        }
+      if (!isValidColor) {
+        return;
+      }
+
+      const colors = colorHelper.toState(
+        data,
+        ('h' in data && data.h) || state.oldHue,
+      );
+      setState(colors);
+      if (onChangeComplete) {
+        debounceRef.current(onChangeComplete, colors, event);
+      }
+      if (onChange) {
+        onChange(colors, event);
       }
     },
     [debounceRef, onChange, onChangeComplete, state.oldHue],
@@ -192,11 +196,13 @@ export function ColorPicker(props: ColorPickerProps) {
   const handleSwatchHover = useCallback(
     (data: any, event: any) => {
       const isValidColor = colorHelper.simpleCheckForValidColor(data);
-      if (isValidColor) {
-        const colors = colorHelper.toState(data, data.h || state.oldHue);
-        if (onSwatchHover) {
-          onSwatchHover(colors, event);
-        }
+      if (!isValidColor) {
+        return;
+      }
+
+      const colors = colorHelper.toState(data, data.h || state.oldHue);
+      if (onSwatchHover) {
+        onSwatchHover(colors, event);
       }
     },
     [onSwatchHover, state.oldHue],
@@ -249,7 +255,7 @@ export function ColorPicker(props: ColorPickerProps) {
       />
       <SketchPresetColors
         colors={presetColors}
-        onClick={(data, e) => handleChange(data, e)}
+        onClick={(data, event) => handleChange(data, event)}
         onSwatchHover={handleSwatchHover}
       />
     </div>

package/src/components/color-picker/react-color/common/Alpha.tsx

@@ -75,19 +75,19 @@ const styles = {
   },
 };
 
-const Alpha = (props) => {
+export default function Alpha(props) {
   const containerRef = useRef();
   const handleChange = useCallback(
-    (e) => {
+    (event) => {
       const change = alpha.calculateChange(
-        e,
+        event,
         props.hsl,
         props.direction,
         props.a,
         containerRef.current,
       );
       if (change && typeof props.onChange === 'function') {
-        props.onChange(change, e);
+        props.onChange(change, event);
       }
     },
     [props],
@@ -119,6 +119,4 @@ const Alpha = (props) => {
       </div>
     </div>
   );
-};
-
-export default Alpha;
+}

package/src/components/color-picker/react-color/common/CheckBoard.tsx

@@ -34,7 +34,7 @@ const styles = {
   },
 };
 
-const CheckBoard = (props) => {
+export default function CheckBoard(props) {
   const { children } = props;
 
   if (!isValidElement(children)) {
@@ -45,6 +45,4 @@ const CheckBoard = (props) => {
     ...children.props,
     style: { ...children.props.style, ...styles.grid(props) },
   });
-};
-
-export default CheckBoard;
+}