react-science 3.1.0 → 4.1.0

package/lib/components/logger/FifoLoggerDialog.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FifoLoggerDialog = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+const core_1 = require("@blueprintjs/core");
+const react_1 = require("@emotion/react");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const index_1 = require("../index");
+const ActionsFooter = styled_1.default.div `
+  display: flex;
+  gap: 3px;
+`;
+const RowIndexCell = styled_1.default.div `
+  ::before {
+    content: '';
+    display: inline-block;
+    width: 10px;
+    height: 10px;
+    margin-right: 5px;
+    border-radius: 7px;
+    filter: brightness(60%);
+    background-color: ${({ pillColor }) => pillColor};
+  }
+`;
+function FifoLoggerDialog(props) {
+    const logger = (0, index_1.useFifoLogger)();
+    return ((0, jsx_runtime_1.jsxs)(core_1.Dialog, { shouldReturnFocusOnClose: false, isOpen: props.isOpen, onClose: props.onClose, title: "Logs", icon: "info-sign", css: (0, react_1.css) `
+        min-width: 800px;
+        min-height: 500px;
+        max-height: 80vh;
+        max-width: 1000px;
+      `, children: [(0, jsx_runtime_1.jsx)(core_1.DialogBody, { children: (0, jsx_runtime_1.jsxs)(index_1.Table, { compact: true, bordered: true, css: (0, react_1.css) `
+            width: 100%;
+          `, children: [(0, jsx_runtime_1.jsxs)(index_1.Table.Header, { children: [(0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Header, { value: "#" }), (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Header, { value: "Time" }), (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Header, { value: "Level" }), (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Header, { value: "Message" })] }), props.logs.map((logEntry, idx) => ((0, jsx_runtime_1.jsxs)(index_1.Table.Row, { style: {
+                                backgroundColor: rowBackgroundColor[logEntry.levelLabel],
+                            }, children: [(0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Component, { children: (0, jsx_runtime_1.jsx)(RowIndexCell, { pillColor: idx >= props.unseen
+                                            ? 'transparent'
+                                            : rowBackgroundColor[logEntry.levelLabel], children: String(idx + 1) }) }), (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Text, { value: new Date(logEntry.time).toLocaleTimeString() }), (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Text, { value: logEntry.levelLabel }), (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Text, { value: logEntry.message })] }, logEntry.id)))] }) }), (0, jsx_runtime_1.jsx)(core_1.DialogFooter, { actions: (0, jsx_runtime_1.jsxs)(ActionsFooter, { children: [(0, jsx_runtime_1.jsx)(index_1.Button, { outlined: true, intent: "danger", icon: "trash", text: "Clear logs", onClick: () => logger.clear() }), (0, jsx_runtime_1.jsx)(index_1.Button, { outlined: true, intent: "none", text: "Close", onClick: props.onClose })] }) })] }));
+}
+exports.FifoLoggerDialog = FifoLoggerDialog;
+// "fatal" | "error" | "warn" | "info" | "debug" | "trace" | "silent"
+const rowBackgroundColor = {
+    fatal: 'pink',
+    error: 'pink',
+    warn: 'lightyellow',
+    info: 'lightgreen',
+    debug: 'lightgrey',
+    trace: 'lightgrey',
+    silent: 'lightgrey',
+};
+//# sourceMappingURL=FifoLoggerDialog.js.map

package/lib/components/logger/FifoLoggerDialog.js.map

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

package/lib/components/logger/FifoLoggerProvider.d.ts

