@sqlrooms/mosaic 0.29.0-rc.6 → 0.29.0-rc.7

package/dist/data-table-explorer/DataTableExplorerPageClient.d.ts

@@ -0,0 +1,37 @@
+import { MosaicClient, type Selection } from '@uwdata/mosaic-core';
+import { type ExprNode, type Query } from '@uwdata/mosaic-sql';
+import type { Table } from 'apache-arrow';
+import type { DataTableExplorerPaginationState, DataTableExplorerSorting } from './types';
+export type DataTableExplorerPageState = {
+    datasetId?: string;
+    error?: Error;
+    isLoading: boolean;
+    pageTable?: Table;
+};
+type DataTableExplorerPageClientOptions = {
+    columns: string[];
+    filter?: ReturnType<Selection['predicate']>;
+    onStateChange: (state: DataTableExplorerPageState) => void;
+    pagination: DataTableExplorerPaginationState;
+    sorting: DataTableExplorerSorting;
+    tableName: string;
+};
+export declare class DataTableExplorerPageClient extends MosaicClient {
+    private readonly columns;
+    private readonly datasetId;
+    private error?;
+    private readonly filter?;
+    private readonly onStateChange;
+    private readonly pagination;
+    private pageTable?;
+    private readonly sorting;
+    private readonly tableName;
+    constructor(options: DataTableExplorerPageClientOptions);
+    get filterStable(): boolean;
+    queryPending(): this;
+    query(filter?: Array<ExprNode>): Query;
+    queryResult(data: unknown): this;
+    queryError(error: Error): this;
+}
+export {};
+//# sourceMappingURL=DataTableExplorerPageClient.d.ts.map

package/dist/data-table-explorer/DataTableExplorerPageClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerPageClient.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerPageClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAC,KAAK,QAAQ,EAAE,KAAK,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EACV,gCAAgC,EAChC,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAMjB,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,KAAK,kCAAkC,GAAG;IACxC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;IAC3D,UAAU,EAAE,gCAAgC,CAAC;IAC7C,OAAO,EAAE,wBAAwB,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,qBAAa,2BAA4B,SAAQ,YAAY;IAC3D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAW;IACnC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,KAAK,CAAC,CAAQ;IACtB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAqC;IAC7D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8C;IAC5E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAmC;IAC9D,OAAO,CAAC,SAAS,CAAC,CAAQ;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;IACnD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;gBAEvB,OAAO,EAAE,kCAAkC;IAWvD,IAAa,YAAY,IAAI,OAAO,CAEnC;IAEQ,YAAY,IAAI,IAAI;IAUpB,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAa1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAWhC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAUxC"}

package/dist/data-table-explorer/DataTableExplorerPageClient.js

@@ -0,0 +1,65 @@
+import { MosaicClient } from '@uwdata/mosaic-core';
+import { buildDataTableExplorerBaseQuery, buildDataTableExplorerPageQuery, } from './utils';
+export class DataTableExplorerPageClient extends MosaicClient {
+    columns;
+    datasetId;
+    error;
+    filter;
+    onStateChange;
+    pagination;
+    pageTable;
+    sorting;
+    tableName;
+    constructor(options) {
+        super();
+        this.columns = options.columns;
+        this.datasetId = [options.tableName, ...options.columns].join('\u0001');
+        this.filter = options.filter ?? [];
+        this.onStateChange = options.onStateChange;
+        this.pagination = options.pagination;
+        this.sorting = options.sorting;
+        this.tableName = options.tableName;
+    }
+    get filterStable() {
+        return false;
+    }
+    queryPending() {
+        this.onStateChange({
+            datasetId: this.datasetId,
+            error: this.error,
+            isLoading: true,
+            pageTable: this.pageTable,
+        });
+        return this;
+    }
+    query(filter = []) {
+        const resolvedFilter = this.filter ?? filter;
+        return buildDataTableExplorerPageQuery(buildDataTableExplorerBaseQuery({
+            columns: this.columns,
+            filter: resolvedFilter,
+            sorting: this.sorting,
+            tableName: this.tableName,
+        }), this.pagination);
+    }
+    queryResult(data) {
+        this.error = undefined;
+        this.pageTable = data;
+        this.onStateChange({
+            datasetId: this.datasetId,
+            isLoading: false,
+            pageTable: this.pageTable,
+        });
+        return this;
+    }
+    queryError(error) {
+        this.error = error;
+        this.onStateChange({
+            datasetId: this.datasetId,
+            error,
+            isLoading: false,
+            pageTable: this.pageTable,
+        });
+        return this;
+    }
+}
+//# sourceMappingURL=DataTableExplorerPageClient.js.map

