devextreme-react 25.1.2-beta → 25.1.3

package/esm/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
  *
@@ -24,8 +24,8 @@ const CardView = memo(forwardRef((props, ref) => {
             return baseRef.current?.getInstance();
         }
     }), [baseRef.current]);
-    const subscribableOptions = useMemo(() => (["filterValue", "selectedCardKeys"]), []);
-    const independentEvents = 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 = useMemo(() => (["filterValue", "selectedCardKeys", "filterBuilder.value", "filterPanel.filterEnabled", "editing.form.formData", "loadPanel.position", "loadPanel.visible", "paging.pageIndex", "paging.pageSize", "searchPanel.text"]), []);
+    const independentEvents = 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 = useMemo(() => ({
         defaultFilterValue: "filterValue",
         defaultSelectedCardKeys: "selectedCardKeys",
@@ -33,15 +33,23 @@ const CardView = memo(forwardRef((props, ref) => {
     const expectedChildren = 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 = useMemo(() => ([
@@ -129,6 +137,40 @@ const _componentBoundaryOffset = (props) => {
 const BoundaryOffset = Object.assign(_componentBoundaryOffset, {
     componentType: "option",
 });
+const _componentButtonItem = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                buttonOptions: { optionName: "buttonOptions", isCollectionItem: false }
+            },
+            PredefinedProps: {
+                itemType: "button"
+            },
+        },
+    });
+};
+const ButtonItem = Object.assign(_componentButtonItem, {
+    componentType: "option",
+});
+const _componentButtonOptions = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "buttonOptions",
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const ButtonOptions = Object.assign(_componentButtonOptions, {
+    componentType: "option",
+});
 const _componentCardCover = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -186,6 +228,56 @@ const _componentCardHeaderItem = (props) => {
 const CardHeaderItem = Object.assign(_componentCardHeaderItem, {
     componentType: "option",
 });
+const _componentCardViewHeaderFilter = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
+const _componentCardViewHeaderFilterSearch = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "search",
+        },
+    });
+};
+const CardViewHeaderFilterSearch = Object.assign(_componentCardViewHeaderFilterSearch, {
+    componentType: "option",
+});
+const _componentCardViewHeaderFilterTexts = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const CardViewHeaderFilterTexts = Object.assign(_componentCardViewHeaderFilterTexts, {
+    componentType: "option",
+});
+const _componentCardViewSelection = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "selection",
+        },
+    });
+};
+const CardViewSelection = Object.assign(_componentCardViewSelection, {
+    componentType: "option",
+});
 const _componentChange = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -198,6 +290,17 @@ const _componentChange = (props) => {
 const Change = Object.assign(_componentChange, {
     componentType: "option",
 });
+const _componentColCountByScreen = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "colCountByScreen",
+        },
+    });
+};
+const ColCountByScreen = Object.assign(_componentColCountByScreen, {
+    componentType: "option",
+});
 const _componentCollision = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -225,11 +328,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 },
@@ -260,6 +365,72 @@ const _componentColumn = (props) => {
 const Column = Object.assign(_componentColumn, {
     componentType: "option",
 });
+const _componentColumnChooser = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
+const _componentColumnChooserSearch = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "search",
+        },
+    });
+};
+const ColumnChooserSearch = Object.assign(_componentColumnChooserSearch, {
+    componentType: "option",
+});
+const _componentColumnChooserSelection = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "selection",
+        },
+    });
+};
+const ColumnChooserSelection = Object.assign(_componentColumnChooserSelection, {
+    componentType: "option",
+});
+const _componentColumnHeaderFilter = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "headerFilter",
+            ExpectedChildren: {
+                columnHeaderFilterSearch: { optionName: "search", isCollectionItem: false },
+                search: { optionName: "search", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ColumnHeaderFilter = Object.assign(_componentColumnHeaderFilter, {
+    componentType: "option",
+});
+const _componentColumnHeaderFilterSearch = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "search",
+        },
+    });
+};
+const ColumnHeaderFilterSearch = Object.assign(_componentColumnHeaderFilterSearch, {
+    componentType: "option",
+});
 const _componentCompareRule = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -307,13 +478,27 @@ const _componentCustomRule = (props) => {
 const CustomRule = Object.assign(_componentCustomRule, {
     componentType: "option",
 });
+const _componentDragging = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "dragging",
+        },
+    });
+};
+const Dragging = Object.assign(_componentDragging, {
+    componentType: "option",
+});
 const _componentEditing = (props) => {
     return React.createElement((NestedOption), {
         ...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 }
             },
         },
     });
