devextreme-react 24.1.8-build-24321-1936 → 24.2.2-beta

package/README.md

@@ -1,23 +1,28 @@
-# DevExtreme React UI Components #
+# DevExtreme for React
 
-[![Build Status](https://api.shippable.com/projects/5a9532d976382b0800e7a53c/badge?branch=master)](https://app.shippable.com/github/DevExpress/devextreme-react)
-[![NPM](https://img.shields.io/npm/v/devextreme-react.svg?maxAge=43200)](https://www.npmjs.com/package/devextreme-react)
+[![NPM version](https://img.shields.io/npm/v/devextreme-react.svg?maxAge=43200)](https://www.npmjs.com/package/devextreme-react)
 
-This project allows you to use [DevExtreme widgets](http://js.devexpress.com/Demos/WidgetsGallery/) in [React](https://reactjs.org) applications.
+The `devextreme-react` package contains the [DevExtreme component suite](http://js.devexpress.com/Demos/WidgetsGallery/) for the [React](https://react.dev/) framework.
 
-* [Documentation](https://js.devexpress.com/Documentation/Guide/React_Components/DevExtreme_React_Components/)
-* [Technical Demos](https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/Overview/React/Light/)
-* [API Reference](http://js.devexpress.com/Documentation/ApiReference/)
-* [Live example](https://stackblitz.com/edit/devextreme-react)
+* [Documentation](https://js.devexpress.com/React/Documentation/Guide/React_Components/DevExtreme_React_Components/)
+* [Demo Gallery](https://js.devexpress.com/React/Demos/WidgetsGallery/Demo/DataGrid/Overview/React/Light/)
+* [Responsive UI Templates](https://js.devexpress.com/React/Templates/UITemplates/)
+* [Application Template](https://js.devexpress.com/React/Documentation/Guide/React_Components/Application_Template/)
 
-## License ##
+## License
 
-**DevExtreme React UI Components are released as an MIT-licensed (free and open-source) add-on to DevExtreme.**
+DevExpress distributes the `devextreme-react` package under the free and open-source **MIT** license.
 
-Familiarize yourself with the [DevExtreme License](https://js.devexpress.com/Licensing/). [Free trial is available!](http://js.devexpress.com/Buy/)
+For more information on licensing requirements, read the following articles:
 
-## Support & Feedback ##
+* [Licensing Guide](https://js.devexpress.com/Angular/Documentation/Guide/Common/Licensing/) 
+* [Licensing FAQ](https://js.devexpress.com/Licensing/)
+* [EULA](https://js.devexpress.com/EULAs/DevExtremeComplete/)
 
-If you have questions regarding React functionality, consult [React docs](https://reactjs.org/docs).
+DevExpress offers a [free trial](https://js.devexpress.com/Download/) of the product.
 
-If you want to report a bug, request a feature, or ask a question, submit an [issue](https://github.com/DevExpress/devextreme-react/issues) to this repo. Alternatively, you can contact us at the [DevExpress Support Center](https://www.devexpress.com/Support/Center) if you own an active DevExtreme license.
+## Support & Feedback
+
+For more information on the React framework and how to use it, see this [official documentation](https://react.dev/learn).
+
+If you own an [active DevExtreme license](https://js.devexpress.com/Licensing/#Commercial), submit your questions, suggestions, and bug reports to the [DevExpress Support Center](https://www.devexpress.com/sc).

package/chat/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "../cjs/chat.js",
+  "module": "../esm/chat.js",
+  "typings": "../cjs/chat.d.ts"
+}

package/cjs/accordion.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.8-build-24321-1936
- * Build date: Sat Nov 16 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";
@@ -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.1.8-build-24321-1936
- * Build date: Sat Nov 16 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.1.8-build-24321-1936
- * Build date: Sat Nov 16 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> = {
@@ -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.1.8-build-24321-1936
- * Build date: Sat Nov 16 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;