diff --git a/packages/devextreme-angular/src/ui/multi-view/index.ts b/packages/devextreme-angular/src/ui/multi-view/index.ts index 8086243e2adb..d7430c539cda 100644 --- a/packages/devextreme-angular/src/ui/multi-view/index.ts +++ b/packages/devextreme-angular/src/ui/multi-view/index.ts @@ -224,10 +224,10 @@ export class DxMultiViewComponent extends DxComponent i */ @Input() - get items(): Array { + get items(): Array { return this._getOption('items'); } - set items(value: Array) { + set items(value: Array) { this._setOption('items', value); } @@ -522,7 +522,7 @@ export class DxMultiViewComponent extends DxComponent i * This member supports the internal infrastructure and is not intended to be used directly from your code. */ - @Output() itemsChange: EventEmitter>; + @Output() itemsChange: EventEmitter>; /** diff --git a/packages/devextreme-angular/src/ui/nested/base/tab-panel-options.ts b/packages/devextreme-angular/src/ui/nested/base/tab-panel-options.ts index b941b65a2472..7cc8b8cc157f 100644 --- a/packages/devextreme-angular/src/ui/nested/base/tab-panel-options.ts +++ b/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 { + get items(): Array { return this._getOption('items'); } - set items(value: Array) { + set items(value: Array) { this._setOption('items', value); } diff --git a/packages/devextreme-angular/src/ui/nested/tab-panel-options.ts b/packages/devextreme-angular/src/ui/nested/tab-panel-options.ts index 6a8120be1511..e3192200719b 100644 --- a/packages/devextreme-angular/src/ui/nested/tab-panel-options.ts +++ b/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>; + @Output() itemsChange: EventEmitter>; /** diff --git a/packages/devextreme-angular/src/ui/tab-panel/index.ts b/packages/devextreme-angular/src/ui/tab-panel/index.ts index d76e3bc850a4..36326d7675fb 100644 --- a/packages/devextreme-angular/src/ui/tab-panel/index.ts +++ b/packages/devextreme-angular/src/ui/tab-panel/index.ts @@ -238,10 +238,10 @@ export class DxTabPanelComponent extends DxComponent im */ @Input() - get items(): Array { + get items(): Array { return this._getOption('items'); } - set items(value: Array) { + set items(value: Array) { this._setOption('items', value); } @@ -666,7 +666,7 @@ export class DxTabPanelComponent extends DxComponent im * This member supports the internal infrastructure and is not intended to be used directly from your code. */ - @Output() itemsChange: EventEmitter>; + @Output() itemsChange: EventEmitter>; /** diff --git a/packages/devextreme-react/src/form.ts b/packages/devextreme-react/src/form.ts index e8dea8d25657..cad8dda89766 100644 --- a/packages/devextreme-react/src/form.ts +++ b/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; - 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; render?: (...params: any) => React.ReactNode; diff --git a/packages/devextreme-react/src/multi-view.ts b/packages/devextreme-react/src/multi-view.ts index 9d28fbb887cc..8dc33fcd5bee 100644 --- a/packages/devextreme-react/src/multi-view.ts +++ b/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; }> diff --git a/packages/devextreme-react/src/tab-panel.ts b/packages/devextreme-react/src/tab-panel.ts index c78fddb79a6a..05da7d931d25 100644 --- a/packages/devextreme-react/src/tab-panel.ts +++ b/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; render?: (...params: any) => React.ReactNode; diff --git a/packages/devextreme-vue/src/form.ts b/packages/devextreme-vue/src/form.ts index 86e3da2c996c..991bdf7ff070 100644 --- a/packages/devextreme-vue/src/form.ts +++ b/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"; diff --git a/packages/devextreme-vue/src/multi-view.ts b/packages/devextreme-vue/src/multi-view.ts index f1fa60a96adf..66279ac223e2 100644 --- a/packages/devextreme-vue/src/multi-view.ts +++ b/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"; diff --git a/packages/devextreme-vue/src/tab-panel.ts b/packages/devextreme-vue/src/tab-panel.ts index 4cd3420a305a..afb6416924bb 100644 --- a/packages/devextreme-vue/src/tab-panel.ts +++ b/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"; diff --git a/packages/devextreme/js/ui/multi_view.js b/packages/devextreme/js/ui/multi_view.js index 9168327948b0..e20f7621371e 100644 --- a/packages/devextreme/js/ui/multi_view.js +++ b/packages/devextreme/js/ui/multi_view.js @@ -25,11 +25,6 @@ export default MultiView; * @hidden */ -/** - * @name dxMultiViewItem.visible - * @hidden - */ - /** * @name dxMultiViewItem * @inherits CollectionWidgetItem diff --git a/packages/devextreme/js/ui/tab_panel.d.ts b/packages/devextreme/js/ui/tab_panel.d.ts index d01a1e036b35..e67466ad9a58 100644 --- a/packages/devextreme/js/ui/tab_panel.d.ts +++ b/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 { +export interface dxTabPanelItem extends dxMultiViewItem { /** * @docid * @public diff --git a/packages/devextreme/js/ui/tab_panel.js b/packages/devextreme/js/ui/tab_panel.js index 6ef194b94427..eb35631cf3ba 100644 --- a/packages/devextreme/js/ui/tab_panel.js +++ b/packages/devextreme/js/ui/tab_panel.js @@ -4,11 +4,6 @@ export default TabPanel; // STYLE tabPanel -/** - * @name dxTabPanelItem.visible - * @hidden - */ - /** * @name dxTabPanelItem * @inherits dxMultiViewItem diff --git a/packages/devextreme/ts/dx.all.d.ts b/packages/devextreme/ts/dx.all.d.ts index 664826f85f68..e55b230e4769 100644 --- a/packages/devextreme/ts/dx.all.d.ts +++ b/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 { + export interface dxTabPanelItem extends DevExpress.ui.dxMultiView.Item { /** * [descr:dxTabPanelItem.badge] */