devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/gantt.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -13,24 +13,24 @@
 
 "use client";
 "use strict";
-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 (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
     };
-    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 __());
-    };
-})();
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -52,181 +52,69 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Validation = exports.ToolbarItem = exports.Toolbar = exports.Texts = exports.Tasks = exports.StripLine = exports.Sorting = exports.Search = exports.ScaleTypeRange = exports.Resources = exports.ResourceAssignments = exports.OperationDescriptions = exports.Item = exports.HeaderFilter = exports.GanttHeaderFilterSearch = exports.GanttHeaderFilter = exports.Format = exports.FilterRow = exports.Editing = exports.Dependencies = exports.ContextMenuItem = exports.ContextMenu = exports.ColumnHeaderFilterSearch = exports.ColumnHeaderFilter = exports.Column = exports.Gantt = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
 var gantt_1 = __importDefault(require("devextreme/ui/gantt"));
-var PropTypes = __importStar(require("prop-types"));
 var component_1 = require("./core/component");
 var nested_option_1 = __importDefault(require("./core/nested-option"));
-var Gantt = /** @class */ (function (_super) {
-    __extends(Gantt, _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", "onScaleCellPrepared", "onTaskClick", "onTaskDblClick", "onTaskDeleted", "onTaskDeleting", "onTaskEditDialogShowing", "onTaskInserted", "onTaskInserting", "onTaskMoving", "onTaskUpdated", "onTaskUpdating"];
-        _this._expectedChildren = {
-            column: { optionName: "columns", isCollectionItem: true },
-            contextMenu: { optionName: "contextMenu", isCollectionItem: false },
-            dependencies: { optionName: "dependencies", isCollectionItem: false },
-            editing: { optionName: "editing", isCollectionItem: false },
-            filterRow: { optionName: "filterRow", isCollectionItem: false },
-            ganttHeaderFilter: { optionName: "headerFilter", isCollectionItem: false },
-            headerFilter: { optionName: "headerFilter", isCollectionItem: false },
-            resourceAssignments: { optionName: "resourceAssignments", isCollectionItem: false },
-            resources: { optionName: "resources", isCollectionItem: false },
-            scaleTypeRange: { optionName: "scaleTypeRange", isCollectionItem: false },
-            sorting: { optionName: "sorting", isCollectionItem: false },
-            stripLine: { optionName: "stripLines", isCollectionItem: true },
-            tasks: { optionName: "tasks", isCollectionItem: false },
-            toolbar: { optionName: "toolbar", isCollectionItem: false },
-            validation: { optionName: "validation", isCollectionItem: false }
-        };
-        _this._templateProps = [{
-                tmplOption: "taskContentTemplate",
-                render: "taskContentRender",
-                component: "taskContentComponent",
-                keyFn: "taskContentKeyFn"
-            }, {
-                tmplOption: "taskProgressTooltipContentTemplate",
-                render: "taskProgressTooltipContentRender",
-                component: "taskProgressTooltipContentComponent",
-                keyFn: "taskProgressTooltipContentKeyFn"
-            }, {
-                tmplOption: "taskTimeTooltipContentTemplate",
-                render: "taskTimeTooltipContentRender",
-                component: "taskTimeTooltipContentComponent",
-                keyFn: "taskTimeTooltipContentKeyFn"
-            }, {
-                tmplOption: "taskTooltipContentTemplate",
-                render: "taskTooltipContentRender",
-                component: "taskTooltipContentComponent",
-                keyFn: "taskTooltipContentKeyFn"
-            }];
-        return _this;
-    }
-    Object.defineProperty(Gantt.prototype, "instance", {
-        get: function () {
-            return this._instance;
+var Gantt = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
+    var baseRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        instance: function () {
+            var _a;
+            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+        }
+    }); }, [baseRef.current]);
+    var independentEvents = (0, react_1.useMemo)(function () { return (["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"]); }, []);
+    var expectedChildren = (0, react_1.useMemo)(function () { return ({
+        column: { optionName: "columns", isCollectionItem: true },
+        contextMenu: { optionName: "contextMenu", isCollectionItem: false },
+        dependencies: { optionName: "dependencies", isCollectionItem: false },
+        editing: { optionName: "editing", isCollectionItem: false },
+        filterRow: { optionName: "filterRow", isCollectionItem: false },
+        ganttHeaderFilter: { optionName: "headerFilter", isCollectionItem: false },
+        headerFilter: { optionName: "headerFilter", isCollectionItem: false },
+        resourceAssignments: { optionName: "resourceAssignments", isCollectionItem: false },
+        resources: { optionName: "resources", isCollectionItem: false },
+        scaleTypeRange: { optionName: "scaleTypeRange", isCollectionItem: false },
+        sorting: { optionName: "sorting", isCollectionItem: false },
+        stripLine: { optionName: "stripLines", isCollectionItem: true },
+        tasks: { optionName: "tasks", isCollectionItem: false },
+        toolbar: { optionName: "toolbar", isCollectionItem: false },
+        validation: { optionName: "validation", isCollectionItem: false }
+    }); }, []);
+    var templateProps = (0, react_1.useMemo)(function () { return ([
+        {
+            tmplOption: "taskContentTemplate",
+            render: "taskContentRender",
+            component: "taskContentComponent"
+        },
+        {
+            tmplOption: "taskProgressTooltipContentTemplate",
+            render: "taskProgressTooltipContentRender",
+            component: "taskProgressTooltipContentComponent"
+        },
+        {
+            tmplOption: "taskTimeTooltipContentTemplate",
+            render: "taskTimeTooltipContentRender",
+            component: "taskTimeTooltipContentComponent"
         },
-        enumerable: false,
-        configurable: true
-    });
-    return Gantt;
-}(component_1.Component));
+        {
+            tmplOption: "taskTooltipContentTemplate",
+            render: "taskTooltipContentRender",
+            component: "taskTooltipContentComponent"
+        },
+    ]); }, []);
+    return (React.createElement((component_1.Component), __assign({ WidgetClass: gantt_1.default, ref: baseRef, independentEvents: independentEvents, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
+}));
 exports.Gantt = Gantt;
-Gantt.propTypes = {
-    accessKey: PropTypes.string,
-    activeStateEnabled: PropTypes.bool,
-    allowSelection: PropTypes.bool,
-    columns: PropTypes.array,
-    contextMenu: PropTypes.object,
-    dependencies: PropTypes.object,
-    disabled: PropTypes.bool,
-    editing: PropTypes.object,
-    elementAttr: PropTypes.object,
-    endDateRange: PropTypes.instanceOf(Date),
-    filterRow: PropTypes.object,
-    firstDayOfWeek: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.oneOf([
-            0,
-            1,
-            2,
-            3,
-            4,
-            5,
-            6
-        ])
-    ]),
-    focusStateEnabled: PropTypes.bool,
-    headerFilter: PropTypes.object,
-    height: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.number,
-        PropTypes.string
-    ]),
-    hint: PropTypes.string,
-    hoverStateEnabled: PropTypes.bool,
-    onContentReady: PropTypes.func,
-    onContextMenuPreparing: PropTypes.func,
-    onCustomCommand: PropTypes.func,
-    onDependencyDeleted: PropTypes.func,
-    onDependencyDeleting: PropTypes.func,
-    onDependencyInserted: PropTypes.func,
-    onDependencyInserting: PropTypes.func,
-    onDisposing: PropTypes.func,
-    onInitialized: PropTypes.func,
-    onOptionChanged: PropTypes.func,
-    onResourceAssigned: PropTypes.func,
-    onResourceAssigning: PropTypes.func,
-    onResourceDeleted: PropTypes.func,
-    onResourceDeleting: PropTypes.func,
-    onResourceInserted: PropTypes.func,
-    onResourceInserting: PropTypes.func,
-    onResourceManagerDialogShowing: PropTypes.func,
-    onResourceUnassigned: PropTypes.func,
-    onResourceUnassigning: PropTypes.func,
-    onScaleCellPrepared: PropTypes.func,
-    onSelectionChanged: PropTypes.func,
-    onTaskClick: PropTypes.func,
-    onTaskDblClick: PropTypes.func,
-    onTaskDeleted: PropTypes.func,
-    onTaskDeleting: PropTypes.func,
-    onTaskEditDialogShowing: PropTypes.func,
-    onTaskInserted: PropTypes.func,
-    onTaskInserting: PropTypes.func,
-    onTaskMoving: PropTypes.func,
-    onTaskUpdated: PropTypes.func,
-    onTaskUpdating: PropTypes.func,
-    resourceAssignments: PropTypes.object,
-    resources: PropTypes.object,
-    scaleType: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "auto",
-            "minutes",
-            "hours",
-            "sixHours",
-            "days",
-            "weeks",
-            "months",
-            "quarters",
-            "years"
-        ])
-    ]),
-    scaleTypeRange: PropTypes.object,
-    showDependencies: PropTypes.bool,
-    showResources: PropTypes.bool,
-    showRowLines: PropTypes.bool,
-    sorting: PropTypes.object,
-    startDateRange: PropTypes.instanceOf(Date),
-    stripLines: PropTypes.array,
-    tabIndex: PropTypes.number,
-    taskListWidth: PropTypes.number,
-    tasks: PropTypes.object,
-    taskTitlePosition: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "inside",
-            "outside",
-            "none"
-        ])
-    ]),
-    toolbar: PropTypes.object,
-    validation: PropTypes.object,
-    visible: PropTypes.bool,
-    width: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.number,
-        PropTypes.string
-    ])
-};
-var Column = /** @class */ (function (_super) {
-    __extends(Column, _super);
-    function Column() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Column.OptionName = "columns";
-    Column.IsCollectionItem = true;
-    Column.DefaultsProps = {
+var _componentColumn = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Column = Object.assign(_componentColumn, {
+    OptionName: "columns",
+    IsCollectionItem: true,
+    DefaultsProps: {
         defaultFilterValue: "filterValue",
         defaultFilterValues: "filterValues",
         defaultSelectedFilterOperation: "selectedFilterOperation",
@@ -234,292 +122,236 @@ var Column = /** @class */ (function (_super) {
         defaultSortOrder: "sortOrder",
         defaultVisible: "visible",
         defaultVisibleIndex: "visibleIndex"
-    };
-    Column.ExpectedChildren = {
+    },
+    ExpectedChildren: {
         columnHeaderFilter: { optionName: "headerFilter", isCollectionItem: false },
         format: { optionName: "format", isCollectionItem: false },
         headerFilter: { optionName: "headerFilter", isCollectionItem: false }
-    };
-    Column.TemplateProps = [{
+    },
+    TemplateProps: [{
             tmplOption: "cellTemplate",
             render: "cellRender",
-            component: "cellComponent",
-            keyFn: "cellKeyFn"
+            component: "cellComponent"
         }, {
             tmplOption: "headerCellTemplate",
             render: "headerCellRender",
-            component: "headerCellComponent",
-            keyFn: "headerCellKeyFn"
-        }];
-    return Column;
-}(nested_option_1.default));
+            component: "headerCellComponent"
+        }],
+});
 exports.Column = Column;
-var ColumnHeaderFilter = /** @class */ (function (_super) {
-    __extends(ColumnHeaderFilter, _super);
-    function ColumnHeaderFilter() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ColumnHeaderFilter.OptionName = "headerFilter";
-    ColumnHeaderFilter.ExpectedChildren = {
+var _componentColumnHeaderFilter = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var ColumnHeaderFilter = Object.assign(_componentColumnHeaderFilter, {
+    OptionName: "headerFilter",
+    ExpectedChildren: {
         columnHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
         search: { optionName: "search", isCollectionItem: false }
-    };
-    return ColumnHeaderFilter;
-}(nested_option_1.default));
+    },
+});
 exports.ColumnHeaderFilter = ColumnHeaderFilter;
-var ColumnHeaderFilterSearch = /** @class */ (function (_super) {
-    __extends(ColumnHeaderFilterSearch, _super);
-    function ColumnHeaderFilterSearch() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ColumnHeaderFilterSearch.OptionName = "search";
-    return ColumnHeaderFilterSearch;
-}(nested_option_1.default));
+var _componentColumnHeaderFilterSearch = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var ColumnHeaderFilterSearch = Object.assign(_componentColumnHeaderFilterSearch, {
+    OptionName: "search",
+});
 exports.ColumnHeaderFilterSearch = ColumnHeaderFilterSearch;
-var ContextMenu = /** @class */ (function (_super) {
-    __extends(ContextMenu, _super);
-    function ContextMenu() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ContextMenu.OptionName = "contextMenu";
-    ContextMenu.ExpectedChildren = {
+var _componentContextMenu = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var ContextMenu = Object.assign(_componentContextMenu, {
+    OptionName: "contextMenu",
+    ExpectedChildren: {
         contextMenuItem: { optionName: "items", isCollectionItem: true },
         item: { optionName: "items", isCollectionItem: true }
-    };
-    return ContextMenu;
-}(nested_option_1.default));
+    },
+});
 exports.ContextMenu = ContextMenu;
-var ContextMenuItem = /** @class */ (function (_super) {
-    __extends(ContextMenuItem, _super);
-    function ContextMenuItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ContextMenuItem.OptionName = "items";
-    ContextMenuItem.IsCollectionItem = true;
-    ContextMenuItem.TemplateProps = [{
+var _componentContextMenuItem = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var ContextMenuItem = Object.assign(_componentContextMenuItem, {
+    OptionName: "items",
+    IsCollectionItem: true,
+    TemplateProps: [{
             tmplOption: "template",
             render: "render",
-            component: "component",
-            keyFn: "keyFn"
-        }];
-    return ContextMenuItem;
-}(nested_option_1.default));
+            component: "component"
+        }],
+});
 exports.ContextMenuItem = ContextMenuItem;
-var Dependencies = /** @class */ (function (_super) {
-    __extends(Dependencies, _super);
-    function Dependencies() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Dependencies.OptionName = "dependencies";
-    return Dependencies;
-}(nested_option_1.default));
+var _componentDependencies = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Dependencies = Object.assign(_componentDependencies, {
+    OptionName: "dependencies",
+});
 exports.Dependencies = Dependencies;
-var Editing = /** @class */ (function (_super) {
-    __extends(Editing, _super);
-    function Editing() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Editing.OptionName = "editing";
-    return Editing;
-}(nested_option_1.default));
+var _componentEditing = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Editing = Object.assign(_componentEditing, {
+    OptionName: "editing",
+});
 exports.Editing = Editing;
-var FilterRow = /** @class */ (function (_super) {
-    __extends(FilterRow, _super);
-    function FilterRow() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FilterRow.OptionName = "filterRow";
-    FilterRow.ExpectedChildren = {
+var _componentFilterRow = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var FilterRow = Object.assign(_componentFilterRow, {
+    OptionName: "filterRow",
+    ExpectedChildren: {
         operationDescriptions: { optionName: "operationDescriptions", isCollectionItem: false }
-    };
-    return FilterRow;
-}(nested_option_1.default));
+    },
+});
 exports.FilterRow = FilterRow;
-var Format = /** @class */ (function (_super) {
-    __extends(Format, _super);
-    function Format() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Format.OptionName = "format";
-    return Format;
-}(nested_option_1.default));
+var _componentFormat = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Format = Object.assign(_componentFormat, {
+    OptionName: "format",
+});
 exports.Format = Format;
-var GanttHeaderFilter = /** @class */ (function (_super) {
-    __extends(GanttHeaderFilter, _super);
-    function GanttHeaderFilter() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    GanttHeaderFilter.OptionName = "headerFilter";
-    GanttHeaderFilter.ExpectedChildren = {
+var _componentGanttHeaderFilter = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var GanttHeaderFilter = Object.assign(_componentGanttHeaderFilter, {
+    OptionName: "headerFilter",
+    ExpectedChildren: {
         ganttHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
         search: { optionName: "search", isCollectionItem: false },
         texts: { optionName: "texts", isCollectionItem: false }
-    };
-    return GanttHeaderFilter;
-}(nested_option_1.default));
+    },
+});
 exports.GanttHeaderFilter = GanttHeaderFilter;
-var GanttHeaderFilterSearch = /** @class */ (function (_super) {
-    __extends(GanttHeaderFilterSearch, _super);
-    function GanttHeaderFilterSearch() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    GanttHeaderFilterSearch.OptionName = "search";
-    return GanttHeaderFilterSearch;
-}(nested_option_1.default));
+var _componentGanttHeaderFilterSearch = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var GanttHeaderFilterSearch = Object.assign(_componentGanttHeaderFilterSearch, {
+    OptionName: "search",
+});
 exports.GanttHeaderFilterSearch = GanttHeaderFilterSearch;
-var HeaderFilter = /** @class */ (function (_super) {
-    __extends(HeaderFilter, _super);
-    function HeaderFilter() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    HeaderFilter.OptionName = "headerFilter";
-    return HeaderFilter;
-}(nested_option_1.default));
+var _componentHeaderFilter = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var HeaderFilter = Object.assign(_componentHeaderFilter, {
+    OptionName: "headerFilter",
+});
 exports.HeaderFilter = HeaderFilter;
-var Item = /** @class */ (function (_super) {
-    __extends(Item, _super);
-    function Item() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Item.OptionName = "items";
-    Item.IsCollectionItem = true;
-    Item.TemplateProps = [{
+var _componentItem = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Item = Object.assign(_componentItem, {
+    OptionName: "items",
+    IsCollectionItem: true,
+    TemplateProps: [{
             tmplOption: "template",
             render: "render",
-            component: "component",
-            keyFn: "keyFn"
+            component: "component"
         }, {
             tmplOption: "menuItemTemplate",
             render: "menuItemRender",
-            component: "menuItemComponent",
-            keyFn: "menuItemKeyFn"
-        }];
-    return Item;
-}(nested_option_1.default));
+            component: "menuItemComponent"
+        }],
+});
 exports.Item = Item;
-var OperationDescriptions = /** @class */ (function (_super) {
-    __extends(OperationDescriptions, _super);
-    function OperationDescriptions() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    OperationDescriptions.OptionName = "operationDescriptions";
-    return OperationDescriptions;
-}(nested_option_1.default));
+var _componentOperationDescriptions = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var OperationDescriptions = Object.assign(_componentOperationDescriptions, {
+    OptionName: "operationDescriptions",
+});
 exports.OperationDescriptions = OperationDescriptions;
-var ResourceAssignments = /** @class */ (function (_super) {
-    __extends(ResourceAssignments, _super);
-    function ResourceAssignments() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ResourceAssignments.OptionName = "resourceAssignments";
-    return ResourceAssignments;
-}(nested_option_1.default));
+var _componentResourceAssignments = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var ResourceAssignments = Object.assign(_componentResourceAssignments, {
+    OptionName: "resourceAssignments",
+});
 exports.ResourceAssignments = ResourceAssignments;
-var Resources = /** @class */ (function (_super) {
-    __extends(Resources, _super);
-    function Resources() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Resources.OptionName = "resources";
-    return Resources;
-}(nested_option_1.default));
+var _componentResources = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Resources = Object.assign(_componentResources, {
+    OptionName: "resources",
+});
 exports.Resources = Resources;
-var ScaleTypeRange = /** @class */ (function (_super) {
-    __extends(ScaleTypeRange, _super);
-    function ScaleTypeRange() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ScaleTypeRange.OptionName = "scaleTypeRange";
-    return ScaleTypeRange;
-}(nested_option_1.default));
+var _componentScaleTypeRange = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var ScaleTypeRange = Object.assign(_componentScaleTypeRange, {
+    OptionName: "scaleTypeRange",
+});
 exports.ScaleTypeRange = ScaleTypeRange;
-var Search = /** @class */ (function (_super) {
-    __extends(Search, _super);
-    function Search() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Search.OptionName = "search";
-    return Search;
-}(nested_option_1.default));
+var _componentSearch = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Search = Object.assign(_componentSearch, {
+    OptionName: "search",
+});
 exports.Search = Search;
-var Sorting = /** @class */ (function (_super) {
-    __extends(Sorting, _super);
-    function Sorting() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Sorting.OptionName = "sorting";
-    return Sorting;
-}(nested_option_1.default));
+var _componentSorting = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Sorting = Object.assign(_componentSorting, {
+    OptionName: "sorting",
+});
 exports.Sorting = Sorting;
-var StripLine = /** @class */ (function (_super) {
-    __extends(StripLine, _super);
-    function StripLine() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StripLine.OptionName = "stripLines";
-    StripLine.IsCollectionItem = true;
-    return StripLine;
-}(nested_option_1.default));
+var _componentStripLine = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var StripLine = Object.assign(_componentStripLine, {
+    OptionName: "stripLines",
+    IsCollectionItem: true,
+});
 exports.StripLine = StripLine;
-var Tasks = /** @class */ (function (_super) {
-    __extends(Tasks, _super);
-    function Tasks() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Tasks.OptionName = "tasks";
-    return Tasks;
-}(nested_option_1.default));
+var _componentTasks = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Tasks = Object.assign(_componentTasks, {
+    OptionName: "tasks",
+});
 exports.Tasks = Tasks;
-var Texts = /** @class */ (function (_super) {
-    __extends(Texts, _super);
-    function Texts() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Texts.OptionName = "texts";
-    return Texts;
-}(nested_option_1.default));
+var _componentTexts = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Texts = Object.assign(_componentTexts, {
+    OptionName: "texts",
+});
 exports.Texts = Texts;
-var Toolbar = /** @class */ (function (_super) {
-    __extends(Toolbar, _super);
-    function Toolbar() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Toolbar.OptionName = "toolbar";
-    Toolbar.ExpectedChildren = {
+var _componentToolbar = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Toolbar = Object.assign(_componentToolbar, {
+    OptionName: "toolbar",
+    ExpectedChildren: {
         item: { optionName: "items", isCollectionItem: true },
         toolbarItem: { optionName: "items", isCollectionItem: true }
-    };
-    return Toolbar;
-}(nested_option_1.default));
+    },
+});
 exports.Toolbar = Toolbar;
-var ToolbarItem = /** @class */ (function (_super) {
-    __extends(ToolbarItem, _super);
-    function ToolbarItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ToolbarItem.OptionName = "items";
-    ToolbarItem.IsCollectionItem = true;
-    ToolbarItem.TemplateProps = [{
+var _componentToolbarItem = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var ToolbarItem = Object.assign(_componentToolbarItem, {
+    OptionName: "items",
+    IsCollectionItem: true,
+    TemplateProps: [{
             tmplOption: "menuItemTemplate",
             render: "menuItemRender",
-            component: "menuItemComponent",
-            keyFn: "menuItemKeyFn"
+            component: "menuItemComponent"
         }, {
             tmplOption: "template",
             render: "render",
-            component: "component",
-            keyFn: "keyFn"
-        }];
-    return ToolbarItem;
-}(nested_option_1.default));
+            component: "component"
+        }],
+});
 exports.ToolbarItem = ToolbarItem;
-var Validation = /** @class */ (function (_super) {
-    __extends(Validation, _super);
-    function Validation() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Validation.OptionName = "validation";
-    return Validation;
-}(nested_option_1.default));
+var _componentValidation = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Validation = Object.assign(_componentValidation, {
+    OptionName: "validation",
+});
 exports.Validation = Validation;
 exports.default = Gantt;