package/dist/data-table-explorer/DataTableExplorerPageClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerPageClient.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerPageClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAiB,MAAM,qBAAqB,CAAC;AAOjE,OAAO,EACL,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,SAAS,CAAC;AAkBjB,MAAM,OAAO,2BAA4B,SAAQ,YAAY;IAC1C,OAAO,CAAW;IAClB,SAAS,CAAS;IAC3B,KAAK,CAAS;IACL,MAAM,CAAsC;IAC5C,aAAa,CAA8C;IAC3D,UAAU,CAAmC;IACtD,SAAS,CAAS;IACT,OAAO,CAA2B;IAClC,SAAS,CAAS;IAEnC,YAAY,OAA2C;QACrD,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,SAAS,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxE,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAC3C,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;IACrC,CAAC;IAED,IAAa,YAAY;QACvB,OAAO,KAAK,CAAC;IACf,CAAC;IAEQ,YAAY;QACnB,IAAI,CAAC,aAAa,CAAC;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,KAAK,CAAC,SAA0B,EAAE;QACzC,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC;QAC7C,OAAO,+BAA+B,CACpC,+BAA+B,CAAC;YAC9B,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,cAAc;YACtB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,EACF,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAEQ,WAAW,CAAC,IAAa;QAChC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,IAAa,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,UAAU,CAAC,KAAY;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,aAAa,CAAC;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,KAAK;YACL,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import {MosaicClient, type Selection} from '@uwdata/mosaic-core';\nimport {type ExprNode, type Query} from '@uwdata/mosaic-sql';\nimport type {Table} from 'apache-arrow';\nimport type {\n  DataTableExplorerPaginationState,\n  DataTableExplorerSorting,\n} from './types';\nimport {\n  buildDataTableExplorerBaseQuery,\n  buildDataTableExplorerPageQuery,\n} from './utils';\n\nexport type DataTableExplorerPageState = {\n  datasetId?: string;\n  error?: Error;\n  isLoading: boolean;\n  pageTable?: Table;\n};\n\ntype DataTableExplorerPageClientOptions = {\n  columns: string[];\n  filter?: ReturnType<Selection['predicate']>;\n  onStateChange: (state: DataTableExplorerPageState) => void;\n  pagination: DataTableExplorerPaginationState;\n  sorting: DataTableExplorerSorting;\n  tableName: string;\n};\n\nexport class DataTableExplorerPageClient extends MosaicClient {\n  private readonly columns: string[];\n  private readonly datasetId: string;\n  private error?: Error;\n  private readonly filter?: ReturnType<Selection['predicate']>;\n  private readonly onStateChange: (state: DataTableExplorerPageState) => void;\n  private readonly pagination: DataTableExplorerPaginationState;\n  private pageTable?: Table;\n  private readonly sorting: DataTableExplorerSorting;\n  private readonly tableName: string;\n\n  constructor(options: DataTableExplorerPageClientOptions) {\n    super();\n    this.columns = options.columns;\n    this.datasetId = [options.tableName, ...options.columns].join('\\u0001');\n    this.filter = options.filter ?? [];\n    this.onStateChange = options.onStateChange;\n    this.pagination = options.pagination;\n    this.sorting = options.sorting;\n    this.tableName = options.tableName;\n  }\n\n  override get filterStable(): boolean {\n    return false;\n  }\n\n  override queryPending(): this {\n    this.onStateChange({\n      datasetId: this.datasetId,\n      error: this.error,\n      isLoading: true,\n      pageTable: this.pageTable,\n    });\n    return this;\n  }\n\n  override query(filter: Array<ExprNode> = []): Query {\n    const resolvedFilter = this.filter ?? filter;\n    return buildDataTableExplorerPageQuery(\n      buildDataTableExplorerBaseQuery({\n        columns: this.columns,\n        filter: resolvedFilter,\n        sorting: this.sorting,\n        tableName: this.tableName,\n      }),\n      this.pagination,\n    );\n  }\n\n  override queryResult(data: unknown): this {\n    this.error = undefined;\n    this.pageTable = data as Table;\n    this.onStateChange({\n      datasetId: this.datasetId,\n      isLoading: false,\n      pageTable: this.pageTable,\n    });\n    return this;\n  }\n\n  override queryError(error: Error): this {\n    this.error = error;\n    this.onStateChange({\n      datasetId: this.datasetId,\n      error,\n      isLoading: false,\n      pageTable: this.pageTable,\n    });\n    return this;\n  }\n}\n"]}

package/dist/data-table-explorer/DataTableExplorerRows.d.ts

@@ -0,0 +1,9 @@
+import type { UseDataTableExplorerReturn } from './types';
+export type DataTableExplorerRowsProps = {
+    className?: string;
+    explorer: Pick<UseDataTableExplorerReturn, 'columns' | 'pageTable' | 'pagination' | 'tableError'>;
+};
+declare function DataTableExplorerRowsImpl({ className, explorer, }: DataTableExplorerRowsProps): import("react/jsx-runtime").JSX.Element;
+export declare const DataTableExplorerRows: import("react").MemoExoticComponent<typeof DataTableExplorerRowsImpl>;
+export {};
+//# sourceMappingURL=DataTableExplorerRows.d.ts.map

package/dist/data-table-explorer/DataTableExplorerRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerRows.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerRows.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAGxD,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,IAAI,CACZ,0BAA0B,EAC1B,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,CACtD,CAAC;CACH,CAAC;AA4HF,iBAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,QAAQ,GACT,EAAE,0BAA0B,2CA2C5B;AAoBD,eAAO,MAAM,qBAAqB,uEAWjC,CAAC"}

package/dist/data-table-explorer/DataTableExplorerRows.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowCellValue, isNumericArrowType } from '@sqlrooms/data-table';
+import { cn, TableBody, TableCell, TableRow } from '@sqlrooms/ui';
+import * as arrow from 'apache-arrow';
+import { memo } from 'react';
+import { DATA_TABLE_EXPLORER_DEFAULT_COLUMN_WIDTH_STYLE, DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE, DATA_TABLE_EXPLORER_UNSUPPORTED_COLUMN_WIDTH_STYLE, } from './layout';
+import { isDataTableExplorerUnsupportedSummaryType } from './utils';
+const ROW_NUMBER_CLASS = 'bg-background text-muted-foreground sticky left-0 z-10 border-r px-1 text-center';
+function getColumnWidthStyle(field) {
+    return isDataTableExplorerUnsupportedSummaryType(field.type)
+        ? DATA_TABLE_EXPLORER_UNSUPPORTED_COLUMN_WIDTH_STYLE
+        : DATA_TABLE_EXPLORER_DEFAULT_COLUMN_WIDTH_STYLE;
+}
+function formatDataTableExplorerValue(type, value) {
+    if (arrow.DataType.isBinary(type) && value instanceof Uint8Array) {
+        return `${value.byteLength} bytes`;
+    }
+    return undefined;
+}
+function SizingRow({ columns, }) {
+    return (_jsxs(TableRow, { "aria-hidden": "true", className: "pointer-events-none h-0 border-0 opacity-0 hover:bg-transparent", children: [_jsx(TableCell, { className: "border-r p-0", style: DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE }), columns.map((column) => (_jsx(TableCell, { className: "border-r p-0", style: getColumnWidthStyle(column.field) }, column.name)))] }));
+}
+function EmptyStateRow({ columns, message, tone = 'muted', }) {
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { className: ROW_NUMBER_CLASS, style: DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE }), _jsx(TableCell, { colSpan: Math.max(columns.length, 1), className: cn('max-w-[240px] border-r p-4 align-top font-mono text-xs', tone === 'error'
+                    ? 'text-sm text-red-500'
+                    : 'text-muted-foreground text-sm'), children: message })] }));
+}
+const DataRow = memo(function DataRow({ columns, pageIndex, pageSize, pageTable, rowIndex, }) {
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { className: ROW_NUMBER_CLASS, style: DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE, children: pageIndex * pageSize + rowIndex + 1 }), columns.map((column) => {
+                const vector = pageTable.getChild(column.name);
+                const value = vector?.get(rowIndex);
+                return (_jsx(TableCell, { className: cn('max-w-[240px] overflow-hidden border-r align-top font-mono text-xs', isNumericArrowType(column.field.type) && 'text-right'), style: getColumnWidthStyle(column.field), children: _jsx("span", { className: "block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap", children: _jsx(ArrowCellValue, { fieldName: column.name, fontSizeClass: "text-xs", formatValue: formatDataTableExplorerValue, type: column.field.type, value: value }) }) }, column.name));
+            })] }));
+});
+function DataTableExplorerRowsImpl({ className, explorer, }) {
+    if (explorer.tableError) {
+        return (_jsxs(TableBody, { className: className, children: [_jsx(SizingRow, { columns: explorer.columns }), _jsx(EmptyStateRow, { columns: explorer.columns, message: explorer.tableError.message, tone: "error" })] }));
+    }
+    if (!explorer.pageTable || explorer.pageTable.numRows === 0) {
+        return (_jsxs(TableBody, { className: className, children: [_jsx(SizingRow, { columns: explorer.columns }), _jsx(EmptyStateRow, { columns: explorer.columns, message: "No rows" })] }));
+    }
+    const rows = Array.from({ length: explorer.pageTable.numRows }, (_, index) => index);
+    const pageTable = explorer.pageTable;
+    return (_jsx(TableBody, { className: className, children: rows.map((rowIndex) => (_jsx(DataRow, { columns: explorer.columns, pageIndex: explorer.pagination.pageIndex, pageSize: explorer.pagination.pageSize, pageTable: pageTable, rowIndex: rowIndex }, rowIndex))) }));
+}
+function areRowColumnsEqual(left, right) {
+    if (left.length !== right.length) {
+        return false;
+    }
+    return left.every((column, index) => {
+        const other = right[index];
+        return (column.name === other?.name &&
+            column.kind === other.kind &&
+            column.field === other.field);
+    });
+}
+export const DataTableExplorerRows = memo(DataTableExplorerRowsImpl, (previous, next) => previous.className === next.className &&
+    previous.explorer.pageTable === next.explorer.pageTable &&
+    previous.explorer.tableError === next.explorer.tableError &&
+    previous.explorer.pagination.pageIndex ===
+        next.explorer.pagination.pageIndex &&
+    previous.explorer.pagination.pageSize ===
+        next.explorer.pagination.pageSize &&
+    areRowColumnsEqual(previous.explorer.columns, next.explorer.columns));
+//# sourceMappingURL=DataTableExplorerRows.js.map

