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

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

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":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EACL,YAAY,EAEZ,KAAK,SAAS,EACf,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAQ,KAAK,QAAQ,EAAE,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,KAAK,KAAK,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAC,iCAAiC,EAAC,MAAM,SAAS,CAAC;AAG/D,KAAK,oBAAoB,GAAG,CAC1B,OAAO,EAAE,iCAAiC,KACvC,IAAI,CAAC;AAEV,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IACnB,aAAa,EAAE,oBAAoB,CAAC;IACpC,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC9B,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,qBAAa,gCAAiC,SAAQ,YAAY;IAChE,QAAQ,CAAC,IAAI,WAAW;IACxB,OAAO,CAAC,aAAa,CAAC,CAAQ;IAC9B,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;IACpC,OAAO,CAAC,SAAS,CAAC,CAAY;IAC9B,OAAO,CAAC,gBAAgB,CAAC,CAAgB;IACzC,OAAO,CAAC,YAAY,CAAC,CAAiB;IACtC,OAAO,CAAC,iBAAiB,CAAC,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAa;IACxC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAuB;IACrD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAIrB;IACF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,SAAS,CAAC,CAAiB;IACnC,OAAO,CAAC,UAAU,CAAC,CAAQ;IAC3B,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,cAAc,CAAC,CAAS;IAChC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;gBAElC,OAAO,EAAE,sBAAsB;IAwB3C,IAAa,YAAY,IAAI,OAAO,CAEnC;IAED,OAAO,CAAC,WAAW;IAyBb,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IA0BtC,aAAa,CAAC,KAAK,CAAC,EAAE,KAAK;IAM3B,eAAe,CAAC,SAAS,EAAE,OAAO;IAQlC,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE;IASxB,YAAY,IAAI,IAAI;IAOd,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAI9B,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAO1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAWhC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAOvC,YAAY,CAAC,OAAO,EAAE,MAAM;IAU5B,IAAI,IAAI,IAAI;QACV,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;QACtC,OAAO,EAAE,GAAG,CAAC,gCAAgC,CAAC,CAAC;KAChD,CAQA;CACF;AAED,KAAK,4CAA4C,GAAG;IAClD,aAAa,EAAE,gCAAgC,CAAC;CACjD,CAAC;AAEF,qBAAa,qCAAsC,SAAQ,YAAY;IACrE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAmC;gBAErD,OAAO,EAAE,4CAA4C;IAKlD,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAI9B,YAAY,IAAI,IAAI;IAKpB,KAAK,CAAC,MAAM,GAAE,KAAK,CAAC,QAAQ,CAAM,GAAG,KAAK;IAI1C,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAKhC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAIxC"}

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