devextreme-react 21.2.6 → 21.2.8

package/accordion.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.6
- * Build date: Tue Mar 01 2022
+ * Version: 21.2.8
+ * Build date: Tue Jun 07 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,7 +16,7 @@ export { ExplicitTypes } from "devextreme/ui/accordion";
 import dxAccordion, { Properties } from "devextreme/ui/accordion";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IAccordionOptions<TItem = any, TKey = any> extends Properties<TItem, TKey>, IHtmlOptions {
+declare type IAccordionOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
     dataSource?: Properties<TItem, TKey>["dataSource"];
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
@@ -34,7 +34,7 @@ interface IAccordionOptions<TItem = any, TKey = any> extends Properties<TItem, T
     onSelectedItemChange?: (value: any) => void;
     onSelectedItemKeysChange?: (value: any) => void;
     onSelectedItemsChange?: (value: any) => void;
-}
+}>;
 declare class Accordion<TItem = any, TKey = any> extends BaseComponent<IAccordionOptions<TItem, TKey>> {
     get instance(): dxAccordion<TItem, TKey>;
     protected _WidgetClass: typeof dxAccordion;
@@ -60,7 +60,7 @@ declare class Accordion<TItem = any, TKey = any> extends BaseComponent<IAccordio
         keyFn: string;
     }[];
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     icon?: any;
@@ -71,7 +71,7 @@ interface IItemProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class Item extends NestedOption<IItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;

package/accordion.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.6
- * Build date: Tue Mar 01 2022
+ * Version: 21.2.8
+ * Build date: Tue Jun 07 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/action-sheet.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.6
- * Build date: Tue Mar 01 2022
+ * Version: 21.2.8
+ * Build date: Tue Jun 07 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,7 +16,7 @@ export { ExplicitTypes } from "devextreme/ui/action_sheet";
 import dxActionSheet, { Properties } from "devextreme/ui/action_sheet";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IActionSheetOptions<TItem = any, TKey = any> extends Properties<TItem, TKey>, IHtmlOptions {
+declare type IActionSheetOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
     dataSource?: Properties<TItem, TKey>["dataSource"];
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
@@ -25,7 +25,7 @@ interface IActionSheetOptions<TItem = any, TKey = any> extends Properties<TItem,
     defaultVisible?: any;
     onItemsChange?: (value: any) => void;
     onVisibleChange?: (value: any) => void;
-}
+}>;
 declare class ActionSheet<TItem = any, TKey = any> extends BaseComponent<IActionSheetOptions<TItem, TKey>> {
     get instance(): dxActionSheet<TItem, TKey>;
     protected _WidgetClass: typeof dxActionSheet;
@@ -48,7 +48,7 @@ declare class ActionSheet<TItem = any, TKey = any> extends BaseComponent<IAction
         keyFn: string;
     }[];
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     icon?: any;
@@ -61,7 +61,7 @@ interface IItemProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class Item extends NestedOption<IItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;

package/action-sheet.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.6
- * Build date: Tue Mar 01 2022
+ * Version: 21.2.8
+ * Build date: Tue Jun 07 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/autocomplete.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.6
- * Build date: Tue Mar 01 2022
+ * Version: 21.2.8
+ * Build date: Tue Jun 07 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,7 +15,7 @@
 import dxAutocomplete, { Properties } from "devextreme/ui/autocomplete";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IAutocompleteOptions extends Properties, IHtmlOptions {
+declare type IAutocompleteOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     dropDownButtonRender?: (...params: any) => React.ReactNode;
     dropDownButtonComponent?: React.ComponentType<any>;
     dropDownButtonKeyFn?: (data: any) => string;
@@ -29,7 +29,7 @@ interface IAutocompleteOptions extends Properties, IHtmlOptions {
     defaultValue?: any;
     onOpenedChange?: (value: any) => void;
     onValueChange?: (value: any) => void;
-}
+}>;
 declare class Autocomplete extends BaseComponent<IAutocompleteOptions> {
     get instance(): dxAutocomplete;
     protected _WidgetClass: typeof dxAutocomplete;
@@ -60,10 +60,10 @@ declare class Autocomplete extends BaseComponent<IAutocompleteOptions> {
         keyFn: string;
     }[];
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     hide?: any;
     show?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -77,25 +77,25 @@ declare class Animation extends NestedOption<IAnimationProps> {
         };
     };
 }
