devextreme-react 25.1.2-beta → 25.1.3

package/cjs/card-view.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 25.1.2-beta
- * Build date: Wed May 14 2025
+ * Version: 25.1.3
+ * Build date: Wed Jun 25 2025
  *
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -40,7 +40,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ValidationRule = exports.ToolbarItem = exports.Toolbar = exports.To = exports.StringLengthRule = exports.Show = exports.Selection = exports.RequiredRule = exports.RemoteOperations = exports.RangeRule = exports.Position = exports.PatternRule = exports.Paging = exports.Pager = exports.Offset = exports.NumericRule = exports.My = exports.Lookup = exports.LoadPanel = exports.Label = exports.Item = exports.Hide = exports.HeaderPanel = exports.GroupOperationDescriptions = exports.From = exports.FormItem = exports.Format = exports.FilterOperationDescriptions = exports.FilterBuilder = exports.Field = exports.EmailRule = exports.Editing = exports.CustomRule = exports.CustomOperation = exports.CompareRule = exports.Column = exports.Collision = exports.Change = exports.CardHeaderItem = exports.CardHeader = exports.CardCover = exports.BoundaryOffset = exports.At = exports.AsyncRule = exports.Animation = exports.CardView = void 0;
+exports.My = exports.Lookup = exports.LoadPanel = exports.Label = exports.Item = exports.Hide = exports.HeaderPanel = exports.HeaderFilter = exports.GroupOperationDescriptions = exports.GroupItem = exports.From = exports.FormItem = exports.Format = exports.Form = exports.FilterPanelTexts = exports.FilterPanel = exports.FilterOperationDescriptions = exports.FilterBuilder = exports.Field = exports.EmptyItem = exports.EmailRule = exports.EditingTexts = exports.Editing = exports.Dragging = exports.CustomRule = exports.CustomOperation = exports.CompareRule = exports.ColumnHeaderFilterSearch = exports.ColumnHeaderFilter = exports.ColumnChooserSelection = exports.ColumnChooserSearch = exports.ColumnChooser = exports.Column = exports.Collision = exports.ColCountByScreen = exports.Change = exports.CardViewSelection = exports.CardViewHeaderFilterTexts = exports.CardViewHeaderFilterSearch = exports.CardViewHeaderFilter = exports.CardHeaderItem = exports.CardHeader = exports.CardCover = exports.ButtonOptions = exports.ButtonItem = exports.BoundaryOffset = exports.At = exports.AsyncRule = exports.Animation = exports.CardView = void 0;
+exports.ValidationRule = exports.ToolbarItem = exports.Toolbar = exports.To = exports.Texts = exports.TabPanelOptionsItem = exports.TabPanelOptions = exports.TabbedItem = exports.Tab = exports.StringLengthRule = exports.Sorting = exports.SimpleItem = exports.Show = exports.Selection = exports.SearchPanel = exports.Search = exports.Scrolling = exports.RequiredRule = exports.RemoteOperations = exports.RangeRule = exports.Position = exports.PatternRule = exports.Paging = exports.Pager = exports.Offset = exports.NumericRule = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const card_view_1 = __importDefault(require("devextreme/ui/card_view"));
@@ -53,8 +54,8 @@ const CardView = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
             return baseRef.current?.getInstance();
         }
     }), [baseRef.current]);
