smart-webcomponents-react 18.0.2 → 18.0.11

package/grid/grid.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.grid');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Data Grid UI Component that covers everything from paging, sorting, grouping, filtering, and editing to row and column virtualization, right-to-left layout, export to Excel and PDF and Accessibility.
@@ -348,6 +347,17 @@ require('../source/modules/smart.grid');
 	        }
 	    }
 	    /** Describes the pager settings.
+	    *	Property type: {(id: string, dataField: string, value: any, oldValue: any, data: any): void}
+	    */
+	    get onCellEditRequest() {
+	        return this.nativeElement ? this.nativeElement.onCellEditRequest : undefined;
+	    }
+	    set onCellEditRequest(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.onCellEditRequest = value;
+	        }
+	    }
+	    /** Sets the row details.
 	    *	Property type: {(): void}
 	    */
 	    get onBeforeInit() {
@@ -358,7 +368,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onBeforeInit = value;
 	        }
 	    }
-	    /** Sets the row details.
+	    /** Sets or gets the rows  CSS class rules. Different CSS class names are conditionally applied. Example: rowCSSRules: { 'cell-class-1': settings => settings.data.quantity === 5, 'cell-class-2': settings => settings.data.quantity < 5, 'cell-class-3': settings => settings.data.quantity > 5 }.  The settings object contains the following properties: index, data, row, api.
 	    *	Property type: {(): void}
 	    */
 	    get onInit() {
@@ -369,7 +379,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onInit = value;
 	        }
 	    }
-	    /** Sets or gets the rows  CSS class rules. Different CSS class names are conditionally applied. Example: rowCSSRules: { 'cell-class-1': settings => settings.data.quantity === 5, 'cell-class-2': settings => settings.data.quantity < 5, 'cell-class-3': settings => settings.data.quantity > 5 }.  The settings object contains the following properties: index, data, row, api.
+	    /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
 	    *	Property type: {(): void}
 	    */
 	    get onAfterInit() {
@@ -380,7 +390,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onAfterInit = value;
 	        }
 	    }
-	    /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
+	    /** The rows property is used to describe all rows displayed in the grid.
 	    *	Property type: any
 	    */
 	    get onChartInit() {
@@ -391,7 +401,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onChartInit = value;
 	        }
 	    }
-	    /** The rows property is used to describe all rows displayed in the grid.
+	    /** Sets the scroll mode settings.
 	    *	Property type: any
 	    */
 	    get onRender() {
@@ -402,7 +412,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onRender = value;
 	        }
 	    }
-	    /** Sets the scroll mode settings.
+	    /** Describes the summary row settings.
 	    *	Property type: any
 	    */
 	    get onLoad() {
@@ -413,7 +423,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onLoad = value;
 	        }
 	    }
-	    /** Describes the summary row settings.
+	    /** Sets the grid's state settings.
 	    *	Property type: {(event: KeyboardEvent): void}
 	    */
 	    get onKey() {
@@ -424,7 +434,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onKey = value;
 	        }
 	    }
-	    /** Sets the grid's state settings.
+	    /** Describes the selection settings.
 	    *	Property type: {(index: number, row: GridRow): void}
 	    */
 	    get onRowInit() {
@@ -435,7 +445,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onRowInit = value;
 	        }
 	    }
-	    /** Describes the selection settings.
+	    /** Describes sorting settings.
 	    *	Property type: {(index: number, row: GridRow, details: HTMLElement): void}
 	    */
 	    get onRowDetailInit() {
@@ -446,7 +456,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onRowDetailInit = value;
 	        }
 	    }
-	    /** Describes sorting settings.
+	    /** Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
 	    *	Property type: {(index: number, row: GridRow, details: HTMLElement): void}
 	    */
 	    get onRowDetailUpdated() {
@@ -457,7 +467,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onRowDetailUpdated = value;
 	        }
 	    }
-	    /** Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
+	    /** Sets the grid's image and filter upload settings for the image and attachment columns.
 	    *	Property type: {(index: number, row: GridRow, history: any[]): void}
 	    */
 	    get onRowHistory() {
@@ -468,7 +478,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onRowHistory = value;
 	        }
 	    }
