smart-webcomponents-react 18.0.2 → 18.0.11

package/source/typescript/smart.calendar.d.ts

@@ -36,6 +36,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

package/source/typescript/smart.elements.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/source/typescript/smart.grid.d.ts

@@ -148,6 +148,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
@@ -1593,6 +1598,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
@@ -1660,10 +1670,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
@@ -1754,6 +1764,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
@@ -1885,10 +1900,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
@@ -2457,6 +2477,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]
@@ -3038,6 +3063,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

package/source/typescript/smart.textarea.d.ts

@@ -118,6 +118,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

package/source/typescript/smart.tree.d.ts

@@ -326,6 +326,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.    */
@@ -402,6 +408,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/splitter/splitter.d.ts

@@ -7,6 +7,8 @@ export { SplitterItem } from './splitteritem';
 export { SplitterItemProperties } from "./../index";
 export { SplitterBar } from './splitterbar';
 export { SplitterBarProperties } from "./../index";
+declare let Smart: any;
+export { Smart };
 export interface SplitterProps extends SplitterProperties {
     className?: string;
     style?: React.CSSProperties;

package/splitter/splitter.esm.js

@@ -1034,4 +1034,4 @@ class Splitter extends React.Component {
 }
 
 export default Splitter;
-export { Splitter, SplitterItem, SplitterBar };
+export { Smart$2 as Smart, Splitter, SplitterItem, SplitterBar };

package/splitter/splitter.umd.js

@@ -492,9 +492,8 @@ require('../source/modules/smart.splitter');
 	    }
 	}
 
