JSDoc @default / type mismatch — Components Area

apps/demos/Demos/DateRangeBox/Formatting/React/App.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import DateRangeBox from 'devextreme-react/date-range-box';
-import type { DateRangeBoxTypes } from 'devextreme-react/date-range-box';
+import type { IDateRangeBoxOptions } from 'devextreme-react/date-range-box';
 
 const msInDay = 1000 * 60 * 60 * 24;
 const now = new Date();
 const startDate = new Date(now.getTime() - msInDay * 3);
 const endDate = new Date(now.getTime() + msInDay * 3);
 
-const commonSettings: DateRangeBoxTypes.Properties = {
+const commonSettings: IDateRangeBoxOptions = {
   showClearButton: true,
   useMaskBehavior: true,
   openOnFieldClick: false,

packages/devextreme-angular/src/ui/accordion/index.ts

@@ -287,10 +287,10 @@ export class DxAccordionComponent<TItem = any, TKey = any> extends DxComponent i
 
      */
     @Input()
-    get keyExpr(): ((item: any) => any) | string {
+    get keyExpr(): ((item: any) => any) | null | string {
         return this._getOption('keyExpr');
     }
-    set keyExpr(value: ((item: any) => any) | string) {
+    set keyExpr(value: ((item: any) => any) | null | string) {
         this._setOption('keyExpr', value);
     }
 
@@ -365,10 +365,10 @@ export class DxAccordionComponent<TItem = any, TKey = any> extends DxComponent i
 
      */
     @Input()
-    get selectedItem(): any {
+    get selectedItem(): any | null {
         return this._getOption('selectedItem');
     }
-    set selectedItem(value: any) {
+    set selectedItem(value: any | null) {
         this._setOption('selectedItem', value);
     }
 
@@ -634,7 +634,7 @@ export class DxAccordionComponent<TItem = any, TKey = any> extends DxComponent i
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
 
      */
-    @Output() keyExprChange: EventEmitter<((item: any) => any) | string>;
+    @Output() keyExprChange: EventEmitter<((item: any) => any) | null | string>;
 
     /**
 
@@ -676,7 +676,7 @@ export class DxAccordionComponent<TItem = any, TKey = any> extends DxComponent i
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
 
      */
-    @Output() selectedItemChange: EventEmitter<any>;
+    @Output() selectedItemChange: EventEmitter<any | null>;
 
     /**
 

packages/devextreme-angular/src/ui/autocomplete/index.ts

@@ -162,10 +162,10 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
 
      */
     @Input()
-    get buttons(): Array<DropDownPredefinedButton | TextEditorButton> {
+    get buttons(): Array<DropDownPredefinedButton | TextEditorButton> | undefined {
         return this._getOption('buttons');
     }
-    set buttons(value: Array<DropDownPredefinedButton | TextEditorButton>) {
+    set buttons(value: Array<DropDownPredefinedButton | TextEditorButton> | undefined) {
         this._setOption('buttons', value);
     }
 
@@ -448,10 +448,10 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
 
      */
     @Input()
-    get maxLength(): number | string {
+    get maxLength(): null | number | string {
         return this._getOption('maxLength');
     }
-    set maxLength(value: number | string) {
+    set maxLength(value: null | number | string) {
         this._setOption('maxLength', value);
     }
 
@@ -591,10 +591,10 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
 
      */
     @Input()
-    get selectedItem(): any {
+    get selectedItem(): any | null {
         return this._getOption('selectedItem');
     }
-    set selectedItem(value: any) {
+    set selectedItem(value: any | null) {
         this._setOption('selectedItem', value);
     }
 
@@ -695,10 +695,10 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
 
      */
     @Input()
-    get validationError(): any {
+    get validationError(): any | null {
         return this._getOption('validationError');
     }
-    set validationError(value: any) {
+    set validationError(value: any | null) {
         this._setOption('validationError', value);
     }
 
@@ -708,10 +708,10 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
 
      */
     @Input()
-    get validationErrors(): Array<any> {
+    get validationErrors(): Array<any> | null {
         return this._getOption('validationErrors');
     }
-    set validationErrors(value: Array<any>) {
+    set validationErrors(value: Array<any> | null) {
         this._setOption('validationErrors', value);
     }
 
@@ -1003,7 +1003,7 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
 
      */
-    @Output() buttonsChange: EventEmitter<Array<DropDownPredefinedButton | TextEditorButton>>;
+    @Output() buttonsChange: EventEmitter<Array<DropDownPredefinedButton | TextEditorButton> | undefined>;
 
     /**
 
@@ -1157,7 +1157,7 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
 
      */
-    @Output() maxLengthChange: EventEmitter<number | string>;
+    @Output() maxLengthChange: EventEmitter<null | number | string>;
 
     /**
 
@@ -1234,7 +1234,7 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
 
      */
-    @Output() selectedItemChange: EventEmitter<any>;
+    @Output() selectedItemChange: EventEmitter<any | null>;
 
     /**
 
@@ -1290,14 +1290,14 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
 
      */
-    @Output() validationErrorChange: EventEmitter<any>;
+    @Output() validationErrorChange: EventEmitter<any | null>;
 
     /**
 
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
 
      */
-    @Output() validationErrorsChange: EventEmitter<Array<any>>;
+    @Output() validationErrorsChange: EventEmitter<Array<any> | null>;
 
     /**
 

packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts

@@ -220,18 +220,18 @@ export class DxoAutocompleteDropDownOptionsComponent extends NestedOption implem
     }
 
     @Input()
-    get onContentReady(): ((e: EventInfo<any>) => void) {
+    get onContentReady(): ((e: EventInfo<any>) => void) | undefined {
         return this._getOption('onContentReady');
     }
-    set onContentReady(value: ((e: EventInfo<any>) => void)) {
+    set onContentReady(value: ((e: EventInfo<any>) => void) | undefined) {
         this._setOption('onContentReady', value);
     }
 
     @Input()
-    get onDisposing(): ((e: EventInfo<any>) => void) {
+    get onDisposing(): ((e: EventInfo<any>) => void) | undefined {
         return this._getOption('onDisposing');
     }
-    set onDisposing(value: ((e: EventInfo<any>) => void)) {
+    set onDisposing(value: ((e: EventInfo<any>) => void) | undefined) {
         this._setOption('onDisposing', value);
     }
 
@@ -252,42 +252,42 @@ export class DxoAutocompleteDropDownOptionsComponent extends NestedOption implem
     }
 
     @Input()
-    get onInitialized(): ((e: { component: CoreComponent<any>, element: any }) => void) {
+    get onInitialized(): ((e: { component: CoreComponent<any>, element: any }) => void) | undefined {
         return this._getOption('onInitialized');
     }
-    set onInitialized(value: ((e: { component: CoreComponent<any>, element: any }) => void)) {
+    set onInitialized(value: ((e: { component: CoreComponent<any>, element: any }) => void) | undefined) {
         this._setOption('onInitialized', value);
     }
 
     @Input()
-    get onOptionChanged(): ((e: { component: DOMComponent, element: any, fullName: string, model: any, name: string, previousValue: any, value: any }) => void) {
+    get onOptionChanged(): ((e: { component: DOMComponent, element: any, fullName: string, model: any, name: string, previousValue: any, value: any }) => void) | undefined {
         return this._getOption('onOptionChanged');
     }
-    set onOptionChanged(value: ((e: { component: DOMComponent, element: any, fullName: string, model: any, name: string, previousValue: any, value: any }) => void)) {
+    set onOptionChanged(value: ((e: { component: DOMComponent, element: any, fullName: string, model: any, name: string, previousValue: any, value: any }) => void) | undefined) {
         this._setOption('onOptionChanged', value);
     }
 
     @Input()
-    get onResize(): ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) {
+    get onResize(): ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) | undefined {
         return this._getOption('onResize');
     }
-    set onResize(value: ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void)) {
+    set onResize(value: ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) | undefined) {
         this._setOption('onResize', value);
     }
 
     @Input()
-    get onResizeEnd(): ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) {
+    get onResizeEnd(): ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) | undefined {
         return this._getOption('onResizeEnd');
     }
-    set onResizeEnd(value: ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void)) {
+    set onResizeEnd(value: ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) | undefined) {
         this._setOption('onResizeEnd', value);
     }
 
     @Input()
-    get onResizeStart(): ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) {
+    get onResizeStart(): ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) | undefined {
         return this._getOption('onResizeStart');
     }
-    set onResizeStart(value: ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void)) {
+    set onResizeStart(value: ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) | undefined) {
         this._setOption('onResizeStart', value);
     }
 
@@ -308,10 +308,10 @@ export class DxoAutocompleteDropDownOptionsComponent extends NestedOption implem
     }
 
     @Input()
-    get onTitleRendered(): ((e: { component: dxPopup, element: any, model: any, titleElement: any }) => void) {
+    get onTitleRendered(): ((e: { component: dxPopup, element: any, model: any, titleElement: any }) => void) | undefined {
         return this._getOption('onTitleRendered');
     }
-    set onTitleRendered(value: ((e: { component: dxPopup, element: any, model: any, titleElement: any }) => void)) {
+    set onTitleRendered(value: ((e: { component: dxPopup, element: any, model: any, titleElement: any }) => void) | undefined) {
         this._setOption('onTitleRendered', value);
     }
 

packages/devextreme-angular/src/ui/autocomplete/nested/options.ts

@@ -114,10 +114,10 @@ export class DxoAutocompleteOptionsComponent extends NestedOption implements Aft
     }
 
     @Input()
-    get onClick(): ((e: ClickEvent) => void) {
+    get onClick(): ((e: ClickEvent) => void) | undefined {
         return this._getOption('onClick');
     }
-    set onClick(value: ((e: ClickEvent) => void)) {
+    set onClick(value: ((e: ClickEvent) => void) | undefined) {
         this._setOption('onClick', value);
     }