react-science 12.0.0 → 13.0.0

package/lib/components/toolbar/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EACV,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMtD,MAAM,MAAM,sBAAsB,GAC9B,OAAO,GACP,OAAO,GACP,cAAc,GACd,cAAc,CAAC;AAEnB,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,UAAU,CAAC;IACjD;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IAClE,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAMD,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAID,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,oDA+D1C;yBA/De,OAAO;;6BA+Kd,uBAAuB;;AA9GhC,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAE3C"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMtD,MAAM,MAAM,sBAAsB,GAC9B,OAAO,GACP,OAAO,GACP,cAAc,GACd,cAAc,CAAC;AAEnB,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,UAAU,CAAC;IACjD;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IAClE,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAMD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAoBD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA+D1C;yBA/De,OAAO;;6BAsKd,uBAAuB;;AArGhC,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C"}

package/lib/components/toolbar/Toolbar.js

@@ -1,10 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ButtonGroup, Classes, Colors, Icon, Popover } from '@blueprintjs/core';
-import { css } from '@emotion/react';
+import styled from '@emotion/styled';
 import { cloneElement, useLayoutEffect, useMemo, useRef } from 'react';
 import { Button } from '../button/index.js';
 import { toolbarContext, useToolbarContext } from './toolbarContext.js';
 const border = '1px solid rgb(247, 247, 247)';
