react-science 3.1.0 → 4.1.0

package/lib-esm/components/logger/FifoLoggerToolbarItem.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useOnOff } from '../hooks';
+import { Toolbar } from '../toolbar';
+import { FifoLoggerDialog } from './FifoLoggerDialog';
+import { useFifoLogs } from './useFifoLogger';
+export function FifoLoggerToolbarItem() {
+    const [seen, setSeen] = useState(0);
+    const [isOpen, open, close] = useOnOff(false);
+    const logs = useFifoLogs();
+    const unseen = logs.length - seen;
+    return (_jsxs(_Fragment, { children: [_jsx(Toolbar.Item, { icon: "bug", tooltip: "Logs", onClick: open, tag: unseen > 0 ? unseen : undefined, tagProps: {
+                    intent: getIntent(logs),
+                    style: {
+                        pointerEvents: 'none',
+                    },
+                } }), _jsx(FifoLoggerDialog, { isOpen: isOpen, unseen: unseen, onClose: () => {
+                    setSeen(logs.length);
+                    close();
+                }, logs: logs })] }));
+}
+function getIntent(logs) {
+    const maxLevel = Math.max(...logs.map((log) => log.level));
+    return intentMap[maxLevel || 0];
+}
+const intentMap = {
+    60: 'danger',
+    50: 'danger',
+    40: 'warning',
+    30: 'success',
+    20: 'none',
+    10: 'none',
+    0: 'none',
+};
+//# sourceMappingURL=FifoLoggerToolbarItem.js.map

package/lib-esm/components/logger/FifoLoggerToolbarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FifoLoggerToolbarItem.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerToolbarItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,UAAU,qBAAqB;IACnC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAE3B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,CACL,8BACE,KAAC,OAAO,CAAC,IAAI,IACX,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,IAAI,EACb,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAE;oBACR,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC;oBACvB,KAAK,EAAE;wBACL,aAAa,EAAE,MAAM;qBACtB;iBACF,GACD,EACF,KAAC,gBAAgB,IACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;oBACrB,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,IAAI,GACV,IACD,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,IAAgB;IACjC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACvB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CACX,CAAC;IACvB,OAAO,SAAS,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;AAClC,CAAC;AAED,MAAM,SAAS,GAAsC;IACnD,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,CAAC,EAAE,MAAM;CACV,CAAC"}

package/lib-esm/components/logger/index.d.ts

@@ -0,0 +1,5 @@
+export * from './FifoLoggerProvider';
+export * from './FifoLoggerDialog';
+export * from './FifoLoggerToolbarItem';
+export * from './useFifoLogger';
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/logger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/logger/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC"}

package/lib-esm/components/logger/index.js

@@ -0,0 +1,5 @@
+export * from './FifoLoggerProvider';
+export * from './FifoLoggerDialog';
+export * from './FifoLoggerToolbarItem';
+export * from './useFifoLogger';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/logger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/logger/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC"}

package/lib-esm/components/logger/loggerContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { FifoLogger } from 'fifo-logger';
+export declare const fifoLoggerContext: import("react").Context<FifoLogger | null>;
+//# sourceMappingURL=loggerContext.d.ts.map

package/lib-esm/components/logger/loggerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loggerContext.d.ts","sourceRoot":"","sources":["../../../src/components/logger/loggerContext.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,eAAO,MAAM,iBAAiB,4CAAyC,CAAC"}

package/lib-esm/components/logger/loggerContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const fifoLoggerContext = createContext(null);
+//# sourceMappingURL=loggerContext.js.map

package/lib-esm/components/logger/loggerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loggerContext.js","sourceRoot":"","sources":["../../../src/components/logger/loggerContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAoB,IAAI,CAAC,CAAC"}

package/lib-esm/components/logger/useFifoLogger.d.ts

@@ -0,0 +1,3 @@
+export declare function useFifoLogger(): import("fifo-logger").FifoLogger;
+export declare function useFifoLogs(): import("fifo-logger").LogEntry[];
+//# sourceMappingURL=useFifoLogger.d.ts.map

package/lib-esm/components/logger/useFifoLogger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFifoLogger.d.ts","sourceRoot":"","sources":["../../../src/components/logger/useFifoLogger.ts"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,qCAM5B;AAED,wBAAgB,WAAW,qCAS1B"}

package/lib-esm/components/logger/useFifoLogger.js

