@dxos/react-ui-table 0.4.7-next.f4b92be → 0.4.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -195,6 +195,7 @@ import { getCoreRowModel, useReactTable, getGroupedRowModel } from "@tanstack/re
195
195
  import { useVirtualizer } from "@tanstack/react-virtual";
196
196
  import React6, { Fragment, useCallback, useEffect, useState as useState2 } from "react";
197
197
  import { debounce } from "@dxos/async";
198
+ import { log } from "@dxos/log";
198
199
 
199
200
  // packages/ui/react-ui-table/src/components/Table/TableBody.tsx
200
201
  import { useArrowNavigationGroup } from "@fluentui/react-tabster";
@@ -376,8 +377,9 @@ var TableHead = (_props) => {
376
377
  TableHead.displayName = TABLE_HEAD_NAME;
377
378
 
378
379
  // packages/ui/react-ui-table/src/components/Table/Table.tsx
380
+ var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-table/src/components/Table/Table.tsx";
379
381
  var Table = (props) => {
380
- const { role, data = [], columns = [], onColumnResize, columnVisibility, header = true, rowsSelectable, debug, onDataSelectionChange } = props;
382
+ const { role, data = [], columns = [], onColumnResize, columnVisibility, header = true, rowsSelectable, debug, onDataSelectionChange, getScrollElement } = props;
381
383
  const TableProvider2 = TableProvider;
382
384
  const [columnSizing, setColumnSizing] = useState2({});
383
385
  useEffect(() => {
@@ -467,6 +469,14 @@ var Table = (props) => {
467
469
  debugTable: debug
468
470
  });
469
471
  const expand = false;
472
+ if (!getScrollElement) {
473
+ log.warn("Table: getScrollElement is not set. This is required for virtualized tables.", void 0, {
474
+ F: __dxlog_file,
475
+ L: 159,
476
+ S: void 0,
477
+ C: (f, a) => f(...a)
478
+ });
479
+ }
470
480
  return /* @__PURE__ */ React6.createElement(TableProvider2, {
471
481
  ...props,
472
482
  table,
@@ -474,11 +484,13 @@ var Table = (props) => {
474
484
  expand,
475
485
  isGrid: role === "grid" || role === "treegrid"
476
486
  }, /* @__PURE__ */ React6.createElement(TableImpl, {
477
- debug: false
487
+ debug: false,
488
+ getScrollElement,
489
+ ...props
478
490
  }));
479
491
  };
480
492
  var TableImpl = (props) => {
481
- const { role, footer, grouping, getScrollElement, fullWidth, classNames, debug } = props;
493
+ const { debug, classNames, getScrollElement, role, footer, grouping, fullWidth } = props;
482
494
  const { table } = useTableContext("TableImpl");
483
495
  const { rows } = table.getRowModel();
484
496
  if (debug) {
@@ -506,7 +518,7 @@ var VirtualizedTableContent = ({ getScrollElement }) => {
506
518
  const { getTotalSize, getVirtualItems } = useVirtualizer({
507
519
  getScrollElement,
508
520
  count: rows.length,
509
- overscan: 16,
521
+ overscan: 4,
510
522
  estimateSize: () => 33
511
523
  });
512
524
  const virtualRows = getVirtualItems();
@@ -626,8 +638,10 @@ import { createColumnHelper } from "@tanstack/react-table";
626
638
  import { format } from "date-fns/format";
627
639
  import { formatDistanceToNow } from "date-fns/formatDistanceToNow";
628
640
  import React8, { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
641
+ import { log as log2 } from "@dxos/log";
629
642
  import { Input as Input2, Tooltip } from "@dxos/react-ui";
630
643
  import { getSize as getSize3, mx as mx5 } from "@dxos/react-ui-theme";
644
+ var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-table/src/helpers.tsx";
631
645
  var createColumnBuilder = () => ({
632
646
  helper: createColumnHelper(),
633
647
  builder: new ColumnBuilder()
@@ -861,7 +875,14 @@ var ColumnBuilder = class {
861
875
  className: mx5(textPadding, classNames)
862
876
  }, str);
863
877
  } catch (err) {
864
- console.log(value);
878
+ log2.info("formatError", {
879
+ value
880
+ }, {
881
+ F: __dxlog_file2,
882
+ L: 363,
883
+ S: this,
884
+ C: (f, a) => f(...a)
885
+ });
865
886
  return null;
866
887
  }
867
888
  },
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/ColumnMenu.tsx", "../../../src/translations.ts", "../../../src/components/Table/Table.tsx", "../../../src/components/Table/TableBody.tsx", "../../../src/components/Table/TableContext.tsx", "../../../src/theme.ts", "../../../src/components/Cell/Cell.tsx", "../../../src/components/Table/TableFooter.tsx", "../../../src/components/Table/TableHead.tsx", "../../../src/components/Cell/CellCombobox.tsx", "../../../src/helpers.tsx"],
4
- "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, useTranslation } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { safeParseInt } from '@dxos/util';\n\nimport { type TableDef, type ColumnProps, type ColumnType } from '../schema';\nimport { translationKey } from '../translations';\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 return (\n <div className='flex items-center gap-2'>\n <div className='flex-1 min-is-0 truncate' title={title}>\n {title}\n </div>\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 const { t } = useTranslation(translationKey);\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-1'>\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'>{t('column label 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'>{t('property key label')}</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'>{t('column type label')}</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 {(['number', 'boolean', 'string', 'ref'] as ColumnType[]).map((type) => (\n <Select.Option key={type} value={type}>\n {t(`${type} column type 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'>{t('digits label')}</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>{t('save label')}</span>\n <div className='grow' />\n <Check className={getSize(5)} />\n </Button>\n <Button classNames='is-full flex gap-2' onClick={handleCancel}>\n <span>{t('cancel label', { ns: 'os' })}</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>{t('delete label')}</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 const translationKey = 'table';\n\nexport default [\n {\n 'en-US': {\n [translationKey]: {\n 'no selection label': ' ',\n 'number column type label': 'Number',\n 'boolean column type label': 'Toggle',\n 'date column type label': 'Date',\n 'string column type label': 'Text',\n 'ref column type label': 'Reference',\n 'digits label': 'Decimal places',\n 'save label': 'Save',\n 'delete label': 'Delete',\n 'column label label': 'Label',\n 'property key label': 'Property',\n 'column type label': 'Type',\n },\n },\n },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport {\n getCoreRowModel,\n useReactTable,\n type ColumnSizingInfoState,\n type GroupingState,\n type RowData,\n type ColumnSizingState,\n type OnChangeFn,\n type RowSelectionState,\n getGroupedRowModel,\n} from '@tanstack/react-table';\nimport { useVirtualizer, type VirtualizerOptions } from '@tanstack/react-virtual';\nimport React, { Fragment, useCallback, useEffect, useState } from 'react';\n\nimport { debounce } from '@dxos/async';\n\nimport { TableBody } from './TableBody';\nimport { TableProvider as UntypedTableProvider, type TypedTableProvider, useTableContext } from './TableContext';\nimport { TableFooter } from './TableFooter';\nimport { TableHead } from './TableHead';\nimport { type TableProps } from './props';\nimport { groupTh, tableRoot } from '../../theme';\n\nexport const Table = <TData extends RowData>(props: TableProps<TData>) => {\n const {\n role,\n data = [],\n columns = [],\n onColumnResize,\n columnVisibility,\n header = true,\n rowsSelectable,\n debug,\n onDataSelectionChange,\n } = props;\n\n const TableProvider = UntypedTableProvider as TypedTableProvider<TData>;\n\n //\n // Column resizing\n //\n\n const [columnSizing, setColumnSizing] = useState<ColumnSizingState>({});\n useEffect(() => {\n // Set initial state.\n setColumnSizing(\n columns\n .filter((column) => !!column.size && (column as any).prop !== undefined)\n .reduce<ColumnSizingState>((state, column) => {\n state[(column as any).prop] = column.size!;\n return state;\n }, {}),\n );\n }, [columns]);\n\n const [columnSizingInfo, setColumnSizingInfo] = useState<ColumnSizingInfoState>({} as ColumnSizingInfoState);\n const onColumnResizeDebounced = onColumnResize && debounce<ColumnSizingState>(onColumnResize, 1_000);\n useEffect(() => {\n if (columnSizingInfo.columnSizingStart?.length === 0) {\n onColumnResizeDebounced?.(table.getState().columnSizing);\n }\n }, [columnSizingInfo]);\n\n //\n // Row selection\n //\n\n const [rowSelection = {}, setRowSelection] = useControllableState({\n prop: props.rowSelection,\n onChange: props.onRowSelectionChange,\n defaultProp: props.defaultRowSelection,\n });\n\n useEffect(() => {\n onDataSelectionChange?.(Object.keys(rowSelection).map((id) => table.getRowModel().rowsById[id].original));\n }, [onDataSelectionChange, rowSelection]);\n\n // TODO(thure): Does @tanstack/react-table really need this intervention? It did seem necessary to enforce single-selection...\n const handleRowSelectionChange = useCallback<OnChangeFn<RowSelectionState>>(\n (updaterOrValue) => {\n const nextRowSelection = typeof updaterOrValue === 'function' ? updaterOrValue(rowSelection) : updaterOrValue;\n if (rowsSelectable === 'multi') {\n setRowSelection(nextRowSelection);\n } else if (rowsSelectable) {\n const nextRowSelectionKey = Object.keys(nextRowSelection).filter((id) => !rowSelection[id])[0];\n setRowSelection(nextRowSelectionKey ? { [nextRowSelectionKey]: true } : {});\n } else {\n setRowSelection({});\n }\n },\n [rowSelection, setRowSelection],\n );\n\n //\n // Row grouping\n //\n\n const [grouping, handleGroupingChange] = useState<GroupingState>(props.grouping ?? []);\n useEffect(() => handleGroupingChange(props.grouping ?? []), [props.grouping]);\n\n const table = useReactTable({\n // Data\n meta: {},\n data,\n\n // Columns\n columns,\n defaultColumn: {\n size: 256, // Required in order remove default width.\n maxSize: 1024,\n },\n\n // State\n state: {\n columnVisibility,\n columnSizing,\n columnSizingInfo,\n rowSelection,\n grouping,\n },\n\n // Resize columns\n columnResizeMode: 'onChange',\n enableColumnResizing: true,\n onColumnSizingChange: setColumnSizing,\n onColumnSizingInfoChange: setColumnSizingInfo,\n\n // Rows\n getCoreRowModel: getCoreRowModel(),\n\n // Grouping\n getGroupedRowModel: grouping.length > 1 ? getGroupedRowModel() : undefined,\n onGroupingChange: handleGroupingChange,\n\n // Selection\n ...(rowsSelectable === 'multi'\n ? { enableMultiRowSelection: true }\n : rowsSelectable\n ? { enableRowSelection: true }\n : {}),\n onRowSelectionChange: handleRowSelectionChange,\n\n // Debug\n debugTable: debug,\n });\n\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 return (\n <TableProvider\n {...props}\n table={table}\n header={header}\n expand={expand}\n isGrid={role === 'grid' || role === 'treegrid'}\n >\n <TableImpl<TData> debug={false} />\n </TableProvider>\n );\n};\n\n/**\n * Pure implementation of table outside of context set-up.\n */\nconst TableImpl = <TData extends RowData>(props: TableProps<TData>) => {\n const { role, footer, grouping, getScrollElement, fullWidth, classNames, debug } = props;\n const { table } = useTableContext<TData>('TableImpl');\n const { rows } = table.getRowModel();\n\n if (debug) {\n return (\n <pre className='font-mono text-xs text-neutral-500 m-1 p-2 ring'>\n <code>{JSON.stringify(table.getState(), undefined, 2)}</code>\n </pre>\n );\n }\n\n return (\n <table\n role={role}\n className={tableRoot(props, classNames)}\n {...(!fullWidth && { style: { width: table.getTotalSize() } })}\n >\n <TableHead />\n\n {grouping?.length !== 0 ? (\n getScrollElement ? (\n <VirtualizedTableContent getScrollElement={getScrollElement} />\n ) : (\n <TableBody rows={rows} />\n )\n ) : (\n <GroupedTableContent />\n )}\n\n {footer && <TableFooter />}\n </table>\n );\n};\n\nconst VirtualizedTableContent = ({\n getScrollElement,\n}: Pick<VirtualizerOptions<Element, Element>, 'getScrollElement'>) => {\n const {\n table: { getRowModel },\n } = useTableContext('VirtualizedTableContent');\n const rows = getRowModel().rows;\n\n const { getTotalSize, getVirtualItems } = useVirtualizer({\n getScrollElement,\n count: rows.length,\n overscan: 16,\n estimateSize: () => 33,\n });\n const virtualRows = getVirtualItems();\n const totalSize = getTotalSize();\n\n const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start || 0 : 0;\n const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end || 0) : 0;\n\n return (\n <>\n {paddingTop > 0 && (\n <tbody role='none'>\n <tr role='none'>\n <td style={{ height: `${paddingTop}px` }} role='none' />\n </tr>\n </tbody>\n )}\n <TableBody rows={virtualRows.map((virtualRow) => rows[virtualRow.index])} />\n {paddingBottom > 0 && (\n <tbody role='none'>\n <tr role='none'>\n <td style={{ height: `${paddingBottom}px` }} role='none' />\n </tr>\n </tbody>\n )}\n </>\n );\n};\n\nconst GroupedTableContent = () => {\n const {\n table: { getGroupedRowModel, getHeaderGroups, getState },\n debug,\n } = useTableContext('GroupedTableContent');\n return (\n <>\n {getGroupedRowModel().rows.map((row, i) => {\n return (\n <Fragment key={i}>\n {/* TODO(burdon): Customize group header renderer. */}\n <thead>\n <tr>\n {debug && <th />}\n <th\n // TODO(burdon): Calculate row span.\n colSpan={getHeaderGroups()[0].headers.length}\n className={groupTh({})}\n >\n {getState().grouping[0]}[{String(row.getGroupingValue(getState().grouping[0]))}]\n </th>\n </tr>\n </thead>\n <TableBody rows={row.subRows} />\n </Fragment>\n );\n })}\n </>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { flexRender, type Row, type RowData } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useTableContext } from './TableContext';\nimport { tbodyTr } from '../../theme';\nimport { Cell } from '../Cell/Cell';\n\nconst TABLE_BODY_NAME = 'TableBody';\n\ntype TableBodyProps<TData extends RowData> = {\n rows: Row<TData>[];\n};\n\nconst TableBody = <TData extends RowData>({ rows }: TableBodyProps<TData>) => {\n const { table, keyAccessor, currentDatum, debug, expand, isGrid, onDatumClick } =\n useTableContext<TData>(TABLE_BODY_NAME);\n const rowSelection = table.getState().rowSelection;\n const domAttributes = useArrowNavigationGroup({ axis: 'grid' });\n const canBeCurrent = !isGrid && !!onDatumClick;\n\n return (\n <tbody {...(isGrid && domAttributes)}>\n {rows.map((row) => {\n const isCurrent = currentDatum === row.original;\n const isSelected = rowSelection?.[row.id];\n return (\n <tr\n key={keyAccessor ? keyAccessor(row.original) : row.id}\n className={tbodyTr({ canBeCurrent })}\n {...(isCurrent && { 'aria-current': 'location' })}\n {...(isSelected && { 'aria-selected': 'true' })}\n {...(canBeCurrent && {\n tabIndex: 0,\n onClick: () => {\n onDatumClick(row.original);\n },\n onKeyUp: ({ key }) => {\n if (key === 'Enter' || key === ' ') {\n onDatumClick(row.original);\n }\n },\n })}\n >\n {debug && <td>{row.id}</td>}\n\n {row.getVisibleCells().map((cell) => {\n return (\n <Cell key={cell.id} cell={cell}>\n {flexRender(cell.column.columnDef.cell, { className: 'pli-2', ...cell.getContext() })}\n </Cell>\n );\n })}\n\n {expand && <td />}\n </tr>\n );\n })}\n </tbody>\n );\n};\n\nTableBody.displayName = TABLE_BODY_NAME;\n\nexport { TableBody };\n\nexport type { TableBodyProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport { type RowData } from '@tanstack/react-table';\nimport { type ReactNode } from 'react';\n\nimport { type TableContextValue } from './props';\n\nexport const TABLE_NAME = 'Table';\n\ntype CreateContextResult<TData extends RowData> = Readonly<\n [TypedTableProvider<unknown>, (consumerName: string) => TableContextValue<TData>]\n>;\n\nexport type TypedTableProvider<TData extends RowData> = {\n (props: TableContextValue<TData> & { children: ReactNode }): JSX.Element;\n displayName: string;\n};\n\nconst [TableProvider, useUntypedTableContext]: CreateContextResult<unknown> =\n createContext<TableContextValue<unknown>>(TABLE_NAME);\n\nexport const useTableContext = <TData extends RowData>(consumerName: string) =>\n useUntypedTableContext(consumerName) as TableContextValue<TData>;\n\nexport { TableProvider };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type CellContext } from '@tanstack/react-table';\n\nimport {\n modalSurface,\n fixedSurface,\n focusRing,\n ghostSelected,\n ghostSelectedCurrent,\n groupBorder,\n mx,\n} from '@dxos/react-ui-theme';\nimport { type ComponentFunction } from '@dxos/react-ui-types';\n\nimport { type TableContextValue, type TableFlags } from './components';\n\nexport const currentRow = '!bg-neutral-75 !dark:bg-neutral-850';\nexport const selectedRow = '!bg-primary-100 dark:!bg-primary-700';\nexport const flushPadding = 'pli-0 plb-0';\nexport const textPadding = 'pli-2 plb-0.5';\nexport const headPadding = 'pli-2 plb-1.5';\n\nexport const gridCellFocusRing = 'focus:z-[11] focus:outline outline-2 outline-primary-500 dark:outline-primary-400';\n\n//\n// table\n//\n\nexport type TableStyleProps = Partial<TableContextValue<any>>;\n\nexport const tableRoot: ComponentFunction<TableStyleProps> = ({ fullWidth }, ...etc) =>\n mx('table-fixed', fullWidth && 'is-full', ...etc);\n\nexport const groupTh: ComponentFunction<TableStyleProps> = (_props, ...etc) =>\n mx('text-start font-medium', flushPadding, ...etc);\n\n//\n// thead\n//\n\nexport type TheadStyleProps = Partial<TableFlags>;\n\nexport const theadRoot: ComponentFunction<TheadStyleProps> = ({ header, stickyHeader }, ...etc) =>\n mx(header ? stickyHeader && 'sticky block-start-[--sticky-top] z-[1]' : 'collapse', header && fixedSurface, ...etc);\n\nexport const theadTr: ComponentFunction<TheadStyleProps> = (_props, ...etc) => mx('group', ...etc);\n\nexport const theadTh: ComponentFunction<TheadStyleProps> = ({ border }, ...etc) =>\n mx(\n 'relative text-start font-medium select-none truncate',\n headPadding,\n border && 'border',\n border && groupBorder,\n ...etc,\n );\n\nexport const theadResizeRoot: ComponentFunction<TheadStyleProps> = (_props, ...etc) =>\n mx(\n 'absolute top-0 pis-1 h-full z-[10] w-[7px] -right-[5px] cursor-col-resize select-none touch-none opacity-20 hover:opacity-100',\n ...etc,\n );\n\nexport const theadResizeThumb: ComponentFunction<TheadStyleProps> = (_props, ...etc) =>\n mx('flex group-hover:bg-neutral-700 -ml-[2px] w-[1px] h-full', ...etc);\n\n//\n// tbody\n//\n\nexport type TbodyStyleProps = Partial<TableContextValue<any>>;\nexport const tbodyRoot: ComponentFunction<TbodyStyleProps> = (_props, ...etc) => mx(...etc);\n\nexport type TbodyTrStyleProps = Partial<{ canBeCurrent?: boolean }>;\nexport const tbodyTr: ComponentFunction<TbodyTrStyleProps> = ({ canBeCurrent }, ...etc) =>\n mx(\n 'group',\n canBeCurrent ? ghostSelectedCurrent : ghostSelected,\n canBeCurrent && focusRing,\n canBeCurrent && 'cursor-pointer rounded',\n ...etc,\n );\n\n//\n// td, th\n//\n\nexport const tdRoot: ComponentFunction<TbodyStyleProps> = ({ border, isGrid }, ...etc) =>\n mx('relative', flushPadding, border && 'border', border && groupBorder, isGrid && gridCellFocusRing, ...etc);\nexport const tdContent: ComponentFunction<CellContext<any, any>> = (_props, ...etc) => mx(...etc);\n\n//\n// tfoot\n//\n\nexport type TfootStyleProps = Partial<TableContextValue<any>>;\n\nexport const tfootRoot: ComponentFunction<TfootStyleProps> = (_props, ...etc) =>\n mx('sticky block-end-0 z-10', modalSurface, ...etc);\n\nexport const tfootTr: ComponentFunction<TfootStyleProps> = (_props, ...etc) => mx(...etc);\n\nexport const tfootTh: ComponentFunction<TfootStyleProps> = ({ border }, ...etc) =>\n mx(textPadding, modalSurface, border && groupBorder, ...etc);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { type Cell as CellType, type RowData } from '@tanstack/react-table';\nimport React, { type PropsWithChildren } from 'react';\n\nimport { tdRoot } from '../../theme';\nimport { useTableContext } from '../Table/TableContext';\n\ntype CellProps<TData extends RowData, TValue> = PropsWithChildren<{\n cell: CellType<TData, TValue>;\n}>;\n\nconst CELL_NAME = 'Cell';\n\nconst FocusableCell = <TData extends RowData, TValue>({ cell, children }: CellProps<TData, TValue>) => {\n const tableContext = useTableContext(CELL_NAME);\n const domAttributes = useFocusableGroup({ tabBehavior: 'limited' });\n return (\n <td tabIndex={0} {...domAttributes} className={tdRoot(tableContext, cell.column.columnDef.meta?.cell?.classNames)}>\n {children}\n </td>\n );\n};\n\nconst StaticCell = <TData extends RowData, TValue>({ cell, children }: CellProps<TData, TValue>) => {\n const tableContext = useTableContext(CELL_NAME);\n return <td className={tdRoot(tableContext, cell.column.columnDef.meta?.cell?.classNames)}>{children}</td>;\n};\n\nconst Cell = <TData extends RowData, TValue>({ cell, children }: CellProps<TData, TValue>) => {\n const { isGrid } = useTableContext(CELL_NAME);\n const Root = isGrid ? FocusableCell : StaticCell;\n return <Root cell={cell}>{children}</Root>;\n};\n\nCell.displayName = CELL_NAME;\n\nexport { Cell };\n\nexport type { CellProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { flexRender, type RowData } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useTableContext } from './TableContext';\nimport { tfootRoot, tfootTr, tfootTh } from '../../theme';\n\ntype TableFooterProps = {};\n\nconst TABLE_FOOT_NAME = 'TableFooter';\n\nconst TableFooter = <TData extends RowData>(props: TableFooterProps) => {\n const tableContext = useTableContext<TData>(TABLE_FOOT_NAME);\n const { table, expand, debug } = tableContext;\n const footers = table.getFooterGroups();\n\n return (\n <tfoot className={tfootRoot(props)}>\n {footers.map((footerGroup) => (\n <tr key={footerGroup.id} className={tfootTr(tableContext)}>\n {debug && <th />}\n\n {footerGroup.headers.map((footer) => {\n return (\n <th key={footer.id} className={tfootTh(tableContext, footer.column.columnDef.meta?.footer?.classNames)}>\n {footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext())}\n </th>\n );\n })}\n\n {expand && <th />}\n </tr>\n ))}\n </tfoot>\n );\n};\n\nTableFooter.displayName = TABLE_FOOT_NAME;\n\nexport { TableFooter };\n\nexport type { TableFooterProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { flexRender, type RowData } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useTableContext } from './TableContext';\nimport { theadResizeRoot, theadResizeThumb, theadRoot, theadTh, theadTr } from '../../theme';\n\nconst TABLE_HEAD_NAME = 'TableHeader';\n\ntype TableHeadProps = {};\n\nconst TableHead = <TData extends RowData>(_props: TableHeadProps) => {\n const tableContext = useTableContext<TData>(TABLE_HEAD_NAME);\n const headerGroups = tableContext.table.getHeaderGroups();\n const state = tableContext.table.getState();\n\n return (\n <thead className={theadRoot(tableContext)}>\n {headerGroups.map((headerGroup) => {\n return (\n // Group element to hover resize handles.\n <tr key={headerGroup.id} className={theadTr(tableContext)}>\n {/* TODO(burdon): Calc. width. */}\n {tableContext.debug && (\n <th className='font-mono' style={{ width: 32 }}>\n #\n </th>\n )}\n\n {headerGroup.headers.map((header) => {\n const isResizing = header.column.getIsResizing();\n return (\n <th\n key={header.id}\n style={{\n width: header.getSize(),\n }}\n className={theadTh(tableContext, header.column.columnDef.meta?.header?.classNames)}\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={theadResizeRoot(tableContext, isResizing && 'hidden')}\n style={{\n transform: `translateX(${isResizing ? state.columnSizingInfo.deltaOffset : 0}px)`,\n }}\n onMouseDown={header.getResizeHandler()}\n onTouchStart={header.getResizeHandler()}\n >\n <div className={mx(theadResizeThumb(tableContext))} />\n </div>\n )}\n </th>\n );\n })}\n\n {tableContext.expand && <th />}\n </tr>\n );\n })}\n </thead>\n );\n};\n\nTableHead.displayName = TABLE_HEAD_NAME;\n\nexport { TableHead };\n\nexport type { TableHeadProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { CaretDown } from '@phosphor-icons/react';\nimport { type RowData } from '@tanstack/react-table';\nimport React, { useCallback, useState } from 'react';\n\nimport { Popover, useTranslation } from '@dxos/react-ui';\nimport { PopoverCombobox } from '@dxos/react-ui-searchlist';\nimport { descriptionText, getSize, mx, staticPlaceholderText } from '@dxos/react-ui-theme';\n\nimport { type SearchListQueryModel } from '../../helpers';\nimport { translationKey } from '../../translations';\n\nexport type ComboboxCellItems<TData extends RowData> = Record<string, { label: string; data: TData }>;\n\nconst initialItems = <TData extends RowData>(model: SearchListQueryModel<TData>, value?: TData) =>\n value\n ? {\n [model.getId(value)]: { label: model.getText(value), data: value },\n }\n : {};\n\nexport const CellCombobox = <TData extends RowData>({\n model,\n value,\n onValueChange,\n}: {\n model: SearchListQueryModel<TData>;\n value: TData;\n onValueChange: (value: TData) => void;\n}) => {\n const { t } = useTranslation(translationKey);\n const [items, setItems] = useState<ComboboxCellItems<TData>>(initialItems(model, value));\n const [loading, setLoading] = useState(false);\n const [searchInputValue, setSearchInputValue] = useState('');\n const handleSearchInputValueChange = async (text?: string) => {\n setSearchInputValue(text ?? '');\n setLoading(true);\n const items = await model.query(text);\n setItems(\n items.reduce(\n (acc: ComboboxCellItems<TData>, item) => {\n acc[model.getId(item)] = {\n label: model.getText(item),\n data: item,\n };\n return acc;\n },\n initialItems(model, value),\n ),\n );\n setLoading(false);\n };\n\n const handleValueChange = useCallback(\n (id: string) => {\n onValueChange(items[id]?.data);\n },\n [items, onValueChange],\n );\n\n return (\n <PopoverCombobox.Root placeholder={t('no selection label')}>\n <PopoverCombobox.Trigger variant='ghost' classNames='is-full rounded-none ring-inset'>\n {value ? (\n <>\n <span\n className={mx(\n 'font-normal text-start text-base flex-1 min-is-0 truncate mie-2',\n !value && staticPlaceholderText,\n )}\n >\n {model.getText(value)}\n </span>\n <CaretDown weight='bold' className={getSize(3)} />\n </>\n ) : null}\n </PopoverCombobox.Trigger>\n <PopoverCombobox.Content shouldFilter={false} classNames='is-[--radix-popover-trigger-width]'>\n <PopoverCombobox.Input value={searchInputValue} onValueChange={handleSearchInputValueChange} />\n <PopoverCombobox.List>\n {searchInputValue.length < 1 ? (\n <p className={mx('text-center', descriptionText)}>Start typing to search</p>\n ) : loading ? (\n <p className={mx('text-center', descriptionText)}>Searching…</p>\n ) : (\n <>\n <PopoverCombobox.Empty classNames={['text-center', descriptionText]}>No results</PopoverCombobox.Empty>\n {Object.entries(items).map(([id, { label }]) => (\n <PopoverCombobox.Item key={id} value={id} onSelect={handleValueChange} classNames='truncate'>\n {label}\n </PopoverCombobox.Item>\n ))}\n </>\n )}\n </PopoverCombobox.List>\n <Popover.Arrow />\n </PopoverCombobox.Content>\n </PopoverCombobox.Root>\n );\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 {\n createColumnHelper,\n type ColumnDef,\n type ColumnMeta,\n type RowData,\n type ColumnHelper,\n type CellContext,\n} from '@tanstack/react-table';\nimport { format } from 'date-fns/format';\nimport { formatDistanceToNow } from 'date-fns/formatDistanceToNow';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { type PublicKey } from '@dxos/keys';\nimport { type ClassNameValue, Input, Tooltip } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nimport { CellCombobox } from './components';\nimport { useTableContext } from './components/Table/TableContext';\nimport { textPadding } from './theme';\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// TODO(thure): This interface is redundant, e.g. `classNames` == `meta.cell.classNames`\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 classNames?: ClassNameValue;\n onUpdate?: ValueUpdater<TData, TValue | undefined>;\n};\n\n// TODO(burdon): Better abstraction?\nexport type SearchListQueryModel<TData extends RowData> = {\n getId(object: TData): string;\n getText(object: TData): string;\n query(text?: string): Promise<TData[]>;\n};\n\nexport type ComboboxColumnOptions<TData extends RowData> = BaseColumnOptions<TData, any> & {\n model: SearchListQueryModel<TData>;\n};\n\nexport type StringColumnOptions<TData extends RowData> = BaseColumnOptions<TData, string> & {};\nexport type SelectRowColumnOptions<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 SwitchColumnOptions<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 ComboboxBuilderCell = <TData extends RowData>(cellContext: CellContext<TData, TData>) => {\n const { model, onUpdate } = cellContext.column.columnDef.meta as ColumnMeta<TData, TData>;\n return model ? (\n <CellCombobox<TData>\n model={model}\n value={cellContext.getValue()}\n onValueChange={(value) => onUpdate?.(cellContext.row.original, cellContext.column.id, value)}\n />\n ) : null;\n};\n\nconst StringBuilderCell = <TData extends RowData>(cellContext: CellContext<TData, string>) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const { onUpdate } = cellContext.column.columnDef.meta as ColumnMeta<TData, string>;\n // https://tanstack.com/table/v8/docs/examples/react/editable-data\n const initialValue = cellContext.getValue();\n const [value, setValue] = useState(() => {\n // TODO(burdon): Temporary shim for automerge.\n if ((initialValue as any)?.content) {\n return (initialValue as any)?.content;\n }\n\n return initialValue;\n });\n\n const handleSave = () => {\n if (value === initialValue) {\n return;\n }\n\n onUpdate?.(cellContext.row.original, cellContext.column.id, value);\n };\n\n const handleCancel = () => {\n setValue(initialValue);\n };\n\n // Check if first input column of last row.\n const rows = cellContext.table.getRowModel().flatRows;\n const columns = cellContext.table.getVisibleFlatColumns();\n const placeholder = cellContext.row.index === rows.length - 1 && columns[0].id === cellContext.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={['is-full', textPadding]}\n value={value ?? ''}\n onBlur={() => handleSave()}\n onChange={(event) => setValue(event.target.value)}\n onKeyDown={(event) => (event.key === 'Enter' && handleSave()) || (event.key === 'Escape' && handleCancel())}\n />\n </Input.Root>\n );\n};\n\nconst parseNumber = (text?: string) => (text?.trim().length ? Number(text) : NaN);\n\nconst displayNumber = (value?: number, digits?: number) =>\n value || value === 0\n ? value.toLocaleString(undefined, {\n minimumFractionDigits: digits ?? 0,\n maximumFractionDigits: digits ?? 2,\n })\n : '';\n\nconst NumberBuilderCell = <TData extends RowData>(cellContext: CellContext<TData, number>) => {\n const { onUpdate, digits } = cellContext.column.columnDef.meta as ColumnMeta<TData, string>;\n const value = cellContext.getValue();\n const [text, setText] = useState<string>(displayNumber(value, digits));\n const { findPrevFocusable } = useFocusFinders();\n const ref = useRef<HTMLInputElement | null>(null);\n\n // Update display value if `digits` changes and input is not in focus.\n useEffect(() => {\n (!document.activeElement || document.activeElement !== ref.current) && setText(displayNumber(value, digits));\n }, [digits, value]);\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 nextValue = parseNumber(text);\n onUpdate?.(cellContext.row.original, cellContext.column.id, isNaN(nextValue) ? undefined : nextValue);\n setText(displayNumber(nextValue, digits));\n // Shift focus only if input is focused on save (e.g. on `Enter`).\n ref.current && document.activeElement === ref.current && findPrevFocusable(ref.current)?.focus();\n };\n\n const _handleCancel = () => {\n setText(displayNumber(value, digits));\n ref.current && findPrevFocusable(ref.current)?.focus();\n };\n\n return (\n <Input.Root>\n <Input.TextInput\n ref={ref}\n variant='subdued'\n value={text}\n classNames={['is-full text-end font-mono', textPadding]}\n onBlur={handleSave}\n onFocus={handleEdit}\n onChange={({ target: { value } }) => setText(value)}\n onKeyDown={(event) => {\n // TODO(thure): `Escape` is reserved for blurring the input and moving focus to the cell\n return /* (event.key === 'Escape' && handleCancel()) || */ event.key === 'Enter' && handleSave();\n }}\n />\n </Input.Root>\n );\n};\n\nconst RowSelectorBuilderCell = <TData extends RowData>(cellContext: CellContext<TData, unknown>) => {\n const { cell } = cellContext.column.columnDef.meta as ColumnMeta<TData, unknown>;\n const { row } = cellContext;\n\n const checked = row.getCanSelect()\n ? row.getIsSelected()\n : row.getCanSelectSubRows() && (row.getIsSomeSelected() ? 'indeterminate' : row.getIsAllSubRowsSelected());\n return (\n <Input.Root>\n <Input.Checkbox\n size={4}\n classNames={['mli-auto', cell?.classNames]}\n checked={checked}\n onCheckedChange={(event) => {\n if (row.getCanSelect()) {\n row.getToggleSelectedHandler()(event);\n }\n }}\n disabled={!(row.getCanSelect() || row.getCanSelectSubRows())}\n />\n </Input.Root>\n );\n};\n\nconst SwitchBuilderCell = <TData extends RowData>(cellContext: CellContext<TData, boolean>) => {\n const { onUpdate } = cellContext.column.columnDef.meta as ColumnMeta<TData, boolean>;\n const value = cellContext.getValue();\n return (\n <Input.Root>\n <Input.Switch\n classNames='block mli-auto'\n onClick={(event) => event.stopPropagation()}\n disabled={!onUpdate}\n checked={!!value}\n onCheckedChange={(value) => {\n onUpdate?.(cellContext.row.original, cellContext.column.id, !!value);\n }}\n />\n </Input.Root>\n );\n};\n\n/**\n * Util to create column definitions.\n */\nexport class ColumnBuilder<TData extends RowData> {\n /**\n * Combobox value\n */\n combobox({\n label,\n classNames,\n model,\n onUpdate,\n ...props\n }: ComboboxColumnOptions<TData>): Partial<ColumnDef<TData, any>> {\n return {\n minSize: 100,\n header: (column) => {\n return label ?? column.header.id;\n },\n cell:\n model && onUpdate\n ? ComboboxBuilderCell\n : (cellContext) => {\n const cellValue = cellContext.getValue();\n return <div className={mx('truncate', classNames)}>{cellValue ? model?.getText(cellValue) : ''}</div>;\n },\n ...props,\n meta: {\n ...props.meta,\n model,\n onUpdate,\n cell: { classNames, ...props.meta?.cell },\n },\n };\n }\n\n /**\n * String formats.\n */\n string({ label, classNames, onUpdate, ...props }: StringColumnOptions<TData> = {}): Partial<\n ColumnDef<TData, string>\n > {\n return {\n minSize: 100,\n // TODO(burdon): Default.\n header: (column) => {\n return label ?? column.header.id;\n },\n cell: onUpdate\n ? StringBuilderCell\n : (cell) => {\n let value = cell.getValue();\n // TODO(burdon): Hack to support automerge.\n if (typeof value === 'object' && (value as any)?.__typename === 'dxos.Text.v0') {\n value = (value as any).content;\n }\n\n return <div className={mx('truncate', textPadding, classNames)}>{value}</div>;\n },\n ...props,\n meta: {\n ...props.meta,\n onUpdate,\n cell: { ...props.meta?.cell, classNames },\n },\n };\n }\n\n /**\n * Number formats.\n */\n number({ label, minSize, classNames, digits, onUpdate, ...props }: NumberColumnOptions<TData> = {}): Partial<\n ColumnDef<TData, number>\n > {\n return {\n size: 100,\n minSize: 100,\n header: (cell) => label ?? cell.header.id,\n cell: NumberBuilderCell,\n ...props,\n meta: {\n ...props.meta,\n onUpdate,\n digits,\n header: { classNames: 'text-end', ...props.meta?.header },\n cell: { ...props.meta?.cell, classNames },\n },\n };\n }\n\n /**\n * Date formats.\n */\n // TODO(burdon): Date picker (pluggable renderers?)\n date({ label, format: formatSpec, relative, classNames, ...props }: DateColumnOptions<TData> = {}): Partial<\n ColumnDef<TData, Date>\n > {\n return {\n size: 220, // TODO(burdon): Depends on format.\n minSize: 100,\n header: (cell) => label ?? cell.header.id,\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(textPadding, classNames)}>{str}</div>;\n } catch (err) {\n console.log(value);\n return null;\n }\n },\n ...props,\n meta: { ...props.meta, cell: { ...props.meta?.cell, classNames } },\n };\n }\n\n /**\n * PublicKey with tooltip.\n */\n key({ label, tooltip, classNames, ...props }: KeyColumnOptions<TData> = {}): Partial<ColumnDef<TData, PublicKey>> {\n return {\n size: 94,\n minSize: 94,\n header: (cell) => label ?? cell.header.id,\n cell: (cell) => {\n const value = cell.getValue();\n if (!value) {\n return;\n }\n\n // TODO(burdon): Factor out styles.\n const element = value.truncate();\n if (!tooltip) {\n return element;\n }\n\n return (\n <Tooltip.Provider>\n <Tooltip.Root>\n <Tooltip.Trigger>{element}</Tooltip.Trigger>\n <Tooltip.Portal>\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.Portal>\n </Tooltip.Root>\n </Tooltip.Provider>\n );\n },\n ...props,\n meta: { ...props.meta, cell: { ...props.meta?.cell, classNames: ['font-mono', textPadding, classNames] } },\n };\n }\n\n /**\n * Row selector\n */\n selectRow({ classNames, onUpdate, id = 'selectRow' }: SelectRowColumnOptions<TData> = {}): Parameters<\n ColumnHelper<TData>['display']\n >[0] {\n return {\n id,\n size: 32,\n minSize: 32,\n maxSize: 32,\n meta: { onUpdate, cell: { classNames } },\n header: ({ table }) => {\n const { rowsSelectable } = useTableContext('HELPER_SELECT_ROW_HEADER_CELL');\n const checked = table.getIsSomeRowsSelected() ? 'indeterminate' : table.getIsAllRowsSelected();\n return rowsSelectable === 'multi' ? (\n <Input.Root>\n <Input.Checkbox\n size={4}\n classNames={['mli-auto', classNames]}\n checked={checked}\n onCheckedChange={() => table.toggleAllRowsSelected()}\n />\n </Input.Root>\n ) : null;\n },\n cell: RowSelectorBuilderCell,\n };\n }\n\n /**\n * Switch\n */\n switch({ label, classNames, onUpdate, ...props }: SwitchColumnOptions<TData> = {}): Partial<\n ColumnDef<TData, boolean>\n > {\n return {\n size: 50,\n minSize: 50,\n header: (column) => label ?? column.header.id,\n cell: SwitchBuilderCell,\n ...props,\n meta: { ...props.meta, onUpdate, cell: { ...props.meta?.cell, classNames: [textPadding, classNames] } },\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 {\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 <IconOn className={mx('block mli-auto', getSize(6), on?.className ?? 'text-green-700')} />;\n } else if (value === false) {\n return <IconOff className={mx('block mli-auto', getSize(6), off?.className ?? 'text-red-700')} />;\n } else {\n return null;\n }\n },\n ...props,\n };\n }\n}\n"],
5
- "mappings": "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",
6
- "names": ["Check", "CaretDown", "Trash", "X", "React", "useRef", "useState", "Button", "DensityProvider", "Input", "Popover", "Select", "Separator", "useTranslation", "getSize", "mx", "safeParseInt", "translationKey", "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", "t", "useTranslation", "translationKey", "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", "map", "Option", "key", "filter", "name", "Separator", "onClick", "span", "Check", "ns", "X", "Trash", "Arrow", "useControllableState", "getCoreRowModel", "useReactTable", "getGroupedRowModel", "useVirtualizer", "React", "Fragment", "useCallback", "useEffect", "useState", "debounce", "useArrowNavigationGroup", "flexRender", "React", "createContext", "TABLE_NAME", "TableProvider", "useUntypedTableContext", "createContext", "useTableContext", "consumerName", "modalSurface", "fixedSurface", "focusRing", "ghostSelected", "ghostSelectedCurrent", "groupBorder", "mx", "currentRow", "selectedRow", "flushPadding", "textPadding", "headPadding", "gridCellFocusRing", "tableRoot", "fullWidth", "etc", "mx", "groupTh", "_props", "theadRoot", "header", "stickyHeader", "fixedSurface", "theadTr", "theadTh", "border", "groupBorder", "theadResizeRoot", "theadResizeThumb", "tbodyRoot", "tbodyTr", "canBeCurrent", "ghostSelectedCurrent", "ghostSelected", "focusRing", "tdRoot", "isGrid", "tdContent", "tfootRoot", "modalSurface", "tfootTr", "tfootTh", "useFocusableGroup", "React", "CELL_NAME", "FocusableCell", "cell", "children", "tableContext", "useTableContext", "domAttributes", "useFocusableGroup", "tabBehavior", "React", "td", "tabIndex", "className", "tdRoot", "column", "columnDef", "meta", "classNames", "StaticCell", "Cell", "isGrid", "Root", "displayName", "TABLE_BODY_NAME", "TableBody", "rows", "table", "keyAccessor", "currentDatum", "debug", "expand", "isGrid", "onDatumClick", "useTableContext", "rowSelection", "getState", "domAttributes", "useArrowNavigationGroup", "axis", "canBeCurrent", "React", "tbody", "map", "row", "isCurrent", "original", "isSelected", "id", "tr", "key", "className", "tbodyTr", "tabIndex", "onClick", "onKeyUp", "td", "getVisibleCells", "cell", "Cell", "flexRender", "column", "columnDef", "getContext", "displayName", "flexRender", "React", "TABLE_FOOT_NAME", "TableFooter", "props", "tableContext", "useTableContext", "table", "expand", "debug", "footers", "getFooterGroups", "React", "tfoot", "className", "tfootRoot", "map", "footerGroup", "tr", "key", "id", "tfootTr", "th", "headers", "footer", "tfootTh", "column", "columnDef", "meta", "classNames", "isPlaceholder", "flexRender", "getContext", "displayName", "flexRender", "React", "mx", "TABLE_HEAD_NAME", "TableHead", "_props", "tableContext", "useTableContext", "headerGroups", "table", "getHeaderGroups", "state", "getState", "React", "thead", "className", "theadRoot", "map", "headerGroup", "tr", "key", "id", "theadTr", "debug", "th", "style", "width", "headers", "header", "isResizing", "column", "getIsResizing", "getSize", "theadTh", "columnDef", "meta", "classNames", "isPlaceholder", "flexRender", "getContext", "resizable", "div", "theadResizeRoot", "transform", "columnSizingInfo", "deltaOffset", "onMouseDown", "getResizeHandler", "onTouchStart", "mx", "theadResizeThumb", "expand", "displayName", "Table", "props", "role", "data", "columns", "onColumnResize", "columnVisibility", "header", "rowsSelectable", "debug", "onDataSelectionChange", "TableProvider", "UntypedTableProvider", "columnSizing", "setColumnSizing", "useState", "useEffect", "filter", "column", "size", "prop", "undefined", "reduce", "state", "columnSizingInfo", "setColumnSizingInfo", "onColumnResizeDebounced", "debounce", "columnSizingStart", "length", "table", "getState", "rowSelection", "setRowSelection", "useControllableState", "onChange", "onRowSelectionChange", "defaultProp", "defaultRowSelection", "Object", "keys", "map", "id", "getRowModel", "rowsById", "original", "handleRowSelectionChange", "useCallback", "updaterOrValue", "nextRowSelection", "nextRowSelectionKey", "grouping", "handleGroupingChange", "useReactTable", "meta", "defaultColumn", "maxSize", "columnResizeMode", "enableColumnResizing", "onColumnSizingChange", "onColumnSizingInfoChange", "getCoreRowModel", "getGroupedRowModel", "onGroupingChange", "enableMultiRowSelection", "enableRowSelection", "debugTable", "expand", "React", "isGrid", "TableImpl", "footer", "getScrollElement", "fullWidth", "classNames", "useTableContext", "rows", "pre", "className", "code", "JSON", "stringify", "tableRoot", "style", "width", "getTotalSize", "TableHead", "VirtualizedTableContent", "TableBody", "GroupedTableContent", "TableFooter", "getVirtualItems", "useVirtualizer", "count", "overscan", "estimateSize", "virtualRows", "totalSize", "paddingTop", "start", "paddingBottom", "end", "tbody", "tr", "td", "height", "virtualRow", "index", "getHeaderGroups", "row", "i", "Fragment", "key", "thead", "th", "colSpan", "headers", "groupTh", "String", "getGroupingValue", "subRows", "CaretDown", "React", "useCallback", "useState", "Popover", "useTranslation", "PopoverCombobox", "descriptionText", "getSize", "mx", "staticPlaceholderText", "initialItems", "model", "value", "getId", "label", "getText", "data", "CellCombobox", "onValueChange", "t", "useTranslation", "translationKey", "items", "setItems", "useState", "loading", "setLoading", "searchInputValue", "setSearchInputValue", "handleSearchInputValueChange", "text", "query", "reduce", "acc", "item", "handleValueChange", "useCallback", "id", "React", "PopoverCombobox", "Root", "placeholder", "Trigger", "variant", "classNames", "span", "className", "mx", "staticPlaceholderText", "CaretDown", "weight", "getSize", "Content", "shouldFilter", "Input", "List", "length", "p", "descriptionText", "Empty", "Object", "entries", "map", "Item", "key", "onSelect", "Popover", "Arrow", "useFocusFinders", "Check", "ClipboardText", "X", "createColumnHelper", "format", "formatDistanceToNow", "React", "useEffect", "useRef", "useState", "Input", "Tooltip", "getSize", "mx", "createColumnBuilder", "helper", "createColumnHelper", "builder", "ColumnBuilder", "ComboboxBuilderCell", "cellContext", "model", "onUpdate", "column", "columnDef", "meta", "React", "CellCombobox", "value", "getValue", "onValueChange", "row", "original", "id", "StringBuilderCell", "inputRef", "useRef", "initialValue", "setValue", "useState", "content", "handleSave", "handleCancel", "rows", "table", "getRowModel", "flatRows", "columns", "getVisibleFlatColumns", "placeholder", "index", "length", "Input", "Root", "TextInput", "ref", "variant", "undefined", "classNames", "textPadding", "onBlur", "onChange", "event", "target", "onKeyDown", "key", "parseNumber", "text", "trim", "Number", "NaN", "displayNumber", "digits", "toLocaleString", "minimumFractionDigits", "maximumFractionDigits", "NumberBuilderCell", "setText", "findPrevFocusable", "useFocusFinders", "useEffect", "document", "activeElement", "current", "handleEdit", "String", "nextValue", "isNaN", "focus", "_handleCancel", "onFocus", "RowSelectorBuilderCell", "cell", "checked", "getCanSelect", "getIsSelected", "getCanSelectSubRows", "getIsSomeSelected", "getIsAllSubRowsSelected", "Checkbox", "size", "onCheckedChange", "getToggleSelectedHandler", "disabled", "SwitchBuilderCell", "Switch", "onClick", "stopPropagation", "combobox", "label", "props", "minSize", "header", "cellValue", "div", "className", "mx", "getText", "string", "__typename", "number", "date", "format", "formatSpec", "relative", "str", "formatDistanceToNow", "addSuffix", "toISOString", "err", "console", "log", "tooltip", "element", "truncate", "Tooltip", "Provider", "Trigger", "Portal", "Content", "side", "Arrow", "ClipboardText", "ev", "navigator", "clipboard", "writeText", "toHex", "selectRow", "maxSize", "rowsSelectable", "useTableContext", "getIsSomeRowsSelected", "getIsAllRowsSelected", "toggleAllRowsSelected", "switch", "icon", "on", "off", "IconOn", "Icon", "Check", "IconOff", "X", "getSize"]
4
+ "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, useTranslation } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { safeParseInt } from '@dxos/util';\n\nimport { type TableDef, type ColumnProps, type ColumnType } from '../schema';\nimport { translationKey } from '../translations';\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 return (\n <div className='flex items-center gap-2'>\n <div className='flex-1 min-is-0 truncate' title={title}>\n {title}\n </div>\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 const { t } = useTranslation(translationKey);\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-1'>\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'>{t('column label 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'>{t('property key label')}</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'>{t('column type label')}</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 {(['number', 'boolean', 'string', 'ref'] as ColumnType[]).map((type) => (\n <Select.Option key={type} value={type}>\n {t(`${type} column type 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'>{t('digits label')}</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>{t('save label')}</span>\n <div className='grow' />\n <Check className={getSize(5)} />\n </Button>\n <Button classNames='is-full flex gap-2' onClick={handleCancel}>\n <span>{t('cancel label', { ns: 'os' })}</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>{t('delete label')}</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 const translationKey = 'table';\n\nexport default [\n {\n 'en-US': {\n [translationKey]: {\n 'no selection label': ' ',\n 'number column type label': 'Number',\n 'boolean column type label': 'Toggle',\n 'date column type label': 'Date',\n 'string column type label': 'Text',\n 'ref column type label': 'Reference',\n 'digits label': 'Decimal places',\n 'save label': 'Save',\n 'delete label': 'Delete',\n 'column label label': 'Label',\n 'property key label': 'Property',\n 'column type label': 'Type',\n },\n },\n },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport {\n getCoreRowModel,\n useReactTable,\n type ColumnSizingInfoState,\n type GroupingState,\n type RowData,\n type ColumnSizingState,\n type OnChangeFn,\n type RowSelectionState,\n getGroupedRowModel,\n} from '@tanstack/react-table';\nimport { useVirtualizer, type VirtualizerOptions } from '@tanstack/react-virtual';\nimport React, { Fragment, useCallback, useEffect, useState } from 'react';\n\nimport { debounce } from '@dxos/async';\nimport { log } from '@dxos/log';\n\nimport { TableBody } from './TableBody';\nimport { TableProvider as UntypedTableProvider, type TypedTableProvider, useTableContext } from './TableContext';\nimport { TableFooter } from './TableFooter';\nimport { TableHead } from './TableHead';\nimport { type TableProps } from './props';\nimport { groupTh, tableRoot } from '../../theme';\n\nexport const Table = <TData extends RowData>(props: TableProps<TData>) => {\n const {\n role,\n data = [],\n columns = [],\n onColumnResize,\n columnVisibility,\n header = true,\n rowsSelectable,\n debug,\n onDataSelectionChange,\n getScrollElement,\n } = props;\n\n const TableProvider = UntypedTableProvider as TypedTableProvider<TData>;\n\n //\n // Column resizing\n //\n\n const [columnSizing, setColumnSizing] = useState<ColumnSizingState>({});\n\n useEffect(() => {\n // Set initial state.\n setColumnSizing(\n columns\n .filter((column) => !!column.size && (column as any).prop !== undefined)\n .reduce<ColumnSizingState>((state, column) => {\n state[(column as any).prop] = column.size!;\n return state;\n }, {}),\n );\n }, [columns]);\n\n const [columnSizingInfo, setColumnSizingInfo] = useState<ColumnSizingInfoState>({} as ColumnSizingInfoState);\n\n const onColumnResizeDebounced = onColumnResize && debounce<ColumnSizingState>(onColumnResize, 1_000);\n useEffect(() => {\n if (columnSizingInfo.columnSizingStart?.length === 0) {\n onColumnResizeDebounced?.(table.getState().columnSizing);\n }\n }, [columnSizingInfo]);\n\n //\n // Row selection\n //\n\n const [rowSelection = {}, setRowSelection] = useControllableState({\n prop: props.rowSelection,\n onChange: props.onRowSelectionChange,\n defaultProp: props.defaultRowSelection,\n });\n\n useEffect(() => {\n onDataSelectionChange?.(Object.keys(rowSelection).map((id) => table.getRowModel().rowsById[id].original));\n }, [onDataSelectionChange, rowSelection]);\n\n // TODO(thure): Does @tanstack/react-table really need this intervention? It did seem necessary to enforce single-selection...\n const handleRowSelectionChange = useCallback<OnChangeFn<RowSelectionState>>(\n (updaterOrValue) => {\n const nextRowSelection = typeof updaterOrValue === 'function' ? updaterOrValue(rowSelection) : updaterOrValue;\n if (rowsSelectable === 'multi') {\n setRowSelection(nextRowSelection);\n } else if (rowsSelectable) {\n const nextRowSelectionKey = Object.keys(nextRowSelection).filter((id) => !rowSelection[id])[0];\n setRowSelection(nextRowSelectionKey ? { [nextRowSelectionKey]: true } : {});\n } else {\n setRowSelection({});\n }\n },\n [rowSelection, setRowSelection],\n );\n\n //\n // Row grouping\n //\n\n const [grouping, handleGroupingChange] = useState<GroupingState>(props.grouping ?? []);\n useEffect(() => handleGroupingChange(props.grouping ?? []), [props.grouping]);\n\n const table = useReactTable({\n // Data\n meta: {},\n data,\n\n // Columns\n columns,\n defaultColumn: {\n size: 256, // Required in order remove default width.\n maxSize: 1024,\n },\n\n // State\n state: {\n columnVisibility,\n columnSizing,\n columnSizingInfo,\n rowSelection,\n grouping,\n },\n\n // Resize columns\n columnResizeMode: 'onChange',\n enableColumnResizing: true,\n onColumnSizingChange: setColumnSizing,\n onColumnSizingInfoChange: setColumnSizingInfo,\n\n // Rows\n getCoreRowModel: getCoreRowModel(),\n\n // Grouping\n getGroupedRowModel: grouping.length > 1 ? getGroupedRowModel() : undefined,\n onGroupingChange: handleGroupingChange,\n\n // Selection\n ...(rowsSelectable === 'multi'\n ? { enableMultiRowSelection: true }\n : rowsSelectable\n ? { enableRowSelection: true }\n : {}),\n onRowSelectionChange: handleRowSelectionChange,\n\n // Debug\n debugTable: debug,\n });\n\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 if (!getScrollElement) {\n log.warn('Table: getScrollElement is not set. This is required for virtualized tables.');\n }\n\n return (\n <TableProvider\n {...props}\n table={table}\n header={header}\n expand={expand}\n isGrid={role === 'grid' || role === 'treegrid'}\n >\n <TableImpl<TData> debug={false} getScrollElement={getScrollElement} {...props} />\n </TableProvider>\n );\n};\n\n/**\n * Pure implementation of table outside of context set-up.\n */\nconst TableImpl = <TData extends RowData>(props: TableProps<TData>) => {\n const { debug, classNames, getScrollElement, role, footer, grouping, fullWidth } = props;\n const { table } = useTableContext<TData>('TableImpl');\n const { rows } = table.getRowModel();\n\n if (debug) {\n return (\n <pre className='font-mono text-xs text-neutral-500 m-1 p-2 ring'>\n <code>{JSON.stringify(table.getState(), undefined, 2)}</code>\n </pre>\n );\n }\n\n return (\n <table\n role={role}\n className={tableRoot(props, classNames)}\n {...(!fullWidth && { style: { width: table.getTotalSize() } })}\n >\n <TableHead />\n\n {grouping?.length !== 0 ? (\n getScrollElement ? (\n <VirtualizedTableContent getScrollElement={getScrollElement} />\n ) : (\n <TableBody rows={rows} />\n )\n ) : (\n <GroupedTableContent />\n )}\n\n {footer && <TableFooter />}\n </table>\n );\n};\n\nconst VirtualizedTableContent = ({\n getScrollElement,\n}: Pick<VirtualizerOptions<Element, Element>, 'getScrollElement'>) => {\n const {\n table: { getRowModel },\n } = useTableContext('VirtualizedTableContent');\n const rows = getRowModel().rows;\n\n const { getTotalSize, getVirtualItems } = useVirtualizer({\n getScrollElement,\n count: rows.length,\n overscan: 4,\n estimateSize: () => 33,\n });\n const virtualRows = getVirtualItems();\n const totalSize = getTotalSize();\n\n const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start || 0 : 0;\n const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end || 0) : 0;\n\n return (\n <>\n {paddingTop > 0 && (\n <tbody role='none'>\n <tr role='none'>\n <td style={{ height: `${paddingTop}px` }} role='none' />\n </tr>\n </tbody>\n )}\n <TableBody rows={virtualRows.map((virtualRow) => rows[virtualRow.index])} />\n {paddingBottom > 0 && (\n <tbody role='none'>\n <tr role='none'>\n <td style={{ height: `${paddingBottom}px` }} role='none' />\n </tr>\n </tbody>\n )}\n </>\n );\n};\n\nconst GroupedTableContent = () => {\n const {\n table: { getGroupedRowModel, getHeaderGroups, getState },\n debug,\n } = useTableContext('GroupedTableContent');\n return (\n <>\n {getGroupedRowModel().rows.map((row, i) => {\n return (\n <Fragment key={i}>\n {/* TODO(burdon): Customize group header renderer. */}\n <thead>\n <tr>\n {debug && <th />}\n <th\n // TODO(burdon): Calculate row span.\n colSpan={getHeaderGroups()[0].headers.length}\n className={groupTh({})}\n >\n {getState().grouping[0]}[{String(row.getGroupingValue(getState().grouping[0]))}]\n </th>\n </tr>\n </thead>\n <TableBody rows={row.subRows} />\n </Fragment>\n );\n })}\n </>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { flexRender, type Row, type RowData } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useTableContext } from './TableContext';\nimport { tbodyTr } from '../../theme';\nimport { Cell } from '../Cell/Cell';\n\nconst TABLE_BODY_NAME = 'TableBody';\n\ntype TableBodyProps<TData extends RowData> = {\n rows: Row<TData>[];\n};\n\nconst TableBody = <TData extends RowData>({ rows }: TableBodyProps<TData>) => {\n const { table, keyAccessor, currentDatum, debug, expand, isGrid, onDatumClick } =\n useTableContext<TData>(TABLE_BODY_NAME);\n const rowSelection = table.getState().rowSelection;\n const domAttributes = useArrowNavigationGroup({ axis: 'grid' });\n const canBeCurrent = !isGrid && !!onDatumClick;\n\n return (\n <tbody {...(isGrid && domAttributes)}>\n {rows.map((row) => {\n const isCurrent = currentDatum === row.original;\n const isSelected = rowSelection?.[row.id];\n return (\n <tr\n key={keyAccessor ? keyAccessor(row.original) : row.id}\n className={tbodyTr({ canBeCurrent })}\n {...(isCurrent && { 'aria-current': 'location' })}\n {...(isSelected && { 'aria-selected': 'true' })}\n {...(canBeCurrent && {\n tabIndex: 0,\n onClick: () => {\n onDatumClick(row.original);\n },\n onKeyUp: ({ key }) => {\n if (key === 'Enter' || key === ' ') {\n onDatumClick(row.original);\n }\n },\n })}\n >\n {debug && <td>{row.id}</td>}\n\n {row.getVisibleCells().map((cell) => {\n return (\n <Cell key={cell.id} cell={cell}>\n {flexRender(cell.column.columnDef.cell, { className: 'pli-2', ...cell.getContext() })}\n </Cell>\n );\n })}\n\n {expand && <td />}\n </tr>\n );\n })}\n </tbody>\n );\n};\n\nTableBody.displayName = TABLE_BODY_NAME;\n\nexport { TableBody };\n\nexport type { TableBodyProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport { type RowData } from '@tanstack/react-table';\nimport { type ReactNode } from 'react';\n\nimport { type TableContextValue } from './props';\n\nexport const TABLE_NAME = 'Table';\n\ntype CreateContextResult<TData extends RowData> = Readonly<\n [TypedTableProvider<unknown>, (consumerName: string) => TableContextValue<TData>]\n>;\n\nexport type TypedTableProvider<TData extends RowData> = {\n (props: TableContextValue<TData> & { children: ReactNode }): JSX.Element;\n displayName: string;\n};\n\nconst [TableProvider, useUntypedTableContext]: CreateContextResult<unknown> =\n createContext<TableContextValue<unknown>>(TABLE_NAME);\n\nexport const useTableContext = <TData extends RowData>(consumerName: string) =>\n useUntypedTableContext(consumerName) as TableContextValue<TData>;\n\nexport { TableProvider };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type CellContext } from '@tanstack/react-table';\n\nimport {\n modalSurface,\n fixedSurface,\n focusRing,\n ghostSelected,\n ghostSelectedCurrent,\n groupBorder,\n mx,\n} from '@dxos/react-ui-theme';\nimport { type ComponentFunction } from '@dxos/react-ui-types';\n\nimport { type TableContextValue, type TableFlags } from './components';\n\nexport const currentRow = '!bg-neutral-75 !dark:bg-neutral-850';\nexport const selectedRow = '!bg-primary-100 dark:!bg-primary-700';\nexport const flushPadding = 'pli-0 plb-0';\nexport const textPadding = 'pli-2 plb-0.5';\nexport const headPadding = 'pli-2 plb-1.5';\n\nexport const gridCellFocusRing = 'focus:z-[11] focus:outline outline-2 outline-primary-500 dark:outline-primary-400';\n\n//\n// table\n//\n\nexport type TableStyleProps = Partial<TableContextValue<any>>;\n\nexport const tableRoot: ComponentFunction<TableStyleProps> = ({ fullWidth }, ...etc) =>\n mx('table-fixed', fullWidth && 'is-full', ...etc);\n\nexport const groupTh: ComponentFunction<TableStyleProps> = (_props, ...etc) =>\n mx('text-start font-medium', flushPadding, ...etc);\n\n//\n// thead\n//\n\nexport type TheadStyleProps = Partial<TableFlags>;\n\nexport const theadRoot: ComponentFunction<TheadStyleProps> = ({ header, stickyHeader }, ...etc) =>\n mx(header ? stickyHeader && 'sticky block-start-[--sticky-top] z-[1]' : 'collapse', header && fixedSurface, ...etc);\n\nexport const theadTr: ComponentFunction<TheadStyleProps> = (_props, ...etc) => mx('group', ...etc);\n\nexport const theadTh: ComponentFunction<TheadStyleProps> = ({ border }, ...etc) =>\n mx(\n 'relative text-start font-medium select-none truncate',\n headPadding,\n border && 'border',\n border && groupBorder,\n ...etc,\n );\n\nexport const theadResizeRoot: ComponentFunction<TheadStyleProps> = (_props, ...etc) =>\n mx(\n 'absolute top-0 pis-1 h-full z-[10] w-[7px] -right-[5px] cursor-col-resize select-none touch-none opacity-20 hover:opacity-100',\n ...etc,\n );\n\nexport const theadResizeThumb: ComponentFunction<TheadStyleProps> = (_props, ...etc) =>\n mx('flex group-hover:bg-neutral-700 -ml-[2px] w-[1px] h-full', ...etc);\n\n//\n// tbody\n//\n\nexport type TbodyStyleProps = Partial<TableContextValue<any>>;\nexport const tbodyRoot: ComponentFunction<TbodyStyleProps> = (_props, ...etc) => mx(...etc);\n\nexport type TbodyTrStyleProps = Partial<{ canBeCurrent?: boolean }>;\nexport const tbodyTr: ComponentFunction<TbodyTrStyleProps> = ({ canBeCurrent }, ...etc) =>\n mx(\n 'group',\n canBeCurrent ? ghostSelectedCurrent : ghostSelected,\n canBeCurrent && focusRing,\n canBeCurrent && 'cursor-pointer rounded',\n ...etc,\n );\n\n//\n// td, th\n//\n\nexport const tdRoot: ComponentFunction<TbodyStyleProps> = ({ border, isGrid }, ...etc) =>\n mx('relative', flushPadding, border && 'border', border && groupBorder, isGrid && gridCellFocusRing, ...etc);\nexport const tdContent: ComponentFunction<CellContext<any, any>> = (_props, ...etc) => mx(...etc);\n\n//\n// tfoot\n//\n\nexport type TfootStyleProps = Partial<TableContextValue<any>>;\n\nexport const tfootRoot: ComponentFunction<TfootStyleProps> = (_props, ...etc) =>\n mx('sticky block-end-0 z-10', modalSurface, ...etc);\n\nexport const tfootTr: ComponentFunction<TfootStyleProps> = (_props, ...etc) => mx(...etc);\n\nexport const tfootTh: ComponentFunction<TfootStyleProps> = ({ border }, ...etc) =>\n mx(textPadding, modalSurface, border && groupBorder, ...etc);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { type Cell as CellType, type RowData } from '@tanstack/react-table';\nimport React, { type PropsWithChildren } from 'react';\n\nimport { tdRoot } from '../../theme';\nimport { useTableContext } from '../Table/TableContext';\n\ntype CellProps<TData extends RowData, TValue> = PropsWithChildren<{\n cell: CellType<TData, TValue>;\n}>;\n\nconst CELL_NAME = 'Cell';\n\nconst FocusableCell = <TData extends RowData, TValue>({ cell, children }: CellProps<TData, TValue>) => {\n const tableContext = useTableContext(CELL_NAME);\n const domAttributes = useFocusableGroup({ tabBehavior: 'limited' });\n return (\n <td tabIndex={0} {...domAttributes} className={tdRoot(tableContext, cell.column.columnDef.meta?.cell?.classNames)}>\n {children}\n </td>\n );\n};\n\nconst StaticCell = <TData extends RowData, TValue>({ cell, children }: CellProps<TData, TValue>) => {\n const tableContext = useTableContext(CELL_NAME);\n return <td className={tdRoot(tableContext, cell.column.columnDef.meta?.cell?.classNames)}>{children}</td>;\n};\n\nconst Cell = <TData extends RowData, TValue>({ cell, children }: CellProps<TData, TValue>) => {\n const { isGrid } = useTableContext(CELL_NAME);\n const Root = isGrid ? FocusableCell : StaticCell;\n return <Root cell={cell}>{children}</Root>;\n};\n\nCell.displayName = CELL_NAME;\n\nexport { Cell };\n\nexport type { CellProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { flexRender, type RowData } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useTableContext } from './TableContext';\nimport { tfootRoot, tfootTr, tfootTh } from '../../theme';\n\ntype TableFooterProps = {};\n\nconst TABLE_FOOT_NAME = 'TableFooter';\n\nconst TableFooter = <TData extends RowData>(props: TableFooterProps) => {\n const tableContext = useTableContext<TData>(TABLE_FOOT_NAME);\n const { table, expand, debug } = tableContext;\n const footers = table.getFooterGroups();\n\n return (\n <tfoot className={tfootRoot(props)}>\n {footers.map((footerGroup) => (\n <tr key={footerGroup.id} className={tfootTr(tableContext)}>\n {debug && <th />}\n\n {footerGroup.headers.map((footer) => {\n return (\n <th key={footer.id} className={tfootTh(tableContext, footer.column.columnDef.meta?.footer?.classNames)}>\n {footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext())}\n </th>\n );\n })}\n\n {expand && <th />}\n </tr>\n ))}\n </tfoot>\n );\n};\n\nTableFooter.displayName = TABLE_FOOT_NAME;\n\nexport { TableFooter };\n\nexport type { TableFooterProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { flexRender, type RowData } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useTableContext } from './TableContext';\nimport { theadResizeRoot, theadResizeThumb, theadRoot, theadTh, theadTr } from '../../theme';\n\nconst TABLE_HEAD_NAME = 'TableHeader';\n\ntype TableHeadProps = {};\n\nconst TableHead = <TData extends RowData>(_props: TableHeadProps) => {\n const tableContext = useTableContext<TData>(TABLE_HEAD_NAME);\n const headerGroups = tableContext.table.getHeaderGroups();\n const state = tableContext.table.getState();\n\n return (\n <thead className={theadRoot(tableContext)}>\n {headerGroups.map((headerGroup) => {\n return (\n // Group element to hover resize handles.\n <tr key={headerGroup.id} className={theadTr(tableContext)}>\n {/* TODO(burdon): Calc. width. */}\n {tableContext.debug && (\n <th className='font-mono' style={{ width: 32 }}>\n #\n </th>\n )}\n\n {headerGroup.headers.map((header) => {\n const isResizing = header.column.getIsResizing();\n return (\n <th\n key={header.id}\n style={{\n width: header.getSize(),\n }}\n className={theadTh(tableContext, header.column.columnDef.meta?.header?.classNames)}\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={theadResizeRoot(tableContext, isResizing && 'hidden')}\n style={{\n transform: `translateX(${isResizing ? state.columnSizingInfo.deltaOffset : 0}px)`,\n }}\n onMouseDown={header.getResizeHandler()}\n onTouchStart={header.getResizeHandler()}\n >\n <div className={mx(theadResizeThumb(tableContext))} />\n </div>\n )}\n </th>\n );\n })}\n\n {tableContext.expand && <th />}\n </tr>\n );\n })}\n </thead>\n );\n};\n\nTableHead.displayName = TABLE_HEAD_NAME;\n\nexport { TableHead };\n\nexport type { TableHeadProps };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { CaretDown } from '@phosphor-icons/react';\nimport { type RowData } from '@tanstack/react-table';\nimport React, { useCallback, useState } from 'react';\n\nimport { Popover, useTranslation } from '@dxos/react-ui';\nimport { PopoverCombobox } from '@dxos/react-ui-searchlist';\nimport { descriptionText, getSize, mx, staticPlaceholderText } from '@dxos/react-ui-theme';\n\nimport { type SearchListQueryModel } from '../../helpers';\nimport { translationKey } from '../../translations';\n\nexport type ComboboxCellItems<TData extends RowData> = Record<string, { label: string; data: TData }>;\n\nconst initialItems = <TData extends RowData>(model: SearchListQueryModel<TData>, value?: TData) =>\n value\n ? {\n [model.getId(value)]: { label: model.getText(value), data: value },\n }\n : {};\n\nexport const CellCombobox = <TData extends RowData>({\n model,\n value,\n onValueChange,\n}: {\n model: SearchListQueryModel<TData>;\n value: TData;\n onValueChange: (value: TData) => void;\n}) => {\n const { t } = useTranslation(translationKey);\n const [items, setItems] = useState<ComboboxCellItems<TData>>(initialItems(model, value));\n const [loading, setLoading] = useState(false);\n const [searchInputValue, setSearchInputValue] = useState('');\n const handleSearchInputValueChange = async (text?: string) => {\n setSearchInputValue(text ?? '');\n setLoading(true);\n const items = await model.query(text);\n setItems(\n items.reduce(\n (acc: ComboboxCellItems<TData>, item) => {\n acc[model.getId(item)] = {\n label: model.getText(item),\n data: item,\n };\n return acc;\n },\n initialItems(model, value),\n ),\n );\n setLoading(false);\n };\n\n const handleValueChange = useCallback(\n (id: string) => {\n onValueChange(items[id]?.data);\n },\n [items, onValueChange],\n );\n\n return (\n <PopoverCombobox.Root placeholder={t('no selection label')}>\n <PopoverCombobox.Trigger variant='ghost' classNames='is-full rounded-none ring-inset'>\n {value ? (\n <>\n <span\n className={mx(\n 'font-normal text-start text-base flex-1 min-is-0 truncate mie-2',\n !value && staticPlaceholderText,\n )}\n >\n {model.getText(value)}\n </span>\n <CaretDown weight='bold' className={getSize(3)} />\n </>\n ) : null}\n </PopoverCombobox.Trigger>\n <PopoverCombobox.Content shouldFilter={false} classNames='is-[--radix-popover-trigger-width]'>\n <PopoverCombobox.Input value={searchInputValue} onValueChange={handleSearchInputValueChange} />\n <PopoverCombobox.List>\n {searchInputValue.length < 1 ? (\n <p className={mx('text-center', descriptionText)}>Start typing to search</p>\n ) : loading ? (\n <p className={mx('text-center', descriptionText)}>Searching…</p>\n ) : (\n <>\n <PopoverCombobox.Empty classNames={['text-center', descriptionText]}>No results</PopoverCombobox.Empty>\n {Object.entries(items).map(([id, { label }]) => (\n <PopoverCombobox.Item key={id} value={id} onSelect={handleValueChange} classNames='truncate'>\n {label}\n </PopoverCombobox.Item>\n ))}\n </>\n )}\n </PopoverCombobox.List>\n <Popover.Arrow />\n </PopoverCombobox.Content>\n </PopoverCombobox.Root>\n );\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 {\n createColumnHelper,\n type ColumnDef,\n type ColumnMeta,\n type RowData,\n type ColumnHelper,\n type CellContext,\n} from '@tanstack/react-table';\nimport { format } from 'date-fns/format';\nimport { formatDistanceToNow } from 'date-fns/formatDistanceToNow';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { type PublicKey } from '@dxos/keys';\nimport { log } from '@dxos/log';\nimport { type ClassNameValue, Input, Tooltip } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nimport { CellCombobox } from './components';\nimport { useTableContext } from './components/Table/TableContext';\nimport { textPadding } from './theme';\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// TODO(thure): This interface is redundant, e.g. `classNames` == `meta.cell.classNames`\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 classNames?: ClassNameValue;\n onUpdate?: ValueUpdater<TData, TValue | undefined>;\n};\n\n// TODO(burdon): Better abstraction?\nexport type SearchListQueryModel<TData extends RowData> = {\n getId(object: TData): string;\n getText(object: TData): string;\n query(text?: string): Promise<TData[]>;\n};\n\nexport type ComboboxColumnOptions<TData extends RowData> = BaseColumnOptions<TData, any> & {\n model: SearchListQueryModel<TData>;\n};\n\nexport type StringColumnOptions<TData extends RowData> = BaseColumnOptions<TData, string> & {};\nexport type SelectRowColumnOptions<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 SwitchColumnOptions<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 ComboboxBuilderCell = <TData extends RowData>(cellContext: CellContext<TData, TData>) => {\n const { model, onUpdate } = cellContext.column.columnDef.meta as ColumnMeta<TData, TData>;\n return model ? (\n <CellCombobox<TData>\n model={model}\n value={cellContext.getValue()}\n onValueChange={(value) => onUpdate?.(cellContext.row.original, cellContext.column.id, value)}\n />\n ) : null;\n};\n\nconst StringBuilderCell = <TData extends RowData>(cellContext: CellContext<TData, string>) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const { onUpdate } = cellContext.column.columnDef.meta as ColumnMeta<TData, string>;\n // https://tanstack.com/table/v8/docs/examples/react/editable-data\n const initialValue = cellContext.getValue();\n const [value, setValue] = useState(() => {\n // TODO(burdon): Temporary shim for automerge.\n if ((initialValue as any)?.content) {\n return (initialValue as any)?.content;\n }\n\n return initialValue;\n });\n\n const handleSave = () => {\n if (value === initialValue) {\n return;\n }\n\n onUpdate?.(cellContext.row.original, cellContext.column.id, value);\n };\n\n const handleCancel = () => {\n setValue(initialValue);\n };\n\n // Check if first input column of last row.\n const rows = cellContext.table.getRowModel().flatRows;\n const columns = cellContext.table.getVisibleFlatColumns();\n const placeholder = cellContext.row.index === rows.length - 1 && columns[0].id === cellContext.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={['is-full', textPadding]}\n value={value ?? ''}\n onBlur={() => handleSave()}\n onChange={(event) => setValue(event.target.value)}\n onKeyDown={(event) => (event.key === 'Enter' && handleSave()) || (event.key === 'Escape' && handleCancel())}\n />\n </Input.Root>\n );\n};\n\nconst parseNumber = (text?: string) => (text?.trim().length ? Number(text) : NaN);\n\nconst displayNumber = (value?: number, digits?: number) =>\n value || value === 0\n ? value.toLocaleString(undefined, {\n minimumFractionDigits: digits ?? 0,\n maximumFractionDigits: digits ?? 2,\n })\n : '';\n\nconst NumberBuilderCell = <TData extends RowData>(cellContext: CellContext<TData, number>) => {\n const { onUpdate, digits } = cellContext.column.columnDef.meta as ColumnMeta<TData, string>;\n const value = cellContext.getValue();\n const [text, setText] = useState<string>(displayNumber(value, digits));\n const { findPrevFocusable } = useFocusFinders();\n const ref = useRef<HTMLInputElement | null>(null);\n\n // Update display value if `digits` changes and input is not in focus.\n useEffect(() => {\n (!document.activeElement || document.activeElement !== ref.current) && setText(displayNumber(value, digits));\n }, [digits, value]);\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 nextValue = parseNumber(text);\n onUpdate?.(cellContext.row.original, cellContext.column.id, isNaN(nextValue) ? undefined : nextValue);\n setText(displayNumber(nextValue, digits));\n // Shift focus only if input is focused on save (e.g. on `Enter`).\n ref.current && document.activeElement === ref.current && findPrevFocusable(ref.current)?.focus();\n };\n\n const _handleCancel = () => {\n setText(displayNumber(value, digits));\n ref.current && findPrevFocusable(ref.current)?.focus();\n };\n\n return (\n <Input.Root>\n <Input.TextInput\n ref={ref}\n variant='subdued'\n value={text}\n classNames={['is-full text-end font-mono', textPadding]}\n onBlur={handleSave}\n onFocus={handleEdit}\n onChange={({ target: { value } }) => setText(value)}\n onKeyDown={(event) => {\n // TODO(thure): `Escape` is reserved for blurring the input and moving focus to the cell\n return /* (event.key === 'Escape' && handleCancel()) || */ event.key === 'Enter' && handleSave();\n }}\n />\n </Input.Root>\n );\n};\n\nconst RowSelectorBuilderCell = <TData extends RowData>(cellContext: CellContext<TData, unknown>) => {\n const { cell } = cellContext.column.columnDef.meta as ColumnMeta<TData, unknown>;\n const { row } = cellContext;\n\n const checked = row.getCanSelect()\n ? row.getIsSelected()\n : row.getCanSelectSubRows() && (row.getIsSomeSelected() ? 'indeterminate' : row.getIsAllSubRowsSelected());\n return (\n <Input.Root>\n <Input.Checkbox\n size={4}\n classNames={['mli-auto', cell?.classNames]}\n checked={checked}\n onCheckedChange={(event) => {\n if (row.getCanSelect()) {\n row.getToggleSelectedHandler()(event);\n }\n }}\n disabled={!(row.getCanSelect() || row.getCanSelectSubRows())}\n />\n </Input.Root>\n );\n};\n\nconst SwitchBuilderCell = <TData extends RowData>(cellContext: CellContext<TData, boolean>) => {\n const { onUpdate } = cellContext.column.columnDef.meta as ColumnMeta<TData, boolean>;\n const value = cellContext.getValue();\n return (\n <Input.Root>\n <Input.Switch\n classNames='block mli-auto'\n onClick={(event) => event.stopPropagation()}\n disabled={!onUpdate}\n checked={!!value}\n onCheckedChange={(value) => {\n onUpdate?.(cellContext.row.original, cellContext.column.id, !!value);\n }}\n />\n </Input.Root>\n );\n};\n\n/**\n * Util to create column definitions.\n */\nexport class ColumnBuilder<TData extends RowData> {\n /**\n * Combobox value\n */\n combobox({\n label,\n classNames,\n model,\n onUpdate,\n ...props\n }: ComboboxColumnOptions<TData>): Partial<ColumnDef<TData, any>> {\n return {\n minSize: 100,\n header: (column) => {\n return label ?? column.header.id;\n },\n cell:\n model && onUpdate\n ? ComboboxBuilderCell\n : (cellContext) => {\n const cellValue = cellContext.getValue();\n return <div className={mx('truncate', classNames)}>{cellValue ? model?.getText(cellValue) : ''}</div>;\n },\n ...props,\n meta: {\n ...props.meta,\n model,\n onUpdate,\n cell: { classNames, ...props.meta?.cell },\n },\n };\n }\n\n /**\n * String formats.\n */\n string({ label, classNames, onUpdate, ...props }: StringColumnOptions<TData> = {}): Partial<\n ColumnDef<TData, string>\n > {\n return {\n minSize: 100,\n // TODO(burdon): Default.\n header: (column) => {\n return label ?? column.header.id;\n },\n cell: onUpdate\n ? StringBuilderCell\n : (cell) => {\n let value = cell.getValue();\n // TODO(burdon): Hack to support automerge.\n if (typeof value === 'object' && (value as any)?.__typename === 'dxos.Text.v0') {\n value = (value as any).content;\n }\n\n return <div className={mx('truncate', textPadding, classNames)}>{value}</div>;\n },\n ...props,\n meta: {\n ...props.meta,\n onUpdate,\n cell: { ...props.meta?.cell, classNames },\n },\n };\n }\n\n /**\n * Number formats.\n */\n number({ label, minSize, classNames, digits, onUpdate, ...props }: NumberColumnOptions<TData> = {}): Partial<\n ColumnDef<TData, number>\n > {\n return {\n size: 100,\n minSize: 100,\n header: (cell) => label ?? cell.header.id,\n cell: NumberBuilderCell,\n ...props,\n meta: {\n ...props.meta,\n onUpdate,\n digits,\n header: { classNames: 'text-end', ...props.meta?.header },\n cell: { ...props.meta?.cell, classNames },\n },\n };\n }\n\n /**\n * Date formats.\n */\n // TODO(burdon): Date picker (pluggable renderers?)\n date({ label, format: formatSpec, relative, classNames, ...props }: DateColumnOptions<TData> = {}): Partial<\n ColumnDef<TData, Date>\n > {\n return {\n size: 220, // TODO(burdon): Depends on format.\n minSize: 100,\n header: (cell) => label ?? cell.header.id,\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(textPadding, classNames)}>{str}</div>;\n } catch (err) {\n log.info('formatError', { value });\n return null;\n }\n },\n ...props,\n meta: { ...props.meta, cell: { ...props.meta?.cell, classNames } },\n };\n }\n\n /**\n * PublicKey with tooltip.\n */\n key({ label, tooltip, classNames, ...props }: KeyColumnOptions<TData> = {}): Partial<ColumnDef<TData, PublicKey>> {\n return {\n size: 94,\n minSize: 94,\n header: (cell) => label ?? cell.header.id,\n cell: (cell) => {\n const value = cell.getValue();\n if (!value) {\n return;\n }\n\n // TODO(burdon): Factor out styles.\n const element = value.truncate();\n if (!tooltip) {\n return element;\n }\n\n return (\n <Tooltip.Provider>\n <Tooltip.Root>\n <Tooltip.Trigger>{element}</Tooltip.Trigger>\n <Tooltip.Portal>\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.Portal>\n </Tooltip.Root>\n </Tooltip.Provider>\n );\n },\n ...props,\n meta: { ...props.meta, cell: { ...props.meta?.cell, classNames: ['font-mono', textPadding, classNames] } },\n };\n }\n\n /**\n * Row selector\n */\n selectRow({ classNames, onUpdate, id = 'selectRow' }: SelectRowColumnOptions<TData> = {}): Parameters<\n ColumnHelper<TData>['display']\n >[0] {\n return {\n id,\n size: 32,\n minSize: 32,\n maxSize: 32,\n meta: { onUpdate, cell: { classNames } },\n header: ({ table }) => {\n const { rowsSelectable } = useTableContext('HELPER_SELECT_ROW_HEADER_CELL');\n const checked = table.getIsSomeRowsSelected() ? 'indeterminate' : table.getIsAllRowsSelected();\n return rowsSelectable === 'multi' ? (\n <Input.Root>\n <Input.Checkbox\n size={4}\n classNames={['mli-auto', classNames]}\n checked={checked}\n onCheckedChange={() => table.toggleAllRowsSelected()}\n />\n </Input.Root>\n ) : null;\n },\n cell: RowSelectorBuilderCell,\n };\n }\n\n /**\n * Switch\n */\n switch({ label, classNames, onUpdate, ...props }: SwitchColumnOptions<TData> = {}): Partial<\n ColumnDef<TData, boolean>\n > {\n return {\n size: 50,\n minSize: 50,\n header: (column) => label ?? column.header.id,\n cell: SwitchBuilderCell,\n ...props,\n meta: { ...props.meta, onUpdate, cell: { ...props.meta?.cell, classNames: [textPadding, classNames] } },\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 {\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 <IconOn className={mx('block mli-auto', getSize(6), on?.className ?? 'text-green-700')} />;\n } else if (value === false) {\n return <IconOff className={mx('block mli-auto', getSize(6), off?.className ?? 'text-red-700')} />;\n } else {\n return null;\n }\n },\n ...props,\n };\n }\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["Check", "CaretDown", "Trash", "X", "React", "useRef", "useState", "Button", "DensityProvider", "Input", "Popover", "Select", "Separator", "useTranslation", "getSize", "mx", "safeParseInt", "translationKey", "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", "t", "useTranslation", "translationKey", "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", "map", "Option", "key", "filter", "name", "Separator", "onClick", "span", "Check", "ns", "X", "Trash", "Arrow", "useControllableState", "getCoreRowModel", "useReactTable", "getGroupedRowModel", "useVirtualizer", "React", "Fragment", "useCallback", "useEffect", "useState", "debounce", "log", "useArrowNavigationGroup", "flexRender", "React", "createContext", "TABLE_NAME", "TableProvider", "useUntypedTableContext", "createContext", "useTableContext", "consumerName", "modalSurface", "fixedSurface", "focusRing", "ghostSelected", "ghostSelectedCurrent", "groupBorder", "mx", "currentRow", "selectedRow", "flushPadding", "textPadding", "headPadding", "gridCellFocusRing", "tableRoot", "fullWidth", "etc", "mx", "groupTh", "_props", "theadRoot", "header", "stickyHeader", "fixedSurface", "theadTr", "theadTh", "border", "groupBorder", "theadResizeRoot", "theadResizeThumb", "tbodyRoot", "tbodyTr", "canBeCurrent", "ghostSelectedCurrent", "ghostSelected", "focusRing", "tdRoot", "isGrid", "tdContent", "tfootRoot", "modalSurface", "tfootTr", "tfootTh", "useFocusableGroup", "React", "CELL_NAME", "FocusableCell", "cell", "children", "tableContext", "useTableContext", "domAttributes", "useFocusableGroup", "tabBehavior", "React", "td", "tabIndex", "className", "tdRoot", "column", "columnDef", "meta", "classNames", "StaticCell", "Cell", "isGrid", "Root", "displayName", "TABLE_BODY_NAME", "TableBody", "rows", "table", "keyAccessor", "currentDatum", "debug", "expand", "isGrid", "onDatumClick", "useTableContext", "rowSelection", "getState", "domAttributes", "useArrowNavigationGroup", "axis", "canBeCurrent", "React", "tbody", "map", "row", "isCurrent", "original", "isSelected", "id", "tr", "key", "className", "tbodyTr", "tabIndex", "onClick", "onKeyUp", "td", "getVisibleCells", "cell", "Cell", "flexRender", "column", "columnDef", "getContext", "displayName", "flexRender", "React", "TABLE_FOOT_NAME", "TableFooter", "props", "tableContext", "useTableContext", "table", "expand", "debug", "footers", "getFooterGroups", "React", "tfoot", "className", "tfootRoot", "map", "footerGroup", "tr", "key", "id", "tfootTr", "th", "headers", "footer", "tfootTh", "column", "columnDef", "meta", "classNames", "isPlaceholder", "flexRender", "getContext", "displayName", "flexRender", "React", "mx", "TABLE_HEAD_NAME", "TableHead", "_props", "tableContext", "useTableContext", "headerGroups", "table", "getHeaderGroups", "state", "getState", "React", "thead", "className", "theadRoot", "map", "headerGroup", "tr", "key", "id", "theadTr", "debug", "th", "style", "width", "headers", "header", "isResizing", "column", "getIsResizing", "getSize", "theadTh", "columnDef", "meta", "classNames", "isPlaceholder", "flexRender", "getContext", "resizable", "div", "theadResizeRoot", "transform", "columnSizingInfo", "deltaOffset", "onMouseDown", "getResizeHandler", "onTouchStart", "mx", "theadResizeThumb", "expand", "displayName", "Table", "props", "role", "data", "columns", "onColumnResize", "columnVisibility", "header", "rowsSelectable", "debug", "onDataSelectionChange", "getScrollElement", "TableProvider", "UntypedTableProvider", "columnSizing", "setColumnSizing", "useState", "useEffect", "filter", "column", "size", "prop", "undefined", "reduce", "state", "columnSizingInfo", "setColumnSizingInfo", "onColumnResizeDebounced", "debounce", "columnSizingStart", "length", "table", "getState", "rowSelection", "setRowSelection", "useControllableState", "onChange", "onRowSelectionChange", "defaultProp", "defaultRowSelection", "Object", "keys", "map", "id", "getRowModel", "rowsById", "original", "handleRowSelectionChange", "useCallback", "updaterOrValue", "nextRowSelection", "nextRowSelectionKey", "grouping", "handleGroupingChange", "useReactTable", "meta", "defaultColumn", "maxSize", "columnResizeMode", "enableColumnResizing", "onColumnSizingChange", "onColumnSizingInfoChange", "getCoreRowModel", "getGroupedRowModel", "onGroupingChange", "enableMultiRowSelection", "enableRowSelection", "debugTable", "expand", "log", "warn", "React", "isGrid", "TableImpl", "classNames", "footer", "fullWidth", "useTableContext", "rows", "pre", "className", "code", "JSON", "stringify", "tableRoot", "style", "width", "getTotalSize", "TableHead", "VirtualizedTableContent", "TableBody", "GroupedTableContent", "TableFooter", "getVirtualItems", "useVirtualizer", "count", "overscan", "estimateSize", "virtualRows", "totalSize", "paddingTop", "start", "paddingBottom", "end", "tbody", "tr", "td", "height", "virtualRow", "index", "getHeaderGroups", "row", "i", "Fragment", "key", "thead", "th", "colSpan", "headers", "groupTh", "String", "getGroupingValue", "subRows", "CaretDown", "React", "useCallback", "useState", "Popover", "useTranslation", "PopoverCombobox", "descriptionText", "getSize", "mx", "staticPlaceholderText", "initialItems", "model", "value", "getId", "label", "getText", "data", "CellCombobox", "onValueChange", "t", "useTranslation", "translationKey", "items", "setItems", "useState", "loading", "setLoading", "searchInputValue", "setSearchInputValue", "handleSearchInputValueChange", "text", "query", "reduce", "acc", "item", "handleValueChange", "useCallback", "id", "React", "PopoverCombobox", "Root", "placeholder", "Trigger", "variant", "classNames", "span", "className", "mx", "staticPlaceholderText", "CaretDown", "weight", "getSize", "Content", "shouldFilter", "Input", "List", "length", "p", "descriptionText", "Empty", "Object", "entries", "map", "Item", "key", "onSelect", "Popover", "Arrow", "useFocusFinders", "Check", "ClipboardText", "X", "createColumnHelper", "format", "formatDistanceToNow", "React", "useEffect", "useRef", "useState", "log", "Input", "Tooltip", "getSize", "mx", "createColumnBuilder", "helper", "createColumnHelper", "builder", "ColumnBuilder", "ComboboxBuilderCell", "cellContext", "model", "onUpdate", "column", "columnDef", "meta", "React", "CellCombobox", "value", "getValue", "onValueChange", "row", "original", "id", "StringBuilderCell", "inputRef", "useRef", "initialValue", "setValue", "useState", "content", "handleSave", "handleCancel", "rows", "table", "getRowModel", "flatRows", "columns", "getVisibleFlatColumns", "placeholder", "index", "length", "Input", "Root", "TextInput", "ref", "variant", "undefined", "classNames", "textPadding", "onBlur", "onChange", "event", "target", "onKeyDown", "key", "parseNumber", "text", "trim", "Number", "NaN", "displayNumber", "digits", "toLocaleString", "minimumFractionDigits", "maximumFractionDigits", "NumberBuilderCell", "setText", "findPrevFocusable", "useFocusFinders", "useEffect", "document", "activeElement", "current", "handleEdit", "String", "nextValue", "isNaN", "focus", "_handleCancel", "onFocus", "RowSelectorBuilderCell", "cell", "checked", "getCanSelect", "getIsSelected", "getCanSelectSubRows", "getIsSomeSelected", "getIsAllSubRowsSelected", "Checkbox", "size", "onCheckedChange", "getToggleSelectedHandler", "disabled", "SwitchBuilderCell", "Switch", "onClick", "stopPropagation", "combobox", "label", "props", "minSize", "header", "cellValue", "div", "className", "mx", "getText", "string", "__typename", "number", "date", "format", "formatSpec", "relative", "str", "formatDistanceToNow", "addSuffix", "toISOString", "err", "log", "info", "tooltip", "element", "truncate", "Tooltip", "Provider", "Trigger", "Portal", "Content", "side", "Arrow", "ClipboardText", "ev", "navigator", "clipboard", "writeText", "toHex", "selectRow", "maxSize", "rowsSelectable", "useTableContext", "getIsSomeRowsSelected", "getIsAllRowsSelected", "toggleAllRowsSelected", "switch", "icon", "on", "off", "IconOn", "Icon", "Check", "IconOff", "X", "getSize"]
7
7
  }
@@ -1 +1 @@
1
- {"inputs":{"packages/ui/react-ui-table/src/translations.ts":{"bytes":2343,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/components/ColumnMenu.tsx":{"bytes":29348,"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/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableContext.tsx":{"bytes":2237,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/theme.ts":{"bytes":9796,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/Cell.tsx":{"bytes":4832,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"../Table/TableContext"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableBody.tsx":{"bytes":7765,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"},{"path":"packages/ui/react-ui-table/src/components/Cell/Cell.tsx","kind":"import-statement","original":"../Cell/Cell"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableFooter.tsx":{"bytes":4745,"imports":[{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableHead.tsx":{"bytes":8774,"imports":[{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/Table.tsx":{"bytes":27801,"imports":[{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"@tanstack/react-virtual","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableBody.tsx","kind":"import-statement","original":"./TableBody"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/components/Table/TableFooter.tsx","kind":"import-statement","original":"./TableFooter"},{"path":"packages/ui/react-ui-table/src/components/Table/TableHead.tsx","kind":"import-statement","original":"./TableHead"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/props.ts":{"bytes":3059,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/index.ts":{"bytes":557,"imports":[{"path":"packages/ui/react-ui-table/src/components/Table/Table.tsx","kind":"import-statement","original":"./Table"},{"path":"packages/ui/react-ui-table/src/components/Table/props.ts","kind":"import-statement","original":"./props"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx":{"bytes":11696,"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-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/index.ts":{"bytes":494,"imports":[{"path":"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx","kind":"import-statement","original":"./CellCombobox"}],"format":"esm"},"packages/ui/react-ui-table/src/components/index.ts":{"bytes":644,"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/index.ts","kind":"import-statement","original":"./Table"},{"path":"packages/ui/react-ui-table/src/components/Cell/index.ts","kind":"import-statement","original":"./Cell"}],"format":"esm"},"packages/ui/react-ui-table/src/helpers.tsx":{"bytes":49198,"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":"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":"packages/ui/react-ui-table/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./components/Table/TableContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"},"packages/ui/react-ui-table/src/schema.ts":{"bytes":1111,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/types.ts":{"bytes":1830,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/index.ts":{"bytes":1017,"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/translations.ts","kind":"import-statement","original":"./translations"},{"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":84287},"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":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"@tanstack/react-virtual","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","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":"react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"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-searchlist","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":"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}],"exports":["CellCombobox","ColumnBuilder","ColumnMenu","ColumnPanel","Table","createColumnBuilder","currentRow","flushPadding","gridCellFocusRing","groupTh","headPadding","selectedRow","tableRoot","tbodyRoot","tbodyTr","tdContent","tdRoot","textPadding","tfootRoot","tfootTh","tfootTr","theadResizeRoot","theadResizeThumb","theadRoot","theadTh","theadTr","translations"],"entryPoint":"packages/ui/react-ui-table/src/index.ts","inputs":{"packages/ui/react-ui-table/src/components/ColumnMenu.tsx":{"bytesInOutput":7835},"packages/ui/react-ui-table/src/translations.ts":{"bytesInOutput":611},"packages/ui/react-ui-table/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Table/Table.tsx":{"bytesInOutput":6824},"packages/ui/react-ui-table/src/components/Table/TableBody.tsx":{"bytesInOutput":1733},"packages/ui/react-ui-table/src/components/Table/TableContext.tsx":{"bytesInOutput":234},"packages/ui/react-ui-table/src/theme.ts":{"bytesInOutput":2019},"packages/ui/react-ui-table/src/components/Cell/Cell.tsx":{"bytesInOutput":980},"packages/ui/react-ui-table/src/components/Table/TableFooter.tsx":{"bytesInOutput":1030},"packages/ui/react-ui-table/src/components/Table/TableHead.tsx":{"bytesInOutput":1987},"packages/ui/react-ui-table/src/components/Table/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx":{"bytesInOutput":3110},"packages/ui/react-ui-table/src/components/Cell/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/helpers.tsx":{"bytesInOutput":11753}},"bytes":39422}}}
1
+ {"inputs":{"packages/ui/react-ui-table/src/translations.ts":{"bytes":2343,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/components/ColumnMenu.tsx":{"bytes":29348,"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/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableContext.tsx":{"bytes":2237,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/theme.ts":{"bytes":9796,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/Cell.tsx":{"bytes":4832,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"../Table/TableContext"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableBody.tsx":{"bytes":7765,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"},{"path":"packages/ui/react-ui-table/src/components/Cell/Cell.tsx","kind":"import-statement","original":"../Cell/Cell"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableFooter.tsx":{"bytes":4745,"imports":[{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableHead.tsx":{"bytes":8774,"imports":[{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/Table.tsx":{"bytes":28680,"imports":[{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"@tanstack/react-virtual","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableBody.tsx","kind":"import-statement","original":"./TableBody"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/components/Table/TableFooter.tsx","kind":"import-statement","original":"./TableFooter"},{"path":"packages/ui/react-ui-table/src/components/Table/TableHead.tsx","kind":"import-statement","original":"./TableHead"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/props.ts":{"bytes":3059,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/index.ts":{"bytes":557,"imports":[{"path":"packages/ui/react-ui-table/src/components/Table/Table.tsx","kind":"import-statement","original":"./Table"},{"path":"packages/ui/react-ui-table/src/components/Table/props.ts","kind":"import-statement","original":"./props"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx":{"bytes":11696,"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-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/index.ts":{"bytes":494,"imports":[{"path":"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx","kind":"import-statement","original":"./CellCombobox"}],"format":"esm"},"packages/ui/react-ui-table/src/components/index.ts":{"bytes":644,"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/index.ts","kind":"import-statement","original":"./Table"},{"path":"packages/ui/react-ui-table/src/components/Cell/index.ts","kind":"import-statement","original":"./Cell"}],"format":"esm"},"packages/ui/react-ui-table/src/helpers.tsx":{"bytes":49597,"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":"react","kind":"import-statement","external":true},{"path":"@dxos/log","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":"packages/ui/react-ui-table/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./components/Table/TableContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"},"packages/ui/react-ui-table/src/schema.ts":{"bytes":1111,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/types.ts":{"bytes":1830,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/index.ts":{"bytes":1017,"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/translations.ts","kind":"import-statement","original":"./translations"},{"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":84759},"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":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"@tanstack/react-virtual","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","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":"react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"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-searchlist","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":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["CellCombobox","ColumnBuilder","ColumnMenu","ColumnPanel","Table","createColumnBuilder","currentRow","flushPadding","gridCellFocusRing","groupTh","headPadding","selectedRow","tableRoot","tbodyRoot","tbodyTr","tdContent","tdRoot","textPadding","tfootRoot","tfootTh","tfootTr","theadResizeRoot","theadResizeThumb","theadRoot","theadTh","theadTr","translations"],"entryPoint":"packages/ui/react-ui-table/src/index.ts","inputs":{"packages/ui/react-ui-table/src/components/ColumnMenu.tsx":{"bytesInOutput":7835},"packages/ui/react-ui-table/src/translations.ts":{"bytesInOutput":611},"packages/ui/react-ui-table/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Table/Table.tsx":{"bytesInOutput":7241},"packages/ui/react-ui-table/src/components/Table/TableBody.tsx":{"bytesInOutput":1733},"packages/ui/react-ui-table/src/components/Table/TableContext.tsx":{"bytesInOutput":234},"packages/ui/react-ui-table/src/theme.ts":{"bytesInOutput":2019},"packages/ui/react-ui-table/src/components/Cell/Cell.tsx":{"bytesInOutput":980},"packages/ui/react-ui-table/src/components/Table/TableFooter.tsx":{"bytesInOutput":1030},"packages/ui/react-ui-table/src/components/Table/TableHead.tsx":{"bytesInOutput":1987},"packages/ui/react-ui-table/src/components/Table/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx":{"bytesInOutput":3110},"packages/ui/react-ui-table/src/components/Cell/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/helpers.tsx":{"bytesInOutput":12046}},"bytes":40132}}}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { type RowData } from '@tanstack/react-table';
2
3
  import { type SearchListQueryModel } from '../../helpers';
3
4
  export type ComboboxCellItems<TData extends RowData> = Record<string, {
@@ -1 +1 @@
1
- {"version":3,"file":"CellCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/CellCombobox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOrD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAG1D,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAStG,eAAO,MAAM,YAAY;;;qCAOU,IAAI;iBAuEtC,CAAC"}
1
+ {"version":3,"file":"CellCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/CellCombobox.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOrD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAG1D,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAStG,eAAO,MAAM,YAAY;;;qCAOU,IAAI;iBAuEtC,CAAC"}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { type HeaderContext, type RowData } from '@tanstack/react-table';
2
3
  import { type TableDef, type ColumnProps } from '../schema';
3
4
  export type ColumnMenuProps<TData extends RowData, TValue> = {
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ColumnMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOzE,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAmB,MAAM,WAAW,CAAC;AAG7E,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,IAAI;IAC3D,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,UAAU,sGAYtB,CAAC;AAQF,eAAO,MAAM,WAAW,+IAkMvB,CAAC"}
1
+ {"version":3,"file":"ColumnMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ColumnMenu.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOzE,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAmB,MAAM,WAAW,CAAC;AAG7E,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,IAAI;IAC3D,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,UAAU,sGAYtB,CAAC;AAQF,eAAO,MAAM,WAAW,+IAkMvB,CAAC"}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import '@dxosTheme';
2
3
  import { type ColumnProps } from '../schema';
3
4
  declare const _default: {
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnMenu.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ColumnMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAOpB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;;;;;;AAE7C,wBAIE;AAEF,eAAO,MAAM,OAAO;;;;yBAQR,GAAG;;;;CAWd,CAAC"}
1
+ {"version":3,"file":"ColumnMenu.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ColumnMenu.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AAOpB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;;;;;;AAE7C,wBAIE;AAEF,eAAO,MAAM,OAAO;;;;yBAQR,GAAG;;;;CAWd,CAAC"}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { type TableProps } from './props';
2
3
  export declare const Table: <TData extends unknown>(props: TableProps<TData>) => JSX.Element;
3
4
  //# sourceMappingURL=Table.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,KAAK,kEAyIjB,CAAC"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,KAAK,kEAgJjB,CAAC"}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import '@dxosTheme';
2
3
  import { PublicKey } from '@dxos/keys';
3
4
  import { type TableColumnDef } from '../../types';
@@ -93,4 +94,7 @@ export declare const Editable: {
93
94
  export declare const Resizable: {
94
95
  render: () => JSX.Element;
95
96
  };
97
+ export declare const TenThousandRows: {
98
+ render: () => JSX.Element;
99
+ };
96
100
  //# sourceMappingURL=Table.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAMpB,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAQvC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAKlD,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;4BAwGsB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAL5B,wBAkDE;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;CAIjB,CAAC;AAEF,eAAO,MAAM,OAAO;;CA+BnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAwBpB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAuBrB,CAAC"}
1
+ {"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,CAAC;AAMpB,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAQvC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAKlD,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;4BAwGsB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAL5B,wBAkDE;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;CAIjB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAgCnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAwBpB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAuBrB,CAAC;AAEF,eAAO,MAAM,eAAe;;CAyB3B,CAAC"}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { type Row, type RowData } from '@tanstack/react-table';
2
3
  type TableBodyProps<TData extends RowData> = {
3
4
  rows: Row<TData>[];
@@ -1 +1 @@
1
- {"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,KAAK,GAAG,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAS3E,KAAK,cAAc,CAAC,KAAK,SAAS,OAAO,IAAI;IAC3C,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,SAAS;;;CA8Cd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,YAAY,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAc,KAAK,GAAG,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAS3E,KAAK,cAAc,CAAC,KAAK,SAAS,OAAO,IAAI;IAC3C,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,SAAS;;;CA8Cd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,YAAY,EAAE,cAAc,EAAE,CAAC"}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  type TableFooterProps = {};
2
3
  declare const TableFooter: {
3
4
  <TData extends unknown>(props: TableFooterProps): JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableFooter.tsx"],"names":[],"mappings":"AAUA,KAAK,gBAAgB,GAAG,EAAE,CAAC;AAI3B,QAAA,MAAM,WAAW;mCAAkC,gBAAgB;;CAwBlE,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableFooter.tsx"],"names":[],"mappings":";AAUA,KAAK,gBAAgB,GAAG,EAAE,CAAC;AAI3B,QAAA,MAAM,WAAW;mCAAkC,gBAAgB;;CAwBlE,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  type TableHeadProps = {};
2
3
  declare const TableHead: {
3
4
  <TData extends unknown>(_props: TableHeadProps): JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":"AAcA,KAAK,cAAc,GAAG,EAAE,CAAC;AAEzB,QAAA,MAAM,SAAS;oCAAmC,cAAc;;CA0D/D,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,YAAY,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":";AAcA,KAAK,cAAc,GAAG,EAAE,CAAC;AAEzB,QAAA,MAAM,SAAS;oCAAmC,cAAc;;CA0D/D,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,YAAY,EAAE,cAAc,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/helpers.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/helpers.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/react-ui-table",
3
- "version": "0.4.7-next.f4b92be",
3
+ "version": "0.4.7",
4
4
  "description": "A table component.",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -22,14 +22,15 @@
22
22
  "@tanstack/react-table": "^8.9.3",
23
23
  "@tanstack/react-virtual": "^3.0.1",
24
24
  "date-fns": "^3.3.1",
25
- "@dxos/async": "0.4.7-next.f4b92be",
26
- "@dxos/keys": "0.4.7-next.f4b92be",
27
- "@dxos/react-ui-searchlist": "0.4.7-next.f4b92be",
28
- "@dxos/invariant": "0.4.7-next.f4b92be",
29
- "@dxos/react-ui-theme": "0.4.7-next.f4b92be",
30
- "@dxos/react-ui": "0.4.7-next.f4b92be",
31
- "@dxos/react-ui-types": "0.4.7-next.f4b92be",
32
- "@dxos/util": "0.4.7-next.f4b92be"
25
+ "@dxos/keys": "0.4.7",
26
+ "@dxos/async": "0.4.7",
27
+ "@dxos/log": "0.4.7",
28
+ "@dxos/invariant": "0.4.7",
29
+ "@dxos/react-ui-searchlist": "0.4.7",
30
+ "@dxos/react-ui-theme": "0.4.7",
31
+ "@dxos/react-ui": "0.4.7",
32
+ "@dxos/util": "0.4.7",
33
+ "@dxos/react-ui-types": "0.4.7"
33
34
  },
34
35
  "devDependencies": {
35
36
  "@phosphor-icons/react": "^2.0.5",
@@ -38,11 +39,11 @@
38
39
  "deepsignal": "^1.5.0",
39
40
  "react": "^18.2.0",
40
41
  "react-dom": "^18.2.0",
41
- "vite": "^5.1.3",
42
+ "vite": "^5.1.5",
42
43
  "vite-plugin-turbosnap": "^1.0.2",
43
- "@dxos/react-ui-theme": "0.4.7-next.f4b92be",
44
- "@dxos/storybook-utils": "0.4.7-next.f4b92be",
45
- "@dxos/random": "0.4.7-next.f4b92be"
44
+ "@dxos/random": "0.4.7",
45
+ "@dxos/react-ui-theme": "0.4.7",
46
+ "@dxos/storybook-utils": "0.4.7"
46
47
  },
47
48
  "peerDependencies": {
48
49
  "@phosphor-icons/react": "^2.0.5",
@@ -222,6 +222,7 @@ export const Dynamic = {
222
222
  }, 500);
223
223
  return () => clearInterval(interval);
224
224
  }, []);
225
+
225
226
  return (
226
227
  <AnchoredOverflow.Root classNames='max-bs-[80dvh]' ref={containerRef}>
227
228
  <Table<Item>
@@ -290,3 +291,30 @@ export const Resizable = {
290
291
  );
291
292
  },
292
293
  };
294
+
295
+ export const TenThousandRows = {
296
+ render: () => {
297
+ const containerRef = useRef<HTMLDivElement | null>(null);
298
+ const [items, setItems] = useState<Item[]>(createItems(10000));
299
+
300
+ const onUpdate: ValueUpdater<Item, any> = (item, prop, value) => {
301
+ setItems((items) => updateItems(items, item.publicKey, prop, value));
302
+ };
303
+
304
+ return (
305
+ <div ref={containerRef} className='fixed inset-0 overflow-auto'>
306
+ <Table<Item>
307
+ role='grid'
308
+ rowsSelectable='multi'
309
+ keyAccessor={(row) => row.publicKey.toHex()}
310
+ columns={columns(onUpdate)}
311
+ data={items}
312
+ fullWidth
313
+ stickyHeader
314
+ border
315
+ getScrollElement={() => containerRef.current}
316
+ />
317
+ </div>
318
+ );
319
+ },
320
+ };
@@ -1,7 +1,6 @@
1
1
  //
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
-
5
4
  import { useControllableState } from '@radix-ui/react-use-controllable-state';
6
5
  import {
7
6
  getCoreRowModel,
@@ -18,6 +17,7 @@ import { useVirtualizer, type VirtualizerOptions } from '@tanstack/react-virtual
18
17
  import React, { Fragment, useCallback, useEffect, useState } from 'react';
19
18
 
20
19
  import { debounce } from '@dxos/async';
20
+ import { log } from '@dxos/log';
21
21
 
22
22
  import { TableBody } from './TableBody';
23
23
  import { TableProvider as UntypedTableProvider, type TypedTableProvider, useTableContext } from './TableContext';
@@ -37,6 +37,7 @@ export const Table = <TData extends RowData>(props: TableProps<TData>) => {
37
37
  rowsSelectable,
38
38
  debug,
39
39
  onDataSelectionChange,
40
+ getScrollElement,
40
41
  } = props;
41
42
 
42
43
  const TableProvider = UntypedTableProvider as TypedTableProvider<TData>;
@@ -46,6 +47,7 @@ export const Table = <TData extends RowData>(props: TableProps<TData>) => {
46
47
  //
47
48
 
48
49
  const [columnSizing, setColumnSizing] = useState<ColumnSizingState>({});
50
+
49
51
  useEffect(() => {
50
52
  // Set initial state.
51
53
  setColumnSizing(
@@ -59,6 +61,7 @@ export const Table = <TData extends RowData>(props: TableProps<TData>) => {
59
61
  }, [columns]);
60
62
 
61
63
  const [columnSizingInfo, setColumnSizingInfo] = useState<ColumnSizingInfoState>({} as ColumnSizingInfoState);
64
+
62
65
  const onColumnResizeDebounced = onColumnResize && debounce<ColumnSizingState>(onColumnResize, 1_000);
63
66
  useEffect(() => {
64
67
  if (columnSizingInfo.columnSizingStart?.length === 0) {
@@ -152,6 +155,10 @@ export const Table = <TData extends RowData>(props: TableProps<TData>) => {
152
155
  // Create additional expansion column if all columns have fixed width.
153
156
  const expand = false; // columns.map((column) => column.size).filter(Boolean).length === columns?.length;
154
157
 
158
+ if (!getScrollElement) {
159
+ log.warn('Table: getScrollElement is not set. This is required for virtualized tables.');
160
+ }
161
+
155
162
  return (
156
163
  <TableProvider
157
164
  {...props}
@@ -160,7 +167,7 @@ export const Table = <TData extends RowData>(props: TableProps<TData>) => {
160
167
  expand={expand}
161
168
  isGrid={role === 'grid' || role === 'treegrid'}
162
169
  >
163
- <TableImpl<TData> debug={false} />
170
+ <TableImpl<TData> debug={false} getScrollElement={getScrollElement} {...props} />
164
171
  </TableProvider>
165
172
  );
166
173
  };
@@ -169,7 +176,7 @@ export const Table = <TData extends RowData>(props: TableProps<TData>) => {
169
176
  * Pure implementation of table outside of context set-up.
170
177
  */
171
178
  const TableImpl = <TData extends RowData>(props: TableProps<TData>) => {
172
- const { role, footer, grouping, getScrollElement, fullWidth, classNames, debug } = props;
179
+ const { debug, classNames, getScrollElement, role, footer, grouping, fullWidth } = props;
173
180
  const { table } = useTableContext<TData>('TableImpl');
174
181
  const { rows } = table.getRowModel();
175
182
 
@@ -215,7 +222,7 @@ const VirtualizedTableContent = ({
215
222
  const { getTotalSize, getVirtualItems } = useVirtualizer({
216
223
  getScrollElement,
217
224
  count: rows.length,
218
- overscan: 16,
225
+ overscan: 4,
219
226
  estimateSize: () => 33,
220
227
  });
221
228
  const virtualRows = getVirtualItems();
package/src/helpers.tsx CHANGED
@@ -17,6 +17,7 @@ import { formatDistanceToNow } from 'date-fns/formatDistanceToNow';
17
17
  import React, { useEffect, useRef, useState } from 'react';
18
18
 
19
19
  import { type PublicKey } from '@dxos/keys';
20
+ import { log } from '@dxos/log';
20
21
  import { type ClassNameValue, Input, Tooltip } from '@dxos/react-ui';
21
22
  import { getSize, mx } from '@dxos/react-ui-theme';
22
23
 
@@ -359,7 +360,7 @@ export class ColumnBuilder<TData extends RowData> {
359
360
 
360
361
  return <div className={mx(textPadding, classNames)}>{str}</div>;
361
362
  } catch (err) {
362
- console.log(value);
363
+ log.info('formatError', { value });
363
364
  return null;
364
365
  }
365
366
  },