-	    /** Sets the grid's image and filter upload settings for the image and attachment columns.
+	    /** Sets the current data view. The possible values are 'grid', 'kanban' and 'card'.
 	    *	Property type: {(index: number, row: GridRow, history: any[]): void}
 	    */
 	    get onRowStyle() {
@@ -479,7 +489,7 @@ require('../source/modules/smart.grid');
 	            this.nativeElement.onRowStyle = value;
 	        }
 	    }
-	    /** Sets the current data view. The possible values are 'grid', 'kanban' and 'card'.
+	    /** undefined
 	    *	Property type: {(index: number[], row: GridRow[]): void}
 	    */
 	    get onRowInserted() {
@@ -767,7 +777,7 @@ require('../source/modules/smart.grid');
 	    }
 	    // Gets the properties of the React component.
 	    get properties() {
-	        return ["appearance", "behavior", "currentUser", "columnHeader", "clipboard", "columns", "contextMenu", "columnMenu", "columnGroups", "conditionalFormatting", "charting", "checkBoxes", "dataExport", "dataSource", "dataSourceSettings", "editing", "filtering", "footer", "formulas", "grouping", "groupHeader", "header", "layout", "locale", "messages", "onCellValue", "onCellUpdate", "onCellRender", "onCellBeginEdit", "onBeforeInit", "onInit", "onAfterInit", "onChartInit", "onRender", "onLoad", "onKey", "onRowInit", "onRowDetailInit", "onRowDetailUpdated", "onRowHistory", "onRowStyle", "onRowInserted", "onRowRemoved", "onRowUpdate", "onRowUpdated", "onRowClass", "onCellClass", "onColumnInit", "onColumnInserted", "onColumnRemoved", "onColumnUpdated", "onColumnClone", "onCommand", "paging", "pager", "rowDetail", "rowCSSRules", "rightToLeft", "rows", "scrolling", "summaryRow", "stateSettings", "selection", "sorting", "users", "uploadSettings", "view"];
+	        return ["appearance", "behavior", "currentUser", "columnHeader", "clipboard", "columns", "contextMenu", "columnMenu", "columnGroups", "conditionalFormatting", "charting", "checkBoxes", "dataExport", "dataSource", "dataSourceSettings", "editing", "filtering", "footer", "formulas", "grouping", "groupHeader", "header", "layout", "locale", "messages", "onCellValue", "onCellUpdate", "onCellRender", "onCellBeginEdit", "onCellEditRequest", "onBeforeInit", "onInit", "onAfterInit", "onChartInit", "onRender", "onLoad", "onKey", "onRowInit", "onRowDetailInit", "onRowDetailUpdated", "onRowHistory", "onRowStyle", "onRowInserted", "onRowRemoved", "onRowUpdate", "onRowUpdated", "onRowClass", "onCellClass", "onColumnInit", "onColumnInserted", "onColumnRemoved", "onColumnUpdated", "onColumnClone", "onCommand", "paging", "pager", "rowDetail", "rowCSSRules", "rightToLeft", "rows", "scrolling", "summaryRow", "stateSettings", "selection", "sorting", "users", "uploadSettings", "view"];
 	    }
 	    // Gets the events of the React component.
 	    get eventListeners() {
@@ -2198,7 +2208,7 @@ require('../source/modules/smart.grid');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/grouppanel/grouppanel.d.ts

@@ -3,6 +3,8 @@ import { GroupPanelProperties } from "./../index";
 import { Animation, GroupPanelCloseButtonPosition } from './../index';
 export { GroupPanelProperties } from "./../index";
 export { Animation, GroupPanelCloseButtonPosition } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface GroupPanelProps extends GroupPanelProperties {
     className?: string;
     style?: React.CSSProperties;

package/grouppanel/grouppanel.esm.js

@@ -290,4 +290,4 @@ class GroupPanel extends React.Component {
 }
 
 export default GroupPanel;
-export { GroupPanel };
+export { Smart, GroupPanel };

package/grouppanel/grouppanel.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.gridpanel');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Defines a group of grouped items in a panel.
@@ -246,7 +245,7 @@ require('../source/modules/smart.gridpanel');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/index.d.ts

@@ -2369,6 +2369,11 @@ export interface CalendarProperties {
    * Default value: false
    */
   disableAutoNavigation?: boolean;
+  /**
+   * Enables or disables the Calendar mouse wheel behavior.
+   * Default value: false
+   */
+  disableMouseWheel?: boolean;
   /**
    * Determines the date view of the calendar when calendarMode is set to 'default'
    * Default value: month
@@ -15236,6 +15241,11 @@ export interface GridProperties {
    * Default value: null
    */
   onCellBeginEdit?: {(id: string, dataField: string, value: any): boolean};
+  /**
+   * Callback function, which is called when a cell edit ends. It is used along with the 'editing.readOnlyEdit' property when it is set to true and the purpose of this function is to update the Grid cell after editing.
+   * Default value: null
+   */
+  onCellEditRequest?: {(id: string, dataField: string, value: any, oldValue: any, data: any): void};
   /**
    * Callback function() called before the grid has been initialized and the Grid's Virtual DOM is not created.
    * Default value: null
@@ -16681,6 +16691,11 @@ export interface GridBehavior {
    * Default value: false
    */
   allowColumnFreeze?: boolean;
+  /**
+   * Determines whether the scrolling with mouse wheel is enabled.
+   * Default value: true
+   */
+  allowMouseWheel?: boolean;
   /**
    * Sets the column resize mode. split resize mode 'grows' or 'shrinks' the resize element's size and 'shrinks' or 'grows' the next sibling element's size. growAndShrink resize mode 'grows' or 'shrinks' the resize element's size
    * Default value: none
@@ -16748,10 +16763,10 @@ export interface GridColumn {
    */
   allowSelect?: boolean | null;
   /**
-   * Sets or gets whether the column can be edited.
+   * Sets or gets whether the column can be edited. The property can be 'boolean' i.e accept true and false values. To dynamically determine which cells are editable, a callback function can be supplied to the 'allowEdit' property. For example: allowEdit: (id, dataField, value, data) => { return value === 'Cappuccino'; }
    * Default value: true
    */
-  allowEdit?: boolean;
+  allowEdit?: any;
   /**
    * Sets or gets whether the column can be sorted.
    * Default value: true
@@ -16842,6 +16857,11 @@ export interface GridColumn {
    * Default value: ""
    */
   description?: string;
+  /**
+   * Sets or gets custom data object related to the column.
+   * Default value: null
+   */
+  dataSet?: any;
   /**
    * Gets the HTML Element. The property returns null when the Column is not in the View.
    * Default value: null
@@ -16973,10 +16993,15 @@ export interface GridColumn {
    */
   width?: string | number;
   /**
-   * Sets or gets the column's template. The property expects the 'id' of HTMLTemplateElement or HTML string which is displayed in the cells. Built-in string values are: 'checkBox', 'switchButton', 'radioButton', 'url', 'email', 'dropdownlist', 'list', 'progress', 'tags', 'autoNumber', 'modifiedBy', 'createdBy', 'createdTime', 'modifiedTime', 'images. For example, when you set the template to 'url', the cells will be render anchor tags. When you set the template property to HTMLTemplateElement you should consider that once a template is rendered, the formatObject.template property stores the rendered template component for further use.
+   * Sets or gets the column's template. The property expects the 'id' of HTMLTemplateElement or HTML string which is displayed in the cells. Built-in string values are: 'checkBox', 'switchButton', 'url', 'email', 'dropdownlist', 'list', 'progress', 'tags', 'autoNumber', 'modifiedBy', 'createdBy', 'createdTime', 'modifiedTime', 'images', 'checklist', 'attachments', 'sparklines', 'richText', 'color', 'rating', 'duration', 'startDate', 'dueDates'. For example, when you set the template to 'url', the cells will be render anchor tags. When you set the template property to HTMLTemplateElement you should consider that once a template is rendered, the formatObject.template property stores the rendered template component for further use.
    * Default value: 
    */
   template?: any;
+  /**
+   * Sets or gets additional settings related to the column's template. For example, when the template is 'sparklines', the templateSettings could be an object which defines has 'type' - 'bar', 'column', 'line' or 'pie'. If you want to apply a custom color, you can add the 'colorFunction: function(value) { } and return a custom color as a 'hex' string or a 'tooltipFormatFunction: function(value) {}' which returns a formatted tooltip string. Additional properties are 'min', 'max', 'gap' and 'strokeWidth'.
+   * Default value: null
+   */
+  templateSettings?: any;
   /**
    * Sets or gets the column's validation rules. The expected value is an Array of Objects. Each object should have a 'type' property that can be set to 'required', 'min', 'max', 'minLength', 'maxLength', 'email', 'null', 'requiredTrue', 'minData', 'maxDate', 'pattern'. The 'value' property should be set, too. For validation rule types 'required', 'requiredTrue' and 'null' you can skip the 'value' property. Optional property is 'message', which determines the error message.
    * Default value: null
@@ -17545,6 +17570,11 @@ export interface GridEditing {
    * Default value: click
    */
   action?: GridEditingAction | string;
+  /**
+   * Read Only Edit is a mode in the grid whereby Cell Editing will not update the data inside the grid. Instead the grid invokes the 'onCellEditRequest' function allowing the application to process the update request.
+   * Default value: false
+   */
+  readOnlyEdit?: boolean;
   /**
    * Describes command keys.
    * Default value: [object Object]
@@ -18126,6 +18156,11 @@ export interface GridLayout {
    * Default value: null
    */
   cardsPerRow?: number;
+  /**
+   * Sets whether cards are vertically oriented. In this layout mode, the column label is displayed above the column value
+   * Default value: false
+   */
+  cardVertical?: boolean;
   /**
    * Sets the minimum height of the Grid rows.
    * Default value: 30
@@ -31180,6 +31215,11 @@ export interface TextAreaProperties {
    * Default value: false
    */
   rightToLeft?: boolean;
+  /**
+   * Enables or disables the rich text formatting.
+   * Default value: false
+   */
+  richText?: boolean;
   /**
    * Determines whether the items are sorted alphabetically or not
    * Default value: false
@@ -32708,6 +32748,12 @@ export interface Tree extends BaseElement, TreeProperties {
    *  children - the children of the jqx-tree-items-group to be expanded
    */
   onExpanding?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * This event is triggered when selection in jqx-tree is changed.
+	* @param event. The custom event. Custom data event was created with: ev.detail(value)
+   *  value - The filter input value.
+   */
+  onFilterChange?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when the Tree has been scrolled to the bottom.
 	* @param event. The custom event.    */
@@ -32784,6 +32830,11 @@ export interface Tree extends BaseElement, TreeProperties {
    * @returns {HTMLElement}
    */
   getItem(id: string): HTMLElement;
+  /**
+   * Gets the applied filter.
+   * @returns {string}
+   */
+  getFilter(): string;
   /**
    * Gets the selected values. If value is not defined, returns the selected labels.
    * @returns {string[]}

package/input/checkinput.d.ts

@@ -3,6 +3,8 @@ import { CheckInputProperties } from "./../index";
 import { Animation, DropDownButtonPosition, CheckInputQueryMode } from './../index';
 export { CheckInputProperties } from "./../index";
 export { Animation, DropDownButtonPosition, CheckInputQueryMode } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface CheckInputProps extends CheckInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/colorinput.d.ts

@@ -3,6 +3,8 @@ import { ColorInputProperties } from "./../index";
 import { Animation, ColorInputDisplayMode, DropDownButtonPosition, ColorQueryMode, ColorValueDisplayMode, ColorValueFormat } from './../index';
 export { ColorInputProperties } from "./../index";
 export { Animation, ColorInputDisplayMode, DropDownButtonPosition, ColorQueryMode, ColorValueDisplayMode, ColorValueFormat } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface ColorInputProps extends ColorInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/countryinput.d.ts

@@ -3,6 +3,8 @@ import { CountryInputProperties } from "./../index";
 import { DropDownButtonPosition } from './../index';
 export { CountryInputProperties } from "./../index";
 export { DropDownButtonPosition } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface CountryInputProps extends CountryInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/dateinput.d.ts

@@ -3,6 +3,8 @@ import { DateInputProperties } from "./../index";
 import { DropDownButtonPosition } from './../index';
 export { DateInputProperties } from "./../index";
 export { DropDownButtonPosition } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface DateInputProps extends DateInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/daterangeinput.d.ts

@@ -3,6 +3,8 @@ import { DateRangeInputProperties } from "./../index";
 import { Animation, DropDownButtonPosition, DateRangeInputValueType, DateRangeFormat, TimeRangeFormat } from './../index';
 export { DateRangeInputProperties } from "./../index";
 export { Animation, DateRangeFormatDay, DateRangeFormatMonth, DateRangeFormatYear, DropDownButtonPosition, TimeRangeFormatHour, TimeRangeFormatMinute, DateRangeInputValueType, DateRangeFormat, TimeRangeFormat } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface DateRangeInputProps extends DateRangeInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/input.d.ts

@@ -3,6 +3,8 @@ import { InputProperties } from "./../index";
 import { DropDownButtonPosition, InputQueryMode } from './../index';
 export { InputProperties } from "./../index";
 export { DropDownButtonPosition, InputQueryMode } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface InputProps extends InputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/input.esm.js

@@ -554,4 +554,4 @@ class Input extends React.Component {
 }
 
 export default Input;
-export { Input };
+export { Smart, Input };

package/input/input.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.input');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Input specifies an input field where the user can enter data. Auto-complete options are displayed for easier input.
@@ -510,7 +509,7 @@ require('../source/modules/smart.input');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/input/multicomboinput.d.ts

@@ -3,6 +3,8 @@ import { MultiComboInputProperties } from "./../index";
 import { Animation, DropDownButtonPosition, MultiComboInputQueryMode, MultiComboInputInputTagsMode } from './../index';
 export { MultiComboInputProperties } from "./../index";
 export { Animation, DropDownButtonPosition, MultiComboInputQueryMode, MultiComboInputInputTagsMode } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface MultiComboInputProps extends MultiComboInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/multiinput.d.ts

@@ -3,6 +3,8 @@ import { MultiInputProperties } from "./../index";
 import { Animation, DropDownButtonPosition, MultiInputQueryMode } from './../index';
 export { MultiInputProperties } from "./../index";
 export { Animation, DropDownButtonPosition, MultiInputQueryMode } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface MultiInputProps extends MultiInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/numberinput.d.ts

@@ -3,6 +3,8 @@ import { NumberInputProperties } from "./../index";
 import { Animation } from './../index';
 export { NumberInputProperties } from "./../index";
 export { Animation } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface NumberInputProps extends NumberInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/passwordinput.d.ts

@@ -2,6 +2,8 @@ import React from "react";
 import { PasswordInputProperties } from "./../index";
 export { PasswordInputProperties } from "./../index";
 export {} from './../index';
+declare let Smart: any;
+export { Smart };
 export interface PasswordInputProps extends PasswordInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/phoneinput.d.ts

@@ -3,6 +3,8 @@ import { PhoneInputProperties } from "./../index";
 import { DropDownButtonPosition } from './../index';
 export { PhoneInputProperties } from "./../index";
 export { DropDownButtonPosition } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface PhoneInputProps extends PhoneInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/input/timeinput.d.ts

@@ -3,6 +3,8 @@ import { TimeInputProperties } from "./../index";
 import { Animation, DropDownButtonPosition, TimeFormat } from './../index';
 export { TimeInputProperties } from "./../index";
 export { Animation, TimeFormatHour, TimeFormatMinute, DropDownButtonPosition, TimeFormat } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface TimeInputProps extends TimeInputProperties {
     className?: string;
     style?: React.CSSProperties;

package/kanban/kanban.d.ts

@@ -4,6 +4,8 @@ import { KanbanAddNewButtonDisplayMode, KanbanColumnEditMode, KanbanEditMode, Ka
 export { KanbanProperties } from "./../index";
 export { KanbanAddNewButtonDisplayMode, KanbanColumnOrientation, KanbanColumnEditMode, KanbanEditMode, KanbanHeaderPosition, KanbanHierarchy, KanbanSelectionMode, KanbanTaskPosition, KanbanTaskSubTasks, KanbanColumn, KanbanDataSource, KanbanSwimlane, KanbanPriority, KanbanUser } from './../index';
 export { DataAdapter } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface KanbanProps extends KanbanProperties {
     className?: string;
     style?: React.CSSProperties;

package/kanban/kanban.esm.js

@@ -1405,4 +1405,4 @@ class Kanban extends React.Component {
 }
 
 export default Kanban;
-export { Kanban };
+export { Smart, Kanban };

package/kanban/kanban.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.kanban');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Kanban represents a kanban board that visually depicts work at various stages of a process using cards to represent tasks and columns to represent each stage of the process.
@@ -1361,7 +1360,7 @@ require('../source/modules/smart.kanban');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/layout/dockinglayout.d.ts

@@ -3,6 +3,8 @@ import { DockingLayoutProperties } from "./../index";
 import { Animation, DockingLayoutSnapMode } from './../index';
 export { DockingLayoutProperties } from "./../index";
 export { Animation, DockingLayoutSnapMode } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface DockingLayoutProps extends DockingLayoutProperties {
     className?: string;
     style?: React.CSSProperties;

package/layout/layout.d.ts

@@ -11,6 +11,8 @@ export { TabLayoutItem } from './tablayoutitem';
 export { TabLayoutItemProperties } from "./../index";
 export { TabLayoutGroup } from './tablayoutgroup';
 export { TabLayoutGroupProperties } from "./../index";
+declare let Smart: any;
+export { Smart };
 export interface LayoutProps extends LayoutProperties {
     className?: string;
     style?: React.CSSProperties;

package/layout/layout.esm.js

@@ -1290,4 +1290,4 @@ class Layout extends React.Component {
 }
 
 export default Layout;
-export { Layout, LayoutItem, LayoutGroup, TabLayoutItem, TabLayoutGroup };
+export { Smart$4 as Smart, Layout, LayoutItem, LayoutGroup, TabLayoutItem, TabLayoutGroup };

package/layout/layout.umd.js

@@ -934,9 +934,8 @@ require('../source/modules/smart.layout');
 	    }
 	}
 
-	let Smart$4;
 	if (typeof window !== "undefined") {
-	    Smart$4 = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Layout splits your content into resizable sections.
@@ -1246,7 +1245,7 @@ require('../source/modules/smart.layout');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart$4.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/layout/layoutgroup.d.ts

@@ -3,6 +3,8 @@ import { LayoutGroupProperties } from "./../index";
 import { LayoutGroupOrientation } from './../index';
 export { LayoutGroupProperties } from "./../index";
 export { LayoutGroupOrientation } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface LayoutGroupProps extends LayoutGroupProperties {
     className?: string;
     style?: React.CSSProperties;

package/layout/layoutitem.d.ts

@@ -2,6 +2,8 @@ import React from "react";
 import { LayoutItemProperties } from "./../index";
 export { LayoutItemProperties } from "./../index";
 export {} from './../index';
+declare let Smart: any;
+export { Smart };
 export interface LayoutItemProps extends LayoutItemProperties {
     className?: string;
     style?: React.CSSProperties;

package/layout/tablayoutgroup.d.ts

@@ -3,6 +3,8 @@ import { TabLayoutGroupProperties } from "./../index";
 import { TabLayoutGroupOrientation, TabLayoutGroupPosition } from './../index';
 export { TabLayoutGroupProperties } from "./../index";
 export { TabLayoutGroupOrientation, TabLayoutGroupPosition } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface TabLayoutGroupProps extends TabLayoutGroupProperties {
     className?: string;
     style?: React.CSSProperties;

package/layout/tablayoutitem.d.ts

@@ -3,6 +3,8 @@ import { TabLayoutItemProperties } from "./../index";
 import { TabLayoutItemOrientation } from './../index';
 export { TabLayoutItemProperties } from "./../index";
 export { TabLayoutItemOrientation } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface TabLayoutItemProps extends TabLayoutItemProperties {
     className?: string;
     style?: React.CSSProperties;

package/led/led.d.ts

@@ -3,6 +3,8 @@ import { LedProperties } from "./../index";
 import { Animation, ClickMode, LedShape } from './../index';
 export { LedProperties } from "./../index";
 export { Animation, ClickMode, LedShape } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface LedProps extends LedProperties {
     className?: string;
     style?: React.CSSProperties;

package/led/led.esm.js

@@ -400,4 +400,4 @@ class Led extends React.Component {
 }
 
 export default Led;
-export { Led };
+export { Smart, Led };