@dxos/react-ui-table 0.8.0 → 0.8.1-main.81238a8

package/dist/lib/browser/{chunk-3FR6NHPD.mjs → chunk-5MKYB7NF.mjs}

@@ -1,5 +1,5 @@
 // packages/ui/react-ui-table/src/types/table.ts
-import { Ref, ObjectId, S, TypedObject, Expando } from "@dxos/echo-schema";
+import { EchoObject, Expando, LabelAnnotationId, ObjectId, Ref, S } from "@dxos/echo-schema";
 import { ViewType } from "@dxos/schema";
 var TableSchema = S.Struct({
   id: ObjectId,
@@ -10,15 +10,13 @@ var TableSchema = S.Struct({
     Expando
     /* ThreadType */
   )))
+}).annotations({
+  [LabelAnnotationId]: "name"
 });
-var TableType = class extends TypedObject({
-  typename: "dxos.org/type/Table",
-  version: "0.1.0"
-})(TableSchema.fields) {
-};
+var TableType = TableSchema.pipe(EchoObject("dxos.org/type/Table", "0.1.0"));
 
 export {
   TableSchema,
   TableType
 };
-//# sourceMappingURL=chunk-3FR6NHPD.mjs.map
+//# sourceMappingURL=chunk-5MKYB7NF.mjs.map

package/dist/lib/browser/chunk-5MKYB7NF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/table.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { EchoObject, Expando, LabelAnnotationId, ObjectId, Ref, S } from '@dxos/echo-schema';\n// import { ThreadType } from '@dxos/plugin-space/types';\nimport { ViewType } from '@dxos/schema';\n\nexport const TableSchema = S.Struct({\n  id: ObjectId, // TODO(burdon): Where should this be?\n  name: S.optional(S.String),\n  view: S.optional(Ref(ViewType)),\n  // TODO(burdon): Should not import from plugin. Either factor out type or use reverse deps when supported.\n  threads: S.optional(S.Array(Ref(Expando /* ThreadType */))), // TODO(dmaretskyi): Breaks edge because plugin-space depends on react-client.\n}).annotations({\n  [LabelAnnotationId]: 'name',\n});\n\nexport const TableType = TableSchema.pipe(EchoObject('dxos.org/type/Table', '0.1.0'));\nexport type TableType = S.Schema.Type<typeof TableType>;\n"],
+  "mappings": ";AAIA,SAASA,YAAYC,SAASC,mBAAmBC,UAAUC,KAAKC,SAAS;AAEzE,SAASC,gBAAgB;AAElB,IAAMC,cAAcC,EAAEC,OAAO;EAClCC,IAAIC;EACJC,MAAMJ,EAAEK,SAASL,EAAEM,MAAM;EACzBC,MAAMP,EAAEK,SAASG,IAAIC,QAAAA,CAAAA;;EAErBC,SAASV,EAAEK,SAASL,EAAEW,MAAMH;IAAII;;EAAsB,CAAA,CAAA;AACxD,CAAA,EAAGC,YAAY;EACb,CAACC,iBAAAA,GAAoB;AACvB,CAAA;AAEO,IAAMC,YAAYhB,YAAYiB,KAAKC,WAAW,uBAAuB,OAAA,CAAA;",
+  "names": ["EchoObject", "Expando", "LabelAnnotationId", "ObjectId", "Ref", "S", "ViewType", "TableSchema", "S", "Struct", "id", "ObjectId", "name", "optional", "String", "view", "Ref", "ViewType", "threads", "Array", "Expando", "annotations", "LabelAnnotationId", "TableType", "pipe", "EchoObject"]
+}

package/dist/lib/browser/{_deprecated → deprecated}/index.mjs

