Grids: T1313619 - CardView - OptionChangedEvent type is missing (DevExpress#31817)

Co-authored-by: Mikhail Preyskurantov <[email protected]>

Author: dmlvr

packages/devextreme-angular/src/ui/card-view/index.ts

@@ -24,7 +24,7 @@ import {
 export { ExplicitTypes } from 'devextreme/ui/card_view';
 
 import DataSource from 'devextreme/data/data_source';
-import { CardCover, CardHeader, ColumnProperties, dxCardViewEditing, HeaderPanel, CardClickEvent, CardDblClickEvent, CardHoverChangedEvent, CardInsertedEvent, CardInsertingEvent, CardPreparedEvent, CardRemovedEvent, CardRemovingEvent, CardUpdatedEvent, CardUpdatingEvent, ContextMenuPreparingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, FieldCaptionClickEvent, FieldCaptionDblClickEvent, FieldCaptionPreparedEvent, FieldValueClickEvent, FieldValueDblClickEvent, FieldValuePreparedEvent, FocusedCardChanged, InitNewCardEvent, SavedEvent, SavingEvent, SelectionChangedEvent, Paging, RemoteOperations, SelectionConfiguration, dxCardViewToolbar } from 'devextreme/ui/card_view';
+import { CardCover, CardHeader, ColumnProperties, dxCardViewEditing, HeaderPanel, CardClickEvent, CardDblClickEvent, CardHoverChangedEvent, CardInsertedEvent, CardInsertingEvent, CardPreparedEvent, CardRemovedEvent, CardRemovingEvent, CardUpdatedEvent, CardUpdatingEvent, ContextMenuPreparingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, FieldCaptionClickEvent, FieldCaptionDblClickEvent, FieldCaptionPreparedEvent, FieldValueClickEvent, FieldValueDblClickEvent, FieldValuePreparedEvent, FocusedCardChanged, InitNewCardEvent, OptionChangedEvent, SavedEvent, SavingEvent, SelectionChangedEvent, Paging, RemoteOperations, SelectionConfiguration, dxCardViewToolbar } from 'devextreme/ui/card_view';
 import { Mode, ScrollbarMode } from 'devextreme/common';
 import { ColumnChooser, FilterPanel, HeaderFilter, Pager, SearchPanel, Sorting } from 'devextreme/common/grids';
 import { DataSourceOptions } from 'devextreme/data/data_source';
@@ -872,7 +872,7 @@ export class DxCardViewComponent<TCardData = any, TKey = any> extends DxComponen
     
     
      */
-    @Output() onOptionChanged: EventEmitter<Object>;
+    @Output() onOptionChanged: EventEmitter<OptionChangedEvent>;
 
     /**
     

packages/devextreme-vue/src/card-view.ts

@@ -4,7 +4,6 @@ import { defineComponent } from "vue";
 import { prepareComponentConfig } from "./core/index";
 import CardView, { Properties } from "devextreme/ui/card_view";
 import  DataSource from "devextreme/data/data_source";
-import  DOMComponent from "devextreme/core/dom_component";
 import {
  CardCover,
  CardHeader,
@@ -33,6 +32,7 @@ import {
  FieldValuePreparedEvent,
  FocusedCardChanged,
  InitNewCardEvent,
+ OptionChangedEvent,
  SavedEvent,
  SavingEvent,
  SelectionChangedEvent,
@@ -149,7 +149,7 @@ import {
  ContentReadyEvent,
  DisposingEvent,
  InitializedEvent,
- OptionChangedEvent,
+ OptionChangedEvent as ButtonOptionChangedEvent,
 } from "devextreme/ui/button";
 import {
  FormItemType,
@@ -353,7 +353,7 @@ const componentConfig = {
     onFocusedCardChanged: Function as PropType<((e: FocusedCardChanged) => void)>,
     onInitialized: Function as PropType<((e: { component: Component<any>, element: any }) => void)>,
     onInitNewCard: Function as PropType<((e: InitNewCardEvent) => void)>,
-    onOptionChanged: Function as PropType<((e: { component: DOMComponent, element: any, fullName: string, model: any, name: string, previousValue: any, value: any }) => void)>,
+    onOptionChanged: Function as PropType<((e: OptionChangedEvent) => void)>,
     onSaved: Function as PropType<((e: SavedEvent) => void)>,
     onSaving: Function as PropType<((e: SavingEvent) => void)>,
     onSelectionChanged: Function as PropType<((e: SelectionChangedEvent) => void)>,
@@ -683,7 +683,7 @@ const DxButtonOptionsConfig = {
     onContentReady: Function as PropType<((e: ContentReadyEvent) => void)>,
     onDisposing: Function as PropType<((e: DisposingEvent) => void)>,
     onInitialized: Function as PropType<((e: InitializedEvent) => void)>,
-    onOptionChanged: Function as PropType<((e: OptionChangedEvent) => void)>,
+    onOptionChanged: Function as PropType<((e: ButtonOptionChangedEvent) => void)>,
     rtlEnabled: Boolean,
     stylingMode: String as PropType<ButtonStyle>,
     tabIndex: Number,

packages/devextreme/js/ui/card_view.d.ts

@@ -14,6 +14,7 @@ import DataSource, { DataSourceLike } from '../data/data_source';
 import Widget, { WidgetOptions } from './widget/ui.widget';
 import {
     Cancelable,
+    ChangedOptionInfo,
     EventInfo,
     NativeEventInfo,
     PointerInteractionEvent,
@@ -1125,6 +1126,14 @@ export type CardUpdatingEvent<TCardData = unknown, TKey = unknown> = EventInfo<d
     newData: DeepPartial<TCardData>;
 };
 
+/**
+ * @docid _ui_card_view_OptionChangedEvent
+ * @public
+ * @type object
+ * @inherits EventInfo,ChangedOptionInfo
+ */
+export type OptionChangedEvent<TCardData = unknown, TKey = unknown> = EventInfo<dxCardView<TCardData, TKey>> & ChangedOptionInfo;
+
 /**
  * @docid _ui_card_view_SavedEvent
  * @public
@@ -1290,7 +1299,7 @@ export type FocusedCardChanged = EventInfo<dxCardView> & WithCardInfo;
  * @docid
  * @deprecated use Properties instead
  */
-export interface dxCardViewOptions<TCardData = unknown, TKey = unknown> extends WidgetOptions<dxCardView> {
+export interface dxCardViewOptions<TCardData = unknown, TKey = unknown> extends Omit<WidgetOptions<dxCardView>, 'onOptionChanged'> {
 
     // #region DataController
 
@@ -1686,6 +1695,13 @@ export interface dxCardViewOptions<TCardData = unknown, TKey = unknown> extends
      * @action
      */
     onCardUpdating?: (e: CardUpdatingEvent) => void;
+    /**
+     * @docid
+     * @public
+     * @type_function_param1 e:{ui/card_view:OptionChangedEvent}
+     * @action
+     */
+    onOptionChanged?: (e: OptionChangedEvent) => void;
     /**
      * @docid
      * @public

packages/devextreme/js/ui/card_view_types.d.ts

@@ -38,6 +38,7 @@ export {
   CardRemovingEvent,
   CardUpdatedEvent,
   CardUpdatingEvent,
+  OptionChangedEvent,
   SavedEvent,
   SavingEvent,
   SelectionConfiguration,

packages/devextreme/ts/dx.all.d.ts

@@ -10642,6 +10642,14 @@ declare module DevExpress.ui {
          */
         promise?: PromiseLike<void>;
       };
+    /**
+     * [descr:_ui_card_view_OptionChangedEvent]
+     */
+    export type OptionChangedEvent<
+      TCardData = unknown,
+      TKey = unknown
+    > = DevExpress.common.core.events.EventInfo<dxCardView<TCardData, TKey>> &
+      DevExpress.common.core.events.ChangedOptionInfo;
 
     export type PredefinedToolbarItem =
       | 'columnChooserButton'
@@ -10788,7 +10796,7 @@ declare module DevExpress.ui {
    * @deprecated [depNote:dxCardViewOptions]
    */
   export interface dxCardViewOptions<TCardData = unknown, TKey = unknown>
-    extends WidgetOptions<dxCardView> {
+    extends Omit<WidgetOptions<dxCardView>, 'onOptionChanged'> {
     /**
      * [descr:dxCardViewOptions.dataSource]
      */
@@ -11081,6 +11089,10 @@ declare module DevExpress.ui {
      * [descr:dxCardViewOptions.onCardUpdating]
      */
     onCardUpdating?: (e: DevExpress.ui.dxCardView.CardUpdatingEvent) => void;
+    /**
+     * [descr:dxCardViewOptions.onOptionChanged]
+     */
+    onOptionChanged?: (e: DevExpress.ui.dxCardView.OptionChangedEvent) => void;
     /**
      * [descr:dxCardViewOptions.onSaved]
      */