@@ -0,0 +1,7 @@
+import type { FifoLogger } from 'fifo-logger';
+import { ReactNode } from 'react';
+export declare function FifoLoggerProvider(props: {
+    logger: FifoLogger;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FifoLoggerProvider.d.ts.map

package/lib/components/logger/FifoLoggerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FifoLoggerProvider.d.ts","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAMA"}

package/lib/components/logger/FifoLoggerProvider.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FifoLoggerProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const loggerContext_1 = require("./loggerContext");
+function FifoLoggerProvider(props) {
+    return ((0, jsx_runtime_1.jsx)(loggerContext_1.fifoLoggerContext.Provider, { value: props.logger, children: props.children }));
+}
+exports.FifoLoggerProvider = FifoLoggerProvider;
+//# sourceMappingURL=FifoLoggerProvider.js.map

package/lib/components/logger/FifoLoggerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FifoLoggerProvider.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerProvider.tsx"],"names":[],"mappings":";;;;AAGA,mDAAoD;AAEpD,SAAgB,kBAAkB,CAAC,KAGlC;IACC,OAAO,CACL,uBAAC,iCAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,YAC5C,KAAK,CAAC,QAAQ,GACY,CAC9B,CAAC;AACJ,CAAC;AATD,gDASC"}

package/lib/components/logger/FifoLoggerToolbarItem.d.ts

@@ -0,0 +1,2 @@
+export declare function FifoLoggerToolbarItem(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FifoLoggerToolbarItem.d.ts.map

package/lib/components/logger/FifoLoggerToolbarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FifoLoggerToolbarItem.d.ts","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerToolbarItem.tsx"],"names":[],"mappings":"AAUA,wBAAgB,qBAAqB,4CA+BpC"}

package/lib/components/logger/FifoLoggerToolbarItem.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FifoLoggerToolbarItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+const toolbar_1 = require("../toolbar");
+const FifoLoggerDialog_1 = require("./FifoLoggerDialog");
+const useFifoLogger_1 = require("./useFifoLogger");
+function FifoLoggerToolbarItem() {
+    const [seen, setSeen] = (0, react_1.useState)(0);
+    const [isOpen, open, close] = (0, hooks_1.useOnOff)(false);
+    const logs = (0, useFifoLogger_1.useFifoLogs)();
+    const unseen = logs.length - seen;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(toolbar_1.Toolbar.Item, { icon: "bug", tooltip: "Logs", onClick: open, tag: unseen > 0 ? unseen : undefined, tagProps: {
+                    intent: getIntent(logs),
+                    style: {
+                        pointerEvents: 'none',
+                    },
+                } }), (0, jsx_runtime_1.jsx)(FifoLoggerDialog_1.FifoLoggerDialog, { isOpen: isOpen, unseen: unseen, onClose: () => {
+                    setSeen(logs.length);
+                    close();
+                }, logs: logs })] }));
+}
+exports.FifoLoggerToolbarItem = FifoLoggerToolbarItem;
+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/components/logger/FifoLoggerToolbarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FifoLoggerToolbarItem.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerToolbarItem.tsx"],"names":[],"mappings":";;;;AAEA,iCAAiC;AAEjC,oCAAoC;AACpC,wCAAqC;AAErC,yDAAsD;AACtD,mDAA8C;AAE9C,SAAgB,qBAAqB;IACnC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACpC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,IAAA,2BAAW,GAAE,CAAC;IAE3B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,CACL,6DACE,uBAAC,iBAAO,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,uBAAC,mCAAgB,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;AA/BD,sDA+BC;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/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/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/components/logger/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FifoLoggerProvider"), exports);
+__exportStar(require("./FifoLoggerDialog"), exports);
+__exportStar(require("./FifoLoggerToolbarItem"), exports);
+__exportStar(require("./useFifoLogger"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/logger/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC;AACrC,qDAAmC;AACnC,0DAAwC;AACxC,kDAAgC"}

package/lib/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/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/components/logger/loggerContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fifoLoggerContext = void 0;
+const react_1 = require("react");
+exports.fifoLoggerContext = (0, react_1.createContext)(null);
+//# sourceMappingURL=loggerContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loggerContext.js","sourceRoot":"","sources":["../../../src/components/logger/loggerContext.ts"],"names":[],"mappings":";;;AACA,iCAAsC;AAEzB,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAAoB,IAAI,CAAC,CAAC"}

package/lib/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/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/components/logger/useFifoLogger.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFifoLogs = exports.useFifoLogger = void 0;
+const react_1 = require("react");
+const loggerContext_1 = require("./loggerContext");
+function useFifoLogger() {
+    const fifoLogger = (0, react_1.useContext)(loggerContext_1.fifoLoggerContext);
+    if (!fifoLogger) {
+        throw new Error('useFifoLogger must be used within a FifoLoggerProvider');
+    }
+    return fifoLogger;
+}
+exports.useFifoLogger = useFifoLogger;
+function useFifoLogs() {
+    const logger = useFifoLogger();
+    const [logs, setLogs] = (0, react_1.useState)(logger.getLogs());
+    (0, react_1.useEffect)(() => {
+        logger.addEventListener('change', () => {
+            setLogs(logger.getLogs());
+        });
+    }, [logger]);
+    return logs;
+}
+exports.useFifoLogs = useFifoLogs;
+//# sourceMappingURL=useFifoLogger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFifoLogger.js","sourceRoot":"","sources":["../../../src/components/logger/useFifoLogger.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AAExD,mDAAoD;AAEpD,SAAgB,aAAa;IAC3B,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,iCAAiB,CAAC,CAAC;IACjD,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;IAC5E,CAAC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;AAND,sCAMC;AAED,SAAgB,WAAW;IACzB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACnD,IAAA,iBAAS,EAAC,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;AATD,kCASC"}

package/lib/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/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/components/table/Table.js

@@ -28,9 +28,9 @@ function splitChildren(children) {
     return { Rows, Header };
 }
 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 = (0, react_1.useMemo)(() => ({ hasBorder, color }), [hasBorder, color]);
+    const tableContextValue = (0, react_1.useMemo)(() => ({ color }), [color]);
     return ((0, jsx_runtime_1.jsx)(tableContext_1.TableContext.Provider, { value: tableContextValue, children: (0, jsx_runtime_1.jsxs)(core_1.HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [Header, (0, jsx_runtime_1.jsx)("tbody", { children: Rows })] }) }));
 }
 exports.Table = Table;

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,4CAA8C;AAC9C,iCAMe;AAEf,+CAA4C;AAC5C,yCAAsC;AACtC,iDAA8C;AAE9C,SAAS,aAAa,CAAC,QAAmB;IACxC,MAAM,IAAI,GAAmB,EAAE,CAAC;IAChC,IAAI,MAAM,GAAwB,IAAI,CAAC;IACvC,KAAK,MAAM,KAAK,IAAI,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE,CAAC;YACxD,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,yBAAW,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,SAAgB,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,IAAA,eAAO,EAC/B,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAC5B,CAAC,SAAS,EAAE,KAAK,CAAC,CACnB,CAAC;IACF,OAAO,CACL,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAC7C,wBAAC,gBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEb,MAAM,EACP,4CAAQ,IAAI,GAAS,IACX,GACU,CACzB,CAAC;AACJ,CAAC;AA/BD,sBA+BC;AAED,KAAK,CAAC,GAAG,GAAG,mBAAQ,CAAC;AACrB,KAAK,CAAC,MAAM,GAAG,yBAAW,CAAC"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,4CAA8C;AAC9C,iCAMe;AAEf,+CAA4C;AAC5C,yCAAsC;AACtC,iDAA8C;AAE9C,SAAS,aAAa,CAAC,QAAmB;IACxC,MAAM,IAAI,GAAmB,EAAE,CAAC;IAChC,IAAI,MAAM,GAAwB,IAAI,CAAC;IACvC,KAAK,MAAM,KAAK,IAAI,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE,CAAC;YACxD,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,yBAAW,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,SAAgB,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,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,OAAO,CACL,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAC7C,wBAAC,gBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEb,MAAM,EACP,4CAAQ,IAAI,GAAS,IACX,GACU,CACzB,CAAC;AACJ,CAAC;AA3BD,sBA2BC;AAED,KAAK,CAAC,GAAG,GAAG,mBAAQ,CAAC;AACrB,KAAK,CAAC,MAAM,GAAG,yBAAW,CAAC"}

