@dxos/react-ui-table 0.8.4-main.74a063c4e0 → 0.8.4-main.765dc60934

package/dist/lib/node-esm/index.mjs

@@ -17,40 +17,11 @@ import {
   useAddRow,
   useProjectionModel,
   useTableModel
-} from "./chunk-Z3TLFG6Z.mjs";
+} from "./chunk-2AN3QQ3D.mjs";
 import {
   Table_exports
-} from "./chunk-SIRDIPHZ.mjs";
-
-// src/translations.ts
-var translationKey = "@dxos/react-ui-table";
-var translations = [
-  {
-    "en-US": {
-      [translationKey]: {
-        "object.placeholder": "New table",
-        "create-object.label": "Create table",
-        "table-name.placeholder": "Table name",
-        "settings.title": "Table settings",
-        "table-schema.label": "Type",
-        "continue.label": "Continue",
-        "create-stack-section.label": "Create table",
-        "add-row.label": "Add row",
-        "column-action-sort-descending.menu": "Sort Descending",
-        "column-action-sort-ascending.menu": "Sort Ascending",
-        "column-action-clear-sorting.menu": "Clear Sorting",
-        "column-action-settings.menu": "Column Settings",
-        "column-action-delete.menu": "Delete Column",
-        "delete-row.label": "Delete row",
-        "bulk-delete-row.label": "Delete selected rows",
-        "column-deleted.label": "Column deleted",
-        "new-column-button.label": "Create column",
-        "create-new-object.label": "Create new object \u201C{{text}}\u201D",
-        "save-view.label": "Save changes to view"
-      }
-    }
-  }
-];
+} from "./chunk-B2SZYAEC.mjs";
+import "./chunk-HSLMI22Q.mjs";
 
 // src/components/Table/Table.tsx
 import { Atom as Atom4 } from "@effect-atom/atom-react";
