dattatable 2.10.90 → 2.10.92

package/build/dashboard/accordion.d.ts

@@ -7,6 +7,7 @@ export interface IAccordion {
 export interface IAccordionProps {
     bodyFields?: string[];
     bodyTemplate?: string;
+    className?: string;
     el: HTMLElement;
     filterFields?: string[];
     items: any[];

package/build/dashboard/accordion.js

@@ -138,6 +138,7 @@ var Accordion = /** @class */ (function () {
         // Render the accordion
         this._accordion = gd_sprest_bs_1.Components.Accordion({
             el: this._props.el,
+            className: this._props.className,
             id: "accordion-list",
             items: accordionItems
         });

package/build/dashboard/filter.d.ts

@@ -13,6 +13,7 @@ export interface IFilterItem {
  * Properties
  */
 export interface IFilterProps {
+    className?: string;
     filters: IFilterItem[];
     onClear?: () => void;
     onFilter?: (value: string | string[], item?: Components.ICheckboxGroupItem) => void;
@@ -24,6 +25,7 @@ export interface IFilterProps {
  */
 export declare class FilterSlideout {
     private _cbs;
+    private _className;
     private _el;
     private _filters;
     private _items;

package/build/dashboard/filter.js

@@ -10,10 +10,12 @@ var canvas_1 = require("../common/canvas");
 var FilterSlideout = /** @class */ (function () {
     function FilterSlideout(props) {
         this._cbs = null;
+        this._className = null;
         this._el = null;
         this._filters = null;
         this._items = null;
         // Save the properties
+        this._className = props.className;
         this._filters = props.filters || [];
         this._onClear = props.onClear;
         this._onFilter = props.onFilter;
@@ -47,6 +49,7 @@ var FilterSlideout = /** @class */ (function () {
         // Render a clear button
         gd_sprest_bs_1.Components.Tooltip({
             el: this._el,
+            className: this._className,
             content: "Reset Filters",
             placement: gd_sprest_bs_1.Components.TooltipPlacements.Left,
             btnProps: {

package/build/dashboard/header.d.ts

@@ -3,6 +3,7 @@ import { Components } from "gd-sprest-bs";
  * Header
  */
 export interface IHeaderProps {
+    className?: string;
     el: HTMLElement;
     onRendering?: (props: Components.IJumbotronProps) => void;
     onRendered?: (el: HTMLElement) => void;

package/build/dashboard/header.js

@@ -21,7 +21,7 @@ var Header = /** @class */ (function () {
         // Define the default props
         var props = {
             el: this._props.el,
-            className: "header",
+            className: "header" + (this._props.className ? " " : "") + this._props.className,
             lead: this._props.title
         };
         // Call the rendering event

package/build/dashboard/index.d.ts

@@ -28,18 +28,21 @@ export interface IDashboardProps {
     };
     el: HTMLElement;
     footer?: {
+        className?: string;
         items?: Components.INavbarItem[];
         itemsEnd?: Components.INavbarItem[];
         onRendering?: (props: Components.INavbarProps) => void;
         onRendered?: (el?: HTMLElement) => void;
     };
     filters?: {
+        className?: string;
         items: IFilterItem[];
         onClear?: () => void;
         onRendered?: (el?: HTMLElement) => void;
         onShowFilter?: () => void;
     };
     header?: {
+        className?: string;
         onRendering?: (props: Components.IJumbotronProps) => void;
         onRendered?: (el?: HTMLElement) => void;
         title?: string;
@@ -49,6 +52,7 @@ export interface IDashboardProps {
     hideNavigation?: boolean;
     hideSubNavigation?: boolean;
     navigation?: {
+        className?: string;
         searchPlaceholder?: string;
         showFilter?: boolean;
         showSearch?: boolean;
@@ -62,6 +66,7 @@ export interface IDashboardProps {
         onShowFilter?: () => void;
     };
     subNavigation?: {
+        className?: string;
         showFilter?: boolean;
         showSearch?: boolean;
         title?: string | HTMLElement;
@@ -74,6 +79,7 @@ export interface IDashboardProps {
         onShowFilter?: () => void;
     };
     table?: {
+        className?: string;
         columns: Components.ITableColumn[];
         dtProps?: any;
         onRendering?: (dtProps: any) => any;
@@ -83,6 +89,7 @@ export interface IDashboardProps {
     tiles?: {
         bodyFields?: string[];
         bodyTemplate?: string;
+        className?: string;
         colSize?: number;
         filterFields?: string[];
         items: any[];

package/build/dashboard/index.js

@@ -116,6 +116,7 @@ var Dashboard = /** @class */ (function () {
         var _this = this;
         // Create the filters
         this._filters = new filter_1.FilterSlideout({
+            className: this._props.filters ? this._props.filters.className : null,
             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,
@@ -151,6 +152,7 @@ var Dashboard = /** @class */ (function () {
             // Render the navigation
             var navProps_1 = this._props.navigation || {};
             this._navigation = new navigation_1.Navigation({
+                className: navProps_1.className,
                 el: this._props.el.querySelector("#navigation"),
                 hideFilter: navProps_1.showFilter != null ? !navProps_1.showFilter : false,
                 hideSearch: navProps_1.showSearch != null ? !navProps_1.showSearch : false,
@@ -203,6 +205,7 @@ var Dashboard = /** @class */ (function () {
             // Render the header
             var header = this._props.header || {};
             new header_1.Header({
+                className: header.className,
                 el: elHeader,
                 onRendering: this._props.header ? this._props.header.onRendering : null,
                 onRendered: this._props.header ? this._props.header.onRendered : null,
@@ -230,9 +233,11 @@ var Dashboard = /** @class */ (function () {
         else {
             // Render the navigation
             var navProps_2 = this._props.subNavigation || {};
+            var className = (headerIsVisible || navIsVisible ? null : "sub-nav-border") +
+                (navProps_2.className ? " " + navProps_2.className : "");
             new navigation_1.Navigation({
                 el: this._props.el.querySelector("#sub-navigation"),
-                className: headerIsVisible || navIsVisible ? null : "sub-nav-border",
+                className: className,
                 hideFilter: navProps_2.showFilter != null ? !navProps_2.showFilter : true,
                 hideSearch: navProps_2.showSearch != null ? !navProps_2.showSearch : true,
                 items: navProps_2.items,
@@ -294,7 +299,7 @@ var Dashboard = /** @class */ (function () {
             // Render the footer
             var footer = this._props.footer || {};
             new footer_1.Footer({
-                className: "bg-sharepoint rounded-bottom",
+                className: "bg-sharepoint rounded-bottom" + (footer.className ? " " + footer.className : ""),
                 el: this._props.el.querySelector("#footer"),
                 items: footer.items,
                 itemsEnd: footer.itemsEnd,

package/build/dashboard/table.d.ts

@@ -18,6 +18,7 @@ export interface IDataTable {
  * Properties
  */
 export interface IDataTableProps {
+    className?: string;
     columns: Components.ITableColumn[];
     dtProps?: any;
     el: HTMLElement;

package/build/dashboard/table.js

@@ -121,6 +121,7 @@ var DataTable = /** @class */ (function () {
         }
         // Render the data table
         var table = gd_sprest_bs_1.Components.Table({
+            className: this._props.className,
             el: this._props.el,
             rows: rows,
             columns: this._props.columns

package/build/dashboard/tiles.d.ts

@@ -7,6 +7,7 @@ export interface ITiles {
 export interface ITilesProps {
     bodyFields?: string[];
     bodyTemplate?: string;
+    className?: string;
     colSize?: number;
     el: HTMLElement;
     filterFields?: string[];

package/build/dashboard/tiles.js

@@ -184,6 +184,7 @@ var Tiles = /** @class */ (function () {
         this._tiles = gd_sprest_bs_1.Components.CardGroup({
             el: this._props.el,
             cards: cards,
+            className: this._props.className,
             colSize: this._props.colSize || 4,
             onColRender: this._props.onColumnRendered
         });