-interface IAtProps {
+declare type IAtProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class At extends NestedOption<IAtProps> {
     static OptionName: string;
 }
-interface IBoundaryOffsetProps {
+declare type IBoundaryOffsetProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class BoundaryOffset extends NestedOption<IBoundaryOffsetProps> {
     static OptionName: string;
 }
-interface IButtonProps {
+declare type IButtonProps = React.PropsWithChildren<{
     location?: any;
     name?: any;
     options?: any;
-}
+}>;
 declare class Button extends NestedOption<IButtonProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -106,14 +106,14 @@ declare class Button extends NestedOption<IButtonProps> {
         };
     };
 }
-interface ICollisionProps {
+declare type ICollisionProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class Collision extends NestedOption<ICollisionProps> {
     static OptionName: string;
 }
-interface IDropDownOptionsProps {
+declare type IDropDownOptionsProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     animation?: object | {
@@ -194,7 +194,7 @@ interface IDropDownOptionsProps {
     titleRender?: (...params: any) => React.ReactNode;
     titleComponent?: React.ComponentType<any>;
     titleKeyFn?: (data: any) => string;
-}
+}>;
 declare class DropDownOptions extends NestedOption<IDropDownOptionsProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -224,13 +224,13 @@ declare class DropDownOptions extends NestedOption<IDropDownOptionsProps> {
         keyFn: string;
     }[];
 }
-interface IFromProps {
+declare type IFromProps = React.PropsWithChildren<{
     left?: any;
     opacity?: any;
     position?: any;
     scale?: any;
     top?: any;
-}
+}>;
 declare class From extends NestedOption<IFromProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -240,7 +240,7 @@ declare class From extends NestedOption<IFromProps> {
         };
     };
 }
-interface IHideProps {
+declare type IHideProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -251,7 +251,7 @@ interface IHideProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Hide extends NestedOption<IHideProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -265,7 +265,7 @@ declare class Hide extends NestedOption<IHideProps> {
         };
     };
 }
-interface IItemProps {
+declare type IItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     template?: any;
@@ -274,7 +274,7 @@ interface IItemProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class Item extends NestedOption<IItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
@@ -285,21 +285,21 @@ declare class Item extends NestedOption<IItemProps> {
         keyFn: string;
     }[];
 }
-interface IMyProps {
+declare type IMyProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class My extends NestedOption<IMyProps> {
     static OptionName: string;
 }
-interface IOffsetProps {
+declare type IOffsetProps = React.PropsWithChildren<{
     x?: any;
     y?: any;
-}
+}>;
 declare class Offset extends NestedOption<IOffsetProps> {
     static OptionName: string;
 }
-interface IOptionsProps {
+declare type IOptionsProps = React.PropsWithChildren<{
     accessKey?: any;
     activeStateEnabled?: any;
     bindingOptions?: any;
@@ -330,7 +330,7 @@ interface IOptionsProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class Options extends NestedOption<IOptionsProps> {
     static OptionName: string;
     static TemplateProps: {
@@ -340,7 +340,7 @@ declare class Options extends NestedOption<IOptionsProps> {
         keyFn: string;
     }[];
 }
-interface IPositionProps {
+declare type IPositionProps = React.PropsWithChildren<{
     at?: object | string | {
         x?: any;
         y?: any;
@@ -363,11 +363,11 @@ interface IPositionProps {
         x?: any;
         y?: any;
     };
-}
+}>;
 declare class Position extends NestedOption<IPositionProps> {
     static OptionName: string;
 }
-interface IShowProps {
+declare type IShowProps = React.PropsWithChildren<{
     complete?: any;
     delay?: any;
     direction?: any;
@@ -378,21 +378,21 @@ interface IShowProps {
     start?: any;
     to?: any;
     type?: any;
-}
+}>;
 declare class Show extends NestedOption<IShowProps> {
     static OptionName: string;
 }
-interface IToProps {
+declare type IToProps = React.PropsWithChildren<{
     left?: any;
     opacity?: any;
     position?: any;
     scale?: any;
     top?: any;
-}
+}>;
 declare class To extends NestedOption<IToProps> {
     static OptionName: string;
 }
-interface IToolbarItemProps {
+declare type IToolbarItemProps = React.PropsWithChildren<{
     disabled?: any;
     html?: any;
     location?: any;
@@ -405,7 +405,7 @@ interface IToolbarItemProps {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
-}
+}>;
 declare class ToolbarItem extends NestedOption<IToolbarItemProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;

package/autocomplete.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.6
- * Build date: Tue Mar 01 2022
+ * Version: 21.2.8
+ * Build date: Tue Jun 07 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/bar-gauge.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.6
- * Build date: Tue Mar 01 2022
+ * Version: 21.2.8
+ * Build date: Tue Jun 07 2022
  *
  * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,12 +15,12 @@
 import dxBarGauge, { Properties } from "devextreme/viz/bar_gauge";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IBarGaugeOptions extends Properties, IHtmlOptions {
+declare type IBarGaugeOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
     defaultLoadingIndicator?: any;
     defaultValues?: any;
     onLoadingIndicatorChange?: (value: any) => void;
     onValuesChange?: (value: any) => void;
-}
+}>;
 declare class BarGauge extends BaseComponent<IBarGaugeOptions> {
     get instance(): dxBarGauge;
     protected _WidgetClass: typeof dxBarGauge;
@@ -77,15 +77,15 @@ declare class BarGauge extends BaseComponent<IBarGaugeOptions> {
         };
     };
 }
-interface IAnimationProps {
+declare type IAnimationProps = React.PropsWithChildren<{
     duration?: any;
     easing?: any;
     enabled?: any;
-}
+}>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
 }
-interface IBarGaugeTitleProps {
+declare type IBarGaugeTitleProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     margin?: number | object | {
@@ -106,7 +106,7 @@ interface IBarGaugeTitleProps {
     textOverflow?: any;
     verticalAlignment?: any;
     wordWrap?: any;
-}
+}>;
 declare class BarGaugeTitle extends NestedOption<IBarGaugeTitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -128,13 +128,13 @@ declare class BarGaugeTitle extends NestedOption<IBarGaugeTitleProps> {
         };
     };
 }
-interface IBarGaugeTitleSubtitleProps {
+declare type IBarGaugeTitleSubtitleProps = React.PropsWithChildren<{
     font?: any;
     offset?: any;
     text?: any;
     textOverflow?: any;
     wordWrap?: any;
-}
+}>;
 declare class BarGaugeTitleSubtitle extends NestedOption<IBarGaugeTitleSubtitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -144,18 +144,18 @@ declare class BarGaugeTitleSubtitle extends NestedOption<IBarGaugeTitleSubtitleP
         };
     };
 }
