react-science 0.27.0 → 0.27.1-pre.1696432898

package/lib-esm/components/split-pane/useSplitPaneSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSplitPaneSize.js","sourceRoot":"","sources":["../../../src/components/split-pane/useSplitPaneSize.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSplitPaneSize.js","sourceRoot":"","sources":["../../../src/components/split-pane/useSplitPaneSize.tsx"],"names":[],"mappings":"AAkBA,MAAM,UAAU,gBAAgB,CAAC,OAAgC;IAC/D,MAAM,EACJ,cAAc,EACd,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAQ,GACT,GAAG,OAAO,CAAC;IAEZ,SAAS,YAAY;QACnB,IAAI,QAAQ,GAAmC,IAAI,CAAC;QACpD,SAAS,YAAY,CAAC,KAAmB;YACvC,IAAI,CAAC,WAAW,CAAC,OAAO;gBAAE,OAAO;YACjC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;YACnC,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,aAA+B,CAAC;YACtE,MAAM,MAAM,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;YACjD,MAAM,eAAe,GACnB,SAAS,KAAK,YAAY;gBACxB,CAAC,CAAC,SAAS,CAAC,WAAW;gBACvB,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;YAE7B,MAAM,MAAM,GACV,SAAS,KAAK,YAAY;gBACxB,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI;gBACvB,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC;YAE3B,MAAM,iBAAiB,GACrB,SAAS,KAAK,YAAY;gBACxB,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;gBACrC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC;YAE3C,MAAM,KAAK,GACT,cAAc,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,GAAG,MAAM,CAAC;YAEjE,IAAI,QAAQ,KAAK,IAAI,EAAE;gBACrB,MAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,GAAG,iBAAiB,EAAE;oBAC9D,GAAG,EAAE,EAAE;oBACP,GAAG,EAAE,eAAe,GAAG,EAAE;iBAC1B,CAAC,CAAC;gBACH,QAAQ,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;gBAC/B,YAAY,CAAC,QAAQ,CAAC,CAAC;aACxB;iBAAM,IAAI,QAAQ,KAAK,GAAG,EAAE;gBAC3B,MAAM,SAAS,GAAG,CAAC,KAAK,GAAG,eAAe,CAAC,GAAG,GAAG,CAAC;gBAClD,MAAM,OAAO,GAAG,oBAAoB,CAAC,SAAS,EAAE;oBAC9C,GAAG,EAAE,CAAC;oBACN,GAAG,EAAE,EAAE;iBACR,CAAC,CAAC;gBACH,QAAQ,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;gBAC/B,YAAY,CAAC,QAAQ,CAAC,CAAC;aACxB;QACH,CAAC;QAED,SAAS,UAAU;YACjB,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;YACxD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;YACpD,IAAI,QAAQ,IAAI,QAAQ,EAAE;gBACxB,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;aAC1C;QACH,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;QACrD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IACnD,CAAC;IAED,OAAO;QACL,aAAa,EAAE,YAAY;KAC5B,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAC3B,KAAa,EACb,OAAqC;IAErC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAClE,OAAO,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACtC,CAAC;AAED,SAAS,SAAS,CAAC,KAAa,EAAE,OAAqC;IACrE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;AAC7D,CAAC"}

package/lib-esm/components/tabs/Tabs.js

@@ -87,6 +87,7 @@ function TabsHorizontal(props) {
                     flexDirection: 'row',
                     borderBottom: '1px solid hsl(0deg, 0%, 80%)',
                     overflowX: 'auto',
+                    overflowY: 'hidden',
                 }, css: styles.scroll, children: items.map((item) => (_jsx(TabsItem, { orientation: "horizontal", id: item.id, title: item.title, onClick: () => {
                         onClick?.(item.id);
                     } }, item.id))) }), item && (_jsx("div", { style: { flex: '1 1 0%', overflowX: 'auto' }, children: item.content }))] }));

package/lib-esm/components/tabs/Tabs.js.map

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

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

