@dxos/react-ui-table 0.8.2-main.12df754 → 0.8.2-main.36232bc

package/dist/lib/browser/index.mjs

@@ -42,7 +42,7 @@ import { invariant as invariant3 } from "@dxos/invariant";
 import { Filter } from "@dxos/react-client/echo";
 import { useTranslation as useTranslation3 } from "@dxos/react-ui";
 import { useAttention } from "@dxos/react-ui-attention";
-import { closestCell, Grid } from "@dxos/react-ui-grid";
+import { closestCell, Grid, gridSeparatorInlineEnd, gridSeparatorBlockEnd } from "@dxos/react-ui-grid";
 import { mx as mx2 } from "@dxos/react-ui-theme";
 import { isNotFalsy, safeParseInt } from "@dxos/util";
 
@@ -392,7 +392,7 @@ var initializeTable = async ({ client, space, table, typename, initialRow = true
     if (!schema) {
       throw new Error(`Schema not found: ${typename}`);
     }
-    const fields = getSchemaProperties(schema.ast).filter((prop) => prop.format !== FormatEnum.Ref).map((prop) => prop.name);
+    const fields = getSchemaProperties(schema.ast).map((prop) => prop.name);
     table.view = makeRef2(createView2({
       // TODO(ZaymonFC): Don't hardcode name?
       name: "View",
@@ -893,6 +893,22 @@ var TableSorting = class {
   }
 };
 
+// packages/ui/react-ui-table/src/util/tag.ts
+var TAG_PATTERN_REGEX = /\[([^\]]+)\]\(([^)]+)\)/g;
+var extractTagIds = (value) => {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const ids = [];
+  let match;
+  while ((match = TAG_PATTERN_REGEX.exec(value)) !== null) {
+    if (match[2]) {
+      ids.push(match[2]);
+    }
+  }
+  return ids.length > 0 ? ids : void 0;
+};
+
 // packages/ui/react-ui-table/src/model/table-model.ts
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-table/src/model/table-model.ts";
 var defaultFeatures = {
@@ -997,6 +1013,20 @@ var TableModel = class extends Resource2 {
           }
           break;
         }
+        case FormatEnum3.SingleSelect: {
+          const ids = extractTagIds(value);
+          if (ids && ids.length > 0) {
+            setValue(this._rows.value[rowIdx], field.path, ids[0]);
+          }
+          break;
+        }
+        case FormatEnum3.MultiSelect: {
+          const ids = extractTagIds(value);
+          if (ids) {
+            setValue(this._rows.value[rowIdx], field.path, ids);
+          }
+          break;
+        }
         default: {
           setValue(this._rows.value[rowIdx], field.path, parseValue({
             type: props.type,
@@ -1017,7 +1047,7 @@ var TableModel = class extends Resource2 {
     };
     invariant(!(this._features.dataEditable && this._features.selection.enabled && this._features.selection.mode === "single"), "Single selection is not compatible with editable tables.", {
       F: __dxlog_file,
-      L: 114,
+      L: 115,
       S: this,
       A: [
         "!(this._features.dataEditable && this._features.selection.enabled && this._features.selection.mode === 'single')",
@@ -1077,7 +1107,7 @@ var TableModel = class extends Resource2 {
   get columnMeta() {
     invariant(this._columnMeta, void 0, {
       F: __dxlog_file,
-      L: 183,
+      L: 184,
       S: this,
       A: [
         "this._columnMeta",
@@ -1888,8 +1918,6 @@ var determineNavigationDelta = ({ key, shift }) => {
 
 // packages/ui/react-ui-table/src/components/Table/Table.tsx
 var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-table/src/components/Table/Table.tsx";
-var inlineEndLine = "[&>.dx-grid]:relative [&>.dx-grid]:after:absolute [&>.dx-grid]:after:inset-block-0 [&>.dx-grid]:after:-inline-end-px [&>.dx-grid]:after:is-px [&>.dx-grid]:after:bg-separator";
-var blockEndLine = "[&>.dx-grid]:before:absolute [&>.dx-grid]:before:inset-inline-0 [&>.dx-grid]:before:-block-end-px [&>.dx-grid]:before:bs-px [&>.dx-grid]:before:bg-separator";
 var TableRoot = ({ children, role }) => {
   return /* @__PURE__ */ React7.createElement("div", {
     role: "none",
@@ -1911,14 +1939,18 @@ var TableMain = /* @__PURE__ */ forwardRef(({ model, presentation, ignoreAttenti
   }, [
     model
   ]);
+  const getCells = useCallback4((range, plane) => presentation?.getCells(range, plane) ?? {}, [
+    presentation
+  ]);
   useEffect2(() => {
     if (!presentation || !dxGrid) {
       return;
     }
-    dxGrid.getCells = (range, plane) => presentation.getCells(range, plane);
+    dxGrid.getCells = getCells;
   }, [
     presentation,
-    dxGrid
+    dxGrid,
+    getCells
   ]);
   useImperativeHandle(forwardedRef, () => {
     if (!presentation || !dxGrid) {
@@ -2140,7 +2172,7 @@ var TableMain = /* @__PURE__ */ forwardRef(({ model, presentation, ignoreAttenti
     onFocus: handleFocus,
     onQuery: handleQuery
   }), /* @__PURE__ */ React7.createElement(Grid.Content, {
-    className: mx2("[--dx-grid-base:var(--surface-bg)]", inlineEndLine, blockEndLine),
+    className: mx2("[--dx-grid-base:var(--surface-bg)]", gridSeparatorInlineEnd, gridSeparatorBlockEnd),
     frozen,
     // getCells={getCells}
     columns: model.columnMeta.value,