web-mojo 2.1.701 → 2.1.703

package/dist/chunks/{ChatView-B7yJCx17.js → ChatView-CzcjZ6QP.js}

@@ -1,8 +1,8 @@
-import { M as Model, C as Collection, T as ToastService, G as GroupList, d as UserList } from "./ContextMenu-CWyVdD0T.js";
-import { r as rest, V as View, d as dataFormatter, M as Mustache } from "./WebApp-Di6aAIhF.js";
-import { P as Page } from "./Page-DaVKtn-L.js";
-import Dialog from "./Dialog-BvZ2fvRX.js";
-import { F as FormView, a as applyFileDropMixin } from "./FormView-DrvOoQIv.js";
+import { M as Model, C as Collection, T as ToastService, G as GroupList, d as UserList } from "./ContextMenu-3XJxQeJC.js";
+import { r as rest, V as View, d as dataFormatter, M as Mustache } from "./WebApp-BxWFN9k7.js";
+import { P as Page } from "./Page-yJn8PtJJ.js";
+import Dialog from "./Dialog-DKYQBU7p.js";
+import { F as FormView, a as applyFileDropMixin } from "./FormView-DV_HKp0B.js";
 class S3Bucket extends Model {
   constructor(data = {}) {
     super(data, {
@@ -3293,6 +3293,7 @@ class TableRow extends ListViewItem {
       } else if (typeof action === "object") {
         return `
           <button class="btn btn-sm ${action.class || "btn-outline-primary"}"
+                  data-id="${this.model.id}"
                   data-action="${action.action}"
                   title="${action.label || ""}">
             ${action.icon ? `<i class="${action.icon}"></i>` : ""}
@@ -3794,6 +3795,7 @@ class TableView extends ListView {
     this.rowAction = options.rowAction || "row-click";
     this.batchBarLocation = options.batchBarLocation || "bottom";
     this.options.addButtonLabel = options.addButtonLabel || "Add";
+    this.toolbarButtons = options.toolbarButtons || [];
     this.tableOptions = {
       striped: true,
       bordered: false,
@@ -4107,6 +4109,39 @@ class TableView extends ListView {
         `);
       }
     }
+    if (this.toolbarButtons && this.toolbarButtons.length > 0) {
+      this.toolbarButtons.forEach((button, index) => {
+        const {
+          label = "Button",
+          icon = "",
+          action = "",
+          handler = null,
+          variant = "outline-secondary",
+          title = label,
+          className = "",
+          permissions = null
+        } = button;
+        if (permissions && !this.checkPermissions(permissions)) {
+          return;
+        }
+        const iconHtml = icon ? `<i class="${icon} me-1"></i>` : "";
+        const labelHtml = `<span class="d-none d-lg-inline">${label}</span>`;
+        let dataAttrs = "";
+        if (handler) {
+          dataAttrs = `data-action="custom-toolbar-button" data-button-index="${index}"`;
+        } else if (action) {
+          dataAttrs = `data-action="${action}"`;
+        }
+        const btnClass = `btn btn-sm btn-${variant} ${className}`.trim();
+        buttons.push(`
+          <button class="${btnClass}"
+                  ${dataAttrs}
+                  title="${title}">
+            ${iconHtml}${labelHtml}
+          </button>
+        `);
+      });
+    }
     return buttons.join("");
   }
   /**
@@ -5574,6 +5609,16 @@ class TableView extends ListView {
     this.clearSelection();
     this.updateBatchActionsPanel();
   }
+  /**
+   * Handle custom toolbar button with handler function
+   */
+  async onActionCustomToolbarButton(event, element) {
+    const buttonIndex = parseInt(element.getAttribute("data-button-index"), 10);
+    const button = this.toolbarButtons[buttonIndex];
+    if (button && typeof button.handler === "function") {
+      await button.handler.call(this, event, element);
+    }
+  }
 }
 class TablePage extends Page {
   constructor(options = {}) {
@@ -7238,4 +7283,4 @@ export {
   FileList as y,
   FileForms as z
 };
-//# sourceMappingURL=ChatView-B7yJCx17.js.map
+//# sourceMappingURL=ChatView-CzcjZ6QP.js.map