smart-webcomponents-react 18.0.2 → 18.0.11

package/dropdownlist/dropdownlist.d.ts

@@ -7,6 +7,8 @@ export { ListItem } from './listitem';
 export { ListItemProperties } from "./../index";
 export { ListItemsGroup } from './listitemsgroup';
 export { ListItemsGroupProperties } from "./../index";
+declare let Smart: any;
+export { Smart };
 export interface DropDownListProps extends DropDownListProperties {
     className?: string;
     style?: React.CSSProperties;

package/dropdownlist/dropdownlist.esm.js

@@ -1433,4 +1433,4 @@ class DropDownList extends React.Component {
 }
 
 export default DropDownList;
-export { DropDownList, ListItem, ListItemsGroup };
+export { Smart$2 as Smart, DropDownList, ListItem, ListItemsGroup };

package/dropdownlist/dropdownlist.umd.js

@@ -449,9 +449,8 @@ require('../source/modules/smart.dropdownlist');
 	    }
 	}
 
-	let Smart$2;
 	if (typeof window !== "undefined") {
-	    Smart$2 = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 The DropDownList is a form component that lets you choose a single predefined value from a list. It is a more advanced version of the 'select' tag.
@@ -1389,7 +1388,7 @@ require('../source/modules/smart.dropdownlist');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart$2.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/editor/editor.d.ts

@@ -3,6 +3,8 @@ import { EditorProperties } from "./../index";
 import { Animation, EditorContextMenu, EditMode, EditorImageFormat, PasteFormat, ToolbarMode, ToolbarViewMode, EditorContentFiltering, EditorDataExport, EditorIframeSettings, ToolbarItem } from './../index';
 export { EditorProperties } from "./../index";
 export { Animation, EditorContentFilteringAttributeFilterMode, EditorContentFilteringTagFilterMode, EditorContentFilteringStyleAttributeFilterMode, EditorContextMenu, EditMode, EditorImageFormat, PasteFormat, ToolbarMode, ToolbarViewMode, EditorContentFiltering, EditorDataExport, EditorIframeSettings, ToolbarItem, ToolbarItemEditor } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface EditorProps extends EditorProperties {
     className?: string;
     style?: React.CSSProperties;

package/editor/editor.esm.js

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

package/editor/editor.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.editor');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 jqxEditor represents an advanced HTML text editor which can simplify web content creation or be a replacement of your HTML/Markdown Text Areas.
@@ -989,7 +988,7 @@ require('../source/modules/smart.editor');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/element/element.d.ts

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

package/element/element.esm.js

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

package/element/element.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.element');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 BaseElement extending the HTMLElement with localization, on-demand rendering, typed properties, two-way bound properties, property change notifications, lifecycle callbacks, automatic events listen and unlisten.
@@ -329,7 +328,7 @@ require('../source/modules/smart.element');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/fileupload/fileupload.d.ts

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

package/fileupload/fileupload.esm.js

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

package/fileupload/fileupload.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.fileupload');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 FileUpload provides an easy and integrated way for users to upload multiple files.
@@ -487,7 +486,7 @@ require('../source/modules/smart.fileupload');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/filterbuilder/filterbuilder.d.ts

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

package/filterbuilder/filterbuilder.esm.js

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

package/filterbuilder/filterbuilder.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.filterbuilder');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 FilterBuilder allows you to dynamically build filters.
@@ -468,7 +467,7 @@ require('../source/modules/smart.filterbuilder');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/filterpanel/filterpanel.d.ts

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

package/filterpanel/filterpanel.esm.js

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

package/filterpanel/filterpanel.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.filterpanel');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 The filter panel allows you to customize and display the applied filter expressions.
@@ -359,7 +358,7 @@ require('../source/modules/smart.filterpanel');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/filterpanel/multicolumnfilterpanel.d.ts

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

package/form/form.d.ts

@@ -7,6 +7,8 @@ export { FormControl } from './formcontrol';
 export { FormControlProperties } from "./../index";
 export { FormGroup } from './formgroup';
 export { FormGroupProperties } from "./../index";
+declare let Smart: any;
+export { Smart };
 export interface FormProps extends FormProperties {
     className?: string;
     style?: React.CSSProperties;

package/form/form.esm.js

@@ -1171,4 +1171,4 @@ class Form extends React.Component {
 }
 
 export default Form;
-export { Form, FormControl, FormGroup };
+export { Smart$2 as Smart, Form, FormControl, FormGroup };

package/form/form.umd.js

@@ -805,9 +805,8 @@ require('../source/modules/smart.form');
 	    }
 	}
 
-	let Smart$2;
 	if (typeof window !== "undefined") {
-	    Smart$2 = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Reactive Form Component with Advanced Validation
@@ -1127,7 +1126,7 @@ require('../source/modules/smart.form');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart$2.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/form/formcontrol.d.ts

@@ -3,6 +3,8 @@ import { FormControlProperties } from "./../index";
 import { FormControlAction, FormControlAlign, FormControlControlType, FormControlLabelPosition, FormControlViewMode } from './../index';
 export { FormControlProperties } from "./../index";
 export { FormControlAction, FormControlAlign, FormControlControlType, FormControlLabelPosition, FormControlViewMode } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface FormControlProps extends FormControlProperties {
     className?: string;
     style?: React.CSSProperties;

package/form/formgroup.d.ts

@@ -3,6 +3,8 @@ import { FormGroupProperties } from "./../index";
 import { FormGroupLabelPosition, Control } from './../index';
 export { FormGroupProperties } from "./../index";
 export { ControlControlType, ControlLabelPosition, ControlViewMode, FormGroupLabelPosition, Control } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface FormGroupProps extends FormGroupProperties {
     className?: string;
     style?: React.CSSProperties;

package/ganttchart/ganttchart.d.ts

@@ -3,6 +3,8 @@ import { GanttChartProperties } from "./../index";
 import { GanttDayFormat, Duration, HorizontalScrollBarVisibility, HourFormat, MonthFormat, MonthScale, QuarterFormat, GanttChartResourceTimelineMode, GanttChartResourceTimelineView, GanttChartSelectionMode, GanttChartSortMode, VerticalScrollBarVisibility, GanttChartView, YearFormat, WeekFormat, GanttChartDataExport, GanttChartDateMarker, GanttChartResource, GanttChartResourceColumn, GanttChartTask, GanttChartTaskColumn, GanttChartTooltip } from './../index';
 export { GanttChartProperties } from "./../index";
 export { GanttChartDataExportItemType, GanttDayFormat, Duration, HorizontalScrollBarVisibility, HourFormat, MonthFormat, MonthScale, QuarterFormat, GanttChartResourceTimelineMode, GanttChartResourceTimelineView, GanttChartSelectionMode, GanttChartSortMode, GanttChartTaskType, VerticalScrollBarVisibility, GanttChartView, YearFormat, WeekFormat, GanttChartDataExport, GanttChartDateMarker, GanttChartResource, GanttChartResourceColumn, GanttChartTask, GanttChartTaskIndicator, GanttChartTaskPlanned, GanttChartTaskSegment, GanttChartTaskColumn, GanttChartTooltip } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface GanttChartProps extends GanttChartProperties {
     className?: string;
     style?: React.CSSProperties;

package/ganttchart/ganttchart.esm.js

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

package/ganttchart/ganttchart.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.ganttchart');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Gantt charts are specialized bar charts that help clearly represent how tasks and resources are allocated over time in planning, project management, and scheduling applications.
@@ -1759,7 +1758,7 @@ require('../source/modules/smart.ganttchart');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/gauge/gauge.d.ts

@@ -3,6 +3,8 @@ import { GaugeProperties } from "./../index";
 import { GaugeAnalogDisplayType, Animation, GaugeDigitalDisplayPosition, LabelsVisibility, DragMechanicalAction, ScaleMode, GaugeNeedlePosition, GaugeScalePosition, ScaleType, GaugeSizeMode, TicksPosition, TicksVisibility, Validation, WordLength } from './../index';
 export { GaugeProperties } from "./../index";
 export { GaugeAnalogDisplayType, Animation, GaugeDigitalDisplayPosition, LabelsVisibility, DragMechanicalAction, ScaleMode, GaugeNeedlePosition, GaugeScalePosition, ScaleType, GaugeSizeMode, TicksPosition, TicksVisibility, Validation, WordLength } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface GaugeProps extends GaugeProperties {
     className?: string;
     style?: React.CSSProperties;

package/gauge/gauge.esm.js

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

package/gauge/gauge.umd.js

@@ -9,9 +9,8 @@ require('../source/modules/smart.gauge');
 
 	React = React && React.hasOwnProperty('default') ? React['default'] : React;
 
-	let Smart;
 	if (typeof window !== "undefined") {
-	    Smart = window.Smart;
+	    exports.Smart = window.Smart;
 	}
 	/**
 	 Gauge displays an indicator within a range of values.
@@ -669,7 +668,7 @@ require('../source/modules/smart.gauge');
 	            that.nativeElement[eventName.toLowerCase()] = events[eventName];
 	        }
 	        if (initialize) {
-	            Smart.Render();
+	            exports.Smart.Render();
 	            if (that.onCreate) {
 	                that.onCreate();
 	            }

package/grid/grid.d.ts

@@ -4,6 +4,8 @@ import { Scrolling, GridAppearance, GridBehavior, GridColumnHeader, GridClipboar
 export { GridProperties } from "./../index";
 export { GridAppearanceAutoGenerateRowLabelMode, GridAppearanceAutoGenerateColumnLabelMode, GridResizeMode, GridClipboardAutoFillMode, HorizontalAlignment, VerticalAlignment, Position, GridColumnFilterMenuMode, GridColumnSortOrder, GridConditionalFormattingCondition, GridDataExportPageOrientation, GridDataSourceSettingsSanitizeHTML, GridDataSourceSettingsDataFieldDataType, GridDataSourceSettingsDataSourceType, GridEditingAction, LayoutPosition, GridCommandDisplayMode, GridEditingMode, GridEditingAddNewRowDisplayMode, GridFilteringFilterRowApplyMode, GridFilteringFilterMenuMode, GridGroupingExpandMode, GridGroupingRenderMode, GridHeaderSearchCommand, GridPagerAutoEllipsis, Scrolling, GridSelectionMode, GridSelectionAction, GridSelectionCheckBoxesSelectAllMode, GridSortingMode, GridSortingCommandKey, GridAppearance, GridBehavior, GridColumnHeader, GridClipboard, GridColumn, GridContextMenu, GridContextMenuDataSource, GridCommand, GridColumnMenu, GridColumnMenuDataSource, GridColumnGroup, GridConditionalFormatting, GridCharting, Dialog, GridCheckBoxes, GridDataExport, GridDataSourceSettings, GridDataSourceSettingsDataField, GridEditing, GridEditingCommandKeys, GridCommandKey, GridEditingCommandBar, GridEditingCommandBarDataSource, GridEditingCommandColumn, GridEditingCommandColumnDataSource, GridEditingAddNewRow, GridEditingAddNewColumn, GridFiltering, GridFilteringFilterRow, GridFilteringFilterMenu, GridFilteringFilterBuilder, GridFooter, GridGrouping, GridGroupingGroupBar, GridGroupingSummaryRow, GridGroupHeader, GridHeader, GridLayout, GridPaging, GridPagingSpinner, GridPager, GridPagerPageSizeSelector, GridPagerSummary, GridPagerNavigationButtons, GridPagerNavigationButtonsPrevNextButtons, GridPagerNavigationButtonsFirstLastButtons, GridPagerNavigationButtonsLabels, GridPagerNavigationInput, GridPagerPageIndexSelectors, GridRowDetail, GridRow, GridCell, GridSummaryRow, GridStateSettings, GridSelection, GridSelectionCheckBoxes, GridSorting, GridUploadSettings } from './../index';
 export { DataAdapter, Chart } from './../index';
+declare let Smart: any;
+export { Smart };
 export interface GridProps extends GridProperties {
     className?: string;
     style?: React.CSSProperties;
@@ -229,6 +231,15 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
         (id: string, dataField: string, value: any): boolean;
     });
     /** Describes the pager settings.
+    *	Property type: {(id: string, dataField: string, value: any, oldValue: any, data: any): void}
+    */
+    get onCellEditRequest(): {
+        (id: string, dataField: string, value: any, oldValue: any, data: any): void;
+    };
+    set onCellEditRequest(value: {
+        (id: string, dataField: string, value: any, oldValue: any, data: any): void;
+    });
+    /** Sets the row details.
     *	Property type: {(): void}
     */
     get onBeforeInit(): {
@@ -237,7 +248,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     set onBeforeInit(value: {
         (): void;
     });
-    /** 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 =&gt; settings.data.quantity === 5, 'cell-class-2': settings =&gt; settings.data.quantity &lt; 5, 'cell-class-3': settings =&gt; settings.data.quantity &gt; 5 }.  The settings object contains the following properties: index, data, row, api.
     *	Property type: {(): void}
     */
     get onInit(): {
@@ -246,7 +257,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     set onInit(value: {
         (): void;
     });
-    /** Sets or gets the rows  CSS class rules. Different CSS class names are conditionally applied. Example: rowCSSRules: { 'cell-class-1': settings =&gt; settings.data.quantity === 5, 'cell-class-2': settings =&gt; settings.data.quantity &lt; 5, 'cell-class-3': settings =&gt; settings.data.quantity &gt; 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(): {
@@ -255,22 +266,22 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     set onAfterInit(value: {
         (): void;
     });
-    /** 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(): any;
     set onChartInit(value: any);
-    /** The rows property is used to describe all rows displayed in the grid.
+    /** Sets the scroll mode settings.
     *	Property type: any
     */
     get onRender(): any;
     set onRender(value: any);
-    /** Sets the scroll mode settings.
+    /** Describes the summary row settings.
     *	Property type: any
     */
     get onLoad(): any;
     set onLoad(value: any);
-    /** Describes the summary row settings.
+    /** Sets the grid's state settings.
     *	Property type: {(event: KeyboardEvent): void}
     */
     get onKey(): {
@@ -279,7 +290,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     set onKey(value: {
         (event: KeyboardEvent): void;
     });
-    /** Sets the grid's state settings.
+    /** Describes the selection settings.
     *	Property type: {(index: number, row: GridRow): void}
     */
     get onRowInit(): {
@@ -288,7 +299,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     set onRowInit(value: {
         (index: number, row: GridRow): void;
     });
-    /** Describes the selection settings.
+    /** Describes sorting settings.
     *	Property type: {(index: number, row: GridRow, details: HTMLElement): void}
     */
     get onRowDetailInit(): {
@@ -297,7 +308,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     set onRowDetailInit(value: {
         (index: number, row: GridRow, details: HTMLElement): void;
     });
-    /** 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(): {
@@ -306,7 +317,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     set onRowDetailUpdated(value: {
         (index: number, row: GridRow, details: HTMLElement): void;
     });
-    /** 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(): {
@@ -315,7 +326,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     set onRowHistory(value: {
         (index: number, row: GridRow, history: any[]): void;
     });
-    /** 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(): {
@@ -324,7 +335,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
     set onRowStyle(value: {
         (index: number, row: GridRow, history: any[]): void;
     });
-    /** Sets the current data view. The possible values are 'grid', 'kanban' and 'card'.
+    /** undefined
     *	Property type: {(index: number[], row: GridRow[]): void}
     */
     get onRowInserted(): {

package/grid/grid.esm.js

@@ -352,6 +352,17 @@ class Grid extends React.Component {
         }
     }
     /** 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() {
@@ -362,7 +373,7 @@ class Grid extends React.Component {
             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() {
@@ -373,7 +384,7 @@ class Grid extends React.Component {
             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() {
@@ -384,7 +395,7 @@ class Grid extends React.Component {
             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() {
@@ -395,7 +406,7 @@ class Grid extends React.Component {
             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() {
@@ -406,7 +417,7 @@ class Grid extends React.Component {
             this.nativeElement.onRender = value;
         }
     }
-    /** Sets the scroll mode settings.
+    /** Describes the summary row settings.
     *	Property type: any
     */
     get onLoad() {
@@ -417,7 +428,7 @@ class Grid extends React.Component {
             this.nativeElement.onLoad = value;
         }
     }
-    /** Describes the summary row settings.
+    /** Sets the grid's state settings.
     *	Property type: {(event: KeyboardEvent): void}
     */
     get onKey() {
@@ -428,7 +439,7 @@ class Grid extends React.Component {
             this.nativeElement.onKey = value;
         }
     }
-    /** Sets the grid's state settings.
+    /** Describes the selection settings.
     *	Property type: {(index: number, row: GridRow): void}
     */
     get onRowInit() {
@@ -439,7 +450,7 @@ class Grid extends React.Component {
             this.nativeElement.onRowInit = value;
         }
     }
-    /** Describes the selection settings.
+    /** Describes sorting settings.
     *	Property type: {(index: number, row: GridRow, details: HTMLElement): void}
     */
     get onRowDetailInit() {
@@ -450,7 +461,7 @@ class Grid extends React.Component {
             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() {
@@ -461,7 +472,7 @@ class Grid extends React.Component {
             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() {
@@ -472,7 +483,7 @@ class Grid extends React.Component {
             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() {
@@ -483,7 +494,7 @@ class Grid extends React.Component {
             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() {
@@ -771,7 +782,7 @@ class Grid extends React.Component {
     }
     // 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() {
@@ -2242,4 +2253,4 @@ class Grid extends React.Component {
 }
 
 export default Grid;
-export { Grid };
+export { Smart, Grid };