ButtonGroup, DropDownButton, ActionSheet: extend type with plain string (T1279589) (DevExpress#29657)

Author: pharret31

packages/devextreme-angular/src/ui/action-sheet/nested/item-dxi.ts

@@ -86,10 +86,10 @@ export class DxiActionSheetItemComponent extends CollectionNestedOption implemen
     }
 
     @Input()
-    get type(): ButtonType {
+    get type(): ButtonType | string {
         return this._getOption('type');
     }
-    set type(value: ButtonType) {
+    set type(value: ButtonType | string) {
         this._setOption('type', value);
     }
 

packages/devextreme-angular/src/ui/button-group/nested/item-dxi.ts

@@ -85,10 +85,10 @@ export class DxiButtonGroupItemComponent extends CollectionNestedOption implemen
     }
 
     @Input()
-    get type(): ButtonType {
+    get type(): ButtonType | string {
         return this._getOption('type');
     }
-    set type(value: ButtonType) {
+    set type(value: ButtonType | string) {
         this._setOption('type', value);
     }
 

packages/devextreme-angular/src/ui/drop-down-button/index.ts

@@ -463,10 +463,10 @@ export class DxDropDownButtonComponent extends DxComponent implements OnDestroy,
     
      */
     @Input()
-    get type(): ButtonType {
+    get type(): ButtonType | string {
         return this._getOption('type');
     }
-    set type(value: ButtonType) {
+    set type(value: ButtonType | string) {
         this._setOption('type', value);
     }
 
@@ -792,7 +792,7 @@ export class DxDropDownButtonComponent extends DxComponent implements OnDestroy,
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
     
      */
-    @Output() typeChange: EventEmitter<ButtonType>;
+    @Output() typeChange: EventEmitter<ButtonType | string>;
 
     /**
     

packages/devextreme-angular/src/ui/nested/base/button-group-item-dxi.ts

@@ -98,10 +98,10 @@ export abstract class DxiButtonGroupItem extends CollectionNestedOption {
         this._setOption('stylingMode', value);
     }
 
-    get type(): ButtonType {
+    get type(): ButtonType | string {
         return this._getOption('type');
     }
-    set type(value: ButtonType) {
+    set type(value: ButtonType | string) {
         this._setOption('type', value);
     }
 

packages/devextreme-react/src/action-sheet.ts

@@ -102,7 +102,7 @@ type IItemProps = React.PropsWithChildren<{
   stylingMode?: ButtonStyle;
   template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
   text?: string;
-  type?: ButtonType;
+  type?: ButtonType | string;
   render?: (...params: any) => React.ReactNode;
   component?: React.ComponentType<any>;
 }>

packages/devextreme-react/src/button-group.ts

@@ -95,7 +95,7 @@ type IItemProps = React.PropsWithChildren<{
   icon?: string;
   template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
   text?: string;
-  type?: ButtonType;
+  type?: ButtonType | string;
   visible?: boolean;
   render?: (...params: any) => React.ReactNode;
   component?: React.ComponentType<any>;

packages/devextreme-vue/src/action-sheet.ts

@@ -164,7 +164,7 @@ const DxItemConfig = {
     stylingMode: String as PropType<ButtonStyle>,
     template: {},
     text: String,
-    type: String as PropType<ButtonType>
+    type: String as PropType<ButtonType | string>
   }
 };
 

packages/devextreme-vue/src/button-group.ts

@@ -146,7 +146,7 @@ const DxItemConfig = {
     icon: String,
     template: {},
     text: String,
-    type: String as PropType<ButtonType>,
+    type: String as PropType<ButtonType | string>,
     visible: Boolean
   }
 };

packages/devextreme-vue/src/drop-down-button.ts

@@ -145,7 +145,7 @@ const componentConfig = {
     tabIndex: Number,
     template: {},
     text: String,
-    type: String as PropType<ButtonType>,
+    type: String as PropType<ButtonType | string>,
     useItemTextAsTitle: Boolean,
     useSelectMode: Boolean,
     visible: Boolean,

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

@@ -244,7 +244,7 @@ export interface dxActionSheetItem<TKey = any> extends CollectionWidgetItem {
      * @default 'normal'
      * @public
      */
-    type?: ButtonType;
+    type?: ButtonType | string;
     /**
      * @docid
      * @default 'outlined'