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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerHistogramClient.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerHistogramClient.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,179 @@
+import { MosaicClient, queryFieldInfo, } from '@uwdata/mosaic-core';
+import { Interval1D, bin } from '@uwdata/mosaic-plot';
+import { count, Query } from '@uwdata/mosaic-sql';
+import { rowsFromQueryResult, splitHistogramBins } from './utils';
+export class DataTableExplorerHistogramClient extends MosaicClient {
+    type = 'rectY';
+    filteredError;
+    filteredLoading = true;
+    field;
+    fieldInfo;
+    fieldInfoPromise;
+    filteredBins;
+    filteredNullCount;
+    interactor;
+    onStateChange;
+    select;
+    tableName;
+    totalBins;
+    totalError;
+    totalLoading = true;
+    totalNullCount;
+    valueType;
+    constructor(options) {
+        super(options.selection);
+        this.field = options.field;
+        this.onStateChange = options.onStateChange;
+        this.tableName = options.tableName;
+        this.valueType = options.valueType;
+        const binned = bin(options.field.name, { steps: options.steps })(this, 'x');
+        this.select = { x1: binned.x1, x2: binned.x2, y: count() };
+        this.interactor = new Interval1D(this, {
+            brush: undefined,
+            channel: 'x',
+            field: options.field.name,
+            peers: false,
+            selection: options.selection,
+        });
+    }
+    get filterStable() {
+        return true;
+    }
+    emitSummary() {
+        const totalRows = this.totalBins ?? (this.totalLoading ? (this.filteredBins ?? []) : []);
+        const total = splitHistogramBins(totalRows);
+        const filteredRows = this.filteredBins ?? (this.filteredLoading ? (this.totalBins ?? []) : []);
+        const filtered = splitHistogramBins(filteredRows);
+        this.onStateChange({
+            error: this.filteredError ?? this.totalError,
+            filteredBins: filtered.bins,
+            filteredNullCount: this.filteredNullCount ??
+                (this.filteredLoading ? total.nullCount : filtered.nullCount),
+            interactor: this.interactor,
+            isLoading: this.filteredLoading || this.totalLoading,
+            kind: 'histogram',
+            totalBins: total.bins,
+            totalNullCount: this.totalNullCount ??
+                (this.totalLoading ? filtered.nullCount : total.nullCount),
+            valueType: this.valueType,
+        });
+    }
+    async ensureFieldInfo() {
+        if (this.fieldInfo) {
+            return;
+        }
+        if (!this.fieldInfoPromise) {
+            this.fieldInfoPromise = queryFieldInfo(this.coordinator, [
+                {
+                    table: this.tableName,
+                    column: this.field.name,
+                    stats: ['min', 'max'],
+                },
+            ])
+                .then(([info]) => {
+                this.fieldInfo = info;
+            })
+                .catch((error) => {
+                this.fieldInfo = undefined;
+                this.fieldInfoPromise = undefined;
+                throw error;
+            });
+        }
+        await this.fieldInfoPromise;
+    }
+    setTotalError(error) {
+        this.totalError = error;
+        this.totalLoading = false;
+        this.emitSummary();
+    }
+    setTotalLoading(isLoading) {
+        this.totalLoading = isLoading;
+        if (isLoading) {
+            this.totalError = undefined;
+        }
+        this.emitSummary();
+    }
+    setTotalRows(rows) {
+        const { nullCount } = splitHistogramBins(rows);
+        this.totalBins = rows;
+        this.totalNullCount = nullCount;
+        this.totalError = undefined;
+        this.totalLoading = false;
+        this.emitSummary();
+    }
+    queryPending() {
+        this.filteredLoading = true;
+        this.filteredError = undefined;
+        this.emitSummary();
+        return this;
+    }
+    async prepare() {
+        await this.ensureFieldInfo();
+    }
+    query(filter = []) {
+        return Query.from({ source: this.tableName })
+            .select(this.select)
+            .groupby([this.select.x1, this.select.x2])
+            .where(filter);
+    }
+    queryResult(data) {
+        const rows = rowsFromQueryResult(data);
+        const { nullCount } = splitHistogramBins(rows);
+        this.filteredBins = rows;
+        this.filteredNullCount = nullCount;
+        this.filteredError = undefined;
+        this.filteredLoading = false;
+        this.emitSummary();
+        return this;
+    }
+    queryError(error) {
+        this.filteredError = error;
+        this.filteredLoading = false;
+        this.emitSummary();
+        return this;
+    }
+    channelField(channel) {
+        if (channel !== 'x') {
+            throw new Error('DataTableExplorerHistogramClient only supports x bins');
+        }
+        if (!this.fieldInfo) {
+            throw new Error('Field info is required before histogram binning');
+        }
+        return this.fieldInfo;
+    }
+    get plot() {
+        const markSet = new Set([this]);
+        return {
+            getAttribute(_name) {
+                return undefined;
+            },
+            markSet,
+        };
+    }
+}
+export class DataTableExplorerHistogramTotalClient extends MosaicClient {
+    summaryClient;
+    constructor(options) {
+        super();
+        this.summaryClient = options.summaryClient;
+    }
+    async prepare() {
+        await this.summaryClient.ensureFieldInfo();
+    }
+    queryPending() {
+        this.summaryClient.setTotalLoading(true);
+        return this;
+    }
+    query(filter = []) {
+        return this.summaryClient.query(filter);
+    }
+    queryResult(data) {
+        this.summaryClient.setTotalRows(rowsFromQueryResult(data));
+        return this;
+    }
+    queryError(error) {
+        this.summaryClient.setTotalError(error);
+        return this;
+    }
+}
+//# sourceMappingURL=DataTableExplorerHistogramClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerHistogramClient.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerHistogramClient.ts"],"names":[],"mappings":"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","sourcesContent":["import type {FieldInfo} from '@uwdata/mosaic-core';\nimport {\n  MosaicClient,\n  queryFieldInfo,\n  type Selection,\n} from '@uwdata/mosaic-core';\nimport {Interval1D, bin} from '@uwdata/mosaic-plot';\nimport {count, type ExprNode, Query} from '@uwdata/mosaic-sql';\nimport type * as arrow from 'apache-arrow';\nimport type {DataTableExplorerHistogramSummary} from './types';\nimport {rowsFromQueryResult, splitHistogramBins} from './utils';\n\ntype HistogramStateChange = (\n  summary: DataTableExplorerHistogramSummary,\n) => void;\n\ntype HistogramClientOptions = {\n  field: arrow.Field;\n  onStateChange: HistogramStateChange;\n  selection: Selection;\n  steps: number;\n  tableName: string;\n  valueType: 'date' | 'number';\n};\n\ntype HistogramRow = {\n  x1: number | Date | null;\n  x2: number | Date | null;\n  y: number;\n};\n\nexport class DataTableExplorerHistogramClient extends MosaicClient {\n  readonly type = 'rectY';\n  private filteredError?: Error;\n  private filteredLoading = true;\n  private readonly field: arrow.Field;\n  private fieldInfo?: FieldInfo;\n  private fieldInfoPromise?: Promise<void>;\n  private filteredBins?: HistogramRow[];\n  private filteredNullCount?: number;\n  private readonly interactor: Interval1D;\n  private readonly onStateChange: HistogramStateChange;\n  private readonly select: {\n    x1: ExprNode;\n    x2: ExprNode;\n    y: ExprNode;\n  };\n  private readonly tableName: string;\n  private totalBins?: HistogramRow[];\n  private totalError?: Error;\n  private totalLoading = true;\n  private totalNullCount?: number;\n  private readonly valueType: 'date' | 'number';\n\n  constructor(options: HistogramClientOptions) {\n    super(options.selection);\n    this.field = options.field;\n    this.onStateChange = options.onStateChange;\n    this.tableName = options.tableName;\n    this.valueType = options.valueType;\n\n    const binned = bin(options.field.name, {steps: options.steps})(\n      this,\n      'x',\n    ) as unknown as {\n      x1: ExprNode;\n      x2: ExprNode;\n    };\n    this.select = {x1: binned.x1, x2: binned.x2, y: count()};\n    this.interactor = new Interval1D(this, {\n      brush: undefined,\n      channel: 'x',\n      field: options.field.name,\n      peers: false,\n      selection: options.selection,\n    });\n  }\n\n  override get filterStable(): boolean {\n    return true;\n  }\n\n  private emitSummary() {\n    const totalRows =\n      this.totalBins ?? (this.totalLoading ? (this.filteredBins ?? []) : []);\n    const total = splitHistogramBins(totalRows);\n    const filteredRows =\n      this.filteredBins ?? (this.filteredLoading ? (this.totalBins ?? []) : []);\n    const filtered = splitHistogramBins(filteredRows);\n\n    this.onStateChange({\n      error: this.filteredError ?? this.totalError,\n      filteredBins: filtered.bins,\n      filteredNullCount:\n        this.filteredNullCount ??\n        (this.filteredLoading ? total.nullCount : filtered.nullCount),\n      interactor: this.interactor,\n      isLoading: this.filteredLoading || this.totalLoading,\n      kind: 'histogram',\n      totalBins: total.bins,\n      totalNullCount:\n        this.totalNullCount ??\n        (this.totalLoading ? filtered.nullCount : total.nullCount),\n      valueType: this.valueType,\n    });\n  }\n\n  async ensureFieldInfo(): Promise<void> {\n    if (this.fieldInfo) {\n      return;\n    }\n\n    if (!this.fieldInfoPromise) {\n      this.fieldInfoPromise = queryFieldInfo(this.coordinator!, [\n        {\n          table: this.tableName,\n          column: this.field.name,\n          stats: ['min', 'max'],\n        },\n      ])\n        .then(([info]) => {\n          this.fieldInfo = info;\n        })\n        .catch((error) => {\n          this.fieldInfo = undefined;\n          this.fieldInfoPromise = undefined;\n          throw error;\n        });\n    }\n\n    await this.fieldInfoPromise;\n  }\n\n  setTotalError(error?: Error) {\n    this.totalError = error;\n    this.totalLoading = false;\n    this.emitSummary();\n  }\n\n  setTotalLoading(isLoading: boolean) {\n    this.totalLoading = isLoading;\n    if (isLoading) {\n      this.totalError = undefined;\n    }\n    this.emitSummary();\n  }\n\n  setTotalRows(rows: HistogramRow[]) {\n    const {nullCount} = splitHistogramBins(rows);\n    this.totalBins = rows;\n    this.totalNullCount = nullCount;\n    this.totalError = undefined;\n    this.totalLoading = false;\n    this.emitSummary();\n  }\n\n  override queryPending(): this {\n    this.filteredLoading = true;\n    this.filteredError = undefined;\n    this.emitSummary();\n    return this;\n  }\n\n  override async prepare(): Promise<void> {\n    await this.ensureFieldInfo();\n  }\n\n  override query(filter: Array<ExprNode> = []): Query {\n    return Query.from({source: this.tableName})\n      .select(this.select)\n      .groupby([this.select.x1, this.select.x2])\n      .where(filter);\n  }\n\n  override queryResult(data: unknown): this {\n    const rows = rowsFromQueryResult<HistogramRow>(data);\n    const {nullCount} = splitHistogramBins(rows);\n    this.filteredBins = rows;\n    this.filteredNullCount = nullCount;\n    this.filteredError = undefined;\n    this.filteredLoading = false;\n    this.emitSummary();\n    return this;\n  }\n\n  override queryError(error: Error): this {\n    this.filteredError = error;\n    this.filteredLoading = false;\n    this.emitSummary();\n    return this;\n  }\n\n  channelField(channel: string) {\n    if (channel !== 'x') {\n      throw new Error('DataTableExplorerHistogramClient only supports x bins');\n    }\n    if (!this.fieldInfo) {\n      throw new Error('Field info is required before histogram binning');\n    }\n    return this.fieldInfo;\n  }\n\n  get plot(): {\n    getAttribute(name: string): undefined;\n    markSet: Set<DataTableExplorerHistogramClient>;\n  } {\n    const markSet = new Set([this]);\n    return {\n      getAttribute(_name: string) {\n        return undefined;\n      },\n      markSet,\n    };\n  }\n}\n\ntype DataTableExplorerHistogramTotalClientOptions = {\n  summaryClient: DataTableExplorerHistogramClient;\n};\n\nexport class DataTableExplorerHistogramTotalClient extends MosaicClient {\n  private readonly summaryClient: DataTableExplorerHistogramClient;\n\n  constructor(options: DataTableExplorerHistogramTotalClientOptions) {\n    super();\n    this.summaryClient = options.summaryClient;\n  }\n\n  override async prepare(): Promise<void> {\n    await this.summaryClient.ensureFieldInfo();\n  }\n\n  override queryPending(): this {\n    this.summaryClient.setTotalLoading(true);\n    return this;\n  }\n\n  override query(filter: Array<ExprNode> = []): Query {\n    return this.summaryClient.query(filter);\n  }\n\n  override queryResult(data: unknown): this {\n    this.summaryClient.setTotalRows(rowsFromQueryResult<HistogramRow>(data));\n    return this;\n  }\n\n  override queryError(error: Error): this {\n    this.summaryClient.setTotalError(error);\n    return this;\n  }\n}\n"]}

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":";AACA,OAAO,EAAC,MAAM,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,eAAe,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAgB/D,MAAM,CAAC,MAAM,0BAA0B,GAEnC,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAC,EAAE,EAAE;IAC3C,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC9C,MAAM,UAAU,GACd,QAAQ,CAAC,gBAAgB,KAAK,SAAS;QACrC,CAAC,CAAC,IAAI,CAAC,GAAG,CACN,CAAC,EACD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,GAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,CACpE;QACH,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,aAAa,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,GAAG,CAAC,CAAC;IACxD,MAAM,SAAS,GACb,UAAU,KAAK,SAAS,IAAI,QAAQ,CAAC,UAAU,CAAC,SAAS,GAAG,UAAU,GAAG,CAAC,CAAC;IAC7E,MAAM,mBAAmB,GAAG,UAAU,KAAK,SAAS,CAAC;IAErD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,oEAAoE,EACpE,SAAS,CACV,aAED,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,2CAA2C,aACxD,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,aAAa,gBACZ,eAAe,EAC1B,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE;oCACZ,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;wCAChC,GAAG,IAAI;wCACP,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;qCAC3C,CAAC,CAAC,CAAC;gCACN,CAAC,YAED,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,GACtB,EACR,mBAAmB,CAAC,CAAC,CAAC,CACrB,gBAAM,SAAS,EAAC,wDAAwD,aACrE,QAAQ,CAAC,UAAU,CAAC,SAAS,GAAG,CAAC,SAAK,UAAU,IAC5C,CACR,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,aAAa,gBACZ,WAAW,EACtB,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;oCACZ,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;wCAChC,GAAG,IAAI;wCACP,SAAS,EACP,UAAU,KAAK,SAAS;4CACtB,CAAC,CAAC,IAAI,CAAC,SAAS;4CAChB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;qCACnD,CAAC,CAAC,CAAC;gCACN,CAAC,YAED,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,GACvB,IACL,EACN,gBAAM,SAAS,EAAC,+BAA+B,aAC5C,QAAQ,CAAC,gBAAgB,EAAE,cAAc,EAAE,IAAI,GAAG,EAClD,QAAQ,CAAC,aAAa,KAAK,SAAS;gCACnC,CAAC,CAAC,OAAO,QAAQ,CAAC,aAAa,CAAC,cAAc,EAAE,OAAO;gCACvD,CAAC,CAAC,OAAO,IACN,IACH,EACL,OAAO,CAAC,CAAC,CAAC,wBAAM,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAClC,CACP,CAAC;AACJ,CAAC,CAAC","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"]}