dattatable 2.9.84 → 2.9.86

package/build/dashboard/accordion.d.ts

@@ -9,7 +9,9 @@ export interface IAccordionProps {
     el: HTMLElement;
     filterFields?: [string];
     items: any[];
+    onItemBodyRender?: (el?: HTMLElement, item?: any) => void;
     onItemClick?: (el?: HTMLElement, item?: any) => void;
+    onItemHeaderRender?: (el?: HTMLElement, item?: any) => void;
     onItemRender?: (el?: HTMLElement, item?: any) => void;
     onPaginationRender?: (el?: HTMLElement) => void;
     paginationLimit?: number;
@@ -29,6 +31,7 @@ export declare class Accordion implements IAccordion {
     constructor(props: IAccordionProps);
     private clearItem;
     filter(values?: string[]): void;
+    private generateItem;
     private render;
     private renderAccordion;
     private renderItems;

package/build/dashboard/accordion.js

@@ -39,6 +39,78 @@ var Accordion = /** @class */ (function () {
         // Render the items
         this.renderItems();
     };
+    // Generates the accordion item
+    Accordion.prototype.generateItem = function (item) {
+        var _this = this;
+        var filterValues = [];
+        // See if the filter field is specified
+        if (this._props.filterFields) {
+            // Parse the fields
+            for (var i = 0; i < this._props.filterFields.length; i++) {
+                var filterField = this._props.filterFields[i];
+                // Get the filter values
+                var filters = item[filterField] || [];
+                filters = filters["results"] || [filters];
+                // Append the values
+                filterValues = filterValues.concat(filters);
+            }
+        }
+        // See if the body fields exist
+        var bodyContent = this._props.bodyTemplate || "";
+        if (this._props.bodyFields) {
+            // Parse the fields
+            for (var i = 0; i < this._props.bodyFields.length; i++) {
+                var field = this._props.bodyFields[i];
+                var value = item[field] || "";
+                // See if there is a template
+                if (this._props.bodyTemplate) {
+                    // Replace the values
+                    var pattern = new RegExp("({" + field + "})", "g");
+                    bodyContent = bodyContent.replace(pattern, value);
+                }
+                else {
+                    // Append the value
+                    bodyContent += value;
+                }
+            }
+        }
+        // See if the sub-title fields exist
+        var titleContent = this._props.titleTemplate || "";
+        if (this._props.titleFields) {
+            // Parse the fields
+            for (var i = 0; i < this._props.titleFields.length; i++) {
+                var field = this._props.titleFields[i];
+                var value = item[field] || "";
+                // See if there is a template
+                if (this._props.titleTemplate) {
+                    // Replace the values
+                    var pattern = new RegExp("({" + field + "})", "g");
+                    titleContent = titleContent.replace(pattern, value);
+                }
+                else {
+                    // Append the value
+                    titleContent += value;
+                }
+            }
+        }
+        // Return the item
+        return {
+            content: bodyContent,
+            header: titleContent,
+            onClick: this._props.onItemClick,
+            onRenderBody: this._props.onItemBodyRender,
+            onRenderHeader: this._props.onItemHeaderRender,
+            onRender: function (el, item) {
+                // See if filters exist
+                if (filterValues && filterValues.length > 0) {
+                    // Set the data filter value
+                    el.setAttribute("data-filter", filterValues.join('|'));
+                }
+                // Call the event
+                _this._props.onItemRender ? _this._props.onItemRender(el, item) : null;
+            }
+        };
+    };
     // Renders the dashboard
     Accordion.prototype.render = function () {
         // Render the accordion
@@ -48,82 +120,13 @@ var Accordion = /** @class */ (function () {
     };
     // Renders the accordion
     Accordion.prototype.renderAccordion = function () {
-        var _this = this;
         // Parse the items
         var accordionItems = [];
-        var _loop_1 = function (i) {
-            var item = this_1._props.items[i];
-            var filterValues = [];
-            // See if the filter field is specified
-            if (this_1._props.filterFields) {
-                // Parse the fields
-                for (var i_1 = 0; i_1 < this_1._props.filterFields.length; i_1++) {
-                    var filterField = this_1._props.filterFields[i_1];
-                    // Get the filter values
-                    var filters = item[filterField] || [];
-                    filters = filters["results"] || [filters];
-                    // Append the values
-                    filterValues = filterValues.concat(filters);
-                }
-            }
-            // See if the body fields exist
-            var bodyContent = this_1._props.bodyTemplate || "";
-            if (this_1._props.bodyFields) {
-                // Parse the fields
-                for (var i_2 = 0; i_2 < this_1._props.bodyFields.length; i_2++) {
-                    var field = this_1._props.bodyFields[i_2];
-                    var value = item[field] || "";
-                    // See if there is a template
-                    if (this_1._props.bodyTemplate) {
-                        // Replace the values
-                        var pattern = new RegExp("({" + field + "})", "g");
-                        bodyContent = bodyContent.replace(pattern, value);
-                    }
-                    else {
-                        // Append the value
-                        bodyContent += value;
-                    }
-                }
-            }
-            // See if the sub-title fields exist
-            var titleContent = this_1._props.titleTemplate || "";
-            if (this_1._props.titleFields) {
-                // Parse the fields
-                for (var i_3 = 0; i_3 < this_1._props.titleFields.length; i_3++) {
-                    var field = this_1._props.titleFields[i_3];
-                    var value = item[field] || "";
-                    // See if there is a template
-                    if (this_1._props.titleTemplate) {
-                        // Replace the values
-                        var pattern = new RegExp("({" + field + "})", "g");
-                        titleContent = titleContent.replace(pattern, value);
-                    }
-                    else {
-                        // Append the value
-                        titleContent += value;
-                    }
-                }
-            }
-            // Add an accordion item
-            accordionItems.push({
-                content: bodyContent,
-                header: titleContent,
-                onClick: this_1._props.onItemClick,
-                onRender: function (el, item) {
-                    // See if filters exist
-                    if (filterValues && filterValues.length > 0) {
-                        // Set the data filter value
-                        el.setAttribute("data-filter", filterValues.join('|'));
-                    }
-                    // Call the event
-                    _this._props.onItemRender ? _this._props.onItemRender(el, item) : null;
-                },
-                showFl: i == 0,
-            });
-        };
-        var this_1 = this;
         for (var i = 0; i < this._props.items.length; i++) {
-            _loop_1(i);
+            var item = this.generateItem(this._props.items[i]);
+            item.showFl = i == 0;
+            // Add an accordion item
+            accordionItems.push(item);
         }
         // Render the accordion
         this._accordion = gd_sprest_bs_1.Components.Accordion({

package/build/dashboard/index.d.ts

@@ -15,7 +15,9 @@ export interface IDashboardProps {
         bodyTemplate?: string;
         filterFields?: [string];
         items: any[];
+        onItemBodyRender?: (el?: HTMLElement, item?: any) => void;
         onItemClick?: (el?: HTMLElement, item?: any) => void;
+        onItemHeaderRender?: (el?: HTMLElement, item?: any) => void;
         onItemRender?: (el?: HTMLElement, item?: any) => void;
         onPaginationRender?: (el?: HTMLElement) => void;
         paginationLimit?: number;