devextreme-react 24.1.2-beta → 24.1.3

package/esm/data-grid.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,33 +12,21 @@
  */
 
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import * as React from "react";
 import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
 import dxDataGrid from "devextreme/ui/data_grid";
 import { Component as BaseComponent } from "./core/component";
 import NestedOption from "./core/nested-option";
-var DataGrid = memo(forwardRef(function (props, ref) {
-    var baseRef = useRef(null);
-    useImperativeHandle(ref, function () { return ({
-        instance: function () {
-            var _a;
-            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+const DataGrid = memo(forwardRef((props, ref) => {
+    const baseRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
         }
-    }); }, [baseRef.current]);
-    var subscribableOptions = useMemo(function () { return (["columns", "editing", "editing.changes", "editing.editColumnName", "editing.editRowKey", "filterPanel", "filterPanel.filterEnabled", "filterValue", "focusedColumnIndex", "focusedRowIndex", "focusedRowKey", "groupPanel", "groupPanel.visible", "paging", "paging.pageIndex", "paging.pageSize", "searchPanel", "searchPanel.text", "selectedRowKeys", "selectionFilter"]); }, []);
-    var independentEvents = useMemo(function () { return (["onAdaptiveDetailRowPreparing", "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"]); }, []);
-    var defaults = useMemo(function () { return ({
+    }), [baseRef.current]);
+    const subscribableOptions = useMemo(() => (["columns", "editing", "editing.changes", "editing.editColumnName", "editing.editRowKey", "filterPanel", "filterPanel.filterEnabled", "filterValue", "focusedColumnIndex", "focusedRowIndex", "focusedRowKey", "groupPanel", "groupPanel.visible", "paging", "paging.pageIndex", "paging.pageSize", "searchPanel", "searchPanel.text", "selectedRowKeys", "selectionFilter"]), []);
+    const independentEvents = useMemo(() => (["onAdaptiveDetailRowPreparing", "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 = useMemo(() => ({
         defaultColumns: "columns",
         defaultEditing: "editing",
         defaultFilterPanel: "filterPanel",
@@ -51,8 +39,8 @@ var DataGrid = memo(forwardRef(function (props, ref) {
         defaultSearchPanel: "searchPanel",
         defaultSelectedRowKeys: "selectedRowKeys",
         defaultSelectionFilter: "selectionFilter",
-    }); }, []);
-    var expectedChildren = useMemo(function () { return ({
+    }), []);
+    const expectedChildren = useMemo(() => ({
         column: { optionName: "columns", isCollectionItem: true },
         columnChooser: { optionName: "columnChooser", isCollectionItem: false },
         columnFixing: { optionName: "columnFixing", isCollectionItem: false },
@@ -82,8 +70,8 @@ var DataGrid = memo(forwardRef(function (props, ref) {
         stateStoring: { optionName: "stateStoring", isCollectionItem: false },
         summary: { optionName: "summary", isCollectionItem: false },
         toolbar: { optionName: "toolbar", isCollectionItem: false }
-    }); }, []);
-    var templateProps = useMemo(function () { return ([
+    }), []);
+    const templateProps = useMemo(() => ([
         {
             tmplOption: "dataRowTemplate",
             render: "dataRowRender",
@@ -94,45 +82,55 @@ var DataGrid = memo(forwardRef(function (props, ref) {
             render: "rowRender",
             component: "rowComponent"
         },
-    ]); }, []);
-    return (React.createElement((BaseComponent), __assign({ WidgetClass: dxDataGrid, ref: baseRef, useRequestAnimationFrameFlag: true, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
+    ]), []);
+    return (React.createElement((BaseComponent), {
+        WidgetClass: dxDataGrid,
+        ref: baseRef,
+        useRequestAnimationFrameFlag: true,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        templateProps,
+        ...props,
+    }));
 }));
-var _componentAnimation = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAnimation = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Animation = Object.assign(_componentAnimation, {
+const Animation = Object.assign(_componentAnimation, {
     OptionName: "animation",
     ExpectedChildren: {
         hide: { optionName: "hide", isCollectionItem: false },
         show: { optionName: "show", isCollectionItem: false }
     },
 });
-var _componentAsyncRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAsyncRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var AsyncRule = Object.assign(_componentAsyncRule, {
+const AsyncRule = Object.assign(_componentAsyncRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "async"
     },
 });
-var _componentAt = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAt = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var At = Object.assign(_componentAt, {
+const At = Object.assign(_componentAt, {
     OptionName: "at",
 });
-var _componentBoundaryOffset = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentBoundaryOffset = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var BoundaryOffset = Object.assign(_componentBoundaryOffset, {
+const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
     OptionName: "boundaryOffset",
 });
-var _componentButton = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentButton = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Button = Object.assign(_componentButton, {
+const Button = Object.assign(_componentButton, {
     OptionName: "buttons",
     IsCollectionItem: true,
     TemplateProps: [{
@@ -141,29 +139,29 @@ var Button = Object.assign(_componentButton, {
             component: "component"
         }],
 });
-var _componentChange = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentChange = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Change = Object.assign(_componentChange, {
+const Change = Object.assign(_componentChange, {
     OptionName: "changes",
     IsCollectionItem: true,
 });
-var _componentColCountByScreen = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColCountByScreen = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ColCountByScreen = Object.assign(_componentColCountByScreen, {
+const ColCountByScreen = Object.assign(_componentColCountByScreen, {
     OptionName: "colCountByScreen",
 });
-var _componentCollision = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCollision = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Collision = Object.assign(_componentCollision, {
+const Collision = Object.assign(_componentCollision, {
     OptionName: "collision",
 });
-var _componentColumn = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColumn = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Column = Object.assign(_componentColumn, {
+const Column = Object.assign(_componentColumn, {
     OptionName: "columns",
     IsCollectionItem: true,
     DefaultsProps: {
@@ -213,10 +211,10 @@ var Column = Object.assign(_componentColumn, {
             component: "headerCellComponent"
         }],
 });
-var _componentColumnChooser = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColumnChooser = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ColumnChooser = Object.assign(_componentColumnChooser, {
+const ColumnChooser = Object.assign(_componentColumnChooser, {
     OptionName: "columnChooser",
     ExpectedChildren: {
         columnChooserSearch: { optionName: "search", isCollectionItem: false },
@@ -226,76 +224,76 @@ var ColumnChooser = Object.assign(_componentColumnChooser, {
         selection: { optionName: "selection", isCollectionItem: false }
     },
 });
-var _componentColumnChooserSearch = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColumnChooserSearch = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ColumnChooserSearch = Object.assign(_componentColumnChooserSearch, {
+const ColumnChooserSearch = Object.assign(_componentColumnChooserSearch, {
     OptionName: "search",
 });
-var _componentColumnChooserSelection = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColumnChooserSelection = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ColumnChooserSelection = Object.assign(_componentColumnChooserSelection, {
+const ColumnChooserSelection = Object.assign(_componentColumnChooserSelection, {
     OptionName: "selection",
 });
-var _componentColumnFixing = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColumnFixing = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ColumnFixing = Object.assign(_componentColumnFixing, {
+const ColumnFixing = Object.assign(_componentColumnFixing, {
     OptionName: "columnFixing",
     ExpectedChildren: {
         columnFixingTexts: { optionName: "texts", isCollectionItem: false },
         texts: { optionName: "texts", isCollectionItem: false }
     },
 });
-var _componentColumnFixingTexts = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColumnFixingTexts = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ColumnFixingTexts = Object.assign(_componentColumnFixingTexts, {
+const ColumnFixingTexts = Object.assign(_componentColumnFixingTexts, {
     OptionName: "texts",
 });
-var _componentColumnHeaderFilter = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColumnHeaderFilter = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ColumnHeaderFilter = Object.assign(_componentColumnHeaderFilter, {
+const ColumnHeaderFilter = Object.assign(_componentColumnHeaderFilter, {
     OptionName: "headerFilter",
     ExpectedChildren: {
         columnHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
         search: { optionName: "search", isCollectionItem: false }
     },
 });
-var _componentColumnHeaderFilterSearch = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColumnHeaderFilterSearch = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ColumnHeaderFilterSearch = Object.assign(_componentColumnHeaderFilterSearch, {
+const ColumnHeaderFilterSearch = Object.assign(_componentColumnHeaderFilterSearch, {
     OptionName: "search",
 });
-var _componentColumnLookup = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColumnLookup = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ColumnLookup = Object.assign(_componentColumnLookup, {
+const ColumnLookup = Object.assign(_componentColumnLookup, {
     OptionName: "lookup",
 });
-var _componentCompareRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCompareRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CompareRule = Object.assign(_componentCompareRule, {
+const CompareRule = Object.assign(_componentCompareRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "compare"
     },
 });
-var _componentCursorOffset = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCursorOffset = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CursorOffset = Object.assign(_componentCursorOffset, {
+const CursorOffset = Object.assign(_componentCursorOffset, {
     OptionName: "cursorOffset",
 });
-var _componentCustomOperation = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCustomOperation = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CustomOperation = Object.assign(_componentCustomOperation, {
+const CustomOperation = Object.assign(_componentCustomOperation, {
     OptionName: "customOperations",
     IsCollectionItem: true,
     TemplateProps: [{
@@ -304,20 +302,20 @@ var CustomOperation = Object.assign(_componentCustomOperation, {
             component: "editorComponent"
         }],
 });
-var _componentCustomRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCustomRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CustomRule = Object.assign(_componentCustomRule, {
+const CustomRule = Object.assign(_componentCustomRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "custom"
     },
 });
-var _componentDataGridHeaderFilter = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentDataGridHeaderFilter = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var DataGridHeaderFilter = Object.assign(_componentDataGridHeaderFilter, {
+const DataGridHeaderFilter = Object.assign(_componentDataGridHeaderFilter, {
     OptionName: "headerFilter",
     ExpectedChildren: {
         dataGridHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
@@ -326,28 +324,28 @@ var DataGridHeaderFilter = Object.assign(_componentDataGridHeaderFilter, {
         texts: { optionName: "texts", isCollectionItem: false }
     },
 });
-var _componentDataGridHeaderFilterSearch = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentDataGridHeaderFilterSearch = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var DataGridHeaderFilterSearch = Object.assign(_componentDataGridHeaderFilterSearch, {
+const DataGridHeaderFilterSearch = Object.assign(_componentDataGridHeaderFilterSearch, {
     OptionName: "search",
 });
-var _componentDataGridHeaderFilterTexts = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentDataGridHeaderFilterTexts = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var DataGridHeaderFilterTexts = Object.assign(_componentDataGridHeaderFilterTexts, {
+const DataGridHeaderFilterTexts = Object.assign(_componentDataGridHeaderFilterTexts, {
     OptionName: "texts",
 });
-var _componentDataGridSelection = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentDataGridSelection = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var DataGridSelection = Object.assign(_componentDataGridSelection, {
+const DataGridSelection = Object.assign(_componentDataGridSelection, {
     OptionName: "selection",
 });
-var _componentEditing = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentEditing = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Editing = Object.assign(_componentEditing, {
+const Editing = Object.assign(_componentEditing, {
     OptionName: "editing",
     DefaultsProps: {
         defaultChanges: "changes",
@@ -362,42 +360,42 @@ var Editing = Object.assign(_componentEditing, {
         texts: { optionName: "texts", isCollectionItem: false }
     },
 });
-var _componentEditingTexts = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentEditingTexts = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var EditingTexts = Object.assign(_componentEditingTexts, {
+const EditingTexts = Object.assign(_componentEditingTexts, {
     OptionName: "texts",
 });
-var _componentEmailRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentEmailRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var EmailRule = Object.assign(_componentEmailRule, {
+const EmailRule = Object.assign(_componentEmailRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "email"
     },
 });
-var _componentExport = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentExport = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Export = Object.assign(_componentExport, {
+const Export = Object.assign(_componentExport, {
     OptionName: "export",
     ExpectedChildren: {
         exportTexts: { optionName: "texts", isCollectionItem: false },
         texts: { optionName: "texts", isCollectionItem: false }
     },
 });
-var _componentExportTexts = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentExportTexts = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ExportTexts = Object.assign(_componentExportTexts, {
+const ExportTexts = Object.assign(_componentExportTexts, {
     OptionName: "texts",
 });
-var _componentField = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentField = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Field = Object.assign(_componentField, {
+const Field = Object.assign(_componentField, {
     OptionName: "fields",
     IsCollectionItem: true,
     ExpectedChildren: {
@@ -411,16 +409,16 @@ var Field = Object.assign(_componentField, {
             component: "editorComponent"
         }],
 });
-var _componentFieldLookup = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFieldLookup = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var FieldLookup = Object.assign(_componentFieldLookup, {
+const FieldLookup = Object.assign(_componentFieldLookup, {
     OptionName: "lookup",
 });
-var _componentFilterBuilder = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFilterBuilder = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var FilterBuilder = Object.assign(_componentFilterBuilder, {
+const FilterBuilder = Object.assign(_componentFilterBuilder, {
     OptionName: "filterBuilder",
     DefaultsProps: {
         defaultValue: "value"
@@ -432,10 +430,10 @@ var FilterBuilder = Object.assign(_componentFilterBuilder, {
         groupOperationDescriptions: { optionName: "groupOperationDescriptions", isCollectionItem: false }
     },
 });
-var _componentFilterBuilderPopup = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFilterBuilderPopup = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var FilterBuilderPopup = Object.assign(_componentFilterBuilderPopup, {
+const FilterBuilderPopup = Object.assign(_componentFilterBuilderPopup, {
     OptionName: "filterBuilderPopup",
     DefaultsProps: {
         defaultHeight: "height",
@@ -453,16 +451,16 @@ var FilterBuilderPopup = Object.assign(_componentFilterBuilderPopup, {
             component: "titleComponent"
         }],
 });
-var _componentFilterOperationDescriptions = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFilterOperationDescriptions = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var FilterOperationDescriptions = Object.assign(_componentFilterOperationDescriptions, {
+const FilterOperationDescriptions = Object.assign(_componentFilterOperationDescriptions, {
     OptionName: "filterOperationDescriptions",
 });
-var _componentFilterPanel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFilterPanel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var FilterPanel = Object.assign(_componentFilterPanel, {
+const FilterPanel = Object.assign(_componentFilterPanel, {
     OptionName: "filterPanel",
     DefaultsProps: {
         defaultFilterEnabled: "filterEnabled"
@@ -472,25 +470,25 @@ var FilterPanel = Object.assign(_componentFilterPanel, {
         texts: { optionName: "texts", isCollectionItem: false }
     },
 });
-var _componentFilterPanelTexts = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFilterPanelTexts = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var FilterPanelTexts = Object.assign(_componentFilterPanelTexts, {
+const FilterPanelTexts = Object.assign(_componentFilterPanelTexts, {
     OptionName: "texts",
 });
-var _componentFilterRow = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFilterRow = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var FilterRow = Object.assign(_componentFilterRow, {
+const FilterRow = Object.assign(_componentFilterRow, {
     OptionName: "filterRow",
     ExpectedChildren: {
         operationDescriptions: { optionName: "operationDescriptions", isCollectionItem: false }
     },
 });
-var _componentForm = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentForm = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Form = Object.assign(_componentForm, {
+const Form = Object.assign(_componentForm, {
     OptionName: "form",
     DefaultsProps: {
         defaultFormData: "formData"
@@ -499,16 +497,16 @@ var Form = Object.assign(_componentForm, {
         colCountByScreen: { optionName: "colCountByScreen", isCollectionItem: false }
     },
 });
-var _componentFormat = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFormat = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Format = Object.assign(_componentFormat, {
+const Format = Object.assign(_componentFormat, {
     OptionName: "format",
 });
-var _componentFormItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFormItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var FormItem = Object.assign(_componentFormItem, {
+const FormItem = Object.assign(_componentFormItem, {
     OptionName: "formItem",
     ExpectedChildren: {
         AsyncRule: { optionName: "validationRules", isCollectionItem: true },
@@ -529,76 +527,76 @@ var FormItem = Object.assign(_componentFormItem, {
             component: "component"
         }],
 });
-var _componentFrom = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFrom = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var From = Object.assign(_componentFrom, {
+const From = Object.assign(_componentFrom, {
     OptionName: "from",
     ExpectedChildren: {
         position: { optionName: "position", isCollectionItem: false }
     },
 });
-var _componentGrouping = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentGrouping = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Grouping = Object.assign(_componentGrouping, {
+const Grouping = Object.assign(_componentGrouping, {
     OptionName: "grouping",
     ExpectedChildren: {
         groupingTexts: { optionName: "texts", isCollectionItem: false },
         texts: { optionName: "texts", isCollectionItem: false }
     },
 });
-var _componentGroupingTexts = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentGroupingTexts = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var GroupingTexts = Object.assign(_componentGroupingTexts, {
+const GroupingTexts = Object.assign(_componentGroupingTexts, {
     OptionName: "texts",
 });
-var _componentGroupItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentGroupItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var GroupItem = Object.assign(_componentGroupItem, {
+const GroupItem = Object.assign(_componentGroupItem, {
     OptionName: "groupItems",
     IsCollectionItem: true,
     ExpectedChildren: {
         valueFormat: { optionName: "valueFormat", isCollectionItem: false }
     },
 });
-var _componentGroupOperationDescriptions = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentGroupOperationDescriptions = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var GroupOperationDescriptions = Object.assign(_componentGroupOperationDescriptions, {
+const GroupOperationDescriptions = Object.assign(_componentGroupOperationDescriptions, {
     OptionName: "groupOperationDescriptions",
 });
-var _componentGroupPanel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentGroupPanel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var GroupPanel = Object.assign(_componentGroupPanel, {
+const GroupPanel = Object.assign(_componentGroupPanel, {
     OptionName: "groupPanel",
     DefaultsProps: {
         defaultVisible: "visible"
     },
 });
-var _componentHeaderFilter = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentHeaderFilter = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var HeaderFilter = Object.assign(_componentHeaderFilter, {
+const HeaderFilter = Object.assign(_componentHeaderFilter, {
     OptionName: "headerFilter",
 });
-var _componentHide = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentHide = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Hide = Object.assign(_componentHide, {
+const Hide = Object.assign(_componentHide, {
     OptionName: "hide",
     ExpectedChildren: {
         from: { optionName: "from", isCollectionItem: false },
         to: { optionName: "to", isCollectionItem: false }
     },
 });
-var _componentItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Item = Object.assign(_componentItem, {
+const Item = Object.assign(_componentItem, {
     OptionName: "items",
     IsCollectionItem: true,
     TemplateProps: [{
@@ -611,16 +609,16 @@ var Item = Object.assign(_componentItem, {
             component: "component"
         }],
 });
-var _componentKeyboardNavigation = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentKeyboardNavigation = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var KeyboardNavigation = Object.assign(_componentKeyboardNavigation, {
+const KeyboardNavigation = Object.assign(_componentKeyboardNavigation, {
     OptionName: "keyboardNavigation",
 });
-var _componentLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Label = Object.assign(_componentLabel, {
+const Label = Object.assign(_componentLabel, {
     OptionName: "label",
     TemplateProps: [{
             tmplOption: "template",
@@ -628,22 +626,22 @@ var Label = Object.assign(_componentLabel, {
             component: "component"
         }],
 });
-var _componentLoadPanel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentLoadPanel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var LoadPanel = Object.assign(_componentLoadPanel, {
+const LoadPanel = Object.assign(_componentLoadPanel, {
     OptionName: "loadPanel",
 });
-var _componentLookup = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentLookup = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Lookup = Object.assign(_componentLookup, {
+const Lookup = Object.assign(_componentLookup, {
     OptionName: "lookup",
 });
-var _componentMasterDetail = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentMasterDetail = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var MasterDetail = Object.assign(_componentMasterDetail, {
+const MasterDetail = Object.assign(_componentMasterDetail, {
     OptionName: "masterDetail",
     TemplateProps: [{
             tmplOption: "template",
@@ -651,64 +649,64 @@ var MasterDetail = Object.assign(_componentMasterDetail, {
             component: "component"
         }],
 });
-var _componentMy = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentMy = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var My = Object.assign(_componentMy, {
+const My = Object.assign(_componentMy, {
     OptionName: "my",
 });
-var _componentNumericRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentNumericRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var NumericRule = Object.assign(_componentNumericRule, {
+const NumericRule = Object.assign(_componentNumericRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "numeric"
     },
 });
-var _componentOffset = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentOffset = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Offset = Object.assign(_componentOffset, {
+const Offset = Object.assign(_componentOffset, {
     OptionName: "offset",
 });
-var _componentOperationDescriptions = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentOperationDescriptions = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var OperationDescriptions = Object.assign(_componentOperationDescriptions, {
+const OperationDescriptions = Object.assign(_componentOperationDescriptions, {
     OptionName: "operationDescriptions",
 });
-var _componentPager = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPager = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Pager = Object.assign(_componentPager, {
+const Pager = Object.assign(_componentPager, {
     OptionName: "pager",
 });
-var _componentPaging = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPaging = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Paging = Object.assign(_componentPaging, {
+const Paging = Object.assign(_componentPaging, {
     OptionName: "paging",
     DefaultsProps: {
         defaultPageIndex: "pageIndex",
         defaultPageSize: "pageSize"
     },
 });
-var _componentPatternRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPatternRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var PatternRule = Object.assign(_componentPatternRule, {
+const PatternRule = Object.assign(_componentPatternRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "pattern"
     },
 });
-var _componentPopup = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPopup = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Popup = Object.assign(_componentPopup, {
+const Popup = Object.assign(_componentPopup, {
     OptionName: "popup",
     DefaultsProps: {
         defaultHeight: "height",
@@ -731,42 +729,42 @@ var Popup = Object.assign(_componentPopup, {
             component: "titleComponent"
         }],
 });
-var _componentPosition = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPosition = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Position = Object.assign(_componentPosition, {
+const Position = Object.assign(_componentPosition, {
     OptionName: "position",
 });
-var _componentRangeRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentRangeRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var RangeRule = Object.assign(_componentRangeRule, {
+const RangeRule = Object.assign(_componentRangeRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "range"
     },
 });
-var _componentRemoteOperations = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentRemoteOperations = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var RemoteOperations = Object.assign(_componentRemoteOperations, {
+const RemoteOperations = Object.assign(_componentRemoteOperations, {
     OptionName: "remoteOperations",
 });
-var _componentRequiredRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentRequiredRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var RequiredRule = Object.assign(_componentRequiredRule, {
+const RequiredRule = Object.assign(_componentRequiredRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "required"
     },
 });
-var _componentRowDragging = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentRowDragging = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var RowDragging = Object.assign(_componentRowDragging, {
+const RowDragging = Object.assign(_componentRowDragging, {
     OptionName: "rowDragging",
     ExpectedChildren: {
         cursorOffset: { optionName: "cursorOffset", isCollectionItem: false }
@@ -777,72 +775,72 @@ var RowDragging = Object.assign(_componentRowDragging, {
             component: "dragComponent"
         }],
 });
-var _componentScrolling = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentScrolling = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Scrolling = Object.assign(_componentScrolling, {
+const Scrolling = Object.assign(_componentScrolling, {
     OptionName: "scrolling",
 });
-var _componentSearch = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSearch = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Search = Object.assign(_componentSearch, {
+const Search = Object.assign(_componentSearch, {
     OptionName: "search",
 });
-var _componentSearchPanel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSearchPanel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var SearchPanel = Object.assign(_componentSearchPanel, {
+const SearchPanel = Object.assign(_componentSearchPanel, {
     OptionName: "searchPanel",
     DefaultsProps: {
         defaultText: "text"
     },
 });
-var _componentSelection = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSelection = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Selection = Object.assign(_componentSelection, {
+const Selection = Object.assign(_componentSelection, {
     OptionName: "selection",
 });
-var _componentShow = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentShow = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Show = Object.assign(_componentShow, {
+const Show = Object.assign(_componentShow, {
     OptionName: "show",
 });
-var _componentSortByGroupSummaryInfo = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSortByGroupSummaryInfo = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var SortByGroupSummaryInfo = Object.assign(_componentSortByGroupSummaryInfo, {
+const SortByGroupSummaryInfo = Object.assign(_componentSortByGroupSummaryInfo, {
     OptionName: "sortByGroupSummaryInfo",
     IsCollectionItem: true,
 });
-var _componentSorting = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSorting = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Sorting = Object.assign(_componentSorting, {
+const Sorting = Object.assign(_componentSorting, {
     OptionName: "sorting",
 });
-var _componentStateStoring = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentStateStoring = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var StateStoring = Object.assign(_componentStateStoring, {
+const StateStoring = Object.assign(_componentStateStoring, {
     OptionName: "stateStoring",
 });
-var _componentStringLengthRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentStringLengthRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var StringLengthRule = Object.assign(_componentStringLengthRule, {
+const StringLengthRule = Object.assign(_componentStringLengthRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "stringLength"
     },
 });
-var _componentSummary = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSummary = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Summary = Object.assign(_componentSummary, {
+const Summary = Object.assign(_componentSummary, {
     OptionName: "summary",
     ExpectedChildren: {
         groupItem: { optionName: "groupItems", isCollectionItem: true },
@@ -851,37 +849,37 @@ var Summary = Object.assign(_componentSummary, {
         totalItem: { optionName: "totalItems", isCollectionItem: true }
     },
 });
-var _componentSummaryTexts = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSummaryTexts = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var SummaryTexts = Object.assign(_componentSummaryTexts, {
+const SummaryTexts = Object.assign(_componentSummaryTexts, {
     OptionName: "texts",
 });
-var _componentTexts = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTexts = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Texts = Object.assign(_componentTexts, {
+const Texts = Object.assign(_componentTexts, {
     OptionName: "texts",
 });
-var _componentTo = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTo = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var To = Object.assign(_componentTo, {
+const To = Object.assign(_componentTo, {
     OptionName: "to",
 });
-var _componentToolbar = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentToolbar = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Toolbar = Object.assign(_componentToolbar, {
+const Toolbar = Object.assign(_componentToolbar, {
     OptionName: "toolbar",
     ExpectedChildren: {
         item: { optionName: "items", isCollectionItem: true }
     },
 });
-var _componentToolbarItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentToolbarItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ToolbarItem = Object.assign(_componentToolbarItem, {
+const ToolbarItem = Object.assign(_componentToolbarItem, {
     OptionName: "toolbarItems",
     IsCollectionItem: true,
     TemplateProps: [{
@@ -894,30 +892,30 @@ var ToolbarItem = Object.assign(_componentToolbarItem, {
             component: "component"
         }],
 });
-var _componentTotalItem = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTotalItem = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var TotalItem = Object.assign(_componentTotalItem, {
+const TotalItem = Object.assign(_componentTotalItem, {
     OptionName: "totalItems",
     IsCollectionItem: true,
     ExpectedChildren: {
         valueFormat: { optionName: "valueFormat", isCollectionItem: false }
     },
 });
-var _componentValidationRule = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentValidationRule = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ValidationRule = Object.assign(_componentValidationRule, {
+const ValidationRule = Object.assign(_componentValidationRule, {
     OptionName: "validationRules",
     IsCollectionItem: true,
     PredefinedProps: {
         type: "required"
     },
 });
-var _componentValueFormat = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentValueFormat = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ValueFormat = Object.assign(_componentValueFormat, {
+const ValueFormat = Object.assign(_componentValueFormat, {
     OptionName: "valueFormat",
 });
 export default DataGrid;