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

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

@@ -0,0 +1,50 @@
+import { MosaicClient, type Selection } from '@uwdata/mosaic-core';
+import { type ExprNode, Query } from '@uwdata/mosaic-sql';
+import type * as arrow from 'apache-arrow';
+import type { DataTableExplorerCategorySummary } from './types';
+import { type CategoryCountRow } from './utils';
+type CategoryClientOptions = {
+    categoryLimit: number;
+    field: arrow.Field;
+    onStateChange: (summary: DataTableExplorerCategorySummary) => void;
+    selection: Selection;
+    tableName: string;
+};
+export declare class DataTableExplorerCategoryClient extends MosaicClient {
+    private readonly categoryLimit;
+    private filteredError?;
+    private filteredLoading;
+    private readonly field;
+    private readonly onStateChange;
+    private selectedKey?;
+    private filteredRows?;
+    private readonly tableName;
+    private totalError?;
+    private totalLoading;
+    private totalRows?;
+    constructor(options: CategoryClientOptions);
+    get filterStable(): boolean;
+    private emitSummary;
+    setTotalError(error?: Error): void;
+    setTotalLoading(isLoading: boolean): void;
+    setTotalRows(rows: CategoryCountRow[]): void;
+    queryPending(): this;
+    query(filter?: Array<ExprNode>): Query;
+    queryResult(data: unknown): this;
+    queryError(error: Error): this;
+    reset(): void;
+    toggleValue(key: string): void;
+}
+type DataTableExplorerCategoryTotalClientOptions = {
+    summaryClient: DataTableExplorerCategoryClient;
+};
+export declare class DataTableExplorerCategoryTotalClient extends MosaicClient {
+    private readonly summaryClient;
+    constructor(options: DataTableExplorerCategoryTotalClientOptions);
+    queryPending(): this;
+    query(filter?: Array<ExprNode>): Query;
+    queryResult(data: unknown): this;
+    queryError(error: Error): this;
+}
+export {};
+//# sourceMappingURL=DataTableExplorerCategoryClient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerCategoryClient.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerCategoryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAe,KAAK,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAC,KAAK,QAAQ,EAAE,KAAK,EAAC,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,KAAK,KAAK,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAC,gCAAgC,EAAC,MAAM,SAAS,CAAC;AAC9D,OAAO,EAIL,KAAK,gBAAgB,EAGtB,MAAM,SAAS,CAAC;AAEjB,KAAK,qBAAqB,GAAG;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IACnB,aAAa,EAAE,CAAC,OAAO,EAAE,gCAAgC,KAAK,IAAI,CAAC;IACnE,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,qBAAa,+BAAgC,SAAQ,YAAY;IAC/D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAS;IACvC,OAAO,CAAC,aAAa,CAAC,CAAQ;IAC9B,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;IACpC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAEpB;IACV,OAAO,CAAC,WAAW,CAAC,CAAS;IAC7B,OAAO,CAAC,YAAY,CAAC,CAAqB;IAC1C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,UAAU,CAAC,CAAQ;IAC3B,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,SAAS,CAAC,CAAqB;gBAE3B,OAAO,EAAE,qBAAqB;IAQ1C,IAAa,YAAY,IAAI,OAAO,CAEnC;IAED,OAAO,CAAC,WAAW;IAuBnB,aAAa,CAAC,KAAK,CAAC,EAAE,KAAK;IAM3B,eAAe,CAAC,SAAS,EAAE,OAAO;IAQlC,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE;IAY5B,YAAY,IAAI,IAAI;IAOpB,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAI1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAchC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAOvC,KAAK;IAKL,WAAW,CAAC,GAAG,EAAE,MAAM;CAiBxB;AAED,KAAK,2CAA2C,GAAG;IACjD,aAAa,EAAE,+BAA+B,CAAC;CAChD,CAAC;AAEF,qBAAa,oCAAqC,SAAQ,YAAY;IACpE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkC;gBAEpD,OAAO,EAAE,2CAA2C;IAKvD,YAAY,IAAI,IAAI;IAKpB,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAI1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAOhC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAIxC"}

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

