web-mojo 2.1.46 → 2.1.116

package/dist/chunks/{FilePreviewView-BmFHzK5K.js → FilePreviewView-HtW6KRdR.js}

@@ -1,8 +1,8 @@
-import { M as Model, C as Collection, T as ToastService, G as GroupList, c as UserList } from "./User-DwIT-CTQ.js";
-import { r as rest, V as View, d as dataFormatter, M as Mustache } from "./WebApp-B6mgbNn2.js";
-import { P as Page } from "./Page-B524zSQs.js";
-import Dialog from "./Dialog-DSlctbon.js";
-import { F as FormView } from "./FormView-DqUBMPJ9.js";
+import { M as Model, C as Collection, T as ToastService, G as GroupList, c as UserList } from "./User-B3Iz5PQD.js";
+import { r as rest, V as View, d as dataFormatter, M as Mustache } from "./WebApp-Bdehjb5l.js";
+import { P as Page } from "./Page-BetG0u0h.js";
+import Dialog from "./Dialog-DXrIEti_.js";
+import { F as FormView } from "./FormView-CIa1o6FC.js";
 class S3Bucket extends Model {
   constructor(data = {}) {
     super(data, {
@@ -1341,22 +1341,38 @@ const FileManagerForms = {
   owners: {
     fields: [
       {
-        name: "owner_id",
-        type: "text",
-        label: "Owner ID",
-        required: true,
-        placeholder: "Enter owner ID",
-        help: "Enter the owner ID",
-        cols: 12
+        type: "collection",
+        name: "group",
+        label: "Group (Owner)",
+        Collection: GroupList,
+        // Collection class
+        labelField: "name",
+        // Field to display in dropdown
+        valueField: "id",
+        // Field to use as value
+        maxItems: 10,
+        // Max items to show in dropdown
+        placeholder: "Search groups...",
+        emptyFetch: false,
+        debounceMs: 300
+        // Search debounce delay
       },
       {
-        name: "owner_name",
-        type: "text",
-        label: "Owner Name",
-        required: true,
-        placeholder: "Enter owner name",
-        help: "Enter the owner name",
-        cols: 12
+        type: "collection",
+        name: "user",
+        label: "User (Owner)",
+        Collection: UserList,
+        // Collection class
+        labelField: "display_name",
+        // Field to display in dropdown
+        valueField: "id",
+        // Field to use as value
+        maxItems: 10,
+        // Max items to show in dropdown
+        placeholder: "Search users...",
+        emptyFetch: false,
+        debounceMs: 300
+        // Search debounce delay
       }
     ]
   },
@@ -2355,26 +2371,29 @@ const MemberForms = {
     title: "Edit Membership",
     fields: [
       {
-        name: "role",
+        name: "user.display_name",
+        type: "text",
+        label: "Display Name",
+        placeholder: "Enter Display Name"
+      },
+      {
+        name: "metadata.role",
         type: "text",
         label: "Role",
         required: true,
         placeholder: "Enter role"
       },
       {
-        name: "status",
-        type: "select",
-        label: "Status",
-        required: true,
-        options: [
-          { value: "active", label: "Active" },
-          { value: "inactive", label: "Inactive" },
-          { value: "pending", label: "Pending" }
-        ]
+        name: `is_active`,
+        type: "switch",
+        label: "Is Enabled",
+        columns: 12
       }
     ]
   }
 };
+Member.EDIT_FORM = MemberForms.edit;
+Member.ADD_FORM = MemberForms.create;
 class MetricsPermission extends Model {
   constructor(data = {}) {
     super(data, {
@@ -2722,13 +2741,24 @@ class ListView extends View {
     this.emptyMessage = options.emptyMessage || "No items to display";
     this.loading = false;
     this.isEmpty = true;
-    this._initCollection(options.collection);
+  }
+  /**
+   * Override onInit to set up initial state
+   */
+  async onInit() {
+    this._initCollection(this.options.collection || this.options.Collection);
+    if (this.collection && this.collection.isEmpty() && this.collection.restEnabled) {
+      await this.collection.fetch();
+    }
   }
   /**
    * Initialize the collection
    */
   _initCollection(collectionOrClass) {
-    if (!collectionOrClass) return;
+    if (!collectionOrClass) {
+      console.log("Collection not provided");
+      return;
+    }
     if (collectionOrClass instanceof Collection) {
       this.setCollection(collectionOrClass);
     } else if (typeof collectionOrClass === "function") {
@@ -3009,14 +3039,6 @@ class ListView extends View {
     }
     this._buildItems();
   }
-  /**
-   * Override onInit to set up initial state
-   */
-  async onInit() {
-    if (this.collection && this.collection.isEmpty() && this.collection.restEnabled) {
-      await this.collection.fetch();
-    }
-  }
   /**
    * Override destroy to clean up
    */
@@ -3065,7 +3087,7 @@ class TableRow extends ListViewItem {
    */
   buildRowTemplate() {
     let template = "";
-    if (this.tableView && this.tableView.batchActions && this.tableView.batchActions.length > 0) {
+    if (this.tableView && this.tableView.isSelectable()) {
       template += `
         <td style="padding: 0;">
           <div class="mojo-select-cell {{#selected}}selected{{/selected}}"
@@ -3371,12 +3393,21 @@ class TableView extends ListView {
     this.deleteTemplate = options.deleteTemplate;
     this.formDialogConfig = options.formDialogConfig || {};
     this.viewDialogOptions = options.viewDialogOptions || {};
+    this.exportOptions = options.exportOptions || null;
+    if (this.options.showExport && !this.exportOptions) {
+      this.exportOptions = [
+        { format: "csv", label: "Export as CSV", icon: "bi bi-file-earmark-spreadsheet" },
+        { format: "json", label: "Export as JSON", icon: "bi bi-file-earmark-code" }
+      ];
+    }
+    this.exportSource = options.exportSource || "remote";
     this.filters = {};
     this.additionalFilters = options.filters || [];
     this.hideActivePills = options.hideActivePills || false;
     this.hideActivePillNames = options.hideActivePillNames || [];
     this.rowAction = options.rowAction || "row-click";
     this.batchBarLocation = options.batchBarLocation || "bottom";
+    this.options.addButtonLabel = options.addButtonLabel || "Add";
     this.tableOptions = {
       striped: true,
       bordered: false,
@@ -3438,6 +3469,9 @@ class TableView extends ListView {
     data.searchValue = this.getActiveFilters().search || "";
     return data;
   }
+  isSelectable() {
+    return this.batchActions && this.batchActions.length > 0 && this.selectionMode == "multiple";
+  }
   /**
    * Build the complete table template
    */
@@ -3525,21 +3559,45 @@ class TableView extends ListView {
       buttons.push(`
         <button class="btn btn-sm btn-success btn-add"
                 data-action="add"
-                title="Add">
+                title="${this.options.addButtonLabel}">
           <i class="bi bi-plus-circle me-1"></i>
-          <span class="d-none d-lg-inline">Add</span>
+          <span class="d-none d-lg-inline">${this.options.addButtonLabel}</span>
         </button>
       `);
     }
     if (this.options.showExport) {
-      buttons.push(`
-        <button class="btn btn-sm btn-outline-secondary btn-export"
-                data-action="export"
-                title="Export">
-          <i class="bi bi-download me-1"></i>
-          <span class="d-none d-lg-inline">Export</span>
-        </button>
-      `);
+      if (this.exportOptions && this.exportOptions.length > 1) {
+        const dropdownItems = this.exportOptions.map((opt) => `
+          <li>
+            <a class="dropdown-item" href="#" data-action="export" data-format="${opt.format}">
+              <i class="${opt.icon || "bi bi-file-earmark-arrow-down"} me-2"></i>${opt.label}
+            </a>
+          </li>
+        `).join("");
+        buttons.push(`
+          <div class="dropdown">
+            <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button"
+                    data-bs-toggle="dropdown" aria-expanded="false" title="Export">
+              <i class="bi bi-download me-1"></i>
+              <span class="d-none d-lg-inline">Export</span>
+            </button>
+            <ul class="dropdown-menu">
+              ${dropdownItems}
+            </ul>
+          </div>
+        `);
+      } else {
+        const format = this.exportOptions && this.exportOptions.length === 1 ? this.exportOptions[0].format : "json";
+        buttons.push(`
+          <button class="btn btn-sm btn-outline-secondary btn-export"
+                  data-action="export"
+                  data-format="${format}"
+                  title="Export">
+            <i class="bi bi-download me-1"></i>
+            <span class="d-none d-lg-inline">Export</span>
+          </button>
+        `);
+      }
     }
     return buttons.join("");
   }
@@ -3717,7 +3775,7 @@ class TableView extends ListView {
    */
   buildTableHeaderTemplate() {
     let headerCells = "";
-    if (this.batchActions && this.batchActions.length > 0) {
+    if (this.isSelectable()) {
       headerCells += `
         <th style="width: 40px; padding: 0;">
           <div class="mojo-select-all-cell" data-action="select-all">
@@ -4154,12 +4212,24 @@ class TableView extends ListView {
    * Handle export action
    */
   async onActionExport(event, element) {
+    const format = element.getAttribute("data-format") || "json";
     this.emit("table:export", {
-      data: this.collection?.toJSON() || [],
+      format,
+      source: this.exportSource,
       event
     });
-    if (this.options.onExport) {
-      await this.options.onExport(this.collection?.toJSON() || []);
+    if (this.exportSource === "remote") {
+      if (this.collection) {
+        await this.collection.download(format);
+      } else {
+        console.warn("TableView: Cannot export from remote without a collection.");
+      }
+    } else {
+      if (this.options.onExport) {
+        await this.options.onExport(this.collection?.toJSON() || [], format);
+      } else {
+        console.warn("TableView: onExport handler not implemented for local export.");
+      }
     }
   }
   /**
@@ -5137,9 +5207,6 @@ class TabView extends View {
     this._tabComputedStyle = null;
     this.isMobileMode = false;
     this.hasOverflow = false;
-    if (this.tabLabels.length === 0) {
-      console.warn("TabView: No tabs provided");
-    }
     for (const [label, view] of Object.entries(tabs)) {
       this.addTab(label, view);
     }
@@ -5865,4 +5932,4 @@ export {
   IncidentEventForms as y,
   Incident as z
 };
-//# sourceMappingURL=FilePreviewView-BmFHzK5K.js.map
+//# sourceMappingURL=FilePreviewView-HtW6KRdR.js.map