-interface IBorderProps {
+declare type IBorderProps = React.PropsWithChildren<{
     color?: any;
     cornerRadius?: any;
     dashStyle?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class Border extends NestedOption<IBorderProps> {
     static OptionName: string;
 }
-interface IExportProps {
+declare type IExportProps = React.PropsWithChildren<{
     backgroundColor?: any;
     enabled?: any;
     fileName?: any;
@@ -164,48 +164,48 @@ interface IExportProps {
     printingEnabled?: any;
     proxyUrl?: any;
     svgToCanvas?: any;
-}
+}>;
 declare class Export extends NestedOption<IExportProps> {
     static OptionName: string;
 }
-interface IFontProps {
+declare type IFontProps = React.PropsWithChildren<{
     color?: any;
     family?: any;
     opacity?: any;
     size?: any;
     weight?: any;
-}
+}>;
 declare class Font extends NestedOption<IFontProps> {
     static OptionName: string;
 }
-interface IFormatProps {
+declare type IFormatProps = React.PropsWithChildren<{
     currency?: any;
     formatter?: any;
     parser?: any;
     precision?: any;
     type?: any;
-}
+}>;
 declare class Format extends NestedOption<IFormatProps> {
     static OptionName: string;
 }
-interface IGeometryProps {
+declare type IGeometryProps = React.PropsWithChildren<{
     endAngle?: any;
     startAngle?: any;
-}
+}>;
 declare class Geometry extends NestedOption<IGeometryProps> {
     static OptionName: string;
 }
-interface IItemTextFormatProps {
+declare type IItemTextFormatProps = React.PropsWithChildren<{
     currency?: any;
     formatter?: any;
     parser?: any;
     precision?: any;
     type?: any;
-}
+}>;
 declare class ItemTextFormat extends NestedOption<IItemTextFormatProps> {
     static OptionName: string;
 }
-interface ILabelProps {
+declare type ILabelProps = React.PropsWithChildren<{
     connectorColor?: any;
     connectorWidth?: any;
     customizeText?: any;
@@ -213,7 +213,7 @@ interface ILabelProps {
     format?: any;
     indent?: any;
     visible?: any;
-}
+}>;
 declare class Label extends NestedOption<ILabelProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -227,7 +227,7 @@ declare class Label extends NestedOption<ILabelProps> {
         };
     };
 }
-interface ILegendProps {
+declare type ILegendProps = React.PropsWithChildren<{
     backgroundColor?: any;
     border?: object | {
         color?: any;
@@ -283,7 +283,7 @@ interface ILegendProps {
     markerRender?: (...params: any) => React.ReactNode;
     markerComponent?: React.ComponentType<any>;
     markerKeyFn?: (data: any) => string;
-}
+}>;
 declare class Legend extends NestedOption<ILegendProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -323,18 +323,18 @@ declare class Legend extends NestedOption<ILegendProps> {
         keyFn: string;
     }[];
 }
-interface ILegendBorderProps {
+declare type ILegendBorderProps = React.PropsWithChildren<{
     color?: any;
     cornerRadius?: any;
     dashStyle?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class LegendBorder extends NestedOption<ILegendBorderProps> {
     static OptionName: string;
 }
-interface ILegendTitleProps {
+declare type ILegendTitleProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     margin?: object | {
@@ -351,7 +351,7 @@ interface ILegendTitleProps {
     };
     text?: any;
     verticalAlignment?: any;
-}
+}>;
 declare class LegendTitle extends NestedOption<ILegendTitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -373,11 +373,11 @@ declare class LegendTitle extends NestedOption<ILegendTitleProps> {
         };
     };
 }
-interface ILegendTitleSubtitleProps {
+declare type ILegendTitleSubtitleProps = React.PropsWithChildren<{
     font?: any;
     offset?: any;
     text?: any;
-}
+}>;
 declare class LegendTitleSubtitle extends NestedOption<ILegendTitleSubtitleProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -387,7 +387,7 @@ declare class LegendTitleSubtitle extends NestedOption<ILegendTitleSubtitleProps
         };
     };
 }