package/dist/data-table-explorer/DataTableExplorerRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerRows.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerRows.tsx"],"names":[],"mappings":"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","sourcesContent":["import {ArrowCellValue, isNumericArrowType} from '@sqlrooms/data-table';\nimport {cn, TableBody, TableCell, TableRow} from '@sqlrooms/ui';\nimport * as arrow from 'apache-arrow';\nimport {memo} from 'react';\nimport {\n  DATA_TABLE_EXPLORER_DEFAULT_COLUMN_WIDTH_STYLE,\n  DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE,\n  DATA_TABLE_EXPLORER_UNSUPPORTED_COLUMN_WIDTH_STYLE,\n} from './layout';\nimport type {UseDataTableExplorerReturn} from './types';\nimport {isDataTableExplorerUnsupportedSummaryType} from './utils';\n\nexport type DataTableExplorerRowsProps = {\n  className?: string;\n  explorer: Pick<\n    UseDataTableExplorerReturn,\n    'columns' | 'pageTable' | 'pagination' | 'tableError'\n  >;\n};\n\nconst ROW_NUMBER_CLASS =\n  'bg-background text-muted-foreground sticky left-0 z-10 border-r px-1 text-center';\n\nfunction getColumnWidthStyle(field: arrow.Field) {\n  return isDataTableExplorerUnsupportedSummaryType(field.type)\n    ? DATA_TABLE_EXPLORER_UNSUPPORTED_COLUMN_WIDTH_STYLE\n    : DATA_TABLE_EXPLORER_DEFAULT_COLUMN_WIDTH_STYLE;\n}\n\nfunction formatDataTableExplorerValue(type: arrow.DataType, value: unknown) {\n  if (arrow.DataType.isBinary(type) && value instanceof Uint8Array) {\n    return `${value.byteLength} bytes`;\n  }\n  return undefined;\n}\n\nfunction SizingRow({\n  columns,\n}: {\n  columns: UseDataTableExplorerReturn['columns'];\n}) {\n  return (\n    <TableRow\n      aria-hidden=\"true\"\n      className=\"pointer-events-none h-0 border-0 opacity-0 hover:bg-transparent\"\n    >\n      <TableCell\n        className=\"border-r p-0\"\n        style={DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE}\n      />\n      {columns.map((column) => (\n        <TableCell\n          key={column.name}\n          className=\"border-r p-0\"\n          style={getColumnWidthStyle(column.field)}\n        />\n      ))}\n    </TableRow>\n  );\n}\n\nfunction EmptyStateRow({\n  columns,\n  message,\n  tone = 'muted',\n}: {\n  columns: UseDataTableExplorerReturn['columns'];\n  message: string;\n  tone?: 'error' | 'muted';\n}) {\n  return (\n    <TableRow>\n      <TableCell\n        className={ROW_NUMBER_CLASS}\n        style={DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE}\n      />\n      <TableCell\n        colSpan={Math.max(columns.length, 1)}\n        className={cn(\n          'max-w-[240px] border-r p-4 align-top font-mono text-xs',\n          tone === 'error'\n            ? 'text-sm text-red-500'\n            : 'text-muted-foreground text-sm',\n        )}\n      >\n        {message}\n      </TableCell>\n    </TableRow>\n  );\n}\n\ntype DataRowProps = {\n  columns: UseDataTableExplorerReturn['columns'];\n  pageIndex: number;\n  pageSize: number;\n  pageTable: NonNullable<UseDataTableExplorerReturn['pageTable']>;\n  rowIndex: number;\n};\n\nconst DataRow = memo(function DataRow({\n  columns,\n  pageIndex,\n  pageSize,\n  pageTable,\n  rowIndex,\n}: DataRowProps) {\n  return (\n    <TableRow>\n      <TableCell\n        className={ROW_NUMBER_CLASS}\n        style={DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE}\n      >\n        {pageIndex * pageSize + rowIndex + 1}\n      </TableCell>\n      {columns.map((column) => {\n        const vector = pageTable.getChild(column.name) as arrow.Vector | null;\n        const value = vector?.get(rowIndex);\n        return (\n          <TableCell\n            key={column.name}\n            className={cn(\n              'max-w-[240px] overflow-hidden border-r align-top font-mono text-xs',\n              isNumericArrowType(column.field.type) && 'text-right',\n            )}\n            style={getColumnWidthStyle(column.field)}\n          >\n            <span className=\"block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap\">\n              <ArrowCellValue\n                fieldName={column.name}\n                fontSizeClass=\"text-xs\"\n                formatValue={formatDataTableExplorerValue}\n                type={column.field.type}\n                value={value}\n              />\n            </span>\n          </TableCell>\n        );\n      })}\n    </TableRow>\n  );\n});\n\nfunction DataTableExplorerRowsImpl({\n  className,\n  explorer,\n}: DataTableExplorerRowsProps) {\n  if (explorer.tableError) {\n    return (\n      <TableBody className={className}>\n        <SizingRow columns={explorer.columns} />\n        <EmptyStateRow\n          columns={explorer.columns}\n          message={explorer.tableError.message}\n          tone=\"error\"\n        />\n      </TableBody>\n    );\n  }\n\n  if (!explorer.pageTable || explorer.pageTable.numRows === 0) {\n    return (\n      <TableBody className={className}>\n        <SizingRow columns={explorer.columns} />\n        <EmptyStateRow columns={explorer.columns} message=\"No rows\" />\n      </TableBody>\n    );\n  }\n\n  const rows = Array.from(\n    {length: explorer.pageTable.numRows},\n    (_, index) => index,\n  );\n  const pageTable = explorer.pageTable;\n\n  return (\n    <TableBody className={className}>\n      {rows.map((rowIndex) => (\n        <DataRow\n          key={rowIndex}\n          columns={explorer.columns}\n          pageIndex={explorer.pagination.pageIndex}\n          pageSize={explorer.pagination.pageSize}\n          pageTable={pageTable}\n          rowIndex={rowIndex}\n        />\n      ))}\n    </TableBody>\n  );\n}\n\nfunction areRowColumnsEqual(\n  left: UseDataTableExplorerReturn['columns'],\n  right: UseDataTableExplorerReturn['columns'],\n) {\n  if (left.length !== right.length) {\n    return false;\n  }\n\n  return left.every((column, index) => {\n    const other = right[index];\n    return (\n      column.name === other?.name &&\n      column.kind === other.kind &&\n      column.field === other.field\n    );\n  });\n}\n\nexport const DataTableExplorerRows = memo(\n  DataTableExplorerRowsImpl,\n  (previous, next) =>\n    previous.className === next.className &&\n    previous.explorer.pageTable === next.explorer.pageTable &&\n    previous.explorer.tableError === next.explorer.tableError &&\n    previous.explorer.pagination.pageIndex ===\n      next.explorer.pagination.pageIndex &&\n    previous.explorer.pagination.pageSize ===\n      next.explorer.pagination.pageSize &&\n    areRowColumnsEqual(previous.explorer.columns, next.explorer.columns),\n);\n"]}

