Multiview and Tabpanel: publish visible option

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

@@ -224,10 +224,10 @@ export class DxMultiViewComponent<TItem = any, TKey = any> extends DxComponent i
 
      */
     @Input()
-    get items(): Array<string | any | { disabled?: boolean, html?: string, template?: any, text?: string }> {
+    get items(): Array<string | any | { disabled?: boolean, html?: string, template?: any, text?: string, visible?: boolean }> {
         return this._getOption('items');
     }
-    set items(value: Array<string | any | { disabled?: boolean, html?: string, template?: any, text?: string }>) {
+    set items(value: Array<string | any | { disabled?: boolean, html?: string, template?: any, text?: string, visible?: boolean }>) {
         this._setOption('items', value);
     }
 
@@ -522,7 +522,7 @@ export class DxMultiViewComponent<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() itemsChange: EventEmitter<Array<string | any | { disabled?: boolean, html?: string, template?: any, text?: string }>>;
+    @Output() itemsChange: EventEmitter<Array<string | any | { disabled?: boolean, html?: string, template?: any, text?: string, visible?: boolean }>>;
 
     /**
 

packages/devextreme-angular/src/ui/nested/base/tab-panel-options.ts

@@ -105,10 +105,10 @@ export abstract class DxoTabPanelOptions extends NestedOption {
         this._setOption('itemHoldTimeout', value);
     }
 
-    get items(): Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string }> {
+    get items(): Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string, visible?: boolean }> {
         return this._getOption('items');
     }
-    set items(value: Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string }>) {
+    set items(value: Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string, visible?: boolean }>) {
         this._setOption('items', value);
     }
 

packages/devextreme-angular/src/ui/nested/tab-panel-options.ts

@@ -86,7 +86,7 @@ export class DxoTabPanelOptionsComponent extends DxoTabPanelOptions implements O
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
 
      */
-    @Output() itemsChange: EventEmitter<Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string }>>;
+    @Output() itemsChange: EventEmitter<Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string, visible?: boolean }>>;
 
     /**
 

packages/devextreme-angular/src/ui/tab-panel/index.ts

@@ -238,10 +238,10 @@ export class DxTabPanelComponent<TItem = any, TKey = any> extends DxComponent im
 
      */
     @Input()
-    get items(): Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string }> {
+    get items(): Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string, visible?: boolean }> {
         return this._getOption('items');
     }
-    set items(value: Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string }>) {
+    set items(value: Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string, visible?: boolean }>) {
         this._setOption('items', value);
     }
 
@@ -666,7 +666,7 @@ export class DxTabPanelComponent<TItem = any, TKey = any> extends DxComponent im
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
 
      */
-    @Output() itemsChange: EventEmitter<Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string }>>;
+    @Output() itemsChange: EventEmitter<Array<string | any | { badge?: string, disabled?: boolean, html?: string, icon?: string, tabTemplate?: any, template?: any, text?: string, title?: string, visible?: boolean }>>;
 
     /**
 

packages/devextreme-react/src/form.ts

@@ -360,6 +360,7 @@ type IItemProps = React.PropsWithChildren<{
   template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
   text?: string;
   title?: string;
+  visible?: boolean;
   colSpan?: number;
   cssClass?: string;
   dataField?: string;
@@ -378,7 +379,6 @@ type IItemProps = React.PropsWithChildren<{
   };
   name?: string;
   validationRules?: Array<CommonTypes.ValidationRule>;
-  visible?: boolean;
   visibleIndex?: number;
   alignItemLabels?: boolean;
   caption?: string;
@@ -831,6 +831,7 @@ type ITabPanelOptionsItemProps = React.PropsWithChildren<{
   template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
   text?: string;
   title?: string;
+  visible?: boolean;
   tabRender?: (...params: any) => React.ReactNode;
   tabComponent?: React.ComponentType<any>;
   render?: (...params: any) => React.ReactNode;

packages/devextreme-react/src/multi-view.ts

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

packages/devextreme-react/src/tab-panel.ts

@@ -116,6 +116,7 @@ type IItemProps = React.PropsWithChildren<{
   template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
   text?: string;
   title?: string;
+  visible?: boolean;
   tabRender?: (...params: any) => React.ReactNode;
   tabComponent?: React.ComponentType<any>;
   render?: (...params: any) => React.ReactNode;

packages/devextreme-vue/src/form.ts

@@ -859,6 +859,7 @@ const DxTabPanelOptionsItem = createConfigurationComponent({
     "update:template": null,
     "update:text": null,
     "update:title": null,
+    "update:visible": null,
   },
   props: {
     badge: String,
@@ -868,7 +869,8 @@ const DxTabPanelOptionsItem = createConfigurationComponent({
     tabTemplate: {},
     template: {},
     text: String,
-    title: String
+    title: String,
+    visible: Boolean
   }
 });
 (DxTabPanelOptionsItem as any).$_optionName = "items";

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

@@ -134,12 +134,14 @@ const DxItem = createConfigurationComponent({
     "update:html": null,
     "update:template": null,
     "update:text": null,
+    "update:visible": null,
   },
   props: {
     disabled: Boolean,
     html: String,
     template: {},
-    text: String
+    text: String,
+    visible: Boolean
   }
 });
 (DxItem as any).$_optionName = "items";

packages/devextreme-vue/src/tab-panel.ts

@@ -174,6 +174,7 @@ const DxItem = createConfigurationComponent({
     "update:template": null,
     "update:text": null,
     "update:title": null,
+    "update:visible": null,
   },
   props: {
     badge: String,
@@ -183,7 +184,8 @@ const DxItem = createConfigurationComponent({
     tabTemplate: {},
     template: {},
     text: String,
-    title: String
+    title: String,
+    visible: Boolean
   }
 });
 (DxItem as any).$_optionName = "items";

packages/devextreme/js/ui/multi_view.js

@@ -25,11 +25,6 @@ export default MultiView;
  * @hidden
  */
 
-/**
- * @name dxMultiViewItem.visible
- * @hidden
- */
-
 /**
  * @name dxMultiViewItem
  * @inherits CollectionWidgetItem

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

@@ -302,7 +302,7 @@ export type Item = dxTabPanelItem;
  * @deprecated Use Item instead
  * @namespace DevExpress.ui
  */
-export interface dxTabPanelItem extends Omit<dxMultiViewItem, 'visible'> {
+export interface dxTabPanelItem extends dxMultiViewItem {
     /**
      * @docid
      * @public

packages/devextreme/js/ui/tab_panel.js

@@ -4,11 +4,6 @@ export default TabPanel;
 
 // STYLE tabPanel
 
-/**
- * @name dxTabPanelItem.visible
- * @hidden
- */
-
 /**
  * @name dxTabPanelItem
  * @inherits dxMultiViewItem

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

@@ -26149,8 +26149,7 @@ declare module DevExpress.ui {
    * @deprecated Use Item instead
    * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution.
    */
-  export interface dxTabPanelItem
-    extends Omit<DevExpress.ui.dxMultiView.Item, 'visible'> {
+  export interface dxTabPanelItem extends DevExpress.ui.dxMultiView.Item {
     /**
      * [descr:dxTabPanelItem.badge]
      */