-interface ILoadingIndicatorProps {
+declare type ILoadingIndicatorProps = React.PropsWithChildren<{
     backgroundColor?: any;
     enabled?: any;
     font?: any;
@@ -395,7 +395,7 @@ interface ILoadingIndicatorProps {
     text?: any;
     defaultShow?: any;
     onShowChange?: (value: any) => void;
-}
+}>;
 declare class LoadingIndicator extends NestedOption<ILoadingIndicatorProps> {
     static OptionName: string;
     static DefaultsProps: {
@@ -408,43 +408,43 @@ declare class LoadingIndicator extends NestedOption<ILoadingIndicatorProps> {
         };
     };
 }
-interface IMarginProps {
+declare type IMarginProps = React.PropsWithChildren<{
     bottom?: any;
     left?: any;
     right?: any;
     top?: any;
-}
+}>;
 declare class Margin extends NestedOption<IMarginProps> {
     static OptionName: string;
 }
-interface IShadowProps {
+declare type IShadowProps = React.PropsWithChildren<{
     blur?: any;
     color?: any;
     offsetX?: any;
     offsetY?: any;
     opacity?: any;
-}
+}>;
 declare class Shadow extends NestedOption<IShadowProps> {
     static OptionName: string;
 }
-interface ISizeProps {
+declare type ISizeProps = React.PropsWithChildren<{
     height?: any;
     width?: any;
-}
+}>;
 declare class Size extends NestedOption<ISizeProps> {
     static OptionName: string;
 }
-interface ISubtitleProps {
+declare type ISubtitleProps = React.PropsWithChildren<{
     font?: any;
     offset?: any;
     text?: any;
     textOverflow?: any;
     wordWrap?: any;
-}
+}>;
 declare class Subtitle extends NestedOption<ISubtitleProps> {
     static OptionName: string;
 }
-interface ITitleProps {
+declare type ITitleProps = React.PropsWithChildren<{
     font?: any;
     horizontalAlignment?: any;
     margin?: object | {
@@ -463,11 +463,11 @@ interface ITitleProps {
     verticalAlignment?: any;
     textOverflow?: any;
     wordWrap?: any;
-}
+}>;
 declare class Title extends NestedOption<ITitleProps> {
     static OptionName: string;
 }
-interface ITooltipProps {
+declare type ITooltipProps = React.PropsWithChildren<{
     arrowLength?: any;
     border?: object | {
         color?: any;
@@ -499,7 +499,7 @@ interface ITooltipProps {
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
     contentKeyFn?: (data: any) => string;
-}
+}>;
 declare class Tooltip extends NestedOption<ITooltipProps> {
     static OptionName: string;
     static ExpectedChildren: {
@@ -531,13 +531,13 @@ declare class Tooltip extends NestedOption<ITooltipProps> {
         keyFn: string;
     }[];
 }
-interface ITooltipBorderProps {
+declare type ITooltipBorderProps = React.PropsWithChildren<{
     color?: any;
     dashStyle?: any;
     opacity?: any;
     visible?: any;
     width?: any;
-}
+}>;
 declare class TooltipBorder extends NestedOption<ITooltipBorderProps> {
     static OptionName: string;
 }