react-science 18.0.2 → 19.0.0

package/lib/components/table/table_root.js

@@ -5,6 +5,7 @@ import { getCoreRowModel, getSortedRowModel, useReactTable, } from '@tanstack/re
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useEffect, useMemo, useRef } from 'react';
 import { match } from 'ts-pattern';
+import { shouldForwardPropExcept } from '../utils/shouldForwardPropExcept.js';
 import { FlashedRowProvider } from './flash_row/flashed_row_provider.js';
 import { PreviewTablePropsContextProvider } from './preview_table_context.js';
 import { ItemOrderProvider } from './reorder_rows/item_order_provider.js';
@@ -12,13 +13,12 @@ import { TableBody } from './table_body.js';
 import { TableHeader } from './table_header.js';
 import { ScrollContainer } from './table_scroll_container.js';
 import { useTableColumns } from './use_table_columns.js';
-const nonForwardedProps = new Set([
-    'striped',
-    'stickyHeader',
-    'noHeader',
-]);
 const CustomHTMLTable = styled(HTMLTable, {
-    shouldForwardProp: (prop) => !nonForwardedProps.has(prop),
+    shouldForwardProp: shouldForwardPropExcept([
+        'striped',
+        'stickyHeader',
+        'noHeader',
+    ]),
 }) `
   /* When using a sticky header, ensure that the borders are located below the last header instead of above the first row. */
   ${(props) => match(props)
@@ -46,7 +46,7 @@ const CustomHTMLTable = styled(HTMLTable, {
   }
 `;
 export function Table(props) {
-    const { data, columns, bordered = false, compact = false, interactive = false, striped = false, noHeader = false, stickyHeader = false, reactTable, tableProps, className, renderRowTr, renderHeaderCell, getTdProps, virtualizeRows, getRowId, onRowOrderChanged, renderRowPreview, scrollToRowRef, } = props;
+    const { data, columns, bordered = false, compact = false, interactive = false, striped = false, noHeader = false, stickyHeader = false, reactTable, tableProps, className, renderRowTr, renderHeaderCell, tdStyle, getTdProps, virtualizeRows, getRowId, onRowOrderChanged, renderRowPreview, scrollToRowRef, } = props;
     const isReorderingEnabled = !!onRowOrderChanged;
     const virtualScrollElementRef = useRef(null);
     const columnDefs = useTableColumns(columns);
@@ -99,7 +99,7 @@ export function Table(props) {
                         // Props which are not forwarded to the HTMLTable component
                         striped: striped, noHeader: noHeader, stickyHeader: stickyHeader, 
                         // Props which are forwarded to the HTMLTable component
-                        ref: tableRef, bordered: bordered, compact: compact, interactive: interactive, ...tableProps, className: finalClassName, children: [!noHeader && (_jsx(TableHeader, { sticky: stickyHeader, headers: tableHeaders, renderHeaderCell: renderHeaderCell })), _jsx(TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr, getTdProps: getTdProps, virtualizer: tanstackVirtualizer, virtualizeRows: virtualizeRows, renderRowPreview: renderRowPreview, isReorderingEnabled: isReorderingEnabled })] }) }) }) }) }));
+                        ref: tableRef, bordered: bordered, compact: compact, interactive: interactive, ...tableProps, className: finalClassName, children: [!noHeader && (_jsx(TableHeader, { sticky: stickyHeader, headers: tableHeaders, renderHeaderCell: renderHeaderCell })), _jsx(TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr, tdStyle: tdStyle, getTdProps: getTdProps, virtualizer: tanstackVirtualizer, virtualizeRows: virtualizeRows, renderRowPreview: renderRowPreview, isReorderingEnabled: isReorderingEnabled })] }) }) }) }) }));
 }
 function useCheckProps(props, headers) {
     const { onRowOrderChanged, getRowId } = props;

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

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

package/lib/components/table/table_row_cell.d.ts

@@ -1,7 +1,9 @@
 import type { Cell, RowData } from '@tanstack/react-table';
+import type { CSSProperties } from 'react';
 import type { GetTdProps } from './table_utils.js';
 interface TableRowCellProps<TData extends RowData> {
     cell: Cell<TData, unknown>;
+    tdStyle: CSSProperties | undefined;
     getTdProps: GetTdProps<TData> | undefined;
 }
 export declare function TableRowCell<TData extends RowData>(props: TableRowCellProps<TData>): import("react/jsx-runtime").JSX.Element;

package/lib/components/table/table_row_cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table_row_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,UAAU,iBAAiB,CAAC,KAAK,SAAS,OAAO;IAC/C,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC3B,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CAC3C;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,OAAO,EAChD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAShC"}
+{"version":3,"file":"table_row_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,UAAU,iBAAiB,CAAC,KAAK,SAAS,OAAO;IAC/C,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC3B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CAC3C;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,OAAO,EAChD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAYhC"}

package/lib/components/table/table_row_cell.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { flexRender } from '@tanstack/react-table';
 export function TableRowCell(props) {
-    const { cell, getTdProps } = props;
-    return (_jsx("td", { ...getTdProps?.(cell), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }));
+    const { cell, tdStyle, getTdProps } = props;
+    const tdProps = getTdProps?.(cell);
+    const style = { ...tdStyle, ...tdProps?.style };
+    return (_jsx("td", { ...tdProps, style: style, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }));
 }
 //# sourceMappingURL=table_row_cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table_row_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AASnD,MAAM,UAAU,YAAY,CAC1B,KAA+B;IAE/B,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL,gBAAQ,UAAU,EAAE,CAAC,IAAI,CAAC,YACvB,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,GACvD,CACN,CAAC;AACJ,CAAC"}
+{"version":3,"file":"table_row_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAWnD,MAAM,UAAU,YAAY,CAC1B,KAA+B;IAE/B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,CAAC;IAEhD,OAAO,CACL,gBAAQ,OAAO,EAAE,KAAK,EAAE,KAAK,YAC1B,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,GACvD,CACN,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare function shouldForwardPropExcept(properties: string[]): (property: string) => boolean;
+//# sourceMappingURL=shouldForwardPropExcept.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shouldForwardPropExcept.d.ts","sourceRoot":"","sources":["../../../src/components/utils/shouldForwardPropExcept.ts"],"names":[],"mappings":"AAAA,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,EAAE,IAElD,UAAU,MAAM,aAGzB"}

package/lib/components/utils/shouldForwardPropExcept.js

@@ -0,0 +1,7 @@
+export function shouldForwardPropExcept(properties) {
+    const propsSet = new Set(properties);
+    return (property) => {
+        return !propsSet.has(property);
+    };
+}
+//# sourceMappingURL=shouldForwardPropExcept.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shouldForwardPropExcept.js","sourceRoot":"","sources":["../../../src/components/utils/shouldForwardPropExcept.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,uBAAuB,CAAC,UAAoB;IAC1D,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,QAAgB,EAAE,EAAE;QAC1B,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "18.0.2",
+  "version": "19.0.0",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {
@@ -48,89 +48,87 @@
   },
   "homepage": "https://github.com/zakodium-oss/react-science#readme",
   "peerDependencies": {
-    "@blueprintjs/core": "^5.17.0",
-    "@blueprintjs/icons": "^5.19.0",
-    "@blueprintjs/select": "^5.3.12",
+    "@blueprintjs/core": "^6.0.0",
+    "@blueprintjs/icons": "^6.0.0",
+    "@blueprintjs/select": "^6.0.0",
     "fifo-logger": "^1.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@atlaskit/pragmatic-drag-and-drop": "^1.5.0",
-    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
-    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.7.2",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.1",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
     "@emotion/styled": "^11.14.0",
-    "@radix-ui/react-use-controllable-state": "^1.1.0",
-    "@tanstack/react-table": "^8.21.2",
-    "@tanstack/react-virtual": "^3.13.2",
+    "@radix-ui/react-use-controllable-state": "^1.2.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.10",
     "d3-scale-chromatic": "^3.1.0",
+    "react-d3-utils": "^3.1.0",
     "react-dropzone": "^14.3.8",
     "react-full-screen": "^1.1.1",
     "react-icons": "^5.5.0",
     "react-inspector": "^6.0.2",
     "tinycolor2": "^1.6.0",
-    "ts-pattern": "^5.6.2",
-    "use-resize-observer": "^9.1.0"
+    "ts-pattern": "^5.7.1"
   },
   "devDependencies": {
-    "@blueprintjs/core": "5.17.0",
-    "@blueprintjs/icons": "5.19.0",
-    "@blueprintjs/select": "5.3.12",
-    "@floating-ui/react": "^0.27.4",
-    "@playwright/experimental-ct-react": "^1.50.1",
-    "@playwright/test": "^1.50.1",
-    "@storybook/addon-actions": "^8.6.2",
-    "@storybook/addon-essentials": "^8.6.2",
-    "@storybook/addon-storysource": "^8.6.2",
-    "@storybook/blocks": "^8.6.2",
-    "@storybook/react": "^8.6.2",
-    "@storybook/react-vite": "^8.6.2",
-    "@tanstack/react-query": "^5.66.9",
+    "@blueprintjs/core": "6.0.0",
+    "@blueprintjs/icons": "6.0.0",
+    "@blueprintjs/select": "6.0.0",
+    "@floating-ui/react": "^0.27.12",
+    "@playwright/experimental-ct-react": "^1.53.0",
+    "@playwright/test": "^1.53.0",
+    "@storybook/addon-docs": "^9.0.8",
+    "@storybook/react-vite": "^9.0.8",
+    "@tanstack/react-query": "^5.80.7",
     "@types/babel__core": "^7.20.5",
     "@types/d3-scale-chromatic": "^3.1.0",
-    "@types/node": "^22.13.5",
+    "@types/node": "^22.15.29",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/tinycolor2": "^1.4.6",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^3.0.7",
+    "@vitejs/plugin-react": "^4.5.2",
+    "@vitest/coverage-v8": "^3.2.3",
     "biologic-converter": "^0.6.0",
     "cheminfo-font": "^1.13.1",
     "cheminfo-types": "^1.8.1",
     "cross-env": "^7.0.3",
-    "eslint": "^9.21.0",
-    "eslint-config-zakodium": "^14.0.0",
-    "eslint-plugin-storybook": "^0.11.3",
+    "eslint": "^9.28.0",
+    "eslint-config-zakodium": "^15.0.1",
+    "eslint-plugin-storybook": "^9.0.8",
     "fifo-logger": "^1.0.0",
     "filelist-utils": "^1.11.3",
     "immer": "^10.1.1",
-    "jcampconverter": "^11.0.1",
+    "jcampconverter": "^11.0.3",
     "ml-gsd": "^12.1.8",
     "ml-peak-shape-generator": "^4.1.4",
     "ml-signal-processing": "^1.2.0",
-    "ml-spectra-processing": "^14.10.0",
-    "ms-spectrum": "^3.7.6",
+    "ml-spectra-processing": "^14.12.0",
+    "ms-spectrum": "^3.9.0",
     "netcdfjs": "^3.0.0",
     "postcss-styled-syntax": "^0.7.1",
-    "prettier": "^3.5.2",
+    "prettier": "^3.5.3",
     "react": "^18.3.1",
-    "react-d3-utils": "^3.0.0",
     "react-dom": "^18.3.1",
-    "react-error-boundary": "^5.0.0",
+    "react-error-boundary": "^6.0.0",
     "react-kbs": "^2.1.1",
-    "react-ocl": "^7.0.2",
-    "react-plot": "^3.0.0",
+    "react-ocl": "^8.0.0",
+    "react-plot": "^3.1.0",
     "rimraf": "^6.0.1",
     "spc-parser": "^1.0.0",
-    "storybook": "^8.6.2",
-    "stylelint": "^16.14.1",
-    "stylelint-config-standard": "^37.0.0",
-    "typescript": "^5.7.3",
-    "vite": "^6.2.0",
-    "vitest": "^3.0.7",
+    "storybook": "^9.0.8",
+    "stylelint": "^16.20.0",
+    "stylelint-config-standard": "^38.0.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vitest": "^3.2.3",
     "wdf-parser": "^0.3.0"
   },
   "volta": {
-    "node": "22.14.0"
+    "node": "22.16.0"
+  },
+  "overrides": {
+    "storybook": "$storybook"
   }
 }

package/src/components/accordion/accordion_context_utils.ts

@@ -12,9 +12,7 @@ export interface AccordionItemContextValue {
   controls: AccordionItemControls;
 }
 
-export type AccordionItemSetIsOpen = Dispatch<
-  SetStateAction<boolean | undefined>
->;
+export type AccordionItemSetIsOpen = Dispatch<SetStateAction<boolean>>;
 
 interface AccordionRegisteredItem {
   setIsOpen: AccordionItemSetIsOpen;

package/src/components/dialog/ConfirmDialog.tsx

@@ -1,8 +1,9 @@
-import { Classes, Dialog, DialogBody, DialogFooter } from '@blueprintjs/core';
 import type { DialogProps } from '@blueprintjs/core';
+import { Classes, Dialog, DialogBody, DialogFooter } from '@blueprintjs/core';
 import styled from '@emotion/styled';
 
 import { Button } from '../button/index.js';
+import { shouldForwardPropExcept } from '../utils/shouldForwardPropExcept.js';
 
 interface ConfirmDialogProps extends Omit<DialogProps, 'isCloseButtonShown'> {
   onConfirm: () => void;
@@ -13,7 +14,7 @@ interface ConfirmDialogProps extends Omit<DialogProps, 'isCloseButtonShown'> {
 }
 
 const DialogWithHeaderColor = styled(Dialog, {
-  shouldForwardProp: (prop) => prop !== 'headerColor',
+  shouldForwardProp: shouldForwardPropExcept(['headerColor']),
 })<{ headerColor: string }>`
   .${Classes.DIALOG_HEADER} {
     background-color: ${(props) => props.headerColor};

package/src/components/doi/Logo.tsx

@@ -0,0 +1,33 @@
+import styled from '@emotion/styled';
+
+const Svg = styled.svg<{ size: string }>`
+  display: inline-flex;
+  ${(props) => {
+    return `
+      height: ${props.size};
+      width: ${props.size};
+    `;
+  }}
+`;
+
+interface LogoProps {
+  size: string;
+}
+
+export function Logo(props: LogoProps) {
+  const { size } = props;
+
+  return (
+    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 130" size={size}>
+      <circle fill="#fcb425" cx="65" cy="65" r="64" />
+      <path
+        fill="##231f20"
+        d="m 49.819127,84.559148 -11.854304,0 0,-4.825665 c -1.203594,1.510894 -4.035515,3.051053 -5.264716,3.742483 -2.151101,1.203585 -5.072066,1.987225 -7.812161,1.987225 -4.430246,0 -8.373925,-1.399539 -11.831057,-4.446924 -4.1229464,-3.636389 -6.0602455,-9.19576 -6.0602455,-15.188113 0,-6.094791 2.1126913,-10.960381 6.3380645,-14.59676 3.354695,-2.893745 7.457089,-5.209795 11.810505,-5.209795 2.535231,0 5.661807,0.227363 7.889738,1.302913 1.280414,0.614601 3.572628,2.060721 4.929872,3.469179 l 0,-25.420177 11.854304,0 z m -12.1199,-18.692584 c 0,-2.253538 -0.618258,-4.951555 -2.205973,-6.513663 -1.587724,-1.587724 -4.474153,-2.996182 -6.727691,-2.996182 -2.509615,0 -4.834476,1.825511 -6.447807,3.720535 -1.306031,1.536501 -1.959041,3.905269 -1.959041,5.877114 0,1.971835 0.740815,4.165004 2.046836,5.701505 1.587714,1.895025 3.297985,3.193739 5.833216,3.193739 2.279145,0 4.989965,-0.956662 6.552083,-2.51877 1.587714,-1.562108 2.908377,-4.185134 2.908377,-6.464278 z"
+      />
+      <path
+        fill="#fff"
+        d="m 105.42764,25.617918 c -1.97184,0 -3.64919,0.69142 -5.03204,2.074271 -1.357247,1.357245 -2.035864,3.021779 -2.035864,4.993633 0,1.971835 0.678617,3.649193 2.035864,5.032034 1.38285,1.382861 3.0602,2.074281 5.03204,2.074281 1.99744,0 3.67479,-0.678627 5.03203,-2.035861 1.38285,-1.382861 2.07428,-3.073012 2.07428,-5.070454 0,-1.971854 -0.69143,-3.636388 -2.07428,-4.993633 -1.38285,-1.382851 -3.0602,-2.074271 -5.03203,-2.074271 z M 74.219383,45.507921 c -7.323992,0 -12.970625,2.283009 -16.939921,6.848949 -3.277876,3.782438 -4.916803,8.118252 -4.916803,13.008406 0,5.430481 1.626124,10.009834 4.878383,13.738236 3.943689,4.538918 9.475093,6.808622 16.59421,6.808622 7.093512,0 12.612122,-2.269704 16.555801,-6.808622 3.252259,-3.728402 4.878393,-8.1993 4.878393,-13.413648 0,-5.160323 -1.638938,-9.604602 -4.916803,-13.332994 -4.020509,-4.56594 -9.398263,-6.848949 -16.13326,-6.848949 z m 24.908603,1.386686 0,37.634676 12.599304,0 0,-37.634676 -12.599304,0 z M 73.835252,56.975981 c 2.304752,0 4.263793,0.852337 5.877124,2.554426 1.638928,1.675076 2.458402,3.727881 2.458402,6.159457 0,2.458578 -0.806671,4.538022 -2.419992,6.240111 -1.613331,1.675086 -3.585175,2.514099 -5.915534,2.514099 -2.612051,0 -4.737546,-1.027366 -6.376474,-3.080682 -1.331637,-1.648053 -1.997451,-3.539154 -1.997451,-5.673528 0,-2.107362 0.665814,-3.985138 1.997451,-5.633201 1.638928,-2.053316 3.764423,-3.080682 6.376474,-3.080682 z"
+      />
+    </Svg>
+  );
+}

package/src/components/doi/doi.tsx

@@ -0,0 +1,35 @@
+import { match } from 'ts-pattern';
+
+import { Logo } from './Logo.js';
+import { normalizeDOI } from './utils.js';
+
+type DOISize = 'small' | 'medium' | 'large';
+
+export interface DOIProps {
+  value: string;
+  size?: DOISize;
+}
+
+export function DOI(props: DOIProps) {
+  const { value, size = 'small' } = props;
+  const normalizedValue = normalizeDOI(value);
+
+  return (
+    <a
+      title={normalizedValue}
+      href={`https://doi.org/${normalizedValue}`}
+      target="_blank"
+      rel="noreferrer"
+    >
+      <Logo size={getDOISize(size)} />
+    </a>
+  );
+}
+
+function getDOISize(size: DOISize): string {
+  return match(size)
+    .with('small', () => '1.25rem')
+    .with('medium', () => '2.5rem')
+    .with('large', () => '3.75rem')
+    .exhaustive();
+}

package/src/components/doi/index.ts

@@ -0,0 +1 @@
+export * from './doi.js';

package/src/components/doi/utils.ts

@@ -0,0 +1,5 @@
+export function normalizeDOI(value: string): string {
+  return value
+    .replace(/^https?:\/\/(?:www\.|dx\.)?doi\.org\//, '')
+    .replace(/^\/+/, '');
+}

package/src/components/index.ts

@@ -2,6 +2,7 @@ export * from './accordion/index.js';
 export * from './button/index.js';
 export * from './color-picker/index.js';
 export * from './dialog/index.js';
+export * from './doi/index.js';
 export * from './drop-zone/index.js';
 export * from './forms/index.js';
 export * from './fullscreen/index.js';

package/src/components/info-panel/InfoPanel.tsx

@@ -7,6 +7,7 @@ import { match, P } from 'ts-pattern';
 import { Button } from '../button/Button.js';
 import { SelectedTotal } from '../selected-total/index.js';
 import { createTableColumnHelper, Table } from '../table/index.js';
+import { shouldForwardPropExcept } from '../utils/shouldForwardPropExcept.js';
 import * as ValueRenderers from '../value-renderers/index.js';
 
 export interface InfoPanelData {
@@ -23,7 +24,7 @@ interface InfoPanelProps {
 }
 
 const AccordionButton = styled(Button, {
-  shouldForwardProp: (propName) => propName !== 'open',
+  shouldForwardProp: shouldForwardPropExcept(['open']),
 })<{ open?: boolean }>`
   z-index: 1;
   position: sticky;

package/src/components/split_pane/split_pane.tsx

@@ -8,8 +8,8 @@ import type {
   RefObject,
 } from 'react';
 import { useEffect, useReducer, useRef } from 'react';
+import { useResizeObserver } from 'react-d3-utils';
 import { match } from 'ts-pattern';
-import useResizeObserver from 'use-resize-observer';
 
 import type { SplitPaneSize, SplitPaneType } from './split_pane_helpers.js';
 import { parseSize, serializeSize } from './split_pane_helpers.js';
@@ -138,11 +138,9 @@ export function SplitPane(props: SplitPaneProps) {
     onResize,
   });
 
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore Module exists.
-  const rootSize = useResizeObserver<HTMLDivElement>();
+  const [rootRef, rootSize] = useResizeObserver();
   const mainDirectionSize =
-    direction === 'horizontal' ? rootSize.width : rootSize.height;
+    direction === 'horizontal' ? rootSize?.width : rootSize?.height;
 
   useEffect(() => {
     if (
@@ -172,7 +170,7 @@ export function SplitPane(props: SplitPaneProps) {
   }
 
   return (
-    <SplitPaneContainer direction={direction} ref={rootSize.ref}>
+    <SplitPaneContainer direction={direction} ref={rootRef}>
       {children[0] !== null && (
         <SplitSide style={getSplitSideStyle('start')}>{children[0]}</SplitSide>
       )}

package/src/components/table/index.ts

@@ -1,4 +1,18 @@
+import type { RowData } from '@tanstack/react-table';
+import type { CSSProperties } from 'react';
+
 export * from './table_root.js';
 export * from './table_utils.js';
 export * from './table_row.js';
 export * from './reorder_rows/index.js';
+
+declare module '@tanstack/react-table' {
+  // Declaration merging
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  interface ColumnMeta<TData extends RowData, TValue> {
+    /**
+     * Merged into the `style` prop of the default-rendered `<th>` element.
+     */
+    thStyle?: CSSProperties;
+  }
+}

package/src/components/table/table_body.tsx

@@ -1,7 +1,7 @@
 import type { Row, RowData } from '@tanstack/react-table';
 import type { VirtualItem, Virtualizer } from '@tanstack/react-virtual';
 import { notUndefined } from '@tanstack/react-virtual';
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import { Fragment } from 'react';
 
 import { TableDraggableRowTr } from './reorder_rows/index.js';
@@ -16,6 +16,7 @@ import type {
 
 interface TableBodyProps<TData extends RowData> {
   rows: Array<Row<TData>>;
+  tdStyle?: CSSProperties;
   getTdProps?: GetTdProps<TData>;
   renderRowTr: TableRowTrRenderer<TData> | undefined;
   virtualizeRows?: boolean;
@@ -27,6 +28,7 @@ interface TableBodyProps<TData extends RowData> {
 export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
   const {
     rows,
+    tdStyle,
     getTdProps,
     renderRowTr = getDefaultRenderRowTr(
       props.isReorderingEnabled,
@@ -57,10 +59,15 @@ export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
             key={virtualItem.index}
             row={rows[virtualItem.index]}
             renderRowTr={(row) => {
-              const trProps = getTrRenderProps<TData>(row, getTdProps, {
-                ...virtualItem,
-                virtualIndex: index,
-              });
+              const trProps = getTrRenderProps<TData>(
+                row,
+                tdStyle,
+                getTdProps,
+                {
+                  ...virtualItem,
+                  virtualIndex: index,
+                },
+              );
               return renderRowTr(trProps, row);
             }}
           />
@@ -80,7 +87,7 @@ export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
           key={row.id}
           row={row}
           renderRowTr={(row) =>
-            renderRowTr(getTrRenderProps(row, getTdProps), row)
+            renderRowTr(getTrRenderProps(row, tdStyle, getTdProps), row)
           }
         />
       ))}
@@ -109,6 +116,7 @@ type RenderRowVirtualItem = VirtualItem & {
 
 function getTrRenderProps<TData extends RowData>(
   row: Row<TData>,
+  tdStyle: CSSProperties | undefined,
   getTdProps: GetTdProps<TData> | undefined,
   virtualItem?: RenderRowVirtualItem,
 ): TableRowTrRenderProps {
@@ -124,6 +132,7 @@ function getTrRenderProps<TData extends RowData>(
         <TableRowCell<TData>
           key={cell.id}
           cell={cell}
+          tdStyle={tdStyle}
           getTdProps={getTdProps}
         />
       )),

package/src/components/table/table_header_cell.tsx

@@ -48,6 +48,7 @@ function getThProps<TData extends RowData>(
     style: {
       position: 'relative',
       cursor: canSort ? 'pointer' : undefined,
+      ...column.columnDef.meta?.thStyle,
     },
     children: (
       <div style={{ display: 'flex', flexDirection: 'row', gap: '5px' }}>

package/src/components/table/table_root.tsx

@@ -12,10 +12,12 @@ import {
   useReactTable,
 } from '@tanstack/react-table';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import type { RefObject, TableHTMLAttributes } from 'react';
+import type { CSSProperties, RefObject, TableHTMLAttributes } from 'react';
 import { useEffect, useMemo, useRef } from 'react';
 import { match } from 'ts-pattern';
 
+import { shouldForwardPropExcept } from '../utils/shouldForwardPropExcept.js';
+
 import { FlashedRowProvider } from './flash_row/flashed_row_provider.js';
 import type { PreviewTablePropsContextValue } from './preview_table_context.js';
 import { PreviewTablePropsContextProvider } from './preview_table_context.js';
@@ -34,14 +36,12 @@ import type {
 } from './table_utils.js';
 import { useTableColumns } from './use_table_columns.js';
 
-const nonForwardedProps = new Set<keyof TableProps<unknown>>([
-  'striped',
-  'stickyHeader',
-  'noHeader',
-]) as Set<string>;
-
 const CustomHTMLTable = styled(HTMLTable, {
-  shouldForwardProp: (prop) => !nonForwardedProps.has(prop),
+  shouldForwardProp: shouldForwardPropExcept([
+    'striped',
+    'stickyHeader',
+    'noHeader',
+  ]),
 })<{ stickyHeader: boolean; noHeader: boolean }>`
   /* When using a sticky header, ensure that the borders are located below the last header instead of above the first row. */
   ${(props) =>
@@ -143,9 +143,16 @@ interface TableBaseProps<TData extends RowData> {
   renderHeaderCell?: HeaderCellRenderer<TData>;
 
   /**
-   * Pass custom props to the `<td>`.
+   * Pass custom default style to the `<td>` elements.
+   * If `getTdProps` returns a `style` object, it will be merged with `tdStyle`.
+   */
+  tdStyle?: CSSProperties;
+
+  /**
+   * Pass custom props to the `<td>` elements.
    * The callback is called for each cell and receives the row's data.
    * The returned properties are spread onto the `<td>` element.
+   * If `style` is returned, it will be merged with `tdStyle`.
    */
   getTdProps?: GetTdProps<TData>;
 
@@ -226,6 +233,7 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
     className,
     renderRowTr,
     renderHeaderCell,
+    tdStyle,
     getTdProps,
 
     virtualizeRows,
@@ -333,6 +341,7 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
               <TableBody
                 rows={table.getRowModel().rows}
                 renderRowTr={renderRowTr}
+                tdStyle={tdStyle}
                 getTdProps={getTdProps}
                 virtualizer={tanstackVirtualizer}
                 virtualizeRows={virtualizeRows}

package/src/components/table/table_row_cell.tsx

@@ -1,20 +1,25 @@
 import type { Cell, RowData } from '@tanstack/react-table';
 import { flexRender } from '@tanstack/react-table';
+import type { CSSProperties } from 'react';
 
 import type { GetTdProps } from './table_utils.js';
 
 interface TableRowCellProps<TData extends RowData> {
   cell: Cell<TData, unknown>;
+  tdStyle: CSSProperties | undefined;
   getTdProps: GetTdProps<TData> | undefined;
 }
 
 export function TableRowCell<TData extends RowData>(
   props: TableRowCellProps<TData>,
 ) {
-  const { cell, getTdProps } = props;
+  const { cell, tdStyle, getTdProps } = props;
+
+  const tdProps = getTdProps?.(cell);
+  const style = { ...tdStyle, ...tdProps?.style };
 
   return (
-    <td {...getTdProps?.(cell)}>
+    <td {...tdProps} style={style}>
       {flexRender(cell.column.columnDef.cell, cell.getContext())}
     </td>
   );