package/dist/data-table-explorer/DataTableExplorerStatusBar.d.ts

@@ -0,0 +1,9 @@
+import type { FC, ReactNode } from 'react';
+import type { UseDataTableExplorerReturn } from './types';
+export type DataTableExplorerStatusBarProps = {
+    className?: string;
+    explorer: Pick<UseDataTableExplorerReturn, 'filteredRowCount' | 'pagination' | 'setPagination' | 'sql' | 'totalRowCount'>;
+    renderActions?: (sql: string) => ReactNode;
+};
+export declare const DataTableExplorerStatusBar: FC<DataTableExplorerStatusBarProps>;
+//# sourceMappingURL=DataTableExplorerStatusBar.d.ts.map

package/dist/data-table-explorer/DataTableExplorerStatusBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerStatusBar.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerStatusBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,+BAA+B,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,IAAI,CACZ,0BAA0B,EACxB,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,KAAK,GACL,eAAe,CAClB,CAAC;IACF,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CAyEhC,CAAC"}

package/dist/data-table-explorer/DataTableExplorerStatusBar.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn } from '@sqlrooms/ui';
+import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
+export const DataTableExplorerStatusBar = ({ className, explorer, renderActions }) => {
+    const actions = renderActions?.(explorer.sql);
+    const totalPages = explorer.filteredRowCount !== undefined
+        ? Math.max(1, Math.ceil(explorer.filteredRowCount / explorer.pagination.pageSize))
+        : undefined;
+    const canGoPrevious = explorer.pagination.pageIndex > 0;
+    const canGoNext = totalPages !== undefined && explorer.pagination.pageIndex < totalPages - 1;
+    const showPaginationLabel = totalPages !== undefined;
+    return (_jsxs("div", { className: cn('flex items-center justify-between gap-3 border-t px-3 py-2 text-sm', className), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex items-center gap-1 whitespace-nowrap", children: [_jsx(Button, { variant: "ghost", size: "xs", className: "h-6 w-6 p-0", "aria-label": "Previous page", disabled: !canGoPrevious, onClick: () => {
+                                    explorer.setPagination((prev) => ({
+                                        ...prev,
+                                        pageIndex: Math.max(0, prev.pageIndex - 1),
+                                    }));
+                                }, children: _jsx(ChevronLeftIcon, { size: 14 }) }), showPaginationLabel ? (_jsxs("span", { className: "text-muted-foreground min-w-14 text-center text-[11px]", children: [explorer.pagination.pageIndex + 1, " / ", totalPages] })) : null, _jsx(Button, { variant: "ghost", size: "xs", className: "h-6 w-6 p-0", "aria-label": "Next page", disabled: !canGoNext, onClick: () => {
+                                    explorer.setPagination((prev) => ({
+                                        ...prev,
+                                        pageIndex: totalPages === undefined
+                                            ? prev.pageIndex
+                                            : Math.min(totalPages - 1, prev.pageIndex + 1),
+                                    }));
+                                }, children: _jsx(ChevronRightIcon, { size: 14 }) })] }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [explorer.filteredRowCount?.toLocaleString() ?? '0', explorer.totalRowCount !== undefined
+                                ? ` of ${explorer.totalRowCount.toLocaleString()} rows`
+                                : ' rows'] })] }), actions ? _jsx("div", { children: actions }) : null] }));
+};
+//# sourceMappingURL=DataTableExplorerStatusBar.js.map

