devextreme-react 21.2.7 → 22.1.2-beta

package/gantt.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.7
- * Build date: Mon Apr 11 2022
+ * Version: 22.1.2-beta
+ * Build date: Tue May 17 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,17 +16,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ValidationRule = exports.Validation = exports.ToolbarItem = exports.Toolbar = exports.Texts = exports.Tasks = exports.StripLine = exports.StringLengthRule = exports.Sorting = exports.ScaleTypeRange = exports.Resources = exports.ResourceAssignments = exports.RequiredRule = exports.RangeRule = exports.PatternRule = exports.OperationDescriptions = exports.NumericRule = exports.Lookup = exports.Label = exports.Item = exports.HeaderFilter = exports.GanttHeaderFilter = exports.FormItem = exports.Format = exports.FilterRow = exports.EmailRule = exports.Editing = exports.Dependencies = exports.CustomRule = exports.ContextMenuItem = exports.ContextMenu = exports.CompareRule = exports.ColumnHeaderFilter = exports.Column = exports.Button = exports.AsyncRule = exports.Gantt = void 0;
+exports.Validation = exports.ToolbarItem = exports.Toolbar = exports.Texts = exports.Tasks = exports.StripLine = exports.Sorting = exports.ScaleTypeRange = exports.Resources = exports.ResourceAssignments = exports.OperationDescriptions = exports.Lookup = exports.Item = exports.HeaderFilter = exports.GanttHeaderFilter = exports.Format = exports.FilterRow = exports.Editing = exports.Dependencies = exports.ContextMenuItem = exports.ContextMenu = exports.ColumnHeaderFilter = exports.Column = exports.Gantt = void 0;
 var gantt_1 = require("devextreme/ui/gantt");
 var PropTypes = require("prop-types");
 var component_1 = require("./core/component");
