devextreme-react 26.1.2-beta → 26.1.3

package/cjs/data-grid.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,1895 +11,1895 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-"use client";
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = exports.FilterRow = exports.FilterPanelTexts = exports.FilterPanel = exports.FilterOperationDescriptions = exports.FilterBuilderPopup = exports.FilterBuilder = exports.FieldLookup = exports.Field = exports.ExportTexts = exports.Export = exports.EmptyItem = exports.EmailRule = exports.EditorOptionsButton = exports.EditorOptions = exports.EditingTexts = exports.Editing = exports.DataGridToolbarItem = exports.DataGridSelection = exports.DataGridHeaderFilterTexts = exports.DataGridHeaderFilterSearch = exports.DataGridHeaderFilter = exports.CustomRule = exports.CustomOperation = exports.CursorOffset = exports.CompareRule = exports.ColumnLookup = exports.ColumnHeaderFilterSearch = exports.ColumnHeaderFilter = exports.ColumnFixingTexts = exports.ColumnFixing = exports.ColumnChooserSelection = exports.ColumnChooserSearch = exports.ColumnChooser = exports.ColumnButton = exports.Column = exports.Collision = exports.ColCountByScreen = exports.Change = exports.ButtonOptions = exports.ButtonItem = exports.Button = exports.BoundaryOffset = exports.At = exports.AsyncRule = exports.Animation = exports.AIOptions = exports.AIAssistant = exports.AI = exports.DataGrid = void 0;
-exports.Texts = exports.TabPanelOptionsItem = exports.TabPanelOptions = exports.TabbedItem = exports.Tab = exports.SummaryTexts = exports.Summary = exports.StringLengthRule = exports.StateStoring = exports.Sorting = exports.SortByGroupSummaryInfo = exports.SimpleItem = exports.Show = exports.Selection = exports.SearchPanel = exports.Search = exports.Scrolling = exports.RowDragging = exports.RequiredRule = exports.RemoteOperations = exports.RangeRule = exports.Position = exports.Popup = exports.PatternRule = exports.Paging = exports.Pager = exports.Options = exports.OperationDescriptions = exports.Offset = exports.NumericRule = exports.My = exports.MasterDetail = exports.Lookup = exports.LoadPanel = exports.Label = exports.KeyboardNavigation = exports.Item = exports.IndicatorOptions = exports.Icons = exports.Hide = exports.HeaderFilter = exports.GroupPanel = exports.GroupOperationDescriptions = exports.GroupItem = exports.GroupingTexts = exports.Grouping = exports.From = exports.FormItem = exports.FormGroupItem = exports.Format = void 0;
-exports.ValueFormat = exports.ValidationRule = exports.TotalItem = exports.ToolbarItem = exports.Toolbar = exports.To = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const data_grid_1 = __importDefault(require("devextreme/ui/data_grid"));
-const component_1 = require("./core/component");
-const nested_option_1 = __importDefault(require("./core/nested-option"));
-const DataGrid = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
-    const baseRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        instance() {
-            return baseRef.current?.getInstance();
-        }
-    }), []);
-    const subscribableOptions = (0, react_1.useMemo)(() => (["columns", "editing", "editing.changes", "editing.editColumnName", "editing.editRowKey", "filterValue", "focusedColumnIndex", "focusedRowIndex", "focusedRowKey", "groupPanel", "groupPanel.visible", "paging", "paging.pageIndex", "paging.pageSize", "selectedRowKeys", "selectionFilter", "filterBuilder.value", "filterBuilderPopup.height", "filterBuilderPopup.position", "filterBuilderPopup.visible", "filterBuilderPopup.width", "filterPanel.filterEnabled", "editing.form.formData", "editing.popup.height", "aIAssistant.popup.height", "editing.popup.position", "aIAssistant.popup.position", "editing.popup.visible", "aIAssistant.popup.visible", "editing.popup.width", "aIAssistant.popup.width", "searchPanel.text"]), []);
-    const independentEvents = (0, react_1.useMemo)(() => (["onAdaptiveDetailRowPreparing", "onAIAssistantRequestCreating", "onAIColumnRequestCreating", "onCellClick", "onCellDblClick", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanging", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onToolbarPreparing"]), []);
-    const defaults = (0, react_1.useMemo)(() => ({
-        defaultColumns: "columns",
-        defaultEditing: "editing",
-        defaultFilterValue: "filterValue",
-        defaultFocusedColumnIndex: "focusedColumnIndex",
-        defaultFocusedRowIndex: "focusedRowIndex",
-        defaultFocusedRowKey: "focusedRowKey",
-        defaultGroupPanel: "groupPanel",
-        defaultPaging: "paging",
-        defaultSelectedRowKeys: "selectedRowKeys",
-        defaultSelectionFilter: "selectionFilter",
-    }), []);
-    const expectedChildren = (0, react_1.useMemo)(() => ({
-        aiAssistant: { optionName: "aiAssistant", isCollectionItem: false },
-        column: { optionName: "columns", isCollectionItem: true },
-        columnChooser: { optionName: "columnChooser", isCollectionItem: false },
-        columnFixing: { optionName: "columnFixing", isCollectionItem: false },
-        dataGridHeaderFilter: { optionName: "headerFilter", isCollectionItem: false },
-        dataGridSelection: { optionName: "selection", isCollectionItem: false },
-        editing: { optionName: "editing", isCollectionItem: false },
-        export: { optionName: "export", isCollectionItem: false },
-        filterBuilder: { optionName: "filterBuilder", isCollectionItem: false },
-        filterBuilderPopup: { optionName: "filterBuilderPopup", isCollectionItem: false },
-        filterPanel: { optionName: "filterPanel", isCollectionItem: false },
-        filterRow: { optionName: "filterRow", isCollectionItem: false },
-        grouping: { optionName: "grouping", isCollectionItem: false },
-        groupPanel: { optionName: "groupPanel", isCollectionItem: false },
-        headerFilter: { optionName: "headerFilter", isCollectionItem: false },
-        keyboardNavigation: { optionName: "keyboardNavigation", isCollectionItem: false },
-        loadPanel: { optionName: "loadPanel", isCollectionItem: false },
-        masterDetail: { optionName: "masterDetail", isCollectionItem: false },
-        pager: { optionName: "pager", isCollectionItem: false },
-        paging: { optionName: "paging", isCollectionItem: false },
-        remoteOperations: { optionName: "remoteOperations", isCollectionItem: false },
-        rowDragging: { optionName: "rowDragging", isCollectionItem: false },
-        scrolling: { optionName: "scrolling", isCollectionItem: false },
-        searchPanel: { optionName: "searchPanel", isCollectionItem: false },
-        selection: { optionName: "selection", isCollectionItem: false },
-        sortByGroupSummaryInfo: { optionName: "sortByGroupSummaryInfo", isCollectionItem: true },
-        sorting: { optionName: "sorting", isCollectionItem: false },
-        stateStoring: { optionName: "stateStoring", isCollectionItem: false },
-        summary: { optionName: "summary", isCollectionItem: false },
-        toolbar: { optionName: "toolbar", isCollectionItem: false }
-    }), []);
-    const templateProps = (0, react_1.useMemo)(() => ([
-        {
-            tmplOption: "dataRowTemplate",
-            render: "dataRowRender",
-            component: "dataRowComponent"
-        },
-        {
-            tmplOption: "rowTemplate",
-            render: "rowRender",
-            component: "rowComponent"
-        },
-    ]), []);
-    return (React.createElement((component_1.Component), {
-        WidgetClass: data_grid_1.default,
-        ref: baseRef,
-        useRequestAnimationFrameFlag: true,
-        subscribableOptions,
-        independentEvents,
-        defaults,
-        expectedChildren,
-        templateProps,
-        ...props,
-    }));
-}));
-exports.DataGrid = DataGrid;
-const _componentAI = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "ai",
-            ExpectedChildren: {
-                editorOptions: { optionName: "editorOptions", isCollectionItem: false }
-            },
-        },
-    });
-};
-const AI = Object.assign(_componentAI, {
-    componentType: "option",
-});
-exports.AI = AI;
-const _componentAIAssistant = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "aiAssistant",
-            ExpectedChildren: {
-                popup: { optionName: "popup", isCollectionItem: false }
-            },
-        },
-    });
-};
-const AIAssistant = Object.assign(_componentAIAssistant, {
-    componentType: "option",
-});
-exports.AIAssistant = AIAssistant;
-const _componentAIOptions = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "aiOptions",
-        },
-    });
-};
-const AIOptions = Object.assign(_componentAIOptions, {
-    componentType: "option",
-});
-exports.AIOptions = AIOptions;
-const _componentAnimation = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "animation",
-            ExpectedChildren: {
-                hide: { optionName: "hide", isCollectionItem: false },
-                show: { optionName: "show", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Animation = Object.assign(_componentAnimation, {
-    componentType: "option",
-});
-exports.Animation = Animation;
-const _componentAsyncRule = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "validationRules",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                type: "async"
-            },
-        },
-    });
-};
-const AsyncRule = Object.assign(_componentAsyncRule, {
-    componentType: "option",
-});
-exports.AsyncRule = AsyncRule;
-const _componentAt = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "at",
-        },
-    });
-};
-const At = Object.assign(_componentAt, {
-    componentType: "option",
-});
-exports.At = At;
-const _componentBoundaryOffset = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "boundaryOffset",
-        },
-    });
-};
-const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
-    componentType: "option",
-});
-exports.BoundaryOffset = BoundaryOffset;
-const _componentButton = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "buttons",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                options: { optionName: "options", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const Button = Object.assign(_componentButton, {
-    componentType: "option",
-});
-exports.Button = Button;
-const _componentButtonItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "items",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                buttonOptions: { optionName: "buttonOptions", isCollectionItem: false }
-            },
-            PredefinedProps: {
-                itemType: "button"
-            },
-        },
-    });
-};
-const ButtonItem = Object.assign(_componentButtonItem, {
-    componentType: "option",
-});
-exports.ButtonItem = ButtonItem;
-const _componentButtonOptions = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "buttonOptions",
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const ButtonOptions = Object.assign(_componentButtonOptions, {
-    componentType: "option",
-});
-exports.ButtonOptions = ButtonOptions;
-const _componentChange = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "changes",
-            IsCollectionItem: true,
-        },
-    });
-};
-const Change = Object.assign(_componentChange, {
-    componentType: "option",
-});
-exports.Change = Change;
-const _componentColCountByScreen = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "colCountByScreen",
-        },
-    });
-};
-const ColCountByScreen = Object.assign(_componentColCountByScreen, {
-    componentType: "option",
-});
-exports.ColCountByScreen = ColCountByScreen;
-const _componentCollision = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "collision",
-        },
-    });
-};
-const Collision = Object.assign(_componentCollision, {
-    componentType: "option",
-});
-exports.Collision = Collision;
-const _componentColumn = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "columns",
-            IsCollectionItem: true,
-            DefaultsProps: {
-                defaultFilterValue: "filterValue",
-                defaultFilterValues: "filterValues",
-                defaultGroupIndex: "groupIndex",
-                defaultSelectedFilterOperation: "selectedFilterOperation",
-                defaultSortIndex: "sortIndex",
-                defaultSortOrder: "sortOrder",
-                defaultVisible: "visible",
-                defaultVisibleIndex: "visibleIndex"
-            },
-            ExpectedChildren: {
-                ai: { optionName: "ai", isCollectionItem: false },
-                AsyncRule: { optionName: "validationRules", isCollectionItem: true },
-                button: { optionName: "buttons", isCollectionItem: true },
-                columnButton: { optionName: "buttons", isCollectionItem: true },
-                columnHeaderFilter: { optionName: "headerFilter", isCollectionItem: false },
-                columnLookup: { optionName: "lookup", 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 }
-            },
-            TemplateProps: [{
-                    tmplOption: "cellTemplate",
-                    render: "cellRender",
-                    component: "cellComponent"
-                }, {
-                    tmplOption: "editCellTemplate",
-                    render: "editCellRender",
-                    component: "editCellComponent"
-                }, {
-                    tmplOption: "groupCellTemplate",
-                    render: "groupCellRender",
-                    component: "groupCellComponent"
-                }, {
-                    tmplOption: "headerCellTemplate",
-                    render: "headerCellRender",
-                    component: "headerCellComponent"
-                }],
-        },
-    });
-};
-const Column = Object.assign(_componentColumn, {
-    componentType: "option",
-});
-exports.Column = Column;
-const _componentColumnButton = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "buttons",
-            IsCollectionItem: true,
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const ColumnButton = Object.assign(_componentColumnButton, {
-    componentType: "option",
-});
-exports.ColumnButton = ColumnButton;
-const _componentColumnChooser = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "columnChooser",
-            ExpectedChildren: {
-                columnChooserSearch: { optionName: "search", isCollectionItem: false },
-                columnChooserSelection: { optionName: "selection", isCollectionItem: false },
-                position: { optionName: "position", isCollectionItem: false },
-                search: { optionName: "search", isCollectionItem: false },
-                selection: { optionName: "selection", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ColumnChooser = Object.assign(_componentColumnChooser, {
-    componentType: "option",
-});
-exports.ColumnChooser = ColumnChooser;
-const _componentColumnChooserSearch = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "search",
-        },
-    });
-};
-const ColumnChooserSearch = Object.assign(_componentColumnChooserSearch, {
-    componentType: "option",
-});
-exports.ColumnChooserSearch = ColumnChooserSearch;
-const _componentColumnChooserSelection = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "selection",
-        },
-    });
-};
-const ColumnChooserSelection = Object.assign(_componentColumnChooserSelection, {
-    componentType: "option",
-});
-exports.ColumnChooserSelection = ColumnChooserSelection;
-const _componentColumnFixing = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "columnFixing",
-            ExpectedChildren: {
-                columnFixingTexts: { optionName: "texts", isCollectionItem: false },
-                icons: { optionName: "icons", isCollectionItem: false },
-                texts: { optionName: "texts", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ColumnFixing = Object.assign(_componentColumnFixing, {
-    componentType: "option",
-});
-exports.ColumnFixing = ColumnFixing;
-const _componentColumnFixingTexts = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "texts",
-        },
-    });
-};
-const ColumnFixingTexts = Object.assign(_componentColumnFixingTexts, {
-    componentType: "option",
-});
-exports.ColumnFixingTexts = ColumnFixingTexts;
-const _componentColumnHeaderFilter = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "headerFilter",
-            ExpectedChildren: {
-                columnHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
-                search: { optionName: "search", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ColumnHeaderFilter = Object.assign(_componentColumnHeaderFilter, {
-    componentType: "option",
-});
-exports.ColumnHeaderFilter = ColumnHeaderFilter;
-const _componentColumnHeaderFilterSearch = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "search",
-        },
-    });
-};
-const ColumnHeaderFilterSearch = Object.assign(_componentColumnHeaderFilterSearch, {
-    componentType: "option",
-});
-exports.ColumnHeaderFilterSearch = ColumnHeaderFilterSearch;
-const _componentColumnLookup = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "lookup",
-        },
-    });
-};
-const ColumnLookup = Object.assign(_componentColumnLookup, {
-    componentType: "option",
-});
-exports.ColumnLookup = ColumnLookup;
-const _componentCompareRule = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "validationRules",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                type: "compare"
-            },
-        },
-    });
-};
-const CompareRule = Object.assign(_componentCompareRule, {
-    componentType: "option",
-});
-exports.CompareRule = CompareRule;
-const _componentCursorOffset = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "cursorOffset",
-        },
-    });
-};
-const CursorOffset = Object.assign(_componentCursorOffset, {
-    componentType: "option",
-});
-exports.CursorOffset = CursorOffset;
-const _componentCustomOperation = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "customOperations",
-            IsCollectionItem: true,
-            TemplateProps: [{
-                    tmplOption: "editorTemplate",
-                    render: "editorRender",
-                    component: "editorComponent"
-                }],
-        },
-    });
-};
-const CustomOperation = Object.assign(_componentCustomOperation, {
-    componentType: "option",
-});
-exports.CustomOperation = CustomOperation;
-const _componentCustomRule = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "validationRules",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                type: "custom"
-            },
-        },
-    });
-};
-const CustomRule = Object.assign(_componentCustomRule, {
-    componentType: "option",
-});
-exports.CustomRule = CustomRule;
-const _componentDataGridHeaderFilter = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "headerFilter",
-            ExpectedChildren: {
-                dataGridHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
-                dataGridHeaderFilterTexts: { optionName: "texts", isCollectionItem: false },
-                search: { optionName: "search", isCollectionItem: false },
-                texts: { optionName: "texts", isCollectionItem: false }
-            },
-        },
-    });
-};
-const DataGridHeaderFilter = Object.assign(_componentDataGridHeaderFilter, {
-    componentType: "option",
-});
-exports.DataGridHeaderFilter = DataGridHeaderFilter;
-const _componentDataGridHeaderFilterSearch = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "search",
-        },
-    });
-};
-const DataGridHeaderFilterSearch = Object.assign(_componentDataGridHeaderFilterSearch, {
-    componentType: "option",
-});
-exports.DataGridHeaderFilterSearch = DataGridHeaderFilterSearch;
-const _componentDataGridHeaderFilterTexts = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "texts",
-        },
-    });
-};
-const DataGridHeaderFilterTexts = Object.assign(_componentDataGridHeaderFilterTexts, {
-    componentType: "option",
-});
-exports.DataGridHeaderFilterTexts = DataGridHeaderFilterTexts;
-const _componentDataGridSelection = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "selection",
-        },
-    });
-};
-const DataGridSelection = Object.assign(_componentDataGridSelection, {
-    componentType: "option",
-});
-exports.DataGridSelection = DataGridSelection;
-const _componentDataGridToolbarItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "items",
-            IsCollectionItem: true,
-            TemplateProps: [{
-                    tmplOption: "menuItemTemplate",
-                    render: "menuItemRender",
-                    component: "menuItemComponent"
-                }, {
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const DataGridToolbarItem = Object.assign(_componentDataGridToolbarItem, {
-    componentType: "option",
-});
-exports.DataGridToolbarItem = DataGridToolbarItem;
-const _componentEditing = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "editing",
-            DefaultsProps: {
-                defaultChanges: "changes",
-                defaultEditColumnName: "editColumnName",
-                defaultEditRowKey: "editRowKey"
-            },
-            ExpectedChildren: {
-                change: { optionName: "changes", isCollectionItem: true },
-                editingTexts: { optionName: "texts", isCollectionItem: false },
-                form: { optionName: "form", isCollectionItem: false },
-                popup: { optionName: "popup", isCollectionItem: false },
-                texts: { optionName: "texts", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Editing = Object.assign(_componentEditing, {
-    componentType: "option",
-});
-exports.Editing = Editing;
-const _componentEditingTexts = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "texts",
-        },
-    });
-};
-const EditingTexts = Object.assign(_componentEditingTexts, {
-    componentType: "option",
-});
-exports.EditingTexts = EditingTexts;
-const _componentEditorOptions = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "editorOptions",
-            DefaultsProps: {
-                defaultValue: "value"
-            },
-            ExpectedChildren: {
-                button: { optionName: "buttons", isCollectionItem: true },
-                editorOptionsButton: { optionName: "buttons", isCollectionItem: true }
-            },
-        },
-    });
-};
-const EditorOptions = Object.assign(_componentEditorOptions, {
-    componentType: "option",
-});
-exports.EditorOptions = EditorOptions;
-const _componentEditorOptionsButton = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "buttons",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                options: { optionName: "options", isCollectionItem: false }
-            },
-        },
-    });
-};
-const EditorOptionsButton = Object.assign(_componentEditorOptionsButton, {
-    componentType: "option",
-});
-exports.EditorOptionsButton = EditorOptionsButton;
-const _componentEmailRule = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "validationRules",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                type: "email"
-            },
-        },
-    });
-};
-const EmailRule = Object.assign(_componentEmailRule, {
-    componentType: "option",
-});
-exports.EmailRule = EmailRule;
-const _componentEmptyItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "items",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                itemType: "empty"
-            },
-        },
-    });
-};
-const EmptyItem = Object.assign(_componentEmptyItem, {
-    componentType: "option",
-});
-exports.EmptyItem = EmptyItem;
-const _componentExport = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "export",
-            ExpectedChildren: {
-                exportTexts: { optionName: "texts", isCollectionItem: false },
-                texts: { optionName: "texts", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Export = Object.assign(_componentExport, {
-    componentType: "option",
-});
-exports.Export = Export;
-const _componentExportTexts = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "texts",
-        },
-    });
-};
-const ExportTexts = Object.assign(_componentExportTexts, {
-    componentType: "option",
-});
-exports.ExportTexts = ExportTexts;
-const _componentField = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "fields",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                fieldLookup: { optionName: "lookup", isCollectionItem: false },
-                format: { optionName: "format", isCollectionItem: false },
-                lookup: { optionName: "lookup", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "editorTemplate",
-                    render: "editorRender",
-                    component: "editorComponent"
-                }],
-        },
-    });
-};
-const Field = Object.assign(_componentField, {
-    componentType: "option",
-});
-exports.Field = Field;
-const _componentFieldLookup = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "lookup",
-        },
-    });
-};
-const FieldLookup = Object.assign(_componentFieldLookup, {
-    componentType: "option",
-});
-exports.FieldLookup = FieldLookup;
-const _componentFilterBuilder = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "filterBuilder",
-            DefaultsProps: {
-                defaultValue: "value"
-            },
-            ExpectedChildren: {
-                customOperation: { optionName: "customOperations", isCollectionItem: true },
-                field: { optionName: "fields", isCollectionItem: true },
-                filterOperationDescriptions: { optionName: "filterOperationDescriptions", isCollectionItem: false },
-                groupOperationDescriptions: { optionName: "groupOperationDescriptions", isCollectionItem: false }
-            },
-        },
-    });
-};
-const FilterBuilder = Object.assign(_componentFilterBuilder, {
-    componentType: "option",
-});
-exports.FilterBuilder = FilterBuilder;
-const _componentFilterBuilderPopup = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "filterBuilderPopup",
-            DefaultsProps: {
-                defaultHeight: "height",
-                defaultPosition: "position",
-                defaultVisible: "visible",
-                defaultWidth: "width"
-            },
-            ExpectedChildren: {
-                animation: { optionName: "animation", isCollectionItem: false },
-                position: { optionName: "position", isCollectionItem: false },
-                toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
-            },
-            TemplateProps: [{
-                    tmplOption: "contentTemplate",
-                    render: "contentRender",
-                    component: "contentComponent"
-                }, {
-                    tmplOption: "titleTemplate",
-                    render: "titleRender",
-                    component: "titleComponent"
-                }],
-        },
-    });
-};
-const FilterBuilderPopup = Object.assign(_componentFilterBuilderPopup, {
-    componentType: "option",
-});
-exports.FilterBuilderPopup = FilterBuilderPopup;
-const _componentFilterOperationDescriptions = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "filterOperationDescriptions",
-        },
-    });
-};
-const FilterOperationDescriptions = Object.assign(_componentFilterOperationDescriptions, {
-    componentType: "option",
-});
-exports.FilterOperationDescriptions = FilterOperationDescriptions;
-const _componentFilterPanel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "filterPanel",
-            DefaultsProps: {
-                defaultFilterEnabled: "filterEnabled"
-            },
-            ExpectedChildren: {
-                filterPanelTexts: { optionName: "texts", isCollectionItem: false },
-                texts: { optionName: "texts", isCollectionItem: false }
-            },
-        },
-    });
-};
-const FilterPanel = Object.assign(_componentFilterPanel, {
-    componentType: "option",
-});
-exports.FilterPanel = FilterPanel;
-const _componentFilterPanelTexts = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "texts",
-        },
-    });
-};
-const FilterPanelTexts = Object.assign(_componentFilterPanelTexts, {
-    componentType: "option",
-});
-exports.FilterPanelTexts = FilterPanelTexts;
-const _componentFilterRow = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "filterRow",
-            ExpectedChildren: {
-                operationDescriptions: { optionName: "operationDescriptions", isCollectionItem: false }
-            },
-        },
-    });
-};
-const FilterRow = Object.assign(_componentFilterRow, {
-    componentType: "option",
-});
-exports.FilterRow = FilterRow;
-const _componentForm = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "form",
-            DefaultsProps: {
-                defaultFormData: "formData"
-            },
-            ExpectedChildren: {
-                ButtonItem: { optionName: "items", isCollectionItem: true },
-                colCountByScreen: { optionName: "colCountByScreen", isCollectionItem: false },
-                EmptyItem: { optionName: "items", isCollectionItem: true },
-                FormGroupItem: { optionName: "items", isCollectionItem: true },
-                item: { optionName: "items", isCollectionItem: true },
-                SimpleItem: { optionName: "items", isCollectionItem: true },
-                TabbedItem: { optionName: "items", isCollectionItem: true }
-            },
-        },
-    });
-};
-const Form = Object.assign(_componentForm, {
-    componentType: "option",
-});
-exports.Form = Form;
-const _componentFormat = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "format",
-        },
-    });
-};
-const Format = Object.assign(_componentFormat, {
-    componentType: "option",
-});
-exports.Format = Format;
-const _componentFormGroupItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "items",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                colCountByScreen: { optionName: "colCountByScreen", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "captionTemplate",
-                    render: "captionRender",
-                    component: "captionComponent"
-                }, {
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-            PredefinedProps: {
-                itemType: "group"
-            },
-        },
-    });
-};
-const FormGroupItem = Object.assign(_componentFormGroupItem, {
-    componentType: "option",
-});
-exports.FormGroupItem = FormGroupItem;
-const _componentFormItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "formItem",
-            ExpectedChildren: {
-                aiOptions: { optionName: "aiOptions", isCollectionItem: false },
-                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 }
-            },
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const FormItem = Object.assign(_componentFormItem, {
-    componentType: "option",
-});
-exports.FormItem = FormItem;
-const _componentFrom = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "from",
-            ExpectedChildren: {
-                position: { optionName: "position", isCollectionItem: false }
-            },
-        },
-    });
-};
-const From = Object.assign(_componentFrom, {
-    componentType: "option",
-});
-exports.From = From;
-const _componentGrouping = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "grouping",
-            ExpectedChildren: {
-                groupingTexts: { optionName: "texts", isCollectionItem: false },
-                texts: { optionName: "texts", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Grouping = Object.assign(_componentGrouping, {
-    componentType: "option",
-});
-exports.Grouping = Grouping;
-const _componentGroupingTexts = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "texts",
-        },
-    });
-};
-const GroupingTexts = Object.assign(_componentGroupingTexts, {
-    componentType: "option",
-});
-exports.GroupingTexts = GroupingTexts;
-const _componentGroupItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "groupItems",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                valueFormat: { optionName: "valueFormat", isCollectionItem: false }
-            },
-        },
-    });
-};
-const GroupItem = Object.assign(_componentGroupItem, {
-    componentType: "option",
-});
-exports.GroupItem = GroupItem;
-const _componentGroupOperationDescriptions = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "groupOperationDescriptions",
-        },
-    });
-};
-const GroupOperationDescriptions = Object.assign(_componentGroupOperationDescriptions, {
-    componentType: "option",
-});
-exports.GroupOperationDescriptions = GroupOperationDescriptions;
-const _componentGroupPanel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "groupPanel",
-            DefaultsProps: {
-                defaultVisible: "visible"
-            },
-        },
-    });
-};
-const GroupPanel = Object.assign(_componentGroupPanel, {
-    componentType: "option",
-});
-exports.GroupPanel = GroupPanel;
-const _componentHeaderFilter = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "headerFilter",
-            ExpectedChildren: {
-                columnHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
-                dataGridHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
-                dataGridHeaderFilterTexts: { optionName: "texts", isCollectionItem: false }
-            },
-        },
-    });
-};
-const HeaderFilter = Object.assign(_componentHeaderFilter, {
-    componentType: "option",
-});
-exports.HeaderFilter = HeaderFilter;
-const _componentHide = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "hide",
-            ExpectedChildren: {
-                from: { optionName: "from", isCollectionItem: false },
-                to: { optionName: "to", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Hide = Object.assign(_componentHide, {
-    componentType: "option",
-});
-exports.Hide = Hide;
-const _componentIcons = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "icons",
-        },
-    });
-};
-const Icons = Object.assign(_componentIcons, {
-    componentType: "option",
-});
-exports.Icons = Icons;
-const _componentIndicatorOptions = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "indicatorOptions",
-        },
-    });
-};
-const IndicatorOptions = Object.assign(_componentIndicatorOptions, {
-    componentType: "option",
-});
-exports.IndicatorOptions = IndicatorOptions;
-const _componentItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "items",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                aiOptions: { optionName: "aiOptions", isCollectionItem: false },
-                AsyncRule: { optionName: "validationRules", isCollectionItem: true },
-                buttonOptions: { optionName: "buttonOptions", isCollectionItem: false },
-                colCountByScreen: { optionName: "colCountByScreen", isCollectionItem: false },
-                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 },
-                tab: { optionName: "tabs", isCollectionItem: true },
-                tabPanelOptions: { optionName: "tabPanelOptions", isCollectionItem: false },
-                validationRule: { optionName: "validationRules", isCollectionItem: true }
-            },
-            TemplateProps: [{
-                    tmplOption: "tabTemplate",
-                    render: "tabRender",
-                    component: "tabComponent"
-                }, {
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }, {
-                    tmplOption: "captionTemplate",
-                    render: "captionRender",
-                    component: "captionComponent"
-                }, {
-                    tmplOption: "menuItemTemplate",
-                    render: "menuItemRender",
-                    component: "menuItemComponent"
-                }],
-        },
-    });
-};
-const Item = Object.assign(_componentItem, {
-    componentType: "option",
-});
-exports.Item = Item;
-const _componentKeyboardNavigation = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "keyboardNavigation",
-        },
-    });
-};
-const KeyboardNavigation = Object.assign(_componentKeyboardNavigation, {
-    componentType: "option",
-});
-exports.KeyboardNavigation = KeyboardNavigation;
-const _componentLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const Label = Object.assign(_componentLabel, {
-    componentType: "option",
-});
-exports.Label = Label;
-const _componentLoadPanel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "loadPanel",
-            ExpectedChildren: {
-                indicatorOptions: { optionName: "indicatorOptions", isCollectionItem: false }
-            },
-        },
-    });
-};
-const LoadPanel = Object.assign(_componentLoadPanel, {
-    componentType: "option",
-});
-exports.LoadPanel = LoadPanel;
-const _componentLookup = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "lookup",
-        },
-    });
-};
-const Lookup = Object.assign(_componentLookup, {
-    componentType: "option",
-});
-exports.Lookup = Lookup;
-const _componentMasterDetail = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "masterDetail",
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const MasterDetail = Object.assign(_componentMasterDetail, {
-    componentType: "option",
-});
-exports.MasterDetail = MasterDetail;
-const _componentMy = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "my",
-        },
-    });
-};
-const My = Object.assign(_componentMy, {
-    componentType: "option",
-});
-exports.My = My;
-const _componentNumericRule = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "validationRules",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                type: "numeric"
-            },
-        },
-    });
-};
-const NumericRule = Object.assign(_componentNumericRule, {
-    componentType: "option",
-});
-exports.NumericRule = NumericRule;
-const _componentOffset = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "offset",
-        },
-    });
-};
-const Offset = Object.assign(_componentOffset, {
-    componentType: "option",
-});
-exports.Offset = Offset;
-const _componentOperationDescriptions = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "operationDescriptions",
-        },
-    });
-};
-const OperationDescriptions = Object.assign(_componentOperationDescriptions, {
-    componentType: "option",
-});
-exports.OperationDescriptions = OperationDescriptions;
-const _componentOptions = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "options",
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const Options = Object.assign(_componentOptions, {
-    componentType: "option",
-});
-exports.Options = Options;
-const _componentPager = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "pager",
-        },
-    });
-};
-const Pager = Object.assign(_componentPager, {
-    componentType: "option",
-});
-exports.Pager = Pager;
-const _componentPaging = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "paging",
-            DefaultsProps: {
-                defaultPageIndex: "pageIndex",
-                defaultPageSize: "pageSize"
-            },
-        },
-    });
-};
-const Paging = Object.assign(_componentPaging, {
-    componentType: "option",
-});
-exports.Paging = Paging;
-const _componentPatternRule = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "validationRules",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                type: "pattern"
-            },
-        },
-    });
-};
-const PatternRule = Object.assign(_componentPatternRule, {
-    componentType: "option",
-});
-exports.PatternRule = PatternRule;
-const _componentPopup = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "popup",
-            DefaultsProps: {
-                defaultHeight: "height",
-                defaultPosition: "position",
-                defaultVisible: "visible",
-                defaultWidth: "width"
-            },
-            ExpectedChildren: {
-                animation: { optionName: "animation", isCollectionItem: false },
-                position: { optionName: "position", isCollectionItem: false },
-                toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
-            },
-            TemplateProps: [{
-                    tmplOption: "contentTemplate",
-                    render: "contentRender",
-                    component: "contentComponent"
-                }, {
-                    tmplOption: "titleTemplate",
-                    render: "titleRender",
-                    component: "titleComponent"
-                }],
-        },
-    });
-};
-const Popup = Object.assign(_componentPopup, {
-    componentType: "option",
-});
-exports.Popup = Popup;
-const _componentPosition = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "position",
-            ExpectedChildren: {
-                at: { optionName: "at", isCollectionItem: false },
-                boundaryOffset: { optionName: "boundaryOffset", isCollectionItem: false },
-                collision: { optionName: "collision", isCollectionItem: false },
-                my: { optionName: "my", isCollectionItem: false },
-                offset: { optionName: "offset", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Position = Object.assign(_componentPosition, {
-    componentType: "option",
-});
-exports.Position = Position;
-const _componentRangeRule = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "validationRules",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                type: "range"
-            },
-        },
-    });
-};
-const RangeRule = Object.assign(_componentRangeRule, {
-    componentType: "option",
-});
-exports.RangeRule = RangeRule;
-const _componentRemoteOperations = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "remoteOperations",
-        },
-    });
-};
-const RemoteOperations = Object.assign(_componentRemoteOperations, {
-    componentType: "option",
-});
-exports.RemoteOperations = RemoteOperations;
-const _componentRequiredRule = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "validationRules",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                type: "required"
-            },
-        },
-    });
-};
-const RequiredRule = Object.assign(_componentRequiredRule, {
-    componentType: "option",
-});
-exports.RequiredRule = RequiredRule;
-const _componentRowDragging = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "rowDragging",
-            ExpectedChildren: {
-                cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "dragTemplate",
-                    render: "dragRender",
-                    component: "dragComponent"
-                }],
-        },
-    });
-};
-const RowDragging = Object.assign(_componentRowDragging, {
-    componentType: "option",
-});
-exports.RowDragging = RowDragging;
-const _componentScrolling = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "scrolling",
-        },
-    });
-};
-const Scrolling = Object.assign(_componentScrolling, {
-    componentType: "option",
-});
-exports.Scrolling = Scrolling;
-const _componentSearch = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "search",
-        },
-    });
-};
-const Search = Object.assign(_componentSearch, {
-    componentType: "option",
-});
-exports.Search = Search;
-const _componentSearchPanel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "searchPanel",
-            DefaultsProps: {
-                defaultText: "text"
-            },
-        },
-    });
-};
-const SearchPanel = Object.assign(_componentSearchPanel, {
-    componentType: "option",
-});
-exports.SearchPanel = SearchPanel;
-const _componentSelection = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "selection",
-        },
-    });
-};
-const Selection = Object.assign(_componentSelection, {
-    componentType: "option",
-});
-exports.Selection = Selection;
-const _componentShow = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "show",
-            ExpectedChildren: {
-                from: { optionName: "from", isCollectionItem: false },
-                to: { optionName: "to", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Show = Object.assign(_componentShow, {
-    componentType: "option",
-});
-exports.Show = Show;
-const _componentSimpleItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "items",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                aiOptions: { optionName: "aiOptions", isCollectionItem: false },
-                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 }
-            },
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-            PredefinedProps: {
-                itemType: "simple"
-            },
-        },
-    });
-};
-const SimpleItem = Object.assign(_componentSimpleItem, {
-    componentType: "option",
-});
-exports.SimpleItem = SimpleItem;
-const _componentSortByGroupSummaryInfo = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "sortByGroupSummaryInfo",
-            IsCollectionItem: true,
-        },
-    });
-};
-const SortByGroupSummaryInfo = Object.assign(_componentSortByGroupSummaryInfo, {
-    componentType: "option",
-});
-exports.SortByGroupSummaryInfo = SortByGroupSummaryInfo;
-const _componentSorting = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "sorting",
-        },
-    });
-};
-const Sorting = Object.assign(_componentSorting, {
-    componentType: "option",
-});
-exports.Sorting = Sorting;
-const _componentStateStoring = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "stateStoring",
-        },
-    });
-};
-const StateStoring = Object.assign(_componentStateStoring, {
-    componentType: "option",
-});
-exports.StateStoring = StateStoring;
-const _componentStringLengthRule = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "validationRules",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                type: "stringLength"
-            },
-        },
-    });
-};
-const StringLengthRule = Object.assign(_componentStringLengthRule, {
-    componentType: "option",
-});
-exports.StringLengthRule = StringLengthRule;
-const _componentSummary = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "summary",
-            ExpectedChildren: {
-                groupItem: { optionName: "groupItems", isCollectionItem: true },
-                summaryTexts: { optionName: "texts", isCollectionItem: false },
-                texts: { optionName: "texts", isCollectionItem: false },
-                totalItem: { optionName: "totalItems", isCollectionItem: true }
-            },
-        },
-    });
-};
-const Summary = Object.assign(_componentSummary, {
-    componentType: "option",
-});
-exports.Summary = Summary;
-const _componentSummaryTexts = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "texts",
-        },
-    });
-};
-const SummaryTexts = Object.assign(_componentSummaryTexts, {
-    componentType: "option",
-});
-exports.SummaryTexts = SummaryTexts;
-const _componentTab = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "tabs",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                colCountByScreen: { optionName: "colCountByScreen", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "tabTemplate",
-                    render: "tabRender",
-                    component: "tabComponent"
-                }, {
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const Tab = Object.assign(_componentTab, {
-    componentType: "option",
-});
-exports.Tab = Tab;
-const _componentTabbedItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "items",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                tab: { optionName: "tabs", isCollectionItem: true },
-                tabPanelOptions: { optionName: "tabPanelOptions", isCollectionItem: false }
-            },
-            PredefinedProps: {
-                itemType: "tabbed"
-            },
-        },
-    });
-};
-const TabbedItem = Object.assign(_componentTabbedItem, {
-    componentType: "option",
-});
-exports.TabbedItem = TabbedItem;
-const _componentTabPanelOptions = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "tabPanelOptions",
-            DefaultsProps: {
-                defaultItems: "items",
-                defaultSelectedIndex: "selectedIndex",
-                defaultSelectedItem: "selectedItem"
-            },
-            ExpectedChildren: {
-                item: { optionName: "items", isCollectionItem: true },
-                tabPanelOptionsItem: { optionName: "items", isCollectionItem: true }
-            },
-            TemplateProps: [{
-                    tmplOption: "itemTemplate",
-                    render: "itemRender",
-                    component: "itemComponent"
-                }, {
-                    tmplOption: "itemTitleTemplate",
-                    render: "itemTitleRender",
-                    component: "itemTitleComponent"
-                }],
-        },
-    });
-};
-const TabPanelOptions = Object.assign(_componentTabPanelOptions, {
-    componentType: "option",
-});
-exports.TabPanelOptions = TabPanelOptions;
-const _componentTabPanelOptionsItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "items",
-            IsCollectionItem: true,
-            TemplateProps: [{
-                    tmplOption: "tabTemplate",
-                    render: "tabRender",
-                    component: "tabComponent"
-                }, {
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const TabPanelOptionsItem = Object.assign(_componentTabPanelOptionsItem, {
-    componentType: "option",
-});
-exports.TabPanelOptionsItem = TabPanelOptionsItem;
-const _componentTexts = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "texts",
-        },
-    });
-};
-const Texts = Object.assign(_componentTexts, {
-    componentType: "option",
-});
-exports.Texts = Texts;
-const _componentTo = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "to",
-            ExpectedChildren: {
-                position: { optionName: "position", isCollectionItem: false }
-            },
-        },
-    });
-};
-const To = Object.assign(_componentTo, {
-    componentType: "option",
-});
-exports.To = To;
-const _componentToolbar = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "toolbar",
-            ExpectedChildren: {
-                dataGridToolbarItem: { optionName: "items", isCollectionItem: true },
-                item: { optionName: "items", isCollectionItem: true }
-            },
-        },
-    });
-};
-const Toolbar = Object.assign(_componentToolbar, {
-    componentType: "option",
-});
-exports.Toolbar = Toolbar;
-const _componentToolbarItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "toolbarItems",
-            IsCollectionItem: true,
-            TemplateProps: [{
-                    tmplOption: "menuItemTemplate",
-                    render: "menuItemRender",
-                    component: "menuItemComponent"
-                }, {
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const ToolbarItem = Object.assign(_componentToolbarItem, {
-    componentType: "option",
-});
-exports.ToolbarItem = ToolbarItem;
-const _componentTotalItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "totalItems",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                valueFormat: { optionName: "valueFormat", isCollectionItem: false }
-            },
-        },
-    });
-};
-const TotalItem = Object.assign(_componentTotalItem, {
-    componentType: "option",
-});
-exports.TotalItem = TotalItem;
-const _componentValidationRule = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "validationRules",
-            IsCollectionItem: true,
-            PredefinedProps: {
-                type: "required"
-            },
-        },
-    });
-};
-const ValidationRule = Object.assign(_componentValidationRule, {
-    componentType: "option",
-});
-exports.ValidationRule = ValidationRule;
-const _componentValueFormat = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "valueFormat",
-        },
-    });
-};
-const ValueFormat = Object.assign(_componentValueFormat, {
-    componentType: "option",
-});
-exports.ValueFormat = ValueFormat;
-exports.default = DataGrid;
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = exports.FilterRow = exports.FilterPanelTexts = exports.FilterPanel = exports.FilterOperationDescriptions = exports.FilterBuilderPopup = exports.FilterBuilder = exports.FieldLookup = exports.Field = exports.ExportTexts = exports.Export = exports.EmptyItem = exports.EmailRule = exports.EditorOptionsButton = exports.EditorOptions = exports.EditingTexts = exports.Editing = exports.DataGridToolbarItem = exports.DataGridSelection = exports.DataGridHeaderFilterTexts = exports.DataGridHeaderFilterSearch = exports.DataGridHeaderFilter = exports.CustomRule = exports.CustomOperation = exports.CursorOffset = exports.CompareRule = exports.ColumnLookup = exports.ColumnHeaderFilterSearch = exports.ColumnHeaderFilter = exports.ColumnFixingTexts = exports.ColumnFixing = exports.ColumnChooserSelection = exports.ColumnChooserSearch = exports.ColumnChooser = exports.ColumnButton = exports.Column = exports.Collision = exports.ColCountByScreen = exports.Change = exports.ButtonOptions = exports.ButtonItem = exports.Button = exports.BoundaryOffset = exports.At = exports.AsyncRule = exports.Animation = exports.AIOptions = exports.AIAssistant = exports.AI = exports.DataGrid = void 0;
+exports.Texts = exports.TabPanelOptionsItem = exports.TabPanelOptions = exports.TabbedItem = exports.Tab = exports.SummaryTexts = exports.Summary = exports.StringLengthRule = exports.StateStoring = exports.Sorting = exports.SortByGroupSummaryInfo = exports.SimpleItem = exports.Show = exports.Selection = exports.SearchPanel = exports.Search = exports.Scrolling = exports.RowDragging = exports.RequiredRule = exports.RemoteOperations = exports.RangeRule = exports.Position = exports.Popup = exports.PatternRule = exports.Paging = exports.Pager = exports.Options = exports.OperationDescriptions = exports.Offset = exports.NumericRule = exports.My = exports.MasterDetail = exports.Lookup = exports.LoadPanel = exports.Label = exports.KeyboardNavigation = exports.Item = exports.IndicatorOptions = exports.Icons = exports.Hide = exports.HeaderFilter = exports.GroupPanel = exports.GroupOperationDescriptions = exports.GroupItem = exports.GroupingTexts = exports.Grouping = exports.From = exports.FormItem = exports.FormGroupItem = exports.Format = void 0;
+exports.ValueFormat = exports.ValidationRule = exports.TotalItem = exports.ToolbarItem = exports.Toolbar = exports.To = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const data_grid_1 = __importDefault(require("devextreme/ui/data_grid"));
+const component_1 = require("./core/component");
+const nested_option_1 = __importDefault(require("./core/nested-option"));
+const DataGrid = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
+    const baseRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
+        }
+    }), []);
+    const subscribableOptions = (0, react_1.useMemo)(() => (["columns", "editing", "editing.changes", "editing.editColumnName", "editing.editRowKey", "filterValue", "focusedColumnIndex", "focusedRowIndex", "focusedRowKey", "groupPanel", "groupPanel.visible", "paging", "paging.pageIndex", "paging.pageSize", "selectedRowKeys", "selectionFilter", "filterBuilder.value", "filterBuilderPopup.height", "filterBuilderPopup.position", "filterBuilderPopup.visible", "filterBuilderPopup.width", "filterPanel.filterEnabled", "editing.form.formData", "aIAssistant.popup.height", "editing.popup.height", "aIAssistant.popup.position", "editing.popup.position", "aIAssistant.popup.visible", "editing.popup.visible", "aIAssistant.popup.width", "editing.popup.width", "searchPanel.text"]), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onAdaptiveDetailRowPreparing", "onAIAssistantRequestCreating", "onAIColumnRequestCreating", "onCellClick", "onCellDblClick", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanging", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onToolbarPreparing"]), []);
+    const defaults = (0, react_1.useMemo)(() => ({
+        defaultColumns: "columns",
+        defaultEditing: "editing",
+        defaultFilterValue: "filterValue",
+        defaultFocusedColumnIndex: "focusedColumnIndex",
+        defaultFocusedRowIndex: "focusedRowIndex",
+        defaultFocusedRowKey: "focusedRowKey",
+        defaultGroupPanel: "groupPanel",
+        defaultPaging: "paging",
+        defaultSelectedRowKeys: "selectedRowKeys",
+        defaultSelectionFilter: "selectionFilter",
+    }), []);
+    const expectedChildren = (0, react_1.useMemo)(() => ({
+        aiAssistant: { optionName: "aiAssistant", isCollectionItem: false },
+        column: { optionName: "columns", isCollectionItem: true },
+        columnChooser: { optionName: "columnChooser", isCollectionItem: false },
+        columnFixing: { optionName: "columnFixing", isCollectionItem: false },
+        dataGridHeaderFilter: { optionName: "headerFilter", isCollectionItem: false },
+        dataGridSelection: { optionName: "selection", isCollectionItem: false },
+        editing: { optionName: "editing", isCollectionItem: false },
+        export: { optionName: "export", isCollectionItem: false },
+        filterBuilder: { optionName: "filterBuilder", isCollectionItem: false },
+        filterBuilderPopup: { optionName: "filterBuilderPopup", isCollectionItem: false },
+        filterPanel: { optionName: "filterPanel", isCollectionItem: false },
+        filterRow: { optionName: "filterRow", isCollectionItem: false },
+        grouping: { optionName: "grouping", isCollectionItem: false },
+        groupPanel: { optionName: "groupPanel", isCollectionItem: false },
+        headerFilter: { optionName: "headerFilter", isCollectionItem: false },
+        keyboardNavigation: { optionName: "keyboardNavigation", isCollectionItem: false },
+        loadPanel: { optionName: "loadPanel", isCollectionItem: false },
+        masterDetail: { optionName: "masterDetail", isCollectionItem: false },
+        pager: { optionName: "pager", isCollectionItem: false },
+        paging: { optionName: "paging", isCollectionItem: false },
+        remoteOperations: { optionName: "remoteOperations", isCollectionItem: false },
+        rowDragging: { optionName: "rowDragging", isCollectionItem: false },
+        scrolling: { optionName: "scrolling", isCollectionItem: false },
+        searchPanel: { optionName: "searchPanel", isCollectionItem: false },
+        selection: { optionName: "selection", isCollectionItem: false },
+        sortByGroupSummaryInfo: { optionName: "sortByGroupSummaryInfo", isCollectionItem: true },
+        sorting: { optionName: "sorting", isCollectionItem: false },
+        stateStoring: { optionName: "stateStoring", isCollectionItem: false },
+        summary: { optionName: "summary", isCollectionItem: false },
+        toolbar: { optionName: "toolbar", isCollectionItem: false }
+    }), []);
+    const templateProps = (0, react_1.useMemo)(() => ([
+        {
+            tmplOption: "dataRowTemplate",
+            render: "dataRowRender",
+            component: "dataRowComponent"
+        },
+        {
+            tmplOption: "rowTemplate",
+            render: "rowRender",
+            component: "rowComponent"
+        },
+    ]), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: data_grid_1.default,
+        ref: baseRef,
+        useRequestAnimationFrameFlag: true,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        templateProps,
+        ...props,
+    }));
+}));
+exports.DataGrid = DataGrid;
+const _componentAI = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "ai",
+            ExpectedChildren: {
+                editorOptions: { optionName: "editorOptions", isCollectionItem: false }
+            },
+        },
+    });
+};
+const AI = Object.assign(_componentAI, {
+    componentType: "option",
+});
+exports.AI = AI;
+const _componentAIAssistant = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "aiAssistant",
+            ExpectedChildren: {
+                popup: { optionName: "popup", isCollectionItem: false }
+            },
+        },
+    });
+};
+const AIAssistant = Object.assign(_componentAIAssistant, {
+    componentType: "option",
+});
+exports.AIAssistant = AIAssistant;
+const _componentAIOptions = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "aiOptions",
+        },
+    });
+};
+const AIOptions = Object.assign(_componentAIOptions, {
+    componentType: "option",
+});
+exports.AIOptions = AIOptions;
+const _componentAnimation = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "animation",
+            ExpectedChildren: {
+                hide: { optionName: "hide", isCollectionItem: false },
+                show: { optionName: "show", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Animation = Object.assign(_componentAnimation, {
+    componentType: "option",
+});
+exports.Animation = Animation;
+const _componentAsyncRule = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "validationRules",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                type: "async"
+            },
+        },
+    });
+};
+const AsyncRule = Object.assign(_componentAsyncRule, {
+    componentType: "option",
+});
+exports.AsyncRule = AsyncRule;
+const _componentAt = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "at",
+        },
+    });
+};
+const At = Object.assign(_componentAt, {
+    componentType: "option",
+});
+exports.At = At;
+const _componentBoundaryOffset = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "boundaryOffset",
+        },
+    });
+};
+const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
+    componentType: "option",
+});
+exports.BoundaryOffset = BoundaryOffset;
+const _componentButton = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "buttons",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                options: { optionName: "options", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const Button = Object.assign(_componentButton, {
+    componentType: "option",
+});
+exports.Button = Button;
+const _componentButtonItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                buttonOptions: { optionName: "buttonOptions", isCollectionItem: false }
+            },
+            PredefinedProps: {
+                itemType: "button"
+            },
+        },
+    });
+};
+const ButtonItem = Object.assign(_componentButtonItem, {
+    componentType: "option",
+});
+exports.ButtonItem = ButtonItem;
+const _componentButtonOptions = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "buttonOptions",
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const ButtonOptions = Object.assign(_componentButtonOptions, {
+    componentType: "option",
+});
+exports.ButtonOptions = ButtonOptions;
+const _componentChange = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "changes",
+            IsCollectionItem: true,
+        },
+    });
+};
+const Change = Object.assign(_componentChange, {
+    componentType: "option",
+});
+exports.Change = Change;
+const _componentColCountByScreen = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "colCountByScreen",
+        },
+    });
+};
+const ColCountByScreen = Object.assign(_componentColCountByScreen, {
+    componentType: "option",
+});
+exports.ColCountByScreen = ColCountByScreen;
+const _componentCollision = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "collision",
+        },
+    });
+};
+const Collision = Object.assign(_componentCollision, {
+    componentType: "option",
+});
+exports.Collision = Collision;
+const _componentColumn = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "columns",
+            IsCollectionItem: true,
+            DefaultsProps: {
+                defaultFilterValue: "filterValue",
+                defaultFilterValues: "filterValues",
+                defaultGroupIndex: "groupIndex",
+                defaultSelectedFilterOperation: "selectedFilterOperation",
+                defaultSortIndex: "sortIndex",
+                defaultSortOrder: "sortOrder",
+                defaultVisible: "visible",
+                defaultVisibleIndex: "visibleIndex"
+            },
+            ExpectedChildren: {
+                ai: { optionName: "ai", isCollectionItem: false },
+                AsyncRule: { optionName: "validationRules", isCollectionItem: true },
+                button: { optionName: "buttons", isCollectionItem: true },
+                columnButton: { optionName: "buttons", isCollectionItem: true },
+                columnHeaderFilter: { optionName: "headerFilter", isCollectionItem: false },
+                columnLookup: { optionName: "lookup", 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 }
+            },
+            TemplateProps: [{
+                    tmplOption: "cellTemplate",
+                    render: "cellRender",
+                    component: "cellComponent"
+                }, {
+                    tmplOption: "editCellTemplate",
+                    render: "editCellRender",
+                    component: "editCellComponent"
+                }, {
+                    tmplOption: "groupCellTemplate",
+                    render: "groupCellRender",
+                    component: "groupCellComponent"
+                }, {
+                    tmplOption: "headerCellTemplate",
+                    render: "headerCellRender",
+                    component: "headerCellComponent"
+                }],
+        },
+    });
+};
+const Column = Object.assign(_componentColumn, {
+    componentType: "option",
+});
+exports.Column = Column;
+const _componentColumnButton = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "buttons",
+            IsCollectionItem: true,
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const ColumnButton = Object.assign(_componentColumnButton, {
+    componentType: "option",
+});
+exports.ColumnButton = ColumnButton;
+const _componentColumnChooser = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "columnChooser",
+            ExpectedChildren: {
+                columnChooserSearch: { optionName: "search", isCollectionItem: false },
+                columnChooserSelection: { optionName: "selection", isCollectionItem: false },
+                position: { optionName: "position", isCollectionItem: false },
+                search: { optionName: "search", isCollectionItem: false },
+                selection: { optionName: "selection", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ColumnChooser = Object.assign(_componentColumnChooser, {
+    componentType: "option",
+});
+exports.ColumnChooser = ColumnChooser;
+const _componentColumnChooserSearch = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "search",
+        },
+    });
+};
+const ColumnChooserSearch = Object.assign(_componentColumnChooserSearch, {
+    componentType: "option",
+});
+exports.ColumnChooserSearch = ColumnChooserSearch;
+const _componentColumnChooserSelection = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "selection",
+        },
+    });
+};
+const ColumnChooserSelection = Object.assign(_componentColumnChooserSelection, {
+    componentType: "option",
+});
+exports.ColumnChooserSelection = ColumnChooserSelection;
+const _componentColumnFixing = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "columnFixing",
+            ExpectedChildren: {
+                columnFixingTexts: { optionName: "texts", isCollectionItem: false },
+                icons: { optionName: "icons", isCollectionItem: false },
+                texts: { optionName: "texts", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ColumnFixing = Object.assign(_componentColumnFixing, {
+    componentType: "option",
+});
+exports.ColumnFixing = ColumnFixing;
+const _componentColumnFixingTexts = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const ColumnFixingTexts = Object.assign(_componentColumnFixingTexts, {
+    componentType: "option",
+});
+exports.ColumnFixingTexts = ColumnFixingTexts;
+const _componentColumnHeaderFilter = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "headerFilter",
+            ExpectedChildren: {
+                columnHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
+                search: { optionName: "search", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ColumnHeaderFilter = Object.assign(_componentColumnHeaderFilter, {
+    componentType: "option",
+});
+exports.ColumnHeaderFilter = ColumnHeaderFilter;
+const _componentColumnHeaderFilterSearch = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "search",
+        },
+    });
+};
+const ColumnHeaderFilterSearch = Object.assign(_componentColumnHeaderFilterSearch, {
+    componentType: "option",
+});
+exports.ColumnHeaderFilterSearch = ColumnHeaderFilterSearch;
+const _componentColumnLookup = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "lookup",
+        },
+    });
+};
+const ColumnLookup = Object.assign(_componentColumnLookup, {
+    componentType: "option",
+});
+exports.ColumnLookup = ColumnLookup;
+const _componentCompareRule = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "validationRules",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                type: "compare"
+            },
+        },
+    });
+};
+const CompareRule = Object.assign(_componentCompareRule, {
+    componentType: "option",
+});
+exports.CompareRule = CompareRule;
+const _componentCursorOffset = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "cursorOffset",
+        },
+    });
+};
+const CursorOffset = Object.assign(_componentCursorOffset, {
+    componentType: "option",
+});
+exports.CursorOffset = CursorOffset;
+const _componentCustomOperation = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "customOperations",
+            IsCollectionItem: true,
+            TemplateProps: [{
+                    tmplOption: "editorTemplate",
+                    render: "editorRender",
+                    component: "editorComponent"
+                }],
+        },
+    });
+};
+const CustomOperation = Object.assign(_componentCustomOperation, {
+    componentType: "option",
+});
+exports.CustomOperation = CustomOperation;
+const _componentCustomRule = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "validationRules",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                type: "custom"
+            },
+        },
+    });
+};
+const CustomRule = Object.assign(_componentCustomRule, {
+    componentType: "option",
+});
+exports.CustomRule = CustomRule;
+const _componentDataGridHeaderFilter = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "headerFilter",
+            ExpectedChildren: {
+                dataGridHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
+                dataGridHeaderFilterTexts: { optionName: "texts", isCollectionItem: false },
+                search: { optionName: "search", isCollectionItem: false },
+                texts: { optionName: "texts", isCollectionItem: false }
+            },
+        },
+    });
+};
+const DataGridHeaderFilter = Object.assign(_componentDataGridHeaderFilter, {
+    componentType: "option",
+});
+exports.DataGridHeaderFilter = DataGridHeaderFilter;
+const _componentDataGridHeaderFilterSearch = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "search",
+        },
+    });
+};
+const DataGridHeaderFilterSearch = Object.assign(_componentDataGridHeaderFilterSearch, {
+    componentType: "option",
+});
+exports.DataGridHeaderFilterSearch = DataGridHeaderFilterSearch;
+const _componentDataGridHeaderFilterTexts = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const DataGridHeaderFilterTexts = Object.assign(_componentDataGridHeaderFilterTexts, {
+    componentType: "option",
+});
+exports.DataGridHeaderFilterTexts = DataGridHeaderFilterTexts;
+const _componentDataGridSelection = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "selection",
+        },
+    });
+};
+const DataGridSelection = Object.assign(_componentDataGridSelection, {
+    componentType: "option",
+});
+exports.DataGridSelection = DataGridSelection;
+const _componentDataGridToolbarItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            TemplateProps: [{
+                    tmplOption: "menuItemTemplate",
+                    render: "menuItemRender",
+                    component: "menuItemComponent"
+                }, {
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const DataGridToolbarItem = Object.assign(_componentDataGridToolbarItem, {
+    componentType: "option",
+});
+exports.DataGridToolbarItem = DataGridToolbarItem;
+const _componentEditing = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "editing",
+            DefaultsProps: {
+                defaultChanges: "changes",
+                defaultEditColumnName: "editColumnName",
+                defaultEditRowKey: "editRowKey"
+            },
+            ExpectedChildren: {
+                change: { optionName: "changes", isCollectionItem: true },
+                editingTexts: { optionName: "texts", isCollectionItem: false },
+                form: { optionName: "form", isCollectionItem: false },
+                popup: { optionName: "popup", isCollectionItem: false },
+                texts: { optionName: "texts", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Editing = Object.assign(_componentEditing, {
+    componentType: "option",
+});
+exports.Editing = Editing;
+const _componentEditingTexts = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const EditingTexts = Object.assign(_componentEditingTexts, {
+    componentType: "option",
+});
+exports.EditingTexts = EditingTexts;
+const _componentEditorOptions = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "editorOptions",
+            DefaultsProps: {
+                defaultValue: "value"
+            },
+            ExpectedChildren: {
+                button: { optionName: "buttons", isCollectionItem: true },
+                editorOptionsButton: { optionName: "buttons", isCollectionItem: true }
+            },
+        },
+    });
+};
+const EditorOptions = Object.assign(_componentEditorOptions, {
+    componentType: "option",
+});
+exports.EditorOptions = EditorOptions;
+const _componentEditorOptionsButton = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "buttons",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                options: { optionName: "options", isCollectionItem: false }
+            },
+        },
+    });
+};
+const EditorOptionsButton = Object.assign(_componentEditorOptionsButton, {
+    componentType: "option",
+});
+exports.EditorOptionsButton = EditorOptionsButton;
+const _componentEmailRule = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "validationRules",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                type: "email"
+            },
+        },
+    });
+};
+const EmailRule = Object.assign(_componentEmailRule, {
+    componentType: "option",
+});
+exports.EmailRule = EmailRule;
+const _componentEmptyItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                itemType: "empty"
+            },
+        },
+    });
+};
+const EmptyItem = Object.assign(_componentEmptyItem, {
+    componentType: "option",
+});
+exports.EmptyItem = EmptyItem;
+const _componentExport = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "export",
+            ExpectedChildren: {
+                exportTexts: { optionName: "texts", isCollectionItem: false },
+                texts: { optionName: "texts", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Export = Object.assign(_componentExport, {
+    componentType: "option",
+});
+exports.Export = Export;
+const _componentExportTexts = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const ExportTexts = Object.assign(_componentExportTexts, {
+    componentType: "option",
+});
+exports.ExportTexts = ExportTexts;
+const _componentField = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "fields",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                fieldLookup: { optionName: "lookup", isCollectionItem: false },
+                format: { optionName: "format", isCollectionItem: false },
+                lookup: { optionName: "lookup", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "editorTemplate",
+                    render: "editorRender",
+                    component: "editorComponent"
+                }],
+        },
+    });
+};
+const Field = Object.assign(_componentField, {
+    componentType: "option",
+});
+exports.Field = Field;
+const _componentFieldLookup = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "lookup",
+        },
+    });
+};
+const FieldLookup = Object.assign(_componentFieldLookup, {
+    componentType: "option",
+});
+exports.FieldLookup = FieldLookup;
+const _componentFilterBuilder = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "filterBuilder",
+            DefaultsProps: {
+                defaultValue: "value"
+            },
+            ExpectedChildren: {
+                customOperation: { optionName: "customOperations", isCollectionItem: true },
+                field: { optionName: "fields", isCollectionItem: true },
+                filterOperationDescriptions: { optionName: "filterOperationDescriptions", isCollectionItem: false },
+                groupOperationDescriptions: { optionName: "groupOperationDescriptions", isCollectionItem: false }
+            },
+        },
+    });
+};
+const FilterBuilder = Object.assign(_componentFilterBuilder, {
+    componentType: "option",
+});
+exports.FilterBuilder = FilterBuilder;
+const _componentFilterBuilderPopup = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "filterBuilderPopup",
+            DefaultsProps: {
+                defaultHeight: "height",
+                defaultPosition: "position",
+                defaultVisible: "visible",
+                defaultWidth: "width"
+            },
+            ExpectedChildren: {
+                animation: { optionName: "animation", isCollectionItem: false },
+                position: { optionName: "position", isCollectionItem: false },
+                toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
+            },
+            TemplateProps: [{
+                    tmplOption: "contentTemplate",
+                    render: "contentRender",
+                    component: "contentComponent"
+                }, {
+                    tmplOption: "titleTemplate",
+                    render: "titleRender",
+                    component: "titleComponent"
+                }],
+        },
+    });
+};
+const FilterBuilderPopup = Object.assign(_componentFilterBuilderPopup, {
+    componentType: "option",
+});
+exports.FilterBuilderPopup = FilterBuilderPopup;
+const _componentFilterOperationDescriptions = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "filterOperationDescriptions",
+        },
+    });
+};
+const FilterOperationDescriptions = Object.assign(_componentFilterOperationDescriptions, {
+    componentType: "option",
+});
+exports.FilterOperationDescriptions = FilterOperationDescriptions;
+const _componentFilterPanel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "filterPanel",
+            DefaultsProps: {
+                defaultFilterEnabled: "filterEnabled"
+            },
+            ExpectedChildren: {
+                filterPanelTexts: { optionName: "texts", isCollectionItem: false },
+                texts: { optionName: "texts", isCollectionItem: false }
+            },
+        },
+    });
+};
+const FilterPanel = Object.assign(_componentFilterPanel, {
+    componentType: "option",
+});
+exports.FilterPanel = FilterPanel;
+const _componentFilterPanelTexts = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const FilterPanelTexts = Object.assign(_componentFilterPanelTexts, {
+    componentType: "option",
+});
+exports.FilterPanelTexts = FilterPanelTexts;
+const _componentFilterRow = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "filterRow",
+            ExpectedChildren: {
+                operationDescriptions: { optionName: "operationDescriptions", isCollectionItem: false }
+            },
+        },
+    });
+};
+const FilterRow = Object.assign(_componentFilterRow, {
+    componentType: "option",
+});
+exports.FilterRow = FilterRow;
+const _componentForm = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "form",
+            DefaultsProps: {
+                defaultFormData: "formData"
+            },
+            ExpectedChildren: {
+                ButtonItem: { optionName: "items", isCollectionItem: true },
+                colCountByScreen: { optionName: "colCountByScreen", isCollectionItem: false },
+                EmptyItem: { optionName: "items", isCollectionItem: true },
+                FormGroupItem: { optionName: "items", isCollectionItem: true },
+                item: { optionName: "items", isCollectionItem: true },
+                SimpleItem: { optionName: "items", isCollectionItem: true },
+                TabbedItem: { optionName: "items", isCollectionItem: true }
+            },
+        },
+    });
+};
+const Form = Object.assign(_componentForm, {
+    componentType: "option",
+});
+exports.Form = Form;
+const _componentFormat = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "format",
+        },
+    });
+};
+const Format = Object.assign(_componentFormat, {
+    componentType: "option",
+});
+exports.Format = Format;
+const _componentFormGroupItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                colCountByScreen: { optionName: "colCountByScreen", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "captionTemplate",
+                    render: "captionRender",
+                    component: "captionComponent"
+                }, {
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+            PredefinedProps: {
+                itemType: "group"
+            },
+        },
+    });
+};
+const FormGroupItem = Object.assign(_componentFormGroupItem, {
+    componentType: "option",
+});
+exports.FormGroupItem = FormGroupItem;
+const _componentFormItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "formItem",
+            ExpectedChildren: {
+                aiOptions: { optionName: "aiOptions", isCollectionItem: false },
+                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 }
+            },
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const FormItem = Object.assign(_componentFormItem, {
+    componentType: "option",
+});
+exports.FormItem = FormItem;
+const _componentFrom = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "from",
+            ExpectedChildren: {
+                position: { optionName: "position", isCollectionItem: false }
+            },
+        },
+    });
+};
+const From = Object.assign(_componentFrom, {
+    componentType: "option",
+});
+exports.From = From;
+const _componentGrouping = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "grouping",
+            ExpectedChildren: {
+                groupingTexts: { optionName: "texts", isCollectionItem: false },
+                texts: { optionName: "texts", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Grouping = Object.assign(_componentGrouping, {
+    componentType: "option",
+});
+exports.Grouping = Grouping;
+const _componentGroupingTexts = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const GroupingTexts = Object.assign(_componentGroupingTexts, {
+    componentType: "option",
+});
+exports.GroupingTexts = GroupingTexts;
+const _componentGroupItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "groupItems",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                valueFormat: { optionName: "valueFormat", isCollectionItem: false }
+            },
+        },
+    });
+};
+const GroupItem = Object.assign(_componentGroupItem, {
+    componentType: "option",
+});
+exports.GroupItem = GroupItem;
+const _componentGroupOperationDescriptions = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "groupOperationDescriptions",
+        },
+    });
+};
+const GroupOperationDescriptions = Object.assign(_componentGroupOperationDescriptions, {
+    componentType: "option",
+});
+exports.GroupOperationDescriptions = GroupOperationDescriptions;
+const _componentGroupPanel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "groupPanel",
+            DefaultsProps: {
+                defaultVisible: "visible"
+            },
+        },
+    });
+};
+const GroupPanel = Object.assign(_componentGroupPanel, {
+    componentType: "option",
+});
+exports.GroupPanel = GroupPanel;
+const _componentHeaderFilter = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "headerFilter",
+            ExpectedChildren: {
+                columnHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
+                dataGridHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
+                dataGridHeaderFilterTexts: { optionName: "texts", isCollectionItem: false }
+            },
+        },
+    });
+};
+const HeaderFilter = Object.assign(_componentHeaderFilter, {
+    componentType: "option",
+});
+exports.HeaderFilter = HeaderFilter;
+const _componentHide = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "hide",
+            ExpectedChildren: {
+                from: { optionName: "from", isCollectionItem: false },
+                to: { optionName: "to", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Hide = Object.assign(_componentHide, {
+    componentType: "option",
+});
+exports.Hide = Hide;
+const _componentIcons = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "icons",
+        },
+    });
+};
+const Icons = Object.assign(_componentIcons, {
+    componentType: "option",
+});
+exports.Icons = Icons;
+const _componentIndicatorOptions = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "indicatorOptions",
+        },
+    });
+};
+const IndicatorOptions = Object.assign(_componentIndicatorOptions, {
+    componentType: "option",
+});
+exports.IndicatorOptions = IndicatorOptions;
+const _componentItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                aiOptions: { optionName: "aiOptions", isCollectionItem: false },
+                AsyncRule: { optionName: "validationRules", isCollectionItem: true },
+                buttonOptions: { optionName: "buttonOptions", isCollectionItem: false },
+                colCountByScreen: { optionName: "colCountByScreen", isCollectionItem: false },
+                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 },
+                tab: { optionName: "tabs", isCollectionItem: true },
+                tabPanelOptions: { optionName: "tabPanelOptions", isCollectionItem: false },
+                validationRule: { optionName: "validationRules", isCollectionItem: true }
+            },
+            TemplateProps: [{
+                    tmplOption: "tabTemplate",
+                    render: "tabRender",
+                    component: "tabComponent"
+                }, {
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }, {
+                    tmplOption: "captionTemplate",
+                    render: "captionRender",
+                    component: "captionComponent"
+                }, {
+                    tmplOption: "menuItemTemplate",
+                    render: "menuItemRender",
+                    component: "menuItemComponent"
+                }],
+        },
+    });
+};
+const Item = Object.assign(_componentItem, {
+    componentType: "option",
+});
+exports.Item = Item;
+const _componentKeyboardNavigation = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "keyboardNavigation",
+        },
+    });
+};
+const KeyboardNavigation = Object.assign(_componentKeyboardNavigation, {
+    componentType: "option",
+});
+exports.KeyboardNavigation = KeyboardNavigation;
+const _componentLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const Label = Object.assign(_componentLabel, {
+    componentType: "option",
+});
+exports.Label = Label;
+const _componentLoadPanel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "loadPanel",
+            ExpectedChildren: {
+                indicatorOptions: { optionName: "indicatorOptions", isCollectionItem: false }
+            },
+        },
+    });
+};
+const LoadPanel = Object.assign(_componentLoadPanel, {
+    componentType: "option",
+});
+exports.LoadPanel = LoadPanel;
+const _componentLookup = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "lookup",
+        },
+    });
+};
+const Lookup = Object.assign(_componentLookup, {
+    componentType: "option",
+});
+exports.Lookup = Lookup;
+const _componentMasterDetail = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "masterDetail",
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const MasterDetail = Object.assign(_componentMasterDetail, {
+    componentType: "option",
+});
+exports.MasterDetail = MasterDetail;
+const _componentMy = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "my",
+        },
+    });
+};
+const My = Object.assign(_componentMy, {
+    componentType: "option",
+});
+exports.My = My;
+const _componentNumericRule = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "validationRules",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                type: "numeric"
+            },
+        },
+    });
+};
+const NumericRule = Object.assign(_componentNumericRule, {
+    componentType: "option",
+});
+exports.NumericRule = NumericRule;
+const _componentOffset = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "offset",
+        },
+    });
+};
+const Offset = Object.assign(_componentOffset, {
+    componentType: "option",
+});
+exports.Offset = Offset;
+const _componentOperationDescriptions = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "operationDescriptions",
+        },
+    });
+};
+const OperationDescriptions = Object.assign(_componentOperationDescriptions, {
+    componentType: "option",
+});
+exports.OperationDescriptions = OperationDescriptions;
+const _componentOptions = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "options",
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const Options = Object.assign(_componentOptions, {
+    componentType: "option",
+});
+exports.Options = Options;
+const _componentPager = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "pager",
+        },
+    });
+};
+const Pager = Object.assign(_componentPager, {
+    componentType: "option",
+});
+exports.Pager = Pager;
+const _componentPaging = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "paging",
+            DefaultsProps: {
+                defaultPageIndex: "pageIndex",
+                defaultPageSize: "pageSize"
+            },
+        },
+    });
+};
+const Paging = Object.assign(_componentPaging, {
+    componentType: "option",
+});
+exports.Paging = Paging;
+const _componentPatternRule = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "validationRules",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                type: "pattern"
+            },
+        },
+    });
+};
+const PatternRule = Object.assign(_componentPatternRule, {
+    componentType: "option",
+});
+exports.PatternRule = PatternRule;
+const _componentPopup = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "popup",
+            DefaultsProps: {
+                defaultHeight: "height",
+                defaultPosition: "position",
+                defaultVisible: "visible",
+                defaultWidth: "width"
+            },
+            ExpectedChildren: {
+                animation: { optionName: "animation", isCollectionItem: false },
+                position: { optionName: "position", isCollectionItem: false },
+                toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
+            },
+            TemplateProps: [{
+                    tmplOption: "contentTemplate",
+                    render: "contentRender",
+                    component: "contentComponent"
+                }, {
+                    tmplOption: "titleTemplate",
+                    render: "titleRender",
+                    component: "titleComponent"
+                }],
+        },
+    });
+};
+const Popup = Object.assign(_componentPopup, {
+    componentType: "option",
+});
+exports.Popup = Popup;
+const _componentPosition = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "position",
+            ExpectedChildren: {
+                at: { optionName: "at", isCollectionItem: false },
+                boundaryOffset: { optionName: "boundaryOffset", isCollectionItem: false },
+                collision: { optionName: "collision", isCollectionItem: false },
+                my: { optionName: "my", isCollectionItem: false },
+                offset: { optionName: "offset", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Position = Object.assign(_componentPosition, {
+    componentType: "option",
+});
+exports.Position = Position;
+const _componentRangeRule = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "validationRules",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                type: "range"
+            },
+        },
+    });
+};
+const RangeRule = Object.assign(_componentRangeRule, {
+    componentType: "option",
+});
+exports.RangeRule = RangeRule;
+const _componentRemoteOperations = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "remoteOperations",
+        },
+    });
+};
+const RemoteOperations = Object.assign(_componentRemoteOperations, {
+    componentType: "option",
+});
+exports.RemoteOperations = RemoteOperations;
+const _componentRequiredRule = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "validationRules",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                type: "required"
+            },
+        },
+    });
+};
+const RequiredRule = Object.assign(_componentRequiredRule, {
+    componentType: "option",
+});
+exports.RequiredRule = RequiredRule;
+const _componentRowDragging = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "rowDragging",
+            ExpectedChildren: {
+                cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "dragTemplate",
+                    render: "dragRender",
+                    component: "dragComponent"
+                }],
+        },
+    });
+};
+const RowDragging = Object.assign(_componentRowDragging, {
+    componentType: "option",
+});
+exports.RowDragging = RowDragging;
+const _componentScrolling = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "scrolling",
+        },
+    });
+};
+const Scrolling = Object.assign(_componentScrolling, {
+    componentType: "option",
+});
+exports.Scrolling = Scrolling;
+const _componentSearch = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "search",
+        },
+    });
+};
+const Search = Object.assign(_componentSearch, {
+    componentType: "option",
+});
+exports.Search = Search;
+const _componentSearchPanel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "searchPanel",
+            DefaultsProps: {
+                defaultText: "text"
+            },
+        },
+    });
+};
+const SearchPanel = Object.assign(_componentSearchPanel, {
+    componentType: "option",
+});
+exports.SearchPanel = SearchPanel;
+const _componentSelection = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "selection",
+        },
+    });
+};
+const Selection = Object.assign(_componentSelection, {
+    componentType: "option",
+});
+exports.Selection = Selection;
+const _componentShow = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "show",
+            ExpectedChildren: {
+                from: { optionName: "from", isCollectionItem: false },
+                to: { optionName: "to", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Show = Object.assign(_componentShow, {
+    componentType: "option",
+});
+exports.Show = Show;
+const _componentSimpleItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                aiOptions: { optionName: "aiOptions", isCollectionItem: false },
+                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 }
+            },
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+            PredefinedProps: {
+                itemType: "simple"
+            },
+        },
+    });
+};
+const SimpleItem = Object.assign(_componentSimpleItem, {
+    componentType: "option",
+});
+exports.SimpleItem = SimpleItem;
+const _componentSortByGroupSummaryInfo = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "sortByGroupSummaryInfo",
+            IsCollectionItem: true,
+        },
+    });
+};
+const SortByGroupSummaryInfo = Object.assign(_componentSortByGroupSummaryInfo, {
+    componentType: "option",
+});
+exports.SortByGroupSummaryInfo = SortByGroupSummaryInfo;
+const _componentSorting = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "sorting",
+        },
+    });
+};
+const Sorting = Object.assign(_componentSorting, {
+    componentType: "option",
+});
+exports.Sorting = Sorting;
+const _componentStateStoring = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "stateStoring",
+        },
+    });
+};
+const StateStoring = Object.assign(_componentStateStoring, {
+    componentType: "option",
+});
+exports.StateStoring = StateStoring;
+const _componentStringLengthRule = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "validationRules",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                type: "stringLength"
+            },
+        },
+    });
+};
+const StringLengthRule = Object.assign(_componentStringLengthRule, {
+    componentType: "option",
+});
+exports.StringLengthRule = StringLengthRule;
+const _componentSummary = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "summary",
+            ExpectedChildren: {
+                groupItem: { optionName: "groupItems", isCollectionItem: true },
+                summaryTexts: { optionName: "texts", isCollectionItem: false },
+                texts: { optionName: "texts", isCollectionItem: false },
+                totalItem: { optionName: "totalItems", isCollectionItem: true }
+            },
+        },
+    });
+};
+const Summary = Object.assign(_componentSummary, {
+    componentType: "option",
+});
+exports.Summary = Summary;
+const _componentSummaryTexts = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const SummaryTexts = Object.assign(_componentSummaryTexts, {
+    componentType: "option",
+});
+exports.SummaryTexts = SummaryTexts;
+const _componentTab = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "tabs",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                colCountByScreen: { optionName: "colCountByScreen", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "tabTemplate",
+                    render: "tabRender",
+                    component: "tabComponent"
+                }, {
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const Tab = Object.assign(_componentTab, {
+    componentType: "option",
+});
+exports.Tab = Tab;
+const _componentTabbedItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                tab: { optionName: "tabs", isCollectionItem: true },
+                tabPanelOptions: { optionName: "tabPanelOptions", isCollectionItem: false }
+            },
+            PredefinedProps: {
+                itemType: "tabbed"
+            },
+        },
+    });
+};
+const TabbedItem = Object.assign(_componentTabbedItem, {
+    componentType: "option",
+});
+exports.TabbedItem = TabbedItem;
+const _componentTabPanelOptions = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "tabPanelOptions",
+            DefaultsProps: {
+                defaultItems: "items",
+                defaultSelectedIndex: "selectedIndex",
+                defaultSelectedItem: "selectedItem"
+            },
+            ExpectedChildren: {
+                item: { optionName: "items", isCollectionItem: true },
+                tabPanelOptionsItem: { optionName: "items", isCollectionItem: true }
+            },
+            TemplateProps: [{
+                    tmplOption: "itemTemplate",
+                    render: "itemRender",
+                    component: "itemComponent"
+                }, {
+                    tmplOption: "itemTitleTemplate",
+                    render: "itemTitleRender",
+                    component: "itemTitleComponent"
+                }],
+        },
+    });
+};
+const TabPanelOptions = Object.assign(_componentTabPanelOptions, {
+    componentType: "option",
+});
+exports.TabPanelOptions = TabPanelOptions;
+const _componentTabPanelOptionsItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            TemplateProps: [{
+                    tmplOption: "tabTemplate",
+                    render: "tabRender",
+                    component: "tabComponent"
+                }, {
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const TabPanelOptionsItem = Object.assign(_componentTabPanelOptionsItem, {
+    componentType: "option",
+});
+exports.TabPanelOptionsItem = TabPanelOptionsItem;
+const _componentTexts = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const Texts = Object.assign(_componentTexts, {
+    componentType: "option",
+});
+exports.Texts = Texts;
+const _componentTo = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "to",
+            ExpectedChildren: {
+                position: { optionName: "position", isCollectionItem: false }
+            },
+        },
+    });
+};
+const To = Object.assign(_componentTo, {
+    componentType: "option",
+});
+exports.To = To;
+const _componentToolbar = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "toolbar",
+            ExpectedChildren: {
+                dataGridToolbarItem: { optionName: "items", isCollectionItem: true },
+                item: { optionName: "items", isCollectionItem: true }
+            },
+        },
+    });
+};
+const Toolbar = Object.assign(_componentToolbar, {
+    componentType: "option",
+});
+exports.Toolbar = Toolbar;
+const _componentToolbarItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "toolbarItems",
+            IsCollectionItem: true,
+            TemplateProps: [{
+                    tmplOption: "menuItemTemplate",
+                    render: "menuItemRender",
+                    component: "menuItemComponent"
+                }, {
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const ToolbarItem = Object.assign(_componentToolbarItem, {
+    componentType: "option",
+});
+exports.ToolbarItem = ToolbarItem;
+const _componentTotalItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "totalItems",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                valueFormat: { optionName: "valueFormat", isCollectionItem: false }
+            },
+        },
+    });
+};
+const TotalItem = Object.assign(_componentTotalItem, {
+    componentType: "option",
+});
+exports.TotalItem = TotalItem;
+const _componentValidationRule = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "validationRules",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                type: "required"
+            },
+        },
+    });
+};
+const ValidationRule = Object.assign(_componentValidationRule, {
+    componentType: "option",
+});
+exports.ValidationRule = ValidationRule;
+const _componentValueFormat = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "valueFormat",
+        },
+    });
+};
+const ValueFormat = Object.assign(_componentValueFormat, {
+    componentType: "option",
+});
+exports.ValueFormat = ValueFormat;
+exports.default = DataGrid;