-    const subscribableOptions = (0, react_1.useMemo)(() => (["filterValue", "selectedCardKeys"]), []);
-    const independentEvents = (0, react_1.useMemo)(() => (["onCardClick", "onCardDblClick", "onCardInserted", "onCardInserting", "onCardPrepared", "onCardRemoved", "onCardRemoving", "onCardSaved", "onCardSaving", "onCardUpdated", "onCardUpdating", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onFieldCaptionClick", "onFieldCaptionDblClick", "onFieldCaptionPrepared", "onFieldValueClick", "onFieldValueDblClick", "onFieldValuePrepared", "onInitialized", "onInitNewCard", "onSelectionChanging"]), []);
+    const subscribableOptions = (0, react_1.useMemo)(() => (["filterValue", "selectedCardKeys", "filterBuilder.value", "filterPanel.filterEnabled", "editing.form.formData", "loadPanel.position", "loadPanel.visible", "paging.pageIndex", "paging.pageSize", "searchPanel.text"]), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onCardClick", "onCardDblClick", "onCardInserted", "onCardInserting", "onCardPrepared", "onCardRemoved", "onCardRemoving", "onCardSaved", "onCardSaving", "onCardUpdated", "onCardUpdating", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onFieldCaptionClick", "onFieldCaptionDblClick", "onFieldCaptionPrepared", "onFieldValueClick", "onFieldValueDblClick", "onFieldValuePrepared", "onInitialized", "onInitNewCard"]), []);
     const defaults = (0, react_1.useMemo)(() => ({
         defaultFilterValue: "filterValue",
         defaultSelectedCardKeys: "selectedCardKeys",
@@ -62,15 +63,23 @@ const CardView = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
     const expectedChildren = (0, react_1.useMemo)(() => ({
         cardCover: { optionName: "cardCover", isCollectionItem: false },
         cardHeader: { optionName: "cardHeader", isCollectionItem: false },
+        cardViewHeaderFilter: { optionName: "headerFilter", isCollectionItem: false },
+        cardViewSelection: { optionName: "selection", isCollectionItem: false },
         column: { optionName: "columns", isCollectionItem: true },
+        columnChooser: { optionName: "columnChooser", isCollectionItem: false },
         editing: { optionName: "editing", isCollectionItem: false },
         filterBuilder: { optionName: "filterBuilder", isCollectionItem: false },
+        filterPanel: { optionName: "filterPanel", isCollectionItem: false },
+        headerFilter: { optionName: "headerFilter", isCollectionItem: false },
         headerPanel: { optionName: "headerPanel", isCollectionItem: false },
         loadPanel: { optionName: "loadPanel", isCollectionItem: false },
         pager: { optionName: "pager", isCollectionItem: false },
         paging: { optionName: "paging", isCollectionItem: false },
         remoteOperations: { optionName: "remoteOperations", isCollectionItem: false },
+        scrolling: { optionName: "scrolling", isCollectionItem: false },
+        searchPanel: { optionName: "searchPanel", isCollectionItem: false },
         selection: { optionName: "selection", isCollectionItem: false },
+        sorting: { optionName: "sorting", isCollectionItem: false },
         toolbar: { optionName: "toolbar", isCollectionItem: false }
     }), []);
     const templateProps = (0, react_1.useMemo)(() => ([
@@ -163,6 +172,42 @@ const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
     componentType: "option",
 });
 exports.BoundaryOffset = BoundaryOffset;
+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 _componentCardCover = (props) => {
     return React.createElement((nested_option_1.default), {
         ...props,
@@ -223,6 +268,60 @@ const CardHeaderItem = Object.assign(_componentCardHeaderItem, {
     componentType: "option",
 });
 exports.CardHeaderItem = CardHeaderItem;
+const _componentCardViewHeaderFilter = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "headerFilter",
+            ExpectedChildren: {
+                cardViewHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
+                cardViewHeaderFilterTexts: { optionName: "texts", isCollectionItem: false },
+                search: { optionName: "search", isCollectionItem: false },
+                texts: { optionName: "texts", isCollectionItem: false }
+            },
+        },
+    });
+};
+const CardViewHeaderFilter = Object.assign(_componentCardViewHeaderFilter, {
+    componentType: "option",
+});
+exports.CardViewHeaderFilter = CardViewHeaderFilter;
+const _componentCardViewHeaderFilterSearch = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "search",
+        },
+    });
+};
+const CardViewHeaderFilterSearch = Object.assign(_componentCardViewHeaderFilterSearch, {
+    componentType: "option",
+});
+exports.CardViewHeaderFilterSearch = CardViewHeaderFilterSearch;
+const _componentCardViewHeaderFilterTexts = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const CardViewHeaderFilterTexts = Object.assign(_componentCardViewHeaderFilterTexts, {
+    componentType: "option",
+});
+exports.CardViewHeaderFilterTexts = CardViewHeaderFilterTexts;
+const _componentCardViewSelection = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "selection",
+        },
+    });
+};
+const CardViewSelection = Object.assign(_componentCardViewSelection, {
+    componentType: "option",
+});
+exports.CardViewSelection = CardViewSelection;
 const _componentChange = (props) => {
     return React.createElement((nested_option_1.default), {
         ...props,
@@ -236,6 +335,18 @@ 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,
@@ -264,11 +375,13 @@ const _componentColumn = (props) => {
             },
             ExpectedChildren: {
                 AsyncRule: { optionName: "validationRules", isCollectionItem: true },
+                columnHeaderFilter: { optionName: "headerFilter", isCollectionItem: false },
                 CompareRule: { optionName: "validationRules", isCollectionItem: true },
                 CustomRule: { optionName: "validationRules", isCollectionItem: true },
                 EmailRule: { optionName: "validationRules", isCollectionItem: true },
                 format: { optionName: "format", isCollectionItem: false },
                 formItem: { optionName: "formItem", isCollectionItem: false },
+                headerFilter: { optionName: "headerFilter", isCollectionItem: false },
                 NumericRule: { optionName: "validationRules", isCollectionItem: true },
                 PatternRule: { optionName: "validationRules", isCollectionItem: true },
                 RangeRule: { optionName: "validationRules", isCollectionItem: true },
@@ -300,6 +413,77 @@ const Column = Object.assign(_componentColumn, {
     componentType: "option",
 });
 exports.Column = Column;
+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 _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 _componentCompareRule = (props) => {
     return React.createElement((nested_option_1.default), {
         ...props,
@@ -350,13 +534,28 @@ const CustomRule = Object.assign(_componentCustomRule, {
     componentType: "option",
 });
 exports.CustomRule = CustomRule;
+const _componentDragging = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "dragging",
+        },
+    });
+};
+const Dragging = Object.assign(_componentDragging, {
+    componentType: "option",
+});
+exports.Dragging = Dragging;
 const _componentEditing = (props) => {
     return React.createElement((nested_option_1.default), {
         ...props,
         elementDescriptor: {
             OptionName: "editing",
             ExpectedChildren: {
-                change: { optionName: "changes", isCollectionItem: true }
+                change: { optionName: "changes", isCollectionItem: true },
+                editingTexts: { optionName: "texts", isCollectionItem: false },
+                form: { optionName: "form", isCollectionItem: false },
+                texts: { optionName: "texts", isCollectionItem: false }
             },
         },
     });
@@ -365,6 +564,18 @@ 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 _componentEmailRule = (props) => {
     return React.createElement((nested_option_1.default), {
         ...props,
@@ -381,6 +592,22 @@ 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 _componentField = (props) => {
     return React.createElement((nested_option_1.default), {
         ...props,
@@ -436,6 +663,61 @@ const FilterOperationDescriptions = Object.assign(_componentFilterOperationDescr
     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 _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 },
+                GroupItem: { 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,
@@ -493,6 +775,34 @@ const From = Object.assign(_componentFrom, {
     componentType: "option",
 });
 exports.From = From;
+const _componentGroupItem = (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 GroupItem = Object.assign(_componentGroupItem, {
+    componentType: "option",
+});
+exports.GroupItem = GroupItem;
 const _componentGroupOperationDescriptions = (props) => {
     return React.createElement((nested_option_1.default), {
         ...props,
@@ -505,11 +815,32 @@ const GroupOperationDescriptions = Object.assign(_componentGroupOperationDescrip
     componentType: "option",
 });
 exports.GroupOperationDescriptions = GroupOperationDescriptions;
+const _componentHeaderFilter = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "headerFilter",
+            ExpectedChildren: {
+                cardViewHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
+                cardViewHeaderFilterTexts: { optionName: "texts", isCollectionItem: false },
+                columnHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
+                search: { optionName: "search", isCollectionItem: false }
+            },
+        },
+    });
+};
+const HeaderFilter = Object.assign(_componentHeaderFilter, {
+    componentType: "option",
+});
+exports.HeaderFilter = HeaderFilter;
 const _componentHeaderPanel = (props) => {
     return React.createElement((nested_option_1.default), {
         ...props,
         elementDescriptor: {
             OptionName: "headerPanel",
+            ExpectedChildren: {
+                dragging: { optionName: "dragging", isCollectionItem: false }
+            },
             TemplateProps: [{
                     tmplOption: "itemTemplate",
                     render: "itemRender",
@@ -544,6 +875,23 @@ const _componentItem = (props) => {
         elementDescriptor: {
             OptionName: "items",
             IsCollectionItem: true,
+            ExpectedChildren: {
+                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: "menuItemTemplate",
                     render: "menuItemRender",
@@ -552,6 +900,14 @@ const _componentItem = (props) => {
                     tmplOption: "template",
                     render: "render",
                     component: "component"
+                }, {
+                    tmplOption: "tabTemplate",
+                    render: "tabRender",
+                    component: "tabComponent"
+                }, {
+                    tmplOption: "captionTemplate",
+                    render: "captionRender",
+                    component: "captionComponent"
                 }],
         },
     });
@@ -756,6 +1112,45 @@ const RequiredRule = Object.assign(_componentRequiredRule, {
     componentType: "option",
 });
 exports.RequiredRule = RequiredRule;
+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,
@@ -784,6 +1179,52 @@ 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: {
+                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 _componentSorting = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "sorting",
+        },
+    });
+};
+const Sorting = Object.assign(_componentSorting, {
+    componentType: "option",
+});
+exports.Sorting = Sorting;
 const _componentStringLengthRule = (props) => {
     return React.createElement((nested_option_1.default), {
         ...props,
@@ -800,6 +1241,115 @@ const StringLengthRule = Object.assign(_componentStringLengthRule, {
     componentType: "option",
 });
 exports.StringLengthRule = StringLengthRule;
+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,