@@ -1,16 +1,18 @@
-import { ReactElement, ReactFragment, ReactNode } from 'react';
-export type ToolbarOrientation = 'vertical' | 'horizontal';
-export type ToolbarItemOrientation = 'vertical' | 'horizontal' | 'auto';
+/** @jsxImportSource @emotion/react */
+import { ButtonProps, Intent } from '@blueprintjs/core';
+import { ReactElement, ReactNode } from 'react';
 export interface ToolbarProps {
-    orientation: ToolbarOrientation;
-    children?: Array<ReactElement<ToolbarItemProps>> | ReactElement<ToolbarItemProps> | ReactFragment | boolean | null;
+    vertical?: boolean;
+    large?: boolean;
+    intent?: Intent;
+    disabled?: boolean;
+    children?: Array<ReactElement<ToolbarItemProps>> | ReactElement<ToolbarItemProps> | Iterable<ReactNode> | boolean | null;
 }
 export interface ToolbarItemProps {
     id?: string;
     title: string;
-    children: ReactNode;
+    icon: ButtonProps['icon'];
     active?: boolean;
-    titleOrientation?: ToolbarItemOrientation;
     onClick?: (item: ToolbarItemProps) => void;
     className?: string;
 }

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":"AAEA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,YAAY,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAExE,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,GACrC,YAAY,CAAC,gBAAgB,CAAC,GAC9B,aAAa,GACb,OAAO,GACP,IAAI,CAAC;CACV;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IAEpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2ED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,oDAoC1C;yBApCe,OAAO"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAGL,WAAW,EAGX,MAAM,EAEP,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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;CACV;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,oDAoD1C;yBApDe,OAAO"}

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

@@ -1,81 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
+import { Button, ButtonGroup, Classes, Colors, Tooltip, } from '@blueprintjs/core';
 import { css } from '@emotion/react';
-import { useLayoutEffect, useRef, } from 'react';
-import { ToolbarProvider, useToolbarContext } from './ToolbarContext';
+import { useLayoutEffect, useMemo, useRef, } from 'react';
+import { toolbarContext, useToolbarContext, } from './toolbarContext';
 const border = '1px solid rgb(247, 247, 247)';
-const styles = {
-    toolbar: (orientation) => {
-        return css([
-            { display: 'flex', flexWrap: 'wrap' },
-            orientation === 'vertical'
-                ? {
-                    flexDirection: 'column',
-                    minHeight: '100%',
-                    borderRight: border,
-                }
-                : {
-                    flexDirection: 'row',
-                    minWidth: '100%',
-                },
-        ]);
-    },
-    item: (active) => {
-        return css([
-            active && { backgroundColor: 'rgb(247, 247, 247)', borderRadius: 5 },
-            {
-                width: 30,
-                height: 30,
-                outline: 'none',
-                alignItems: 'center',
-                justifyContent: 'center',
-                display: 'flex',
-                '&:hover + .content': { display: 'flex' },
-            },
-        ]);
-    },
-    tooltip: (orientation, itemOrientation) => {
-        const common = {
-            display: 'none',
-            position: 'absolute',
-            backgroundColor: 'gray',
-            borderRadius: '2px',
-            color: 'white',
-            bottom: '0px',
-            right: '0px',
-            width: 'fit-content',
-            height: '50%',
-            fontSize: '0.875em',
-            whiteSpace: 'nowrap',
-            paddingLeft: '3px',
-            paddingRight: '3px',
-            zIndex: 50,
-        };
-        if (itemOrientation === 'auto') {
-            return css([
-                common,
-                orientation === 'vertical' && { margin: 'auto', marginLeft: 5 },
-                orientation === 'horizontal'
-                    ? { top: '100%' }
-                    : { top: '0px', left: '100%' },
-            ]);
-        }
-        else {
-            return css([
-                common,
-                itemOrientation === 'horizontal' && { margin: 'auto', marginLeft: 5 },
-                itemOrientation === 'vertical'
-                    ? { top: '100%' }
-                    : { top: '0px', left: '100%' },
-            ]);
-        }
-    },
-};
 export function Toolbar(props) {
-    const { children, orientation } = props;
+    const { children, disabled, intent, large, vertical } = props;
+    const contextValue = useMemo(() => ({ intent, large, vertical, disabled }), [intent, large, vertical, disabled]);
     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)
