dattatable 2.9.64 → 2.9.66

package/build/dashboard/accordion.d.ts

@@ -1,5 +1,6 @@
+import { Components } from "gd-sprest-bs";
 export interface IAccordion {
-    filter?: (string: any) => void;
+    filter?: (value: string | string[], item?: Components.ICheckboxGroupItem) => void;
     search?: (value: string) => void;
 }
 export interface IAccordionProps {

package/build/dashboard/filter.d.ts

@@ -6,7 +6,7 @@ export interface IFilterItem {
     header: string;
     items: Components.ICheckboxGroupItem[];
     multi?: boolean;
-    onFilter?: (value: string | string[]) => void;
+    onFilter?: (value: string | string[], item?: Components.ICheckboxGroupItem) => void;
 }
 /**
  * Properties
@@ -14,7 +14,7 @@ export interface IFilterItem {
 export interface IFilterProps {
     filters: IFilterItem[];
     onClear?: () => void;
-    onFilter?: (value: string | string[]) => void;
+    onFilter?: (value: string | string[], item?: Components.ICheckboxGroupItem) => void;
     onRendered?: (el: HTMLElement) => void;
 }
 /**

package/build/dashboard/filter.js

@@ -93,14 +93,14 @@ var FilterSlideout = /** @class */ (function () {
                                 values.push(items[i].label);
                             }
                             // Execute the event
-                            filter.onFilter ? filter.onFilter(values) : null;
-                            _this._onFilter ? _this._onFilter(values) : null;
+                            filter.onFilter ? filter.onFilter(values, item) : null;
+                            _this._onFilter ? _this._onFilter(values, item) : null;
                         }
                         else {
                             var item_1 = value;
                             // Execute the event
-                            filter.onFilter ? filter.onFilter(item_1 ? item_1.label : "") : null;
-                            _this._onFilter ? _this._onFilter(item_1 ? item_1.label : "") : null;
+                            filter.onFilter ? filter.onFilter(item_1 ? item_1.label : "", item_1) : null;
+                            _this._onFilter ? _this._onFilter(item_1 ? item_1.label : "", item_1) : null;
                         }
                     }
                 }));

package/build/dashboard/index.js

