react-science 6.0.1 → 7.0.0

package/lib-esm/components/selected-total/SelectedTotal.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SelectedTotal(props) {
+    const { total, count } = props;
+    return (_jsx("div", { style: {
+            whiteSpace: 'nowrap',
+            margin: 0,
+        }, children: formatCounterLabel(count, total) }));
+}
+function formatCounterLabel(count, total) {
+    const thinSpace = '\u2009';
+    if (count !== undefined && total !== undefined) {
+        return `[${thinSpace}${count}${thinSpace}/${thinSpace}${total}${thinSpace}]`;
+    }
+    if (count !== undefined) {
+        return `[${thinSpace}${count}${thinSpace}]`;
+    }
+    if (total !== undefined) {
+        return `[${thinSpace}${total}${thinSpace}]`;
+    }
+    return '';
+}
+//# sourceMappingURL=SelectedTotal.js.map

package/lib-esm/components/selected-total/SelectedTotal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedTotal.js","sourceRoot":"","sources":["../../../src/components/selected-total/SelectedTotal.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC/B,OAAO,CACL,cACE,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,CAAC;SACV,YAEA,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,GAC7B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAc,EAAE,KAAc;IACxD,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC3B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC/C,OAAO,IAAI,SAAS,GAAG,KAAK,GAAG,SAAS,IAAI,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,CAAC;IAC/E,CAAC;IACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,IAAI,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,CAAC;IAC9C,CAAC;IACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,IAAI,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,CAAC;IAC9C,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/lib-esm/components/selected-total/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectedTotal';
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/selected-total/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/selected-total/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib-esm/components/selected-total/index.js

@@ -0,0 +1,2 @@
+export * from './SelectedTotal';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/selected-total/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/selected-total/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib-esm/components/table/table_utils.d.ts

@@ -1,7 +1,7 @@
 import { type ColumnDef, type Row, type RowData } from '@tanstack/react-table';
 import type { ReactNode } from 'react';
 export type TableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<TData, TValue>;