+    // In Firefox: work-around needed (https://bugzilla.mozilla.org/show_bug.cgi?id=995020)
+    // In Safari: work-around needed
     useLayoutEffect(() => {
-        if (orientation === 'horizontal') {
+        if (!vertical) {
             return;
         }
         function update() {
@@ -97,20 +36,25 @@ export function Toolbar(props) {
             observer.observe(element);
             return () => observer.unobserve(element);
         }
-    }, [orientation]);
-    return (_jsx("div", { css: styles.toolbar(orientation), ref: ref, children: _jsx(ToolbarProvider, { orientation: orientation, children: children }) }));
+    }, [vertical]);
+    return (_jsx(ToolbarProvider, { value: contextValue, children: _jsx(ButtonGroup, { ref: ref, vertical: vertical, large: large, style: { flexWrap: 'wrap', borderRight: vertical ? border : undefined }, children: children }) }));
 }
 Toolbar.Item = function ToolbarItem(props) {
-    const orientation = useToolbarContext();
-    const { active = false, children, onClick, title, titleOrientation = 'auto', id, ...other } = props;
-    return (_jsxs("div", { style: { position: 'relative', padding: 4, fontSize: '1.25em' }, ...other, children: [_jsx("button", { type: "button", css: styles.item(active), onClick: () => {
-                    if (onClick) {
-                        onClick(props);
-                    }
-                }, children: children }), _jsx("div", { className: "content", css: styles.tooltip(orientation, titleOrientation), children: _jsx("span", { style: {
-                        display: 'flex',
-                        margin: 'auto',
-                        justifyContent: 'center',
-                    }, children: title }) })] }));
+    const { active = false, icon, onClick, title, id, ...other } = props;
+    const { intent, large, vertical, disabled } = useToolbarContext();
+    return (_jsx(Tooltip, { css: css `
+        flex-grow: 0 !important;
+      `, compact: !large, intent: intent, content: title, placement: vertical ? 'right' : 'bottom', children: _jsx(Button, { minimal: true, disabled: disabled, css: css `
+          .${Classes.ICON} {
+            color: ${Colors.DARK_GRAY3};
+          }
+        `, intent: intent, style: { position: 'relative', fontSize: '1.25em' }, type: "button", active: active, icon: icon, onClick: () => {
+                if (onClick) {
+                    onClick(props);
+                }
+            }, ...other }) }));
 };