package/dist/data-table-explorer/DataTableExplorerStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerStatusBar.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerStatusBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {FC, ReactNode} from 'react';\nimport {Button, cn} from '@sqlrooms/ui';\nimport {ChevronLeftIcon, ChevronRightIcon} from 'lucide-react';\nimport type {UseDataTableExplorerReturn} from './types';\n\nexport type DataTableExplorerStatusBarProps = {\n  className?: string;\n  explorer: Pick<\n    UseDataTableExplorerReturn,\n    | 'filteredRowCount'\n    | 'pagination'\n    | 'setPagination'\n    | 'sql'\n    | 'totalRowCount'\n  >;\n  renderActions?: (sql: string) => ReactNode;\n};\n\nexport const DataTableExplorerStatusBar: FC<\n  DataTableExplorerStatusBarProps\n> = ({className, explorer, renderActions}) => {\n  const actions = renderActions?.(explorer.sql);\n  const totalPages =\n    explorer.filteredRowCount !== undefined\n      ? Math.max(\n          1,\n          Math.ceil(explorer.filteredRowCount / explorer.pagination.pageSize),\n        )\n      : undefined;\n  const canGoPrevious = explorer.pagination.pageIndex > 0;\n  const canGoNext =\n    totalPages !== undefined && explorer.pagination.pageIndex < totalPages - 1;\n  const showPaginationLabel = totalPages !== undefined;\n\n  return (\n    <div\n      className={cn(\n        'flex items-center justify-between gap-3 border-t px-3 py-2 text-sm',\n        className,\n      )}\n    >\n      <div className=\"flex items-center gap-3\">\n        <div className=\"flex items-center gap-1 whitespace-nowrap\">\n          <Button\n            variant=\"ghost\"\n            size=\"xs\"\n            className=\"h-6 w-6 p-0\"\n            aria-label=\"Previous page\"\n            disabled={!canGoPrevious}\n            onClick={() => {\n              explorer.setPagination((prev) => ({\n                ...prev,\n                pageIndex: Math.max(0, prev.pageIndex - 1),\n              }));\n            }}\n          >\n            <ChevronLeftIcon size={14} />\n          </Button>\n          {showPaginationLabel ? (\n            <span className=\"text-muted-foreground min-w-14 text-center text-[11px]\">\n              {explorer.pagination.pageIndex + 1} / {totalPages}\n            </span>\n          ) : null}\n          <Button\n            variant=\"ghost\"\n            size=\"xs\"\n            className=\"h-6 w-6 p-0\"\n            aria-label=\"Next page\"\n            disabled={!canGoNext}\n            onClick={() => {\n              explorer.setPagination((prev) => ({\n                ...prev,\n                pageIndex:\n                  totalPages === undefined\n                    ? prev.pageIndex\n                    : Math.min(totalPages - 1, prev.pageIndex + 1),\n              }));\n            }}\n          >\n            <ChevronRightIcon size={14} />\n          </Button>\n        </div>\n        <span className=\"text-muted-foreground text-xs\">\n          {explorer.filteredRowCount?.toLocaleString() ?? '0'}\n          {explorer.totalRowCount !== undefined\n            ? ` of ${explorer.totalRowCount.toLocaleString()} rows`\n            : ' rows'}\n        </span>\n      </div>\n      {actions ? <div>{actions}</div> : null}\n    </div>\n  );\n};\n"]}

package/dist/data-table-explorer/DataTableExplorerUnsupportedSummaryClient.d.ts

@@ -0,0 +1,24 @@
+import { MosaicClient, type Selection } from '@uwdata/mosaic-core';
+import { type ExprNode, type Query } from '@uwdata/mosaic-sql';
+import type * as arrow from 'apache-arrow';
+import type { DataTableExplorerUnsupportedSummary } from './types';
+type UnsupportedSummaryClientOptions = {
+    field: arrow.Field;
+    onStateChange: (summary: DataTableExplorerUnsupportedSummary) => void;
+    selection: Selection;
+    tableName: string;
+};
+export declare class DataTableExplorerUnsupportedSummaryClient extends MosaicClient {
+    private count;
+    private readonly field;
+    private readonly onStateChange;
+    private readonly tableName;
+    constructor(options: UnsupportedSummaryClientOptions);
+    get filterStable(): boolean;
+    queryPending(): this;
+    query(filter?: Array<ExprNode>): Query;
+    queryResult(data: unknown): this;
+    queryError(error: Error): this;
+}
+export {};
+//# sourceMappingURL=DataTableExplorerUnsupportedSummaryClient.d.ts.map

package/dist/data-table-explorer/DataTableExplorerUnsupportedSummaryClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerUnsupportedSummaryClient.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerUnsupportedSummaryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAC,KAAK,QAAQ,EAAE,KAAK,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAC,mCAAmC,EAAC,MAAM,SAAS,CAAC;AAGjE,KAAK,+BAA+B,GAAG;IACrC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IACnB,aAAa,EAAE,CAAC,OAAO,EAAE,mCAAmC,KAAK,IAAI,CAAC;IACtE,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,qBAAa,yCAA0C,SAAQ,YAAY;IACzE,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;IACpC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAEpB;IACV,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;gBAEvB,OAAO,EAAE,+BAA+B;IAOpD,IAAa,YAAY,IAAI,OAAO,CAEnC;IAEQ,YAAY,IAAI,IAAI;IASpB,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAQ1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAUhC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CASxC"}

package/dist/data-table-explorer/DataTableExplorerUnsupportedSummaryClient.js

@@ -0,0 +1,51 @@
+import { MosaicClient } from '@uwdata/mosaic-core';
+import { buildDistinctCountQuery, readCountData } from './utils';
+export class DataTableExplorerUnsupportedSummaryClient extends MosaicClient {
+    count = 0;
+    field;
+    onStateChange;
+    tableName;
+    constructor(options) {
+        super(options.selection);
+        this.field = options.field;
+        this.onStateChange = options.onStateChange;
+        this.tableName = options.tableName;
+    }
+    get filterStable() {
+        return false;
+    }
+    queryPending() {
+        this.onStateChange({
+            isLoading: true,
+            kind: 'unsupported',
+            label: `${this.count.toLocaleString()} distinct values`,
+        });
+        return this;
+    }
+    query(filter = []) {
+        return buildDistinctCountQuery({
+            fieldName: this.field.name,
+            filter,
+            tableName: this.tableName,
+        });
+    }
+    queryResult(data) {
+        this.count = readCountData(data) ?? 0;
+        this.onStateChange({
+            isLoading: false,
+            kind: 'unsupported',
+            label: `${this.count.toLocaleString()} distinct values`,
+        });
+        return this;
+    }
+    queryError(error) {
+        this.onStateChange({
+            error,
+            isLoading: false,
+            kind: 'unsupported',
+            label: `${this.count.toLocaleString()} distinct values`,
+        });
+        return this;
+    }
+}
+//# sourceMappingURL=DataTableExplorerUnsupportedSummaryClient.js.map

