@dxos/react-ui-table 0.3.7 → 0.3.8-main.0694b57

package/dist/types/src/components/Table/TableBody.d.ts

@@ -0,0 +1,11 @@
+import { type Row, type RowData } from '@tanstack/react-table';
+type TableBodyProps<TData extends RowData> = {
+    rows: Row<TData>[];
+};
+declare const TableBody: {
+    <TData extends unknown>({ rows }: TableBodyProps<TData>): JSX.Element;
+    displayName: string;
+};
+export { TableBody };
+export type { TableBodyProps };
+//# sourceMappingURL=TableBody.d.ts.map

package/dist/types/src/components/Table/TableBody.d.ts.map

@@ -0,0 +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;AAO3E,KAAK,cAAc,CAAC,KAAK,SAAS,OAAO,IAAI;IAC3C,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;CACpB,CAAC;AAIF,QAAA,MAAM,SAAS;;;CA4Cd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/src/components/Table/TableContext.d.ts

@@ -0,0 +1,14 @@
+import { type RowData } from '@tanstack/react-table';
+import { type ReactNode } from 'react';
+import { type TableContextValue } from './props';
+export declare const TABLE_NAME = "Table";
+export type TypedTableProvider<TData extends RowData> = {
+    (props: TableContextValue<TData> & {
+        children: ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+declare const TableProvider: TypedTableProvider<unknown>;
+export declare const useTableContext: <TData extends unknown>(consumerName: string) => TableContextValue<TData>;
+export { TableProvider };
+//# sourceMappingURL=TableContext.d.ts.map

package/dist/types/src/components/Table/TableContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableContext.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,UAAU,UAAU,CAAC;AAMlC,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,IAAI;IACtD,CAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,GAAG,GAAG,CAAC,OAAO,CAAC;IACzE,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,QAAA,MAAO,aAAa,6BACmC,CAAC;AAExD,eAAO,MAAM,eAAe,wCAAyC,MAAM,6BACT,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/types/src/components/Table/TableFooter.d.ts

@@ -0,0 +1,7 @@
+export type TableFooterProps = {};
+declare const TableFooter: {
+    <TData extends unknown>(props: TableFooterProps): JSX.Element;
+    displayName: string;
+};
+export { TableFooter };
+//# sourceMappingURL=TableFooter.d.ts.map

package/dist/types/src/components/Table/TableFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableFooter.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAIlC,QAAA,MAAM,WAAW;mCAAkC,gBAAgB;;CAuBlE,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/types/src/components/Table/TableHead.d.ts

@@ -0,0 +1,8 @@
+type TableHeadProps = {};
+declare const TableHead: {
+    <TData extends unknown>(_props: TableHeadProps): JSX.Element;
+    displayName: string;
+};
+export { TableHead };
+export type { TableHeadProps };
+//# sourceMappingURL=TableHead.d.ts.map

package/dist/types/src/components/Table/TableHead.d.ts.map

@@ -0,0 +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;;CAwD/D,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/src/components/Table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Table';
+export * from './props';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/types/src/components/Table/props.d.ts

@@ -0,0 +1,37 @@
+import { type RowData, type RowSelectionState, type Table, type VisibilityState } from '@tanstack/react-table';
+import { type KeyValue, type TableColumnDef } from '../../types';
+export type TableFlags = Partial<{
+    role: 'table' | 'grid' | 'treegrid';
+    grouping: string[];
+    header: boolean;
+    footer: boolean;
+    border: boolean;
+    fullWidth: boolean;
+    debug: boolean;
+    expand: boolean;
+    rowsSelectable: boolean | 'multi';
+}>;
+/**
+ * This is ‘current’ in the `aria-current` sense.
+ */
+export type TableCurrent<TData extends RowData> = Partial<{
+    currentDatum: TData;
+    onDatumClick: (datum: TData) => void;
+}>;
+export type TableProps<TData extends RowData> = TableFlags & TableCurrent<TData> & Partial<{
+    keyAccessor: KeyValue<TData>;
+    data: TData[];
+    columns: TableColumnDef<TData>[];
+    onColumnResize: (state: Record<string, number>) => void;
+    columnVisibility: VisibilityState;
+    rowSelection: RowSelectionState;
+    defaultRowSelection: RowSelectionState;
+    onRowSelectionChange: (rowSelection: RowSelectionState) => void;
+    onDataSelectionChange: (dataSelection: TData[]) => void;
+}>;
+export type { RowSelectionState, VisibilityState, TableColumnDef, KeyValue };
+export type TableContextValue<TData extends RowData> = TableFlags & TableCurrent<TData> & Pick<TableProps<TData>, 'keyAccessor'> & {
+    table: Table<TData>;
+    isGrid: boolean;
+};
+//# sourceMappingURL=props.d.ts.map

package/dist/types/src/components/Table/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/props.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE/G,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC;IAC/B,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC;CACnC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,OAAO,IAAI,OAAO,CAAC;IAExD,YAAY,EAAE,KAAK,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC,CAAC,CAAC;AAEH,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,OAAO,IAAI,UAAU,GACxD,YAAY,CAAC,KAAK,CAAC,GACnB,OAAO,CAAC;IACN,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACxD,gBAAgB,EAAE,eAAe,CAAC;IAElC,YAAY,EAAE,iBAAiB,CAAC;IAChC,mBAAmB,EAAE,iBAAiB,CAAC;IACvC,oBAAoB,EAAE,CAAC,YAAY,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEhE,qBAAqB,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;CACzD,CAAC,CAAC;AAEL,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC;AAE7E,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,OAAO,IAAI,UAAU,GAC/D,YAAY,CAAC,KAAK,CAAC,GACnB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,GAAG;IACvC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,3 +1,4 @@
 export * from './ColumnMenu';
 export * from './Table';
+export * from './Cell';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}

package/dist/types/src/helpers.d.ts

@@ -1,9 +1,10 @@
 import { type Icon } from '@phosphor-icons/react';
-import { type ColumnDef, type ColumnMeta, type RowData } from '@tanstack/react-table';
+import { type ColumnDef, type ColumnMeta, type RowData, type ColumnHelper } from '@tanstack/react-table';
 import { type PublicKey } from '@dxos/keys';
+import { type ClassNameValue } from '@dxos/react-ui';
 export type ValueUpdater<TData extends RowData, TValue> = (row: TData, id: string, value: TValue) => void;
 export declare const createColumnBuilder: <TData extends unknown>() => {
-    helper: import("@tanstack/react-table").ColumnHelper<TData>;
+    helper: ColumnHelper<TData>;
     builder: ColumnBuilder<TData>;
 };
 /**
@@ -12,18 +13,19 @@ export declare const createColumnBuilder: <TData extends unknown>() => {
 export type BaseColumnOptions<TData, TValue> = Partial<ColumnDef<TData, TValue>> & {
     meta?: ColumnMeta<TData, TValue>;
     label?: string;
-    className?: string;
+    classNames?: ClassNameValue;
     onUpdate?: ValueUpdater<TData, TValue | undefined>;
 };
-export type SelectQueryModel<TData extends RowData> = {
+export type SearchListQueryModel<TData extends RowData> = {
     getId(object: TData): string;
     getText(object: TData): string;
     query(text?: string): Promise<TData[]>;
 };
-export type SelectColumnOptions<TData extends RowData> = BaseColumnOptions<TData, any> & {
-    model: SelectQueryModel<TData>;
+export type ComboboxColumnOptions<TData extends RowData> = BaseColumnOptions<TData, any> & {
+    model: SearchListQueryModel<TData>;
 };
 export type StringColumnOptions<TData extends RowData> = BaseColumnOptions<TData, string> & {};
+export type SelectRowColumnOptions<TData extends RowData> = BaseColumnOptions<TData, string> & {};
 export type NumberColumnOptions<TData extends RowData> = BaseColumnOptions<TData, number> & {
     digits?: number;
 };
@@ -34,7 +36,7 @@ export type DateColumnOptions<TData extends RowData> = BaseColumnOptions<TData,
     format?: string;
     relative?: boolean;
 };
-export type BooleanColumnOptions<TData extends RowData> = BaseColumnOptions<TData, boolean> & {};
+export type SwitchColumnOptions<TData extends RowData> = BaseColumnOptions<TData, boolean> & {};
 export type IconColumnOptions<TData extends RowData> = BaseColumnOptions<TData, boolean> & {
     on?: {
         Icon?: Icon;
@@ -50,29 +52,33 @@ export type IconColumnOptions<TData extends RowData> = BaseColumnOptions<TData,
  */
 export declare class ColumnBuilder<TData extends RowData> {
     /**
-     * Select value
+     * Combobox value
      */
-    select({ label, className, model, onUpdate, ...props }: SelectColumnOptions<TData>): Partial<ColumnDef<TData, any>>;
+    combobox({ label, classNames, model, onUpdate, ...props }: ComboboxColumnOptions<TData>): Partial<ColumnDef<TData, any>>;
     /**
      * String formats.
      */
-    string({ label, className, onUpdate, ...props }?: StringColumnOptions<TData>): Partial<ColumnDef<TData, string>>;
+    string({ label, classNames, onUpdate, ...props }?: StringColumnOptions<TData>): Partial<ColumnDef<TData, string>>;
     /**
      * Number formats.
      */
-    number({ label, minSize, className, digits, onUpdate, ...props }?: NumberColumnOptions<TData>): Partial<ColumnDef<TData, number>>;
+    number({ label, minSize, classNames, digits, onUpdate, ...props }?: NumberColumnOptions<TData>): Partial<ColumnDef<TData, number>>;
     /**
      * Date formats.
      */
-    date({ label, format: formatSpec, relative, className, ...props }?: DateColumnOptions<TData>): Partial<ColumnDef<TData, Date>>;
+    date({ label, format: formatSpec, relative, classNames, ...props }?: DateColumnOptions<TData>): Partial<ColumnDef<TData, Date>>;
     /**
      * PublicKey with tooltip.
      */
     key({ label, tooltip, ...props }?: KeyColumnOptions<TData>): Partial<ColumnDef<TData, PublicKey>>;
     /**
-     * Checkbox.
+     * Row selector
      */
-    checkbox({ label, className, onUpdate, ...props }?: BooleanColumnOptions<TData>): Partial<ColumnDef<TData, boolean>>;
+    selectRow({ label, classNames, onUpdate, id, ...props }?: SelectRowColumnOptions<TData>): Parameters<ColumnHelper<TData>['display']>[0];
+    /**
+     * Switch
+     */
+    switch({ label, classNames, onUpdate, ...props }?: SwitchColumnOptions<TData>): Partial<ColumnDef<TData, boolean>>;
     /**
      * Icon based on boolean value.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/helpers.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/helpers.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,IAAI,EAAK,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,gBAAgB,CAAC;AAQrE,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAE1G,eAAO,MAAM,mBAAmB;;;CAG9B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,KAAK,EAAE,MAAM,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG;IACjF,IAAI,CAAC,EAAE,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;CACpD,CAAC;AAGF,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,OAAO,IAAI;IACxD,KAAK,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,OAAO,IAAI,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG;IACzF,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,OAAO,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC;AAC/F,MAAM,MAAM,sBAAsB,CAAC,KAAK,SAAS,OAAO,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC;AAElG,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,OAAO,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG;IAC1F,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,OAAO,IAAI,iBAAiB,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,OAAO,IAAI,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG;IACtF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,OAAO,IAAI,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC;AAEhG,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,OAAO,IAAI,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG;IACzF,EAAE,CAAC,EAAE;QACH,IAAI,CAAC,EAAE,IAAI,CAAC;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,GAAG,CAAC,EAAE;QACJ,IAAI,CAAC,EAAE,IAAI,CAAC;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAuJF;;GAEG;AACH,qBAAa,aAAa,CAAC,KAAK,SAAS,OAAO;IAC9C;;OAEG;IACH,QAAQ,CAAC,EACP,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAqBhE;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,GAAE,mBAAmB,CAAC,KAAK,CAAM,GAAG,OAAO,CACzF,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CACzB;IAiBD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,GAAE,mBAAmB,CAAC,KAAK,CAAM,GAAG,OAAO,CAC1G,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CACzB;IAUD;;OAEG;IAEH,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAE,iBAAiB,CAAC,KAAK,CAAM,GAAG,OAAO,CACzG,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CACvB;IA2BD;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAE,gBAAgB,CAAC,KAAK,CAAM,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAsCrG;;OAEG;IACH,SAAS,CAAC,EACR,KAAK,EACL,UAAU,EACV,QAAQ,EACR,EAAgB,EAChB,GAAG,KAAK,EACT,GAAE,sBAAsB,CAAC,KAAK,CAAM,GAAG,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAyBrF;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,GAAE,mBAAmB,CAAC,KAAK,CAAM,GAAG,OAAO,CACzF,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAC1B;IAUD;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,GAAE,iBAAiB,CAAC,KAAK,CAAM,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;CAkB5G"}

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

@@ -1,34 +1,33 @@
-export type TableSlots = {
-    root?: {
-        className?: string | string[];
-    };
-    table?: {
-        className?: string | string[];
-    };
-    header?: {
-        className?: string | string[];
-    };
-    footer?: {
-        className?: string | string[];
-    };
-    group?: {
-        className?: string | string[];
-    };
-    row?: {
-        className?: string | string[];
-    };
-    cell?: {
-        className?: string | string[];
-    };
-    focus?: {
-        className?: string | string[];
-    };
-    selected?: {
-        className?: string | string[];
-    };
-    margin?: {
-        className?: string | string[];
-    };
-};
-export declare const defaultTableSlots: TableSlots;
+import { type CellContext } from '@tanstack/react-table';
+import { type ComponentFunction } from '@dxos/react-ui-types';
+import { type TableContextValue, type TableFlags } from './components';
+export declare const currentRow = "!bg-neutral-75 !dark:bg-neutral-850";
+export declare const selectedRow = "!bg-primary-100 dark:!bg-primary-700";
+export declare const flushPadding = "pli-0 plb-0";
+export declare const textPadding = "pli-2 plb-0.5";
+export declare const headPadding = "pli-2 plb-1.5";
+export declare const gridCellFocusRing = "focus:z-[11] focus:outline outline-2 outline-primary-500 dark:outline-primary-400";
+export type TableStyleProps = Partial<TableContextValue<any>>;
+export declare const tableRoot: ComponentFunction<TableStyleProps>;
+export declare const groupTh: ComponentFunction<TableStyleProps>;
+export type TheadStyleProps = Partial<TableFlags>;
+export declare const theadRoot: ComponentFunction<TheadStyleProps>;
+export declare const theadTr: ComponentFunction<TheadStyleProps>;
+export declare const theadTh: ComponentFunction<TheadStyleProps>;
+export declare const theadResizeRoot: ComponentFunction<TheadStyleProps>;
+export declare const theadResizeThumb: ComponentFunction<TheadStyleProps>;
+export type TbodyStyleProps = Partial<TableContextValue<any>>;
+export declare const tbodyRoot: ComponentFunction<TbodyStyleProps>;
+export type TbodyTrStyleProps = Partial<{
+    isSelected?: boolean;
+    isCurrent?: boolean;
+    canBeCurrent?: boolean;
+}>;
+export declare const tbodyTr: ComponentFunction<TbodyTrStyleProps>;
+export declare const tdRoot: ComponentFunction<TbodyStyleProps>;
+export declare const tdContent: ComponentFunction<CellContext<any, any>>;
+export type TfootStyleProps = Partial<TableContextValue<any>>;
+export declare const tfootRoot: ComponentFunction<TfootStyleProps>;
+export declare const tfootTr: ComponentFunction<TfootStyleProps>;
+export declare const tfootTh: ComponentFunction<TfootStyleProps>;
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/theme.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,GAAG,CAAC,EAAE;QACJ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC/B,CAAC;CACH,CAAC;AAoBF,eAAO,MAAM,iBAAiB,EAAE,UAQ/B,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/theme.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAEvE,eAAO,MAAM,UAAU,wCAAwC,CAAC;AAChE,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,YAAY,gBAAgB,CAAC;AAC1C,eAAO,MAAM,WAAW,kBAAkB,CAAC;AAC3C,eAAO,MAAM,WAAW,kBAAkB,CAAC;AAE3C,eAAO,MAAM,iBAAiB,sFAAsF,CAAC;AAMrH,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9D,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CACN,CAAC;AAEpD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,eAAe,CACH,CAAC;AAMrD,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAElD,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CAC8B,CAAC;AAExF,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,eAAe,CAA2C,CAAC;AAEnG,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,eAAe,CAOpD,CAAC;AAEJ,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,eAAe,CAI5D,CAAC;AAEJ,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,eAAe,CACQ,CAAC;AAMzE,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9D,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CAAkC,CAAC;AAE5F,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IAAE,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAC/G,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAQtD,CAAC;AAMJ,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,eAAe,CACwD,CAAC;AAC/G,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CAAkC,CAAC;AAMlG,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9D,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CACH,CAAC;AAEvD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,eAAe,CAAkC,CAAC;AAE1F,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,eAAe,CACQ,CAAC"}

package/dist/types/src/translations.d.ts

@@ -0,0 +1,10 @@
+export declare const translationKey = "table";
+declare const _default: {
+    'en-US': {
+        table: {
+            'no selection label': string;
+        };
+    };
+}[];
+export default _default;
+//# sourceMappingURL=translations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,UAAU,CAAC;;;;;;;;AAEtC,wBAQE"}

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

@@ -1,20 +1,23 @@
 import { type ColumnDef, type RowData } from '@tanstack/react-table';
+import { type ClassNameValue } from '@dxos/react-ui-types';
+import { type SearchListQueryModel, type ValueUpdater } from './helpers';
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
     }
     interface ColumnMeta<TData extends RowData, TValue> {
         expand?: boolean;
         resizable?: boolean;
-        slots?: {
-            header?: {
-                className?: string;
-            };
-            footer?: {
-                className?: string;
-            };
-            cell?: {
-                className?: string;
-            };
+        model?: SearchListQueryModel<TData>;
+        onUpdate?: ValueUpdater<TData, any>;
+        digits?: number;
+        header?: {
+            classNames?: ClassNameValue;
+        };
+        footer?: {
+            classNames?: ClassNameValue;
+        };
+        cell?: {
+            classNames?: ClassNameValue;
         };
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,QAAQ,uBAAuB,CAAC;IAGrC,UAAU,SAAS,CAAC,KAAK,SAAS,OAAO;KAAI;IAG7C,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,KAAK,CAAC,EAAE;YACN,MAAM,CAAC,EAAE;gBACP,SAAS,CAAC,EAAE,MAAM,CAAC;aACpB,CAAC;YACF,MAAM,CAAC,EAAE;gBACP,SAAS,CAAC,EAAE,MAAM,CAAC;aACpB,CAAC;YACF,IAAI,CAAC,EAAE;gBACL,SAAS,CAAC,EAAE,MAAM,CAAC;aACpB,CAAC;SACH,CAAC;KACH;CACF;AAED,MAAM,MAAM,QAAQ,CAAC,KAAK,SAAS,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;AAErE,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,GAAG,GAAG,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzE,OAAO,QAAQ,uBAAuB,CAAC;IAGrC,UAAU,SAAS,CAAC,KAAK,SAAS,OAAO;KAAI;IAG7C,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;QACpC,QAAQ,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACpC,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE;YACP,UAAU,CAAC,EAAE,cAAc,CAAC;SAC7B,CAAC;QACF,MAAM,CAAC,EAAE;YACP,UAAU,CAAC,EAAE,cAAc,CAAC;SAC7B,CAAC;QACF,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,cAAc,CAAC;SAC7B,CAAC;KACH;CACF;AAED,MAAM,MAAM,QAAQ,CAAC,KAAK,SAAS,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;AAErE,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,GAAG,GAAG,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-table",
-  "version": "0.3.7",
+  "version": "0.3.8-main.0694b57",
   "description": "A table component.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -17,17 +17,19 @@
   ],
   "dependencies": {
     "@fluentui/react-tabster": "^9.12.0",
+    "@radix-ui/react-context": "^1.0.0",
+    "@radix-ui/react-use-controllable-state": "^1.0.0",
     "@tanstack/react-table": "^8.9.3",
     "date-fns": "^2.29.3",
     "lodash.defaultsdeep": "^4.6.1",
-    "@dxos/async": "0.3.7",
-    "@dxos/invariant": "0.3.7",
-    "@dxos/keys": "0.3.7",
-    "@dxos/react-ui": "0.3.7",
-    "@dxos/react-ui-searchlist": "0.3.7",
-    "@dxos/react-ui-theme": "0.3.7",
-    "@dxos/react-ui-types": "0.3.7",
-    "@dxos/util": "0.3.7"
+    "@dxos/invariant": "0.3.8-main.0694b57",
+    "@dxos/async": "0.3.8-main.0694b57",
+    "@dxos/react-ui": "0.3.8-main.0694b57",
+    "@dxos/react-ui-searchlist": "0.3.8-main.0694b57",
+    "@dxos/react-ui-types": "0.3.8-main.0694b57",
+    "@dxos/react-ui-theme": "0.3.8-main.0694b57",
+    "@dxos/util": "0.3.8-main.0694b57",
+    "@dxos/keys": "0.3.8-main.0694b57"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.0.2",
@@ -41,7 +43,7 @@
     "react-dom": "^18.2.0",
     "vite": "^4.3.9",
     "vite-plugin-turbosnap": "^1.0.2",
-    "@dxos/react-ui-theme": "0.3.7"
+    "@dxos/react-ui-theme": "0.3.8-main.0694b57"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",

package/src/components/Cell/Cell.tsx

@@ -0,0 +1,43 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { useFocusableGroup } from '@fluentui/react-tabster';
+import { type Cell as CellType, type RowData } from '@tanstack/react-table';
+import React, { type PropsWithChildren } from 'react';
+
+import { tdRoot } from '../../theme';
+import { useTableContext } from '../Table/TableContext';
+
+type CellProps<TData extends RowData, TValue> = PropsWithChildren<{
+  cell: CellType<TData, TValue>;
+}>;
+
+const CELL_NAME = 'Cell';
+
+const FocusableCell = <TData extends RowData, TValue>({ cell, children }: CellProps<TData, TValue>) => {
+  const tableContext = useTableContext(CELL_NAME);
+  const domAttributes = useFocusableGroup({ tabBehavior: 'limited' });
+  return (
+    <td tabIndex={0} {...domAttributes} className={tdRoot(tableContext, cell.column.columnDef.meta?.cell?.classNames)}>
+      {children}
+    </td>
+  );
+};
+
+const StaticCell = <TData extends RowData, TValue>({ cell, children }: CellProps<TData, TValue>) => {
+  const tableContext = useTableContext(CELL_NAME);
+  return <td className={tdRoot(tableContext, cell.column.columnDef.meta?.cell?.classNames)}>{children}</td>;
+};
+
+const Cell = <TData extends RowData, TValue>({ cell, children }: CellProps<TData, TValue>) => {
+  const { isGrid } = useTableContext(CELL_NAME);
+  const Root = isGrid ? FocusableCell : StaticCell;
+  return <Root cell={cell}>{children}</Root>;
+};
+
+Cell.displayName = CELL_NAME;
+
+export { Cell };
+
+export type { CellProps };

package/src/components/Cell/CellCombobox.tsx

@@ -0,0 +1,97 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { CaretDown } from '@phosphor-icons/react';
+import { type RowData } from '@tanstack/react-table';
+import React, { useCallback, useState } from 'react';
+
+import { Popover, useTranslation } from '@dxos/react-ui';
+import { PopoverCombobox } from '@dxos/react-ui-searchlist';
+import { descriptionText, getSize, mx, staticPlaceholderText } from '@dxos/react-ui-theme';
+
+import { type SearchListQueryModel } from '../../helpers';
+import { translationKey } from '../../translations';
+
+export type ComboboxCellItems<TData extends RowData> = Record<string, { label: string; data: TData }>;
+
+const initialItems = <TData extends RowData>(model: SearchListQueryModel<TData>, value?: TData) =>
+  value
+    ? {
+        [model.getId(value)]: { label: model.getText(value), data: value },
+      }
+    : {};
+
+export const CellCombobox = <TData extends RowData>({
+  model,
+  value,
+  onValueChange,
+}: {
+  model: SearchListQueryModel<TData>;
+  value: TData;
+  onValueChange: (value: TData) => void;
+}) => {
+  const { t } = useTranslation(translationKey);
+  const [items, setItems] = useState<ComboboxCellItems<TData>>(initialItems(model, value));
+  const [loading, setLoading] = useState(false);
+  const [searchInputValue, setSearchInputValue] = useState('');
+  const handleSearchInputValueChange = async (text?: string) => {
+    setSearchInputValue(text ?? '');
+    setLoading(true);
+    const items = await model.query(text);
+    setItems(
+      items.reduce((acc: ComboboxCellItems<TData>, item) => {
+        acc[model.getId(item)] = {
+          label: model.getText(item),
+          data: item,
+        };
+        return acc;
+      }, initialItems(model, value)),
+    );
+    setLoading(false);
+  };
+
+  const handleValueChange = useCallback(
+    (id: string) => {
+      onValueChange(items[id]?.data);
+    },
+    [items, onValueChange],
+  );
+
+  return (
+    <PopoverCombobox.Root placeholder={t('no selection label')}>
+      <PopoverCombobox.Trigger variant='ghost' classNames='is-full rounded-none ring-inset'>
+        {value ? (
+          <>
+            <span
+              className={mx('font-normal text-start flex-1 min-is-0 truncate mie-2', !value && staticPlaceholderText)}
+            >
+              {model.getText(value)}
+            </span>
+            <CaretDown weight='bold' className={getSize(3)} />
+          </>
+        ) : null}
+      </PopoverCombobox.Trigger>
+      <PopoverCombobox.Content shouldFilter={false} classNames='is-[--radix-popover-trigger-width]'>
+        <PopoverCombobox.Input value={searchInputValue} onValueChange={handleSearchInputValueChange} />
+        <PopoverCombobox.List>
+          {searchInputValue.length < 1 ? (
+            <p className={mx('text-center', descriptionText)}>Start typing to search</p>
+          ) : loading ? (
+            <p className={mx('text-center', descriptionText)}>Searching…</p>
+          ) : (
+            <>
+              <PopoverCombobox.Empty classNames={['text-center', descriptionText]}>No results</PopoverCombobox.Empty>
+              {Object.entries(items).map(([id, { label }]) => (
+                <PopoverCombobox.Item key={id} value={id} onSelect={handleValueChange} classNames='truncate'>
+                  {label}
+                </PopoverCombobox.Item>
+              ))}
+            </>
+          )}
+        </PopoverCombobox.List>
+        <Popover.Arrow />
+      </PopoverCombobox.Content>
+    </PopoverCombobox.Root>
+  );
+};

package/src/components/Cell/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export * from './CellCombobox';