+function ToolbarProvider(props) {
+    return (_jsx(toolbarContext.Provider, { value: props.value, children: props.children }));
+}
 //# sourceMappingURL=Toolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAa,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAIL,eAAe,EACf,MAAM,GACP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AA0BtE,MAAM,MAAM,GAAG,8BAA8B,CAAC;AAE9C,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,CAAC,WAA+B,EAAE,EAAE;QAC3C,OAAO,GAAG,CAAC;YACT,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;YACrC,WAAW,KAAK,UAAU;gBACxB,CAAC,CAAC;oBACE,aAAa,EAAE,QAAQ;oBACvB,SAAS,EAAE,MAAM;oBACjB,WAAW,EAAE,MAAM;iBACpB;gBACH,CAAC,CAAC;oBACE,aAAa,EAAE,KAAK;oBACpB,QAAQ,EAAE,MAAM;iBACjB;SACN,CAAC,CAAC;IACL,CAAC;IACD,IAAI,EAAE,CAAC,MAAe,EAAE,EAAE;QACxB,OAAO,GAAG,CAAC;YACT,MAAM,IAAI,EAAE,eAAe,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC,EAAE;YACpE;gBACE,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,OAAO,EAAE,MAAM;gBACf,oBAAoB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;aAC1C;SACF,CAAC,CAAC;IACL,CAAC;IACD,OAAO,EAAE,CACP,WAA+B,EAC/B,eAAuC,EACvC,EAAE;QACF,MAAM,MAAM,GAAc;YACxB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,MAAM;YACvB,YAAY,EAAE,KAAK;YACnB,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,KAAK;YAClB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,EAAE;SACX,CAAC;QAEF,IAAI,eAAe,KAAK,MAAM,EAAE;YAC9B,OAAO,GAAG,CAAC;gBACT,MAAM;gBACN,WAAW,KAAK,UAAU,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE;gBAC/D,WAAW,KAAK,YAAY;oBAC1B,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE;oBACjB,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE;aACjC,CAAC,CAAC;SACJ;aAAM;YACL,OAAO,GAAG,CAAC;gBACT,MAAM;gBACN,eAAe,KAAK,YAAY,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE;gBACrE,eAAe,KAAK,UAAU;oBAC5B,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE;oBACjB,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE;aACjC,CAAC,CAAC;SACJ;IACH,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,KAAK,YAAY,EAAE;YAChC,OAAO;SACR;QAED,SAAS,MAAM;YACb,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC;YAClD,IAAI,CAAC,WAAW,EAAE;gBAChB,OAAO;aACR;YACD,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;YACpC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACpD,MAAM,YAAY,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAC;YACzD,MAAM,KAAK,GAAG,GAAG,YAAY,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC;YACvD,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,EAAE;gBACrC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;aACjC;QACH,CAAC;QAED,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;YAC5C,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC1B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;SAC1C;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,cAAK,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,GAAG,YAC7C,KAAC,eAAe,IAAC,WAAW,EAAE,WAAW,YAAG,QAAQ,GAAmB,GACnE,CACP,CAAC;AACJ,CAAC;AAED,OAAO,CAAC,IAAI,GAAG,SAAS,WAAW,CAAC,KAAuB;IACzD,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAC;IACxC,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,OAAO,EACP,KAAK,EACL,gBAAgB,GAAG,MAAM,EACzB,EAAE,EACF,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,eACE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAC3D,KAAK,aAET,iBACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EACxB,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,EAAE;wBACX,OAAO,CAAC,KAAK,CAAC,CAAC;qBAChB;gBACH,CAAC,YAEA,QAAQ,GACF,EACT,cACE,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,gBAAgB,CAAC,YAElD,eACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,MAAM;wBACd,cAAc,EAAE,QAAQ;qBACzB,YAEA,KAAK,GACD,GACH,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Intent } from '@blueprintjs/core';
+export interface ToolbarContext {
+    intent?: Intent;
+    large?: boolean;
+    vertical?: boolean;
+    disabled?: boolean;
+}
+export declare const toolbarContext: import("react").Context<ToolbarContext | null>;
+export declare function useToolbarContext(): ToolbarContext;
+//# sourceMappingURL=toolbarContext.d.ts.map

package/lib-esm/components/toolbar/toolbarContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarContext.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/toolbarContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,gDAA6C,CAAC;AAEzE,wBAAgB,iBAAiB,mBAQhC"}

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

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const toolbarContext = createContext(null);
+export function useToolbarContext() {
+    const ctx = useContext(toolbarContext);
+    if (!ctx) {
+        throw new Error('useToolbarContext must be used within a ToolbarContextProvider');
+    }
+    return ctx;
+}
+//# sourceMappingURL=toolbarContext.js.map