package/dist/data-table-explorer/DataTableExplorerUnsupportedSummaryClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerUnsupportedSummaryClient.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerUnsupportedSummaryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAiB,MAAM,qBAAqB,CAAC;AAIjE,OAAO,EAAC,uBAAuB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAS/D,MAAM,OAAO,yCAA0C,SAAQ,YAAY;IACjE,KAAK,GAAG,CAAC,CAAC;IACD,KAAK,CAAc;IACnB,aAAa,CAEpB;IACO,SAAS,CAAS;IAEnC,YAAY,OAAwC;QAClD,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;IACrC,CAAC;IAED,IAAa,YAAY;QACvB,OAAO,KAAK,CAAC;IACf,CAAC;IAEQ,YAAY;QACnB,IAAI,CAAC,aAAa,CAAC;YACjB,SAAS,EAAE,IAAI;YACf,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,kBAAkB;SACxD,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,KAAK,CAAC,SAA0B,EAAE;QACzC,OAAO,uBAAuB,CAAC;YAC7B,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;YAC1B,MAAM;YACN,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAC;IACL,CAAC;IAEQ,WAAW,CAAC,IAAa;QAChC,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,aAAa,CAAC;YACjB,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,kBAAkB;SACxD,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,UAAU,CAAC,KAAY;QAC9B,IAAI,CAAC,aAAa,CAAC;YACjB,KAAK;YACL,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,kBAAkB;SACxD,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import {MosaicClient, type Selection} from '@uwdata/mosaic-core';\nimport {type ExprNode, type Query} from '@uwdata/mosaic-sql';\nimport type * as arrow from 'apache-arrow';\nimport type {DataTableExplorerUnsupportedSummary} from './types';\nimport {buildDistinctCountQuery, readCountData} from './utils';\n\ntype UnsupportedSummaryClientOptions = {\n  field: arrow.Field;\n  onStateChange: (summary: DataTableExplorerUnsupportedSummary) => void;\n  selection: Selection;\n  tableName: string;\n};\n\nexport class DataTableExplorerUnsupportedSummaryClient extends MosaicClient {\n  private count = 0;\n  private readonly field: arrow.Field;\n  private readonly onStateChange: (\n    summary: DataTableExplorerUnsupportedSummary,\n  ) => void;\n  private readonly tableName: string;\n\n  constructor(options: UnsupportedSummaryClientOptions) {\n    super(options.selection);\n    this.field = options.field;\n    this.onStateChange = options.onStateChange;\n    this.tableName = options.tableName;\n  }\n\n  override get filterStable(): boolean {\n    return false;\n  }\n\n  override queryPending(): this {\n    this.onStateChange({\n      isLoading: true,\n      kind: 'unsupported',\n      label: `${this.count.toLocaleString()} distinct values`,\n    });\n    return this;\n  }\n\n  override query(filter: Array<ExprNode> = []): Query {\n    return buildDistinctCountQuery({\n      fieldName: this.field.name,\n      filter,\n      tableName: this.tableName,\n    });\n  }\n\n  override queryResult(data: unknown): this {\n    this.count = readCountData(data) ?? 0;\n    this.onStateChange({\n      isLoading: false,\n      kind: 'unsupported',\n      label: `${this.count.toLocaleString()} distinct values`,\n    });\n    return this;\n  }\n\n  override queryError(error: Error): this {\n    this.onStateChange({\n      error,\n      isLoading: false,\n      kind: 'unsupported',\n      label: `${this.count.toLocaleString()} distinct values`,\n    });\n    return this;\n  }\n}\n"]}

package/dist/data-table-explorer/addDataTableExplorerPanelAction.d.ts

@@ -0,0 +1,3 @@
+import { type MosaicDashboardAddPanelAction } from '../dashboard/action-types';
+export declare const addDataTableExplorerPanelAction: MosaicDashboardAddPanelAction;
+//# sourceMappingURL=addDataTableExplorerPanelAction.d.ts.map

package/dist/data-table-explorer/addDataTableExplorerPanelAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addDataTableExplorerPanelAction.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/addDataTableExplorerPanelAction.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,6BAA6B,EAAC,MAAM,2BAA2B,CAAC;AAM7E,eAAO,MAAM,+BAA+B,EAAE,6BAK7C,CAAC"}

package/dist/data-table-explorer/addDataTableExplorerPanelAction.js

@@ -0,0 +1,9 @@
+import { TableProperties } from 'lucide-react';
+import { createMosaicDashboardDataTableExplorerPanelConfig, MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE, } from '../dashboard/MosaicDashboardSlice';
+export const addDataTableExplorerPanelAction = {
+    type: MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE,
+    label: 'Data Table',
+    icon: TableProperties,
+    createPanel: () => createMosaicDashboardDataTableExplorerPanelConfig(),
+};
+//# sourceMappingURL=addDataTableExplorerPanelAction.js.map

package/dist/data-table-explorer/addDataTableExplorerPanelAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addDataTableExplorerPanelAction.js","sourceRoot":"","sources":["../../src/data-table-explorer/addDataTableExplorerPanelAction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,OAAO,EACL,iDAAiD,EACjD,+CAA+C,GAChD,MAAM,mCAAmC,CAAC;AAE3C,MAAM,CAAC,MAAM,+BAA+B,GAAkC;IAC5E,IAAI,EAAE,+CAA+C;IACrD,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,GAAG,EAAE,CAAC,iDAAiD,EAAE;CACvE,CAAC","sourcesContent":["import {TableProperties} from 'lucide-react';\nimport {type MosaicDashboardAddPanelAction} from '../dashboard/action-types';\nimport {\n  createMosaicDashboardDataTableExplorerPanelConfig,\n  MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE,\n} from '../dashboard/MosaicDashboardSlice';\n\nexport const addDataTableExplorerPanelAction: MosaicDashboardAddPanelAction = {\n  type: MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE,\n  label: 'Data Table',\n  icon: TableProperties,\n  createPanel: () => createMosaicDashboardDataTableExplorerPanelConfig(),\n};\n"]}

package/dist/data-table-explorer/createDataTableExplorerStore.d.ts

@@ -0,0 +1,46 @@
+import type * as arrow from 'apache-arrow';
+import type { Dispatch, SetStateAction } from 'react';
+import type { DataTableExplorerCountState } from './DataTableExplorerCountClient';
+import type { DataTableExplorerPageState } from './DataTableExplorerPageClient';
+import type { DataTableExplorerPaginationState, DataTableExplorerSorting, DataTableExplorerSummaryState } from './types';
+export type DataTableExplorerStoreState = {
+    filteredCount: DataTableExplorerCountState;
+    lastNonEmptyPageTable?: {
+        datasetId: string;
+        pageTable: arrow.Table;
+    };
+    page: DataTableExplorerPageState;
+    pagination: DataTableExplorerPaginationState;
+    schema: {
+        error?: Error;
+        fields: arrow.Field[];
+        isLoading: boolean;
+        tableName?: string;
+    };
+    setFilteredCount: (state: DataTableExplorerCountState) => void;
+    setPage: (state: DataTableExplorerPageState) => void;
+    setPagination: Dispatch<SetStateAction<DataTableExplorerPaginationState>>;
+    setSchemaError: (error?: Error, tableName?: string) => void;
+    setSchemaLoading: (isLoading: boolean, tableName?: string) => void;
+    setSchemaSuccess: (fields: arrow.Field[], tableName?: string) => void;
+    setSorting: Dispatch<SetStateAction<DataTableExplorerSorting>>;
+    setSummary: (fieldName: string, summary: DataTableExplorerSummaryState) => void;
+    setTotalCount: (state: DataTableExplorerCountState) => void;
+    sorting: DataTableExplorerSorting;
+    summaries: Record<string, DataTableExplorerSummaryState>;
+    syncPageSize: (pageSize: number) => void;
+    totalCount: DataTableExplorerCountState;
+    clearSummaries: () => void;
+    initializeSummaries: (fields: arrow.Field[]) => void;
+    resetPageIndex: () => void;
+};
+export type DataTableExplorerStore = ReturnType<typeof createDataTableExplorerStore>;
+/**
+ * Creates a dataTableExplorer-local vanilla Zustand store that aggregates schema, row,
+ * count, and summary state for a single `useDataTableExplorer()` instance.
+ */
+export declare function createDataTableExplorerStore(options: {
+    initialSorting?: DataTableExplorerSorting;
+    pageSize: number;
+}): import("zustand").StoreApi<DataTableExplorerStoreState>;
+//# sourceMappingURL=createDataTableExplorerStore.d.ts.map

