@dxos/react-ui-table 0.3.5-main.54f3c64 → 0.3.5-main.57bfc4f

package/dist/lib/browser/index.mjs

@@ -206,10 +206,9 @@ var defaultTableSlots = {
       "px-2 font-light"
     ]
   },
-  // cell: { className: 'px-2' },
-  // TODO(burdon): Compact mode.
-  // TODO(burdon): No hover if editing.
-  // row: { className: 'cursor-pointer hover:bg-neutral-50 dark:hover:bg-neutral-800' },
+  cell: {
+    className: "px-2"
+  },
   group: {
     className: "px-2 font-light text-xs text-left"
   },
@@ -493,7 +492,7 @@ var TableBody = ({ keyAccessor, rows, rowSelection, focus, onFocus, onSelect, de
     })), debug && /* @__PURE__ */ React2.createElement("td", null, row.id), row.getVisibleCells().map((cell) => {
       return /* @__PURE__ */ React2.createElement("td", {
         key: cell.id,
-        className: mx2(border && groupBorder, cell.column.columnDef.meta?.slots?.cell?.className)
+        className: mx2(border && groupBorder, slots?.cell?.className, cell.column.columnDef.meta?.slots?.cell?.className)
       }, flexRender(cell.column.columnDef.cell, {
         className: "px-2",
         ...cell.getContext()

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ColumnMenu.tsx", "../../../src/schema.ts", "../../../src/components/Table.tsx", "../../../src/theme.ts", "../../../src/helpers.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Check, CaretDown, Trash, X } from '@phosphor-icons/react';\nimport { type HeaderContext, type RowData } from '@tanstack/react-table';\nimport React, { type FC, type PropsWithChildren, useRef, useState } from 'react';\n\nimport { Button, DensityProvider, Input, Popover, Select, Separator } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { safeParseInt } from '@dxos/util';\n\nimport { type TableDef, type ColumnProps, columnTypes } from '../schema';\n\nexport type ColumnMenuProps<TData extends RowData, TValue> = {\n  context: HeaderContext<TData, TValue>;\n  tableDefs: TableDef[];\n  tableDef: TableDef;\n  column: ColumnProps;\n  onUpdate?: (id: string, column: ColumnProps) => void;\n  onDelete?: (id: string) => void;\n};\n\nexport const ColumnMenu = <TData extends RowData, TValue>({ column, ...props }: ColumnMenuProps<TData, TValue>) => {\n  const title = column.label?.length ? column.label : column.id;\n\n  return (\n    <div className='flex grow items-center overflow-hidden'>\n      <div className='truncate' title={title}>\n        {title}\n      </div>\n      <div className='grow' />\n      <div className='flex shrink-0'>\n        <ColumnPanel {...props} column={column} />\n      </div>\n    </div>\n  );\n};\n\nconst Section: FC<PropsWithChildren & { className?: string }> = ({ children, className }) => (\n  <div role='none' className={mx('p-2', className)}>\n    {children}\n  </div>\n);\n\nexport const ColumnPanel = <TData extends RowData, TValue>({\n  context,\n  tableDefs,\n  tableDef,\n  column,\n  onUpdate,\n  onDelete,\n}: ColumnMenuProps<TData, TValue>) => {\n  const [open, setOpen] = useState(false);\n  const [prop, setProp] = useState(column.id);\n  const [refTable, setRefTable] = useState(column.refTable);\n  const [refProp, setRefProp] = useState(column.refProp);\n  const [type, setType] = useState(String(column.type));\n  const [label, setLabel] = useState(column.label);\n  const [digits, setDigits] = useState(String(column.digits ?? '0'));\n  const propRef = useRef<HTMLInputElement>(null);\n\n  const handleCancel = () => {\n    setProp(column.id);\n    setOpen(false);\n  };\n\n  const handleSave = () => {\n    // Check valid.\n    if (!prop.length || !prop.match(/^[a-zA-Z_].+/i)) {\n      propRef.current?.focus();\n      return;\n    }\n\n    // If already exists then check same type.\n    const current = tableDef.columns.find((c) => c.id !== column.id && c.id === prop);\n    if (current) {\n      // TODO(burdon): Allow multiple columns with different refProps. Ensure correct table prop is updated.\n      if (current.type !== 'ref' /* || current.ref !== refTable */) {\n        // TODO(burdon): Show error.\n        propRef.current?.focus();\n        return;\n      }\n    }\n\n    onUpdate?.(prop, {\n      id: prop, // TODO(burdon): Make unique.\n      prop,\n      label,\n      type: type as ColumnProps['type'],\n      refTable,\n      refProp,\n      digits: safeParseInt(digits),\n    });\n\n    setOpen(false);\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={(nextOpen) => setOpen(nextOpen)}>\n      <Popover.Trigger asChild>\n        <Button variant='ghost' classNames='p-0'>\n          <CaretDown className={getSize(4)} />\n        </Button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content>\n          <Popover.Viewport classNames='w-60'>\n            <DensityProvider density='fine'>\n              <div className='flex flex-col gap-1'>\n                <Section>\n                  <Input.Root>\n                    <Input.Label classNames='mbe-1'>Label</Input.Label>\n                    <Input.TextInput\n                      placeholder='Column label'\n                      value={label ?? ''}\n                      onChange={(event) => setLabel(event.target.value)}\n                      autoFocus\n                    />\n                  </Input.Root>\n                  <Input.Root>\n                    <Input.Label classNames='mbe-1 mbs-3'>Property</Input.Label>\n                    <Input.TextInput\n                      ref={propRef}\n                      placeholder='Property key'\n                      // TODO(burdon): Provide hooks for value normalization, ENTER, ESC, etc.\n                      value={prop ?? ''}\n                      onChange={(event) => setProp(event.target.value.replace(/[^\\w_]/g, ''))}\n                    />\n                  </Input.Root>\n                  <Input.Root>\n                    <Input.Label classNames='mbe-1 mbs-3'>Type</Input.Label>\n                    <Select.Root value={type} onValueChange={setType}>\n                      <Select.TriggerButton placeholder='Type' classNames='is-full' />\n                      <Select.Portal>\n                        <Select.Content>\n                          <Select.Viewport>\n                            {Array.from(columnTypes.entries()).map(([type, label]) => (\n                              <Select.Option key={type} value={type}>\n                                {label}\n                              </Select.Option>\n                            ))}\n                          </Select.Viewport>\n                        </Select.Content>\n                      </Select.Portal>\n                    </Select.Root>\n                  </Input.Root>\n                </Section>\n\n                {type === 'number' && (\n                  <>\n                    <Section>\n                      <Input.Root>\n                        <Input.Label classNames='mbe-1 mbs-3'>Decimal places</Input.Label>\n                        {/* TODO(burdon): Constrain input to numbers. */}\n                        <Input.TextInput value={digits ?? ''} onChange={(event) => setDigits(event.target.value)} />\n                      </Input.Root>\n                    </Section>\n                  </>\n                )}\n\n                {/* TODO(burdon): Selectors on same line. */}\n                {type === 'ref' && (\n                  <>\n                    <Section>\n                      <Input.Root>\n                        <Input.Label classNames='mbe-1 mbs-3'>Table</Input.Label>\n                        <Select.Root value={refTable} onValueChange={setRefTable}>\n                          <Select.TriggerButton placeholder='Table' classNames='is-full' />\n                          <Select.Portal>\n                            <Select.Content>\n                              <Select.Viewport>\n                                {tableDefs\n                                  .filter((t) => t.id !== tableDef.id)\n                                  .map(({ id, name }) => (\n                                    <Select.Option key={id} value={id}>\n                                      {name ?? id}\n                                    </Select.Option>\n                                  ))}\n                              </Select.Viewport>\n                            </Select.Content>\n                          </Select.Portal>\n                        </Select.Root>\n                      </Input.Root>\n\n                      {refTable && (\n                        <Input.Root>\n                          <Input.Label classNames='mbe-1 mbs-3'>Table property</Input.Label>\n                          <Select.Root value={refProp} onValueChange={setRefProp}>\n                            <Select.TriggerButton placeholder='Property' classNames='is-full' />\n                            <Select.Portal>\n                              <Select.Content>\n                                <Select.Viewport>\n                                  {tableDefs\n                                    .find((tableDef) => tableDef.id === refTable)\n                                    ?.columns.map(({ id, label }) => (\n                                      <Select.Option key={id} value={id}>\n                                        {label ?? id}\n                                      </Select.Option>\n                                    ))}\n                                </Select.Viewport>\n                              </Select.Content>\n                            </Select.Portal>\n                          </Select.Root>\n                        </Input.Root>\n                      )}\n                    </Section>\n                  </>\n                )}\n\n                <Separator classNames='mli-2' />\n\n                <Section className='space-b-1.5'>\n                  {/* TODO(burdon): Style as DropdownMenuItem. */}\n                  <Button variant='primary' classNames='is-full flex gap-2' onClick={handleSave}>\n                    <span>Save</span>\n                    <div className='grow' />\n                    <Check className={getSize(5)} />\n                  </Button>\n                  <Button classNames='is-full flex gap-2' onClick={handleCancel}>\n                    <span>Cancel</span>\n                    <div className='grow' />\n                    <X className={getSize(5)} />\n                  </Button>\n                  <Button classNames='is-full flex gap-2' onClick={() => onDelete?.(column.id)}>\n                    <span>Delete</span>\n                    <div className='grow' />\n                    <Trash className={getSize(5)} />\n                  </Button>\n                </Section>\n              </div>\n            </DensityProvider>\n          </Popover.Viewport>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport type TableDef = {\n  id: string;\n  name?: string; // TODO(burdon): Required?\n  columns: ColumnProps[];\n};\n\nexport type ColumnType = 'number' | 'boolean' | 'date' | 'string' | 'ref';\n\nexport const columnTypes = new Map<ColumnType, string>([\n  ['string', 'Text'],\n  ['boolean', 'Checkbox'],\n  ['number', 'Number'],\n  ['date', 'Date'],\n  ['ref', 'Reference'],\n]);\n\nexport type ColumnProps = {\n  id: string;\n  prop: string;\n  type: ColumnType;\n  size?: number;\n  label?: string;\n\n  // type = number\n  digits?: number;\n\n  // type = ref\n  refTable?: string;\n  refProp?: string;\n\n  // TODO(burdon): Move to meta.\n  fixed?: boolean;\n  editable?: boolean;\n  resizable?: boolean;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  flexRender,\n  getCoreRowModel,\n  getGroupedRowModel,\n  useReactTable,\n  type ColumnSizingInfoState,\n  type ColumnSizingState,\n  type GroupingState,\n  type HeaderGroup,\n  type Row,\n  type RowData,\n  type RowSelectionState,\n  type TableState,\n  type VisibilityState,\n} from '@tanstack/react-table';\nimport React, { Fragment, useEffect, useRef, useState } from 'react';\n\nimport { debounce } from '@dxos/async';\nimport { groupBorder, inputSurface, mx } from '@dxos/react-ui-theme';\n\nimport { defaultTableSlots, type TableSlots } from '../theme';\nimport { type TableColumnDef, type KeyValue } from '../types';\n\n// TODO(burdon): Sort/filter.\n// TODO(burdon): Drag-and-drop.\n// TODO(burdon): Virtual (e.g., log panel).\n\nexport type TableSelection<TData extends RowData> = {\n  // Controlled if undefined (by default).\n  select?: 'single' | 'single-toggle' | 'multiple' | 'multiple-toggle' | undefined;\n  selected?: TData[];\n  onSelectedChange?: (selected: TData[] | undefined) => void;\n};\n\n/**\n * Util to update the selection based on the mode.\n */\nexport const updateSelection = (\n  selectionState: RowSelectionState,\n  id: string,\n  selection: TableSelection<any>['select'],\n): RowSelectionState => {\n  switch (selection) {\n    case 'single': {\n      return {\n        [id]: true,\n      };\n    }\n    case 'single-toggle': {\n      return selectionState[id]\n        ? {}\n        : {\n            [id]: true,\n          };\n    }\n    case 'multiple': {\n      return {\n        [id]: true,\n        ...selectionState,\n      };\n    }\n    case 'multiple-toggle': {\n      if (selectionState[id]) {\n        const newSelectionState = { ...selectionState };\n        delete newSelectionState[id];\n        return newSelectionState;\n      } else {\n        return {\n          [id]: true,\n          ...selectionState,\n        };\n      }\n    }\n  }\n\n  return selectionState;\n};\n\nexport type TableProps<TData extends RowData> = {\n  keyAccessor?: KeyValue<TData>;\n  data?: TData[];\n  columns?: TableColumnDef<TData>[];\n  columnVisibility?: VisibilityState;\n  onColumnResize?: (state: Record<string, number>) => void;\n  grouping?: string[];\n  header?: boolean;\n  footer?: boolean;\n  border?: boolean;\n  fullWidth?: boolean;\n  pinToBottom?: boolean;\n  slots?: TableSlots;\n  debug?: boolean;\n} & TableSelection<TData>;\n\nexport const Table = <TData extends RowData>({ slots = defaultTableSlots, ...props }: TableProps<TData>) => {\n  const {\n    data = [],\n    columns = [],\n    onColumnResize,\n    columnVisibility,\n    header = true,\n    footer,\n    select,\n    selected,\n    onSelectedChange,\n    fullWidth,\n    pinToBottom,\n    debug,\n  } = props;\n\n  // Update controlled selection.\n  // https://tanstack.com/table/v8/docs/api/features/row-selection\n  const [focus, setFocus] = useState<string>();\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n  useEffect(() => {\n    setRowSelection(\n      selected?.reduce((selectionState: RowSelectionState, selected) => {\n        const row = table.getRowModel().rows.find((row) => row.original === selected);\n        if (row) {\n          selectionState[row.id] = true;\n        }\n\n        return selectionState;\n      }, {}) ?? {},\n    );\n  }, [select, selected]);\n\n  // Resizing.\n  const [columnSizingInfo, setColumnSizingInfo] = useState<ColumnSizingInfoState>({} as ColumnSizingInfoState);\n  const onColumnResizeDebounced = debounce<ColumnSizingState>((info) => onColumnResize?.(info), 500);\n  useEffect(() => {\n    if (columnSizingInfo.columnSizingStart?.length === 0) {\n      onColumnResizeDebounced(table.getState().columnSizing);\n    }\n  }, [columnSizingInfo]);\n\n  const [grouping, setGrouping] = useState<GroupingState>(props.grouping ?? []);\n  useEffect(() => setGrouping(props.grouping ?? []), [props.grouping]);\n\n  //\n  // Update table state.\n  // https://tanstack.com/table/v8/docs/api/core/table\n  //\n  const table = useReactTable({\n    data,\n    columns,\n    defaultColumn: {\n      size: 400, // Required in order remove default width.\n      maxSize: 800,\n    },\n    getCoreRowModel: getCoreRowModel(),\n    meta: {},\n\n    // TODO(burdon): Pagination.\n    // TODO(burdon): Sorting.\n    // TODO(burdon): Filtering.\n    state: {\n      columnVisibility,\n      columnSizingInfo,\n      rowSelection,\n      grouping,\n    },\n\n    // Grouping.\n    getGroupedRowModel: getGroupedRowModel(),\n    onGroupingChange: setGrouping,\n\n    // Selection.\n    enableRowSelection: select === 'single' || select === 'single-toggle',\n    enableMultiRowSelection: select === 'multiple' || select === 'multiple-toggle',\n    onRowSelectionChange: (rows) => {\n      setRowSelection(rows);\n    },\n\n    // Resize columns.\n    // TODO(burdon): Drag to re-order columns.\n    columnResizeMode: 'onChange',\n    enableColumnResizing: true,\n    onColumnSizingInfoChange: setColumnSizingInfo,\n\n    debugTable: debug,\n  });\n\n  // TODO(burdon): Add flex if not resizable.\n  // Create additional expansion column if all columns have fixed width.\n  const expand = false; // columns.map((column) => column.size).filter(Boolean).length === columns?.length;\n\n  // Pin scrollbar to bottom.\n  const containerRef = usePinToBottom(data, pinToBottom);\n\n  const handleSelect = (row: Row<TData>) => {\n    if (select) {\n      // Uncontrolled.\n      setRowSelection((selectionState: RowSelectionState) => {\n        const newSelectionState = updateSelection(selectionState, row.id, select);\n        if (onSelectedChange) {\n          const rows: TData[] = Object.keys(newSelectionState).map((id) => table.getRowModel().rowsById[id].original);\n          onSelectedChange(rows);\n        }\n\n        return newSelectionState;\n      });\n    } else {\n      // Controlled.\n      onSelectedChange?.([row.original]);\n    }\n  };\n\n  // TODO(burdon): Use radix ScrollArea.\n  // https://www.radix-ui.com/primitives/docs/components/scroll-area\n  return (\n    <div ref={containerRef} className={mx('grow overflow-auto', slots?.root?.className)}>\n      <table\n        // Styles:\n        // table-fixed: Prevents fixed sized columns from shrinking.\n        className={mx(!fullWidth && 'table-fixed', inputSurface, slots?.table?.className)}\n        style={{\n          width: fullWidth ? '100%' : table.getTotalSize(),\n        }}\n      >\n        {/* Head */}\n        <TableHead\n          {...props}\n          slots={slots}\n          header={header}\n          state={table.getState()}\n          headers={table.getHeaderGroups()}\n        />\n\n        {/* Rows */}\n        {grouping.length === 0 && (\n          <TableBody\n            {...props}\n            slots={slots}\n            rowSelection={rowSelection}\n            expand={expand}\n            focus={focus}\n            onFocus={setFocus}\n            onSelect={handleSelect}\n            rows={table.getRowModel().rows}\n          />\n        )}\n\n        {/* Groups */}\n        {grouping.length !== 0 &&\n          table.getGroupedRowModel().rows.map((row, i) => {\n            return (\n              <Fragment key={i}>\n                {/* TODO(burdon): Customize group header renderer. */}\n                <thead>\n                  <tr>\n                    {slots?.margin && <th className={mx(slots?.margin?.className)} />}\n                    {debug && <th />}\n                    <th\n                      // TODO(burdon): Calculate row span.\n                      colSpan={table.getHeaderGroups()[0].headers.length}\n                      className={mx('text-left', slots?.group?.className)}\n                    >\n                      {table.getState().grouping[0]}[{String(row.getGroupingValue(table.getState().grouping[0]))}]\n                    </th>\n                  </tr>\n                </thead>\n\n                <TableBody\n                  {...props}\n                  slots={slots}\n                  rowSelection={rowSelection}\n                  expand={expand}\n                  focus={focus}\n                  onFocus={setFocus}\n                  onSelect={handleSelect}\n                  rows={row.subRows}\n                />\n              </Fragment>\n            );\n          })}\n\n        {/* Foot */}\n        {footer && <TableFoot {...props} slots={slots} footers={table.getFooterGroups()} />}\n      </table>\n\n      {debug && (\n        <pre className='font-mono text-xs text-neutral-500 my-4 p-2 ring'>\n          <code>{JSON.stringify(table.getState(), undefined, 2)}</code>\n        </pre>\n      )}\n    </div>\n  );\n};\n\n/**\n * Glue to bottom as rows are added.\n */\n// TODO(burdon): Causes scrollbar to be constantly visible.\n//  https://css-tricks.com/books/greatest-css-tricks/pin-scrolling-to-bottom\nconst usePinToBottom = <TData extends RowData>(data: TData[], pinToBottom?: boolean) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [stickyScrolling, setStickyScrolling] = useState(true);\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!pinToBottom || !container) {\n      return;\n    }\n\n    // TODO(burdon): Set when scrolled to bottom and unset when manually scrolled away.\n    const handler = () => {\n      const bottom = container.scrollHeight - container.scrollTop - container.clientHeight === 0;\n      setStickyScrolling(bottom);\n    };\n\n    container.addEventListener('scroll', handler);\n    return () => container.removeEventListener('scroll', handler);\n  }, []);\n\n  useEffect(() => {\n    if (!pinToBottom || !containerRef.current || !stickyScrolling) {\n      return;\n    }\n\n    containerRef.current?.scroll({ top: containerRef.current.scrollHeight });\n  }, [data]);\n\n  return containerRef;\n};\n\n//\n// Head.\n//\n\ntype TableHeadProps<TData extends RowData> = Partial<TableProps<TData>> & {\n  state: TableState;\n  headers: HeaderGroup<TData>[];\n  expand?: boolean;\n};\n\nconst TableHead = <TData extends RowData>({\n  state,\n  headers,\n  expand,\n  header,\n  debug,\n  fullWidth,\n  border,\n  slots,\n}: TableHeadProps<TData>) => {\n  return (\n    <thead className={mx(header ? ['sticky top-0 z-10'] : 'collapse')}>\n      {headers.map((headerGroup) => {\n        return (\n          // Group element to hover resize handles.\n          <tr key={headerGroup.id} className='font-light group'>\n            {slots?.margin && <th className={mx(slots?.margin?.className)} />}\n\n            {/* TODO(burdon): Calc. width. */}\n            {debug && (\n              <th className='text-left' style={{ width: 32 }}>\n                #\n              </th>\n            )}\n\n            {headerGroup.headers.map((header) => {\n              return (\n                <th\n                  key={header.id}\n                  style={{\n                    // Don't set width if fullWidth and no explicit size.\n                    width: fullWidth && header.column.columnDef.meta?.expand ? undefined : header.getSize(),\n                  }}\n                  // Relative for resize handle.\n                  // TODO(burdon): Border scrolls with main content.\n                  //  https://stackoverflow.com/questions/50361698/border-style-do-not-work-with-sticky-position-element\n                  className={mx(\n                    'relative text-left',\n                    border && groupBorder,\n                    slots?.header?.className,\n                    header.column.columnDef.meta?.slots?.header?.className,\n                  )}\n                >\n                  {!header || header.isPlaceholder\n                    ? null\n                    : flexRender(header.column.columnDef.header, header.getContext())}\n\n                  {/*\n                   * Resize handle.\n                   * https://codesandbox.io/p/sandbox/github/tanstack/table/tree/main/examples/react/column-sizing\n                   */}\n                  {header.column.columnDef.meta?.resizable && (\n                    <div\n                      className={mx(\n                        'absolute top-0 pl-1 h-full z-[10] w-[7px] -right-[5px]',\n                        'cursor-col-resize select-none touch-none opacity-20 hover:opacity-100',\n                        header.column.getIsResizing() && 'hidden',\n                      )}\n                      style={{\n                        transform: header.column.getIsResizing()\n                          ? `translateX(${state.columnSizingInfo.deltaOffset}px)`\n                          : undefined,\n                      }}\n                      onMouseDown={header.getResizeHandler()}\n                      onTouchStart={header.getResizeHandler()}\n                    >\n                      <div className='flex group-hover:bg-neutral-700 -ml-[2px] w-[1px] h-full' />\n                    </div>\n                  )}\n                </th>\n              );\n            })}\n            {expand && <th />}\n            {slots?.margin && <th className={mx(slots?.margin?.className)} />}\n          </tr>\n        );\n      })}\n    </thead>\n  );\n};\n\n//\n// Body.\n//\n\ntype TableBodyProps<TData extends RowData> = Partial<TableProps<TData>> & {\n  rows: Row<TData>[];\n  rowSelection: RowSelectionState;\n  expand?: boolean;\n  focus?: string;\n  onFocus?: (id?: string) => void;\n  onSelect?: (row: Row<TData>) => void;\n};\n\nconst TableBody = <TData extends RowData>({\n  keyAccessor,\n  rows,\n  rowSelection,\n  focus,\n  onFocus,\n  onSelect,\n  debug,\n  border,\n  expand,\n  slots,\n}: TableBodyProps<TData>) => {\n  return (\n    <tbody>\n      {rows.map((row) => {\n        return (\n          <tr\n            key={keyAccessor ? keyAccessor(row.original) : row.id}\n            onClick={() => onSelect?.(row)}\n            role='button' // TODO(burdon): ???\n            className={mx(\n              'group',\n              rowSelection[row.id] && slots?.selected?.className,\n              focus === row.id && slots?.focus?.className,\n              slots?.row?.className,\n            )}\n          >\n            {/* TODO(burdon): Dummy button for focus (don't alter geometry). */}\n            {slots?.margin && (\n              <td className={mx(slots?.margin?.className)}>\n                <button\n                  role='button'\n                  style={{ width: 1, height: 1 }}\n                  className='focus:outline-none'\n                  onFocus={() => onFocus?.(keyAccessor ? keyAccessor(row.original) : row.id)}\n                  onBlur={() => onFocus?.(undefined)}\n                  onKeyDown={(event) => {\n                    // TODO(burdon): Move focus.\n                    switch (event.key) {\n                      case 'ArrowUp': {\n                        break;\n                      }\n                      case 'ArrowDown': {\n                        break;\n                      }\n                    }\n                  }}\n                />\n              </td>\n            )}\n\n            {debug && <td>{row.id}</td>}\n\n            {row.getVisibleCells().map((cell) => {\n              // TODO(burdon): Allow class override from column.\n              return (\n                <td\n                  key={cell.id}\n                  className={mx(border && groupBorder, cell.column.columnDef.meta?.slots?.cell?.className)}\n                >\n                  {flexRender(cell.column.columnDef.cell, { className: 'px-2', ...cell.getContext() })}\n                </td>\n              );\n            })}\n\n            {expand && <td />}\n            {slots?.margin && <td className={mx(slots?.margin?.className)} />}\n          </tr>\n        );\n      })}\n    </tbody>\n  );\n};\n\n//\n// Footer\n//\n\ntype TableFootProps<TData extends RowData> = Partial<TableProps<TData>> & {\n  footers: HeaderGroup<TData>[];\n  expand?: boolean;\n};\n\nconst TableFoot = <TData extends RowData>({ footers, expand, slots, debug, border }: TableFootProps<TData>) => {\n  return (\n    <tfoot className={mx('sticky bottom-0 z-[10]', slots?.footer?.className)}>\n      {footers.map((footerGroup) => (\n        <tr key={footerGroup.id} className='font-thin'>\n          {slots?.margin && <th className={mx(slots?.margin?.className)} />}\n          {debug && <th />}\n\n          {footerGroup.headers.map((footer) => {\n            return (\n              <th\n                key={footer.id}\n                className={mx(\n                  border && groupBorder,\n                  'text-left',\n                  slots?.footer?.className,\n                  footer.column.columnDef.meta?.slots?.footer?.className,\n                )}\n              >\n                {footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext())}\n              </th>\n            );\n          })}\n\n          {expand && <th />}\n          {slots?.margin && <th className={mx(slots?.margin?.className)} />}\n        </tr>\n      ))}\n    </tfoot>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { chromeSurface } from '@dxos/react-ui-theme';\n\n// TODO(burdon): Remove nested classNames? Add to theme?\nexport type TableSlots = {\n  root?: {\n    className?: string | string[];\n  };\n  table?: {\n    className?: string | string[];\n  };\n  header?: {\n    className?: string | string[];\n  };\n  footer?: {\n    className?: string | string[];\n  };\n  group?: {\n    className?: string | string[];\n  };\n  row?: {\n    className?: string | string[];\n  };\n  cell?: {\n    className?: string | string[];\n  };\n  focus?: {\n    className?: string | string[];\n  };\n  selected?: {\n    className?: string | string[];\n  };\n  margin?: {\n    className?: string | string[];\n  };\n};\n\n// TODO(burdon): Change to groups.\n/*\nhead: {\n  default:\n  cell:\n}\nrow: {\n  default: '',\n  selected: ''\n}\n*/\n\n// TODO(burdon): Scrollbar area.\n// TODO(burdon): Overscroll horizontal (full width).\n\n// TODO(burdon): Integrate with DXOS UI theme (direct dependency -- see react-ui-editor, tailwind.ts).\n//  See Link.tsx const { tx } = useThemeContext();\n//  Reuse button fragments for hoverColors, selected, primary, etc.\nexport const defaultTableSlots: TableSlots = {\n  // TODO(burdon): head/body/table rows.\n  header: { className: [chromeSurface, 'px-2 font-light select-none'] },\n  footer: { className: [chromeSurface, 'px-2 font-light'] },\n  // cell: { className: 'px-2' },\n  // TODO(burdon): Compact mode.\n  // TODO(burdon): No hover if editing.\n  // row: { className: 'cursor-pointer hover:bg-neutral-50 dark:hover:bg-neutral-800' },\n  group: { className: 'px-2 font-light text-xs text-left' },\n  focus: { className: 'ring ring-primary-600 ring-inset' },\n  selected: { className: '!bg-teal-100 dark:!bg-teal-700' },\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { Check, ClipboardText, type Icon, X } from '@phosphor-icons/react';\nimport { createColumnHelper, type ColumnDef, type ColumnMeta, type RowData } from '@tanstack/react-table';\nimport format from 'date-fns/format';\nimport formatDistanceToNow from 'date-fns/formatDistanceToNow';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { type PublicKey } from '@dxos/keys';\nimport { ComboBox, type ComboBoxItem, Input, Tooltip } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { stripUndefinedValues } from '@dxos/util';\n\n// TODO(burdon): Factor out hack to find next focusable element (extend useFocusFinders)?\nconst findNextFocusable = (\n  findFirstFocusable: (container: HTMLElement) => HTMLElement | null | undefined,\n  container: HTMLElement,\n): HTMLElement | undefined => {\n  const next = findFirstFocusable(container as any);\n  if (next) {\n    if (next?.tagName === 'INPUT') {\n      return next;\n    }\n    if (container.nextElementSibling) {\n      return findNextFocusable(findFirstFocusable, container.nextSibling as any);\n    }\n  }\n};\n\nexport type ValueUpdater<TData extends RowData, TValue> = (row: TData, id: string, value: TValue) => void;\n\nexport const createColumnBuilder = <TData extends RowData>() => ({\n  helper: createColumnHelper<TData>(),\n  builder: new ColumnBuilder<TData>(),\n});\n\n/**\n * NOTE: Can use `meta` for custom properties.\n */\nexport type BaseColumnOptions<TData, TValue> = Partial<ColumnDef<TData, TValue>> & {\n  meta?: ColumnMeta<TData, TValue>;\n  label?: string;\n  className?: string;\n  onUpdate?: ValueUpdater<TData, TValue | undefined>;\n};\n\n// TODO(burdon): Better abstraction?\nexport type SelectQueryModel<TData extends RowData> = {\n  getId(object: TData): string;\n  getText(object: TData): string;\n  query(text?: string): Promise<TData[]>;\n};\n\nexport type SelectColumnOptions<TData extends RowData> = BaseColumnOptions<TData, any> & {\n  model: SelectQueryModel<TData>;\n};\n\nexport type StringColumnOptions<TData extends RowData> = BaseColumnOptions<TData, string> & {};\n\nexport type NumberColumnOptions<TData extends RowData> = BaseColumnOptions<TData, number> & {\n  digits?: number;\n};\n\nexport type KeyColumnOptions<TData extends RowData> = BaseColumnOptions<TData, PublicKey> & {\n  tooltip?: boolean;\n};\n\nexport type DateColumnOptions<TData extends RowData> = BaseColumnOptions<TData, Date> & {\n  format?: string;\n  relative?: boolean;\n};\n\nexport type BooleanColumnOptions<TData extends RowData> = BaseColumnOptions<TData, boolean> & {};\n\nexport type IconColumnOptions<TData extends RowData> = BaseColumnOptions<TData, boolean> & {\n  on?: {\n    Icon?: Icon;\n    className?: string;\n  };\n  off?: {\n    Icon?: Icon;\n    className?: string;\n  };\n};\n\nconst defaults = <TData extends RowData, TValue>(\n  options: Partial<ColumnDef<TData, TValue>>,\n  ...sources: Partial<ColumnDef<TData, TValue>>[]\n): Partial<ColumnDef<TData, TValue>> => {\n  return stripUndefinedValues(defaultsDeep({}, options, ...sources));\n};\n\n/**\n * Lazy cell selector (click to activate).\n */\nconst CellSelector = <TData extends RowData>({\n  model,\n  value: _value,\n  onUpdate,\n}: {\n  model: SelectQueryModel<TData>;\n  value: TData;\n  onUpdate: (value: TData) => void;\n}) => {\n  const [edit, setEdit] = useState(false);\n  const [value, setValue] = useState<ComboBoxItem>();\n  useEffect(() => setValue(_value ? { id: model.getId(_value), label: model.getText(_value) } : undefined), [_value]);\n  const [items, setItems] = useState<ComboBoxItem[]>([]);\n  const handleUpdate = async (text?: string) => {\n    const items = await model.query(text);\n    setItems(items.map((item) => ({ id: model.getId(item), label: model.getText(item), data: item })));\n  };\n\n  if (!edit) {\n    const text = _value ? model.getText(_value) : undefined;\n    return (\n      // TODO(burdon): Hack to prevent div from collapsing.\n      <div className={mx('w-full px-2', !text && 'opacity-0')} onClick={() => setEdit(true)}>\n        {text ?? '-'}\n      </div>\n    );\n  }\n\n  return (\n    <ComboBox.Root items={items} value={value} onChange={(value) => onUpdate(value?.data)} onInputChange={handleUpdate}>\n      <ComboBox.Input />\n      <ComboBox.Content>\n        {items.map((item) => (\n          <ComboBox.Item key={item.id} item={item}>\n            {item.label}\n          </ComboBox.Item>\n        ))}\n      </ComboBox.Content>\n    </ComboBox.Root>\n  );\n};\n\n/**\n * Util to create column definitions.\n */\nexport class ColumnBuilder<TData extends RowData> {\n  /**\n   * Select value\n   */\n  select({ label, className, model, onUpdate, ...props }: SelectColumnOptions<TData>): Partial<ColumnDef<TData, any>> {\n    return defaults(props, {\n      minSize: 100,\n      header: (column) => {\n        return <div className={'truncate'}>{label ?? column.header.id}</div>;\n      },\n      cell:\n        model && onUpdate\n          ? (cell) => (\n              <CellSelector<any>\n                model={model}\n                value={cell.getValue()}\n                onUpdate={(value) => onUpdate?.(cell.row.original, cell.column.id, value)}\n              />\n            )\n          : (cell) => {\n              const value = cell.getValue();\n              return <div className={mx('truncate', className)}>{value ? model.getText(value) : ''}</div>;\n            },\n    });\n  }\n\n  /**\n   * String formats.\n   */\n  string({ label, className, onUpdate, ...props }: StringColumnOptions<TData> = {}): Partial<ColumnDef<TData, string>> {\n    return defaults(props, {\n      minSize: 100,\n      // TODO(burdon): Default.\n      header: (column) => {\n        return <div className={'truncate'}>{label ?? column.header.id}</div>;\n      },\n      cell: onUpdate\n        ? (cell) => {\n            // https://tanstack.com/table/v8/docs/examples/react/editable-data\n            const initialValue = cell.getValue();\n            const [value, setValue] = useState(initialValue);\n            const inputRef = useRef<HTMLInputElement>(null);\n            const { findFirstFocusable } = useFocusFinders();\n\n            const handleSave = (focusNext = false) => {\n              if (value === initialValue) {\n                return;\n              }\n\n              onUpdate?.(cell.row.original, cell.column.id, value);\n\n              // TODO(burdon): More generally support keyboard navigation.\n              if (focusNext) {\n                const rowElement = inputRef.current?.parentElement?.parentElement;\n                // TODO(burdon): Hack to wait for next row to render.\n                setTimeout(() => {\n                  const next = findNextFocusable(findFirstFocusable, rowElement as HTMLElement);\n                  next?.focus();\n                });\n              }\n            };\n\n            const handleCancel = () => {\n              setValue(initialValue);\n            };\n\n            // Check if first input column of last row.\n            const rows = cell.table.getRowModel().flatRows;\n            const columns = cell.table.getVisibleFlatColumns();\n            const placeholder = cell.row.index === rows.length - 1 && columns[0].id === cell.column.id;\n\n            // TODO(burdon): Don't render inputs unless mouse over (Show ellipsis when div)?\n            return (\n              <Input.Root>\n                <Input.TextInput\n                  ref={inputRef}\n                  variant='subdued'\n                  placeholder={placeholder ? 'Add row...' : undefined}\n                  classNames={'px-2'}\n                  value={(value as string) ?? ''}\n                  onBlur={() => handleSave(false)}\n                  onChange={(event) => setValue(event.target.value)}\n                  onKeyDown={(event) =>\n                    (event.key === 'Enter' && handleSave(true)) || (event.key === 'Escape' && handleCancel())\n                  }\n                />\n              </Input.Root>\n            );\n          }\n        : (cell) => {\n            const value = cell.getValue();\n            return <div className={mx('truncate', className)}>{value}</div>;\n          },\n    });\n  }\n\n  /**\n   * Number formats.\n   */\n  number({ label, minSize, className, digits, onUpdate, ...props }: NumberColumnOptions<TData> = {}): Partial<\n    ColumnDef<TData, number>\n  > {\n    return defaults(props, {\n      size: 100,\n      minSize: 100,\n      header: (cell) => <div className='w-full truncate text-right'>{label ?? cell.header.id}</div>,\n      cell: (cell) => {\n        const value = cell.getValue();\n        const [text, setText] = useState<string>();\n\n        const handleEdit = () => {\n          if (onUpdate) {\n            setText(value !== undefined ? String(value) : '');\n          }\n        };\n\n        // TODO(burdon): Property is encoded as float (e.g., 6.1 => 6.099)\n        const handleSave = () => {\n          const value = text?.trim().length ? Number(text) : NaN;\n          onUpdate?.(cell.row.original, cell.column.id, isNaN(value) ? undefined : value);\n          setText(undefined);\n        };\n\n        const handleCancel = () => {\n          setText(undefined);\n        };\n\n        if (text !== undefined) {\n          return (\n            <div className={mx('grow text-right font-mono', className)}>\n              <Input.Root>\n                <Input.TextInput\n                  autoFocus\n                  value={text}\n                  classNames={'px-2'}\n                  onBlur={handleSave}\n                  onChange={(event) => setText(event.target.value)}\n                  onKeyDown={(event) =>\n                    (event.key === 'Escape' && handleCancel()) || (event.key === 'Enter' && handleSave())\n                  }\n                />\n              </Input.Root>\n            </div>\n          );\n        }\n\n        return (\n          <div\n            className={mx('grow w-full text-right font-mono empty:after:content-[\" \"]', className)}\n            onClick={handleEdit}\n          >\n            {value?.toLocaleString(undefined, {\n              minimumFractionDigits: digits ?? 0,\n              maximumFractionDigits: digits ?? 2,\n            })}\n          </div>\n        );\n      },\n    });\n  }\n\n  /**\n   * Date formats.\n   */\n  // TODO(burdon): Date picker (pluggable renderers?)\n  date({ label, format: formatSpec, relative, className, ...props }: DateColumnOptions<TData> = {}): Partial<\n    ColumnDef<TData, Date>\n  > {\n    return defaults(props, {\n      size: 220, // TODO(burdon): Depends on format.\n      minSize: 100,\n      header: (cell) => <div>{label ?? cell.header.id}</div>,\n      cell: (cell) => {\n        const value = cell.getValue();\n\n        try {\n          const str = value\n            ? formatSpec\n              ? format(value, formatSpec)\n              : relative\n              ? formatDistanceToNow(value, { addSuffix: true })\n              : value.toISOString()\n            : undefined;\n\n          return <div className={mx('font-mono', className)}>{str}</div>;\n        } catch (err) {\n          console.log(value);\n          return null;\n        }\n      },\n    });\n  }\n\n  /**\n   * PublicKey with tooltip.\n   */\n  key({ label, tooltip, ...props }: KeyColumnOptions<TData> = {}): Partial<ColumnDef<TData, PublicKey>> {\n    return defaults(props, {\n      size: 86,\n      minSize: 86,\n      header: (cell) => <div>{label ?? cell.header.id}</div>,\n      cell: (cell) => {\n        const value = cell.getValue();\n        if (!value) {\n          return;\n        }\n\n        // TODO(burdon): Factor out styles.\n        const element = (\n          <div className='font-mono font-thin text-green-500 dark:text-green-300'>{value.truncate()}</div>\n        );\n        if (!tooltip) {\n          return element;\n        }\n\n        return (\n          <div className='group inline-flex gap-2 items-center'>\n            <Tooltip.Provider>\n              <Tooltip.Root>\n                <Tooltip.Trigger asChild>{element}</Tooltip.Trigger>\n                <Tooltip.Content side='right'>\n                  <Tooltip.Arrow />\n                  <ClipboardText\n                    onClick={(ev) => {\n                      ev.stopPropagation(); // Prevent select row.\n                      void navigator.clipboard.writeText(value.toHex());\n                    }}\n                  />\n                </Tooltip.Content>\n              </Tooltip.Root>\n            </Tooltip.Provider>\n          </div>\n        );\n      },\n    });\n  }\n\n  /**\n   * Checkbox.\n   */\n  checkbox({ label, className, onUpdate, ...props }: BooleanColumnOptions<TData> = {}): Partial<\n    ColumnDef<TData, boolean>\n  > {\n    return defaults(props, {\n      size: 40,\n      minSize: 40,\n      header: (column) => <div className={'flex grow justify-center'}>{label ?? column.header.id}</div>,\n      cell: (cell) => {\n        const value = cell.getValue();\n        // TODO(burdon): Center.\n        return (\n          <div className='flex grow justify-center'>\n            <Input.Root>\n              <Input.Checkbox\n                onClick={(event) => event.stopPropagation()}\n                classNames={className}\n                disabled={!onUpdate}\n                checked={!!value}\n                onCheckedChange={(value) => {\n                  onUpdate?.(cell.row.original, cell.column.id, !!value);\n                }}\n              />\n            </Input.Root>\n          </div>\n        );\n      },\n    });\n  }\n\n  /**\n   * Icon based on boolean value.\n   */\n  icon({ label, size, on, off, ...props }: IconColumnOptions<TData> = {}): Partial<ColumnDef<TData, boolean>> {\n    const IconOn = on?.Icon ?? Check;\n    const IconOff = off?.Icon ?? X;\n    return defaults(props, {\n      size: size ?? 32,\n      header: (column) => <div className={'justify-center'}>{label ?? column.header.id}</div>,\n      cell: (cell) => {\n        const value = cell.getValue();\n        if (value) {\n          return (\n            <div className='flex grow justify-center'>\n              <IconOn className={mx(getSize(6), on?.className ?? 'text-green-700')} />\n            </div>\n          );\n        } else if (value === false) {\n          return (\n            <div className='flex grow justify-center'>\n              <IconOff className={mx(getSize(6), off?.className ?? 'text-red-700')} />\n            </div>\n          );\n        } else {\n          return null;\n        }\n      },\n    });\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["Check", "CaretDown", "Trash", "X", "React", "useRef", "useState", "Button", "DensityProvider", "Input", "Popover", "Select", "Separator", "getSize", "mx", "safeParseInt", "columnTypes", "Map", "ColumnMenu", "column", "props", "title", "label", "length", "id", "div", "className", "ColumnPanel", "Section", "children", "role", "mx", "context", "tableDefs", "tableDef", "onUpdate", "onDelete", "open", "setOpen", "useState", "prop", "setProp", "refTable", "setRefTable", "refProp", "setRefProp", "type", "setType", "String", "setLabel", "digits", "setDigits", "propRef", "useRef", "handleCancel", "handleSave", "match", "current", "focus", "columns", "find", "c", "safeParseInt", "Popover", "Root", "onOpenChange", "nextOpen", "Trigger", "asChild", "Button", "variant", "classNames", "CaretDown", "getSize", "Portal", "Content", "Viewport", "DensityProvider", "density", "Input", "Label", "TextInput", "placeholder", "value", "onChange", "event", "target", "autoFocus", "ref", "replace", "Select", "onValueChange", "TriggerButton", "Array", "from", "columnTypes", "entries", "map", "Option", "key", "filter", "t", "name", "Separator", "onClick", "span", "Check", "X", "Trash", "Arrow", "flexRender", "getCoreRowModel", "getGroupedRowModel", "useReactTable", "React", "Fragment", "useEffect", "useRef", "useState", "debounce", "groupBorder", "inputSurface", "mx", "chromeSurface", "defaultTableSlots", "header", "className", "chromeSurface", "footer", "group", "focus", "selected", "updateSelection", "selectionState", "id", "selection", "newSelectionState", "Table", "slots", "defaultTableSlots", "props", "data", "columns", "onColumnResize", "columnVisibility", "header", "footer", "select", "selected", "onSelectedChange", "fullWidth", "pinToBottom", "debug", "focus", "setFocus", "useState", "rowSelection", "setRowSelection", "useEffect", "reduce", "row", "table", "getRowModel", "rows", "find", "original", "columnSizingInfo", "setColumnSizingInfo", "onColumnResizeDebounced", "debounce", "info", "columnSizingStart", "length", "getState", "columnSizing", "grouping", "setGrouping", "useReactTable", "defaultColumn", "size", "maxSize", "getCoreRowModel", "meta", "state", "getGroupedRowModel", "onGroupingChange", "enableRowSelection", "enableMultiRowSelection", "onRowSelectionChange", "columnResizeMode", "enableColumnResizing", "onColumnSizingInfoChange", "debugTable", "expand", "containerRef", "usePinToBottom", "handleSelect", "Object", "keys", "map", "rowsById", "React", "div", "ref", "className", "mx", "root", "inputSurface", "style", "width", "getTotalSize", "TableHead", "headers", "getHeaderGroups", "TableBody", "onFocus", "onSelect", "i", "Fragment", "key", "thead", "tr", "margin", "th", "colSpan", "group", "String", "getGroupingValue", "subRows", "TableFoot", "footers", "getFooterGroups", "pre", "code", "JSON", "stringify", "undefined", "useRef", "stickyScrolling", "setStickyScrolling", "container", "current", "handler", "bottom", "scrollHeight", "scrollTop", "clientHeight", "addEventListener", "removeEventListener", "scroll", "top", "border", "headerGroup", "column", "columnDef", "getSize", "groupBorder", "isPlaceholder", "flexRender", "getContext", "resizable", "getIsResizing", "transform", "deltaOffset", "onMouseDown", "getResizeHandler", "onTouchStart", "keyAccessor", "tbody", "onClick", "role", "td", "button", "height", "onBlur", "onKeyDown", "event", "getVisibleCells", "cell", "tfoot", "footerGroup", "useFocusFinders", "Check", "ClipboardText", "X", "createColumnHelper", "format", "formatDistanceToNow", "defaultsDeep", "React", "useEffect", "useRef", "useState", "ComboBox", "Input", "Tooltip", "getSize", "mx", "stripUndefinedValues", "findNextFocusable", "findFirstFocusable", "container", "next", "tagName", "nextElementSibling", "nextSibling", "createColumnBuilder", "helper", "createColumnHelper", "builder", "ColumnBuilder", "defaults", "options", "sources", "stripUndefinedValues", "defaultsDeep", "CellSelector", "model", "value", "_value", "onUpdate", "edit", "setEdit", "useState", "setValue", "useEffect", "id", "getId", "label", "getText", "undefined", "items", "setItems", "handleUpdate", "text", "query", "map", "item", "data", "React", "div", "className", "mx", "onClick", "ComboBox", "Root", "onChange", "onInputChange", "Input", "Content", "Item", "key", "select", "props", "minSize", "header", "column", "cell", "getValue", "row", "original", "string", "initialValue", "inputRef", "useRef", "useFocusFinders", "handleSave", "focusNext", "rowElement", "current", "parentElement", "setTimeout", "focus", "handleCancel", "rows", "table", "getRowModel", "flatRows", "columns", "getVisibleFlatColumns", "placeholder", "index", "length", "TextInput", "ref", "variant", "classNames", "onBlur", "event", "target", "onKeyDown", "number", "digits", "size", "setText", "handleEdit", "String", "trim", "Number", "NaN", "isNaN", "autoFocus", "toLocaleString", "minimumFractionDigits", "maximumFractionDigits", "date", "format", "formatSpec", "relative", "str", "formatDistanceToNow", "addSuffix", "toISOString", "err", "console", "log", "tooltip", "element", "truncate", "Tooltip", "Provider", "Trigger", "asChild", "side", "Arrow", "ClipboardText", "ev", "stopPropagation", "navigator", "clipboard", "writeText", "toHex", "checkbox", "Checkbox", "disabled", "checked", "onCheckedChange", "icon", "on", "off", "IconOn", "Icon", "Check", "IconOff", "X", "getSize"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Check, CaretDown, Trash, X } from '@phosphor-icons/react';\nimport { type HeaderContext, type RowData } from '@tanstack/react-table';\nimport React, { type FC, type PropsWithChildren, useRef, useState } from 'react';\n\nimport { Button, DensityProvider, Input, Popover, Select, Separator } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { safeParseInt } from '@dxos/util';\n\nimport { type TableDef, type ColumnProps, columnTypes } from '../schema';\n\nexport type ColumnMenuProps<TData extends RowData, TValue> = {\n  context: HeaderContext<TData, TValue>;\n  tableDefs: TableDef[];\n  tableDef: TableDef;\n  column: ColumnProps;\n  onUpdate?: (id: string, column: ColumnProps) => void;\n  onDelete?: (id: string) => void;\n};\n\nexport const ColumnMenu = <TData extends RowData, TValue>({ column, ...props }: ColumnMenuProps<TData, TValue>) => {\n  const title = column.label?.length ? column.label : column.id;\n\n  return (\n    <div className='flex grow items-center overflow-hidden'>\n      <div className='truncate' title={title}>\n        {title}\n      </div>\n      <div className='grow' />\n      <div className='flex shrink-0'>\n        <ColumnPanel {...props} column={column} />\n      </div>\n    </div>\n  );\n};\n\nconst Section: FC<PropsWithChildren & { className?: string }> = ({ children, className }) => (\n  <div role='none' className={mx('p-2', className)}>\n    {children}\n  </div>\n);\n\nexport const ColumnPanel = <TData extends RowData, TValue>({\n  context,\n  tableDefs,\n  tableDef,\n  column,\n  onUpdate,\n  onDelete,\n}: ColumnMenuProps<TData, TValue>) => {\n  const [open, setOpen] = useState(false);\n  const [prop, setProp] = useState(column.id);\n  const [refTable, setRefTable] = useState(column.refTable);\n  const [refProp, setRefProp] = useState(column.refProp);\n  const [type, setType] = useState(String(column.type));\n  const [label, setLabel] = useState(column.label);\n  const [digits, setDigits] = useState(String(column.digits ?? '0'));\n  const propRef = useRef<HTMLInputElement>(null);\n\n  const handleCancel = () => {\n    setProp(column.id);\n    setOpen(false);\n  };\n\n  const handleSave = () => {\n    // Check valid.\n    if (!prop.length || !prop.match(/^[a-zA-Z_].+/i)) {\n      propRef.current?.focus();\n      return;\n    }\n\n    // If already exists then check same type.\n    const current = tableDef.columns.find((c) => c.id !== column.id && c.id === prop);\n    if (current) {\n      // TODO(burdon): Allow multiple columns with different refProps. Ensure correct table prop is updated.\n      if (current.type !== 'ref' /* || current.ref !== refTable */) {\n        // TODO(burdon): Show error.\n        propRef.current?.focus();\n        return;\n      }\n    }\n\n    onUpdate?.(prop, {\n      id: prop, // TODO(burdon): Make unique.\n      prop,\n      label,\n      type: type as ColumnProps['type'],\n      refTable,\n      refProp,\n      digits: safeParseInt(digits),\n    });\n\n    setOpen(false);\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={(nextOpen) => setOpen(nextOpen)}>\n      <Popover.Trigger asChild>\n        <Button variant='ghost' classNames='p-0'>\n          <CaretDown className={getSize(4)} />\n        </Button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content>\n          <Popover.Viewport classNames='w-60'>\n            <DensityProvider density='fine'>\n              <div className='flex flex-col gap-1'>\n                <Section>\n                  <Input.Root>\n                    <Input.Label classNames='mbe-1'>Label</Input.Label>\n                    <Input.TextInput\n                      placeholder='Column label'\n                      value={label ?? ''}\n                      onChange={(event) => setLabel(event.target.value)}\n                      autoFocus\n                    />\n                  </Input.Root>\n                  <Input.Root>\n                    <Input.Label classNames='mbe-1 mbs-3'>Property</Input.Label>\n                    <Input.TextInput\n                      ref={propRef}\n                      placeholder='Property key'\n                      // TODO(burdon): Provide hooks for value normalization, ENTER, ESC, etc.\n                      value={prop ?? ''}\n                      onChange={(event) => setProp(event.target.value.replace(/[^\\w_]/g, ''))}\n                    />\n                  </Input.Root>\n                  <Input.Root>\n                    <Input.Label classNames='mbe-1 mbs-3'>Type</Input.Label>\n                    <Select.Root value={type} onValueChange={setType}>\n                      <Select.TriggerButton placeholder='Type' classNames='is-full' />\n                      <Select.Portal>\n                        <Select.Content>\n                          <Select.Viewport>\n                            {Array.from(columnTypes.entries()).map(([type, label]) => (\n                              <Select.Option key={type} value={type}>\n                                {label}\n                              </Select.Option>\n                            ))}\n                          </Select.Viewport>\n                        </Select.Content>\n                      </Select.Portal>\n                    </Select.Root>\n                  </Input.Root>\n                </Section>\n\n                {type === 'number' && (\n                  <>\n                    <Section>\n                      <Input.Root>\n                        <Input.Label classNames='mbe-1 mbs-3'>Decimal places</Input.Label>\n                        {/* TODO(burdon): Constrain input to numbers. */}\n                        <Input.TextInput value={digits ?? ''} onChange={(event) => setDigits(event.target.value)} />\n                      </Input.Root>\n                    </Section>\n                  </>\n                )}\n\n                {/* TODO(burdon): Selectors on same line. */}\n                {type === 'ref' && (\n                  <>\n                    <Section>\n                      <Input.Root>\n                        <Input.Label classNames='mbe-1 mbs-3'>Table</Input.Label>\n                        <Select.Root value={refTable} onValueChange={setRefTable}>\n                          <Select.TriggerButton placeholder='Table' classNames='is-full' />\n                          <Select.Portal>\n                            <Select.Content>\n                              <Select.Viewport>\n                                {tableDefs\n                                  .filter((t) => t.id !== tableDef.id)\n                                  .map(({ id, name }) => (\n                                    <Select.Option key={id} value={id}>\n                                      {name ?? id}\n                                    </Select.Option>\n                                  ))}\n                              </Select.Viewport>\n                            </Select.Content>\n                          </Select.Portal>\n                        </Select.Root>\n                      </Input.Root>\n\n                      {refTable && (\n                        <Input.Root>\n                          <Input.Label classNames='mbe-1 mbs-3'>Table property</Input.Label>\n                          <Select.Root value={refProp} onValueChange={setRefProp}>\n                            <Select.TriggerButton placeholder='Property' classNames='is-full' />\n                            <Select.Portal>\n                              <Select.Content>\n                                <Select.Viewport>\n                                  {tableDefs\n                                    .find((tableDef) => tableDef.id === refTable)\n                                    ?.columns.map(({ id, label }) => (\n                                      <Select.Option key={id} value={id}>\n                                        {label ?? id}\n                                      </Select.Option>\n                                    ))}\n                                </Select.Viewport>\n                              </Select.Content>\n                            </Select.Portal>\n                          </Select.Root>\n                        </Input.Root>\n                      )}\n                    </Section>\n                  </>\n                )}\n\n                <Separator classNames='mli-2' />\n\n                <Section className='space-b-1.5'>\n                  {/* TODO(burdon): Style as DropdownMenuItem. */}\n                  <Button variant='primary' classNames='is-full flex gap-2' onClick={handleSave}>\n                    <span>Save</span>\n                    <div className='grow' />\n                    <Check className={getSize(5)} />\n                  </Button>\n                  <Button classNames='is-full flex gap-2' onClick={handleCancel}>\n                    <span>Cancel</span>\n                    <div className='grow' />\n                    <X className={getSize(5)} />\n                  </Button>\n                  <Button classNames='is-full flex gap-2' onClick={() => onDelete?.(column.id)}>\n                    <span>Delete</span>\n                    <div className='grow' />\n                    <Trash className={getSize(5)} />\n                  </Button>\n                </Section>\n              </div>\n            </DensityProvider>\n          </Popover.Viewport>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport type TableDef = {\n  id: string;\n  name?: string; // TODO(burdon): Required?\n  columns: ColumnProps[];\n};\n\nexport type ColumnType = 'number' | 'boolean' | 'date' | 'string' | 'ref';\n\nexport const columnTypes = new Map<ColumnType, string>([\n  ['string', 'Text'],\n  ['boolean', 'Checkbox'],\n  ['number', 'Number'],\n  ['date', 'Date'],\n  ['ref', 'Reference'],\n]);\n\nexport type ColumnProps = {\n  id: string;\n  prop: string;\n  type: ColumnType;\n  size?: number;\n  label?: string;\n\n  // type = number\n  digits?: number;\n\n  // type = ref\n  refTable?: string;\n  refProp?: string;\n\n  // TODO(burdon): Move to meta.\n  fixed?: boolean;\n  editable?: boolean;\n  resizable?: boolean;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  flexRender,\n  getCoreRowModel,\n  getGroupedRowModel,\n  useReactTable,\n  type ColumnSizingInfoState,\n  type ColumnSizingState,\n  type GroupingState,\n  type HeaderGroup,\n  type Row,\n  type RowData,\n  type RowSelectionState,\n  type TableState,\n  type VisibilityState,\n} from '@tanstack/react-table';\nimport React, { Fragment, useEffect, useRef, useState } from 'react';\n\nimport { debounce } from '@dxos/async';\nimport { groupBorder, inputSurface, mx } from '@dxos/react-ui-theme';\n\nimport { defaultTableSlots, type TableSlots } from '../theme';\nimport { type TableColumnDef, type KeyValue } from '../types';\n\n// TODO(burdon): Sort/filter.\n// TODO(burdon): Drag-and-drop.\n// TODO(burdon): Virtual (e.g., log panel).\n\nexport type TableSelection<TData extends RowData> = {\n  // Controlled if undefined (by default).\n  select?: 'single' | 'single-toggle' | 'multiple' | 'multiple-toggle' | undefined;\n  selected?: TData[];\n  onSelectedChange?: (selected: TData[] | undefined) => void;\n};\n\n/**\n * Util to update the selection based on the mode.\n */\nexport const updateSelection = (\n  selectionState: RowSelectionState,\n  id: string,\n  selection: TableSelection<any>['select'],\n): RowSelectionState => {\n  switch (selection) {\n    case 'single': {\n      return {\n        [id]: true,\n      };\n    }\n    case 'single-toggle': {\n      return selectionState[id]\n        ? {}\n        : {\n            [id]: true,\n          };\n    }\n    case 'multiple': {\n      return {\n        [id]: true,\n        ...selectionState,\n      };\n    }\n    case 'multiple-toggle': {\n      if (selectionState[id]) {\n        const newSelectionState = { ...selectionState };\n        delete newSelectionState[id];\n        return newSelectionState;\n      } else {\n        return {\n          [id]: true,\n          ...selectionState,\n        };\n      }\n    }\n  }\n\n  return selectionState;\n};\n\nexport type TableProps<TData extends RowData> = {\n  keyAccessor?: KeyValue<TData>;\n  data?: TData[];\n  columns?: TableColumnDef<TData>[];\n  columnVisibility?: VisibilityState;\n  onColumnResize?: (state: Record<string, number>) => void;\n  grouping?: string[];\n  header?: boolean;\n  footer?: boolean;\n  border?: boolean;\n  fullWidth?: boolean;\n  pinToBottom?: boolean;\n  slots?: TableSlots;\n  debug?: boolean;\n} & TableSelection<TData>;\n\nexport const Table = <TData extends RowData>({ slots = defaultTableSlots, ...props }: TableProps<TData>) => {\n  const {\n    data = [],\n    columns = [],\n    onColumnResize,\n    columnVisibility,\n    header = true,\n    footer,\n    select,\n    selected,\n    onSelectedChange,\n    fullWidth,\n    pinToBottom,\n    debug,\n  } = props;\n\n  // Update controlled selection.\n  // https://tanstack.com/table/v8/docs/api/features/row-selection\n  const [focus, setFocus] = useState<string>();\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n  useEffect(() => {\n    setRowSelection(\n      selected?.reduce((selectionState: RowSelectionState, selected) => {\n        const row = table.getRowModel().rows.find((row) => row.original === selected);\n        if (row) {\n          selectionState[row.id] = true;\n        }\n\n        return selectionState;\n      }, {}) ?? {},\n    );\n  }, [select, selected]);\n\n  // Resizing.\n  const [columnSizingInfo, setColumnSizingInfo] = useState<ColumnSizingInfoState>({} as ColumnSizingInfoState);\n  const onColumnResizeDebounced = debounce<ColumnSizingState>((info) => onColumnResize?.(info), 500);\n  useEffect(() => {\n    if (columnSizingInfo.columnSizingStart?.length === 0) {\n      onColumnResizeDebounced(table.getState().columnSizing);\n    }\n  }, [columnSizingInfo]);\n\n  const [grouping, setGrouping] = useState<GroupingState>(props.grouping ?? []);\n  useEffect(() => setGrouping(props.grouping ?? []), [props.grouping]);\n\n  //\n  // Update table state.\n  // https://tanstack.com/table/v8/docs/api/core/table\n  //\n  const table = useReactTable({\n    data,\n    columns,\n    defaultColumn: {\n      size: 400, // Required in order remove default width.\n      maxSize: 800,\n    },\n    getCoreRowModel: getCoreRowModel(),\n    meta: {},\n\n    // TODO(burdon): Pagination.\n    // TODO(burdon): Sorting.\n    // TODO(burdon): Filtering.\n    state: {\n      columnVisibility,\n      columnSizingInfo,\n      rowSelection,\n      grouping,\n    },\n\n    // Grouping.\n    getGroupedRowModel: getGroupedRowModel(),\n    onGroupingChange: setGrouping,\n\n    // Selection.\n    enableRowSelection: select === 'single' || select === 'single-toggle',\n    enableMultiRowSelection: select === 'multiple' || select === 'multiple-toggle',\n    onRowSelectionChange: (rows) => {\n      setRowSelection(rows);\n    },\n\n    // Resize columns.\n    // TODO(burdon): Drag to re-order columns.\n    columnResizeMode: 'onChange',\n    enableColumnResizing: true,\n    onColumnSizingInfoChange: setColumnSizingInfo,\n\n    debugTable: debug,\n  });\n\n  // TODO(burdon): Add flex if not resizable.\n  // Create additional expansion column if all columns have fixed width.\n  const expand = false; // columns.map((column) => column.size).filter(Boolean).length === columns?.length;\n\n  // Pin scrollbar to bottom.\n  const containerRef = usePinToBottom(data, pinToBottom);\n\n  const handleSelect = (row: Row<TData>) => {\n    if (select) {\n      // Uncontrolled.\n      setRowSelection((selectionState: RowSelectionState) => {\n        const newSelectionState = updateSelection(selectionState, row.id, select);\n        if (onSelectedChange) {\n          const rows: TData[] = Object.keys(newSelectionState).map((id) => table.getRowModel().rowsById[id].original);\n          onSelectedChange(rows);\n        }\n\n        return newSelectionState;\n      });\n    } else {\n      // Controlled.\n      onSelectedChange?.([row.original]);\n    }\n  };\n\n  // TODO(burdon): Use radix ScrollArea.\n  // https://www.radix-ui.com/primitives/docs/components/scroll-area\n  return (\n    <div ref={containerRef} className={mx('grow overflow-auto', slots?.root?.className)}>\n      <table\n        // Styles:\n        // table-fixed: Prevents fixed sized columns from shrinking.\n        className={mx(!fullWidth && 'table-fixed', inputSurface, slots?.table?.className)}\n        style={{\n          width: fullWidth ? '100%' : table.getTotalSize(),\n        }}\n      >\n        {/* Head */}\n        <TableHead\n          {...props}\n          slots={slots}\n          header={header}\n          state={table.getState()}\n          headers={table.getHeaderGroups()}\n        />\n\n        {/* Rows */}\n        {grouping.length === 0 && (\n          <TableBody\n            {...props}\n            slots={slots}\n            rowSelection={rowSelection}\n            expand={expand}\n            focus={focus}\n            onFocus={setFocus}\n            onSelect={handleSelect}\n            rows={table.getRowModel().rows}\n          />\n        )}\n\n        {/* Groups */}\n        {grouping.length !== 0 &&\n          table.getGroupedRowModel().rows.map((row, i) => {\n            return (\n              <Fragment key={i}>\n                {/* TODO(burdon): Customize group header renderer. */}\n                <thead>\n                  <tr>\n                    {slots?.margin && <th className={mx(slots?.margin?.className)} />}\n                    {debug && <th />}\n                    <th\n                      // TODO(burdon): Calculate row span.\n                      colSpan={table.getHeaderGroups()[0].headers.length}\n                      className={mx('text-left', slots?.group?.className)}\n                    >\n                      {table.getState().grouping[0]}[{String(row.getGroupingValue(table.getState().grouping[0]))}]\n                    </th>\n                  </tr>\n                </thead>\n\n                <TableBody\n                  {...props}\n                  slots={slots}\n                  rowSelection={rowSelection}\n                  expand={expand}\n                  focus={focus}\n                  onFocus={setFocus}\n                  onSelect={handleSelect}\n                  rows={row.subRows}\n                />\n              </Fragment>\n            );\n          })}\n\n        {/* Foot */}\n        {footer && <TableFoot {...props} slots={slots} footers={table.getFooterGroups()} />}\n      </table>\n\n      {debug && (\n        <pre className='font-mono text-xs text-neutral-500 my-4 p-2 ring'>\n          <code>{JSON.stringify(table.getState(), undefined, 2)}</code>\n        </pre>\n      )}\n    </div>\n  );\n};\n\n/**\n * Glue to bottom as rows are added.\n */\n// TODO(burdon): Causes scrollbar to be constantly visible.\n//  https://css-tricks.com/books/greatest-css-tricks/pin-scrolling-to-bottom\nconst usePinToBottom = <TData extends RowData>(data: TData[], pinToBottom?: boolean) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [stickyScrolling, setStickyScrolling] = useState(true);\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!pinToBottom || !container) {\n      return;\n    }\n\n    // TODO(burdon): Set when scrolled to bottom and unset when manually scrolled away.\n    const handler = () => {\n      const bottom = container.scrollHeight - container.scrollTop - container.clientHeight === 0;\n      setStickyScrolling(bottom);\n    };\n\n    container.addEventListener('scroll', handler);\n    return () => container.removeEventListener('scroll', handler);\n  }, []);\n\n  useEffect(() => {\n    if (!pinToBottom || !containerRef.current || !stickyScrolling) {\n      return;\n    }\n\n    containerRef.current?.scroll({ top: containerRef.current.scrollHeight });\n  }, [data]);\n\n  return containerRef;\n};\n\n//\n// Head.\n//\n\ntype TableHeadProps<TData extends RowData> = Partial<TableProps<TData>> & {\n  state: TableState;\n  headers: HeaderGroup<TData>[];\n  expand?: boolean;\n};\n\nconst TableHead = <TData extends RowData>({\n  state,\n  headers,\n  expand,\n  header,\n  debug,\n  fullWidth,\n  border,\n  slots,\n}: TableHeadProps<TData>) => {\n  return (\n    <thead className={mx(header ? ['sticky top-0 z-10'] : 'collapse')}>\n      {headers.map((headerGroup) => {\n        return (\n          // Group element to hover resize handles.\n          <tr key={headerGroup.id} className='font-light group'>\n            {slots?.margin && <th className={mx(slots?.margin?.className)} />}\n\n            {/* TODO(burdon): Calc. width. */}\n            {debug && (\n              <th className='text-left' style={{ width: 32 }}>\n                #\n              </th>\n            )}\n\n            {headerGroup.headers.map((header) => {\n              return (\n                <th\n                  key={header.id}\n                  style={{\n                    // Don't set width if fullWidth and no explicit size.\n                    width: fullWidth && header.column.columnDef.meta?.expand ? undefined : header.getSize(),\n                  }}\n                  // Relative for resize handle.\n                  // TODO(burdon): Border scrolls with main content.\n                  //  https://stackoverflow.com/questions/50361698/border-style-do-not-work-with-sticky-position-element\n                  className={mx(\n                    'relative text-left',\n                    border && groupBorder,\n                    slots?.header?.className,\n                    header.column.columnDef.meta?.slots?.header?.className,\n                  )}\n                >\n                  {!header || header.isPlaceholder\n                    ? null\n                    : flexRender(header.column.columnDef.header, header.getContext())}\n\n                  {/*\n                   * Resize handle.\n                   * https://codesandbox.io/p/sandbox/github/tanstack/table/tree/main/examples/react/column-sizing\n                   */}\n                  {header.column.columnDef.meta?.resizable && (\n                    <div\n                      className={mx(\n                        'absolute top-0 pl-1 h-full z-[10] w-[7px] -right-[5px]',\n                        'cursor-col-resize select-none touch-none opacity-20 hover:opacity-100',\n                        header.column.getIsResizing() && 'hidden',\n                      )}\n                      style={{\n                        transform: header.column.getIsResizing()\n                          ? `translateX(${state.columnSizingInfo.deltaOffset}px)`\n                          : undefined,\n                      }}\n                      onMouseDown={header.getResizeHandler()}\n                      onTouchStart={header.getResizeHandler()}\n                    >\n                      <div className='flex group-hover:bg-neutral-700 -ml-[2px] w-[1px] h-full' />\n                    </div>\n                  )}\n                </th>\n              );\n            })}\n            {expand && <th />}\n            {slots?.margin && <th className={mx(slots?.margin?.className)} />}\n          </tr>\n        );\n      })}\n    </thead>\n  );\n};\n\n//\n// Body.\n//\n\ntype TableBodyProps<TData extends RowData> = Partial<TableProps<TData>> & {\n  rows: Row<TData>[];\n  rowSelection: RowSelectionState;\n  expand?: boolean;\n  focus?: string;\n  onFocus?: (id?: string) => void;\n  onSelect?: (row: Row<TData>) => void;\n};\n\nconst TableBody = <TData extends RowData>({\n  keyAccessor,\n  rows,\n  rowSelection,\n  focus,\n  onFocus,\n  onSelect,\n  debug,\n  border,\n  expand,\n  slots,\n}: TableBodyProps<TData>) => {\n  return (\n    <tbody>\n      {rows.map((row) => {\n        return (\n          <tr\n            key={keyAccessor ? keyAccessor(row.original) : row.id}\n            onClick={() => onSelect?.(row)}\n            role='button' // TODO(burdon): ???\n            className={mx(\n              'group',\n              rowSelection[row.id] && slots?.selected?.className,\n              focus === row.id && slots?.focus?.className,\n              slots?.row?.className,\n            )}\n          >\n            {/* TODO(burdon): Dummy button for focus (don't alter geometry). */}\n            {slots?.margin && (\n              <td className={mx(slots?.margin?.className)}>\n                <button\n                  role='button'\n                  style={{ width: 1, height: 1 }}\n                  className='focus:outline-none'\n                  onFocus={() => onFocus?.(keyAccessor ? keyAccessor(row.original) : row.id)}\n                  onBlur={() => onFocus?.(undefined)}\n                  onKeyDown={(event) => {\n                    // TODO(burdon): Move focus.\n                    switch (event.key) {\n                      case 'ArrowUp': {\n                        break;\n                      }\n                      case 'ArrowDown': {\n                        break;\n                      }\n                    }\n                  }}\n                />\n              </td>\n            )}\n\n            {debug && <td>{row.id}</td>}\n\n            {row.getVisibleCells().map((cell) => {\n              // TODO(burdon): Allow class override from column.\n              return (\n                <td\n                  key={cell.id}\n                  className={mx(\n                    border && groupBorder,\n                    slots?.cell?.className,\n                    cell.column.columnDef.meta?.slots?.cell?.className,\n                  )}\n                >\n                  {flexRender(cell.column.columnDef.cell, { className: 'px-2', ...cell.getContext() })}\n                </td>\n              );\n            })}\n\n            {expand && <td />}\n            {slots?.margin && <td className={mx(slots?.margin?.className)} />}\n          </tr>\n        );\n      })}\n    </tbody>\n  );\n};\n\n//\n// Footer\n//\n\ntype TableFootProps<TData extends RowData> = Partial<TableProps<TData>> & {\n  footers: HeaderGroup<TData>[];\n  expand?: boolean;\n};\n\nconst TableFoot = <TData extends RowData>({ footers, expand, slots, debug, border }: TableFootProps<TData>) => {\n  return (\n    <tfoot className={mx('sticky bottom-0 z-[10]', slots?.footer?.className)}>\n      {footers.map((footerGroup) => (\n        <tr key={footerGroup.id} className='font-thin'>\n          {slots?.margin && <th className={mx(slots?.margin?.className)} />}\n          {debug && <th />}\n\n          {footerGroup.headers.map((footer) => {\n            return (\n              <th\n                key={footer.id}\n                className={mx(\n                  border && groupBorder,\n                  'text-left',\n                  slots?.footer?.className,\n                  footer.column.columnDef.meta?.slots?.footer?.className,\n                )}\n              >\n                {footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext())}\n              </th>\n            );\n          })}\n\n          {expand && <th />}\n          {slots?.margin && <th className={mx(slots?.margin?.className)} />}\n        </tr>\n      ))}\n    </tfoot>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { chromeSurface } from '@dxos/react-ui-theme';\n\n// TODO(burdon): Remove nested classNames? Add to theme?\nexport type TableSlots = {\n  root?: {\n    className?: string | string[];\n  };\n  table?: {\n    className?: string | string[];\n  };\n  header?: {\n    className?: string | string[];\n  };\n  footer?: {\n    className?: string | string[];\n  };\n  group?: {\n    className?: string | string[];\n  };\n  row?: {\n    className?: string | string[];\n  };\n  cell?: {\n    className?: string | string[];\n  };\n  focus?: {\n    className?: string | string[];\n  };\n  selected?: {\n    className?: string | string[];\n  };\n  margin?: {\n    className?: string | string[];\n  };\n};\n\n// TODO(burdon): Change to groups.\n/*\nhead: {\n  default:\n  cell:\n}\nrow: {\n  default: '',\n  selected: ''\n}\n*/\n\n// TODO(burdon): Scrollbar area.\n// TODO(burdon): Overscroll horizontal (full width).\n\n// TODO(burdon): Integrate with DXOS UI theme (direct dependency -- see react-ui-editor, tailwind.ts).\n//  See Link.tsx const { tx } = useThemeContext();\n//  Reuse button fragments for hoverColors, selected, primary, etc.\nexport const defaultTableSlots: TableSlots = {\n  // TODO(burdon): head/body/table rows.\n  header: { className: [chromeSurface, 'px-2 font-light select-none'] },\n  footer: { className: [chromeSurface, 'px-2 font-light'] },\n  cell: { className: 'px-2' },\n  group: { className: 'px-2 font-light text-xs text-left' },\n  focus: { className: 'ring ring-primary-600 ring-inset' },\n  selected: { className: '!bg-teal-100 dark:!bg-teal-700' },\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { Check, ClipboardText, type Icon, X } from '@phosphor-icons/react';\nimport { createColumnHelper, type ColumnDef, type ColumnMeta, type RowData } from '@tanstack/react-table';\nimport format from 'date-fns/format';\nimport formatDistanceToNow from 'date-fns/formatDistanceToNow';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { type PublicKey } from '@dxos/keys';\nimport { ComboBox, type ComboBoxItem, Input, Tooltip } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { stripUndefinedValues } from '@dxos/util';\n\n// TODO(burdon): Factor out hack to find next focusable element (extend useFocusFinders)?\nconst findNextFocusable = (\n  findFirstFocusable: (container: HTMLElement) => HTMLElement | null | undefined,\n  container: HTMLElement,\n): HTMLElement | undefined => {\n  const next = findFirstFocusable(container as any);\n  if (next) {\n    if (next?.tagName === 'INPUT') {\n      return next;\n    }\n    if (container.nextElementSibling) {\n      return findNextFocusable(findFirstFocusable, container.nextSibling as any);\n    }\n  }\n};\n\nexport type ValueUpdater<TData extends RowData, TValue> = (row: TData, id: string, value: TValue) => void;\n\nexport const createColumnBuilder = <TData extends RowData>() => ({\n  helper: createColumnHelper<TData>(),\n  builder: new ColumnBuilder<TData>(),\n});\n\n/**\n * NOTE: Can use `meta` for custom properties.\n */\nexport type BaseColumnOptions<TData, TValue> = Partial<ColumnDef<TData, TValue>> & {\n  meta?: ColumnMeta<TData, TValue>;\n  label?: string;\n  className?: string;\n  onUpdate?: ValueUpdater<TData, TValue | undefined>;\n};\n\n// TODO(burdon): Better abstraction?\nexport type SelectQueryModel<TData extends RowData> = {\n  getId(object: TData): string;\n  getText(object: TData): string;\n  query(text?: string): Promise<TData[]>;\n};\n\nexport type SelectColumnOptions<TData extends RowData> = BaseColumnOptions<TData, any> & {\n  model: SelectQueryModel<TData>;\n};\n\nexport type StringColumnOptions<TData extends RowData> = BaseColumnOptions<TData, string> & {};\n\nexport type NumberColumnOptions<TData extends RowData> = BaseColumnOptions<TData, number> & {\n  digits?: number;\n};\n\nexport type KeyColumnOptions<TData extends RowData> = BaseColumnOptions<TData, PublicKey> & {\n  tooltip?: boolean;\n};\n\nexport type DateColumnOptions<TData extends RowData> = BaseColumnOptions<TData, Date> & {\n  format?: string;\n  relative?: boolean;\n};\n\nexport type BooleanColumnOptions<TData extends RowData> = BaseColumnOptions<TData, boolean> & {};\n\nexport type IconColumnOptions<TData extends RowData> = BaseColumnOptions<TData, boolean> & {\n  on?: {\n    Icon?: Icon;\n    className?: string;\n  };\n  off?: {\n    Icon?: Icon;\n    className?: string;\n  };\n};\n\nconst defaults = <TData extends RowData, TValue>(\n  options: Partial<ColumnDef<TData, TValue>>,\n  ...sources: Partial<ColumnDef<TData, TValue>>[]\n): Partial<ColumnDef<TData, TValue>> => {\n  return stripUndefinedValues(defaultsDeep({}, options, ...sources));\n};\n\n/**\n * Lazy cell selector (click to activate).\n */\nconst CellSelector = <TData extends RowData>({\n  model,\n  value: _value,\n  onUpdate,\n}: {\n  model: SelectQueryModel<TData>;\n  value: TData;\n  onUpdate: (value: TData) => void;\n}) => {\n  const [edit, setEdit] = useState(false);\n  const [value, setValue] = useState<ComboBoxItem>();\n  useEffect(() => setValue(_value ? { id: model.getId(_value), label: model.getText(_value) } : undefined), [_value]);\n  const [items, setItems] = useState<ComboBoxItem[]>([]);\n  const handleUpdate = async (text?: string) => {\n    const items = await model.query(text);\n    setItems(items.map((item) => ({ id: model.getId(item), label: model.getText(item), data: item })));\n  };\n\n  if (!edit) {\n    const text = _value ? model.getText(_value) : undefined;\n    return (\n      // TODO(burdon): Hack to prevent div from collapsing.\n      <div className={mx('w-full px-2', !text && 'opacity-0')} onClick={() => setEdit(true)}>\n        {text ?? '-'}\n      </div>\n    );\n  }\n\n  return (\n    <ComboBox.Root items={items} value={value} onChange={(value) => onUpdate(value?.data)} onInputChange={handleUpdate}>\n      <ComboBox.Input />\n      <ComboBox.Content>\n        {items.map((item) => (\n          <ComboBox.Item key={item.id} item={item}>\n            {item.label}\n          </ComboBox.Item>\n        ))}\n      </ComboBox.Content>\n    </ComboBox.Root>\n  );\n};\n\n/**\n * Util to create column definitions.\n */\nexport class ColumnBuilder<TData extends RowData> {\n  /**\n   * Select value\n   */\n  select({ label, className, model, onUpdate, ...props }: SelectColumnOptions<TData>): Partial<ColumnDef<TData, any>> {\n    return defaults(props, {\n      minSize: 100,\n      header: (column) => {\n        return <div className={'truncate'}>{label ?? column.header.id}</div>;\n      },\n      cell:\n        model && onUpdate\n          ? (cell) => (\n              <CellSelector<any>\n                model={model}\n                value={cell.getValue()}\n                onUpdate={(value) => onUpdate?.(cell.row.original, cell.column.id, value)}\n              />\n            )\n          : (cell) => {\n              const value = cell.getValue();\n              return <div className={mx('truncate', className)}>{value ? model.getText(value) : ''}</div>;\n            },\n    });\n  }\n\n  /**\n   * String formats.\n   */\n  string({ label, className, onUpdate, ...props }: StringColumnOptions<TData> = {}): Partial<ColumnDef<TData, string>> {\n    return defaults(props, {\n      minSize: 100,\n      // TODO(burdon): Default.\n      header: (column) => {\n        return <div className={'truncate'}>{label ?? column.header.id}</div>;\n      },\n      cell: onUpdate\n        ? (cell) => {\n            // https://tanstack.com/table/v8/docs/examples/react/editable-data\n            const initialValue = cell.getValue();\n            const [value, setValue] = useState(initialValue);\n            const inputRef = useRef<HTMLInputElement>(null);\n            const { findFirstFocusable } = useFocusFinders();\n\n            const handleSave = (focusNext = false) => {\n              if (value === initialValue) {\n                return;\n              }\n\n              onUpdate?.(cell.row.original, cell.column.id, value);\n\n              // TODO(burdon): More generally support keyboard navigation.\n              if (focusNext) {\n                const rowElement = inputRef.current?.parentElement?.parentElement;\n                // TODO(burdon): Hack to wait for next row to render.\n                setTimeout(() => {\n                  const next = findNextFocusable(findFirstFocusable, rowElement as HTMLElement);\n                  next?.focus();\n                });\n              }\n            };\n\n            const handleCancel = () => {\n              setValue(initialValue);\n            };\n\n            // Check if first input column of last row.\n            const rows = cell.table.getRowModel().flatRows;\n            const columns = cell.table.getVisibleFlatColumns();\n            const placeholder = cell.row.index === rows.length - 1 && columns[0].id === cell.column.id;\n\n            // TODO(burdon): Don't render inputs unless mouse over (Show ellipsis when div)?\n            return (\n              <Input.Root>\n                <Input.TextInput\n                  ref={inputRef}\n                  variant='subdued'\n                  placeholder={placeholder ? 'Add row...' : undefined}\n                  classNames={'px-2'}\n                  value={(value as string) ?? ''}\n                  onBlur={() => handleSave(false)}\n                  onChange={(event) => setValue(event.target.value)}\n                  onKeyDown={(event) =>\n                    (event.key === 'Enter' && handleSave(true)) || (event.key === 'Escape' && handleCancel())\n                  }\n                />\n              </Input.Root>\n            );\n          }\n        : (cell) => {\n            const value = cell.getValue();\n            return <div className={mx('truncate', className)}>{value}</div>;\n          },\n    });\n  }\n\n  /**\n   * Number formats.\n   */\n  number({ label, minSize, className, digits, onUpdate, ...props }: NumberColumnOptions<TData> = {}): Partial<\n    ColumnDef<TData, number>\n  > {\n    return defaults(props, {\n      size: 100,\n      minSize: 100,\n      header: (cell) => <div className='w-full truncate text-right'>{label ?? cell.header.id}</div>,\n      cell: (cell) => {\n        const value = cell.getValue();\n        const [text, setText] = useState<string>();\n\n        const handleEdit = () => {\n          if (onUpdate) {\n            setText(value !== undefined ? String(value) : '');\n          }\n        };\n\n        // TODO(burdon): Property is encoded as float (e.g., 6.1 => 6.099)\n        const handleSave = () => {\n          const value = text?.trim().length ? Number(text) : NaN;\n          onUpdate?.(cell.row.original, cell.column.id, isNaN(value) ? undefined : value);\n          setText(undefined);\n        };\n\n        const handleCancel = () => {\n          setText(undefined);\n        };\n\n        if (text !== undefined) {\n          return (\n            <div className={mx('grow text-right font-mono', className)}>\n              <Input.Root>\n                <Input.TextInput\n                  autoFocus\n                  value={text}\n                  classNames={'px-2'}\n                  onBlur={handleSave}\n                  onChange={(event) => setText(event.target.value)}\n                  onKeyDown={(event) =>\n                    (event.key === 'Escape' && handleCancel()) || (event.key === 'Enter' && handleSave())\n                  }\n                />\n              </Input.Root>\n            </div>\n          );\n        }\n\n        return (\n          <div\n            className={mx('grow w-full text-right font-mono empty:after:content-[\" \"]', className)}\n            onClick={handleEdit}\n          >\n            {value?.toLocaleString(undefined, {\n              minimumFractionDigits: digits ?? 0,\n              maximumFractionDigits: digits ?? 2,\n            })}\n          </div>\n        );\n      },\n    });\n  }\n\n  /**\n   * Date formats.\n   */\n  // TODO(burdon): Date picker (pluggable renderers?)\n  date({ label, format: formatSpec, relative, className, ...props }: DateColumnOptions<TData> = {}): Partial<\n    ColumnDef<TData, Date>\n  > {\n    return defaults(props, {\n      size: 220, // TODO(burdon): Depends on format.\n      minSize: 100,\n      header: (cell) => <div>{label ?? cell.header.id}</div>,\n      cell: (cell) => {\n        const value = cell.getValue();\n\n        try {\n          const str = value\n            ? formatSpec\n              ? format(value, formatSpec)\n              : relative\n              ? formatDistanceToNow(value, { addSuffix: true })\n              : value.toISOString()\n            : undefined;\n\n          return <div className={mx('font-mono', className)}>{str}</div>;\n        } catch (err) {\n          console.log(value);\n          return null;\n        }\n      },\n    });\n  }\n\n  /**\n   * PublicKey with tooltip.\n   */\n  key({ label, tooltip, ...props }: KeyColumnOptions<TData> = {}): Partial<ColumnDef<TData, PublicKey>> {\n    return defaults(props, {\n      size: 86,\n      minSize: 86,\n      header: (cell) => <div>{label ?? cell.header.id}</div>,\n      cell: (cell) => {\n        const value = cell.getValue();\n        if (!value) {\n          return;\n        }\n\n        // TODO(burdon): Factor out styles.\n        const element = (\n          <div className='font-mono font-thin text-green-500 dark:text-green-300'>{value.truncate()}</div>\n        );\n        if (!tooltip) {\n          return element;\n        }\n\n        return (\n          <div className='group inline-flex gap-2 items-center'>\n            <Tooltip.Provider>\n              <Tooltip.Root>\n                <Tooltip.Trigger asChild>{element}</Tooltip.Trigger>\n                <Tooltip.Content side='right'>\n                  <Tooltip.Arrow />\n                  <ClipboardText\n                    onClick={(ev) => {\n                      ev.stopPropagation(); // Prevent select row.\n                      void navigator.clipboard.writeText(value.toHex());\n                    }}\n                  />\n                </Tooltip.Content>\n              </Tooltip.Root>\n            </Tooltip.Provider>\n          </div>\n        );\n      },\n    });\n  }\n\n  /**\n   * Checkbox.\n   */\n  checkbox({ label, className, onUpdate, ...props }: BooleanColumnOptions<TData> = {}): Partial<\n    ColumnDef<TData, boolean>\n  > {\n    return defaults(props, {\n      size: 40,\n      minSize: 40,\n      header: (column) => <div className={'flex grow justify-center'}>{label ?? column.header.id}</div>,\n      cell: (cell) => {\n        const value = cell.getValue();\n        // TODO(burdon): Center.\n        return (\n          <div className='flex grow justify-center'>\n            <Input.Root>\n              <Input.Checkbox\n                onClick={(event) => event.stopPropagation()}\n                classNames={className}\n                disabled={!onUpdate}\n                checked={!!value}\n                onCheckedChange={(value) => {\n                  onUpdate?.(cell.row.original, cell.column.id, !!value);\n                }}\n              />\n            </Input.Root>\n          </div>\n        );\n      },\n    });\n  }\n\n  /**\n   * Icon based on boolean value.\n   */\n  icon({ label, size, on, off, ...props }: IconColumnOptions<TData> = {}): Partial<ColumnDef<TData, boolean>> {\n    const IconOn = on?.Icon ?? Check;\n    const IconOff = off?.Icon ?? X;\n    return defaults(props, {\n      size: size ?? 32,\n      header: (column) => <div className={'justify-center'}>{label ?? column.header.id}</div>,\n      cell: (cell) => {\n        const value = cell.getValue();\n        if (value) {\n          return (\n            <div className='flex grow justify-center'>\n              <IconOn className={mx(getSize(6), on?.className ?? 'text-green-700')} />\n            </div>\n          );\n        } else if (value === false) {\n          return (\n            <div className='flex grow justify-center'>\n              <IconOff className={mx(getSize(6), off?.className ?? 'text-red-700')} />\n            </div>\n          );\n        } else {\n          return null;\n        }\n      },\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["Check", "CaretDown", "Trash", "X", "React", "useRef", "useState", "Button", "DensityProvider", "Input", "Popover", "Select", "Separator", "getSize", "mx", "safeParseInt", "columnTypes", "Map", "ColumnMenu", "column", "props", "title", "label", "length", "id", "div", "className", "ColumnPanel", "Section", "children", "role", "mx", "context", "tableDefs", "tableDef", "onUpdate", "onDelete", "open", "setOpen", "useState", "prop", "setProp", "refTable", "setRefTable", "refProp", "setRefProp", "type", "setType", "String", "setLabel", "digits", "setDigits", "propRef", "useRef", "handleCancel", "handleSave", "match", "current", "focus", "columns", "find", "c", "safeParseInt", "Popover", "Root", "onOpenChange", "nextOpen", "Trigger", "asChild", "Button", "variant", "classNames", "CaretDown", "getSize", "Portal", "Content", "Viewport", "DensityProvider", "density", "Input", "Label", "TextInput", "placeholder", "value", "onChange", "event", "target", "autoFocus", "ref", "replace", "Select", "onValueChange", "TriggerButton", "Array", "from", "columnTypes", "entries", "map", "Option", "key", "filter", "t", "name", "Separator", "onClick", "span", "Check", "X", "Trash", "Arrow", "flexRender", "getCoreRowModel", "getGroupedRowModel", "useReactTable", "React", "Fragment", "useEffect", "useRef", "useState", "debounce", "groupBorder", "inputSurface", "mx", "chromeSurface", "defaultTableSlots", "header", "className", "chromeSurface", "footer", "cell", "group", "focus", "selected", "updateSelection", "selectionState", "id", "selection", "newSelectionState", "Table", "slots", "defaultTableSlots", "props", "data", "columns", "onColumnResize", "columnVisibility", "header", "footer", "select", "selected", "onSelectedChange", "fullWidth", "pinToBottom", "debug", "focus", "setFocus", "useState", "rowSelection", "setRowSelection", "useEffect", "reduce", "row", "table", "getRowModel", "rows", "find", "original", "columnSizingInfo", "setColumnSizingInfo", "onColumnResizeDebounced", "debounce", "info", "columnSizingStart", "length", "getState", "columnSizing", "grouping", "setGrouping", "useReactTable", "defaultColumn", "size", "maxSize", "getCoreRowModel", "meta", "state", "getGroupedRowModel", "onGroupingChange", "enableRowSelection", "enableMultiRowSelection", "onRowSelectionChange", "columnResizeMode", "enableColumnResizing", "onColumnSizingInfoChange", "debugTable", "expand", "containerRef", "usePinToBottom", "handleSelect", "Object", "keys", "map", "rowsById", "React", "div", "ref", "className", "mx", "root", "inputSurface", "style", "width", "getTotalSize", "TableHead", "headers", "getHeaderGroups", "TableBody", "onFocus", "onSelect", "i", "Fragment", "key", "thead", "tr", "margin", "th", "colSpan", "group", "String", "getGroupingValue", "subRows", "TableFoot", "footers", "getFooterGroups", "pre", "code", "JSON", "stringify", "undefined", "useRef", "stickyScrolling", "setStickyScrolling", "container", "current", "handler", "bottom", "scrollHeight", "scrollTop", "clientHeight", "addEventListener", "removeEventListener", "scroll", "top", "border", "headerGroup", "column", "columnDef", "getSize", "groupBorder", "isPlaceholder", "flexRender", "getContext", "resizable", "getIsResizing", "transform", "deltaOffset", "onMouseDown", "getResizeHandler", "onTouchStart", "keyAccessor", "tbody", "onClick", "role", "td", "button", "height", "onBlur", "onKeyDown", "event", "getVisibleCells", "cell", "tfoot", "footerGroup", "useFocusFinders", "Check", "ClipboardText", "X", "createColumnHelper", "format", "formatDistanceToNow", "defaultsDeep", "React", "useEffect", "useRef", "useState", "ComboBox", "Input", "Tooltip", "getSize", "mx", "stripUndefinedValues", "findNextFocusable", "findFirstFocusable", "container", "next", "tagName", "nextElementSibling", "nextSibling", "createColumnBuilder", "helper", "createColumnHelper", "builder", "ColumnBuilder", "defaults", "options", "sources", "stripUndefinedValues", "defaultsDeep", "CellSelector", "model", "value", "_value", "onUpdate", "edit", "setEdit", "useState", "setValue", "useEffect", "id", "getId", "label", "getText", "undefined", "items", "setItems", "handleUpdate", "text", "query", "map", "item", "data", "React", "div", "className", "mx", "onClick", "ComboBox", "Root", "onChange", "onInputChange", "Input", "Content", "Item", "key", "select", "props", "minSize", "header", "column", "cell", "getValue", "row", "original", "string", "initialValue", "inputRef", "useRef", "useFocusFinders", "handleSave", "focusNext", "rowElement", "current", "parentElement", "setTimeout", "focus", "handleCancel", "rows", "table", "getRowModel", "flatRows", "columns", "getVisibleFlatColumns", "placeholder", "index", "length", "TextInput", "ref", "variant", "classNames", "onBlur", "event", "target", "onKeyDown", "number", "digits", "size", "setText", "handleEdit", "String", "trim", "Number", "NaN", "isNaN", "autoFocus", "toLocaleString", "minimumFractionDigits", "maximumFractionDigits", "date", "format", "formatSpec", "relative", "str", "formatDistanceToNow", "addSuffix", "toISOString", "err", "console", "log", "tooltip", "element", "truncate", "Tooltip", "Provider", "Trigger", "asChild", "side", "Arrow", "ClipboardText", "ev", "stopPropagation", "navigator", "clipboard", "writeText", "toHex", "checkbox", "Checkbox", "disabled", "checked", "onCheckedChange", "icon", "on", "off", "IconOn", "Icon", "Check", "IconOff", "X", "getSize"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-table/src/schema.ts":{"bytes":1836,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/components/ColumnMenu.tsx":{"bytes":28711,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/schema.ts","kind":"import-statement","original":"../schema"}],"format":"esm"},"packages/ui/react-ui-table/src/theme.ts":{"bytes":4587,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table.tsx":{"bytes":50642,"imports":[{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/index.ts":{"bytes":564,"imports":[{"path":"packages/ui/react-ui-table/src/components/ColumnMenu.tsx","kind":"import-statement","original":"./ColumnMenu"},{"path":"packages/ui/react-ui-table/src/components/Table.tsx","kind":"import-statement","original":"./Table"}],"format":"esm"},"packages/ui/react-ui-table/src/helpers.tsx":{"bytes":45871,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"date-fns/format","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"lodash.defaultsdeep","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/types.ts":{"bytes":1526,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/index.ts":{"bytes":803,"imports":[{"path":"packages/ui/react-ui-table/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-table/src/helpers.tsx","kind":"import-statement","original":"./helpers"},{"path":"packages/ui/react-ui-table/src/schema.ts","kind":"import-statement","original":"./schema"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"./theme"},{"path":"packages/ui/react-ui-table/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-table/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":70084},"packages/ui/react-ui-table/dist/lib/browser/index.mjs":{"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"date-fns/format","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"lodash.defaultsdeep","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["ColumnBuilder","ColumnMenu","ColumnPanel","Table","columnTypes","createColumnBuilder","defaultTableSlots","updateSelection"],"entryPoint":"packages/ui/react-ui-table/src/index.ts","inputs":{"packages/ui/react-ui-table/src/components/ColumnMenu.tsx":{"bytesInOutput":7708},"packages/ui/react-ui-table/src/schema.ts":{"bytesInOutput":224},"packages/ui/react-ui-table/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Table.tsx":{"bytesInOutput":11842},"packages/ui/react-ui-table/src/theme.ts":{"bytesInOutput":701},"packages/ui/react-ui-table/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/helpers.tsx":{"bytesInOutput":11339}},"bytes":32362}}}
+{"inputs":{"packages/ui/react-ui-table/src/schema.ts":{"bytes":1836,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/components/ColumnMenu.tsx":{"bytes":28711,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/schema.ts","kind":"import-statement","original":"../schema"}],"format":"esm"},"packages/ui/react-ui-table/src/theme.ts":{"bytes":4180,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table.tsx":{"bytes":50838,"imports":[{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/index.ts":{"bytes":564,"imports":[{"path":"packages/ui/react-ui-table/src/components/ColumnMenu.tsx","kind":"import-statement","original":"./ColumnMenu"},{"path":"packages/ui/react-ui-table/src/components/Table.tsx","kind":"import-statement","original":"./Table"}],"format":"esm"},"packages/ui/react-ui-table/src/helpers.tsx":{"bytes":45871,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"date-fns/format","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"lodash.defaultsdeep","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/types.ts":{"bytes":1526,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/index.ts":{"bytes":803,"imports":[{"path":"packages/ui/react-ui-table/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-table/src/helpers.tsx","kind":"import-statement","original":"./helpers"},{"path":"packages/ui/react-ui-table/src/schema.ts","kind":"import-statement","original":"./schema"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"./theme"},{"path":"packages/ui/react-ui-table/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-table/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":70078},"packages/ui/react-ui-table/dist/lib/browser/index.mjs":{"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"date-fns/format","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"lodash.defaultsdeep","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["ColumnBuilder","ColumnMenu","ColumnPanel","Table","columnTypes","createColumnBuilder","defaultTableSlots","updateSelection"],"entryPoint":"packages/ui/react-ui-table/src/index.ts","inputs":{"packages/ui/react-ui-table/src/components/ColumnMenu.tsx":{"bytesInOutput":7708},"packages/ui/react-ui-table/src/schema.ts":{"bytesInOutput":224},"packages/ui/react-ui-table/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Table.tsx":{"bytesInOutput":11866},"packages/ui/react-ui-table/src/theme.ts":{"bytesInOutput":542},"packages/ui/react-ui-table/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/helpers.tsx":{"bytesInOutput":11339}},"bytes":32227}}}

package/dist/types/src/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/theme.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,GAAG,CAAC,EAAE;QACJ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;CACH,CAAC;AAoBF,eAAO,MAAM,iBAAiB,EAAE,UAW/B,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/theme.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,GAAG,CAAC,EAAE;QACJ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;CACH,CAAC;AAoBF,eAAO,MAAM,iBAAiB,EAAE,UAQ/B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-table",
-  "version": "0.3.5-main.54f3c64",
+  "version": "0.3.5-main.57bfc4f",
   "description": "A table component.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -20,13 +20,13 @@
     "@tanstack/react-table": "^8.9.3",
     "date-fns": "^2.29.3",
     "lodash.defaultsdeep": "^4.6.1",
-    "@dxos/invariant": "0.3.5-main.54f3c64",
-    "@dxos/async": "0.3.5-main.54f3c64",
-    "@dxos/keys": "0.3.5-main.54f3c64",
-    "@dxos/react-ui": "0.3.5-main.54f3c64",
-    "@dxos/react-ui-theme": "0.3.5-main.54f3c64",
-    "@dxos/react-ui-types": "0.3.5-main.54f3c64",
-    "@dxos/util": "0.3.5-main.54f3c64"
+    "@dxos/invariant": "0.3.5-main.57bfc4f",
+    "@dxos/async": "0.3.5-main.57bfc4f",
+    "@dxos/keys": "0.3.5-main.57bfc4f",
+    "@dxos/react-ui": "0.3.5-main.57bfc4f",
+    "@dxos/react-ui-types": "0.3.5-main.57bfc4f",
+    "@dxos/util": "0.3.5-main.57bfc4f",
+    "@dxos/react-ui-theme": "0.3.5-main.57bfc4f"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.0.2",
@@ -40,7 +40,7 @@
     "react-dom": "^18.2.0",
     "vite": "^4.3.9",
     "vite-plugin-turbosnap": "^1.0.2",
-    "@dxos/react-ui-theme": "0.3.5-main.54f3c64"
+    "@dxos/react-ui-theme": "0.3.5-main.57bfc4f"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",

package/src/components/Table.tsx

@@ -489,7 +489,11 @@ const TableBody = <TData extends RowData>({
               return (
                 <td
                   key={cell.id}
-                  className={mx(border && groupBorder, cell.column.columnDef.meta?.slots?.cell?.className)}
+                  className={mx(
+                    border && groupBorder,
+                    slots?.cell?.className,
+                    cell.column.columnDef.meta?.slots?.cell?.className,
+                  )}
                 >
                   {flexRender(cell.column.columnDef.cell, { className: 'px-2', ...cell.getContext() })}
                 </td>

package/src/theme.ts

@@ -60,10 +60,7 @@ export const defaultTableSlots: TableSlots = {
   // TODO(burdon): head/body/table rows.
   header: { className: [chromeSurface, 'px-2 font-light select-none'] },
   footer: { className: [chromeSurface, 'px-2 font-light'] },
-  // cell: { className: 'px-2' },
-  // TODO(burdon): Compact mode.
-  // TODO(burdon): No hover if editing.
-  // row: { className: 'cursor-pointer hover:bg-neutral-50 dark:hover:bg-neutral-800' },
+  cell: { className: 'px-2' },
   group: { className: 'px-2 font-light text-xs text-left' },
   focus: { className: 'ring ring-primary-600 ring-inset' },
   selected: { className: '!bg-teal-100 dark:!bg-teal-700' },