@@ -123,8 +94,8 @@ var setProperties = (view, projection, table, properties) => {
     const field = projection.getFields().find((field2) => field2.path === property.name);
     if (field) {
       if (property.size !== void 0) {
-        Obj.change(table, (obj) => {
-          obj.sizes[field.path] = property.size;
+        Obj.update(table, (table2) => {
+          table2.sizes[field.path] = property.size;
         });
       }
       if (property.title !== void 0) {
@@ -140,8 +111,8 @@ var setProperties = (view, projection, table, properties) => {
       if (property.sort) {
         const currentQuery = Query.fromAst(Obj.getSnapshot(view).query.ast);
         const newQuery = currentQuery.orderBy(Order.property(field.path, property.sort));
-        Obj.change(view, (obj) => {
-          obj.query.ast = newQuery.ast;
+        Obj.update(view, (view2) => {
+          view2.query.ast = newQuery.ast;
         });
       }
     }
@@ -258,9 +229,8 @@ var CellValidationMessage = ({ __gridScope, validationError, variant = "error" }
     return null;
   }
   const bgClass = variant === "error" ? "bg-error-surface" : "bg-warning-surface";
-  const textClass = variant === "error" ? "text-error-surface-text" : "text-warning-surface-text";
+  const textClass = variant === "error" ? "text-error-foreground" : "text-warning-foreground";
   return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
     className: `absolute ${bgClass} ${textClass} rounded-h-sm text-xs p-1`,
     style: {
       ...{
@@ -283,6 +253,7 @@ import { Popover } from "@dxos/react-ui";
 import { Form } from "@dxos/react-ui-form";
 import { parseCellIndex, useGridContext as useGridContext2 } from "@dxos/react-ui-grid";
 import { getDeep, isTruthy, setDeep } from "@dxos/util";
+import { translationKey } from "#translations";
 var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-table/src/components/TableCellEditor/FormCellEditor.tsx";
 var createOptionLabel = [
   "create-new-object.label",
@@ -321,27 +292,11 @@ var FormCellEditor = ({ __gridScope, schema, model, fieldProjection, onSave, onC
       const cell = parseCellIndex(contextEditing.index);
       if (model.isDraftCell(cell)) {
         const draftRow = model.getDraftRows()[cell.row];
-        invariant(draftRow, void 0, {
-          F: __dxlog_file,
-          L: 74,
-          S: void 0,
-          A: [
-            "draftRow",
-            ""
-          ]
-        });
+        invariant(draftRow, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 52, S: void 0, A: ["draftRow", ""] });
         return draftRow.data;
       } else {
         const row = model.getRowAt(cell.row);
-        invariant(row, void 0, {
-          F: __dxlog_file,
-          L: 78,
-          S: void 0,
-          A: [
-            "row",
-            ""
-          ]
-        });
+        invariant(row, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 56, S: void 0, A: ["row", ""] });
         return row;
       }
     }
@@ -461,11 +416,6 @@ var FormCellEditor = ({ __gridScope, schema, model, fieldProjection, onSave, onC
 
 // src/components/TableCellEditor/TableCellEditor.tsx
 var __dxlog_file2 = "/__w/dxos/dxos/packages/ui/react-ui-table/src/components/TableCellEditor/TableCellEditor.tsx";
-var documentSlots = {
-  scroll: {
-    className: "!py-(--dx-grid-cell-editor-padding-block)"
-  }
-};
 var TableValueEditor = ({ __gridScope, schema, model, modals, onFocus, onSave, onCreate }) => {
   const { editing } = useGridContext3("TableValueEditor", __gridScope);
   const fieldProjection = useMemo2(() => {
@@ -475,15 +425,7 @@ var TableValueEditor = ({ __gridScope, schema, model, modals, onFocus, onSave, o
     const { col } = parseCellIndex2(editing.index);
     const field = model.projection.getFields()[col];
     const fieldProjection2 = model.projection.getFieldProjection(field.id);
-    invariant2(fieldProjection2, void 0, {
-      F: __dxlog_file2,
-      L: 72,
-      S: void 0,
-      A: [
-        "fieldProjection",
-        ""
-      ]
-    });
+    invariant2(fieldProjection2, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 21, S: void 0, A: ["fieldProjection", ""] });
     return fieldProjection2;
   }, [
     model,
@@ -520,15 +462,7 @@ var TableCellEditor = ({ __gridScope, model, modals, onFocus, onSave }) => {
     const { col } = parseCellIndex2(editing.index);
     const field = model.projection.getFields()[col];
     const fieldProjection2 = model.projection.getFieldProjection(field.id);
-    invariant2(fieldProjection2, void 0, {
-      F: __dxlog_file2,
-      L: 119,
-      S: void 0,
-      A: [
-        "fieldProjection",
-        ""
-      ]
-    });
+    invariant2(fieldProjection2, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 59, S: void 0, A: ["fieldProjection", ""] });
     return fieldProjection2;
   }, [
     model,
@@ -662,9 +596,13 @@ var TableCellEditor = ({ __gridScope, model, modals, onFocus, onSave }) => {
     __gridScope
   }), /* @__PURE__ */ React3.createElement(GridCellEditor, {
     extensions,
+    slots: {
+      content: {
+        className: "!py-(--dx-grid-cell-editor-padding-block)"
+      }
+    },
     getCellContent,
-    onBlur: handleBlur,
-    slots: documentSlots
+    onBlur: handleBlur
   }));
 };
 var determineNavigationAxis = ({ key }) => {
@@ -696,8 +634,9 @@ var determineNavigationDelta = ({ key, shift }) => {
 import { useAtomValue } from "@effect-atom/atom-react";
 import React4 from "react";
 import { DropdownMenu, useTranslation } from "@dxos/react-ui";
+import { translationKey as translationKey2 } from "#translations";
 var ColumnActionsMenu = ({ model, modals }) => {
-  const { t } = useTranslation(translationKey);
+  const { t } = useTranslation(translationKey2);
   const state = useAtomValue(modals.state);
   if (state?.type !== "column") {
     return null;
@@ -799,8 +738,9 @@ var ColumnSettings = ({ registry, model, modals, onNewColumn }) => {
 import { useAtomValue as useAtomValue3 } from "@effect-atom/atom-react";
 import React6 from "react";
 import { DropdownMenu as DropdownMenu2, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { translationKey as translationKey3 } from "#translations";
 var RowActionsMenu = ({ model, modals }) => {
-  const { t } = useTranslation2(translationKey);
+  const { t } = useTranslation2(translationKey3);
   const hasSelection = model.selection.hasSelection;
   const state = useAtomValue3(modals.state);
   if (state?.type !== "row") {
@@ -822,7 +762,7 @@ var RowActionsMenu = ({ model, modals }) => {
   }, toLocalizedString(action.label, t)))), /* @__PURE__ */ React6.createElement(DropdownMenu2.Separator, null)), model.features.dataEditable !== false && /* @__PURE__ */ React6.createElement(DropdownMenu2.Item, {
     "data-testid": "row-menu-delete",
     onClick: () => model.deleteRow(state.rowIndex)
-  }, t(hasSelection ? "bulk delete row label" : "delete row label"))), /* @__PURE__ */ React6.createElement(DropdownMenu2.Arrow, null)));
+  }, t(hasSelection ? "bulk-delete-row.label" : "delete-row.label"))), /* @__PURE__ */ React6.createElement(DropdownMenu2.Arrow, null)));
 };
 
 // src/components/Table/TableContent.tsx
@@ -1053,12 +993,7 @@ var TableContent = composable(({ schema, model, presentation, ignoreAttention, o
             void navigator.clipboard.writeText(textContent);
             event.preventDefault();
           } catch (error) {
-            log.catch(error, void 0, {
-              F: __dxlog_file3,
-              L: 278,
-              S: void 0,
-              C: (f, a) => f(...a)
-            });
+            log.catch(error, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 262, S: void 0 });
           }
           break;
         }
@@ -1210,6 +1145,7 @@ import { Atom as Atom3, RegistryContext as RegistryContext2 } from "@effect-atom
 import React8, { useContext as useContext2, useEffect as useEffect4, useMemo as useMemo5 } from "react";
 import { Menu, createGapSeparator, createMenuAction, useMenuActions } from "@dxos/react-ui-menu";
 import { composable as composable2, composableProps as composableProps2 } from "@dxos/ui-theme";
+import { translationKey as translationKey4 } from "#translations";
 var createTableToolbarActions = ({ stateAtom, onAdd, onSave, customActions }) => Atom3.make((get) => {
   const nodes = [];
   if (onAdd) {
@@ -1219,7 +1155,7 @@ var createTableToolbarActions = ({ stateAtom, onAdd, onSave, customActions }) =>
       label: [
         "add-row.label",
         {
-          ns: translationKey
+          ns: translationKey4
         }
       ],
       testId: "table.toolbar.add-row"
@@ -1234,7 +1170,7 @@ var createTableToolbarActions = ({ stateAtom, onAdd, onSave, customActions }) =>
       label: [
         "save-view.label",
         {
-          ns: translationKey
+          ns: translationKey4
         }
       ],
       testId: "table.toolbar.save-view",
@@ -1324,7 +1260,7 @@ import { RegistryContext as RegistryContext3 } from "@effect-atom/atom-react";
 import React10, { useCallback as useCallback5, useContext as useContext3, useEffect as useEffect5, useMemo as useMemo6, useRef as useRef4, useState as useState5 } from "react";
 import { useDefaultValue } from "@dxos/react-ui";
 import { mx as mx2 } from "@dxos/ui-theme";
-var DynamicTable = ({ classNames, schema, name = "com.example.dynamic-table", rows, properties, jsonSchema: jsonSchemaProp, rowActions, onRowClick, onRowAction, ...props }) => {
+var DynamicTable = ({ classNames, schema, name = "com.example.dynamicTable", rows, properties, jsonSchema: jsonSchemaProp, rowActions, onRowClick, onRowAction, ...props }) => {
   const registry = useContext3(RegistryContext3);
   const [dynamicTable, setDynamicTable] = useState5();
   const { jsonSchema } = useMemo6(() => getBaseSchema({
@@ -1381,10 +1317,8 @@ var DynamicTable = ({ classNames, schema, name = "com.example.dynamic-table", ro
     model
   ]);
   return /* @__PURE__ */ React10.createElement("div", {
-    role: "none",
     className: mx2("dx-expander grid", classNames)
   }, /* @__PURE__ */ React10.createElement("div", {
-    role: "none",
     className: "grid min-h-0 overflow-hidden"
   }, /* @__PURE__ */ React10.createElement(Table.Root, {
     ref: tableRef
@@ -1417,7 +1351,6 @@ export {
   tableButtons,
   tableControls,
   touch,
-  translations,
   useAddRow,
   useProjectionModel,
   useTableContext,