package/dist/data-table-explorer/createDataTableExplorerStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDataTableExplorerStore.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/createDataTableExplorerStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAC,2BAA2B,EAAC,MAAM,gCAAgC,CAAC;AAChF,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EACV,gCAAgC,EAChC,wBAAwB,EACxB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAcjB,MAAM,MAAM,2BAA2B,GAAG;IACxC,aAAa,EAAE,2BAA2B,CAAC;IAC3C,qBAAqB,CAAC,EAAE;QACtB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;KACxB,CAAC;IACF,IAAI,EAAE,0BAA0B,CAAC;IACjC,UAAU,EAAE,gCAAgC,CAAC;IAC7C,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;QACtB,SAAS,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,gBAAgB,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAC1E,cAAc,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,gBAAgB,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,gBAAgB,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAC/D,UAAU,EAAE,CACV,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,6BAA6B,KACnC,IAAI,CAAC;IACV,aAAa,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,wBAAwB,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,6BAA6B,CAAC,CAAC;IACzD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,2BAA2B,CAAC;IACxC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC;IACrD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,OAAO,4BAA4B,CACpC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE;IACpD,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;CAClB,2DA+IA"}

package/dist/data-table-explorer/createDataTableExplorerStore.js

@@ -0,0 +1,126 @@
+import { castDraft, produce } from 'immer';
+import { createStore } from 'zustand/vanilla';
+import { createEmptySummaryState, normalizeDataTableExplorerPagination, } from './utils';
+function resolveSetStateAction(next, previous) {
+    // Preserve React-style setter semantics so hook callers can pass either
+    // a concrete value or an updater function to the local dataTableExplorer store.
+    return typeof next === 'function'
+        ? next(previous)
+        : next;
+}
+/**
+ * Creates a dataTableExplorer-local vanilla Zustand store that aggregates schema, row,
+ * count, and summary state for a single `useDataTableExplorer()` instance.
+ */
+export function createDataTableExplorerStore(options) {
+    const { initialSorting = [], pageSize } = options;
+    return createStore((set) => ({
+        filteredCount: { isLoading: false },
+        lastNonEmptyPageTable: undefined,
+        page: { isLoading: false },
+        pagination: normalizeDataTableExplorerPagination({ pageIndex: 0, pageSize }),
+        schema: {
+            fields: [],
+            isLoading: false,
+        },
+        setFilteredCount: (nextState) => {
+            set((state) => produce(state, (draft) => {
+                draft.filteredCount = nextState;
+            }));
+        },
+        setPage: (nextState) => {
+            set((state) => produce(state, (draft) => {
+                draft.page = castDraft(nextState);
+                if (nextState.datasetId &&
+                    nextState.pageTable &&
+                    nextState.pageTable.numRows > 0) {
+                    draft.lastNonEmptyPageTable = {
+                        datasetId: nextState.datasetId,
+                        pageTable: castDraft(nextState.pageTable),
+                    };
+                }
+            }));
+        },
+        setPagination: (next) => {
+            set((state) => produce(state, (draft) => {
+                draft.pagination = normalizeDataTableExplorerPagination(resolveSetStateAction(next, state.pagination));
+            }));
+        },
+        setSchemaError: (error, tableName) => {
+            set((state) => produce(state, (draft) => {
+                draft.schema.error = error;
+                draft.schema.isLoading = false;
+                draft.schema.tableName = tableName;
+            }));
+        },
+        setSchemaLoading: (isLoading, tableName) => {
+            set((state) => produce(state, (draft) => {
+                if (tableName !== undefined && draft.schema.tableName !== tableName) {
+                    draft.schema.fields = [];
+                }
+                draft.schema.isLoading = isLoading;
+                draft.schema.tableName = tableName;
+                if (isLoading) {
+                    draft.schema.error = undefined;
+                }
+            }));
+        },
+        setSchemaSuccess: (fields, tableName) => {
+            set((state) => produce(state, (draft) => {
+                draft.schema.error = undefined;
+                draft.schema.fields = fields;
+                draft.schema.isLoading = false;
+                draft.schema.tableName = tableName;
+            }));
+        },
+        setSorting: (next) => {
+            set((state) => produce(state, (draft) => {
+                draft.sorting = resolveSetStateAction(next, state.sorting);
+                draft.pagination.pageIndex = 0;
+            }));
+        },
+        setSummary: (fieldName, summary) => {
+            set((state) => produce(state, (draft) => {
+                draft.summaries[fieldName] = summary;
+            }));
+        },
+        setTotalCount: (nextState) => {
+            set((state) => produce(state, (draft) => {
+                draft.totalCount = nextState;
+            }));
+        },
+        sorting: initialSorting,
+        summaries: {},
+        syncPageSize: (nextPageSize) => {
+            set((state) => produce(state, (draft) => {
+                if (draft.pagination.pageSize === nextPageSize) {
+                    return;
+                }
+                draft.pagination = normalizeDataTableExplorerPagination({
+                    pageIndex: 0,
+                    pageSize: nextPageSize,
+                });
+            }));
+        },
+        totalCount: { isLoading: false },
+        clearSummaries: () => {
+            set((state) => produce(state, (draft) => {
+                draft.summaries = {};
+            }));
+        },
+        initializeSummaries: (fields) => {
+            set((state) => produce(state, (draft) => {
+                draft.summaries = Object.fromEntries(fields.map((field) => [field.name, createEmptySummaryState(field)]));
+            }));
+        },
+        resetPageIndex: () => {
+            set((state) => produce(state, (draft) => {
+                draft.pagination = normalizeDataTableExplorerPagination({
+                    ...draft.pagination,
+                    pageIndex: 0,
+                });
+            }));
+        },
+    }));
+}
+//# sourceMappingURL=createDataTableExplorerStore.js.map