@@ -36,7 +38,7 @@ var Gantt = /** @class */ (function (_super) {
     function Gantt() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this._WidgetClass = gantt_1.default;
-        _this.independentEvents = ["onContentReady", "onContextMenuPreparing", "onCustomCommand", "onDependencyDeleted", "onDependencyDeleting", "onDependencyInserted", "onDependencyInserting", "onDisposing", "onInitialized", "onResourceAssigned", "onResourceAssigning", "onResourceDeleted", "onResourceDeleting", "onResourceInserted", "onResourceInserting", "onResourceManagerDialogShowing", "onResourceUnassigned", "onResourceUnassigning", "onTaskClick", "onTaskDblClick", "onTaskDeleted", "onTaskDeleting", "onTaskEditDialogShowing", "onTaskInserted", "onTaskInserting", "onTaskMoving", "onTaskUpdated", "onTaskUpdating"];
+        _this.independentEvents = ["onContentReady", "onContextMenuPreparing", "onCustomCommand", "onDependencyDeleted", "onDependencyDeleting", "onDependencyInserted", "onDependencyInserting", "onDisposing", "onInitialized", "onResourceAssigned", "onResourceAssigning", "onResourceDeleted", "onResourceDeleting", "onResourceInserted", "onResourceInserting", "onResourceManagerDialogShowing", "onResourceUnassigned", "onResourceUnassigning", "onScaleCellPrepared", "onTaskClick", "onTaskDblClick", "onTaskDeleted", "onTaskDeleting", "onTaskEditDialogShowing", "onTaskInserted", "onTaskInserting", "onTaskMoving", "onTaskUpdated", "onTaskUpdating"];
         _this._expectedChildren = {
             column: { optionName: "columns", isCollectionItem: true },
             contextMenu: { optionName: "contextMenu", isCollectionItem: false },
@@ -135,6 +137,7 @@ Gantt.propTypes = {
     onResourceManagerDialogShowing: PropTypes.func,
     onResourceUnassigned: PropTypes.func,
     onResourceUnassigning: PropTypes.func,
+    onScaleCellPrepared: PropTypes.func,
     onSelectionChanged: PropTypes.func,
     onTaskClick: PropTypes.func,
     onTaskDblClick: PropTypes.func,
@@ -152,6 +155,7 @@ Gantt.propTypes = {
         "auto",
         "minutes",
         "hours",
+        "sixHours",
         "days",
         "weeks",
         "months",
@@ -181,35 +185,6 @@ Gantt.propTypes = {
         PropTypes.string
     ])
 };
-var AsyncRule = /** @class */ (function (_super) {
-    __extends(AsyncRule, _super);
-    function AsyncRule() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    AsyncRule.OptionName = "validationRules";
-    AsyncRule.IsCollectionItem = true;
-    AsyncRule.PredefinedProps = {
-        type: "async"
-    };
-    return AsyncRule;
-}(nested_option_1.default));
-exports.AsyncRule = AsyncRule;
-var Button = /** @class */ (function (_super) {
-    __extends(Button, _super);
-    function Button() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Button.OptionName = "buttons";
-    Button.IsCollectionItem = true;
-    Button.TemplateProps = [{
-            tmplOption: "template",
-            render: "render",
-            component: "component",
-            keyFn: "keyFn"
-        }];
-    return Button;
-}(nested_option_1.default));
-exports.Button = Button;
 var Column = /** @class */ (function (_super) {
     __extends(Column, _super);
     function Column() {
@@ -227,33 +202,16 @@ var Column = /** @class */ (function (_super) {
         defaultVisibleIndex: "visibleIndex"
     };
     Column.ExpectedChildren = {
-        AsyncRule: { optionName: "validationRules", isCollectionItem: true },
-        button: { optionName: "buttons", isCollectionItem: true },
         columnHeaderFilter: { optionName: "headerFilter", isCollectionItem: false },
-        CompareRule: { optionName: "validationRules", isCollectionItem: true },
-        CustomRule: { optionName: "validationRules", isCollectionItem: true },
-        EmailRule: { optionName: "validationRules", isCollectionItem: true },
         format: { optionName: "format", isCollectionItem: false },
-        formItem: { optionName: "formItem", isCollectionItem: false },
         headerFilter: { optionName: "headerFilter", isCollectionItem: false },
-        lookup: { optionName: "lookup", isCollectionItem: false },
-        NumericRule: { optionName: "validationRules", isCollectionItem: true },
-        PatternRule: { optionName: "validationRules", isCollectionItem: true },
-        RangeRule: { optionName: "validationRules", isCollectionItem: true },
-        RequiredRule: { optionName: "validationRules", isCollectionItem: true },
-        StringLengthRule: { optionName: "validationRules", isCollectionItem: true },
-        validationRule: { optionName: "validationRules", isCollectionItem: true }
+        lookup: { optionName: "lookup", isCollectionItem: false }
     };
     Column.TemplateProps = [{
             tmplOption: "cellTemplate",
             render: "cellRender",
             component: "cellComponent",
             keyFn: "cellKeyFn"
-        }, {
-            tmplOption: "editCellTemplate",
-            render: "editCellRender",
-            component: "editCellComponent",
-            keyFn: "editCellKeyFn"
         }, {
             tmplOption: "headerCellTemplate",
             render: "headerCellRender",
@@ -272,19 +230,6 @@ var ColumnHeaderFilter = /** @class */ (function (_super) {
     return ColumnHeaderFilter;
 }(nested_option_1.default));
 exports.ColumnHeaderFilter = ColumnHeaderFilter;
-var CompareRule = /** @class */ (function (_super) {
-    __extends(CompareRule, _super);
-    function CompareRule() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CompareRule.OptionName = "validationRules";
-    CompareRule.IsCollectionItem = true;
-    CompareRule.PredefinedProps = {
-        type: "compare"
-    };
-    return CompareRule;
-}(nested_option_1.default));
-exports.CompareRule = CompareRule;
 var ContextMenu = /** @class */ (function (_super) {
     __extends(ContextMenu, _super);
     function ContextMenu() {
@@ -314,19 +259,6 @@ var ContextMenuItem = /** @class */ (function (_super) {
     return ContextMenuItem;
 }(nested_option_1.default));
 exports.ContextMenuItem = ContextMenuItem;
-var CustomRule = /** @class */ (function (_super) {
-    __extends(CustomRule, _super);
-    function CustomRule() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CustomRule.OptionName = "validationRules";
-    CustomRule.IsCollectionItem = true;
-    CustomRule.PredefinedProps = {
-        type: "custom"
-    };
-    return CustomRule;
-}(nested_option_1.default));
-exports.CustomRule = CustomRule;
 var Dependencies = /** @class */ (function (_super) {
     __extends(Dependencies, _super);
     function Dependencies() {
@@ -345,19 +277,6 @@ var Editing = /** @class */ (function (_super) {
     return Editing;
 }(nested_option_1.default));
 exports.Editing = Editing;
-var EmailRule = /** @class */ (function (_super) {
-    __extends(EmailRule, _super);
-    function EmailRule() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    EmailRule.OptionName = "validationRules";
-    EmailRule.IsCollectionItem = true;
-    EmailRule.PredefinedProps = {
-        type: "email"
-    };
-    return EmailRule;
-}(nested_option_1.default));
-exports.EmailRule = EmailRule;
 var FilterRow = /** @class */ (function (_super) {
     __extends(FilterRow, _super);
     function FilterRow() {
@@ -379,34 +298,6 @@ var Format = /** @class */ (function (_super) {
     return Format;
 }(nested_option_1.default));
 exports.Format = Format;
-var FormItem = /** @class */ (function (_super) {
-    __extends(FormItem, _super);
-    function FormItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FormItem.OptionName = "formItem";
-    FormItem.ExpectedChildren = {
-        AsyncRule: { optionName: "validationRules", isCollectionItem: true },
-        CompareRule: { optionName: "validationRules", isCollectionItem: true },
-        CustomRule: { optionName: "validationRules", isCollectionItem: true },
-        EmailRule: { optionName: "validationRules", isCollectionItem: true },
-        label: { optionName: "label", isCollectionItem: false },
-        NumericRule: { optionName: "validationRules", isCollectionItem: true },
-        PatternRule: { optionName: "validationRules", isCollectionItem: true },
-        RangeRule: { optionName: "validationRules", isCollectionItem: true },
-        RequiredRule: { optionName: "validationRules", isCollectionItem: true },
-        StringLengthRule: { optionName: "validationRules", isCollectionItem: true },
-        validationRule: { optionName: "validationRules", isCollectionItem: true }
-    };
-    FormItem.TemplateProps = [{
-            tmplOption: "template",
-            render: "render",
-            component: "component",
-            keyFn: "keyFn"
-        }];
-    return FormItem;
-}(nested_option_1.default));
-exports.FormItem = FormItem;
 var GanttHeaderFilter = /** @class */ (function (_super) {
     __extends(GanttHeaderFilter, _super);
     function GanttHeaderFilter() {
@@ -449,15 +340,6 @@ var Item = /** @class */ (function (_super) {
     return Item;
 }(nested_option_1.default));
 exports.Item = Item;
-var Label = /** @class */ (function (_super) {
-    __extends(Label, _super);
-    function Label() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Label.OptionName = "label";
-    return Label;
-}(nested_option_1.default));
-exports.Label = Label;
 var Lookup = /** @class */ (function (_super) {
     __extends(Lookup, _super);
     function Lookup() {
@@ -467,19 +349,6 @@ var Lookup = /** @class */ (function (_super) {
     return Lookup;
 }(nested_option_1.default));
 exports.Lookup = Lookup;
-var NumericRule = /** @class */ (function (_super) {
-    __extends(NumericRule, _super);
-    function NumericRule() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    NumericRule.OptionName = "validationRules";
-    NumericRule.IsCollectionItem = true;
-    NumericRule.PredefinedProps = {
-        type: "numeric"
-    };
-    return NumericRule;
-}(nested_option_1.default));
-exports.NumericRule = NumericRule;
 var OperationDescriptions = /** @class */ (function (_super) {
     __extends(OperationDescriptions, _super);
     function OperationDescriptions() {
@@ -489,45 +358,6 @@ var OperationDescriptions = /** @class */ (function (_super) {
     return OperationDescriptions;
 }(nested_option_1.default));
 exports.OperationDescriptions = OperationDescriptions;
-var PatternRule = /** @class */ (function (_super) {
-    __extends(PatternRule, _super);
-    function PatternRule() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    PatternRule.OptionName = "validationRules";
-    PatternRule.IsCollectionItem = true;
-    PatternRule.PredefinedProps = {
-        type: "pattern"
-    };
-    return PatternRule;
-}(nested_option_1.default));
-exports.PatternRule = PatternRule;
-var RangeRule = /** @class */ (function (_super) {
-    __extends(RangeRule, _super);
-    function RangeRule() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RangeRule.OptionName = "validationRules";
-    RangeRule.IsCollectionItem = true;
-    RangeRule.PredefinedProps = {
-        type: "range"
-    };
-    return RangeRule;
-}(nested_option_1.default));
-exports.RangeRule = RangeRule;
-var RequiredRule = /** @class */ (function (_super) {
-    __extends(RequiredRule, _super);
-    function RequiredRule() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RequiredRule.OptionName = "validationRules";
-    RequiredRule.IsCollectionItem = true;
-    RequiredRule.PredefinedProps = {
-        type: "required"
-    };
-    return RequiredRule;
-}(nested_option_1.default));
-exports.RequiredRule = RequiredRule;
 var ResourceAssignments = /** @class */ (function (_super) {
     __extends(ResourceAssignments, _super);
     function ResourceAssignments() {
@@ -564,19 +394,6 @@ var Sorting = /** @class */ (function (_super) {
     return Sorting;
 }(nested_option_1.default));
 exports.Sorting = Sorting;
-var StringLengthRule = /** @class */ (function (_super) {
-    __extends(StringLengthRule, _super);
-    function StringLengthRule() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StringLengthRule.OptionName = "validationRules";
-    StringLengthRule.IsCollectionItem = true;
-    StringLengthRule.PredefinedProps = {
-        type: "stringLength"
-    };
-    return StringLengthRule;
-}(nested_option_1.default));
-exports.StringLengthRule = StringLengthRule;
 var StripLine = /** @class */ (function (_super) {
     __extends(StripLine, _super);
     function StripLine() {
@@ -648,17 +465,4 @@ var Validation = /** @class */ (function (_super) {
     return Validation;
 }(nested_option_1.default));
 exports.Validation = Validation;
-var ValidationRule = /** @class */ (function (_super) {
-    __extends(ValidationRule, _super);
-    function ValidationRule() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ValidationRule.OptionName = "validationRules";
-    ValidationRule.IsCollectionItem = true;
-    ValidationRule.PredefinedProps = {
-        type: "required"
-    };
-    return ValidationRule;
-}(nested_option_1.default));
-exports.ValidationRule = ValidationRule;
 exports.default = Gantt;

package/html-editor.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.7
- * Build date: Mon Apr 11 2022
+ * Version: 22.1.2-beta
+ * Build date: Tue May 17 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -28,6 +28,10 @@ declare class HtmlEditor extends BaseComponent<IHtmlEditorOptions> {
         defaultValue: string;
     };
     protected _expectedChildren: {
+        imageUpload: {
+            optionName: string;
+            isCollectionItem: boolean;
+        };
         mediaResizing: {
             optionName: string;
             isCollectionItem: boolean;
@@ -54,6 +58,105 @@ declare class HtmlEditor extends BaseComponent<IHtmlEditorOptions> {
         };
     };
 }
+interface IFileUploaderOptionsProps {
+    abortUpload?: any;
+    accept?: any;
+    accessKey?: any;
+    activeStateEnabled?: any;
+    allowCanceling?: any;
+    allowedFileExtensions?: any;
+    bindingOptions?: any;
+    chunkSize?: any;
+    dialogTrigger?: any;
+    disabled?: any;
+    dropZone?: any;
+    elementAttr?: any;
+    extendSelection?: any;
+    focusStateEnabled?: any;
+    height?: any;
+    hint?: any;
+    hoverStateEnabled?: any;
+    inputAttr?: any;
+    invalidFileExtensionMessage?: any;
+    invalidMaxFileSizeMessage?: any;
+    invalidMinFileSizeMessage?: any;
+    isValid?: any;
+    labelText?: any;
+    maxFileSize?: any;
+    minFileSize?: any;
+    multiple?: any;
+    name?: any;
+    onBeforeSend?: any;
+    onContentReady?: any;
+    onDisposing?: any;
+    onDropZoneEnter?: any;
+    onDropZoneLeave?: any;
+    onFilesUploaded?: any;
+    onFocusIn?: any;
+    onFocusOut?: any;
+    onInitialized?: any;
+    onOptionChanged?: any;
+    onProgress?: any;
+    onUploadAborted?: any;
+    onUploaded?: any;
+    onUploadError?: any;
+    onUploadStarted?: any;
+    onValueChanged?: any;
+    progress?: any;
+    readOnly?: any;
+    readyToUploadMessage?: any;
+    rtlEnabled?: any;
+    selectButtonText?: any;
+    showFileList?: any;
+    stylingMode?: any;
+    tabIndex?: any;
+    uploadAbortedMessage?: any;
+    uploadButtonText?: any;
+    uploadChunk?: any;
+    uploadCustomData?: any;
+    uploadedMessage?: any;
+    uploadFailedMessage?: any;
+    uploadFile?: any;
+    uploadHeaders?: any;
+    uploadMethod?: any;
+    uploadMode?: any;
+    uploadUrl?: any;
+    validationError?: any;
+    validationErrors?: any;
+    validationMessageMode?: any;
+    validationStatus?: any;
+    value?: any;
+    visible?: any;
+    width?: any;
+    defaultValue?: any;
+    onValueChange?: (value: any) => void;
+}
+declare class FileUploaderOptions extends NestedOption<IFileUploaderOptionsProps> {
+    static OptionName: string;
+    static DefaultsProps: {
+        defaultValue: string;
+    };
+}
+interface IImageUploadProps {
+    fileUploaderOptions?: any;
+    fileUploadMode?: any;
+    tabs?: any;
+    uploadDirectory?: any;
+    uploadUrl?: any;
+}
+declare class ImageUpload extends NestedOption<IImageUploadProps> {
+    static OptionName: string;
+    static ExpectedChildren: {
+        fileUploaderOptions: {
+            optionName: string;
+            isCollectionItem: boolean;
+        };
+        tab: {
+            optionName: string;
+            isCollectionItem: boolean;
+        };
+    };
+}
 interface IItemProps {
     beginGroup?: any;
     closeMenuOnClick?: any;
@@ -128,6 +231,13 @@ declare class Mention extends NestedOption<IMentionProps> {
         keyFn: string;
     }[];
 }
+interface ITabProps {
+    name?: any;
+}
+declare class Tab extends NestedOption<ITabProps> {
+    static OptionName: string;
+    static IsCollectionItem: boolean;
+}
 interface ITableContextMenuProps {
     enabled?: any;
     items?: any;
@@ -240,4 +350,4 @@ declare class Variables extends NestedOption<IVariablesProps> {
     static OptionName: string;
 }
 export default HtmlEditor;
-export { HtmlEditor, IHtmlEditorOptions, Item, IItemProps, MediaResizing, IMediaResizingProps, Mention, IMentionProps, TableContextMenu, ITableContextMenuProps, TableContextMenuItem, ITableContextMenuItemProps, TableResizing, ITableResizingProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, Variables, IVariablesProps };
+export { HtmlEditor, IHtmlEditorOptions, FileUploaderOptions, IFileUploaderOptionsProps, ImageUpload, IImageUploadProps, Item, IItemProps, MediaResizing, IMediaResizingProps, Mention, IMentionProps, Tab, ITabProps, TableContextMenu, ITableContextMenuProps, TableContextMenuItem, ITableContextMenuItemProps, TableResizing, ITableResizingProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, Variables, IVariablesProps };

package/html-editor.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.7
- * Build date: Mon Apr 11 2022
+ * Version: 22.1.2-beta
+ * Build date: Tue May 17 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,17 +16,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Variables = exports.ToolbarItem = exports.Toolbar = exports.TableResizing = exports.TableContextMenuItem = exports.TableContextMenu = exports.Mention = exports.MediaResizing = exports.Item = exports.HtmlEditor = void 0;
+exports.Variables = exports.ToolbarItem = exports.Toolbar = exports.TableResizing = exports.TableContextMenuItem = exports.TableContextMenu = exports.Tab = exports.Mention = exports.MediaResizing = exports.Item = exports.ImageUpload = exports.FileUploaderOptions = exports.HtmlEditor = void 0;
 var html_editor_1 = require("devextreme/ui/html_editor");
 var PropTypes = require("prop-types");
 var component_1 = require("./core/component");
@@ -42,6 +44,7 @@ var HtmlEditor = /** @class */ (function (_super) {
             defaultValue: "value"
         };
         _this._expectedChildren = {
+            imageUpload: { optionName: "imageUpload", isCollectionItem: false },
             mediaResizing: { optionName: "mediaResizing", isCollectionItem: false },
             mention: { optionName: "mentions", isCollectionItem: true },
             tableContextMenu: { optionName: "tableContextMenu", isCollectionItem: false },
@@ -76,6 +79,7 @@ HtmlEditor.propTypes = {
     ]),
     hint: PropTypes.string,
     hoverStateEnabled: PropTypes.bool,
+    imageUpload: PropTypes.object,
     isValid: PropTypes.bool,
     mediaResizing: PropTypes.object,
     mentions: PropTypes.array,
@@ -121,6 +125,31 @@ HtmlEditor.propTypes = {
         PropTypes.string
     ])
 };
+var FileUploaderOptions = /** @class */ (function (_super) {
+    __extends(FileUploaderOptions, _super);
+    function FileUploaderOptions() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FileUploaderOptions.OptionName = "fileUploaderOptions";
+    FileUploaderOptions.DefaultsProps = {
+        defaultValue: "value"
+    };
+    return FileUploaderOptions;
+}(nested_option_1.default));
+exports.FileUploaderOptions = FileUploaderOptions;
+var ImageUpload = /** @class */ (function (_super) {
+    __extends(ImageUpload, _super);
+    function ImageUpload() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ImageUpload.OptionName = "imageUpload";
+    ImageUpload.ExpectedChildren = {
+        fileUploaderOptions: { optionName: "fileUploaderOptions", isCollectionItem: false },
+        tab: { optionName: "tabs", isCollectionItem: true }
+    };
+    return ImageUpload;
+}(nested_option_1.default));
+exports.ImageUpload = ImageUpload;
 var Item = /** @class */ (function (_super) {
     __extends(Item, _super);
     function Item() {
@@ -172,6 +201,16 @@ var Mention = /** @class */ (function (_super) {
     return Mention;
 }(nested_option_1.default));
 exports.Mention = Mention;
+var Tab = /** @class */ (function (_super) {
+    __extends(Tab, _super);
+    function Tab() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Tab.OptionName = "tabs";
+    Tab.IsCollectionItem = true;
+    return Tab;
+}(nested_option_1.default));
+exports.Tab = Tab;
 var TableContextMenu = /** @class */ (function (_super) {
     __extends(TableContextMenu, _super);
     function TableContextMenu() {

package/index.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.7
- * Build date: Mon Apr 11 2022
+ * Version: 22.1.2-beta
+ * Build date: Tue May 17 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/index.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.7
- * Build date: Mon Apr 11 2022
+ * Version: 22.1.2-beta
+ * Build date: Tue May 17 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -13,6 +13,8 @@
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeSelector = exports.RadioGroup = exports.ProgressBar = exports.Popup = exports.Popover = exports.PolarChart = exports.PivotGridFieldChooser = exports.PivotGrid = exports.PieChart = exports.NumberBox = exports.NavBar = exports.MultiView = exports.Menu = exports.Map = exports.Lookup = exports.LoadPanel = exports.LoadIndicator = exports.List = exports.LinearGauge = exports.HtmlEditor = exports.Gantt = exports.Gallery = exports.Funnel = exports.Form = exports.FilterBuilder = exports.FileUploader = exports.FileManager = exports.DropDownButton = exports.DropDownBox = exports.Drawer = exports.Draggable = exports.Diagram = exports.DeferRendering = exports.DateBox = exports.DataGrid = exports.ContextMenu = exports.ColorBox = exports.CircularGauge = exports.CheckBox = exports.Chart = exports.Calendar = exports.ButtonGroup = exports.Button = exports.Bullet = exports.Box = exports.BarGauge = exports.Autocomplete = exports.ActionSheet = exports.Accordion = exports.Template = void 0;
+exports.VectorMap = exports.Validator = exports.ValidationSummary = exports.ValidationGroup = exports.TreeView = exports.TreeMap = exports.TreeList = exports.Tooltip = exports.Toolbar = exports.Toast = exports.TileView = exports.TextBox = exports.TextArea = exports.TagBox = exports.Tabs = exports.TabPanel = exports.Switch = exports.SpeedDialAction = exports.Sparkline = exports.Sortable = exports.Slider = exports.SlideOutView = exports.SlideOut = exports.SelectBox = exports.ScrollView = exports.Scheduler = exports.Sankey = exports.ResponsiveBox = exports.Resizable = exports.RecurrenceEditor = exports.RangeSlider = void 0;
 var template_1 = require("./core/template");
 Object.defineProperty(exports, "Template", { enumerable: true, get: function () { return template_1.Template; } });
 var accordion_1 = require("./accordion");

package/linear-gauge.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.7
- * Build date: Mon Apr 11 2022
+ * Version: 22.1.2-beta
+ * Build date: Tue May 17 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/linear-gauge.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.7
- * Build date: Mon Apr 11 2022
+ * Version: 22.1.2-beta
+ * Build date: Tue May 17 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,10 +16,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/list.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.7
- * Build date: Mon Apr 11 2022
+ * Version: 22.1.2-beta
+ * Build date: Tue May 17 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *