@dxos/react-ui-table 0.8.4-main.422d1c7879 → 0.8.4-main.4f23b4e393

package/dist/lib/browser/index.mjs

@@ -16,40 +16,11 @@ import {
   useAddRow,
   useProjectionModel,
   useTableModel
-} from "./chunk-G5EDJPD2.mjs";
+} from "./chunk-YDXPC7HA.mjs";
 import {
   Table_exports
-} from "./chunk-BF54SSNL.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-4URYOFDL.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
 // src/components/Table/Table.tsx
 import { Atom as Atom4 } from "@effect-atom/atom-react";
@@ -122,7 +93,7 @@ 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, (table2) => {
+        Obj.update(table, (table2) => {
           table2.sizes[field.path] = property.size;
         });
       }
@@ -139,7 +110,7 @@ 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, (view2) => {
+        Obj.update(view, (view2) => {
           view2.query.ast = newQuery.ast;
         });
       }
@@ -257,9 +228,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: {
       ...{
@@ -282,6 +252,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",
@@ -320,27 +291,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;
       }
     }
@@ -469,15 +424,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: 66,
-      S: void 0,
-      A: [
-        "fieldProjection",
-        ""
-      ]
-    });
+    invariant2(fieldProjection2, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 21, S: void 0, A: ["fieldProjection", ""] });
     return fieldProjection2;
   }, [
     model,
@@ -514,15 +461,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: 113,
-      S: void 0,
-      A: [
-        "fieldProjection",
-        ""
-      ]
-    });
+    invariant2(fieldProjection2, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 59, S: void 0, A: ["fieldProjection", ""] });
     return fieldProjection2;
   }, [
     model,
@@ -694,8 +633,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;
@@ -797,8 +737,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") {
@@ -820,7 +761,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
@@ -1051,12 +992,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;
         }
@@ -1208,6 +1144,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) {
@@ -1217,7 +1154,7 @@ var createTableToolbarActions = ({ stateAtom, onAdd, onSave, customActions }) =>
       label: [
         "add-row.label",
         {
-          ns: translationKey
+          ns: translationKey4
         }
       ],
       testId: "table.toolbar.add-row"
@@ -1232,7 +1169,7 @@ var createTableToolbarActions = ({ stateAtom, onAdd, onSave, customActions }) =>
       label: [
         "save-view.label",
         {
-          ns: translationKey
+          ns: translationKey4
         }
       ],
       testId: "table.toolbar.save-view",
@@ -1379,10 +1316,8 @@ var DynamicTable = ({ classNames, schema, name = "com.example.dynamicTable", row
     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
@@ -1415,7 +1350,6 @@ export {
   tableButtons,
   tableControls,
   touch,
-  translations,
   useAddRow,
   useProjectionModel,
   useTableContext,