@@ -0,0 +1,121 @@
+import { MosaicClient, clausePoint } from '@uwdata/mosaic-core';
+import { buildCategoryBuckets, buildCategorySummaryQuery, categoryKeyToSelectionValue, isSelectableCategoryKey, rowsFromQueryResult, } from './utils';
+export class DataTableExplorerCategoryClient extends MosaicClient {
+    categoryLimit;
+    filteredError;
+    filteredLoading = true;
+    field;
+    onStateChange;
+    selectedKey;
+    filteredRows;
+    tableName;
+    totalError;
+    totalLoading = true;
+    totalRows;
+    constructor(options) {
+        super(options.selection);
+        this.categoryLimit = options.categoryLimit;
+        this.field = options.field;
+        this.onStateChange = options.onStateChange;
+        this.tableName = options.tableName;
+    }
+    get filterStable() {
+        return false;
+    }
+    emitSummary() {
+        const filteredRows = this.filteredRows ?? (this.filteredLoading ? (this.totalRows ?? []) : []);
+        const totalRows = this.totalRows ?? (this.totalLoading ? (this.filteredRows ?? []) : []);
+        const { bucketCount, buckets } = buildCategoryBuckets(filteredRows, totalRows, this.categoryLimit, this.selectedKey);
+        this.onStateChange({
+            bucketCount,
+            buckets,
+            error: this.filteredError ?? this.totalError,
+            isLoading: this.filteredLoading || this.totalLoading,
+            kind: 'category',
+            selectedKey: this.selectedKey,
+            toggleValue: (key) => this.toggleValue(key),
+        });
+    }
+    setTotalError(error) {
+        this.totalError = error;
+        this.totalLoading = false;
+        this.emitSummary();
+    }
+    setTotalLoading(isLoading) {
+        this.totalLoading = isLoading;
+        if (isLoading) {
+            this.totalError = undefined;
+        }
+        this.emitSummary();
+    }
+    setTotalRows(rows) {
+        this.totalRows = rows
+            .slice()
+            .sort((left, right) => right.total - left.total);
+        this.totalError = undefined;
+        this.totalLoading = false;
+        this.emitSummary();
+    }
+    queryPending() {
+        this.filteredLoading = true;
+        this.filteredError = undefined;
+        this.emitSummary();
+        return this;
+    }
+    query(filter = []) {
+        return buildCategorySummaryQuery(this.tableName, this.field.name, filter);
+    }
+    queryResult(data) {
+        const rows = rowsFromQueryResult(data)
+            .slice()
+            .sort((left, right) => right.total - left.total);
+        this.filteredRows = rows;
+        this.filteredError = undefined;
+        this.filteredLoading = false;
+        this.emitSummary();
+        return this;
+    }
+    queryError(error) {
+        this.filteredError = error;
+        this.filteredLoading = false;
+        this.emitSummary();
+        return this;
+    }
+    reset() {
+        this.selectedKey = undefined;
+        this.emitSummary();
+    }
+    toggleValue(key) {
+        if (!isSelectableCategoryKey(key)) {
+            return;
+        }
+        this.selectedKey = this.selectedKey === key ? undefined : key;
+        this.filterBy?.update(clausePoint(this.field.name, categoryKeyToSelectionValue(this.selectedKey), {
+            source: this,
+        }));
+        this.emitSummary();
+    }
+}
+export class DataTableExplorerCategoryTotalClient extends MosaicClient {
+    summaryClient;
+    constructor(options) {
+        super();
+        this.summaryClient = options.summaryClient;
+    }
+    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=DataTableExplorerCategoryClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerCategoryClient.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerCategoryClient.ts"],"names":[],"mappings":"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","sourcesContent":["import {MosaicClient, clausePoint, type Selection} from '@uwdata/mosaic-core';\nimport {type ExprNode, Query} from '@uwdata/mosaic-sql';\nimport type * as arrow from 'apache-arrow';\nimport type {DataTableExplorerCategorySummary} from './types';\nimport {\n  buildCategoryBuckets,\n  buildCategorySummaryQuery,\n  categoryKeyToSelectionValue,\n  type CategoryCountRow,\n  isSelectableCategoryKey,\n  rowsFromQueryResult,\n} from './utils';\n\ntype CategoryClientOptions = {\n  categoryLimit: number;\n  field: arrow.Field;\n  onStateChange: (summary: DataTableExplorerCategorySummary) => void;\n  selection: Selection;\n  tableName: string;\n};\n\nexport class DataTableExplorerCategoryClient extends MosaicClient {\n  private readonly categoryLimit: number;\n  private filteredError?: Error;\n  private filteredLoading = true;\n  private readonly field: arrow.Field;\n  private readonly onStateChange: (\n    summary: DataTableExplorerCategorySummary,\n  ) => void;\n  private selectedKey?: string;\n  private filteredRows?: CategoryCountRow[];\n  private readonly tableName: string;\n  private totalError?: Error;\n  private totalLoading = true;\n  private totalRows?: CategoryCountRow[];\n\n  constructor(options: CategoryClientOptions) {\n    super(options.selection);\n    this.categoryLimit = options.categoryLimit;\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  private emitSummary() {\n    const filteredRows =\n      this.filteredRows ?? (this.filteredLoading ? (this.totalRows ?? []) : []);\n    const totalRows =\n      this.totalRows ?? (this.totalLoading ? (this.filteredRows ?? []) : []);\n    const {bucketCount, buckets} = buildCategoryBuckets(\n      filteredRows,\n      totalRows,\n      this.categoryLimit,\n      this.selectedKey,\n    );\n\n    this.onStateChange({\n      bucketCount,\n      buckets,\n      error: this.filteredError ?? this.totalError,\n      isLoading: this.filteredLoading || this.totalLoading,\n      kind: 'category',\n      selectedKey: this.selectedKey,\n      toggleValue: (key) => this.toggleValue(key),\n    });\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: CategoryCountRow[]) {\n    this.totalRows = rows\n      .slice()\n      .sort(\n        (left: CategoryCountRow, right: CategoryCountRow) =>\n          right.total - left.total,\n      );\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 query(filter: Array<ExprNode> = []): Query {\n    return buildCategorySummaryQuery(this.tableName, this.field.name, filter);\n  }\n\n  override queryResult(data: unknown): this {\n    const rows = rowsFromQueryResult<CategoryCountRow>(data)\n      .slice()\n      .sort(\n        (left: CategoryCountRow, right: CategoryCountRow) =>\n          right.total - left.total,\n      );\n    this.filteredRows = rows;\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  reset() {\n    this.selectedKey = undefined;\n    this.emitSummary();\n  }\n\n  toggleValue(key: string) {\n    if (!isSelectableCategoryKey(key)) {\n      return;\n    }\n\n    this.selectedKey = this.selectedKey === key ? undefined : key;\n    this.filterBy?.update(\n      clausePoint(\n        this.field.name,\n        categoryKeyToSelectionValue(this.selectedKey),\n        {\n          source: this,\n        },\n      ),\n    );\n    this.emitSummary();\n  }\n}\n\ntype DataTableExplorerCategoryTotalClientOptions = {\n  summaryClient: DataTableExplorerCategoryClient;\n};\n\nexport class DataTableExplorerCategoryTotalClient extends MosaicClient {\n  private readonly summaryClient: DataTableExplorerCategoryClient;\n\n  constructor(options: DataTableExplorerCategoryTotalClientOptions) {\n    super();\n    this.summaryClient = options.summaryClient;\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(\n      rowsFromQueryResult<CategoryCountRow>(data),\n    );\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/DataTableExplorerCountClient.d.ts

@@ -0,0 +1,28 @@
+import { MosaicClient, type Selection } from '@uwdata/mosaic-core';
+import { type ExprNode, type Query } from '@uwdata/mosaic-sql';
+export type DataTableExplorerCountState = {
+    count?: number;
+    error?: Error;
+    isLoading: boolean;
+};
+type DataTableExplorerCountClientOptions = {
+    filterStable?: boolean;
+    onStateChange: (state: DataTableExplorerCountState) => void;
+    selection?: Selection;
+    tableName: string;
+};
+export declare class DataTableExplorerCountClient extends MosaicClient {
+    private count?;
+    private error?;
+    private readonly isFilterStable;
+    private readonly onStateChange;
+    private readonly tableName;
+    constructor(options: DataTableExplorerCountClientOptions);
+    get filterStable(): boolean;
+    queryPending(): this;
+    query(filter?: Array<ExprNode>): Query;
+    queryResult(data: unknown): this;
+    queryError(error: Error): this;
+}
+export {};
+//# sourceMappingURL=DataTableExplorerCountClient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerCountClient.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerCountClient.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;AAG7D,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,qBAAa,4BAA6B,SAAQ,YAAY;IAC5D,OAAO,CAAC,KAAK,CAAC,CAAS;IACvB,OAAO,CAAC,KAAK,CAAC,CAAQ;IACtB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAU;IACzC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA+C;IAC7E,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;gBAEvB,OAAO,EAAE,mCAAmC;IAOxD,IAAa,YAAY,IAAI,OAAO,CAEnC;IAEQ,YAAY,IAAI,IAAI;IASpB,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAO1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAUhC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CASxC"}

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

@@ -0,0 +1,51 @@
+import { MosaicClient } from '@uwdata/mosaic-core';
+import { buildCountQuery, readCountData } from './utils';
+export class DataTableExplorerCountClient extends MosaicClient {
+    count;
+    error;
+    isFilterStable;
+    onStateChange;
+    tableName;
+    constructor(options) {
+        super(options.selection);
+        this.isFilterStable = options.filterStable ?? false;
+        this.onStateChange = options.onStateChange;
+        this.tableName = options.tableName;
+    }
+    get filterStable() {
+        return this.isFilterStable;
+    }
+    queryPending() {
+        this.onStateChange({
+            count: this.count,
+            error: this.error,
+            isLoading: true,
+        });
+        return this;
+    }
+    query(filter = []) {
+        return buildCountQuery({
+            filter,
+            tableName: this.tableName,
+        });
+    }
+    queryResult(data) {
+        this.count = readCountData(data);
+        this.error = undefined;
+        this.onStateChange({
+            count: this.count,
+            isLoading: false,
+        });
+        return this;
+    }
+    queryError(error) {
+        this.error = error;
+        this.onStateChange({
+            count: this.count,
+            error,
+            isLoading: false,
+        });
+        return this;
+    }
+}
+//# sourceMappingURL=DataTableExplorerCountClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerCountClient.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerCountClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAiB,MAAM,qBAAqB,CAAC;AAEjE,OAAO,EAAC,eAAe,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAevD,MAAM,OAAO,4BAA6B,SAAQ,YAAY;IACpD,KAAK,CAAU;IACf,KAAK,CAAS;IACL,cAAc,CAAU;IACxB,aAAa,CAA+C;IAC5D,SAAS,CAAS;IAEnC,YAAY,OAA4C;QACtD,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACzB,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,YAAY,IAAI,KAAK,CAAC;QACpD,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;IACrC,CAAC;IAED,IAAa,YAAY;QACvB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAEQ,YAAY;QACnB,IAAI,CAAC,aAAa,CAAC;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,KAAK,CAAC,SAA0B,EAAE;QACzC,OAAO,eAAe,CAAC;YACrB,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,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,SAAS,EAAE,KAAK;SACjB,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,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK;YACL,SAAS,EAAE,KAAK;SACjB,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 {buildCountQuery, readCountData} from './utils';\n\nexport type DataTableExplorerCountState = {\n  count?: number;\n  error?: Error;\n  isLoading: boolean;\n};\n\ntype DataTableExplorerCountClientOptions = {\n  filterStable?: boolean;\n  onStateChange: (state: DataTableExplorerCountState) => void;\n  selection?: Selection;\n  tableName: string;\n};\n\nexport class DataTableExplorerCountClient extends MosaicClient {\n  private count?: number;\n  private error?: Error;\n  private readonly isFilterStable: boolean;\n  private readonly onStateChange: (state: DataTableExplorerCountState) => void;\n  private readonly tableName: string;\n\n  constructor(options: DataTableExplorerCountClientOptions) {\n    super(options.selection);\n    this.isFilterStable = options.filterStable ?? false;\n    this.onStateChange = options.onStateChange;\n    this.tableName = options.tableName;\n  }\n\n  override get filterStable(): boolean {\n    return this.isFilterStable;\n  }\n\n  override queryPending(): this {\n    this.onStateChange({\n      count: this.count,\n      error: this.error,\n      isLoading: true,\n    });\n    return this;\n  }\n\n  override query(filter: Array<ExprNode> = []): Query {\n    return buildCountQuery({\n      filter,\n      tableName: this.tableName,\n    });\n  }\n\n  override queryResult(data: unknown): this {\n    this.count = readCountData(data);\n    this.error = undefined;\n    this.onStateChange({\n      count: this.count,\n      isLoading: false,\n    });\n    return this;\n  }\n\n  override queryError(error: Error): this {\n    this.error = error;\n    this.onStateChange({\n      count: this.count,\n      error,\n      isLoading: false,\n    });\n    return this;\n  }\n}\n"]}

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

@@ -0,0 +1,7 @@
+import type { UseDataTableExplorerReturn } from './types';
+export type DataTableExplorerHeaderProps = {
+    className?: string;
+    explorer: Pick<UseDataTableExplorerReturn, 'columns' | 'setSorting' | 'sorting'>;
+};
+export declare function DataTableExplorerHeader({ className, explorer, }: DataTableExplorerHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableExplorerHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerHeader.d.ts","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerHeader.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAKV,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,4BAA4B,GAAG;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,IAAI,CACZ,0BAA0B,EAC1B,SAAS,GAAG,YAAY,GAAG,SAAS,CACrC,CAAC;CACH,CAAC;AAgYF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,QAAQ,GACT,EAAE,4BAA4B,2CA6E9B"}

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

@@ -0,0 +1,195 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, cn, TableHead, TableHeader, TableRow } from '@sqlrooms/ui';
+import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { DATA_TABLE_EXPLORER_DEFAULT_COLUMN_WIDTH_STYLE, DATA_TABLE_EXPLORER_ROW_NUMBER_COLUMN_WIDTH_PX, DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE, DATA_TABLE_EXPLORER_UNSUPPORTED_COLUMN_WIDTH_STYLE, getDataTableExplorerColumnWidthPx, } from './layout';
+import { isDataTableExplorerUnsupportedSummaryType } from './utils';
+const STICKY_ROW_NUMBER_CLASS = 'bg-background sticky left-0 top-0 z-40 border-r px-1 text-center';
+const STICKY_COLUMN_HEADER_CLASS = 'bg-background sticky top-0 z-30 align-top whitespace-nowrap shadow-[inset_0_-1px_0_hsl(var(--border))]';
+function getColumnWidthStyle(column) {
+    return isDataTableExplorerUnsupportedSummaryType(column.field.type)
+        ? DATA_TABLE_EXPLORER_UNSUPPORTED_COLUMN_WIDTH_STYLE
+        : DATA_TABLE_EXPLORER_DEFAULT_COLUMN_WIDTH_STYLE;
+}
+function setNextSortState(currentSorting, columnId, setSorting) {
+    const current = currentSorting.find((entry) => entry.id === columnId);
+    if (!current) {
+        setSorting([{ desc: false, id: columnId }]);
+        return;
+    }
+    if (!current.desc) {
+        setSorting([{ desc: true, id: columnId }]);
+        return;
+    }
+    setSorting([]);
+}
+function formatPercentOfTotal(value) {
+    const maximumFractionDigits = value >= 0.1 ? 0 : value >= 0.01 ? 1 : 2;
+    return Intl.NumberFormat(undefined, {
+        maximumFractionDigits,
+        style: 'percent',
+    }).format(value);
+}
+function CategorySummaryCell({ summary, }) {
+    const [hoveredKey, setHoveredKey] = useState();
+    const totalCount = summary.buckets.reduce((acc, bucket) => acc + bucket.totalCount, 0);
+    const activeBucket = summary.buckets.find((bucket) => bucket.key === hoveredKey || bucket.key === summary.selectedKey);
+    const footerLabel = activeBucket
+        ? `${activeBucket.label} (${activeBucket.totalCount.toLocaleString()} ${activeBucket.totalCount === 1 ? 'row' : 'rows'}, ${formatPercentOfTotal(totalCount > 0 ? activeBucket.totalCount / totalCount : 0)})`
+        : `${summary.bucketCount.toLocaleString()} categories`;
+    return (_jsxs("div", { className: "space-y-0.5 pt-1.5", children: [_jsx("div", { className: "flex h-10 overflow-hidden rounded-sm border", children: summary.buckets.map((bucket) => {
+                    const width = totalCount > 0
+                        ? `${(bucket.totalCount / totalCount) * 100}%`
+                        : '0%';
+                    const fillPct = bucket.totalCount > 0
+                        ? (bucket.filteredCount / bucket.totalCount) * 100
+                        : 0;
+                    const isSelected = summary.selectedKey === bucket.key;
+                    const background = bucket.kind === 'overflow'
+                        ? `repeating-linear-gradient(to right, hsl(var(--border)) 0px, hsl(var(--border)) 2px, transparent 2px, transparent 4px)`
+                        : `linear-gradient(to top, hsl(var(--chart-1)) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) 100%)`;
+                    return (_jsx("button", { type: "button", disabled: !bucket.selectable, className: cn('relative flex h-full items-center justify-center overflow-hidden border-r px-0.5 text-[10px] font-normal text-white transition-opacity disabled:cursor-default', isSelected && 'ring-ring ring-1 ring-inset', !bucket.selectable && 'text-muted-foreground'), style: {
+                            background,
+                            flexBasis: width,
+                            flexGrow: bucket.totalCount,
+                        }, onClick: () => summary.toggleValue(bucket.key), onMouseEnter: () => setHoveredKey(bucket.key), onMouseLeave: () => setHoveredKey(undefined), children: _jsx("span", { className: "max-w-full truncate px-1", children: bucket.label }) }, bucket.key));
+                }) }), _jsx("div", { className: "text-muted-foreground truncate text-[10px] font-normal", children: footerLabel })] }));
+}
+const histogramInteractorIds = new WeakMap();
+let nextHistogramInteractorId = 0;
+function getHistogramInteractorId(interactor) {
+    const cachedId = histogramInteractorIds.get(interactor);
+    if (cachedId !== undefined) {
+        return cachedId;
+    }
+    const id = ++nextHistogramInteractorId;
+    histogramInteractorIds.set(interactor, id);
+    return id;
+}
+function createScale(type, domain, range) {
+    const [d0, d1] = domain.map((value) => value instanceof Date ? value.getTime() : value);
+    const [r0, r1] = range;
+    const span = d1 - d0 || 1;
+    const rspan = r1 - r0;
+    return {
+        apply(value) {
+            const numeric = value instanceof Date ? value.getTime() : value;
+            return r0 + ((numeric - d0) / span) * rspan;
+        },
+        domain,
+        invert(value) {
+            const numeric = d0 + ((value - r0) / (rspan || 1)) * span;
+            return type === 'utc' ? new Date(numeric) : numeric;
+        },
+        range,
+        type,
+    };
+}
+function formatDomainValue(value, valueType) {
+    if (valueType === 'date') {
+        const date = value instanceof Date ? value : new Date(value);
+        return date.toISOString().slice(0, 10);
+    }
+    return Intl.NumberFormat(undefined, {
+        maximumFractionDigits: 2,
+    }).format(typeof value === 'number' ? value : value.getTime());
+}
+function HistogramSummaryCell({ summary, }) {
+    const svgRef = useRef(null);
+    const brushRootRef = useRef(null);
+    const initializedBrushRef = useRef(undefined);
+    const layout = useMemo(() => {
+        const width = 122;
+        const height = 40;
+        const margin = { bottom: 4, left: 4, right: 4, top: 2 };
+        const nullBarWidth = summary.totalNullCount > 0 ? 5 : 0;
+        const nullBarGap = nullBarWidth > 0 ? 3 : 0;
+        const totalBins = summary.totalBins.length
+            ? summary.totalBins
+            : summary.filteredBins;
+        const domain = totalBins.length > 0
+            ? [totalBins[0].x0, totalBins[totalBins.length - 1].x1]
+            : null;
+        const totalMax = Math.max(summary.totalNullCount, ...totalBins.map((bin) => bin.length), 1);
+        const xScale = domain
+            ? createScale(summary.valueType === 'date' ? 'utc' : 'linear', domain, [
+                margin.left + nullBarWidth + nullBarGap,
+                width - margin.right,
+            ])
+            : null;
+        const yScale = createScale('linear', [0, totalMax], [height - margin.bottom, margin.top]);
+        return {
+            height,
+            margin,
+            nullBarGap,
+            nullBarWidth,
+            width,
+            xScale,
+            yScale,
+        };
+    }, [summary]);
+    useEffect(() => {
+        const svg = svgRef.current;
+        const brushRoot = brushRootRef.current;
+        const interactor = summary.interactor;
+        if (!svg || !brushRoot || !interactor || !layout.xScale)
+            return;
+        const brushKey = [
+            getHistogramInteractorId(interactor),
+            summary.valueType,
+            layout.xScale.domain
+                .map((value) => (value instanceof Date ? value.getTime() : value))
+                .join(':'),
+            layout.xScale.range.join(':'),
+        ].join('|');
+        if (initializedBrushRef.current === brushKey)
+            return;
+        svg.scale = (channel) => {
+            if (channel === 'x')
+                return layout.xScale;
+            if (channel === 'y')
+                return layout.yScale;
+            return undefined;
+        };
+        brushRoot.replaceChildren();
+        interactor.init(svg, brushRoot);
+        initializedBrushRef.current = brushKey;
+    }, [layout.xScale, layout.yScale, summary.interactor, summary.valueType]);
+    const axisY = layout.height - layout.margin.bottom;
+    const nullBarCenter = layout.margin.left + layout.nullBarWidth / 2;
+    const xAxisStart = layout.xScale?.range[0] ?? layout.margin.left;
+    const xAxisEnd = layout.xScale?.range[1] ?? layout.width - layout.margin.right;
+    return (_jsxs("div", { className: "space-y-0 pt-1.5", children: [_jsxs("svg", { ref: svgRef, width: layout.width, height: layout.height, viewBox: `0 0 ${layout.width} ${layout.height}`, className: "max-w-full overflow-visible", children: [summary.totalNullCount > 0 ? (_jsx("rect", { x: layout.margin.left, y: layout.yScale.apply(summary.totalNullCount), width: layout.nullBarWidth, height: layout.yScale.apply(0) -
+                            layout.yScale.apply(summary.totalNullCount), fill: "hsl(var(--muted-foreground) / 0.22)" })) : null, summary.totalNullCount > 0 ? (_jsx("rect", { x: layout.margin.left, y: layout.yScale.apply(summary.filteredNullCount), width: layout.nullBarWidth, height: layout.yScale.apply(0) -
+                            layout.yScale.apply(summary.filteredNullCount), fill: "hsl(var(--chart-1))", opacity: 0.95 })) : null, summary.totalBins.map((bin, index) => {
+                        const x0 = layout.xScale?.apply(bin.x0) ?? 0;
+                        const x1 = layout.xScale?.apply(bin.x1) ?? 0;
+                        const y = layout.yScale.apply(bin.length);
+                        return (_jsx("rect", { x: x0 + 1, y: y, width: Math.max(x1 - x0 - 1, 1), height: layout.yScale.apply(0) - y, fill: "hsl(var(--muted-foreground) / 0.22)" }, `bg-${index}`));
+                    }), summary.filteredBins.map((bin, index) => {
+                        const x0 = layout.xScale?.apply(bin.x0) ?? 0;
+                        const x1 = layout.xScale?.apply(bin.x1) ?? 0;
+                        const y = layout.yScale.apply(bin.length);
+                        return (_jsx("rect", { x: x0 + 1, y: y, width: Math.max(x1 - x0 - 1, 1), height: layout.yScale.apply(0) - y, fill: "hsl(var(--chart-1))", opacity: 0.95 }, `fg-${index}`));
+                    }), _jsx("line", { x1: xAxisStart, x2: xAxisEnd, y1: axisY, y2: axisY, stroke: "hsl(var(--border))" }), _jsx("line", { x1: xAxisStart, x2: xAxisStart, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--border))" }), _jsx("line", { x1: xAxisEnd, x2: xAxisEnd, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--border))" }), summary.totalNullCount > 0 ? (_jsx("line", { x1: nullBarCenter, x2: nullBarCenter, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--chart-1))" })) : null, _jsx("g", { ref: brushRootRef })] }), _jsxs("div", { className: "text-muted-foreground relative h-3.5 text-[10px] font-normal", children: [summary.totalNullCount > 0 ? (_jsx("span", { className: "absolute -translate-x-1/2", style: { left: nullBarCenter }, children: "\u2205" })) : null, _jsx("span", { className: "absolute", style: { left: xAxisStart }, children: summary.totalBins[0]
+                            ? formatDomainValue(summary.totalBins[0].x0, summary.valueType)
+                            : '0' }), _jsx("span", { className: "absolute -translate-x-full", style: { left: xAxisEnd }, children: summary.totalBins.at(-1)
+                            ? formatDomainValue(summary.totalBins.at(-1).x1, summary.valueType)
+                            : '0' })] })] }));
+}
+function SummaryCell({ column }) {
+    if (column.summary.kind === 'histogram') {
+        return _jsx(HistogramSummaryCell, { summary: column.summary });
+    }
+    if (column.summary.kind === 'category') {
+        return _jsx(CategorySummaryCell, { summary: column.summary });
+    }
+    return (_jsx("div", { className: "text-muted-foreground pt-1.5 text-[10px] font-normal", children: column.summary.label }));
+}
+export function DataTableExplorerHeader({ className, explorer, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: DATA_TABLE_EXPLORER_ROW_NUMBER_COLUMN_WIDTH_PX } }), explorer.columns.map((column) => (_jsx("col", { style: { width: getDataTableExplorerColumnWidthPx(column) } }, column.name)))] }), _jsx(TableHeader, { className: cn('sticky top-0 z-30', className), children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: STICKY_ROW_NUMBER_CLASS, style: DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE, children: "#" }), explorer.columns.map((column) => {
+                            const sortState = explorer.sorting.find((entry) => entry.id === column.name);
+                            return (_jsx(TableHead, { className: STICKY_COLUMN_HEADER_CLASS, style: getColumnWidthStyle(column), children: _jsxs("div", { className: "min-w-0", children: [_jsxs("button", { type: "button", className: "group relative flex w-full items-start gap-1.5 pr-4 text-left", onClick: () => setNextSortState(explorer.sorting, column.name, explorer.setSorting), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-[13px] leading-tight font-semibold", children: column.name }), _jsx(Badge, { variant: "outline", className: "mt-0.5 max-w-full truncate px-2 py-0 text-[9px] opacity-60", children: String(column.field.type) })] }), _jsx("span", { className: "text-muted-foreground pointer-events-none absolute top-1 right-0 flex h-4 w-4 items-center justify-center", children: sortState ? (sortState.desc ? (_jsx(ChevronDownIcon, { className: "h-4 w-4" })) : (_jsx(ChevronUpIcon, { className: "h-4 w-4" }))) : (_jsxs("span", { className: "flex h-4 w-4 flex-col items-center justify-center opacity-0 transition-opacity group-hover:opacity-60", children: [_jsx(ChevronUpIcon, { className: "-mb-1 h-3 w-3" }), _jsx(ChevronDownIcon, { className: "-mt-1 h-3 w-3" })] })) })] }), _jsx(SummaryCell, { column: column })] }) }, column.name));
+                        })] }) })] }));
+}
+//# sourceMappingURL=DataTableExplorerHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableExplorerHeader.js","sourceRoot":"","sources":["../../src/data-table-explorer/DataTableExplorerHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Badge, cn, TableHead, TableHeader, TableRow} from '@sqlrooms/ui';\nimport {ChevronDownIcon, ChevronUpIcon} from 'lucide-react';\nimport {useEffect, useMemo, useRef, useState} from 'react';\nimport {\n  DATA_TABLE_EXPLORER_DEFAULT_COLUMN_WIDTH_STYLE,\n  DATA_TABLE_EXPLORER_ROW_NUMBER_COLUMN_WIDTH_PX,\n  DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE,\n  DATA_TABLE_EXPLORER_UNSUPPORTED_COLUMN_WIDTH_STYLE,\n  getDataTableExplorerColumnWidthPx,\n} from './layout';\nimport type {\n  DataTableExplorerCategorySummary,\n  DataTableExplorerColumnState,\n  DataTableExplorerHistogramSummary,\n  DataTableExplorerSorting,\n  UseDataTableExplorerReturn,\n} from './types';\nimport {isDataTableExplorerUnsupportedSummaryType} from './utils';\n\nexport type DataTableExplorerHeaderProps = {\n  className?: string;\n  explorer: Pick<\n    UseDataTableExplorerReturn,\n    'columns' | 'setSorting' | 'sorting'\n  >;\n};\n\nconst STICKY_ROW_NUMBER_CLASS =\n  'bg-background sticky left-0 top-0 z-40 border-r px-1 text-center';\nconst STICKY_COLUMN_HEADER_CLASS =\n  'bg-background sticky top-0 z-30 align-top whitespace-nowrap shadow-[inset_0_-1px_0_hsl(var(--border))]';\n\nfunction getColumnWidthStyle(column: DataTableExplorerColumnState) {\n  return isDataTableExplorerUnsupportedSummaryType(column.field.type)\n    ? DATA_TABLE_EXPLORER_UNSUPPORTED_COLUMN_WIDTH_STYLE\n    : DATA_TABLE_EXPLORER_DEFAULT_COLUMN_WIDTH_STYLE;\n}\n\nfunction setNextSortState(\n  currentSorting: DataTableExplorerSorting,\n  columnId: string,\n  setSorting: UseDataTableExplorerReturn['setSorting'],\n) {\n  const current = currentSorting.find((entry) => entry.id === columnId);\n  if (!current) {\n    setSorting([{desc: false, id: columnId}]);\n    return;\n  }\n  if (!current.desc) {\n    setSorting([{desc: true, id: columnId}]);\n    return;\n  }\n  setSorting([]);\n}\n\nfunction formatPercentOfTotal(value: number) {\n  const maximumFractionDigits = value >= 0.1 ? 0 : value >= 0.01 ? 1 : 2;\n  return Intl.NumberFormat(undefined, {\n    maximumFractionDigits,\n    style: 'percent',\n  }).format(value);\n}\n\nfunction CategorySummaryCell({\n  summary,\n}: {\n  summary: DataTableExplorerCategorySummary;\n}) {\n  const [hoveredKey, setHoveredKey] = useState<string>();\n  const totalCount = summary.buckets.reduce(\n    (acc, bucket) => acc + bucket.totalCount,\n    0,\n  );\n  const activeBucket = summary.buckets.find(\n    (bucket) => bucket.key === hoveredKey || bucket.key === summary.selectedKey,\n  );\n  const footerLabel = activeBucket\n    ? `${activeBucket.label} (${activeBucket.totalCount.toLocaleString()} ${activeBucket.totalCount === 1 ? 'row' : 'rows'}, ${formatPercentOfTotal(totalCount > 0 ? activeBucket.totalCount / totalCount : 0)})`\n    : `${summary.bucketCount.toLocaleString()} categories`;\n\n  return (\n    <div className=\"space-y-0.5 pt-1.5\">\n      <div className=\"flex h-10 overflow-hidden rounded-sm border\">\n        {summary.buckets.map((bucket) => {\n          const width =\n            totalCount > 0\n              ? `${(bucket.totalCount / totalCount) * 100}%`\n              : '0%';\n          const fillPct =\n            bucket.totalCount > 0\n              ? (bucket.filteredCount / bucket.totalCount) * 100\n              : 0;\n          const isSelected = summary.selectedKey === bucket.key;\n          const background =\n            bucket.kind === 'overflow'\n              ? `repeating-linear-gradient(to right, hsl(var(--border)) 0px, hsl(var(--border)) 2px, transparent 2px, transparent 4px)`\n              : `linear-gradient(to top, hsl(var(--chart-1)) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) 100%)`;\n\n          return (\n            <button\n              key={bucket.key}\n              type=\"button\"\n              disabled={!bucket.selectable}\n              className={cn(\n                'relative flex h-full items-center justify-center overflow-hidden border-r px-0.5 text-[10px] font-normal text-white transition-opacity disabled:cursor-default',\n                isSelected && 'ring-ring ring-1 ring-inset',\n                !bucket.selectable && 'text-muted-foreground',\n              )}\n              style={{\n                background,\n                flexBasis: width,\n                flexGrow: bucket.totalCount,\n              }}\n              onClick={() => summary.toggleValue(bucket.key)}\n              onMouseEnter={() => setHoveredKey(bucket.key)}\n              onMouseLeave={() => setHoveredKey(undefined)}\n            >\n              <span className=\"max-w-full truncate px-1\">{bucket.label}</span>\n            </button>\n          );\n        })}\n      </div>\n      <div className=\"text-muted-foreground truncate text-[10px] font-normal\">\n        {footerLabel}\n      </div>\n    </div>\n  );\n}\n\ntype ScaleLike = {\n  apply: (value: number | Date) => number;\n  domain: [number | Date, number | Date];\n  invert: (value: number) => number | Date;\n  range: [number, number];\n  type: 'linear' | 'utc';\n};\n\nconst histogramInteractorIds = new WeakMap<object, number>();\nlet nextHistogramInteractorId = 0;\n\nfunction getHistogramInteractorId(interactor: object) {\n  const cachedId = histogramInteractorIds.get(interactor);\n  if (cachedId !== undefined) {\n    return cachedId;\n  }\n\n  const id = ++nextHistogramInteractorId;\n  histogramInteractorIds.set(interactor, id);\n  return id;\n}\n\nfunction createScale(\n  type: ScaleLike['type'],\n  domain: [number | Date, number | Date],\n  range: [number, number],\n): ScaleLike {\n  const [d0, d1] = domain.map((value) =>\n    value instanceof Date ? value.getTime() : value,\n  ) as [number, number];\n  const [r0, r1] = range;\n  const span = d1 - d0 || 1;\n  const rspan = r1 - r0;\n\n  return {\n    apply(value: number | Date) {\n      const numeric = value instanceof Date ? value.getTime() : value;\n      return r0 + ((numeric - d0) / span) * rspan;\n    },\n    domain,\n    invert(value: number) {\n      const numeric = d0 + ((value - r0) / (rspan || 1)) * span;\n      return type === 'utc' ? new Date(numeric) : numeric;\n    },\n    range,\n    type,\n  };\n}\n\nfunction formatDomainValue(value: number | Date, valueType: 'date' | 'number') {\n  if (valueType === 'date') {\n    const date = value instanceof Date ? value : new Date(value);\n    return date.toISOString().slice(0, 10);\n  }\n  return Intl.NumberFormat(undefined, {\n    maximumFractionDigits: 2,\n  }).format(typeof value === 'number' ? value : value.getTime());\n}\n\nfunction HistogramSummaryCell({\n  summary,\n}: {\n  summary: DataTableExplorerHistogramSummary;\n}) {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const brushRootRef = useRef<SVGGElement>(null);\n  const initializedBrushRef = useRef<string | undefined>(undefined);\n\n  const layout = useMemo(() => {\n    const width = 122;\n    const height = 40;\n    const margin = {bottom: 4, left: 4, right: 4, top: 2};\n    const nullBarWidth = summary.totalNullCount > 0 ? 5 : 0;\n    const nullBarGap = nullBarWidth > 0 ? 3 : 0;\n    const totalBins = summary.totalBins.length\n      ? summary.totalBins\n      : summary.filteredBins;\n    const domain: [number | Date, number | Date] | null =\n      totalBins.length > 0\n        ? [totalBins[0]!.x0, totalBins[totalBins.length - 1]!.x1]\n        : null;\n    const totalMax = Math.max(\n      summary.totalNullCount,\n      ...totalBins.map((bin) => bin.length),\n      1,\n    );\n    const xScale = domain\n      ? createScale(summary.valueType === 'date' ? 'utc' : 'linear', domain, [\n          margin.left + nullBarWidth + nullBarGap,\n          width - margin.right,\n        ])\n      : null;\n    const yScale = createScale(\n      'linear',\n      [0, totalMax],\n      [height - margin.bottom, margin.top],\n    );\n    return {\n      height,\n      margin,\n      nullBarGap,\n      nullBarWidth,\n      width,\n      xScale,\n      yScale,\n    };\n  }, [summary]);\n\n  useEffect(() => {\n    const svg = svgRef.current;\n    const brushRoot = brushRootRef.current;\n    const interactor = summary.interactor;\n    if (!svg || !brushRoot || !interactor || !layout.xScale) return;\n\n    const brushKey = [\n      getHistogramInteractorId(interactor),\n      summary.valueType,\n      layout.xScale.domain\n        .map((value) => (value instanceof Date ? value.getTime() : value))\n        .join(':'),\n      layout.xScale.range.join(':'),\n    ].join('|');\n    if (initializedBrushRef.current === brushKey) return;\n\n    (\n      svg as SVGSVGElement & {\n        scale: (channel: string) => ScaleLike | undefined;\n      }\n    ).scale = (channel: string) => {\n      if (channel === 'x') return layout.xScale!;\n      if (channel === 'y') return layout.yScale;\n      return undefined;\n    };\n\n    brushRoot.replaceChildren();\n    interactor.init(svg as any, brushRoot);\n    initializedBrushRef.current = brushKey;\n  }, [layout.xScale, layout.yScale, summary.interactor, summary.valueType]);\n\n  const axisY = layout.height - layout.margin.bottom;\n  const nullBarCenter = layout.margin.left + layout.nullBarWidth / 2;\n  const xAxisStart = layout.xScale?.range[0] ?? layout.margin.left;\n  const xAxisEnd =\n    layout.xScale?.range[1] ?? layout.width - layout.margin.right;\n\n  return (\n    <div className=\"space-y-0 pt-1.5\">\n      <svg\n        ref={svgRef}\n        width={layout.width}\n        height={layout.height}\n        viewBox={`0 0 ${layout.width} ${layout.height}`}\n        className=\"max-w-full overflow-visible\"\n      >\n        {summary.totalNullCount > 0 ? (\n          <rect\n            x={layout.margin.left}\n            y={layout.yScale.apply(summary.totalNullCount)}\n            width={layout.nullBarWidth}\n            height={\n              layout.yScale.apply(0) -\n              layout.yScale.apply(summary.totalNullCount)\n            }\n            fill=\"hsl(var(--muted-foreground) / 0.22)\"\n          />\n        ) : null}\n        {summary.totalNullCount > 0 ? (\n          <rect\n            x={layout.margin.left}\n            y={layout.yScale.apply(summary.filteredNullCount)}\n            width={layout.nullBarWidth}\n            height={\n              layout.yScale.apply(0) -\n              layout.yScale.apply(summary.filteredNullCount)\n            }\n            fill=\"hsl(var(--chart-1))\"\n            opacity={0.95}\n          />\n        ) : null}\n        {summary.totalBins.map((bin, index) => {\n          const x0 = layout.xScale?.apply(bin.x0) ?? 0;\n          const x1 = layout.xScale?.apply(bin.x1) ?? 0;\n          const y = layout.yScale.apply(bin.length);\n          return (\n            <rect\n              key={`bg-${index}`}\n              x={x0 + 1}\n              y={y}\n              width={Math.max(x1 - x0 - 1, 1)}\n              height={layout.yScale.apply(0) - y}\n              fill=\"hsl(var(--muted-foreground) / 0.22)\"\n            />\n          );\n        })}\n        {summary.filteredBins.map((bin, index) => {\n          const x0 = layout.xScale?.apply(bin.x0) ?? 0;\n          const x1 = layout.xScale?.apply(bin.x1) ?? 0;\n          const y = layout.yScale.apply(bin.length);\n          return (\n            <rect\n              key={`fg-${index}`}\n              x={x0 + 1}\n              y={y}\n              width={Math.max(x1 - x0 - 1, 1)}\n              height={layout.yScale.apply(0) - y}\n              fill=\"hsl(var(--chart-1))\"\n              opacity={0.95}\n            />\n          );\n        })}\n        <line\n          x1={xAxisStart}\n          x2={xAxisEnd}\n          y1={axisY}\n          y2={axisY}\n          stroke=\"hsl(var(--border))\"\n        />\n        <line\n          x1={xAxisStart}\n          x2={xAxisStart}\n          y1={axisY}\n          y2={axisY + 2.5}\n          stroke=\"hsl(var(--border))\"\n        />\n        <line\n          x1={xAxisEnd}\n          x2={xAxisEnd}\n          y1={axisY}\n          y2={axisY + 2.5}\n          stroke=\"hsl(var(--border))\"\n        />\n        {summary.totalNullCount > 0 ? (\n          <line\n            x1={nullBarCenter}\n            x2={nullBarCenter}\n            y1={axisY}\n            y2={axisY + 2.5}\n            stroke=\"hsl(var(--chart-1))\"\n          />\n        ) : null}\n        <g ref={brushRootRef} />\n      </svg>\n      <div className=\"text-muted-foreground relative h-3.5 text-[10px] font-normal\">\n        {summary.totalNullCount > 0 ? (\n          <span\n            className=\"absolute -translate-x-1/2\"\n            style={{left: nullBarCenter}}\n          >\n            ∅\n          </span>\n        ) : null}\n        <span className=\"absolute\" style={{left: xAxisStart}}>\n          {summary.totalBins[0]\n            ? formatDomainValue(summary.totalBins[0].x0, summary.valueType)\n            : '0'}\n        </span>\n        <span className=\"absolute -translate-x-full\" style={{left: xAxisEnd}}>\n          {summary.totalBins.at(-1)\n            ? formatDomainValue(summary.totalBins.at(-1)!.x1, summary.valueType)\n            : '0'}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nfunction SummaryCell({column}: {column: DataTableExplorerColumnState}) {\n  if (column.summary.kind === 'histogram') {\n    return <HistogramSummaryCell summary={column.summary} />;\n  }\n  if (column.summary.kind === 'category') {\n    return <CategorySummaryCell summary={column.summary} />;\n  }\n  return (\n    <div className=\"text-muted-foreground pt-1.5 text-[10px] font-normal\">\n      {column.summary.label}\n    </div>\n  );\n}\n\nexport function DataTableExplorerHeader({\n  className,\n  explorer,\n}: DataTableExplorerHeaderProps) {\n  return (\n    <>\n      <colgroup>\n        <col style={{width: DATA_TABLE_EXPLORER_ROW_NUMBER_COLUMN_WIDTH_PX}} />\n        {explorer.columns.map((column) => (\n          <col\n            key={column.name}\n            style={{width: getDataTableExplorerColumnWidthPx(column)}}\n          />\n        ))}\n      </colgroup>\n      <TableHeader className={cn('sticky top-0 z-30', className)}>\n        <TableRow>\n          <TableHead\n            className={STICKY_ROW_NUMBER_CLASS}\n            style={DATA_TABLE_EXPLORER_ROW_NUMBER_WIDTH_STYLE}\n          >\n            #\n          </TableHead>\n          {explorer.columns.map((column) => {\n            const sortState = explorer.sorting.find(\n              (entry) => entry.id === column.name,\n            );\n            return (\n              <TableHead\n                key={column.name}\n                className={STICKY_COLUMN_HEADER_CLASS}\n                style={getColumnWidthStyle(column)}\n              >\n                <div className=\"min-w-0\">\n                  <button\n                    type=\"button\"\n                    className=\"group relative flex w-full items-start gap-1.5 pr-4 text-left\"\n                    onClick={() =>\n                      setNextSortState(\n                        explorer.sorting,\n                        column.name,\n                        explorer.setSorting,\n                      )\n                    }\n                  >\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"truncate text-[13px] leading-tight font-semibold\">\n                        {column.name}\n                      </div>\n                      <Badge\n                        variant=\"outline\"\n                        className=\"mt-0.5 max-w-full truncate px-2 py-0 text-[9px] opacity-60\"\n                      >\n                        {String(column.field.type)}\n                      </Badge>\n                    </div>\n                    <span className=\"text-muted-foreground pointer-events-none absolute top-1 right-0 flex h-4 w-4 items-center justify-center\">\n                      {sortState ? (\n                        sortState.desc ? (\n                          <ChevronDownIcon className=\"h-4 w-4\" />\n                        ) : (\n                          <ChevronUpIcon className=\"h-4 w-4\" />\n                        )\n                      ) : (\n                        <span className=\"flex h-4 w-4 flex-col items-center justify-center opacity-0 transition-opacity group-hover:opacity-60\">\n                          <ChevronUpIcon className=\"-mb-1 h-3 w-3\" />\n                          <ChevronDownIcon className=\"-mt-1 h-3 w-3\" />\n                        </span>\n                      )}\n                    </span>\n                  </button>\n                  <SummaryCell column={column} />\n                </div>\n              </TableHead>\n            );\n          })}\n        </TableRow>\n      </TableHeader>\n    </>\n  );\n}\n"]}

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