package/lib-esm/components/toolbar/toolbarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarContext.js","sourceRoot":"","sources":["../../../src/components/toolbar/toolbarContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAwB,IAAI,CAAC,CAAC;AAEzE,MAAM,UAAU,iBAAiB;IAC/B,MAAM,GAAG,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACvC,IAAI,CAAC,GAAG,EAAE;QACR,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAC;KACH;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "0.27.0",
+  "version": "0.27.1-pre.1696432898",
   "description": "React components to build scientific applications UI",
   "exports": {
     "./app": {
@@ -62,6 +62,8 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
+    "@blueprintjs/core": "^5.3.2",
+    "@blueprintjs/icons": "^5.1.7",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@headlessui/react": "^1.7.16",

package/src/app/about/AboutDialogToolbarButton.tsx

@@ -1,11 +1,12 @@
+import { ButtonProps } from '@blueprintjs/core';
 import styled from '@emotion/styled';
 import { ReactNode } from 'react';
 
-import { Modal, Toolbar, useOnOff } from '../../components/index';
+import { Modal, Toolbar, useOnOff } from '../../components';
 
 interface AboutDialogToolbarButtonProps {
   name: string;
-  icon: ReactNode;
+  icon: ButtonProps['icon'];
   body: ReactNode;
 }
 
@@ -20,13 +21,7 @@ export function AboutDialogToolbarButton(props: AboutDialogToolbarButtonProps) {
 
   return (
     <>
-      <Toolbar.Item
-        titleOrientation="horizontal"
-        title={`About ${name}`}
-        onClick={openDialog}
-      >
-        {icon}
-      </Toolbar.Item>
+      <Toolbar.Item title={`About ${name}`} onClick={openDialog} icon={icon} />
       <Modal isOpen={isOpenDialog} onRequestClose={closeDialog}>
         <Modal.Header>{name}</Modal.Header>
         <Modal.Body>

package/src/app/kinds/iv/plot-view/IvPlotView.tsx

@@ -1,9 +1,8 @@
 import styled from '@emotion/styled';
-import { FaCompress } from 'react-icons/fa';
 import { PlotController } from 'react-plot';
 
-import { useAppDispatch, useAppState } from '../../../../app-data/index';
-import { Toolbar } from '../../../../components/index';
+import { useAppDispatch, useAppState } from '../../../../app-data';
+import { Toolbar } from '../../../../components';
 
 import IvMeasurementsPlot from './IvMeasurementsPlot';
 import IvPlotVariablesSelector from './IvPlotVariablesSelector';
@@ -49,10 +48,8 @@ function VerticalToolbar() {
   }
 
   return (
-    <Toolbar orientation="vertical">
-      <Toolbar.Item onClick={onZoomOut} title="Zoom out">
-        <FaCompress />
-      </Toolbar.Item>
+    <Toolbar vertical>
+      <Toolbar.Item onClick={onZoomOut} title="Zoom out" icon="zoom-out" />
     </Toolbar>
   );
 }

package/src/components/fullscreen/FullscreenToolbarButton.tsx

@@ -1,14 +1,10 @@
-import { FaExpand } from 'react-icons/fa';
-
-import { Toolbar } from '../toolbar/Toolbar';
+import { Toolbar } from '../toolbar';
 
 import { useFullscreen } from './FullscreenContext';
 
 export function FullscreenToolbarButton() {
   const { toggle } = useFullscreen();
   return (
-    <Toolbar.Item title="Full screen" onClick={toggle}>
-      <FaExpand />
-    </Toolbar.Item>
+    <Toolbar.Item icon="fullscreen" title="Full screen" onClick={toggle} />
   );
 }

package/src/components/modal/ConfirmModal.tsx

@@ -24,7 +24,9 @@ interface ConfirmModalProps {
 
 const ConfirmModalDialog = styled.dialog`
   background-color: transparent;
-
+  :focus {
+    outline: none;
+  }
   ::backdrop {
     background-color: rgba(113, 113, 122, 0.75);
   }

package/src/components/root-layout/RootLayout.tsx

@@ -1,12 +1,15 @@
+import { FocusStyleManager } from '@blueprintjs/core';
 import { QueryClientProvider } from '@tanstack/react-query';
-import { ReactNode, CSSProperties, useState, useCallback } from 'react';
+import { CSSProperties, ReactNode, useCallback, useState } from 'react';
 
-import { AccordionProvider } from '../accordion/AccordionContext';
+import { AccordionProvider } from '../accordion';
 
 import { RootLayoutProvider } from './RootLayoutContext';
 import { CustomDivPreflight } from './css-reset/customPreflight';
 import { queryClient } from './queryClient';
 
+FocusStyleManager.onlyShowFocusOnTabs();
+
 interface RootLayoutProps {
   style?: CSSProperties;
   children: ReactNode;

package/src/components/split-pane/SplitPane.tsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
 import {
-  MouseEvent as ReactMouseEvent,
+  PointerEvent as ReactPointerEvent,
   createContext,
   CSSProperties,
   ReactNode,
@@ -114,7 +114,7 @@ export function SplitPane(props: SplitPaneProps) {
   }, [closePane, closed, openPane]);
 
   const splitterRef = useRef<HTMLDivElement>(null);
-  const { onMouseDown } = useSplitPaneSize({
+  const { onPointerDown } = useSplitPaneSize({
     controlledSide,
     direction,
     splitterRef,
@@ -183,7 +183,7 @@ export function SplitPane(props: SplitPaneProps) {
 
       <Splitter
         onDoubleClick={handleToggle}
-        onMouseDown={isFinalClosed ? undefined : onMouseDown}
+        onPointerDown={isFinalClosed ? undefined : onPointerDown}
         isFinalClosed={isFinalClosed}
         direction={direction}
         splitterRef={splitterRef}
@@ -196,19 +196,24 @@ export function SplitPane(props: SplitPaneProps) {
 
 interface SplitterProps {
   onDoubleClick: () => void;
-  onMouseDown?: (event: ReactMouseEvent) => void;
+  onPointerDown?: (event: ReactPointerEvent) => void;
   direction: SplitPaneDirection;
   isFinalClosed: boolean;
   splitterRef: RefObject<HTMLDivElement>;
 }
 
 function Splitter(props: SplitterProps) {
-  const { onDoubleClick, onMouseDown, direction, isFinalClosed, splitterRef } =
-    props;
+  const {
+    onDoubleClick,
+    onPointerDown,
+    direction,
+    isFinalClosed,
+    splitterRef,
+  } = props;
   return (
     <div
       onDoubleClick={onDoubleClick}
-      onMouseDown={onMouseDown}
+      onPointerDown={onPointerDown}
       css={getSeparatorStyle(direction, !isFinalClosed)}
       ref={splitterRef}
     >
@@ -298,6 +303,7 @@ function getSeparatorStyle(direction: SplitPaneDirection, enabled: boolean) {
       alignItems: 'center',
       userSelect: 'none',
       minWidth: 11,
+      touchAction: 'none',
       ':hover': {
         backgroundColor: 'rgb(223, 223, 223)',
       },

package/src/components/split-pane/useSplitPaneSize.tsx

@@ -26,9 +26,9 @@ export function useSplitPaneSize(options: UseSplitPaneSizeOptions) {
     onResize,
   } = options;
 
-  function mouseDownCallback() {
+  function downCallback() {
     let lastSize: [number, SplitPaneType] | null = null;
-    function onMouseMove(event: MouseEvent) {
+    function moveCallback(event: PointerEvent) {
       if (!splitterRef.current) return;
       const { clientX, clientY } = event;
       const parentDiv = splitterRef.current.parentElement as HTMLDivElement;
@@ -69,20 +69,20 @@ export function useSplitPaneSize(options: UseSplitPaneSizeOptions) {
       }
     }
 
-    function mouseUpCallback() {
-      window.removeEventListener('mousemove', onMouseMove);
-      window.removeEventListener('mouseup', mouseUpCallback);
+    function upCallback() {
+      window.removeEventListener('pointermove', moveCallback);
+      window.removeEventListener('pointerup', upCallback);
       if (lastSize && onResize) {
         onResize(`${lastSize[0]}${lastSize[1]}`);
       }
     }
 
-    window.addEventListener('mousemove', onMouseMove);
-    window.addEventListener('mouseup', mouseUpCallback);
+    window.addEventListener('pointermove', moveCallback);
+    window.addEventListener('pointerup', upCallback);
   }
 
   return {
-    onMouseDown: mouseDownCallback,
+    onPointerDown: downCallback,
   };
 }
 

package/src/components/tabs/Tabs.tsx

@@ -165,6 +165,7 @@ function TabsHorizontal<T extends string = string>(
           flexDirection: 'row',
           borderBottom: '1px solid hsl(0deg, 0%, 80%)',
           overflowX: 'auto',
+          overflowY: 'hidden',
         }}
         css={styles.scroll}
       >