@@ -1,4 +1,4 @@
-// packages/ui/react-ui-table/src/_deprecated/translations.ts
+// packages/ui/react-ui-table/src/deprecated/translations.ts
 var translationKey = "table";
 var translations_default = [
   {
@@ -21,7 +21,7 @@ var translations_default = [
   }
 ];
 
-// packages/ui/react-ui-table/src/_deprecated/components/Cell/CellCombobox.tsx
+// packages/ui/react-ui-table/src/deprecated/components/Cell/CellCombobox.tsx
 import { CaretDown } from "@phosphor-icons/react";
 import React, { useCallback, useState } from "react";
 import { Popover, useTranslation } from "@dxos/react-ui";
@@ -90,13 +90,13 @@ var CellCombobox = ({ model, value, onValueChange }) => {
   }, label)))), /* @__PURE__ */ React.createElement(Popover.Arrow, null)));
 };
 
-// packages/ui/react-ui-table/src/_deprecated/components/ColumnMenu/ColumnMenu.tsx
+// packages/ui/react-ui-table/src/deprecated/components/ColumnMenu/ColumnMenu.tsx
 import { X, GearSix, CaretDown as CaretDown2, ArrowDown, ArrowUp, ArrowRight, ArrowLeft } from "@phosphor-icons/react";
 import React4, { useRef as useRef2, useState as useState6, useCallback as useCallback5 } from "react";
 import { Button as Button2, Popover as Popover2, DropdownMenu } from "@dxos/react-ui";
 import { getSize as getSize2, mx as mx2 } from "@dxos/react-ui-theme";
 
-// packages/ui/react-ui-table/src/_deprecated/components/ColumnMenu/ColumnSettings.tsx
+// packages/ui/react-ui-table/src/deprecated/components/ColumnMenu/ColumnSettings.tsx
 import React2, { useRef, useState as useState2 } from "react";
 import { FormatEnums } from "@dxos/echo-schema";
 import { Button, Input, Select, useTranslation as useTranslation2 } from "@dxos/react-ui";
@@ -214,7 +214,7 @@ var ColumnSettings = ({ column, tableDef, tablesToReference, onUpdate, onDelete,
   }, t("save label")))));
 };
 
-// packages/ui/react-ui-table/src/_deprecated/hooks/useColumnSizing.ts
+// packages/ui/react-ui-table/src/deprecated/hooks/useColumnSizing.ts
 import { useCallback as useCallback2, useEffect, useState as useState3 } from "react";
 import { useOnTransition } from "@dxos/react-ui";
 var useColumnResizing = ({ columns, onColumnResize }) => {
@@ -247,10 +247,10 @@ var useColumnResizing = ({ columns, onColumnResize }) => {
   };
 };
 
-// packages/ui/react-ui-table/src/_deprecated/hooks/useColumnSorting.ts
+// packages/ui/react-ui-table/src/deprecated/hooks/useColumnSorting.ts
 import { useState as useState4 } from "react";
 
-// packages/ui/react-ui-table/src/_deprecated/components/Table/TableContext.tsx
+// packages/ui/react-ui-table/src/deprecated/components/Table/TableContext.tsx
 import React3, { useContext, createContext } from "react";
 import { raise } from "@dxos/debug";
 var TABLE_NAME = "Table";
@@ -264,7 +264,7 @@ var useTableContext = () => {
   return useContext(TableContext) ?? raise(new Error("Missing TableContext"));
 };
 
-// packages/ui/react-ui-table/src/_deprecated/hooks/useColumnSorting.ts
+// packages/ui/react-ui-table/src/deprecated/hooks/useColumnSorting.ts
 var useColumnSorting = () => {
   const [columnSorting, setColumnSorting] = useState4([]);
   const sortColumn = (columnId, sortDirection) => {
@@ -320,7 +320,7 @@ var useSortColumn = (column) => {
   };
 };
 
-// packages/ui/react-ui-table/src/_deprecated/hooks/usePinLastRow.ts
+// packages/ui/react-ui-table/src/deprecated/hooks/usePinLastRow.ts
 import { useCallback as useCallback3, useEffect as useEffect2, useState as useState5 } from "react";
 var usePinLastRow = (pinLastRow, table, data) => {
   const [pinnedRowKey, setPinnedRowKey] = useState5();
@@ -362,7 +362,7 @@ var usePinLastRow = (pinLastRow, table, data) => {
   ]);
 };
 