package/lib/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/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/components/table/TableHeader.js

@@ -3,8 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TableRow_1 = require("./TableRow");
-const TableHeader = ({ children, hasBorder, style }) => {
-    return ((0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)(TableRow_1.TableRow, { hasBorder: hasBorder, style: style, children: children }) }));
+const headerStyle = {
+    position: 'sticky',
+    top: 0,
+    zIndex: 10,
+    backgroundColor: 'white',
+};
+const TableHeader = ({ children, bordered, style, sticky, }) => {
+    return ((0, jsx_runtime_1.jsx)("thead", { style: sticky ? headerStyle : undefined, children: (0, jsx_runtime_1.jsx)(TableRow_1.TableRow, { bordered: bordered, style: style, children: children }) }));
 };
 exports.TableHeader = TableHeader;
 //# sourceMappingURL=TableHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";;;;AACA,yCAAsC;AAE/B,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAc,EAAE,EAAE;IACxE,OAAO,CACL,4CACE,uBAAC,mBAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YACzC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,WAAW,eAQtB"}
+{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";;;;AACA,yCAAsC;AAEtC,MAAM,WAAW,GAAwB;IACvC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAEK,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GAC4B,EAAE,EAAE;IACtC,OAAO,CACL,kCAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,uBAAC,mBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YACvC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,WAAW,eAatB"}

