web-mojo 2.1.70 → 2.1.144

package/dist/chunks/{FilePreviewView-Bp09ZiEw.js → FilePreviewView-rWCKXhwS.js}

@@ -1,8 +1,8 @@
-import { M as Model, C as Collection, T as ToastService, G as GroupList, c as UserList } from "./User-DNxU39NR.js";
-import { r as rest, V as View, d as dataFormatter, M as Mustache } from "./WebApp-No-qysKc.js";
-import { P as Page } from "./Page-Dg7X1BML.js";
-import Dialog from "./Dialog-B9C-Tivh.js";
-import { F as FormView } from "./FormView-DWR9Albb.js";
+import { M as Model, C as Collection, T as ToastService, G as GroupList, c as UserList } from "./User-BhmqIo3p.js";
+import { r as rest, V as View, d as dataFormatter, M as Mustache } from "./WebApp-Cs-c1f0h.js";
+import { P as Page } from "./Page-CSdWY0RU.js";
+import Dialog from "./Dialog-BJgl27dz.js";
+import { F as FormView } from "./FormView-Da3OHCwQ.js";
 class S3Bucket extends Model {
   constructor(data = {}) {
     super(data, {
@@ -2741,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") {
@@ -3028,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
    */
@@ -3390,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,
@@ -3547,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("");
   }
@@ -4176,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.");
+      }
     }
   }
   /**
@@ -5159,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);
     }
@@ -5887,4 +5932,4 @@ export {
   IncidentEventForms as y,
   Incident as z
 };
-//# sourceMappingURL=FilePreviewView-Bp09ZiEw.js.map
+//# sourceMappingURL=FilePreviewView-rWCKXhwS.js.map