-// packages/ui/react-ui-table/src/_deprecated/hooks/useRowSelection.ts
+// packages/ui/react-ui-table/src/deprecated/hooks/useRowSelection.ts
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { useCallback as useCallback4 } from "react";
 var useRowSelection = (props) => {
@@ -394,7 +394,7 @@ var useRowSelection = (props) => {
   };
 };
 
-// packages/ui/react-ui-table/src/_deprecated/components/ColumnMenu/ColumnMenu.tsx
+// packages/ui/react-ui-table/src/deprecated/components/ColumnMenu/ColumnMenu.tsx
 var ColumnMenu = ({ column, columnOrderable, columnPosition, onColumnReorder, ...props }) => {
   const title = column.label?.length ? column.label : column.id;
   const header = props.context.header;
@@ -525,19 +525,19 @@ var SortIndicator = ({ direction, onClick }) => {
   }, icon);
 };
 
-// packages/ui/react-ui-table/src/_deprecated/components/Table/Table.tsx
+// packages/ui/react-ui-table/src/deprecated/components/Table/Table.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { getCoreRowModel, getExpandedRowModel, getGroupedRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 import React8, { Fragment, memo, useCallback as useCallback7, useEffect as useEffect3, useState as useState8, useContext as useContext3 } from "react";
 import { useDefaultValue } from "@dxos/react-ui";
 import { mx as mx4 } from "@dxos/react-ui-theme";
 
-// packages/ui/react-ui-table/src/_deprecated/components/Table/TableBody.tsx
+// packages/ui/react-ui-table/src/deprecated/components/Table/TableBody.tsx
 import { useArrowNavigationGroup } from "@fluentui/react-tabster";
 import { flexRender } from "@tanstack/react-table";
 import React6, { useContext as useContext2 } from "react";
 