-export declare function createTableColumnHelper<TData extends RowData>(): import("@tanstack/react-table").ColumnHelper<TData>;
+export declare function createTableColumnHelper<TData extends RowData>(): import("@tanstack/table-core").ColumnHelper<TData>;
 export interface TableRowTrRendererProps<TData extends RowData> {
     row: Row<TData>;
     children: ReactNode;

package/lib-esm/components/table/table_utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table_utils.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,GAAG,EACR,KAAK,OAAO,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,SAAS,CAC7E,KAAK,EACL,MAAM,CACP,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,SAAS,OAAO,yDAE5D;AAED,MAAM,WAAW,uBAAuB,CAAC,KAAK,SAAS,OAAO;IAC5D,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,IAAI,CACtD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,KAClC,SAAS,CAAC"}
+{"version":3,"file":"table_utils.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,GAAG,EACR,KAAK,OAAO,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,SAAS,CAC7E,KAAK,EACL,MAAM,CACP,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,SAAS,OAAO,wDAE5D;AAED,MAAM,WAAW,uBAAuB,CAAC,KAAK,SAAS,OAAO;IAC5D,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,IAAI,CACtD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,KAClC,SAAS,CAAC"}

package/lib-esm/components/toolbar/Toolbar.d.ts

@@ -1,31 +1,22 @@
 /** @jsxImportSource @emotion/react */
-import { Intent, PopoverProps, TagProps, TooltipProps } from '@blueprintjs/core';
-import { IconName } from '@blueprintjs/icons';
-import { type MouseEvent, type ReactElement, type ReactNode } from 'react';
+import { ButtonGroupProps, Intent, PopoverProps, TooltipProps } from '@blueprintjs/core';
+import { MouseEvent } from 'react';
+import { ButtonProps } from '../button';
 export type PopoverInteractionType = 'click' | 'hover' | 'click-target' | 'hover-target';
 interface ToolbarBaseProps {
     intent?: Intent;
     disabled?: boolean;
 }
-export interface ToolbarProps extends ToolbarBaseProps {
-    vertical?: boolean;
-    large?: boolean;
-    children?: Array<ReactElement<ToolbarItemProps>> | ReactElement<ToolbarItemProps> | Iterable<ReactNode> | boolean | null;
+export interface ToolbarProps extends ToolbarBaseProps, Pick<ButtonGroupProps, 'children' | 'minimal' | 'large' | 'vertical' | 'fill'> {
     popoverInteractionKind?: PopoverInteractionType;
 }
-export interface ToolbarItemProps extends ToolbarBaseProps {
-    id?: string;
+export interface ToolbarItemProps extends ToolbarBaseProps, Pick<ButtonProps, 'id' | 'icon' | 'active' | 'tag' | 'tagProps'> {
     tooltip?: TooltipProps['content'];
     tooltipProps?: Omit<TooltipProps, 'content'>;
-    icon: IconName | ReactElement;
-    active?: boolean;
     onClick?: (item: ToolbarItemProps & {
         event: MouseEvent;
     }) => void;
-    className?: string;
     isPopover?: boolean;
-    tag?: ReactNode;
-    tagProps?: Omit<TagProps, 'children'>;
 }
 export interface ToolbarPopoverItemProps extends PopoverProps {
     itemProps: ToolbarItemProps;

package/lib-esm/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,EAKL,MAAM,EAEN,YAAY,EACZ,QAAQ,EACR,YAAY,EACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAUf,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,YAAa,SAAQ,gBAAgB;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,GACrC,YAAY,CAAC,gBAAgB,CAAC,GAC9B,QAAQ,CAAC,SAAS,CAAC,GACnB,OAAO,GACP,IAAI,CAAC;IACT,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CACR,IAAI,EAAE,gBAAgB,GAAG;QACvB,KAAK,EAAE,UAAU,CAAC;KACnB,KACE,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAID,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,oDA+D1C;yBA/De,OAAO;sBAiEoB,gBAAgB;6BAgGlD,uBAAuB"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAEL,gBAAgB,EAIhB,MAAM,EAEN,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAEL,UAAU,EAKX,MAAM,OAAO,CAAC;AAEf,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAQhD,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,CACF,gBAAgB,EAChB,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CACvD;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,CACR,IAAI,EAAE,gBAAgB,GAAG;QACvB,KAAK,EAAE,UAAU,CAAC;KACnB,KACE,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAID,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,oDAyE1C;yBAzEe,OAAO;sBA2EoB,gBAAgB;6BA2GlD,uBAAuB"}

package/lib-esm/components/toolbar/Toolbar.js

@@ -7,8 +7,14 @@ import { Button } from '../button';
 import { toolbarContext, useToolbarContext, } from './toolbarContext';
 const border = '1px solid rgb(247, 247, 247)';
 export function Toolbar(props) {
-    const { children, disabled, intent, large, vertical, popoverInteractionKind, } = props;
-    const contextValue = useMemo(() => ({ intent, large, vertical, disabled, popoverInteractionKind }), [intent, large, vertical, disabled, popoverInteractionKind]);
+    const { children, disabled, intent, large, vertical, popoverInteractionKind, minimal, fill, } = props;
+    const contextValue = useMemo(() => ({
+        intent,
+        large,
+        vertical,
+        disabled,
+        popoverInteractionKind,
+    }), [intent, large, vertical, disabled, popoverInteractionKind]);
     const ref = useRef(null);
     // Work around wrong width on vertical flex when wrapping
     // In Chrome: recently fixed (https://bugs.chromium.org/p/chromium/issues/detail?id=507397)
@@ -38,46 +44,56 @@ export function Toolbar(props) {
             return () => observer.unobserve(element);
         }
     }, [vertical]);
-    return (_jsx(ToolbarProvider, { value: contextValue, children: _jsx(ButtonGroup
-        // Reset because of layout effect above
-        // TODO: remove once the workaround is no longer needed
-        , { vertical: vertical, large: large, style: {
+    return (_jsx(ToolbarProvider, { value: contextValue, children: _jsx(ButtonGroup, { fill: fill, vertical: vertical, large: large, minimal: minimal, style: {
                 flexWrap: 'wrap',
                 borderRight: vertical ? border : undefined,
             }, children: children }, String(vertical)) }));
 }
 Toolbar.Item = function ToolbarItem(props) {
-    const { active = false, icon, onClick, tooltip, tooltipProps, id, intent: itemIntent, disabled: itemDisabled, isPopover, ...other } = props;
+    const { active = false, icon, onClick, tooltip, tooltipProps, intent: itemIntent, disabled: itemDisabled, isPopover, ...other } = props;
     const { intent: toolbarIntent, disabled: toolbarDisabled, large, vertical, } = useToolbarContext();
     const intent = itemIntent ?? toolbarIntent;
     const disabled = itemDisabled ?? toolbarDisabled;
-    const resizedIcon = typeof icon === 'string'
+    const resizedIcon = !icon || typeof icon === 'string'
         ? icon
         : cloneElement(icon, {
             className: icon.props.className
                 ? `${icon.props.className} bp5-icon`
                 : 'bp5-icon',
         });
-    return (_jsx(Button, { alignText: isPopover ? 'left' : undefined, minimal: true, disabled: disabled, css: css `
+    return (_jsx(Button, { alignText: isPopover ? 'left' : undefined, disabled: disabled, css: css `
         .${Classes.ICON} {
           color: ${Colors.DARK_GRAY3};
         }
+        .bp5-icon {
+          width: ${large ? '20px' : '16px'};
+          height: ${large ? '20px' : '16px'};
+          font-size: ${large ? '14px' : '12px'};
+        }
+        .bp5-tag {
+          font-size: ${large ? '12px' : '10px'};
+          line-height: ${large ? '14px' : '12px'};
+          min-width: ${large ? '18px' : '15px'};
+          min-height: ${large ? '18px' : '15px'};
+        }
       `, intent: intent, style: {
             position: 'relative',
             fontSize: '1.125em',
             width: 'fit-content',
-            flex: 'none',
         }, type: "button", active: active, icon: _jsxs("div", { style: {
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
                 width: 0,
                 height: 0,
-            }, children: [_jsx(Icon, { icon: resizedIcon }), isPopover && (_jsx(Icon, { icon: "caret-right", size: large ? 14 : 9, style: {
+                marginRight: 0,
+            }, children: [_jsx(Icon, { icon: resizedIcon, size: large ? 20 : 16 }), isPopover && (_jsx(Icon, { icon: "caret-right", size: large ? 14 : 9, style: {
                         transform: 'rotate(45deg)',
                         position: 'absolute',
                         bottom: 0,
                         right: 0,
+                        width: large ? 14 : 9,
+                        height: large ? 14 : 9,
                     } }))] }), onClick: (event) => {
             onClick?.({ event, ...props });
         }, tooltipProps: !tooltip
@@ -104,9 +120,8 @@ Toolbar.PopoverItem = function ToolbarPopoverItem(props) {
                 fontSize: '1.125em',
                 width: 'fit-content',
                 height: 'fit-content',
-                flex: 'none',
             },
-        }, ...other, children: _jsx(Toolbar.Item, { isPopover: true, ...itemProps }) }));
+        }, renderTarget: () => _jsx(Toolbar.Item, { isPopover: true, ...itemProps }), ...other }));
 };
 function ToolbarProvider(props) {
     return (_jsx(toolbarContext.Provider, { value: props.value, children: props.children }));

package/lib-esm/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "6.0.1",
+  "version": "7.0.0",
   "description": "React components to build scientific applications UI",
   "exports": {
     "./app": {
@@ -51,7 +51,7 @@
     "test-only": "vitest run --coverage "
   },
   "volta": {
-    "node": "20.16.0"
+    "node": "20.17.0"
   },
   "overrides": {
     "react": "^18.3.1",
@@ -65,32 +65,32 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@blueprintjs/select": "^5.2.2",
-    "@emotion/react": "^11.13.0",
+    "@blueprintjs/select": "^5.2.4",
+    "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@lukeed/uuid": "^2.0.1",
     "@popperjs/core": "^2.11.8",
     "@radix-ui/react-collapsible": "^1.1.0",
     "@radix-ui/react-radio-group": "^1.2.0",
     "@radix-ui/react-select": "^2.1.1",
-    "@tanstack/react-query": "^5.51.15",
-    "@tanstack/react-table": "^8.19.3",
+    "@tanstack/react-query": "^5.56.2",
+    "@tanstack/react-table": "^8.20.5",
     "biologic-converter": "^0.6.0",
-    "cheminfo-types": "^1.7.3",
+    "cheminfo-types": "^1.8.0",
     "d3-scale-chromatic": "^3.1.0",
     "filelist-utils": "^1.11.1",
     "immer": "^10.1.1",
     "jcampconverter": "^9.6.4",
     "lodash": "^4.17.21",
-    "ml-gsd": "^12.1.6",
-    "ml-peak-shape-generator": "^4.1.2",
+    "ml-gsd": "^12.1.8",
+    "ml-peak-shape-generator": "^4.1.4",
     "ml-signal-processing": "^1.0.4",
-    "ml-spectra-processing": "^14.5.1",
-    "ms-spectrum": "^3.6.2",
+    "ml-spectra-processing": "^14.5.3",
+    "ms-spectrum": "^3.6.6",
     "netcdfjs": "^3.0.0",
     "react-d3-utils": "^1.0.0",
     "react-dropzone": "^14.2.3",
-    "react-icons": "^5.2.1",
+    "react-icons": "^5.3.0",
     "react-inspector": "^6.0.2",
     "react-plot": "^2.0.0",
     "react-popper": "^2.3.0",
@@ -100,31 +100,33 @@
     "wdf-parser": "^0.3.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.9",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.4",
     "@babel/preset-react": "^7.24.7",
-    "@blueprintjs/core": "^5.11.0",
-    "@blueprintjs/icons": "^5.11.0",
-    "@playwright/experimental-ct-react": "^1.45.3",
-    "@playwright/test": "^1.45.3",
-    "@storybook/addon-essentials": "^8.2.6",
-    "@storybook/addon-storysource": "^8.2.6",
-    "@storybook/blocks": "^8.2.6",
-    "@storybook/react": "^8.2.6",
-    "@storybook/react-vite": "^8.2.6",
+    "@babel/preset-typescript": "^7.24.7",
+    "@blueprintjs/core": "^5.13.0",
+    "@blueprintjs/icons": "^5.13.0",
+    "@playwright/experimental-ct-react": "^1.47.2",
+    "@playwright/test": "^1.47.2",
+    "@storybook/addon-essentials": "^8.3.3",
+    "@storybook/addon-storysource": "^8.3.3",
+    "@storybook/blocks": "^8.3.3",
+    "@storybook/react": "^8.3.3",
+    "@storybook/react-vite": "^8.3.3",
     "@types/babel__core": "^7.20.5",
     "@types/d3-scale-chromatic": "^3.0.3",
-    "@types/lodash": "^4.17.7",
-    "@types/react": "^18.3.3",
+    "@types/lodash": "^4.17.9",
+    "@types/react": "^18.3.10",
     "@types/react-dom": "^18.3.0",
     "@types/react-inspector": "^4.0.6",
     "@types/tinycolor2": "^1.4.6",
     "@vitejs/plugin-react": "^4.3.1",
-    "@vitest/coverage-v8": "^2.0.4",
+    "@vitest/coverage-v8": "^2.1.1",
     "cheminfo-font": "^1.13.0",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.0",
-    "eslint-config-zakodium": "^11.2.0",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-config-zakodium": "^12.0.0",
+    "eslint-plugin-storybook": "^0.9.0",
     "fifo-logger": "^1.0.0",
     "prettier": "^3.3.3",
     "react": "^18.3.1",
@@ -133,10 +135,10 @@
     "react-kbs": "^2.1.1",
     "react-ocl": "^6.1.0",
     "rimraf": "^6.0.1",
-    "storybook": "^8.2.6",
-    "typescript": "^5.5.4",
-    "vite": "^5.3.5",
-    "vitest": "^2.0.4"
+    "storybook": "^8.3.3",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.8",
+    "vitest": "^2.1.1"
   },
   "repository": {
     "type": "git",

package/src/app/explorer/MeasurementExplorer.tsx

@@ -1,11 +1,13 @@
 import styled from '@emotion/styled';
 import { useMemo, useState } from 'react';
-import { FaExchangeAlt, FaArrowsAltH } from 'react-icons/fa';
+import { FaArrowsAltH, FaExchangeAlt } from 'react-icons/fa';
 
-import { MeasurementPlot, MeasurementPlotProps } from '../helpers/index';
+import { MeasurementPlot, MeasurementPlotProps } from '../helpers';
 
-export interface MeasurementExplorerProps
-  extends Omit<MeasurementPlotProps, keyof ExplorerInfo> {}
+export type MeasurementExplorerProps = Omit<
+  MeasurementPlotProps,
+  keyof ExplorerInfo
+>;
 interface ExplorerInfo {
   dataIndex: number;
   xVariableName: string;

package/src/app/panels/measurements/MeasurementsPanel.tsx

@@ -11,8 +11,9 @@ import {
   useAppState,
 } from '../../../app-data';
 
-import { MeasurementsTable, MeasurementPanelProvider } from '.';
+import { MeasurementPanelProvider, MeasurementsTable } from '.';
 
+// eslint-disable-next-line @typescript-eslint/unbound-method
 export function MeasurementsPanel({ openPanel }: PanelProps<object>) {
   const appState = useAppState();
   const { data, view } = appState;

package/src/app/panels/measurements/MeasurementsTable.tsx

@@ -279,11 +279,11 @@ function MeasurementsTableRow(props: MeasurementsTableRowProps) {
         onClick={() =>
           openPanel?.({
             title: item.info.file?.name ?? item.info.title,
-            renderPanel: ({ closePanel }) => (
+            renderPanel: (props) => (
               <div>
                 <PanelPreferencesToolbar
                   title={item.info.file?.name ?? item.info.title}
-                  onClose={closePanel}
+                  onClose={() => props.closePanel()}
                 />
                 <InfoPanel data={infoPanelData} title="" />
               </div>
@@ -297,11 +297,11 @@ function MeasurementsTableRow(props: MeasurementsTableRowProps) {
         onClick={() =>
           openPanel?.({
             title: item.info.file?.name ?? item.info.title,
-            renderPanel: ({ closePanel }) => (
+            renderPanel: (props) => (
               <div>
                 <PanelPreferencesToolbar
                   title={item.info.file?.name ?? item.info.title}
-                  onClose={closePanel}
+                  onClose={() => props.closePanel()}
                 />
                 <MeasurementConfigPanel />
               </div>

package/src/app-data/kinds/iv/IvMeasurement.ts

@@ -1,3 +1,3 @@
 import type { MeasurementBase } from '../../index';
 
-export interface IvMeasurement extends MeasurementBase {}
+export type IvMeasurement = MeasurementBase;

package/src/components/button/Button.tsx

@@ -4,13 +4,14 @@ import {
   AnchorButtonProps as BlueprintAnchorButtonProps,
   Button as BlueprintButton,
   ButtonProps as BlueprintButtonProps,
+  Icon,
   Tag,
   TagProps,
   Tooltip,
   TooltipProps,
 } from '@blueprintjs/core';
 import { css } from '@emotion/react';
-import { ReactNode } from 'react';
+import { Fragment, ReactNode } from 'react';
 
 type BlueprintProps = {
   [key in keyof BlueprintButtonProps &
@@ -41,33 +42,45 @@ export function Button(props: ButtonProps) {
       content={content}
       {...otherToolTipProps}
       renderTarget={({ isOpen, ...targetProps }) => (
-        <div style={{ position: 'relative' }}>
-          {tag && (
-            <Tag
-              css={css`
-                position: absolute;
-                top: 0;
-                left: 0;
-                cursor: default;
-                font-size: 0.875em;
-                padding: 2px !important;
-                min-height: 15px;
-                min-width: 15px;
-                line-height: 1em;
-                text-align: center;
-                z-index: 20;
-              `}
-              round
-              intent="success"
-              {...tagProps}
-            >
-              {tag}
-            </Tag>
-          )}
-          <InnerButton {...targetProps} {...buttonProps} style={{}}>
-            {children}
-          </InnerButton>
-        </div>
+        <InnerButton
+          css={css({
+            position: 'relative',
+            '.bp5-icon': !children && {
+              marginRight: '0',
+            },
+          })}
+          {...targetProps}
+          {...buttonProps}
+          icon={
+            <Fragment>
+              <Icon icon={buttonProps.icon} />
+              {tag && (
+                <Tag
+                  css={css`
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    cursor: default;
+                    font-size: 0.875em;
+                    padding: 2px !important;
+                    min-height: 15px;
+                    min-width: 15px;
+                    line-height: 1em;
+                    text-align: center;
+                    z-index: 20;
+                  `}
+                  round
+                  intent="success"
+                  {...tagProps}
+                >
+                  {tag}
+                </Tag>
+              )}
+            </Fragment>
+          }
+        >
+          {children}
+        </InnerButton>
       )}
     />
   );

package/src/components/color-picker/gradient-select/GradientSelect.tsx

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
 import { Button, MenuItem } from '@blueprintjs/core';
 import { ItemRenderer, Select } from '@blueprintjs/select';
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
 import * as scaleChromatic from 'd3-scale-chromatic';
 import { FaChevronDown } from 'react-icons/fa';
 

package/src/components/header/PanelHeader.tsx

@@ -3,6 +3,7 @@ import { css } from '@emotion/react';
 import { ReactNode } from 'react';
 
 import { Button } from '../button/Button';
+import { SelectedTotal } from '../selected-total/SelectedTotal';
 
 const styles = {
   container: css({
@@ -21,12 +22,6 @@ const styles = {
       minWidth: 'auto',
     },
   }),
-  counterLabel: css({
-    margin: 0,
-    textAlign: 'right',
-    lineHeight: '22px',
-    whiteSpace: 'nowrap',
-  }),
 };
 
 interface PanelHeaderProps {
@@ -45,23 +40,10 @@ export function PanelHeader({
   return (
     <div css={styles.container}>
       <div css={styles.leftContainer}>{children}</div>
-      <p css={styles.counterLabel}>{formatCounterLabel(current, total)}</p>
+      <SelectedTotal count={current} total={total} />
       {onClickSettings && (
         <Button color="black" minimal onClick={onClickSettings} icon="cog" />
       )}
     </div>
   );
 }
-
-function formatCounterLabel(current?: number, total?: number) {
-  if (current !== undefined && total !== undefined) {
-    return `${current} / ${total}`;
-  }
-  if (current !== undefined) {
-    return `[ ${current} ]`;
-  }
-  if (total !== undefined) {
-    return `[ ${total} ]`;
-  }
-  return '';
-}

package/src/components/index.ts

@@ -14,4 +14,5 @@ export * from './split-pane/index';
 export * from './table/index';
 export * from './toolbar/index';
 export * from './utils/index';
+export * from './selected-total/index';
 export * as ValueRenderers from './value-renderers/index';