package/lib/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/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/components/table/TableRow.js

@@ -1,34 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableRow = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const value_renderers_1 = require("../value-renderers");
 const tableContext_1 = require("./tableContext");
-const styles = {
-    hasBorder: (0, react_1.css)({
-        border: '0.5px solid rgb(0, 0, 0)',
-        padding: '5px',
-        position: 'relative',
-    }),
-    noBorder: (0, react_1.css)({
-        padding: '5px',
-        position: 'relative',
-    }),
-};
-const TableRow = ({ children, style = {}, hasBorder = false, ...other }) => {
+const TableRow = ({ children, style = {}, bordered = false, ...other }) => {
     const { cells } = useRowChildren(children);
-    return ((0, jsx_runtime_1.jsx)("tr", { style: { border: hasBorder ? '1px solid black' : '', ...style }, ...other, children: cells }));
+    return ((0, jsx_runtime_1.jsx)("tr", { style: { border: bordered ? '1px solid black' : '', ...style }, ...other, children: cells }));
 };
 exports.TableRow = TableRow;
 function useRowChildren(children) {
     const cells = [];
-    const { hasBorder, color } = (0, tableContext_1.useTableContext)();
-    for (const child of react_2.Children.toArray(children)) {
+    const { color } = (0, tableContext_1.useTableContext)();
+    for (const child of react_1.Children.toArray(children)) {
         if (typeof child === 'object' &&
-            (0, react_2.isValidElement)(child) &&
+            (0, react_1.isValidElement)(child) &&
             (child.type === value_renderers_1.Color ||
                 child.type === value_renderers_1.Boolean ||
                 child.type === value_renderers_1.Text ||
@@ -37,13 +24,13 @@ function useRowChildren(children) {
                 child.type === value_renderers_1.Header ||
                 child.type === value_renderers_1.Component)) {
             if (child.type === value_renderers_1.Header) {
-                cells.push((0, jsx_runtime_1.jsx)("th", { style: { color }, css: hasBorder ? styles.hasBorder : styles.noBorder, children: child }, child.key));
+                cells.push((0, jsx_runtime_1.jsx)("th", { style: { color }, children: child }, child.key));
             }
             else {
                 cells.push((0, jsx_runtime_1.jsx)("td", { style: {
                         color,
                         position: 'relative',
-                    }, css: hasBorder ? styles.hasBorder : styles.noBorder, children: child }, child.key));
+                    }, children: child }, child.key));
             }
         }
         else {

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,0CAAqC;AACrC,iCAMe;AAEf,wDAQ4B;AAG5B,iDAAiD;AAIjD,MAAM,MAAM,GAAG;IACb,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,MAAM,EAAE,0BAA0B;QAClC,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,UAAU;KACrB,CAAC;IACF,QAAQ,EAAE,IAAA,WAAG,EAAC;QACZ,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,UAAU;KACrB,CAAC;CACH,CAAC;AAEK,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,+BACE,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;AAfW,QAAA,QAAQ,YAenB;AAEF,SAAS,cAAc,CAAC,QAAmB;IACzC,MAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IAC/C,KAAK,MAAM,KAAK,IAAI,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,IAAA,sBAAc,EAAC,KAAK,CAAC;YACrB,CAAC,KAAK,CAAC,IAAI,KAAK,uBAAK;gBACnB,KAAK,CAAC,IAAI,KAAK,yBAAO;gBACtB,KAAK,CAAC,IAAI,KAAK,sBAAI;gBACnB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,2BAAS,CAAC,EAC3B,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,KAAK,wBAAM,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CACR,+BAEE,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,+BAEE,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,iCAMe;AAEf,wDAQ4B;AAG5B,iDAAiD;AAI1C,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,+BACE,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;AAfW,QAAA,QAAQ,YAenB;AAEF,SAAS,cAAc,CAAC,QAAmB;IACzC,MAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IACpC,KAAK,MAAM,KAAK,IAAI,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,IAAA,sBAAc,EAAC,KAAK,CAAC;YACrB,CAAC,KAAK,CAAC,IAAI,KAAK,uBAAK;gBACnB,KAAK,CAAC,IAAI,KAAK,yBAAO;gBACtB,KAAK,CAAC,IAAI,KAAK,sBAAI;gBACnB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,2BAAS,CAAC,EAC3B,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,KAAK,wBAAM,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CACR,+BAAoB,KAAK,EAAE,EAAE,KAAK,EAAE,YACjC,KAAK,IADC,KAAK,CAAC,GAAG,CAEb,CACN,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CACR,+BAEE,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/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/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/components/table/tableContext.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTableContext = exports.TableContext = void 0;
 const react_1 = require("react");
-exports.TableContext = (0, react_1.createContext)({ hasBorder: true, color: '' });
+exports.TableContext = (0, react_1.createContext)({ color: '' });
 function useTableContext() {
     const context = (0, react_1.useContext)(exports.TableContext);
     return context;

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

@@ -1 +1 @@
-{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAErC,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AAC1E,SAAgB,eAAe;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;IACzC,OAAO,OAAO,CAAC;AACjB,CAAC;AAHD,0CAGC"}
+{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAErC,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AACzD,SAAgB,eAAe;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;IACzC,OAAO,OAAO,CAAC;AACjB,CAAC;AAHD,0CAGC"}

package/lib/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/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/components/toolbar/TooltipHelpContent.js

@@ -0,0 +1,102 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipHelpContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const shortcutBoxSize = 1.5;
+const FlexContainer = styled_1.default.div `
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: center;
+`;
+const Title = styled_1.default.span `
+  font-size: ${({ size }) => size};
+  flex: 1;
+  padding: 5px 0;
+  text-align: left;
+`;
+const Description = styled_1.default.p `
+  padding-top: 1rem;
+  font-size: 0.7rem;
+  text-align: left;
+`;
+const ShortcutItem = styled_1.default.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_1.default.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;
+  }
+`;
+function TooltipHelpContent(props) {
+    const { title, shortcuts = [], subTitles = [], description = '', link, style = {}, } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            color: 'white',
+            width: '250px',
+            padding: '0.5rem',
+            ...style,
+        }, children: [(0, jsx_runtime_1.jsxs)(FlexContainer, { children: [(0, jsx_runtime_1.jsx)(Title, { size: "0.9rem", children: title }), (0, jsx_runtime_1.jsx)(ShortCuts, { shortcuts: shortcuts })] }), (0, jsx_runtime_1.jsx)(SubTitles, { items: subTitles }), (description || link) && ((0, jsx_runtime_1.jsxs)(Description, { children: [description, link && ((0, jsx_runtime_1.jsx)("a", { style: description ? { paddingLeft: '5px' } : {}, target: "_blank", href: link, rel: "noreferrer", children: "Learn more" }))] }))] }));
+}
+exports.TooltipHelpContent = TooltipHelpContent;
+function ShortCuts({ shortcuts }) {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            display: 'flex',
+            textWrap: 'nowrap',
+        }, children: shortcuts.map((key) => {
+            return ((0, jsx_runtime_1.jsx)(ShortcutItem, { children: (0, jsx_runtime_1.jsx)("span", { children: key }) }, key));
+        }) }));
+}
+function SubTitles({ items }) {
+    if (!items || items.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("ul", { style: {
+            paddingLeft: '5px',
+            listStyle: 'none',
+        }, children: items.map(({ shortcuts = [], title }) => ((0, jsx_runtime_1.jsx)(SubTitleItem, { children: (0, jsx_runtime_1.jsxs)(FlexContainer, { children: [(0, jsx_runtime_1.jsx)(Title, { size: "0.7rem", children: title }), (0, jsx_runtime_1.jsx)(ShortCuts, { shortcuts: shortcuts })] }) }, title))) }));
+}
+//# sourceMappingURL=TooltipHelpContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipHelpContent.js","sourceRoot":"","sources":["../../../src/components/toolbar/TooltipHelpContent.tsx"],"names":[],"mappings":";;;;;;;AAAA,6DAAqC;AAGrC,MAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,MAAM,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC;AAMF,MAAM,KAAK,GAAG,gBAAM,CAAC,IAAI,CAAY;eACtB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI;;;;CAIhC,CAAC;AACF,MAAM,WAAW,GAAG,gBAAM,CAAC,CAAC,CAAA;;;;CAI3B,CAAC;AAEF,MAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;YAOnB,eAAe;eACZ,eAAe;;;;CAI7B,CAAC;AAEF,MAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;WAOpB,eAAe,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;cAqBhB,eAAe,GAAG,CAAC;;;;;;CAMhC,CAAC;AAWF,SAAgB,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,iCACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,QAAQ;YACjB,GAAG,KAAK;SACT,aAED,wBAAC,aAAa,eACZ,uBAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,GAAS,EACpC,uBAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,IACrB,EAChB,uBAAC,SAAS,IAAC,KAAK,EAAE,SAAS,GAAI,EAE9B,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CACxB,wBAAC,WAAW,eACT,WAAW,EACX,IAAI,IAAI,CACP,8BACE,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;AA1CD,gDA0CC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAA2B;IACvD,OAAO,CACL,gCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;SACnB,YAEA,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACrB,OAAO,CACL,uBAAC,YAAY,cACX,2CAAO,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,+BACE,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,uBAAC,YAAY,cACX,wBAAC,aAAa,eACZ,uBAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,GAAS,EACpC,uBAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,IACrB,IAJC,KAAK,CAKT,CAChB,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/lib/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/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/components/toolbar/index.js

@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Toolbar"), exports);
 __exportStar(require("./PanelPreferencesToolbar"), exports);
+__exportStar(require("./TooltipHelpContent"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,4DAA0C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,4DAA0C;AAC1C,uDAAqC"}

package/lib-esm/app/hooks/file-loading.d.ts

@@ -1,7 +1,8 @@
 import { UseQueryResult } from '@tanstack/react-query';
+import type { FifoLogger } from 'fifo-logger';
 import { FileCollection } from 'filelist-utils';
-import { AppDispatch } from '../../app-data/index';
-type LoadFn = (files: File[] | FileCollection, dispatch: AppDispatch) => Promise<void>;
+import { AppDispatch } from '../../app-data';
+type LoadFn = (files: File[] | FileCollection, logger: FifoLogger, dispatch: AppDispatch) => Promise<void>;
 export declare function useLoadFileCollectionFromHash(onLoad: LoadFn): UseQueryResult<true | null>;
 export declare function useDropFiles(onLoad: LoadFn): (files: File[]) => void;
 export {};