-	let Smart$2;
 	if (typeof window !== "undefined") {
-	    Smart$2 = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Splitter is a layout component that supports all important features such as resizing, collapsing, and nesting panels.
@@ -990,7 +989,7 @@ require('../source/modules/smart.splitter');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart$2.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/splitter/splitterbar.d.ts

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

package/splitter/splitteritem.d.ts

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

package/switchbutton/switchbutton.d.ts

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

package/switchbutton/switchbutton.esm.js

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

package/switchbutton/switchbutton.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.button');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 A Switch represents a button with two states, on and off. Switches are most often used on mobile devices to enable and disable options.
@@ -345,7 +344,7 @@ require('../source/modules/smart.button');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/table/pivottable.d.ts

@@ -3,6 +3,8 @@ import { PivotTableProperties } from "./../index";
 import { Animation, PivotTableColumnTotalsPosition, PivotTableDesignerPosition, PivotTableDrillDownDataExport, PivotTableGroupLayout, PivotTablePageSize, PivotTableRowTotalsPosition, PivotTableSelectionMode, PivotTableSortMode, PivotTableColumn, PivotTableConditionalFormatting } from './../index';
 export { PivotTableProperties } from "./../index";
 export { Animation, PivotTableColumnAlign, PivotTableColumnDataType, PivotTableColumnSummary, PivotTableColumnTotalsPosition, PivotTableConditionalFormattingCondition, PivotTableConditionalFormattingFontFamily, PivotTableConditionalFormattingFontSize, PivotTableDesignerPosition, PivotTableDrillDownDataExport, PivotTableGroupLayout, PivotTablePageSize, PivotTableRowTotalsPosition, PivotTableSelectionMode, PivotTableSortMode, PivotTableColumn, PivotTableConditionalFormatting } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface PivotTableProps extends PivotTableProperties {
     className?: string;
     style?: React.CSSProperties;

package/table/sortable.d.ts

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

package/table/table.d.ts

@@ -3,6 +3,8 @@ import { TableProperties } from "./../index";
 import { TableColumnSizeMode, TableEditMode, TableLoadColumnStateBehavior, TablePageSize, TableSelectionMode, TableSortMode, TableColumnGroup, TableColumn, TableConditionalFormatting, TableDataSourceSettings } from './../index';
 export { TableProperties } from "./../index";
 export { TableColumnDataType, TableColumnFreeze, TableConditionalFormattingCondition, TableConditionalFormattingFontFamily, TableConditionalFormattingFontSize, TableColumnSizeMode, TableDataSourceSettingsSanitizeHTML, TableDataSourceSettingsSanitizeHTMLRender, TableDataSourceSettingsDataFieldDataType, TableDataSourceSettingsDataSourceType, TableEditMode, TableLoadColumnStateBehavior, TablePageSize, TableSelectionMode, TableSortMode, TableColumnGroup, TableColumn, TableConditionalFormatting, TableDataSourceSettings, TableDataSourceSettingsDataField } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface TableProps extends TableProperties {
     className?: string;
     style?: React.CSSProperties;

package/table/table.esm.js

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

package/table/table.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.table');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Table is an alternative of the HTMLTableElement.
@@ -1295,7 +1294,7 @@ require('../source/modules/smart.table');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/tabs/tabs.d.ts

@@ -7,6 +7,8 @@ export { TabItem } from './tabitem';
 export { TabItemProperties } from "./../index";
 export { TabItemsGroup } from './tabitemsgroup';
 export { TabItemsGroupProperties } from "./../index";
+declare let Smart: any;
+export { Smart };
 export interface TabsProps extends TabsProperties {
     className?: string;
     style?: React.CSSProperties;

package/tabs/tabs.esm.js

@@ -1008,4 +1008,4 @@ class Tabs extends React.Component {
 }
 
 export default Tabs;
-export { Tabs, TabItem, TabItemsGroup };
+export { Smart$2 as Smart, Tabs, TabItem, TabItemsGroup };

package/tabs/tabs.umd.js

@@ -405,9 +405,8 @@ require('../source/modules/smart.tabs');
 	    }
 	}
 
-	let Smart$2;
 	if (typeof window !== "undefined") {
-	    Smart$2 = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Tabs organize content across different screens, data sets, and other interactions. Tabs can be paired with components like top app bars. Tabs can be displayed horizontally or vertically.
@@ -964,7 +963,7 @@ require('../source/modules/smart.tabs');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart$2.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/tabs/tabswindow.d.ts

@@ -3,6 +3,8 @@ import { WindowProperties } from "./../index";
 import { Animation, WindowAutoCapitalize, WindowDisplayMode, WindowDropPosition, WindowFooterPosition, TabPosition, WindowResizeMode, TabSelectionMode, WindowTabCloseButtonMode, Overflow, LayoutPosition, Orientation, WindowWrap } from './../index';
 export { WindowProperties } from "./../index";
 export { Animation, WindowAutoCapitalize, WindowDisplayMode, WindowDropPosition, WindowFooterPosition, TabPosition, WindowResizeMode, TabSelectionMode, WindowTabCloseButtonMode, Overflow, LayoutPosition, Orientation, WindowWrap } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface TabsWindowProps extends WindowProperties {
     className?: string;
     style?: React.CSSProperties;

package/tabswindow/tabswindow.d.ts

@@ -3,6 +3,8 @@ import { WindowProperties } from "./../index";
 import { Animation, WindowAutoCapitalize, WindowDisplayMode, WindowDropPosition, WindowFooterPosition, TabPosition, WindowResizeMode, TabSelectionMode, WindowTabCloseButtonMode, Overflow, LayoutPosition, Orientation, WindowWrap } from './../index';
 export { WindowProperties } from "./../index";
 export { Animation, WindowAutoCapitalize, WindowDisplayMode, WindowDropPosition, WindowFooterPosition, TabPosition, WindowResizeMode, TabSelectionMode, WindowTabCloseButtonMode, Overflow, LayoutPosition, Orientation, WindowWrap } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface TabsWindowProps extends WindowProperties {
     className?: string;
     style?: React.CSSProperties;

package/tabswindow/tabswindow.esm.js

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

package/tabswindow/tabswindow.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.window');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Window or Dialog displays the interactive custom confirmations, message boxes, alerts, warnings, errors, and modal dialogs.
@@ -1139,7 +1138,7 @@ require('../source/modules/smart.window');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/tank/tank.d.ts

@@ -3,6 +3,8 @@ import { TankProperties } from "./../index";
 import { Animation, LabelsVisibility, DragMechanicalAction, ScaleMode, Orientation, ScalePosition, ScaleType, Position, TicksPosition, TicksVisibility, Validation, WordLength } from './../index';
 export { TankProperties } from "./../index";
 export { Animation, LabelsVisibility, DragMechanicalAction, ScaleMode, Orientation, ScalePosition, ScaleType, Position, TicksPosition, TicksVisibility, Validation, WordLength } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface TankProps extends TankProperties {
     className?: string;
     style?: React.CSSProperties;

package/tank/tank.esm.js

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

package/tank/tank.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.tank');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Tank is a UI Component used in Engineering and Scientific applications. It is broadly used to display the fluid levels.
@@ -603,7 +602,7 @@ require('../source/modules/smart.tank');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/textarea/textarea.d.ts

@@ -3,6 +3,8 @@ import { TextAreaProperties } from "./../index";
 import { Animation, DropDownButtonPosition, TextAreaQueryMode, TextAreaResize } from './../index';
 export { TextAreaProperties } from "./../index";
 export { Animation, DropDownButtonPosition, TextAreaQueryMode, TextAreaResize } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface TextAreaProps extends TextAreaProperties {
     className?: string;
     style?: React.CSSProperties;
@@ -124,6 +126,11 @@ export declare class TextArea extends React.Component<React.HTMLAttributes<Eleme
     */
     get rightToLeft(): boolean;
     set rightToLeft(value: boolean);
+    /** Enables or disables the rich text formatting.
+    *	Property type: boolean
+    */
+    get richText(): boolean;
+    set richText(value: boolean);
     /** Determines whether the items are sorted alphabetically or not
     *	Property type: boolean
     */

package/textarea/textarea.esm.js

@@ -263,6 +263,17 @@ class TextArea extends React.Component {
             this.nativeElement.rightToLeft = value;
         }
     }
+    /** Enables or disables the rich text formatting.
+    *	Property type: boolean
+    */
+    get richText() {
+        return this.nativeElement ? this.nativeElement.richText : undefined;
+    }
+    set richText(value) {
+        if (this.nativeElement) {
+            this.nativeElement.richText = value;
+        }
+    }
     /** Determines whether the items are sorted alphabetically or not
     *	Property type: boolean
     */
@@ -342,7 +353,7 @@ class TextArea extends React.Component {
     }
     // Gets the properties of the React component.
     get properties() {
-        return ["animation", "autoCompleteDelay", "dataSource", "disabled", "dropDownButtonPosition", "dropDownHeight", "dropDownWidth", "inputPurpose", "items", "locale", "localizeFormatFunction", "messages", "minLength", "name", "opened", "placeholder", "query", "queryMode", "readonly", "resize", "rightToLeft", "sorted", "sortDirection", "theme", "type", "unfocusable", "users", "value"];
+        return ["animation", "autoCompleteDelay", "dataSource", "disabled", "dropDownButtonPosition", "dropDownHeight", "dropDownWidth", "inputPurpose", "items", "locale", "localizeFormatFunction", "messages", "minLength", "name", "opened", "placeholder", "query", "queryMode", "readonly", "resize", "rightToLeft", "richText", "sorted", "sortDirection", "theme", "type", "unfocusable", "users", "value"];
     }
     // Gets the events of the React component.
     get eventListeners() {
@@ -532,4 +543,4 @@ class TextArea extends React.Component {
 }
 
 export default TextArea;
-export { TextArea };
+export { Smart, TextArea };