@dxos/react-ui-table 0.8.2-main.5885341 → 0.8.2-main.600d381

package/dist/lib/node/index.cjs

@@ -37,9 +37,9 @@ __export(node_exports, {
   Table: () => Table,
   TableModel: () => TableModel,
   TablePresentation: () => TablePresentation,
-  TableSchema: () => import_chunk_TGG6OZ54.TableSchema,
+  TableSchema: () => import_chunk_2QLLIPZK.TableSchema,
   TableToolbar: () => TableToolbar,
-  TableType: () => import_chunk_TGG6OZ54.TableType,
+  TableType: () => import_chunk_2QLLIPZK.TableType,
   cellClassesForRowSelection: () => cellClassesForRowSelection,
   getBaseSchems: () => getBaseSchems,
   initializeTable: () => initializeTable,
@@ -51,7 +51,7 @@ __export(node_exports, {
   useTableModel: () => useTableModel
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_TGG6OZ54 = require("./chunk-TGG6OZ54.cjs");
+var import_chunk_2QLLIPZK = require("./chunk-2QLLIPZK.cjs");
 var import_react = __toESM(require("react"));
 var import_echo_schema = require("@dxos/echo-schema");
 var import_invariant = require("@dxos/invariant");
@@ -66,8 +66,8 @@ var import_react_ui2 = require("@dxos/react-ui");
 var import_react3 = __toESM(require("react"));
 var import_react_ui3 = require("@dxos/react-ui");
 var import_react_ui_form = require("@dxos/react-ui-form");
+var import_effect = require("effect");
 var import_react4 = __toESM(require("react"));
-var import_echo_schema2 = require("@dxos/echo-schema");
 var import_echo2 = require("@dxos/react-client/echo");
 var import_react_ui4 = require("@dxos/react-ui");
 var import_react_ui_form2 = require("@dxos/react-ui-form");
@@ -76,7 +76,7 @@ var import_react5 = __toESM(require("react"));
 var import_react_ui5 = require("@dxos/react-ui");
 var import_signals_core = require("@preact/signals-core");
 var import_context = require("@dxos/context");
-var import_echo_schema3 = require("@dxos/echo-schema");
+var import_echo_schema2 = require("@dxos/echo-schema");
 var import_invariant2 = require("@dxos/invariant");
 var import_live_object = require("@dxos/live-object");
 var import_react_ui_form3 = require("@dxos/react-ui-form");
@@ -84,24 +84,25 @@ var import_signals_core2 = require("@preact/signals-core");
 var import_context2 = require("@dxos/context");
 var import_live_object2 = require("@dxos/live-object");
 var import_schema = require("@dxos/schema");
-var import_echo_schema4 = require("@dxos/echo-schema");
+var import_effect2 = require("effect");
+var import_echo_schema3 = require("@dxos/echo-schema");
 var import_react_client = require("@dxos/react-client");
 var import_echo3 = require("@dxos/react-client/echo");
 var import_schema2 = require("@dxos/schema");
 var import_signals_core3 = require("@preact/signals-core");
 var import_lodash = __toESM(require("lodash.orderby"));
-var import_echo_schema5 = require("@dxos/echo-schema");
+var import_echo_schema4 = require("@dxos/echo-schema");
 var import_react_ui_form4 = require("@dxos/react-ui-form");
 var import_signals_core4 = require("@preact/signals-core");
 var import_log = require("@dxos/log");
 var import_signals_core5 = require("@preact/signals-core");
-var import_echo_schema6 = require("@dxos/echo-schema");
+var import_echo_schema5 = require("@dxos/echo-schema");
 var import_react_ui_form5 = require("@dxos/react-ui-form");
 var import_react_ui_grid3 = require("@dxos/react-ui-grid");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var import_schema3 = require("@dxos/schema");
 var import_react6 = __toESM(require("react"));
-var import_echo_schema7 = require("@dxos/echo-schema");
+var import_echo_schema6 = require("@dxos/echo-schema");
 var import_invariant3 = require("@dxos/invariant");
 var import_react_ui6 = require("@dxos/react-ui");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
@@ -256,7 +257,7 @@ var CreateRefPanel = ({ model, modals, __gridScope }) => {
       typename: state.typename
     }).runSync();
     if (schema2) {
-      const omit = import_echo_schema2.S.omit("id");
+      const omit = import_effect.Schema.omit("id");
       return omit(schema2);
     }
   }, [
@@ -365,7 +366,7 @@ var makeDynamicTable = ({ typename, jsonSchema, properties }) => {
       fields: properties.map((property) => property.name)
     }
   });
-  const table = (0, import_live_object2.live)(import_chunk_TGG6OZ54.TableType, {
+  const table = (0, import_live_object2.live)(import_chunk_2QLLIPZK.TableType, {
     name: "dynamic-table",
     view: (0, import_live_object2.makeRef)(view)
   });
@@ -441,17 +442,17 @@ var initializeTable = async ({ client, space, table, typename, initialRow = true
     return schema;
   }
 };
-var ContactSchema = (0, import_echo_schema4.TypedObject)({
+var ContactSchema = (0, import_echo_schema3.TypedObject)({
   typename: `example.com/type/${import_react_client.PublicKey.random().truncate()}`,
   version: "0.1.0"
 })({
-  name: import_echo_schema4.S.optional(import_echo_schema4.S.String).annotations({
-    [import_echo_schema4.AST.TitleAnnotationId]: "Name"
+  name: import_effect2.Schema.optional(import_effect2.Schema.String).annotations({
+    [import_effect2.SchemaAST.TitleAnnotationId]: "Name"
   }),
-  active: import_echo_schema4.S.optional(import_echo_schema4.S.Boolean),
-  email: import_echo_schema4.S.optional(import_echo_schema4.Format.Email),
-  salary: import_echo_schema4.S.optional(import_echo_schema4.Format.Currency()).annotations({
-    [import_echo_schema4.AST.TitleAnnotationId]: "Salary"
+  active: import_effect2.Schema.optional(import_effect2.Schema.Boolean),
+  email: import_effect2.Schema.optional(import_echo_schema3.Format.Email),
+  salary: import_effect2.Schema.optional(import_echo_schema3.Format.Currency()).annotations({
+    [import_effect2.SchemaAST.TitleAnnotationId]: "Salary"
   })
 });
 var ContactFields = [
@@ -484,8 +485,8 @@ var createProjection = (schema, view) => {
     },
     props: {
       property: "manager",
-      type: import_echo_schema4.TypeEnum.Ref,
-      format: import_echo_schema4.FormatEnum.Ref,
+      type: import_echo_schema3.TypeEnum.Ref,
+      format: import_echo_schema3.FormatEnum.Ref,
       referenceSchema: schema.typename,
       title: "Manager"
     }
@@ -827,7 +828,7 @@ var TableSorting = class {
       const { props } = this._projection.getFieldProjection(field.id);
       const dataWithIndices = this._rows.value.map((item, index) => {
         const sortValue = this.getSortValue(props, field, item);
-        const isEmpty = !(props.type === import_echo_schema5.TypeEnum.Boolean) && (sortValue == null || sortValue === "");
+        const isEmpty = !(props.type === import_echo_schema4.TypeEnum.Boolean) && (sortValue == null || sortValue === "");
         return {
           item,
           index,
@@ -852,17 +853,17 @@ var TableSorting = class {
   }
   getSortValue(props, field, item) {
     const { type, format } = props;
-    const value = (0, import_echo_schema5.getValue)(item, field.path);
-    if (type === import_echo_schema5.TypeEnum.Boolean) {
+    const value = (0, import_echo_schema4.getValue)(item, field.path);
+    if (type === import_echo_schema4.TypeEnum.Boolean) {
       return !!value;
     }
-    if (type === import_echo_schema5.TypeEnum.Number) {
+    if (type === import_echo_schema4.TypeEnum.Number) {
       return value;
     }
     if (value == null) {
       return value;
     }
-    if (format === import_echo_schema5.FormatEnum.SingleSelect) {
+    if (format === import_echo_schema4.FormatEnum.SingleSelect) {
       const options = props.options;
       if (!options) {
         return void 0;
@@ -870,8 +871,8 @@ var TableSorting = class {
       const option = options.find((option2) => option2.id === value);
       return option ? options.indexOf(option) : void 0;
     }
-    if (format === import_echo_schema5.FormatEnum.Ref && field.referencePath) {
-      const refValue = (0, import_echo_schema5.getValue)(value.target, field.referencePath);
+    if (format === import_echo_schema4.FormatEnum.Ref && field.referencePath) {
+      const refValue = (0, import_echo_schema4.getValue)(value.target, field.referencePath);
       return refValue;
     }
     return (0, import_react_ui_form4.formatForDisplay)({
@@ -959,17 +960,17 @@ var TableModel = class extends import_context.Resource {
       }
       const field = fields[col];
       const dataIndex = this._sorting.getDataIndex(row);
-      const value = (0, import_echo_schema3.getValue)(this._rows.value[dataIndex], field.path);
+      const value = (0, import_echo_schema2.getValue)(this._rows.value[dataIndex], field.path);
       if (value == null) {
         return "";
       }
       const { props } = this._projection.getFieldProjection(field.id);
       switch (props.format) {
-        case import_echo_schema3.FormatEnum.Ref: {
+        case import_echo_schema2.FormatEnum.Ref: {
           if (!field.referencePath) {
             return "";
           }
-          return (0, import_echo_schema3.getValue)(value.target, field.referencePath);
+          return (0, import_echo_schema2.getValue)(value.target, field.referencePath);
         }
         default: {
           return (0, import_react_ui_form3.formatForEditing)({
@@ -989,28 +990,28 @@ var TableModel = class extends import_context.Resource {
       const field = fields[col];
       const { props } = this._projection.getFieldProjection(field.id);
       switch (props.format) {
-        case import_echo_schema3.FormatEnum.Ref: {
+        case import_echo_schema2.FormatEnum.Ref: {
           if ((0, import_live_object.isLiveObject)(value)) {
-            (0, import_echo_schema3.setValue)(this._rows.value[rowIdx], field.path, (0, import_live_object.makeRef)(value));
+            (0, import_echo_schema2.setValue)(this._rows.value[rowIdx], field.path, (0, import_live_object.makeRef)(value));
           }
           break;
         }
-        case import_echo_schema3.FormatEnum.SingleSelect: {
+        case import_echo_schema2.FormatEnum.SingleSelect: {
           const ids = extractTagIds(value);
           if (ids && ids.length > 0) {
-            (0, import_echo_schema3.setValue)(this._rows.value[rowIdx], field.path, ids[0]);
+            (0, import_echo_schema2.setValue)(this._rows.value[rowIdx], field.path, ids[0]);
           }
           break;
         }
-        case import_echo_schema3.FormatEnum.MultiSelect: {
+        case import_echo_schema2.FormatEnum.MultiSelect: {
           const ids = extractTagIds(value);
           if (ids) {
-            (0, import_echo_schema3.setValue)(this._rows.value[rowIdx], field.path, ids);
+            (0, import_echo_schema2.setValue)(this._rows.value[rowIdx], field.path, ids);
           }
           break;
         }
         default: {
-          (0, import_echo_schema3.setValue)(this._rows.value[rowIdx], field.path, (0, import_react_ui_form3.parseValue)({
+          (0, import_echo_schema2.setValue)(this._rows.value[rowIdx], field.path, (0, import_react_ui_form3.parseValue)({
             type: props.type,
             format: props.format,
             value
@@ -1156,7 +1157,7 @@ var TableModel = class extends import_context.Resource {
       for (let row = start.row; row <= end.row; row++) {
         rowEffects.push((0, import_signals_core.effect)(() => {
           const obj = this._sorting.sortedRows.value[row];
-          this._view?.fields.forEach((field) => touch((0, import_echo_schema3.getValue)(obj, field.path)));
+          this._view?.fields.forEach((field) => touch((0, import_echo_schema2.getValue)(obj, field.path)));
           this._onCellUpdate?.({
             row,
             col: start.col,
@@ -1177,9 +1178,9 @@ var TableModel = class extends import_context.Resource {
     const dataRow = this._sorting.getDataIndex(row);
     const fields = this._view?.fields ?? [];
     const field = fields[col];
-    const value = (0, import_echo_schema3.getValue)(this._rows.value[dataRow], field.path);
+    const value = (0, import_echo_schema2.getValue)(this._rows.value[dataRow], field.path);
     const updatedValue = update(value);
-    (0, import_echo_schema3.setValue)(this._rows.value[dataRow], field.path, updatedValue);
+    (0, import_echo_schema2.setValue)(this._rows.value[dataRow], field.path, updatedValue);
   }
   //
   // Column Operations
@@ -1361,21 +1362,21 @@ var TablePresentation = class {
       const { props } = this.model.projection.getFieldProjection(field.id);
       const cell = {
         get value() {
-          const value = (0, import_echo_schema6.getValue)(obj, field.path);
+          const value = (0, import_echo_schema5.getValue)(obj, field.path);
           if (value == null) {
             return "";
           }
           switch (props.format) {
-            case import_echo_schema6.FormatEnum.Boolean:
-            case import_echo_schema6.FormatEnum.SingleSelect:
-            case import_echo_schema6.FormatEnum.MultiSelect: {
+            case import_echo_schema5.FormatEnum.Boolean:
+            case import_echo_schema5.FormatEnum.SingleSelect:
+            case import_echo_schema5.FormatEnum.MultiSelect: {
               return "";
             }
-            case import_echo_schema6.FormatEnum.Ref: {
+            case import_echo_schema5.FormatEnum.Ref: {
               if (!field.referencePath) {
                 return "";
               }
-              return (0, import_echo_schema6.getValue)(value.target, field.referencePath);
+              return (0, import_echo_schema5.getValue)(value.target, field.referencePath);
             }
             default: {
               return (0, import_react_ui_form5.formatForDisplay)({
@@ -1402,15 +1403,15 @@ var TablePresentation = class {
       if (classes.length > 0) {
         cell.className = (0, import_react_ui_theme2.mx)(classes.flat());
       }
-      if (props.format === import_echo_schema6.FormatEnum.Ref && props.referenceSchema) {
-        const targetObj = (0, import_echo_schema6.getValue)(obj, field.path)?.target;
+      if (props.format === import_echo_schema5.FormatEnum.Ref && props.referenceSchema) {
+        const targetObj = (0, import_echo_schema5.getValue)(obj, field.path)?.target;
         if (targetObj) {
-          const dxn = (0, import_echo_schema6.getDXN)(targetObj)?.toString();
+          const dxn = (0, import_echo_schema5.getDXN)(targetObj)?.toString();
           cell.accessoryHtml = `<dx-ref-tag ref=${dxn} class="dx-button block is-6 pli-[3px] plb-[3px] pbe-[2px] min-bs-0 absolute inline-end-1"><dx-icon icon="ph--link-simple--regular"/></dx-ref-tag>`;
         }
       }
-      if (props.format === import_echo_schema6.FormatEnum.Boolean) {
-        const value = (0, import_echo_schema6.getValue)(obj, field.path);
+      if (props.format === import_echo_schema5.FormatEnum.Boolean) {
+        const value = (0, import_echo_schema5.getValue)(obj, field.path);
         cell.accessoryHtml = tableControls.switch.render({
           colIndex,
           rowIndex: displayIndex,
@@ -1418,8 +1419,8 @@ var TablePresentation = class {
         });
         cell.readonly = "no-text-select";
       }
-      if (props.format === import_echo_schema6.FormatEnum.SingleSelect) {
-        const value = (0, import_echo_schema6.getValue)(obj, field.path);
+      if (props.format === import_echo_schema5.FormatEnum.SingleSelect) {
+        const value = (0, import_echo_schema5.getValue)(obj, field.path);
         const options = this.model.projection.getFieldProjection(field.id).props.options;
         if (options) {
           const option = options.find((o) => o.id === value);
@@ -1428,8 +1429,8 @@ var TablePresentation = class {
           }
         }
       }
-      if (props.format === import_echo_schema6.FormatEnum.MultiSelect) {
-        const values = (0, import_echo_schema6.getValue)(obj, field.path);
+      if (props.format === import_echo_schema5.FormatEnum.MultiSelect) {
+        const values = (0, import_echo_schema5.getValue)(obj, field.path);
         const options = this.model.projection.getFieldProjection(field.id).props.options;
         if (options && values && values.length > 0) {
           const tags = values.map((value) => {
@@ -1724,12 +1725,12 @@ var TableCellEditor = ({ model, modals, onEnter, onFocus, onQuery, __gridScope }
       })
     ];
     const format = fieldProjection.props.format;
-    if (format === import_echo_schema7.FormatEnum.SingleSelect || format === import_echo_schema7.FormatEnum.MultiSelect) {
+    if (format === import_echo_schema6.FormatEnum.SingleSelect || format === import_echo_schema6.FormatEnum.MultiSelect) {
       extension2.push((0, import_react_ui_editor.createMarkdownExtensions)({
         themeMode
       }));
       const options = fieldProjection.props.options || [];
-      const mode = format === import_echo_schema7.FormatEnum.SingleSelect ? "single-select" : "multi-select";
+      const mode = format === import_echo_schema6.FormatEnum.SingleSelect ? "single-select" : "multi-select";
       extension2.push((0, import_react_ui_tag_picker.tagPickerExtension)({
         mode,
         inGrid: true,
@@ -1756,7 +1757,7 @@ var TableCellEditor = ({ model, modals, onEnter, onFocus, onQuery, __gridScope }
     }
     if (onQuery) {
       switch (fieldProjection.props.format) {
-        case import_echo_schema7.FormatEnum.Ref: {
+        case import_echo_schema6.FormatEnum.Ref: {
           extension2.push([
             completion({
               onQuery: (text) => onQuery(fieldProjection, text),
@@ -1798,11 +1799,11 @@ var TableCellEditor = ({ model, modals, onEnter, onFocus, onQuery, __gridScope }
       const { col } = cell;
       const field = model.projection.view.fields[col];
       const fieldProjection2 = model.projection.getFieldProjection(field.id);
-      if (fieldProjection2?.props.format === import_echo_schema7.FormatEnum.SingleSelect || fieldProjection2?.props.format === import_echo_schema7.FormatEnum.MultiSelect) {
+      if (fieldProjection2?.props.format === import_echo_schema6.FormatEnum.SingleSelect || fieldProjection2?.props.format === import_echo_schema6.FormatEnum.MultiSelect) {
         const value2 = model.getCellData(cell);
         if (value2 !== void 0) {
           const options = fieldProjection2.props.options || [];
-          if (fieldProjection2.props.format === import_echo_schema7.FormatEnum.MultiSelect && Array.isArray(value2)) {
+          if (fieldProjection2.props.format === import_echo_schema6.FormatEnum.MultiSelect && Array.isArray(value2)) {
             const tagItems = value2.map((id) => {
               const option = options.find((o) => o.id === id);
               if (option) {
@@ -2277,8 +2278,8 @@ var DynamicTable = ({ classNames, name = "example.com/dynamic-table", rows, prop
     onRowClick
   }))));
 };
-var createTableToolbarActions = (state) => {
-  const add = (0, import_react_ui_menu.createMenuAction)("add-row", {
+var createTableToolbarActions = (state, onAction) => {
+  const add = (0, import_react_ui_menu.createMenuAction)("add-row", () => onAction(add), {
     type: "add-row",
     icon: "ph--plus--regular",
     label: [
@@ -2289,7 +2290,7 @@ var createTableToolbarActions = (state) => {
     ],
     testId: "table.toolbar.add-row"
   });
-  const save = (0, import_react_ui_menu.createMenuAction)("save-view", {
+  const save = (0, import_react_ui_menu.createMenuAction)("save-view", () => onAction(save), {
     type: "save-view",
     icon: "ph--floppy-disk--regular",
     label: [
@@ -2303,7 +2304,7 @@ var createTableToolbarActions = (state) => {
     hidden: !state.viewDirty
   });
   const gap = (0, import_react_ui_menu.createGapSeparator)();
-  const comment = (0, import_react_ui_menu.createMenuAction)("comment", {
+  const comment = (0, import_react_ui_menu.createMenuAction)("comment", () => onAction(comment), {
     type: "comment",
     icon: "ph--chat-text--regular",
     label: [
@@ -2332,14 +2333,14 @@ var TableToolbar = ({ classNames, viewDirty, attendableId, onAction }) => {
   const state = (0, import_react9.useMemo)(() => (0, import_live_object3.live)({
     viewDirty
   }), []);
-  const actionsCreator = (0, import_react9.useCallback)(() => createTableToolbarActions(state), [
-    state
+  const actionsCreator = (0, import_react9.useCallback)(() => createTableToolbarActions(state, onAction), [
+    state,
+    onAction
   ]);
   const menu = (0, import_react_ui_menu.useMenuActions)(actionsCreator);
   return /* @__PURE__ */ import_react9.default.createElement(import_react_ui_menu.MenuProvider, {
     ...menu,
-    attendableId,
-    onAction
+    attendableId
   }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui_menu.ToolbarMenu, {
     classNames
   }));