+const ToolbarButton = styled(Button) `
+  .${Classes.ICON} {
+    color: ${Colors.DARK_GRAY3};
+    width: 16px;
+    height: 16px;
+    font-size: 12px;
+  }
+
+  .${Classes.TAG} {
+    font-size: 10px;
+    line-height: 12px;
+    min-width: 12px;
+    min-height: 12px;
+  }
+`;
 export function Toolbar(props) {
     const { children, disabled, intent, vertical, popoverInteractionKind } = props;
     const contextValue = useMemo(() => ({
@@ -59,29 +74,14 @@ function ToolbarItemInternal(props) {
         ? icon
         : cloneElement(icon, {
             className: icon.props.className
-                ? `${icon.props.className} bp5-icon`
-                : 'bp5-icon',
+                ? `${icon.props.className} ${Classes.ICON}`
+                : Classes.ICON,
         });
-    return (_jsx(Button, { alignText: isPopover ? 'left' : undefined, disabled: disabled, css: css `
-        .${Classes.ICON} {
-          color: ${Colors.DARK_GRAY3};
-        }
-        .bp5-icon {
-          width: 16px;
-          height: 16px;
-          font-size: 12px;
-        }
-        .bp5-tag {
-          font-size: 10px;
-          line-height: 12px;
-          min-width: 12px;
-          min-height: 12px;
-        }
-      `, intent: intent, style: {
+    return (_jsx(ToolbarButton, { alignText: isPopover ? 'left' : undefined, disabled: disabled, intent: intent, type: "button", active: active, style: {
             position: 'relative',
             fontSize: '1.125em',
             width: 'fit-content',
-        }, type: "button", active: active, icon: _jsxs("div", { style: {
+        }, icon: _jsxs("div", { style: {
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
@@ -107,20 +107,15 @@ function ToolbarItemInternal(props) {
             }, ...other }));
 }
 Toolbar.Item = ToolbarItem;
+const ToolbarPopover = styled(Popover) `
+  .${Classes.ICON} {
+    color: ${Colors.DARK_GRAY3};
+  }
+`;
 Toolbar.PopoverItem = function ToolbarPopoverItem(props) {
     const { itemProps, ...other } = props;
     const { disabled, vertical, popoverInteractionKind } = useToolbarContext();
-    return (_jsx(Popover, { minimal: true, disabled: disabled, placement: vertical ? 'right-start' : 'bottom-start', interactionKind: popoverInteractionKind, hasBackdrop: popoverInteractionKind === 'click', hoverCloseDelay: 0, css: css `
-        .${Classes.ICON} {
-          color: ${Colors.DARK_GRAY3};
-        }
-      `, targetProps: {
-            style: {
-                fontSize: '1.125em',
-                width: 'fit-content',
-                height: 'fit-content',
-            },
-        }, renderTarget: ({ isOpen, className, ...targetProps }) => (_jsx("span", { ...targetProps, style: { flex: '0 0 auto' }, children: _jsx(ToolbarItemInternal, { isPopover: true, ...itemProps }) })), ...other }));
+    return (_jsx(ToolbarPopover, { minimal: true, disabled: disabled, placement: vertical ? 'right-start' : 'bottom-start', interactionKind: popoverInteractionKind, hasBackdrop: popoverInteractionKind === 'click', hoverCloseDelay: 0, renderTarget: ({ isOpen, className, ...targetProps }) => (_jsx("span", { ...targetProps, style: { flex: '0 0 auto' }, children: _jsx(ToolbarItemInternal, { isPopover: true, ...itemProps }) })), ...other }));
 };
 function ToolbarProvider(props) {
     return (_jsx(toolbarContext.Provider, { value: props.value, children: props.children }));

package/lib/components/toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../src/components/utils/debounce.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACxD,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,MAAM,GACX,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAYlC"}

package/lib/components/utils/debounce.js

@@ -0,0 +1,12 @@
+export function debounce(func, wait) {
+    let timeout;
+    return (...args) => {
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        timeout = setTimeout(() => {
+            func.apply({}, args);
+        }, wait);
+    };
+}
+//# sourceMappingURL=debounce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../src/components/utils/debounce.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CACtB,IAAO,EACP,IAAY;IAEZ,IAAI,OAA6C,CAAC;IAElD,OAAO,CAAC,GAAG,IAAmB,EAAE,EAAE;QAChC,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;QAED,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACvB,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,CAAC;AACJ,CAAC"}

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

@@ -1,2 +1,4 @@
 export * from './assert.js';
+export * from './debounce.js';
+export * from './throttle.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/lib/components/utils/index.js

@@ -1,2 +1,4 @@
 export * from './assert.js';
+export * from './debounce.js';
+export * from './throttle.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

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

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

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

@@ -0,0 +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"}

package/lib/components/utils/throttle.js

@@ -0,0 +1,14 @@
+export function throttle(func, limit) {
+    let inThrottle;
+    const fun = (...args) => {
+        if (!inThrottle) {
+            func.apply({}, args);
+            inThrottle = true;
+            setTimeout(() => {
+                inThrottle = false;
+            }, limit);
+        }
+    };
+    return fun;
+}
+//# sourceMappingURL=throttle.js.map

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

@@ -0,0 +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"}

package/lib/components/value-renderers/Color.d.ts

@@ -2,6 +2,6 @@ import type { ValueRenderersProps } from './index.js';
 interface ColorProps extends ValueRenderersProps {
     value?: string;
 }
-export declare function Color({ value, style, onClick }: ColorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Color({ value, style, onClick }: ColorProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Color.d.ts.map

package/lib/components/value-renderers/Color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Color.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,UAAW,SAAQ,mBAAmB;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAUD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,oDAW1D"}
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Color.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,UAAW,SAAQ,mBAAmB;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,2CAU1D"}

package/lib/components/value-renderers/Color.js

@@ -1,17 +1,11 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-const styles = {
-    color: css({
-        position: 'absolute',
-        top: '2px',
-        left: '2px',
-        right: '2px',
-        bottom: '2px',
-    }),
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+const ColorContainer = styled.div `
+  position: absolute;
+  inset: 2px;
+`;
 export function Color({ value, style, onClick }) {
-    return (_jsx("div", { onClick: onClick, css: styles.color, style: {
+    return (_jsx(ColorContainer, { onClick: onClick, style: {
             background: value,
             ...style,
         } }));

package/lib/components/value-renderers/Color.js.map

@@ -1 +1 @@
-{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Color.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAOrC,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,GAAG,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd,CAAC;CACH,CAAC;AACF,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAc;IACzD,OAAO,CACL,cACE,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE;YACL,UAAU,EAAE,KAAK;YACjB,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Color.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAc;IACzD,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;YACL,UAAU,EAAE,KAAK;YACjB,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC"}

package/lib/components/value-renderers/Text.d.ts

@@ -2,6 +2,6 @@ import type { ValueRenderersProps } from './index.js';
 interface TextProps extends ValueRenderersProps {
     value?: string;
 }
-export declare function Text({ value, ...other }: TextProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Text({ value, ...other }: TextProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Text.d.ts.map

package/lib/components/value-renderers/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,SAAU,SAAQ,mBAAmB;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,oDAMlD"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,SAAU,SAAQ,mBAAmB;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAElD"}

package/lib/components/value-renderers/Text.js

@@ -1,12 +1,9 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-const styles = {
-    text: css({
-        textOverflow: 'ellipsis',
-    }),
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+const TextContainer = styled.div `
+  text-overflow: ellipsis;
+`;
 export function Text({ value, ...other }) {
-    return (_jsx("div", { ...other, css: styles.text, children: value }));
+    return _jsx(TextContainer, { ...other, children: value });
 }
 //# sourceMappingURL=Text.js.map

package/lib/components/value-renderers/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Text.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAOrC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,GAAG,CAAC;QACR,YAAY,EAAE,UAAU;KACzB,CAAC;CACH,CAAC;AAEF,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IACjD,OAAO,CACL,iBAAS,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,YAC7B,KAAK,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE/B,CAAC;AAEF,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IACjD,OAAO,KAAC,aAAa,OAAK,KAAK,YAAG,KAAK,GAAiB,CAAC;AAC3D,CAAC"}

package/lib/components/value-renderers/Title.d.ts

@@ -2,5 +2,5 @@ import type { ValueRenderersProps } from './index.js';
 export interface TitleProps extends ValueRenderersProps {
     value?: string;
 }
-export declare function Title({ value, ...other }: TitleProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Title({ value, ...other }: TitleProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Title.d.ts.map

package/lib/components/value-renderers/Title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Title.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,oDAMpD"}
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Title.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAEpD"}

package/lib/components/value-renderers/Title.js

@@ -1,12 +1,9 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-const styles = {
-    title: css({
-        fontWeight: 'bold',
-    }),
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+const TitleContainer = styled.div `
+  font-weight: bold;
+`;
 export function Title({ value, ...other }) {
-    return (_jsx("div", { ...other, css: styles.title, children: value }));
+    return _jsx(TitleContainer, { ...other, children: value });
 }
 //# sourceMappingURL=Title.js.map

package/lib/components/value-renderers/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Title.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAQrC,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,GAAG,CAAC;QACT,UAAU,EAAE,MAAM;KACnB,CAAC;CACH,CAAC;AACF,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAc;IACnD,OAAO,CACL,iBAAS,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,YAC9B,KAAK,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEhC,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAc;IACnD,OAAO,KAAC,cAAc,OAAK,KAAK,YAAG,KAAK,GAAkB,CAAC;AAC7D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "12.0.0",
+  "version": "13.0.0",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {
@@ -33,7 +33,9 @@
     "prettier-write": "prettier --write .",
     "serve": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "test": "npm run playwright && npm run test-only && npm run eslint && npm run prettier && npm run check-types",
+    "stylelint": "stylelint src stories styles",
+    "stylelint-fix": "npm run stylelint -- --fix",
+    "test": "npm run playwright && npm run test-only && npm run check-types && npm run stylelint && npm run eslint && npm run prettier",
     "test-only": "vitest run --coverage "
   },
   "repository": {
@@ -48,80 +50,83 @@
   "peerDependencies": {
     "@blueprintjs/core": "^5.16.0",
     "@blueprintjs/icons": "^5.15.0",
+    "@blueprintjs/select": "^5.3.5",
     "fifo-logger": "^1.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@blueprintjs/select": "^5.3.5",
-    "@emotion/react": "^11.13.5",
-    "@emotion/styled": "^11.13.5",
-    "@tanstack/react-table": "^8.20.5",
-    "@tanstack/react-virtual": "^3.10.9",
+    "@emotion/styled": "^11.14.0",
+    "@radix-ui/react-use-controllable-state": "^1.1.0",
+    "@tanstack/react-table": "^8.20.6",
+    "@tanstack/react-virtual": "^3.12.0",
     "d3-scale-chromatic": "^3.1.0",
-    "immer": "^10.1.1",
-    "lodash": "^4.17.21",
     "react-dropzone": "14.3.5",
-    "react-icons": "^5.3.0",
+    "react-icons": "^5.4.0",
     "react-inspector": "^6.0.2",
     "tinycolor2": "^1.6.0",
-    "ts-pattern": "^5.5.0",
+    "ts-pattern": "^5.6.2",
     "use-resize-observer": "^9.1.0"
   },
   "devDependencies": {
-    "@blueprintjs/core": "^5.16.0",
-    "@blueprintjs/icons": "^5.15.0",
-    "@floating-ui/react": "^0.26.28",
-    "@playwright/experimental-ct-react": "^1.49.0",
-    "@playwright/test": "^1.49.0",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-storysource": "^8.4.5",
-    "@storybook/blocks": "^8.4.5",
-    "@storybook/react": "^8.4.5",
-    "@storybook/react-vite": "^8.4.5",
-    "@tanstack/react-query": "^5.62.3",
+    "@blueprintjs/core": "^5.16.4",
+    "@blueprintjs/icons": "^5.17.1",
+    "@blueprintjs/select": "^5.3.9",
+    "@floating-ui/react": "^0.27.3",
+    "@playwright/experimental-ct-react": "^1.50.1",
+    "@playwright/test": "^1.50.1",
+    "@storybook/addon-actions": "^8.5.8",
+    "@storybook/addon-essentials": "^8.5.8",
+    "@storybook/addon-storysource": "^8.5.8",
+    "@storybook/blocks": "^8.5.8",
+    "@storybook/react": "^8.5.8",
+    "@storybook/react-vite": "^8.5.8",
+    "@tanstack/react-query": "^5.66.0",
     "@types/babel__core": "^7.20.5",
     "@types/d3-scale-chromatic": "^3.1.0",
-    "@types/lodash": "^4.17.13",
+    "@types/node": "^22.13.1",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@types/react-inspector": "^4.0.6",
     "@types/tinycolor2": "^1.4.6",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^2.1.6",
+    "@vitest/coverage-v8": "^3.0.5",
     "biologic-converter": "^0.6.0",
     "cheminfo-font": "^1.13.1",
     "cheminfo-types": "^1.8.1",
     "cross-env": "^7.0.3",
-    "eslint": "^9.15.0",
+    "eslint": "^9.19.0",
     "eslint-config-zakodium": "^14.0.0",
-    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-plugin-storybook": "^0.11.2",
     "fifo-logger": "^1.0.0",
     "filelist-utils": "^1.11.2",
-    "jcampconverter": "^10.0.1",
+    "immer": "^10.1.1",
+    "jcampconverter": "^10.0.2",
     "ml-gsd": "^12.1.8",
     "ml-peak-shape-generator": "^4.1.4",
     "ml-signal-processing": "^1.2.0",
-    "ml-spectra-processing": "^14.7.0",
-    "ms-spectrum": "^3.7.0",
+    "ml-spectra-processing": "^14.9.2",
+    "ms-spectrum": "^3.7.6",
     "netcdfjs": "^3.0.0",
-    "prettier": "^3.4.1",
+    "postcss-styled-syntax": "^0.7.1",
+    "prettier": "^3.4.2",
     "react": "^18.3.1",
     "react-d3-utils": "^3.0.0",
     "react-dom": "^18.3.1",
-    "react-error-boundary": "^4.1.2",
+    "react-error-boundary": "^5.0.0",
     "react-kbs": "^2.1.1",
     "react-ocl": "^7.0.2",
     "react-plot": "^3.0.0",
     "rimraf": "^6.0.1",
     "spc-parser": "^1.0.0",
-    "storybook": "^8.4.5",
-    "typescript": "^5.7.2",
-    "vite": "^5.4.11",
-    "vitest": "^2.1.6",
+    "storybook": "^8.5.3",
+    "stylelint": "^16.14.1",
+    "stylelint-config-standard": "^37.0.0",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.0",
+    "vitest": "^3.0.5",
     "wdf-parser": "^0.3.0"
   },
   "volta": {
-    "node": "22.11.0"
+    "node": "22.13.1"
   }
 }

package/src/components/accordion/accordion.tsx

@@ -1,5 +1,4 @@
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
+import styled from '@emotion/styled';
 import type {
   MouseEvent as ReactMouseEvent,
   ReactElement,
@@ -29,40 +28,32 @@ export interface AccordionItemProps {
   toolbar?: ReactNode;
 }
 
-const styles = {
-  container: css({
-    display: 'flex',
-    flexDirection: 'column',
-    height: '100%',
-    width: '100%',
-  }),
-  item: (isOpen: boolean) => {
-    return css([
-      {
-        display: 'flex',
-        flexDirection: 'column',
-      },
-      isOpen && { flex: '1 1 0%' },
-    ]);
-  },
-  header: css({
-    cursor: 'pointer',
-    padding: '5px 12px',
-    display: 'flex',
-    alignItems: 'center',
-    borderColor: 'rgb(213, 213, 213) currentcolor currentcolor',
-    borderStyle: 'solid none none',
-    color: 'rgb(45, 45, 45)',
-    fontWeight: 'bold',
-    textDecoration: 'none',
-    textShadow: 'rgb(255, 255, 255) 0px 1px 0px',
-    background:
-      'rgb(255, 255, 255) linear-gradient(rgb(240, 240, 240) 5%, rgb(225, 225, 225) 100%) repeat scroll 0% 0%',
-  }),
-};
+const AccordionItemHeader = styled.div`
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  border-color: #d5d5d5 currentcolor currentcolor;
+  border-style: solid none none;
+  color: #2d2d2d;
+  font-weight: bold;
+  text-decoration: none;
+  text-shadow: white 0 1px 0;
+  background: white linear-gradient(#f0f0f0 5%, white 100%) repeat scroll 0 0;
+  width: 100%;
+  user-select: none;
+  justify-content: space-between;
+  padding: 0 12px;
+`;
+
+const AccordionContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+`;
 
 export function Accordion(props: AccordionProps) {
-  return <div css={styles.container}>{props.children}</div>;
+  return <AccordionContainer>{props.children}</AccordionContainer>;
 }
 
 Accordion.Item = function AccordionItem(props: AccordionItemProps) {
@@ -76,6 +67,7 @@ Accordion.Item = function AccordionItem(props: AccordionItemProps) {
     props.unmountChildren === undefined
       ? unmountChildren
       : props.unmountChildren;
+
   const onClickHandle = useCallback(
     (event: ReactMouseEvent<HTMLDivElement>) => {
       if (event.shiftKey) {
@@ -96,19 +88,7 @@ Accordion.Item = function AccordionItem(props: AccordionItemProps) {
         isolation: 'isolate',
       }}
     >
-      <div
-        onClick={onClickHandle}
-        role="button"
-        style={{
-          display: 'flex',
-          alignItems: 'center',
-          width: '100%',
-          userSelect: 'none',
-          justifyContent: 'space-between',
-          padding: '0px 12px',
-        }}
-        css={styles.header}
-      >
+      <AccordionItemHeader onClick={onClickHandle} role="button">
         <div
           style={{
             padding: '5px 0px',
@@ -117,7 +97,7 @@ Accordion.Item = function AccordionItem(props: AccordionItemProps) {
           {title}
         </div>
         {toolbar}
-      </div>
+      </AccordionItemHeader>
       {!item?.isOpen && shouldUnmountChildren ? null : (
         <div
           style={{