-// packages/ui/react-ui-table/src/_deprecated/components/Table/TableRootContext.ts
+// packages/ui/react-ui-table/src/deprecated/components/Table/TableRootContext.ts
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { createContext as createContext2, useRef as useRef3, useState as useState7 } from "react";
 var useTableRootContext = () => {
@@ -566,7 +566,7 @@ var useTableRootContext = () => {
 };
 var TableRootContext = createContext2({});
 
-// packages/ui/react-ui-table/src/_deprecated/theme.ts
+// packages/ui/react-ui-table/src/deprecated/theme.ts
 import { focusRing, ghostSelected, ghostSelectedCurrent, mx as mx3 } from "@dxos/react-ui-theme";
 var currentRow = "!bg-neutral-75 !dark:bg-neutral-850";
 var selectedRow = "!bg-primary-100 dark:!bg-primary-700";
@@ -588,13 +588,13 @@ var tbodyRoot = (_props, ...etc) => mx3(...etc);
 var tbodyTr = ({ canBeCurrent, isPinned }, ...etc) => mx3("group", canBeCurrent ? ghostSelectedCurrent : ghostSelected, canBeCurrent && focusRing, canBeCurrent && "cursor-pointer", isPinned && "sticky z-1 block-end-0", isPinned && stickyRowColors, ...etc);
 var tdRoot = ({ border, isGrid, pinned }, ...etc) => mx3("relative", "focus-within:!bg-neutral-50 dark:focus-within:!bg-neutral-900", flushPadding, border && "border-b border-l last:border-r border-neutral-200 dark:border-neutral-700", pinned && "border-t", isGrid && gridCellFocusRing, ...etc);
 
-// packages/ui/react-ui-table/src/_deprecated/components/Cell/Cell.tsx
+// packages/ui/react-ui-table/src/deprecated/components/Cell/Cell.tsx
 import { useFocusableGroup } from "@fluentui/react-tabster";
 import React5, { useCallback as useCallback6 } from "react";
 var CELL_NAME = "Cell";
 var FocusableCell = ({ cell, children }) => {
   const tableContext = useTableContext();
-  const domAttributes = useFocusableGroup({
+  const focusableGroupAttrs = useFocusableGroup({
     tabBehavior: "limited"
   });
   const pinned = tableContext.table.getState().rowPinning?.bottom?.includes(cell.row.id);
@@ -636,7 +636,7 @@ var FocusableCell = ({ cell, children }) => {
   return /* @__PURE__ */ React5.createElement("td", {
     "data-testid": "table.cell",
     tabIndex: 0,
-    ...domAttributes,
+    ...focusableGroupAttrs,
     className,
     onKeyDown: handleKeyDown
   }, children);
@@ -657,17 +657,17 @@ var Cell = ({ cell, children }) => {
 };
 Cell.displayName = CELL_NAME;
 
-// packages/ui/react-ui-table/src/_deprecated/components/Table/TableBody.tsx
+// packages/ui/react-ui-table/src/deprecated/components/Table/TableBody.tsx
 var TABLE_BODY_NAME = "TableBody";
 var TableBody = ({ rows }) => {
   const { table, keyAccessor, currentDatum, debug, expand, isGrid, onDatumClick } = useTableContext();
   const rowSelection = table.getState().rowSelection;
-  const domAttributes = useArrowNavigationGroup({
+  const arrowNavigationAttrs = useArrowNavigationGroup({
     axis: "grid"
   });
   const canBeCurrent = !isGrid && !!onDatumClick;
   const { virtualizer } = useContext2(TableRootContext);
-  return /* @__PURE__ */ React6.createElement("tbody", isGrid && domAttributes, rows.map((row) => {
+  return /* @__PURE__ */ React6.createElement("tbody", isGrid && arrowNavigationAttrs, rows.map((row) => {
     const isCurrent = currentDatum === row.original;
     const isSelected = rowSelection?.[row.id];
     const isPinned = row.getIsPinned();
@@ -710,7 +710,7 @@ var TableBody = ({ rows }) => {
 };
 TableBody.displayName = TABLE_BODY_NAME;
 
-// packages/ui/react-ui-table/src/_deprecated/components/Table/TableHead.tsx
+// packages/ui/react-ui-table/src/deprecated/components/Table/TableHead.tsx
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 import React7 from "react";
 import { defaultSizeCol } from "@dxos/react-ui-grid";
@@ -756,7 +756,7 @@ var TableHead = (_props) => {
 };
 TableHead.displayName = TABLE_HEAD_NAME;
 
-// packages/ui/react-ui-table/src/_deprecated/components/Table/Table.tsx
+// packages/ui/react-ui-table/src/deprecated/components/Table/Table.tsx
 var TableRoot = ({ children }) => {
   const contextValue = useTableRootContext();
   return /* @__PURE__ */ React8.createElement(TableRootContext.Provider, {
@@ -956,7 +956,7 @@ var Table = {
   Main: TablePrimitive
 };
 
-// packages/ui/react-ui-table/src/_deprecated/helpers.tsx
+// packages/ui/react-ui-table/src/deprecated/helpers.tsx
 import { useFocusFinders } from "@fluentui/react-tabster";
 import { Check, ClipboardText, X as X2 } from "@phosphor-icons/react";
 import { createColumnHelper } from "@tanstack/react-table";
@@ -967,7 +967,7 @@ import { log } from "@dxos/log";
 import { Input as Input2, Tooltip } from "@dxos/react-ui";
 import { defaultSizeRow } from "@dxos/react-ui-grid";
 import { getSize as getSize3, mx as mx5 } from "@dxos/react-ui-theme";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-table/src/_deprecated/helpers.tsx";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-table/src/deprecated/helpers.tsx";
 var createColumnBuilder = () => ({
   helper: createColumnHelper(),
   builder: new ColumnBuilder()
@@ -1391,7 +1391,7 @@ var ColumnBuilder = class {
   }
 };
 
-// packages/ui/react-ui-table/src/_deprecated/schema/column-utils.ts
+// packages/ui/react-ui-table/src/deprecated/schema/column-utils.ts
 import { TypeEnum } from "@dxos/echo-schema";
 import { FormatEnum } from "@dxos/echo-schema";
 import { mapSchemaToFields } from "@dxos/schema";