dattatable 2.11.40 → 2.11.42

package/build/dashboard/index.d.ts

@@ -92,6 +92,10 @@ export interface IDashboardProps {
         bodyFields?: string[];
         bodyTemplate?: string;
         className?: string;
+        classNameBody?: string;
+        classNameCard?: string;
+        classNameFooter?: string;
+        classNameHeader?: string;
         colSize?: number | string;
         filterFields?: string[];
         items: any[];

package/build/dashboard/tiles.d.ts

@@ -8,6 +8,10 @@ export interface ITilesProps {
     bodyFields?: string[];
     bodyTemplate?: string;
     className?: string;
+    classNameBody?: string;
+    classNameCard?: string;
+    classNameFooter?: string;
+    classNameHeader?: string;
     colSize?: number | string;
     el: HTMLElement;
     filterFields?: string[];

package/build/dashboard/tiles.js

@@ -113,6 +113,13 @@ var Tiles = /** @class */ (function () {
         // Set the card props
         var cardProps = {
             onRender: function (el, card) {
+                // Set the class name
+                if (_this._props.classNameCard) {
+                    _this._props.classNameCard.trim().split(' ').forEach(function (className) {
+                        // Add the class name
+                        el.classList.add(className);
+                    });
+                }
                 // See if filters exist
                 if (filterValues && filterValues.length > 0) {
                     // Set the data filter value
@@ -122,6 +129,7 @@ var Tiles = /** @class */ (function () {
                 _this._props.onCardRendered ? _this._props.onCardRendered(el, card) : null;
             },
             body: [{
+                    className: this._props.classNameBody,
                     content: bodyContent,
                     data: item,
                     subTitle: subTitleContent,
@@ -143,6 +151,7 @@ var Tiles = /** @class */ (function () {
         var showHeader = typeof (this._props.showHeader) === "boolean" ? this._props.showHeader : true;
         if (showHeader) {
             cardProps.header = {
+                className: this._props.classNameHeader,
                 onRender: function (el) {
                     _this._props.onHeaderRendered ? _this._props.onHeaderRendered(el, item) : null;
                 }
@@ -152,6 +161,7 @@ var Tiles = /** @class */ (function () {
         var showFooter = typeof (this._props.showFooter) === "boolean" ? this._props.showFooter : true;
         if (showFooter) {
             cardProps.footer = {
+                className: this._props.classNameFooter,
                 onRender: function (el) {
                     _this._props.onFooterRendered ? _this._props.onFooterRendered(el, item) : null;
                 }