@@ -0,0 +1,20 @@
+import { useContext, useEffect, useState } from 'react';
+import { fifoLoggerContext } from './loggerContext';
+export function useFifoLogger() {
+    const fifoLogger = useContext(fifoLoggerContext);
+    if (!fifoLogger) {
+        throw new Error('useFifoLogger must be used within a FifoLoggerProvider');
+    }
+    return fifoLogger;
+}
+export function useFifoLogs() {
+    const logger = useFifoLogger();
+    const [logs, setLogs] = useState(logger.getLogs());
+    useEffect(() => {
+        logger.addEventListener('change', () => {
+            setLogs(logger.getLogs());
+        });
+    }, [logger]);
+    return logs;
+}
+//# sourceMappingURL=useFifoLogger.js.map

package/lib-esm/components/logger/useFifoLogger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFifoLogger.js","sourceRoot":"","sources":["../../../src/components/logger/useFifoLogger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,UAAU,aAAa;IAC3B,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;IAC5E,CAAC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACrC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,IAAI,CAAC;AACd,CAAC"}

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

@@ -5,12 +5,13 @@ export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
     compact?: boolean;
     interactive?: boolean;
     striped?: boolean;
-    hasBorder?: boolean;
     color?: string;
 }
 export declare function Table(props: TableProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare namespace Table {
-    var Row: ({ children, style, hasBorder, ...other }: import("./TableRow").TableRowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    var Header: ({ children, hasBorder, style }: TableProps) => import("react/jsx-runtime").JSX.Element;
+    var Row: ({ children, style, bordered, ...other }: import("./TableRow").TableRowProps) => import("react/jsx-runtime").JSX.Element;
+    var Header: ({ children, bordered, style, sticky, }: TableProps & {
+        sticky?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
 }
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,SAAS,EAEV,MAAM,OAAO,CAAC;AAsBf,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,oDA+BtC;yBA/Be,KAAK"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,SAAS,EAEV,MAAM,OAAO,CAAC;AAsBf,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,oDA2BtC;yBA3Be,KAAK"}

package/lib-esm/components/table/Table.js

@@ -25,9 +25,9 @@ function splitChildren(children) {
     return { Rows, Header };
 }
 export function Table(props) {
-    const { hasBorder = false, bordered = false, compact = false, interactive = false, striped = false, color = '', children, ...tableProps } = props;
+    const { bordered = false, compact = false, interactive = false, striped = false, color = '', children, ...tableProps } = props;
     const { Header, Rows } = splitChildren(children);
-    const tableContextValue = useMemo(() => ({ hasBorder, color }), [hasBorder, color]);
+    const tableContextValue = useMemo(() => ({ color }), [color]);
     return (_jsx(TableContext.Provider, { value: tableContextValue, children: _jsxs(HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [Header, _jsx("tbody", { children: Rows })] }) }));
 }
 Table.Row = TableRow;

package/lib-esm/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,QAAQ,EACR,cAAc,EAGd,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,SAAS,aAAa,CAAC,QAAmB;IACxC,MAAM,IAAI,GAAmB,EAAE,CAAC;IAChC,IAAI,MAAM,GAAwB,IAAI,CAAC;IACvC,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YACxD,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;YACtC,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC1B,CAAC;AAWD,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEjD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAC5B,CAAC,SAAS,EAAE,KAAK,CAAC,CACnB,CAAC;IACF,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAC7C,MAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEb,MAAM,EACP,0BAAQ,IAAI,GAAS,IACX,GACU,CACzB,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC;AACrB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,QAAQ,EACR,cAAc,EAGd,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,SAAS,aAAa,CAAC,QAAmB;IACxC,MAAM,IAAI,GAAmB,EAAE,CAAC;IAChC,IAAI,MAAM,GAAwB,IAAI,CAAC;IACvC,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YACxD,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;YACtC,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC1B,CAAC;AAUD,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEjD,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAC7C,MAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEb,MAAM,EACP,0BAAQ,IAAI,GAAS,IACX,GACU,CACzB,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC;AACrB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC"}

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

@@ -1,3 +1,5 @@
 import type { TableProps } from './Table';
-export declare const TableHeader: ({ children, hasBorder, style }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeader: ({ children, bordered, style, sticky, }: TableProps & {
+    sticky?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TableHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,WAAW,mCAAoC,UAAU,4CAQrE,CAAC"}
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAU1C,eAAO,MAAM,WAAW,2CAKrB,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,4CAQnC,CAAC"}

package/lib-esm/components/table/TableHeader.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TableRow } from './TableRow';
-export const TableHeader = ({ children, hasBorder, style }) => {
-    return (_jsx("thead", { children: _jsx(TableRow, { hasBorder: hasBorder, style: style, children: children }) }));
+const headerStyle = {
+    position: 'sticky',
+    top: 0,
+    zIndex: 10,
+    backgroundColor: 'white',
+};
+export const TableHeader = ({ children, bordered, style, sticky, }) => {
+    return (_jsx("thead", { style: sticky ? headerStyle : undefined, children: _jsx(TableRow, { bordered: bordered, style: style, children: children }) }));
 };
 //# sourceMappingURL=TableHeader.js.map

package/lib-esm/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAc,EAAE,EAAE;IACxE,OAAO,CACL,0BACE,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YACzC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,WAAW,GAAwB;IACvC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GAC4B,EAAE,EAAE;IACtC,OAAO,CACL,gBAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YACvC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
 import type { TableProps } from './Table';
 export type TableRowProps = TableProps & HTMLAttributes<HTMLTableRowElement>;
-export declare const TableRow: ({ children, style, hasBorder, ...other }: TableRowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TableRow: ({ children, style, bordered, ...other }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TableRow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,cAAc,EAIf,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAc7E,eAAO,MAAM,QAAQ,6CAKlB,aAAa,qDAUf,CAAC"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAIf,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAE7E,eAAO,MAAM,QAAQ,4CAKlB,aAAa,4CAUf,CAAC"}

package/lib-esm/components/table/TableRow.js

@@ -1,27 +1,14 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Children, isValidElement, } from 'react';
 import { Boolean, Color, Component, Header, Number, Object, Text, } from '../value-renderers';
 import { useTableContext } from './tableContext';
-const styles = {
-    hasBorder: css({
-        border: '0.5px solid rgb(0, 0, 0)',
-        padding: '5px',
-        position: 'relative',
-    }),
-    noBorder: css({
-        padding: '5px',
-        position: 'relative',
-    }),
-};
-export const TableRow = ({ children, style = {}, hasBorder = false, ...other }) => {
+export const TableRow = ({ children, style = {}, bordered = false, ...other }) => {
     const { cells } = useRowChildren(children);
-    return (_jsx("tr", { style: { border: hasBorder ? '1px solid black' : '', ...style }, ...other, children: cells }));
+    return (_jsx("tr", { style: { border: bordered ? '1px solid black' : '', ...style }, ...other, children: cells }));
 };
 function useRowChildren(children) {
     const cells = [];
-    const { hasBorder, color } = useTableContext();
+    const { color } = useTableContext();
     for (const child of Children.toArray(children)) {
         if (typeof child === 'object' &&
             isValidElement(child) &&
@@ -33,13 +20,13 @@ function useRowChildren(children) {
                 child.type === Header ||
                 child.type === Component)) {
             if (child.type === Header) {
-                cells.push(_jsx("th", { style: { color }, css: hasBorder ? styles.hasBorder : styles.noBorder, children: child }, child.key));
+                cells.push(_jsx("th", { style: { color }, children: child }, child.key));
             }
             else {
                 cells.push(_jsx("td", { style: {
                         color,
                         position: 'relative',
-                    }, css: hasBorder ? styles.hasBorder : styles.noBorder, children: child }, child.key));
+                    }, children: child }, child.key));
             }
         }
         else {

package/lib-esm/components/table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EACL,QAAQ,EAER,cAAc,GAGf,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,GACL,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,MAAM,MAAM,GAAG;IACb,SAAS,EAAE,GAAG,CAAC;QACb,MAAM,EAAE,0BAA0B;QAClC,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,UAAU;KACrB,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC;QACZ,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,UAAU;KACrB,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CACL,aACE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,KAC3D,KAAK,YAER,KAAK,GACH,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,cAAc,CAAC,QAAmB;IACzC,MAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAC/C,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,cAAc,CAAC,KAAK,CAAC;YACrB,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK;gBACnB,KAAK,CAAC,IAAI,KAAK,OAAO;gBACtB,KAAK,CAAC,IAAI,KAAK,IAAI;gBACnB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,EAC3B,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CACR,aAEE,KAAK,EAAE,EAAE,KAAK,EAAE,EAChB,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,YAElD,KAAK,IAJD,KAAK,CAAC,GAAG,CAKX,CACN,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CACR,aAEE,KAAK,EAAE;wBACL,KAAK;wBACL,QAAQ,EAAE,UAAU;qBACrB,EACD,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,YAElD,KAAK,IAPD,KAAK,CAAC,GAAG,CAQX,CACN,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;YAC3C,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,CAAC;AACnB,CAAC"}
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EAER,cAAc,GAGf,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,GACL,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CACL,aACE,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,KAC1D,KAAK,YAER,KAAK,GACH,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,cAAc,CAAC,QAAmB;IACzC,MAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IACpC,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,cAAc,CAAC,KAAK,CAAC;YACrB,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK;gBACnB,KAAK,CAAC,IAAI,KAAK,OAAO;gBACtB,KAAK,CAAC,IAAI,KAAK,IAAI;gBACnB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,EAC3B,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CACR,aAAoB,KAAK,EAAE,EAAE,KAAK,EAAE,YACjC,KAAK,IADC,KAAK,CAAC,GAAG,CAEb,CACN,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CACR,aAEE,KAAK,EAAE;wBACL,KAAK;wBACL,QAAQ,EAAE,UAAU;qBACrB,YAEA,KAAK,IAND,KAAK,CAAC,GAAG,CAOX,CACN,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;YAC3C,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,CAAC;AACnB,CAAC"}

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

@@ -1,10 +1,8 @@
 /// <reference types="react" />
 export declare const TableContext: import("react").Context<{
-    hasBorder: boolean;
     color: string;
 }>;
 export declare function useTableContext(): {
-    hasBorder: boolean;
     color: string;
 };
 //# sourceMappingURL=tableContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tableContext.d.ts","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,YAAY;;;EAAgD,CAAC;AAC1E,wBAAgB,eAAe;;;EAG9B"}
+{"version":3,"file":"tableContext.d.ts","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,YAAY;;EAA+B,CAAC;AACzD,wBAAgB,eAAe;;EAG9B"}

package/lib-esm/components/table/tableContext.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from 'react';
-export const TableContext = createContext({ hasBorder: true, color: '' });
+export const TableContext = createContext({ color: '' });
 export function useTableContext() {
     const context = useContext(TableContext);
     return context;

package/lib-esm/components/table/tableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AAC1E,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AACzD,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,OAAO,CAAC;AACjB,CAAC"}

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

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+export interface TooltipItem {
+    title: string;
+    shortcuts?: string[];
+    subTitles?: Array<Pick<TooltipItem, 'title' | 'shortcuts'>>;
+    description?: string;
+    link?: string;
+    style?: CSSProperties;
+}
+export declare function TooltipHelpContent(props: TooltipItem): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TooltipHelpContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipHelpContent.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/TooltipHelpContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA6EtC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,2CA0CpD"}

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

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+const shortcutBoxSize = 1.5;
+const FlexContainer = styled.div `
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: center;
+`;
+const Title = styled.span `
+  font-size: ${({ size }) => size};
+  flex: 1;
+  padding: 5px 0;
+  text-align: left;
+`;
+const Description = styled.p `
+  padding-top: 1rem;
+  font-size: 0.7rem;
+  text-align: left;
+`;
+const ShortcutItem = styled.div `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0.2rem;
+  border: 1px solid;
+  border-radius: 4px;
+  height: ${shortcutBoxSize}rem;
+  min-width: ${shortcutBoxSize}rem;
+  margin-left: 5px;
+  font-size: 0.75rem;
+  font-weight: bold;
+`;
+const SubTitleItem = styled.div `
+  position: relative;
+  padding-left: 15px;
+  box-sizing: border-box;
+
+  &::before {
+    position: absolute;
+    top: ${shortcutBoxSize / 2}rem;
+    left: 0;
+    width: 10px;
+    height: 1px;
+    margin: auto;
+    content: '';
+    border-bottom: 1px solid;
+  }
+
+  &::after {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 1px;
+    height: 100%;
+    content: '';
+    border-left: 1px solid;
+  }
+
+  &:last-child::after {
+    height: ${shortcutBoxSize / 2}rem;
+  }
+
+  &:first-child {
+    margin: 0;
+  }
+`;
+export function TooltipHelpContent(props) {
+    const { title, shortcuts = [], subTitles = [], description = '', link, style = {}, } = props;
+    return (_jsxs("div", { style: {
+            color: 'white',
+            width: '250px',
+            padding: '0.5rem',
+            ...style,
+        }, children: [_jsxs(FlexContainer, { children: [_jsx(Title, { size: "0.9rem", children: title }), _jsx(ShortCuts, { shortcuts: shortcuts })] }), _jsx(SubTitles, { items: subTitles }), (description || link) && (_jsxs(Description, { children: [description, link && (_jsx("a", { style: description ? { paddingLeft: '5px' } : {}, target: "_blank", href: link, rel: "noreferrer", children: "Learn more" }))] }))] }));
+}
+function ShortCuts({ shortcuts }) {
+    return (_jsx("div", { style: {
+            display: 'flex',
+            textWrap: 'nowrap',
+        }, children: shortcuts.map((key) => {
+            return (_jsx(ShortcutItem, { children: _jsx("span", { children: key }) }, key));
+        }) }));
+}
+function SubTitles({ items }) {
+    if (!items || items.length === 0) {
+        return null;
+    }
+    return (_jsx("ul", { style: {
+            paddingLeft: '5px',
+            listStyle: 'none',
+        }, children: items.map(({ shortcuts = [], title }) => (_jsx(SubTitleItem, { children: _jsxs(FlexContainer, { children: [_jsx(Title, { size: "0.7rem", children: title }), _jsx(ShortCuts, { shortcuts: shortcuts })] }) }, title))) }));
+}
+//# sourceMappingURL=TooltipHelpContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipHelpContent.js","sourceRoot":"","sources":["../../../src/components/toolbar/TooltipHelpContent.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC;AAMF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAY;eACtB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI;;;;CAIhC,CAAC;AACF,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAA;;;;CAI3B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;YAOnB,eAAe;eACZ,eAAe;;;;CAI7B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;WAOpB,eAAe,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;cAqBhB,eAAe,GAAG,CAAC;;;;;;CAMhC,CAAC;AAWF,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACnD,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,KAAK,GAAG,EAAE,GACX,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,eACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,QAAQ;YACjB,GAAG,KAAK;SACT,aAED,MAAC,aAAa,eACZ,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,GAAS,EACpC,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,IACrB,EAChB,KAAC,SAAS,IAAC,KAAK,EAAE,SAAS,GAAI,EAE9B,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CACxB,MAAC,WAAW,eACT,WAAW,EACX,IAAI,IAAI,CACP,YACE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAChD,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,YAAY,2BAGd,CACL,IACW,CACf,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAA2B;IACvD,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;SACnB,YAEA,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACrB,OAAO,CACL,KAAC,YAAY,cACX,yBAAO,GAAG,GAAQ,IADD,GAAG,CAEP,CAChB,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,KAAK,EAA4B;IACpD,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,aACE,KAAK,EAAE;YACL,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,MAAM;SAClB,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACxC,KAAC,YAAY,cACX,MAAC,aAAa,eACZ,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,GAAS,EACpC,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,IACrB,IAJC,KAAK,CAKT,CAChB,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

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

@@ -1,3 +1,4 @@
 export * from './Toolbar';
 export * from './PanelPreferencesToolbar';
+export * from './TooltipHelpContent';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC"}

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

@@ -1,3 +1,4 @@
 export * from './Toolbar';
 export * from './PanelPreferencesToolbar';
+export * from './TooltipHelpContent';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "3.1.0",
+  "version": "4.1.0",
   "description": "React components to build scientific applications UI",
   "exports": {
     "./app": {
@@ -60,6 +60,7 @@
   "peerDependencies": {
     "@blueprintjs/core": "^5.3.2",
     "@blueprintjs/icons": "^5.1.7",
+    "fifo-logger": "^1.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
@@ -67,12 +68,10 @@
     "@blueprintjs/select": "^5.1.2",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
-    "@headlessui/react": "^1.7.18",
     "@lukeed/uuid": "^2.0.1",
     "@popperjs/core": "^2.11.8",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-select": "^2.0.0",
     "@tanstack/react-query": "^5.28.4",
     "@tanstack/react-table": "^8.13.2",
     "biologic-converter": "^0.6.0",
@@ -80,18 +79,18 @@
     "d3-scale-chromatic": "^3.1.0",
     "filelist-utils": "^1.11.0",
     "immer": "^10.0.4",
-    "jcampconverter": "^9.6.3",
+    "jcampconverter": "^9.6.4",
     "lodash": "^4.17.21",
     "ml-gsd": "^12.1.6",
     "ml-peak-shape-generator": "^4.1.2",
     "ml-signal-processing": "^1.0.4",
-    "ml-spectra-processing": "^14.2.2",
-    "ms-spectrum": "^3.4.4",
+    "ml-spectra-processing": "^14.5.0",
+    "ms-spectrum": "^3.5.2",
     "netcdfjs": "^3.0.0",
     "react-d3-utils": "^1.0.0",
     "react-dropzone": "^14.2.3",
     "react-error-boundary": "^4.0.13",
-    "react-icons": "^5.0.1",
+    "react-icons": "^5.2.1",
     "react-inspector": "^6.0.2",
     "react-kbs": "^2.1.1",
     "react-plot": "^1.4.2",
@@ -109,11 +108,13 @@
     "@blueprintjs/icons": "^5.8.0",
     "@playwright/experimental-ct-react": "^1.42.1",
     "@playwright/test": "^1.42.1",
-    "@storybook/addon-essentials": "^8.0.0",
-    "@storybook/addon-storysource": "^8.0.0",
-    "@storybook/blocks": "^8.0.0",
-    "@storybook/react": "^8.0.0",
-    "@storybook/react-vite": "^8.0.0",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-select": "^2.0.0",
+    "@storybook/addon-essentials": "^8.1.2",
+    "@storybook/addon-storysource": "^8.1.2",
+    "@storybook/blocks": "^8.1.2",
+    "@storybook/react": "^8.1.2",
+    "@storybook/react-vite": "^8.1.2",
     "@types/babel__core": "^7.20.5",
     "@types/d3-scale-chromatic": "^3.0.3",
     "@types/lodash": "^4.17.0",
@@ -128,12 +129,13 @@
     "eslint": "^8.57.0",
     "eslint-config-zakodium": "^8.1.0",
     "eslint-plugin-storybook": "^0.8.0",
+    "fifo-logger": "^1.0.0",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-ocl": "^6.1.0",
     "rimraf": "^5.0.5",
-    "storybook": "^8.0.0",
+    "storybook": "^8.1.2",
     "typescript": "^5.4.2",
     "vite": "^5.1.6",
     "vitest": "^1.4.0"

package/src/app/hooks/file-loading.ts

@@ -1,22 +1,25 @@
-import { UseQueryResult, useQuery } from '@tanstack/react-query';
+import { useQuery, UseQueryResult } from '@tanstack/react-query';
+import type { FifoLogger } from 'fifo-logger';
 import { FileCollection, fileCollectionFromWebSource } from 'filelist-utils';
 import { useCallback } from 'react';
 
-import { AppDispatch, useAppDispatch } from '../../app-data/index';
-import { useHashSearchParams } from '../../components/index';
+import { AppDispatch, useAppDispatch } from '../../app-data';
+import { useFifoLogger, useHashSearchParams } from '../../components';
 
 type LoadFn = (
   files: File[] | FileCollection,
+  logger: FifoLogger,
   dispatch: AppDispatch,
 ) => Promise<void>;
 
 export function useLoadFileCollectionFromHash(
   onLoad: LoadFn,
 ): UseQueryResult<true | null> {
+  const logger = useFifoLogger();
   const appDispatch = useAppDispatch();
   const hashParams = useHashSearchParams();
   const filelistUrl = hashParams.get('filelist');
-  const query = useQuery({
+  return useQuery({
     queryKey: ['filelist', filelistUrl],
     queryFn: async () => {
       if (!filelistUrl) {
@@ -29,20 +32,19 @@ export function useLoadFileCollectionFromHash(
         entries: data,
         baseURL,
       });
-      void onLoad(fileCollection, appDispatch);
+      void onLoad(fileCollection, logger, appDispatch);
       return true;
     },
   });
-  return query;
 }
 
 export function useDropFiles(onLoad: LoadFn) {
   const dispatch = useAppDispatch();
-  const onDrop = useCallback(
+  const logger = useFifoLogger();
+  return useCallback(
     (files: File[]) => {
-      void onLoad(files, dispatch);
+      void onLoad(files, logger, dispatch);
     },
-    [dispatch, onLoad],
+    [dispatch, onLoad, logger],
   );
-  return onDrop;
 }

package/src/app/panels/SignalProcessingPanel.tsx

@@ -47,7 +47,7 @@ export function SignalProcessingPanel(props: SignalProcessingPanelProps) {
           <ValueRenderers.Header value="Options" />
         </Table.Header>
         {filters.map(({ name, options }, i) => (
-          <Table.Row key={name} hasBorder>
+          <Table.Row key={name} bordered>
             <ValueRenderers.Component>
               <div style={{ display: 'flex', gap: '3px' }}>
                 <Button