@@ -0,0 +1,69 @@
+import type { FieldInfo } from '@uwdata/mosaic-core';
+import { MosaicClient, type Selection } from '@uwdata/mosaic-core';
+import { type ExprNode, Query } from '@uwdata/mosaic-sql';
+import type * as arrow from 'apache-arrow';
+import type { DataTableExplorerHistogramSummary } from './types';
+type HistogramStateChange = (summary: DataTableExplorerHistogramSummary) => void;
+type HistogramClientOptions = {
+    field: arrow.Field;
+    onStateChange: HistogramStateChange;
+    selection: Selection;
+    steps: number;
+    tableName: string;
+    valueType: 'date' | 'number';
+};
+type HistogramRow = {
+    x1: number | Date | null;
+    x2: number | Date | null;
+    y: number;
+};
+export declare class DataTableExplorerHistogramClient extends MosaicClient {
+    readonly type = "rectY";
+    private filteredError?;
+    private filteredLoading;
+    private readonly field;
+    private fieldInfo?;
+    private fieldInfoPromise?;
+    private filteredBins?;
+    private filteredNullCount?;
+    private readonly interactor;
+    private readonly onStateChange;
+    private readonly select;
+    private readonly tableName;
+    private totalBins?;
+    private totalError?;
+    private totalLoading;
+    private totalNullCount?;
+    private readonly valueType;
+    constructor(options: HistogramClientOptions);
+    get filterStable(): boolean;
+    private emitSummary;
+    ensureFieldInfo(): Promise<void>;
+    setTotalError(error?: Error): void;
+    setTotalLoading(isLoading: boolean): void;
+    setTotalRows(rows: HistogramRow[]): void;
+    queryPending(): this;
+    prepare(): Promise<void>;
+    query(filter?: Array<ExprNode>): Query;
+    queryResult(data: unknown): this;
+    queryError(error: Error): this;
+    channelField(channel: string): FieldInfo;
+    get plot(): {
+        getAttribute(name: string): undefined;
+        markSet: Set<DataTableExplorerHistogramClient>;
+    };
+}
+type DataTableExplorerHistogramTotalClientOptions = {
+    summaryClient: DataTableExplorerHistogramClient;
+};
+export declare class DataTableExplorerHistogramTotalClient extends MosaicClient {
+    private readonly summaryClient;
+    constructor(options: DataTableExplorerHistogramTotalClientOptions);
+    prepare(): Promise<void>;
+    queryPending(): this;
+    query(filter?: Array<ExprNode>): Query;
+    queryResult(data: unknown): this;
+    queryError(error: Error): this;
+}
+export {};
+//# sourceMappingURL=DataTableExplorerHistogramClient.d.ts.map