package/dist/data-table-explorer/createDataTableExplorerStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDataTableExplorerStore.js","sourceRoot":"","sources":["../../src/data-table-explorer/createDataTableExplorerStore.ts"],"names":[],"mappings":"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","sourcesContent":["import {castDraft, produce} from 'immer';\nimport type * as arrow from 'apache-arrow';\nimport type {Dispatch, SetStateAction} from 'react';\nimport {createStore} from 'zustand/vanilla';\nimport type {DataTableExplorerCountState} from './DataTableExplorerCountClient';\nimport type {DataTableExplorerPageState} from './DataTableExplorerPageClient';\nimport type {\n  DataTableExplorerPaginationState,\n  DataTableExplorerSorting,\n  DataTableExplorerSummaryState,\n} from './types';\nimport {\n  createEmptySummaryState,\n  normalizeDataTableExplorerPagination,\n} from './utils';\n\nfunction resolveSetStateAction<T>(next: SetStateAction<T>, previous: T): T {\n  // Preserve React-style setter semantics so hook callers can pass either\n  // a concrete value or an updater function to the local dataTableExplorer store.\n  return typeof next === 'function'\n    ? (next as (value: T) => T)(previous)\n    : next;\n}\n\nexport type DataTableExplorerStoreState = {\n  filteredCount: DataTableExplorerCountState;\n  lastNonEmptyPageTable?: {\n    datasetId: string;\n    pageTable: arrow.Table;\n  };\n  page: DataTableExplorerPageState;\n  pagination: DataTableExplorerPaginationState;\n  schema: {\n    error?: Error;\n    fields: arrow.Field[];\n    isLoading: boolean;\n    tableName?: string;\n  };\n  setFilteredCount: (state: DataTableExplorerCountState) => void;\n  setPage: (state: DataTableExplorerPageState) => void;\n  setPagination: Dispatch<SetStateAction<DataTableExplorerPaginationState>>;\n  setSchemaError: (error?: Error, tableName?: string) => void;\n  setSchemaLoading: (isLoading: boolean, tableName?: string) => void;\n  setSchemaSuccess: (fields: arrow.Field[], tableName?: string) => void;\n  setSorting: Dispatch<SetStateAction<DataTableExplorerSorting>>;\n  setSummary: (\n    fieldName: string,\n    summary: DataTableExplorerSummaryState,\n  ) => void;\n  setTotalCount: (state: DataTableExplorerCountState) => void;\n  sorting: DataTableExplorerSorting;\n  summaries: Record<string, DataTableExplorerSummaryState>;\n  syncPageSize: (pageSize: number) => void;\n  totalCount: DataTableExplorerCountState;\n  clearSummaries: () => void;\n  initializeSummaries: (fields: arrow.Field[]) => void;\n  resetPageIndex: () => void;\n};\n\nexport type DataTableExplorerStore = ReturnType<\n  typeof createDataTableExplorerStore\n>;\n\n/**\n * Creates a dataTableExplorer-local vanilla Zustand store that aggregates schema, row,\n * count, and summary state for a single `useDataTableExplorer()` instance.\n */\nexport function createDataTableExplorerStore(options: {\n  initialSorting?: DataTableExplorerSorting;\n  pageSize: number;\n}) {\n  const {initialSorting = [], pageSize} = options;\n\n  return createStore<DataTableExplorerStoreState>((set) => ({\n    filteredCount: {isLoading: false},\n    lastNonEmptyPageTable: undefined,\n    page: {isLoading: false},\n    pagination: normalizeDataTableExplorerPagination({pageIndex: 0, pageSize}),\n    schema: {\n      fields: [],\n      isLoading: false,\n    },\n    setFilteredCount: (nextState) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.filteredCount = nextState;\n        }),\n      );\n    },\n    setPage: (nextState) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.page = castDraft(nextState);\n          if (\n            nextState.datasetId &&\n            nextState.pageTable &&\n            nextState.pageTable.numRows > 0\n          ) {\n            draft.lastNonEmptyPageTable = {\n              datasetId: nextState.datasetId,\n              pageTable: castDraft(nextState.pageTable),\n            };\n          }\n        }),\n      );\n    },\n    setPagination: (next) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.pagination = normalizeDataTableExplorerPagination(\n            resolveSetStateAction(next, state.pagination),\n          );\n        }),\n      );\n    },\n    setSchemaError: (error, tableName) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.schema.error = error;\n          draft.schema.isLoading = false;\n          draft.schema.tableName = tableName;\n        }),\n      );\n    },\n    setSchemaLoading: (isLoading, tableName) => {\n      set((state) =>\n        produce(state, (draft) => {\n          if (tableName !== undefined && draft.schema.tableName !== tableName) {\n            draft.schema.fields = [];\n          }\n          draft.schema.isLoading = isLoading;\n          draft.schema.tableName = tableName;\n          if (isLoading) {\n            draft.schema.error = undefined;\n          }\n        }),\n      );\n    },\n    setSchemaSuccess: (fields, tableName) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.schema.error = undefined;\n          draft.schema.fields = fields;\n          draft.schema.isLoading = false;\n          draft.schema.tableName = tableName;\n        }),\n      );\n    },\n    setSorting: (next) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.sorting = resolveSetStateAction(next, state.sorting);\n          draft.pagination.pageIndex = 0;\n        }),\n      );\n    },\n    setSummary: (fieldName, summary) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.summaries[fieldName] = summary;\n        }),\n      );\n    },\n    setTotalCount: (nextState) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.totalCount = nextState;\n        }),\n      );\n    },\n    sorting: initialSorting,\n    summaries: {},\n    syncPageSize: (nextPageSize) => {\n      set((state) =>\n        produce(state, (draft) => {\n          if (draft.pagination.pageSize === nextPageSize) {\n            return;\n          }\n          draft.pagination = normalizeDataTableExplorerPagination({\n            pageIndex: 0,\n            pageSize: nextPageSize,\n          });\n        }),\n      );\n    },\n    totalCount: {isLoading: false},\n    clearSummaries: () => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.summaries = {};\n        }),\n      );\n    },\n    initializeSummaries: (fields) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.summaries = Object.fromEntries(\n            fields.map((field) => [field.name, createEmptySummaryState(field)]),\n          );\n        }),\n      );\n    },\n    resetPageIndex: () => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.pagination = normalizeDataTableExplorerPagination({\n            ...draft.pagination,\n            pageIndex: 0,\n          });\n        }),\n      );\n    },\n  }));\n}\n"]}

package/dist/data-table-explorer/dashboard/MosaicDashboardDataTableExplorerPanelRenderer.d.ts

@@ -0,0 +1,4 @@
+import type { DataTableExplorerPanel } from '../../dashboard/dashboard-types';
+import { type MosaicDashboardPanelRenderer } from '../../dashboard/MosaicDashboardSlice';
+export declare const mosaicDashboardDataTableExplorerPanelRenderer: MosaicDashboardPanelRenderer<DataTableExplorerPanel>;
+//# sourceMappingURL=MosaicDashboardDataTableExplorerPanelRenderer.d.ts.map

package/dist/data-table-explorer/dashboard/MosaicDashboardDataTableExplorerPanelRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardDataTableExplorerPanelRenderer.d.ts","sourceRoot":"","sources":["../../../src/data-table-explorer/dashboard/MosaicDashboardDataTableExplorerPanelRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EACL,KAAK,4BAA4B,EAGlC,MAAM,sCAAsC,CAAC;AAyD9C,eAAO,MAAM,6CAA6C,EAAE,4BAA4B,CAAC,sBAAsB,CAI5G,CAAC"}