@@ -119,10 +119,10 @@ var Dashboard = /** @class */ (function () {
             filters: this._props.filters ? this._props.filters.items : [],
             onClear: this._props.filters ? this._props.filters.onClear : null,
             onRendered: this._props.filters ? this._props.filters.onRendered : null,
-            onFilter: this.IsAccordion ? function (value) {
-                _this._accordion.filter(value);
-            } : (this.IsTiles ? function (value) {
-                _this._tiles.filter(value);
+            onFilter: this.IsAccordion ? function (value, item) {
+                _this._accordion.filter(value, item);
+            } : (this.IsTiles ? function (value, item) {
+                _this._tiles.filter(value, item);
             } : null)
         });
         // Render the template

package/build/dashboard/tiles.d.ts

@@ -1,6 +1,6 @@
 import { Components } from "gd-sprest-bs";
 export interface ITiles {
-    filter?: (string: any) => void;
+    filter?: (value: string | string[], item?: Components.ICheckboxGroupItem) => void;
     search?: (value: string) => void;
 }
 export interface ITilesProps {
@@ -35,6 +35,7 @@ export declare class Tiles implements ITiles {
     constructor(props: ITilesProps);
     filter(value: string): void;
     private render;
+    private generateCard;
     private renderTiles;
     private updateTiles;
     search(value: string): void;

package/build/dashboard/tiles.js

@@ -37,60 +37,73 @@ var Tiles = /** @class */ (function () {
         // Update the tiles
         this.updateTiles();
     };
+    // Generate the card properties
+    Tiles.prototype.generateCard = function (item) {
+        var _this = this;
+        var itemClassNames = [];
+        // Get the filters
+        var filters = item[this._props.filterField] || [];
+        filters = filters["results"] || [filters];
+        // See if the filter field is specified
+        if (this._props.filterField) {
+            // Parse the selected filters
+            for (var j = 0; j < filters.length; j++) {
+                var filter = filters[j].toLowerCase().replace(/ /g, '-');
+                // Add the filter as a class name
+                if (filter) {
+                    itemClassNames.push(filter);
+                }
+            }
+        }
+        // Set the card props
+        var cardProps = {
+            className: itemClassNames.join(" "),
+            onRender: this._props.onCardRendered,
+            body: [{
+                    content: (this._props.bodyField ? item[this._props.bodyField || "Description"] : null) || "",
+                    data: item,
+                    subTitle: item[this._props.subTitleField] || "",
+                    title: item[this._props.titleField || "Title"] || "",
+                    onRender: function (el, card) {
+                        var item = card.data;
+                        // Call the events
+                        _this._props.onTitleRendered ? _this._props.onTitleRendered(el.querySelector(".card-title"), item) : null;
+                        _this._props.onSubTitleRendered ? _this._props.onSubTitleRendered(el.querySelector(".card-subtitle"), item) : null;
+                        _this._props.onBodyRendered ? _this._props.onBodyRendered(el, item) : null;
+                    }
+                }]
+        };
+        // See if we are showing the header
+        var showHeader = typeof (this._props.showHeader) === "boolean" ? this._props.showHeader : true;
+        if (showHeader) {
+            cardProps.header = {
+                onRender: function (el) {
+                    _this._props.onHeaderRendered ? _this._props.onHeaderRendered(el, item) : null;
+                }
+            };
+        }
+        // See if we are showing the footer
+        var showFooter = typeof (this._props.showFooter) === "boolean" ? this._props.showFooter : true;
+        if (showFooter) {
+            cardProps.footer = {
+                onRender: function (el) {
+                    _this._props.onFooterRendered ? _this._props.onFooterRendered(el, item) : null;
+                }
+            };
+        }
+        // Call the event
+        this._props.onCardRendering ? this._props.onCardRendering(cardProps) : null;
+        // Return the card properties
+        return cardProps;
+    };
     // Renders the tiles
     Tiles.prototype.renderTiles = function () {
-        var _this = this;
         // Parse the items
         var cards = [];
         for (var i = 0; i < this._props.items.length; i++) {
             var item = this._props.items[i];
-            var itemClassNames = [];
-            // Get the filters
-            var filters = item[this._props.filterField] || [];
-            filters = filters["results"] || [filters];
-            // See if the filter field is specified
-            if (this._props.filterField) {
-                // Parse the selected filters
-                for (var j = 0; j < filters.length; j++) {
-                    var filter = filters[j].toLowerCase().replace(/ /g, '-');
-                    // Add the filter as a class name
-                    if (filter) {
-                        itemClassNames.push(filter);
-                    }
-                }
-            }
-            // Set the card props
-            var cardProps = {
-                className: itemClassNames.join(" "),
-                onRender: this._props.onCardRendered,
-                body: [{
-                        content: (this._props.bodyField ? item[this._props.bodyField || "Description"] : null) || "",
-                        data: item,
-                        subTitle: item[this._props.subTitleField] || "",
-                        title: item[this._props.titleField || "Title"] || "",
-                        onRender: function (el, card) {
-                            var item = card.data;
-                            // Call the events
-                            _this._props.onTitleRendered ? _this._props.onTitleRendered(el.querySelector(".card-title"), item) : null;
-                            _this._props.onSubTitleRendered ? _this._props.onSubTitleRendered(el.querySelector(".card-subtitle"), item) : null;
-                            _this._props.onBodyRendered ? _this._props.onBodyRendered(el, item) : null;
-                        }
-                    }]
-            };
-            // See if we are showing the header
-            var showHeader = typeof (this._props.showHeader) === "boolean" ? this._props.showHeader : true;
-            if (showHeader) {
-                cardProps.header = { onRender: this._props.onHeaderRendered };
-            }
-            // See if we are showing the footer
-            var showFooter = typeof (this._props.showFooter) === "boolean" ? this._props.showFooter : true;
-            if (showFooter) {
-                cardProps.footer = { onRender: this._props.onFooterRendered };
-            }
-            // Call the event
-            this._props.onCardRendering ? this._props.onCardRendering(cardProps) : null;
             // Add an tile
-            cards.push(cardProps);
+            cards.push(this.generateCard(item));
         }
         // Render the tiles
         this._tiles = gd_sprest_bs_1.Components.CardGroup({