@sqlrooms/data-table 0.0.0 → 0.0.1

package/src/useArrowDataTable.tsx

@@ -1,112 +0,0 @@
-import {Button, Popover, PopoverContent, PopoverTrigger} from '@sqlrooms/ui';
-import {ClipboardIcon} from '@heroicons/react/24/outline';
-import {shorten} from '@sqlrooms/utils';
-import {createColumnHelper} from '@tanstack/react-table';
-import {ColumnDef} from '@tanstack/table-core';
-import * as arrow from 'apache-arrow';
-import {useMemo} from 'react';
-
-const columnHelper = createColumnHelper();
-
-// TODO: support fetch the result chunks lazily https://github.com/duckdb/duckdb-wasm/tree/master/packages/duckdb-wasm#query-execution
-
-type UseArrowDataTableResult = {
-  data: ArrayLike<any>;
-  columns: ColumnDef<any, any>[];
-};
-
-export type ArrowColumnMeta = {
-  type: arrow.DataType;
-  isNumeric: boolean;
-};
-
-const MAX_VALUE_LENGTH = 64;
-
-function valueToString(type: arrow.DataType, value: any): string {
-  if (value === null || value === undefined) {
-    return 'NULL';
-  }
-  if (arrow.DataType.isTimestamp(type)) {
-    switch (typeof value) {
-      case 'number':
-      case 'bigint':
-        return new Date(Number(value)).toISOString();
-      case 'string':
-        return new Date(value).toISOString();
-    }
-  }
-  if (arrow.DataType.isTime(type)) {
-    switch (typeof value) {
-      case 'number':
-      case 'bigint':
-        return new Date(Number(value) / 1000).toISOString().substring(11, 19);
-      case 'string':
-        return new Date(value).toISOString().substring(11, 19);
-    }
-  }
-  if (arrow.DataType.isDate(type)) {
-    if (value instanceof Date) {
-      return value.toISOString();
-    }
-  }
-  return String(value);
-}
-// Only use for small tables or in combination with pagination
-export default function useArrowDataTable(
-  table: arrow.Table | undefined,
-): UseArrowDataTableResult | undefined {
-  const data = useMemo(() => ({length: table?.numRows ?? 0}), [table]);
-  const columns = useMemo(() => {
-    if (!table) return undefined;
-    const columns: ColumnDef<any, any>[] = [];
-    for (const field of table.schema.fields) {
-      columns.push(
-        columnHelper.accessor((_row, i) => table.getChild(field.name)?.get(i), {
-          cell: (info) => {
-            const value = info.getValue();
-            const valueStr = valueToString(field.type, value);
-
-            return valueStr.length > MAX_VALUE_LENGTH ? (
-              <Popover>
-                <PopoverTrigger asChild>
-                  <span className="cursor-pointer">
-                    {shorten(`${valueStr}`, MAX_VALUE_LENGTH)}
-                  </span>
-                </PopoverTrigger>
-                <PopoverContent className="font-mono text-xs w-auto max-w-[500px]">
-                  <div className="space-y-2">
-                    <div className="font-medium">{`"${field.name}" (${field.type})`}</div>
-                    <div className="relative">
-                      {valueStr}
-                      <Button
-                        variant="ghost"
-                        size="icon"
-                        className="absolute top-0 right-0 h-6 w-6"
-                        onClick={() => navigator.clipboard.writeText(valueStr)}
-                      >
-                        <ClipboardIcon className="h-3 w-3" />
-                      </Button>
-                    </div>
-                  </div>
-                </PopoverContent>
-              </Popover>
-            ) : (
-              valueStr
-            );
-          },
-          header: field.name,
-          meta: {
-            type: field.type,
-            isNumeric:
-              arrow.DataType.isFloat(field.type) ||
-              arrow.DataType.isDecimal(field.type) ||
-              arrow.DataType.isInt(field.type),
-          },
-        }),
-      );
-    }
-    return columns;
-  }, [table]);
-
-  return data && columns ? {data, columns} : undefined;
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "@sqlrooms/typescript-config/react-library.json",
-  "compilerOptions": {
-    "outDir": "dist"
-  },
-  "include": ["src", "turbo"],
-  "exclude": ["node_modules", "dist"]
-}