devextreme-react 24.2.1-alpha-24256-1935 → 24.2.2-beta

package/cjs/accordion.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.2.1-alpha-24256-1935
- * Build date: Thu Sep 12 2024
+ * Version: 24.2.2-beta
+ * Build date: Mon Nov 18 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,7 +15,7 @@ export { ExplicitTypes } from "devextreme/ui/accordion";
 import * as React from "react";
 import { Ref, ReactElement } from "react";
 import dxAccordion, { Properties } from "devextreme/ui/accordion";
-import { IHtmlOptions, IElementDescriptor } from "./core/component";
+import { IHtmlOptions, NestedComponentMeta } from "./core/component";
 import type { dxAccordionItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, ItemTitleClickEvent } from "devextreme/ui/accordion";
 import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
 import type { template } from "devextreme/core/templates/template";
@@ -53,7 +53,7 @@ interface AccordionRef<TItem = any, TKey = any> {
     instance: () => dxAccordion<TItem, TKey>;
 }
 declare const Accordion: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, IAccordionOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
-    dataSource?: import("../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
+    dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
     itemRender?: ((...params: any) => React.ReactNode) | undefined;
     itemComponent?: React.ComponentType<any> | undefined;
     itemTitleRender?: ((...params: any) => React.ReactNode) | undefined;
@@ -87,8 +87,24 @@ type IItemProps = React.PropsWithChildren<{
     titleRender?: (...params: any) => React.ReactNode;
     titleComponent?: React.ComponentType<any>;
 }>;
-declare const _componentItem: React.MemoExoticComponent<(props: IItemProps) => React.FunctionComponentElement<IItemProps>>;
-declare const Item: typeof _componentItem & IElementDescriptor;
+declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    disabled?: boolean | undefined;
+    html?: string | undefined;
+    icon?: string | undefined;
+    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    title?: string | undefined;
+    titleTemplate?: template | (() => string | any) | undefined;
+    visible?: boolean | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+    titleRender?: ((...params: any) => React.ReactNode) | undefined;
+    titleComponent?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 export default Accordion;
 export { Accordion, IAccordionOptions, AccordionRef, Item, IItemProps };
 import type * as AccordionTypes from 'devextreme/ui/accordion_types';

package/cjs/accordion.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.2.1-alpha-24256-1935
- * Build date: Thu Sep 12 2024
+ * Version: 24.2.2-beta
+ * Build date: Mon Nov 18 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -89,21 +89,26 @@ const Accordion = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
     }));
 }));
 exports.Accordion = Accordion;
-const _componentItem = (0, react_1.memo)((props) => {
-    return React.createElement((nested_option_1.default), { ...props });
-});
+const _componentItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }, {
+                    tmplOption: "titleTemplate",
+                    render: "titleRender",
+                    component: "titleComponent"
+                }],
+        },
+    });
+};
 const Item = Object.assign(_componentItem, {
-    OptionName: "items",
-    IsCollectionItem: true,
-    TemplateProps: [{
-            tmplOption: "template",
-            render: "render",
-            component: "component"
-        }, {
-            tmplOption: "titleTemplate",
-            render: "titleRender",
-            component: "titleComponent"
-        }],
+    componentType: "option",
 });
 exports.Item = Item;
 exports.default = Accordion;

package/cjs/action-sheet.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.2.1-alpha-24256-1935
- * Build date: Thu Sep 12 2024
+ * Version: 24.2.2-beta
+ * Build date: Mon Nov 18 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,9 +15,10 @@ export { ExplicitTypes } from "devextreme/ui/action_sheet";
 import * as React from "react";
 import { Ref, ReactElement } from "react";
 import dxActionSheet, { Properties } from "devextreme/ui/action_sheet";
-import { IHtmlOptions, IElementDescriptor } from "./core/component";
+import { IHtmlOptions, NestedComponentMeta } from "./core/component";
 import type { dxActionSheetItem, CancelClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent } from "devextreme/ui/action_sheet";
 import type { NativeEventInfo } from "devextreme/events/index";
+import type { ButtonStyle, ButtonType } from "devextreme/common";
 import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
 import type { template } from "devextreme/core/templates/template";
 type ReplaceFieldTypes<TSource, TReplacement> = {
@@ -46,7 +47,7 @@ interface ActionSheetRef<TItem = any, TKey = any> {
     instance: () => dxActionSheet<TItem, TKey>;
 }
 declare const ActionSheet: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, IActionSheetOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
-    dataSource?: import("../devextreme/artifacts/npm/devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
+    dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
     itemRender?: ((...params: any) => React.ReactNode) | undefined;
     itemComponent?: React.ComponentType<any> | undefined;
     defaultItems?: any[] | undefined;
@@ -62,15 +63,28 @@ type IItemProps = React.PropsWithChildren<{
     disabled?: boolean;
     icon?: string;
     onClick?: ((e: NativeEventInfo<any>) => void);
-    stylingMode?: "text" | "outlined" | "contained";
+    stylingMode?: ButtonStyle;
     template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
     text?: string;
-    type?: "danger" | "default" | "normal" | "success";
+    type?: ButtonType;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
 }>;
-declare const _componentItem: React.MemoExoticComponent<(props: IItemProps) => React.FunctionComponentElement<IItemProps>>;
-declare const Item: typeof _componentItem & IElementDescriptor;
+declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    onClick?: ((e: NativeEventInfo<any>) => void) | undefined;
+    stylingMode?: ButtonStyle | undefined;
+    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    type?: ButtonType | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 export default ActionSheet;
 export { ActionSheet, IActionSheetOptions, ActionSheetRef, Item, IItemProps };
 import type * as ActionSheetTypes from 'devextreme/ui/action_sheet_types';

package/cjs/action-sheet.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.2.1-alpha-24256-1935
- * Build date: Thu Sep 12 2024
+ * Version: 24.2.2-beta
+ * Build date: Mon Nov 18 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -81,17 +81,22 @@ const ActionSheet = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
     }));
 }));
 exports.ActionSheet = ActionSheet;
-const _componentItem = (0, react_1.memo)((props) => {
-    return React.createElement((nested_option_1.default), { ...props });
-});
+const _componentItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
 const Item = Object.assign(_componentItem, {
-    OptionName: "items",
-    IsCollectionItem: true,
-    TemplateProps: [{
-            tmplOption: "template",
-            render: "render",
-            component: "component"
-        }],
+    componentType: "option",
 });
 exports.Item = Item;
 exports.default = ActionSheet;