@@ -321,6 +506,17 @@ const _componentEditing = (props) => {
 const Editing = Object.assign(_componentEditing, {
     componentType: "option",
 });
+const _componentEditingTexts = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const EditingTexts = Object.assign(_componentEditingTexts, {
+    componentType: "option",
+});
 const _componentEmailRule = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -336,6 +532,21 @@ const _componentEmailRule = (props) => {
 const EmailRule = Object.assign(_componentEmailRule, {
     componentType: "option",
 });
+const _componentEmptyItem = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            PredefinedProps: {
+                itemType: "empty"
+            },
+        },
+    });
+};
+const EmptyItem = Object.assign(_componentEmptyItem, {
+    componentType: "option",
+});
 const _componentField = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -388,6 +599,58 @@ const _componentFilterOperationDescriptions = (props) => {
 const FilterOperationDescriptions = Object.assign(_componentFilterOperationDescriptions, {
     componentType: "option",
 });
+const _componentFilterPanel = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
+const _componentFilterPanelTexts = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const FilterPanelTexts = Object.assign(_componentFilterPanelTexts, {
+    componentType: "option",
+});
+const _componentForm = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
 const _componentFormat = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -442,6 +705,33 @@ const _componentFrom = (props) => {
 const From = Object.assign(_componentFrom, {
     componentType: "option",
 });
+const _componentGroupItem = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
 const _componentGroupOperationDescriptions = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -453,11 +743,31 @@ const _componentGroupOperationDescriptions = (props) => {
 const GroupOperationDescriptions = Object.assign(_componentGroupOperationDescriptions, {
     componentType: "option",
 });
+const _componentHeaderFilter = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
 const _componentHeaderPanel = (props) => {
     return React.createElement((NestedOption), {
         ...props,
         elementDescriptor: {
             OptionName: "headerPanel",
+            ExpectedChildren: {
+                dragging: { optionName: "dragging", isCollectionItem: false }
+            },
             TemplateProps: [{
                     tmplOption: "itemTemplate",
                     render: "itemRender",
@@ -490,6 +800,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",
@@ -498,6 +825,14 @@ const _componentItem = (props) => {
                     tmplOption: "template",
                     render: "render",
                     component: "component"
+                }, {
+                    tmplOption: "tabTemplate",
+                    render: "tabRender",
+                    component: "tabComponent"
+                }, {
+                    tmplOption: "captionTemplate",
+                    render: "captionRender",
+                    component: "captionComponent"
                 }],
         },
     });
@@ -688,6 +1023,42 @@ const _componentRequiredRule = (props) => {
 const RequiredRule = Object.assign(_componentRequiredRule, {
     componentType: "option",
 });
+const _componentScrolling = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "scrolling",
+        },
+    });
+};
+const Scrolling = Object.assign(_componentScrolling, {
+    componentType: "option",
+});
+const _componentSearch = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "search",
+        },
+    });
+};
+const Search = Object.assign(_componentSearch, {
+    componentType: "option",
+});
+const _componentSearchPanel = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "searchPanel",
+            DefaultsProps: {
+                defaultText: "text"
+            },
+        },
+    });
+};
+const SearchPanel = Object.assign(_componentSearchPanel, {
+    componentType: "option",
+});
 const _componentSelection = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -714,6 +1085,50 @@ const _componentShow = (props) => {
 const Show = Object.assign(_componentShow, {
     componentType: "option",
 });
+const _componentSimpleItem = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
+const _componentSorting = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "sorting",
+        },
+    });
+};
+const Sorting = Object.assign(_componentSorting, {
+    componentType: "option",
+});
 const _componentStringLengthRule = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -729,6 +1144,110 @@ const _componentStringLengthRule = (props) => {
 const StringLengthRule = Object.assign(_componentStringLengthRule, {
     componentType: "option",
 });
+const _componentTab = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
+const _componentTabbedItem = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
+const _componentTabPanelOptions = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
+const _componentTabPanelOptionsItem = (props) => {
+    return React.createElement((NestedOption), {
+        ...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",
+});
+const _componentTexts = (props) => {
+    return React.createElement((NestedOption), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "texts",
+        },
+    });
+};
+const Texts = Object.assign(_componentTexts, {
+    componentType: "option",
+});
 const _componentTo = (props) => {
     return React.createElement((NestedOption), {
         ...props,
@@ -795,4 +1314,4 @@ const ValidationRule = Object.assign(_componentValidationRule, {
     componentType: "option",
 });
 export default CardView;
-export { CardView, Animation, AsyncRule, At, BoundaryOffset, CardCover, CardHeader, CardHeaderItem, Change, Collision, Column, CompareRule, CustomOperation, CustomRule, Editing, EmailRule, Field, FilterBuilder, FilterOperationDescriptions, Format, FormItem, From, GroupOperationDescriptions, HeaderPanel, Hide, Item, Label, LoadPanel, Lookup, My, NumericRule, Offset, Pager, Paging, PatternRule, Position, RangeRule, RemoteOperations, RequiredRule, Selection, Show, StringLengthRule, To, Toolbar, ToolbarItem, ValidationRule };
+export { CardView, Animation, AsyncRule, At, BoundaryOffset, ButtonItem, ButtonOptions, CardCover, CardHeader, CardHeaderItem, CardViewHeaderFilter, CardViewHeaderFilterSearch, CardViewHeaderFilterTexts, CardViewSelection, Change, ColCountByScreen, Collision, Column, ColumnChooser, ColumnChooserSearch, ColumnChooserSelection, ColumnHeaderFilter, ColumnHeaderFilterSearch, CompareRule, CustomOperation, CustomRule, Dragging, Editing, EditingTexts, EmailRule, EmptyItem, Field, FilterBuilder, FilterOperationDescriptions, FilterPanel, FilterPanelTexts, Form, Format, FormItem, From, GroupItem, GroupOperationDescriptions, HeaderFilter, HeaderPanel, Hide, Item, Label, LoadPanel, Lookup, My, NumericRule, Offset, Pager, Paging, PatternRule, Position, RangeRule, RemoteOperations, RequiredRule, Scrolling, Search, SearchPanel, Selection, Show, SimpleItem, Sorting, StringLengthRule, Tab, TabbedItem, TabPanelOptions, TabPanelOptionsItem, Texts, To, Toolbar, ToolbarItem, ValidationRule };