buckaroo-js-core 0.8.5 → 0.14.0

package/dist/src/stories/MessageBox.stories.d.ts

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react';
+import { MessageBox } from '../components/MessageBox';
+declare const meta: {
+    title: string;
+    component: typeof MessageBox;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        messages: {
+            control: "object";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Empty: Story;
+export declare const CacheMessages: Story;
+export declare const CacheInfo: Story;
+export declare const ExecutionUpdates: Story;
+export declare const MixedMessages: Story;
+export declare const ManyMessages: Story;
+export declare const LongMessages: Story;
+export declare const StreamingMessages: Story;

package/dist/src/stories/OperationViewer.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+import { Operation } from '../components/OperationUtils';
+import { CommandConfigT } from '../components/CommandUtils';
+declare const meta: {
+    title: string;
+    component: ({ operations, activeColumn, allColumns, command_config, }: {
+        operations: Operation[];
+        activeColumn: string;
+        allColumns: string[];
+        command_config: CommandConfigT;
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const SingleOperation: Story;
+export declare const DataCleaning: Story;
+export declare const ManyOperations: Story;

package/dist/src/stories/OperationsList.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { Operation } from '../components/OperationUtils';
+declare const meta: {
+    title: string;
+    component: ({ operations }: {
+        operations: Operation[];
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const SingleOperation: Story;
+export declare const DataCleaning: Story;
+export declare const ManyOperations: Story;

package/dist/src/stories/OutsideParamsInconsistency.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+declare const meta: {
+    title: string;
+    component: React.FC<{
+        delayed?: boolean;
+    }>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const WithDelay: Story;

package/dist/src/stories/PinnedRowsDynamic.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/src/stories/PinnedRowsRace.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/src/stories/PinnedRowsTranscriptReplayer.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const OneSecondGap: Story;

package/dist/src/stories/RawAGGrid.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { DFData } from '../components/DFViewerParts/DFWhole';
+import { ColDef } from 'ag-grid-community';
+declare const meta: {
+    title: string;
+    component: ({ colDefs, data }: {
+        colDefs: Record<string, ColDef[]>;
+        data: Record<string, DFData>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/stories/SmallDFScroll.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/src/stories/StatusBar.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { BuckarooOptions, BuckarooState, DFMeta } from '../components/WidgetTypes';
+declare const meta: {
+    title: string;
+    component: ({ dfMeta, buckarooState, buckarooOptions, }: {
+        dfMeta: DFMeta;
+        buckarooState: BuckarooState;
+        buckarooOptions: BuckarooOptions;
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const NoCleaningNoPostProcessing: Story;

package/dist/src/stories/StoryUtils.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface ShadowDomWrapperProps {
+    children: React.ReactNode;
+}
+export declare const ShadowDomWrapper: React.FC<ShadowDomWrapperProps>;
+type SelectBoxProps<T extends string> = {
+    label: string;
+    options: T[];
+    value: T;
+    onChange: (value: T) => void;
+};
+export declare const SelectBox: <T extends string>({ label, options, value, onChange }: SelectBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/stories/Styling.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ a }: {
+        a: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/src/stories/StylingIssues.stories.d.ts

@@ -0,0 +1,54 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => null;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Baseline – 5 cols, 1-char headers, 1-2 digit values. Should look fine. (#599) */
+export declare const FewCols_ShortHdr_ShortData: Story;
+/** 5 cols, 1-char headers, 6-7 digit values. Data drives width, no contention. */
+export declare const FewCols_ShortHdr_LongData: Story;
+/** 5 cols, 12-18 char headers, 1-2 digit values. Header wider than data. */
+export declare const FewCols_LongHdr_ShortData: Story;
+/** 5 cols, long headers, long data. Both are wide; no contention at 5 cols. */
+export declare const FewCols_LongHdr_LongData: Story;
+/** 25 cols, 1-char headers, 1-2 digit values. Primary bug case (#595/#599). */
+export declare const ManyCols_ShortHdr_ShortData: Story;
+/** 25 cols, 1-char headers, 6-7 digit values. Data wants space (#596). */
+export declare const ManyCols_ShortHdr_LongData: Story;
+/** 25 cols, 12-18 char headers, 1-2 digit values. Headers want space (#596). */
+export declare const ManyCols_LongHdr_ShortData: Story;
+/** 25 cols, long headers, long data. Worst-case contention (#596). */
+export declare const ManyCols_LongHdr_LongData: Story;
+/** 25 cols with fitGridWidth in 800px. #595 repro — values show "..." without minWidth fix. */
+export declare const ManyCols_LongHdr_YearData: Story;
+/** 5 cols, values 3M–5.7B, float displayer. Shows why compact is needed (#597). */
+export declare const LargeNumbers_Float: Story;
+/** Same data as LargeNumbers_Float but using compact_number displayer (#597 fix). */
+export declare const LargeNumbers_Compact: Story;
+/** 5 cols, values tightly clustered 5.60B–5.68B, float displayer (#602 baseline). */
+export declare const ClusteredBillions_Float: Story;
+/** Same clustered data with compact_number – exposes precision loss (#602). */
+export declare const ClusteredBillions_Compact: Story;
+/** 10 long-header cols + pinned summary stats + left index. Tests #587 alignment. */
+export declare const PinnedIndex_FewCols: Story;
+/** 20 long-header cols + pinned summary stats. #587 alignment under width contention. */
+export declare const PinnedIndex_ManyCols: Story;
+/** 20 narrow cols + pinned rows. Cross-issue: #595 + #587 + #599. */
+export declare const Mixed_ManyNarrow_WithPinned: Story;
+/** 5 wide cols + pinned rows. #587 baseline (should look fine). */
+export declare const Mixed_FewWide_WithPinned: Story;
+/** 25 cols with Python-computed minWidth=38. Narrow integers stay compact, no wasted space. */
+export declare const PythonMinWidth_NarrowInts: Story;
+/** 25 cols with Python-computed minWidth=134 (long headers force wider columns). */
+export declare const PythonMinWidth_LongHeaders: Story;
+/** Mixed column types with varying Python-computed minWidths (38, 134, 51px). */
+export declare const PythonMinWidth_MixedTypes: Story;
+/** 15 narrow-data cols with histogram pinned rows. Histogram forces 100px min (vs ~38px without). */
+export declare const Histogram_NarrowCols: Story;
+/** Same as Histogram_NarrowCols but with data-only minWidth=38 — histograms get crushed. */
+export declare const Histogram_NarrowCols_NoHistMin: Story;

package/dist/src/stories/ThemeCustomization.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+import { DFViewerConfig } from '../components/DFViewerParts/DFWhole';
+import { DatasourceOrRaw } from '../components/DFViewerParts/DFViewerDataHelper';
+declare const meta: {
+    title: string;
+    component: ({ data_wrapper, df_viewer_config, }: {
+        data_wrapper: DatasourceOrRaw;
+        df_viewer_config: DFViewerConfig;
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DefaultNoTheme: Story;
+export declare const CustomAccent: Story;
+export declare const ForcedDark: Story;
+export declare const ForcedLight: Story;
+export declare const FullCustom: Story;

package/dist/src/stories/UseMemoExamples.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/stories/WeirdTypes.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { DFData, DFViewerConfig } from '../components/DFViewerParts/DFWhole';
+declare const meta: {
+    title: string;
+    component: ({ df_data, df_viewer_config, summary_stats_data, }: {
+        df_data: DFData;
+        df_viewer_config: DFViewerConfig;
+        summary_stats_data?: DFData;
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const PandasWeirdTypes: Story;
+export declare const PolarsWeirdTypes: Story;

package/dist/src/test-utils/agGridSpy.d.ts

@@ -0,0 +1,53 @@
+import { IGetRowsParams, RefreshCellsParams } from 'ag-grid-community';
+/**
+ * Spy harness for the ag-grid-react mock used by the flash-matrix tests.
+ *
+ * Replaces the AgGridReact component with a stub that records:
+ *   - mountCount               — how many times AgGridReact mounted
+ *   - setGridOption[]          — every (key, value) passed to setGridOption
+ *   - refreshCells[]            — every refreshCells call
+ *   - refreshInfiniteCache      — count
+ *   - purgeInfiniteCache        — count
+ *   - getRowsCallArgs[]         — every IGetRowsParams passed to the datasource
+ *   - rowIdsByIndex             — for each row index, the distinct row IDs produced
+ *                                 by getRowId across renders (probes the row-id
+ *                                 salting behavior)
+ *   - lastProps                 — the most recent props object
+ *
+ * Use:
+ *
+ *   const spy = createAgGridSpy();
+ *   spy.install();   // call BEFORE `render()` (jest.mock is hoisted by ts-jest;
+ *                    //   install() resets the captured state instead)
+ *
+ *   render(<DFViewerInfinite ... />);
+ *   expect(spy.calls.mountCount).toBe(1);
+ */
+import * as React from "react";
+export interface AgGridSpyCalls {
+    mountCount: number;
+    setGridOption: Array<[string, unknown]>;
+    refreshCells: RefreshCellsParams[];
+    refreshInfiniteCache: number;
+    purgeInfiniteCache: number;
+    getRowsCallArgs: IGetRowsParams[];
+    rowIdsByIndex: Map<number, Set<string>>;
+    lastProps: any;
+    onGridReadyCalled: number;
+    applyColumnState: Array<any>;
+    columnStateMock: any[];
+}
+export declare const resetSpy: () => void;
+export declare const setMockColumnState: (state: any[]) => void;
+/**
+ * Factory called by `jest.mock("ag-grid-react", ...)` to install the spy.
+ *
+ * NOTE: jest.mock() factory bodies must not reference out-of-scope variables.
+ * That's why this module exports `resetSpy` + `getSpyCalls` + the factory
+ * rather than a closure-capturing builder. The factory inlines a reference to
+ * `sharedCalls` via the module re-import, which is allowed.
+ */
+export declare const agGridReactMockFactory: () => {
+    AgGridReact: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+};
+export declare const getSpyCalls: () => AgGridSpyCalls;

package/dist/src/widgetUtils.d.ts

@@ -0,0 +1 @@
+export declare const injectBuckarooCSS: (css_text: string) => void;

package/dist/style.css

@@ -0,0 +1 @@
+.columns-editor{padding:2px;margin:0;border-radius:2px}.column-list{width:100%;font-size:1rem}.column-list dl{display:flex;margin:0;padding:0}.column-list dl div.list-item{padding:3px}.column-list dl div.list-item dt{float:left;max-width:90px;overflow:hidden;max-height:1rem}.column-list dl div.list-item dd{float:right}.column-list dl div.list-item .column-editor{width:100%;clear:both;height:30px}.column-list dl div.list-item .column-editor label span,.column-list dl div.list-item .column-editor label input[type=checkbox]{float:left}.dependent-tabs{font-size:.95rem;padding:2px 2px 0}.dependent-tabs ul.tabs{margin-top:0;margin-bottom:0;padding-left:0}.dependent-tabs ul.tabs li{float:left;background:var(--ag-background-color);color:var(--ag-foreground-color);border:1px solid purple;border-bottom:none;list-style:none;margin-right:2px;padding:1px 4px;font-size:.95em}.dependent-tabs ul.tabs li.active{background:var(--ag-range-selection-background-color);color:var(--ag-accent-color)}.dependent-tabs .output-area{clear:both;float:none;padding:0}.python-displayer,.command-displayer{width:100%;height:100%;background:var(--ag-background-color, hsl(0, 0%, 13%));overflow:hidden;padding:2px}.python-displayer pre,.command-displayer pre{color:#41ff00}@media (prefers-color-scheme: light){.python-displayer pre,.command-displayer pre{color:#006400}}.command-displayer pre{overflow:hidden}.modal{position:absolute;background-color:#fff;border:1px solid black;padding:16px;list-style:none}.modal>li{padding:8px}.operations-box{margin-top:1px;padding:1px 2px;background:none;border-radius:2px}.operations-box h4{font-size:.95em;margin:0 0 1px;color:#2c3e50;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.operation-adder{display:flex;align-items:center;gap:1px;margin-bottom:1px;padding:1px 2px;background:none;border-radius:2px}.operation-adder span.column-name{font-weight:600;color:#2c3e50;padding:1px 2px;background-color:#e9ecef;border-radius:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.95em}.operation-adder fieldset{border:none;margin:0;padding:0;display:flex;gap:1px}.operation-adder button{padding:1px 2px;background-color:var(--bk-accent-color, #007bff);color:#fff;border:none;border-radius:0;cursor:pointer;font-size:.85em;transition:background-color .2s}.operation-adder button:hover{background-color:var(--bk-accent-hover-color, #0056b3)}.operations-list{display:flex;flex-direction:row;gap:1px;flex-wrap:wrap;align-items:flex-start;margin-top:1px;margin-left:1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.operations-list .operation-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1px;padding:1px 2px;background-color:#fff;border:1px solid #dee2e6;border-radius:2px;cursor:pointer;transition:all .2s;width:80px;box-shadow:none;font-size:.95em}.operations-list .operation-item:hover{border-color:#adb5bd}.operations-list .operation-item.active.auto_clean{background-color:#e1bee7!important;border:2px solid #4dabf7!important;color:#856404}.operations-list .operation-item.active{background-color:#fff3cd!important;border:1px solid #ffeeba!important;color:#856404}.operations-list .operation-item.auto_clean{border:2px solid #4dabf7!important;background-color:#f3e5f5!important}.operations-list .operation-item.auto_clean:hover{border-color:#339af0!important;background-color:#e1bee7!important}.operations-list .operation-item.default-operation{background-color:#fff;border:1px solid #dee2e6}.operations-list .operation-item.default-operation:hover{border-color:#adb5bd;background-color:#f8f9fa}.operations-list .operation-content{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.operations-list .operation-content .symbol{font-weight:500;color:#495057;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operations-list .operation-content .arg{font-size:12px;color:#868e96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operations-list .operation-content .clean-strategy{font-size:11px;color:#4dabf7;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operations-list .preserve-button,.operations-list .delete-button{border:none;cursor:pointer;border-radius:2px;transition:all .2s}.operations-list .preserve-button{background-color:#4dabf7;color:#fff;font-size:11px;padding:1px 2px;margin-top:1px;font-weight:400;width:100%}.operations-list .delete-button{background:none;color:#adb5bd;padding:0;font-size:14px;line-height:1;margin-left:1px}.operations-list .preserve-button:hover{background-color:#339af0}.operations-list .delete-button:hover{color:#fa5252}.operation-detail{margin-top:1px;padding:1px 2px;background-color:#fff3cd;border-radius:2px}.operation-detail .arg-getters{display:flex;flex-direction:column;gap:8px}.operation-detail .arg-getters fieldset{border:1px solid #dee2e6;border-radius:3px;padding:2px 4px;margin-bottom:2px}.operation-detail .arg-getters div.col-enum{width:100%;overflow-x:auto}.operation-detail .arg-getters div.col-enum table{width:100%;border-collapse:collapse}.operation-detail .arg-getters div.col-enum table td,.operation-detail .arg-getters div.col-enum table th{border:1px solid #dee2e6;padding:4px 8px;text-align:left}.operation-detail .arg-getters div.col-enum table th{background-color:#e9ecef;font-weight:600}.operations-viewer{border:none;border-radius:2px;padding:0;background:none;box-shadow:none;font-size:.95rem}.operations-viewer .operation-adder{clear:both}.operations-viewer .operations-box{clear:left;display:flex;overflow:auto}.operations-viewer .operations-box h4{font-size:1em;border:1px orange;color:#000}.operations-viewer .operations-box div{overflow-x:scroll}.col-enum table{margin-bottom:9px}.ag-theme-alpine-dark,.ag-theme-alpine{--ag-spacing:3px;--ag-list-item-height: 20px}div.dependent-tabs ul.tabs li.active{background:var(--bk-accent-color, rgba(33, 150, 243, .49))}.ag-row .ag-cell{font-family:monospace;white-space:pre}.ag-row .ag-cell.ag-cell-wrap-text{white-space:normal}.left-menu{color:#000}.status-bar .ag-center-cols-viewport{min-height:unset!important}.status-bar .ag-root-wrapper{border-bottom-left-radius:0;border-bottom-right-radius:0}.buckaroo-widget .df-viewer .ag-root-wrapper{border-top-left-radius:0;border-top-right-radius:0}@media (prefers-color-scheme: light){.status-bar .ag-root-wrapper{border:1px solid #c0c0c0!important;border-bottom:none!important}.df-viewer .ag-root-wrapper{border:1px solid #c0c0c0!important}.buckaroo-widget .df-viewer .ag-root-wrapper{border-top:none!important}}.theme-hanger{background-color:var(--bk-bg-color, #181D1F)}@media (prefers-color-scheme: light){.theme-hanger{background-color:var(--bk-bg-color, #ffffff)}}.marimo .orig-df{display:flex;flex-direction:column}.marimo .statusBar{width:100%;order:1}.marimo .orig-df .df-viewer{order:1}.custom-tooltip{color:#000;background:green}.histogram-component{margin:0}.floating-tooltip{color:#000;background:#fff}.floating-tooltip dl{border:1px solid black;padding:1px 4px;margin:0;display:flow-root}.floating-tooltip dl dt{font-weight:700;float:left;margin:0;padding:0}.floating-tooltip dl dd{float:left;margin:0 0 0 10px;clear:right}.df-viewer{width:100%}.df-viewer.short-mode .ag-center-cols-viewport{min-height:50px}.df-viewer.in-iframe.short-mode .ag-center-cols-viewport,.df-viewer.in-iframe .ag-center-cols-viewport{min-height:450px}.ag-root-wrapper-body .ag-cell-inline-editing{height:100%}.buckaroo_anywidget{min-width:900px}div div div .buckaroo_anywidget{min-width:inherit}.statusBar .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,.statusBar .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),.statusBar .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,.statusBar .ag-ltr .ag-cell-range-single-cell,.statusBar .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,.statusBar .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,.statusBar .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),.statusBar .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,.statusBar .ag-rtl .ag-cell-range-single-cell,.statusBar .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle{border-style:none;outline:initial}.statusBar .ag-column-first{padding:0}.statusBar .ag-column-first .FakeSearchEditor input{outline:none}.FakeSearchEditor{width:100%}.FakeSearchEditor input{border:none;background:transparent;color:inherit;outline:none}.FakeSearchEditor button{border:none;border-left:1px solid var(--ag-border-color, #68686e);background:transparent;color:inherit;cursor:pointer;padding:0 4px}@media (prefers-color-scheme: dark){div.cell-output-ipywidget-background{background:#1f1f1f!important}}@media (prefers-color-scheme: light){div.cell-output-ipywidget-background{background:#fff!important}}.cell-output-ipywidget-background .status-bar{margin-bottom:0}.cell-output-ipywidget-background .df-viewer{margin-top:0}.cell-output-ipywidget-background .df-viewer .theme-hanger{margin-top:-12px}.ag-header-row .left_col_configs_header,.ag-row .left_col_configs_cell{border-right:2px solid var(--ag-border-color, #717171)!important}.ag-header-row .left_col_configs_header_last,.ag-row .left_col_configs_cell_last{border-right:4px solid var(--ag-border-color, #717171)!important;border-bottom:none;border-top:none}.df-viewer .ag-header{border-bottom:4px solid var(--ag-border-color, #717171)!important}.df-viewer .ag-center-cols-viewport .ag-row:first-child{border-top:2px solid var(--ag-border-color, #717171)!important}mark.buckaroo-highlight{background-color:#ff0;padding:0}

package/package.json

@@ -1,117 +1,128 @@
 {
   "name": "buckaroo-js-core",
-  "version": "0.8.5",
-  "description": "Core JS/tsx components of buckaroo, packaged separately",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "scripts": {
-    "clean": "tsc --build --clean && rimraf docs",
-    "build": "npm run clean && npm run build:lib && npm run build:examples",
-    "build:lib": "tsc",
-    "build:examples": "webpack --mode=production --env production",
-    "dev": "webpack-cli serve --mode=development --env development --open",
-    "prod": "webpack-cli serve --mode=production --env production --open",
-    "lint": "eslint './{examples,src}/**/*.{ts,tsx}'",
-    "lint:fix": "eslint './{examples,src}/**/*.{ts,tsx}' --fix",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "codecov": "curl -s https://codecov.io/bash | bash",
-    "preversion": "npm run test",
-    "version": "npm run clean && npm run build && git add package.json README.md",
-    "postversion": "git push && git push --tags && npm run publish"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/paddymul/buckaroo-js-core.git"
-  },
-  "homepage": "https://github.com/paddymul/buckaroo-js-core",
+  "version": "0.14.0",
+  "description": "React + AG-Grid components and infinite-scroll data layer that power the Buckaroo DataFrame viewer.",
   "keywords": [
+    "buckaroo",
+    "dataframe",
+    "ag-grid",
     "react",
-    "edit",
-    "editable",
-    "editable-table",
-    "editable-list",
-    "editable-grid",
-    "list",
-    "listview",
-    "es6",
-    "js",
-    "typescript"
+    "pandas",
+    "data-viewer",
+    "jupyter"
   ],
-  "author": "Paddy Mullen <paddy@paddymullen.com>",
-  "license": "ISC",
+  "license": "BSD-3-Clause",
+  "author": "Paddy Mullen",
+  "homepage": "https://github.com/buckaroo-data/buckaroo",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/buckaroo-data/buckaroo.git",
+    "directory": "packages/buckaroo-js-core"
+  },
   "bugs": {
-    "url": "https://github.com/paddymul/buckaroo-js-core/issues"
+    "url": "https://github.com/buckaroo-data/buckaroo/issues"
   },
-  "dependencies": {
-    "ag-grid-community": "^31.0.3",
-    "ag-grid-react": "^31.0.3",
-    "lodash": "^4.17.21"
+  "packageManager": "pnpm@9.0.0",
+  "type": "module",
+  "main": "dist/index.esm.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "default": "./dist/index.esm.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./package.json": "./package.json"
   },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build:tsc": "tsc -b",
+    "build:vite": "vite build",
+    "build": "tsc -b && vite build",
+    "prepublishOnly": "pnpm run build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "jest",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build -o dist/storybook",
+    "test:pw": "pnpm exec playwright test",
+    "test:pw:headed": "pnpm exec playwright test --headed",
+    "test:pw:ui": "pnpm exec playwright test --ui",
+    "test:pw:report": "pnpm exec playwright show-report",
+    "test:integration": "pnpm exec playwright test --config playwright.config.integration.ts --reporter=line",
+    "test:server": "pnpm exec playwright test --config playwright.config.server.ts",
+    "test:server:headed": "pnpm exec playwright test --config playwright.config.server.ts --headed",
+    "test:marimo": "pnpm exec playwright test --config playwright.config.marimo.ts",
+    "test:marimo:headed": "pnpm exec playwright test --config playwright.config.marimo.ts --headed",
+    "test:wasm-marimo": "pnpm exec playwright test --config playwright.config.wasm-marimo.ts",
+    "test:wasm-marimo:headed": "pnpm exec playwright test --config playwright.config.wasm-marimo.ts --headed",
+    "test:static-embed": "pnpm exec playwright test --config playwright.config.static-embed.ts --reporter=line",
+    "test:static-embed:headed": "pnpm exec playwright test --config playwright.config.static-embed.ts --headed"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "dependencies": {
+    "ag-grid-community": "^33.3.2",
+    "ag-grid-react": "^33.3.2",
+    "hyparquet": "^1.8.2",
+    "lodash-es": "^4.17.21",
+    "recharts": "^2.13.1"
   },
   "devDependencies": {
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-async-to-generator": "7.16.8",
-    "@babel/plugin-transform-runtime": "7.17.0",
-    "@babel/preset-env": "7.16.11",
-    "@babel/preset-react": "7.16.7",
-    "@babel/preset-typescript": "7.16.7",
-    "@babel/runtime": "7.17.9",
-    "@eslint/compat": "^1.2.1",
-    "@eslint/eslintrc": "^3.1.0",
+    "@babel/preset-typescript": "^7.26.0",
     "@eslint/js": "^9.13.0",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^13.0.0",
+    "@jest/globals": "^29.7.0",
+    "@playwright/test": "^1.52.0",
+    "@storybook/addon-essentials": "^8.5.6",
+    "@storybook/addon-interactions": "^8.5.6",
+    "@storybook/addon-links": "^8.5.6",
+    "@storybook/blocks": "^8.5.6",
+    "@storybook/react": "^8.5.6",
+    "@storybook/react-vite": "^8.5.6",
+    "@storybook/test": "^8.5.6",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
     "@types/jest": "^29.5.14",
-    "@types/node": "^14.14.25",
-    "@types/prismjs": "^1.16.3",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@types/webpack-dev-server": "^4.7.1",
-    "@typescript-eslint/eslint-plugin": "^8.11.0",
-    "@typescript-eslint/parser": "^8.11.0",
-    "@typescript-eslint/typescript-estree": "^8.11.0",
-    "bootstrap": "^5.1.3",
-    "css-loader": "^5.0.1",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.15.3",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "@welldone-software/why-did-you-render": "^8",
     "eslint": "^9.13.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^5.0.0",
-    "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^6.1.0",
-    "glob": "^7.1.6",
+    "eslint-plugin-react-refresh": "^0.4.14",
     "globals": "^15.11.0",
-    "html-loader": "^2.1.2",
-    "html-webpack-plugin": "^5.0.0",
-    "jest": "^29.5.14",
-    "jest-canvas-mock": "^2.3.1",
-    "markdown-loader": "^7.0.0",
-    "null-loader": "^4.0.1",
-    "prettier": "2.6.2",
-    "prism-themes": "^1.6.0",
-    "prismjs": "^1.28.0",
-    "raw-loader": "^4.0.2",
-    "react": "^18.0.0",
-    "react-bootstrap": "^2.0.0",
-    "react-dom": "^18.0.0",
-    "react-router": "^6.27.0",
-    "react-router-dom": "^5.2.0",
-    "react-test-renderer": "^18.0.0",
-    "rimraf": "^6.0.1",
-    "style-loader": "^2.0.0",
-    "svg-url-loader": "^7.1.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jsdom": "^26.0.0",
+    "storybook": "^8.4.4",
+    "styled-components": "^6.1.13",
     "ts-jest": "^29.2.5",
-    "ts-loader": "^9.5.1",
     "ts-node": "^10.9.2",
-    "tsconfig-paths-webpack-plugin": "^3.3.0",
-    "typescript": "<5.2.0",
-    "webpack": "^5.20.1",
-    "webpack-cli": "^5.0.0",
-    "webpack-dev-server": "^5.0.0"
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.11.0",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.4"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
   }
 }

package/.prettierrc

@@ -1,16 +0,0 @@
-{
-  "printWidth": 100,
-  "trailingComma": "none",
-  "tabWidth": 4,
-  "semi": true,
-  "singleQuote": true,
-  "bracketSpacing": false,
-  "bracketSameLine": false,
-  "arrowParens": "always",
-  "endOfLine": "auto",
-  "jsxSingleQuote": true,
-  "proseWrap": "preserve",
-  "quoteProps": "as-needed",
-  "useTabs": false,
-  "htmlWhitespaceSensitivity": "css"
-}