diff --git a/packages/devextreme-angular/src/ui/gantt/index.ts b/packages/devextreme-angular/src/ui/gantt/index.ts index 91d4b49d35a8..f32034d2517e 100644 --- a/packages/devextreme-angular/src/ui/gantt/index.ts +++ b/packages/devextreme-angular/src/ui/gantt/index.ts @@ -62,8 +62,6 @@ import { DxoTasksModule } from 'devextreme-angular/ui/nested'; import { DxoToolbarModule } from 'devextreme-angular/ui/nested'; import { DxoValidationModule } from 'devextreme-angular/ui/nested'; -import { DxoGanttAIModule } from 'devextreme-angular/ui/gantt/nested'; -import { DxiGanttButtonModule } from 'devextreme-angular/ui/gantt/nested'; import { DxiGanttColumnModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttColumnHeaderFilterModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttColumnHeaderFilterSearchModule } from 'devextreme-angular/ui/gantt/nested'; @@ -72,7 +70,6 @@ import { DxiGanttContextMenuItemModule } from 'devextreme-angular/ui/gantt/neste import { DxiGanttContextMenuItemItemModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttDependenciesModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttEditingModule } from 'devextreme-angular/ui/gantt/nested'; -import { DxoGanttEditorOptionsModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttFilterRowModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttFormatModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttGanttHeaderFilterModule } from 'devextreme-angular/ui/gantt/nested'; @@ -80,7 +77,6 @@ import { DxoGanttGanttHeaderFilterSearchModule } from 'devextreme-angular/ui/gan import { DxoGanttHeaderFilterModule } from 'devextreme-angular/ui/gantt/nested'; import { DxiGanttItemModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttOperationDescriptionsModule } from 'devextreme-angular/ui/gantt/nested'; -import { DxoGanttOptionsModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttResourceAssignmentsModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttResourcesModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttScaleTypeRangeModule } from 'devextreme-angular/ui/gantt/nested'; @@ -93,7 +89,6 @@ import { DxoGanttToolbarModule } from 'devextreme-angular/ui/gantt/nested'; import { DxiGanttToolbarItemModule } from 'devextreme-angular/ui/gantt/nested'; import { DxoGanttValidationModule } from 'devextreme-angular/ui/gantt/nested'; import { - PROPERTY_TOKEN_buttons, PROPERTY_TOKEN_columns, PROPERTY_TOKEN_items, PROPERTY_TOKEN_stripLines, @@ -119,11 +114,6 @@ import { }) export class DxGanttComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { - @ContentChildren(PROPERTY_TOKEN_buttons) - set _buttonsContentChildren(value: QueryList) { - this.setChildren('buttons', value); - } - @ContentChildren(PROPERTY_TOKEN_columns) set _columnsContentChildren(value: QueryList) { this.setChildren('columns', value); @@ -1361,8 +1351,6 @@ export class DxGanttComponent extends DxComponent implements OnDestroy, OnChange DxoTasksModule, DxoToolbarModule, DxoValidationModule, - DxoGanttAIModule, - DxiGanttButtonModule, DxiGanttColumnModule, DxoGanttColumnHeaderFilterModule, DxoGanttColumnHeaderFilterSearchModule, @@ -1371,7 +1359,6 @@ export class DxGanttComponent extends DxComponent implements OnDestroy, OnChange DxiGanttContextMenuItemItemModule, DxoGanttDependenciesModule, DxoGanttEditingModule, - DxoGanttEditorOptionsModule, DxoGanttFilterRowModule, DxoGanttFormatModule, DxoGanttGanttHeaderFilterModule, @@ -1379,7 +1366,6 @@ export class DxGanttComponent extends DxComponent implements OnDestroy, OnChange DxoGanttHeaderFilterModule, DxiGanttItemModule, DxoGanttOperationDescriptionsModule, - DxoGanttOptionsModule, DxoGanttResourceAssignmentsModule, DxoGanttResourcesModule, DxoGanttScaleTypeRangeModule, @@ -1415,8 +1401,6 @@ export class DxGanttComponent extends DxComponent implements OnDestroy, OnChange DxoTasksModule, DxoToolbarModule, DxoValidationModule, - DxoGanttAIModule, - DxiGanttButtonModule, DxiGanttColumnModule, DxoGanttColumnHeaderFilterModule, DxoGanttColumnHeaderFilterSearchModule, @@ -1425,7 +1409,6 @@ export class DxGanttComponent extends DxComponent implements OnDestroy, OnChange DxiGanttContextMenuItemItemModule, DxoGanttDependenciesModule, DxoGanttEditingModule, - DxoGanttEditorOptionsModule, DxoGanttFilterRowModule, DxoGanttFormatModule, DxoGanttGanttHeaderFilterModule, @@ -1433,7 +1416,6 @@ export class DxGanttComponent extends DxComponent implements OnDestroy, OnChange DxoGanttHeaderFilterModule, DxiGanttItemModule, DxoGanttOperationDescriptionsModule, - DxoGanttOptionsModule, DxoGanttResourceAssignmentsModule, DxoGanttResourcesModule, DxoGanttScaleTypeRangeModule, diff --git a/packages/devextreme-angular/src/ui/gantt/nested/ai.ts b/packages/devextreme-angular/src/ui/gantt/nested/ai.ts deleted file mode 100644 index 5da1b9837ace..000000000000 --- a/packages/devextreme-angular/src/ui/gantt/nested/ai.ts +++ /dev/null @@ -1,134 +0,0 @@ -/* tslint:disable:max-line-length */ - - -import { - Component, - OnInit, - OnDestroy, - NgModule, - Host, - SkipSelf, - Input -} from '@angular/core'; - - - - -import { AIIntegration } from 'devextreme/common/ai-integration'; -import { dxTextBoxOptions } from 'devextreme/ui/text_box'; -import { AIColumnMode } from 'devextreme/common/grids'; - -import { - DxIntegrationModule, - NestedOptionHost, -} from 'devextreme-angular/core'; -import { NestedOption } from 'devextreme-angular/core'; - - -@Component({ - selector: 'dxo-gantt-ai', - standalone: true, - template: '', - styles: [''], - imports: [ DxIntegrationModule ], - providers: [NestedOptionHost] -}) -export class DxoGanttAIComponent extends NestedOption implements OnDestroy, OnInit { - @Input() - get aiIntegration(): AIIntegration | undefined { - return this._getOption('aiIntegration'); - } - set aiIntegration(value: AIIntegration | undefined) { - this._setOption('aiIntegration', value); - } - - @Input() - get editorOptions(): dxTextBoxOptions { - return this._getOption('editorOptions'); - } - set editorOptions(value: dxTextBoxOptions) { - this._setOption('editorOptions', value); - } - - @Input() - get emptyText(): string { - return this._getOption('emptyText'); - } - set emptyText(value: string) { - this._setOption('emptyText', value); - } - - @Input() - get mode(): AIColumnMode { - return this._getOption('mode'); - } - set mode(value: AIColumnMode) { - this._setOption('mode', value); - } - - @Input() - get noDataText(): string { - return this._getOption('noDataText'); - } - set noDataText(value: string) { - this._setOption('noDataText', value); - } - - @Input() - get popup(): Record { - return this._getOption('popup'); - } - set popup(value: Record) { - this._setOption('popup', value); - } - - @Input() - get prompt(): string { - return this._getOption('prompt'); - } - set prompt(value: string) { - this._setOption('prompt', value); - } - - @Input() - get showHeaderMenu(): boolean { - return this._getOption('showHeaderMenu'); - } - set showHeaderMenu(value: boolean) { - this._setOption('showHeaderMenu', value); - } - - - protected get _optionPath() { - return 'ai'; - } - - - constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost, - @Host() optionHost: NestedOptionHost) { - super(); - parentOptionHost.setNestedOption(this); - optionHost.setHost(this, this._fullOptionPath.bind(this)); - } - - - ngOnInit() { - this._addRecreatedComponent(); - } - - ngOnDestroy() { - this._addRemovedOption(this._getOptionPath()); - } - - -} - -@NgModule({ - imports: [ - DxoGanttAIComponent - ], - exports: [ - DxoGanttAIComponent - ], -}) -export class DxoGanttAIModule { } diff --git a/packages/devextreme-angular/src/ui/gantt/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/gantt/nested/button-dxi.ts deleted file mode 100644 index 47b0a0456629..000000000000 --- a/packages/devextreme-angular/src/ui/gantt/nested/button-dxi.ts +++ /dev/null @@ -1,94 +0,0 @@ -/* tslint:disable:max-line-length */ - - -import { - Component, - NgModule, - Host, - SkipSelf, - Input -} from '@angular/core'; - - - - -import { TextEditorButtonLocation } from 'devextreme/common'; -import { dxButtonOptions } from 'devextreme/ui/button'; - -import { - DxIntegrationModule, - NestedOptionHost, -} from 'devextreme-angular/core'; -import { CollectionNestedOption } from 'devextreme-angular/core'; - -import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens'; - -@Component({ - selector: 'dxi-gantt-button', - standalone: true, - template: '', - styles: [''], - imports: [ DxIntegrationModule ], - providers: [ - NestedOptionHost, - { - provide: PROPERTY_TOKEN_buttons, - useExisting: DxiGanttButtonComponent, - } - ] -}) -export class DxiGanttButtonComponent extends CollectionNestedOption { - @Input() - get location(): TextEditorButtonLocation { - return this._getOption('location'); - } - set location(value: TextEditorButtonLocation) { - this._setOption('location', value); - } - - @Input() - get name(): string | undefined { - return this._getOption('name'); - } - set name(value: string | undefined) { - this._setOption('name', value); - } - - @Input() - get options(): dxButtonOptions | undefined { - return this._getOption('options'); - } - set options(value: dxButtonOptions | undefined) { - this._setOption('options', value); - } - - - protected get _optionPath() { - return 'buttons'; - } - - - constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost, - @Host() optionHost: NestedOptionHost) { - super(); - parentOptionHost.setNestedOption(this); - optionHost.setHost(this, this._fullOptionPath.bind(this)); - } - - - - ngOnDestroy() { - this._deleteRemovedOptions(this._fullOptionPath()); - } - -} - -@NgModule({ - imports: [ - DxiGanttButtonComponent - ], - exports: [ - DxiGanttButtonComponent - ], -}) -export class DxiGanttButtonModule { } diff --git a/packages/devextreme-angular/src/ui/gantt/nested/column-dxi.ts b/packages/devextreme-angular/src/ui/gantt/nested/column-dxi.ts index e726bab8cc1d..e4a3aedef6f8 100644 --- a/packages/devextreme-angular/src/ui/gantt/nested/column-dxi.ts +++ b/packages/devextreme-angular/src/ui/gantt/nested/column-dxi.ts @@ -14,8 +14,8 @@ import { -import { ColumnAIOptions, FilterOperation, FilterType, ColumnHeaderFilter, SelectedFilterOperation } from 'devextreme/common/grids'; import { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common'; +import { FilterOperation, FilterType, ColumnHeaderFilter, SelectedFilterOperation } from 'devextreme/common/grids'; import { Format } from 'devextreme/common/core/localization'; import { @@ -41,14 +41,6 @@ import { PROPERTY_TOKEN_columns } from 'devextreme-angular/core/tokens'; ] }) export class DxiGanttColumnComponent extends CollectionNestedOption { - @Input() - get ai(): ColumnAIOptions { - return this._getOption('ai'); - } - set ai(value: ColumnAIOptions) { - this._setOption('ai', value); - } - @Input() get alignment(): HorizontalAlignment | undefined { return this._getOption('alignment'); diff --git a/packages/devextreme-angular/src/ui/gantt/nested/editor-options.ts b/packages/devextreme-angular/src/ui/gantt/nested/editor-options.ts deleted file mode 100644 index d1f1e95f8c9b..000000000000 --- a/packages/devextreme-angular/src/ui/gantt/nested/editor-options.ts +++ /dev/null @@ -1,532 +0,0 @@ -/* tslint:disable:max-line-length */ - - -import { - Component, - OnInit, - OnDestroy, - NgModule, - Host, - SkipSelf, - Input, - Output, - EventEmitter, - ContentChildren, - QueryList -} from '@angular/core'; - - - - -import { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common'; -import { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box'; - -import { - DxIntegrationModule, - NestedOptionHost, - CollectionNestedOption, -} from 'devextreme-angular/core'; -import { NestedOption } from 'devextreme-angular/core'; - -import { - PROPERTY_TOKEN_buttons, -} from 'devextreme-angular/core/tokens'; - -@Component({ - selector: 'dxo-gantt-editor-options', - standalone: true, - template: '', - styles: [''], - imports: [ DxIntegrationModule ], - providers: [NestedOptionHost] -}) -export class DxoGanttEditorOptionsComponent extends NestedOption implements OnDestroy, OnInit { - @ContentChildren(PROPERTY_TOKEN_buttons) - set _buttonsContentChildren(value: QueryList) { - this.setChildren('buttons', value); - } - - @Input() - get accessKey(): string | undefined { - return this._getOption('accessKey'); - } - set accessKey(value: string | undefined) { - this._setOption('accessKey', value); - } - - @Input() - get activeStateEnabled(): boolean { - return this._getOption('activeStateEnabled'); - } - set activeStateEnabled(value: boolean) { - this._setOption('activeStateEnabled', value); - } - - @Input() - get buttons(): Array { - return this._getOption('buttons'); - } - set buttons(value: Array) { - this._setOption('buttons', value); - } - - @Input() - get disabled(): boolean { - return this._getOption('disabled'); - } - set disabled(value: boolean) { - this._setOption('disabled', value); - } - - @Input() - get elementAttr(): Record { - return this._getOption('elementAttr'); - } - set elementAttr(value: Record) { - this._setOption('elementAttr', value); - } - - @Input() - get focusStateEnabled(): boolean { - return this._getOption('focusStateEnabled'); - } - set focusStateEnabled(value: boolean) { - this._setOption('focusStateEnabled', value); - } - - @Input() - get height(): number | string | undefined { - return this._getOption('height'); - } - set height(value: number | string | undefined) { - this._setOption('height', value); - } - - @Input() - get hint(): string | undefined { - return this._getOption('hint'); - } - set hint(value: string | undefined) { - this._setOption('hint', value); - } - - @Input() - get hoverStateEnabled(): boolean { - return this._getOption('hoverStateEnabled'); - } - set hoverStateEnabled(value: boolean) { - this._setOption('hoverStateEnabled', value); - } - - @Input() - get inputAttr(): any { - return this._getOption('inputAttr'); - } - set inputAttr(value: any) { - this._setOption('inputAttr', value); - } - - @Input() - get isDirty(): boolean { - return this._getOption('isDirty'); - } - set isDirty(value: boolean) { - this._setOption('isDirty', value); - } - - @Input() - get isValid(): boolean { - return this._getOption('isValid'); - } - set isValid(value: boolean) { - this._setOption('isValid', value); - } - - @Input() - get label(): string { - return this._getOption('label'); - } - set label(value: string) { - this._setOption('label', value); - } - - @Input() - get labelMode(): LabelMode { - return this._getOption('labelMode'); - } - set labelMode(value: LabelMode) { - this._setOption('labelMode', value); - } - - @Input() - get mask(): string { - return this._getOption('mask'); - } - set mask(value: string) { - this._setOption('mask', value); - } - - @Input() - get maskChar(): string { - return this._getOption('maskChar'); - } - set maskChar(value: string) { - this._setOption('maskChar', value); - } - - @Input() - get maskInvalidMessage(): string { - return this._getOption('maskInvalidMessage'); - } - set maskInvalidMessage(value: string) { - this._setOption('maskInvalidMessage', value); - } - - @Input() - get maskRules(): any { - return this._getOption('maskRules'); - } - set maskRules(value: any) { - this._setOption('maskRules', value); - } - - @Input() - get maxLength(): number | string { - return this._getOption('maxLength'); - } - set maxLength(value: number | string) { - this._setOption('maxLength', value); - } - - @Input() - get mode(): TextBoxType { - return this._getOption('mode'); - } - set mode(value: TextBoxType) { - this._setOption('mode', value); - } - - @Input() - get name(): string { - return this._getOption('name'); - } - set name(value: string) { - this._setOption('name', value); - } - - @Input() - get onChange(): ((e: ChangeEvent) => void) { - return this._getOption('onChange'); - } - set onChange(value: ((e: ChangeEvent) => void)) { - this._setOption('onChange', value); - } - - @Input() - get onContentReady(): ((e: ContentReadyEvent) => void) { - return this._getOption('onContentReady'); - } - set onContentReady(value: ((e: ContentReadyEvent) => void)) { - this._setOption('onContentReady', value); - } - - @Input() - get onCopy(): ((e: CopyEvent) => void) { - return this._getOption('onCopy'); - } - set onCopy(value: ((e: CopyEvent) => void)) { - this._setOption('onCopy', value); - } - - @Input() - get onCut(): ((e: CutEvent) => void) { - return this._getOption('onCut'); - } - set onCut(value: ((e: CutEvent) => void)) { - this._setOption('onCut', value); - } - - @Input() - get onDisposing(): ((e: DisposingEvent) => void) { - return this._getOption('onDisposing'); - } - set onDisposing(value: ((e: DisposingEvent) => void)) { - this._setOption('onDisposing', value); - } - - @Input() - get onEnterKey(): ((e: EnterKeyEvent) => void) { - return this._getOption('onEnterKey'); - } - set onEnterKey(value: ((e: EnterKeyEvent) => void)) { - this._setOption('onEnterKey', value); - } - - @Input() - get onFocusIn(): ((e: FocusInEvent) => void) { - return this._getOption('onFocusIn'); - } - set onFocusIn(value: ((e: FocusInEvent) => void)) { - this._setOption('onFocusIn', value); - } - - @Input() - get onFocusOut(): ((e: FocusOutEvent) => void) { - return this._getOption('onFocusOut'); - } - set onFocusOut(value: ((e: FocusOutEvent) => void)) { - this._setOption('onFocusOut', value); - } - - @Input() - get onInitialized(): ((e: InitializedEvent) => void) { - return this._getOption('onInitialized'); - } - set onInitialized(value: ((e: InitializedEvent) => void)) { - this._setOption('onInitialized', value); - } - - @Input() - get onInput(): ((e: InputEvent) => void) { - return this._getOption('onInput'); - } - set onInput(value: ((e: InputEvent) => void)) { - this._setOption('onInput', value); - } - - @Input() - get onKeyDown(): ((e: KeyDownEvent) => void) { - return this._getOption('onKeyDown'); - } - set onKeyDown(value: ((e: KeyDownEvent) => void)) { - this._setOption('onKeyDown', value); - } - - @Input() - get onKeyUp(): ((e: KeyUpEvent) => void) { - return this._getOption('onKeyUp'); - } - set onKeyUp(value: ((e: KeyUpEvent) => void)) { - this._setOption('onKeyUp', value); - } - - @Input() - get onOptionChanged(): ((e: OptionChangedEvent) => void) { - return this._getOption('onOptionChanged'); - } - set onOptionChanged(value: ((e: OptionChangedEvent) => void)) { - this._setOption('onOptionChanged', value); - } - - @Input() - get onPaste(): ((e: PasteEvent) => void) { - return this._getOption('onPaste'); - } - set onPaste(value: ((e: PasteEvent) => void)) { - this._setOption('onPaste', value); - } - - @Input() - get onValueChanged(): ((e: ValueChangedEvent) => void) { - return this._getOption('onValueChanged'); - } - set onValueChanged(value: ((e: ValueChangedEvent) => void)) { - this._setOption('onValueChanged', value); - } - - @Input() - get placeholder(): string { - return this._getOption('placeholder'); - } - set placeholder(value: string) { - this._setOption('placeholder', value); - } - - @Input() - get readOnly(): boolean { - return this._getOption('readOnly'); - } - set readOnly(value: boolean) { - this._setOption('readOnly', value); - } - - @Input() - get rtlEnabled(): boolean { - return this._getOption('rtlEnabled'); - } - set rtlEnabled(value: boolean) { - this._setOption('rtlEnabled', value); - } - - @Input() - get showClearButton(): boolean { - return this._getOption('showClearButton'); - } - set showClearButton(value: boolean) { - this._setOption('showClearButton', value); - } - - @Input() - get showMaskMode(): MaskMode { - return this._getOption('showMaskMode'); - } - set showMaskMode(value: MaskMode) { - this._setOption('showMaskMode', value); - } - - @Input() - get spellcheck(): boolean { - return this._getOption('spellcheck'); - } - set spellcheck(value: boolean) { - this._setOption('spellcheck', value); - } - - @Input() - get stylingMode(): EditorStyle { - return this._getOption('stylingMode'); - } - set stylingMode(value: EditorStyle) { - this._setOption('stylingMode', value); - } - - @Input() - get tabIndex(): number { - return this._getOption('tabIndex'); - } - set tabIndex(value: number) { - this._setOption('tabIndex', value); - } - - @Input() - get text(): string { - return this._getOption('text'); - } - set text(value: string) { - this._setOption('text', value); - } - - @Input() - get useMaskedValue(): boolean { - return this._getOption('useMaskedValue'); - } - set useMaskedValue(value: boolean) { - this._setOption('useMaskedValue', value); - } - - @Input() - get validationError(): any { - return this._getOption('validationError'); - } - set validationError(value: any) { - this._setOption('validationError', value); - } - - @Input() - get validationErrors(): Array { - return this._getOption('validationErrors'); - } - set validationErrors(value: Array) { - this._setOption('validationErrors', value); - } - - @Input() - get validationMessageMode(): ValidationMessageMode { - return this._getOption('validationMessageMode'); - } - set validationMessageMode(value: ValidationMessageMode) { - this._setOption('validationMessageMode', value); - } - - @Input() - get validationMessagePosition(): Position { - return this._getOption('validationMessagePosition'); - } - set validationMessagePosition(value: Position) { - this._setOption('validationMessagePosition', value); - } - - @Input() - get validationStatus(): ValidationStatus { - return this._getOption('validationStatus'); - } - set validationStatus(value: ValidationStatus) { - this._setOption('validationStatus', value); - } - - @Input() - get value(): string { - return this._getOption('value'); - } - set value(value: string) { - this._setOption('value', value); - } - - @Input() - get valueChangeEvent(): string { - return this._getOption('valueChangeEvent'); - } - set valueChangeEvent(value: string) { - this._setOption('valueChangeEvent', value); - } - - @Input() - get visible(): boolean { - return this._getOption('visible'); - } - set visible(value: boolean) { - this._setOption('visible', value); - } - - @Input() - get width(): number | string | undefined { - return this._getOption('width'); - } - set width(value: number | string | undefined) { - this._setOption('width', value); - } - - - /** - - * This member supports the internal infrastructure and is not intended to be used directly from your code. - - */ - @Output() valueChange: EventEmitter; - protected get _optionPath() { - return 'editorOptions'; - } - - - constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost, - @Host() optionHost: NestedOptionHost) { - super(); - this._createEventEmitters([ - { emit: 'valueChange' } - ]); - - parentOptionHost.setNestedOption(this); - optionHost.setHost(this, this._fullOptionPath.bind(this)); - } - - - ngOnInit() { - this._addRecreatedComponent(); - } - - ngOnDestroy() { - this._addRemovedOption(this._getOptionPath()); - } - - -} - -@NgModule({ - imports: [ - DxoGanttEditorOptionsComponent - ], - exports: [ - DxoGanttEditorOptionsComponent - ], -}) -export class DxoGanttEditorOptionsModule { } diff --git a/packages/devextreme-angular/src/ui/gantt/nested/index.ts b/packages/devextreme-angular/src/ui/gantt/nested/index.ts index 5ab9d69978c6..b83fe0a84c9b 100644 --- a/packages/devextreme-angular/src/ui/gantt/nested/index.ts +++ b/packages/devextreme-angular/src/ui/gantt/nested/index.ts @@ -1,5 +1,3 @@ -export * from './ai'; -export * from './button-dxi'; export * from './column-dxi'; export * from './column-header-filter-search'; export * from './column-header-filter'; @@ -8,7 +6,6 @@ export * from './context-menu-item-item-dxi'; export * from './context-menu'; export * from './dependencies'; export * from './editing'; -export * from './editor-options'; export * from './filter-row'; export * from './format'; export * from './gantt-header-filter-search'; @@ -16,7 +13,6 @@ export * from './gantt-header-filter'; export * from './header-filter'; export * from './item-dxi'; export * from './operation-descriptions'; -export * from './options'; export * from './resource-assignments'; export * from './resources'; export * from './scale-type-range'; diff --git a/packages/devextreme-angular/src/ui/gantt/nested/options.ts b/packages/devextreme-angular/src/ui/gantt/nested/options.ts deleted file mode 100644 index ba3539e26587..000000000000 --- a/packages/devextreme-angular/src/ui/gantt/nested/options.ts +++ /dev/null @@ -1,282 +0,0 @@ -/* tslint:disable:max-line-length */ - - -import { - Component, - OnInit, - OnDestroy, - NgModule, - Host, - ElementRef, - Renderer2, - Inject, - AfterViewInit, - SkipSelf, - Input -} from '@angular/core'; - -import { DOCUMENT } from '@angular/common'; - - -import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button'; -import { ButtonStyle, ButtonType } from 'devextreme/common'; - -import { - DxIntegrationModule, - NestedOptionHost, - extractTemplate, - DxTemplateDirective, - IDxTemplateHost, - DxTemplateHost, -} from 'devextreme-angular/core'; -import { NestedOption } from 'devextreme-angular/core'; - - -@Component({ - selector: 'dxo-gantt-options', - standalone: true, - template: '', - styles: [':host { display: block; }'], - imports: [ DxIntegrationModule ], - providers: [NestedOptionHost, DxTemplateHost] -}) -export class DxoGanttOptionsComponent extends NestedOption implements AfterViewInit, OnDestroy, OnInit, - IDxTemplateHost { - @Input() - get accessKey(): string | undefined { - return this._getOption('accessKey'); - } - set accessKey(value: string | undefined) { - this._setOption('accessKey', value); - } - - @Input() - get activeStateEnabled(): boolean { - return this._getOption('activeStateEnabled'); - } - set activeStateEnabled(value: boolean) { - this._setOption('activeStateEnabled', value); - } - - @Input() - get disabled(): boolean { - return this._getOption('disabled'); - } - set disabled(value: boolean) { - this._setOption('disabled', value); - } - - @Input() - get elementAttr(): Record { - return this._getOption('elementAttr'); - } - set elementAttr(value: Record) { - this._setOption('elementAttr', value); - } - - @Input() - get focusStateEnabled(): boolean { - return this._getOption('focusStateEnabled'); - } - set focusStateEnabled(value: boolean) { - this._setOption('focusStateEnabled', value); - } - - @Input() - get height(): number | string | undefined { - return this._getOption('height'); - } - set height(value: number | string | undefined) { - this._setOption('height', value); - } - - @Input() - get hint(): string | undefined { - return this._getOption('hint'); - } - set hint(value: string | undefined) { - this._setOption('hint', value); - } - - @Input() - get hoverStateEnabled(): boolean { - return this._getOption('hoverStateEnabled'); - } - set hoverStateEnabled(value: boolean) { - this._setOption('hoverStateEnabled', value); - } - - @Input() - get icon(): string { - return this._getOption('icon'); - } - set icon(value: string) { - this._setOption('icon', value); - } - - @Input() - get onClick(): ((e: ClickEvent) => void) { - return this._getOption('onClick'); - } - set onClick(value: ((e: ClickEvent) => void)) { - this._setOption('onClick', value); - } - - @Input() - get onContentReady(): ((e: ContentReadyEvent) => void) { - return this._getOption('onContentReady'); - } - set onContentReady(value: ((e: ContentReadyEvent) => void)) { - this._setOption('onContentReady', value); - } - - @Input() - get onDisposing(): ((e: DisposingEvent) => void) { - return this._getOption('onDisposing'); - } - set onDisposing(value: ((e: DisposingEvent) => void)) { - this._setOption('onDisposing', value); - } - - @Input() - get onInitialized(): ((e: InitializedEvent) => void) { - return this._getOption('onInitialized'); - } - set onInitialized(value: ((e: InitializedEvent) => void)) { - this._setOption('onInitialized', value); - } - - @Input() - get onOptionChanged(): ((e: OptionChangedEvent) => void) { - return this._getOption('onOptionChanged'); - } - set onOptionChanged(value: ((e: OptionChangedEvent) => void)) { - this._setOption('onOptionChanged', value); - } - - @Input() - get rtlEnabled(): boolean { - return this._getOption('rtlEnabled'); - } - set rtlEnabled(value: boolean) { - this._setOption('rtlEnabled', value); - } - - @Input() - get stylingMode(): ButtonStyle { - return this._getOption('stylingMode'); - } - set stylingMode(value: ButtonStyle) { - this._setOption('stylingMode', value); - } - - @Input() - get tabIndex(): number { - return this._getOption('tabIndex'); - } - set tabIndex(value: number) { - this._setOption('tabIndex', value); - } - - @Input() - get template(): any { - return this._getOption('template'); - } - set template(value: any) { - this._setOption('template', value); - } - - @Input() - get text(): string { - return this._getOption('text'); - } - set text(value: string) { - this._setOption('text', value); - } - - @Input() - get type(): ButtonType | string { - return this._getOption('type'); - } - set type(value: ButtonType | string) { - this._setOption('type', value); - } - - @Input() - get useSubmitBehavior(): boolean { - return this._getOption('useSubmitBehavior'); - } - set useSubmitBehavior(value: boolean) { - this._setOption('useSubmitBehavior', value); - } - - @Input() - get validationGroup(): string | undefined { - return this._getOption('validationGroup'); - } - set validationGroup(value: string | undefined) { - this._setOption('validationGroup', value); - } - - @Input() - get visible(): boolean { - return this._getOption('visible'); - } - set visible(value: boolean) { - this._setOption('visible', value); - } - - @Input() - get width(): number | string | undefined { - return this._getOption('width'); - } - set width(value: number | string | undefined) { - this._setOption('width', value); - } - - - protected get _optionPath() { - return 'options'; - } - - - constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost, - @Host() optionHost: NestedOptionHost, - private renderer: Renderer2, - @Inject(DOCUMENT) private document: any, - @Host() templateHost: DxTemplateHost, - private element: ElementRef) { - super(); - parentOptionHost.setNestedOption(this); - optionHost.setHost(this, this._fullOptionPath.bind(this)); - templateHost.setHost(this); - } - - setTemplate(template: DxTemplateDirective) { - this.template = template; - } - ngAfterViewInit() { - extractTemplate(this, this.element, this.renderer, this.document); - } - - - ngOnInit() { - this._addRecreatedComponent(); - } - - ngOnDestroy() { - this._addRemovedOption(this._getOptionPath()); - } - - -} - -@NgModule({ - imports: [ - DxoGanttOptionsComponent - ], - exports: [ - DxoGanttOptionsComponent - ], -}) -export class DxoGanttOptionsModule { } diff --git a/packages/devextreme-react/src/gantt.ts b/packages/devextreme-react/src/gantt.ts index 9421eff5d75e..bc15ed6dc93c 100644 --- a/packages/devextreme-react/src/gantt.ts +++ b/packages/devextreme-react/src/gantt.ts @@ -9,12 +9,9 @@ import { Component as BaseComponent, IHtmlOptions, ComponentRef, NestedComponent import NestedOption from "./core/nested-option"; import type { ContentReadyEvent, ContextMenuPreparingEvent, CustomCommandEvent, DependencyDeletedEvent, DependencyDeletingEvent, DependencyInsertedEvent, DependencyInsertingEvent, DisposingEvent, InitializedEvent, ResourceAssignedEvent, ResourceAssigningEvent, ResourceDeletedEvent, ResourceDeletingEvent, ResourceInsertedEvent, ResourceInsertingEvent, ResourceManagerDialogShowingEvent, ResourceUnassignedEvent, ResourceUnassigningEvent, ScaleCellPreparedEvent, TaskClickEvent, TaskDblClickEvent, TaskDeletedEvent, TaskDeletingEvent, TaskEditDialogShowingEvent, TaskInsertedEvent, TaskInsertingEvent, TaskMovingEvent, TaskUpdatedEvent, TaskUpdatingEvent, dxGanttContextMenuItem, GanttPredefinedContextMenuItem, dxGanttFilterRowOperationDescriptions, dxGanttHeaderFilterTexts, GanttPredefinedToolbarItem, GanttScaleType, dxGanttToolbarItem } from "devextreme/ui/gantt"; -import type { ContentReadyEvent as TextBoxContentReadyEvent, DisposingEvent as TextBoxDisposingEvent, InitializedEvent as TextBoxInitializedEvent, dxTextBoxOptions, TextBoxType, ChangeEvent, CopyEvent, CutEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/text_box"; -import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, OptionChangedEvent as ButtonOptionChangedEvent, ClickEvent } from "devextreme/ui/button"; -import type { AIIntegration } from "devextreme/common/ai-integration"; -import type { AIColumnMode, ColumnAIOptions, FilterOperation, FilterType, ColumnHeaderFilter as GridsColumnHeaderFilter, SelectedFilterOperation, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig } from "devextreme/common/grids"; -import type { TextEditorButtonLocation, HorizontalAlignment, template, DataType, Format as CommonFormat, SortOrder, SearchMode, TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus, ToolbarItemLocation, ToolbarItemComponent, ButtonStyle, ButtonType, SingleMultipleOrNone } from "devextreme/common"; +import type { HorizontalAlignment, template, DataType, Format as CommonFormat, SortOrder, SearchMode, ToolbarItemLocation, ToolbarItemComponent, SingleMultipleOrNone } from "devextreme/common"; import type { dxTreeListColumn, dxTreeListRowObject } from "devextreme/ui/tree_list"; +import type { FilterOperation, FilterType, ColumnHeaderFilter as GridsColumnHeaderFilter, SelectedFilterOperation, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig } from "devextreme/common/grids"; import type { Format as LocalizationFormat } from "devextreme/common/core/localization"; import type { DataSourceOptions } from "devextreme/data/data_source"; import type { Store } from "devextreme/data/store"; @@ -147,62 +144,9 @@ const Gantt = memo( ) as (props: React.PropsWithChildren & { ref?: Ref }) => ReactElement | null; -// owners: -// Column -type IAIProps = React.PropsWithChildren<{ - aiIntegration?: AIIntegration | undefined; - editorOptions?: dxTextBoxOptions; - emptyText?: string; - mode?: AIColumnMode; - noDataText?: string; - popup?: Record; - prompt?: string; - showHeaderMenu?: boolean; -}> -const _componentAI = (props: IAIProps) => { - return React.createElement(NestedOption, { - ...props, - elementDescriptor: { - OptionName: "ai", - ExpectedChildren: { - editorOptions: { optionName: "editorOptions", isCollectionItem: false } - }, - }, - }); -}; - -const AI = Object.assign(_componentAI, { - componentType: "option", -}); - -// owners: -// EditorOptions -type IButtonProps = React.PropsWithChildren<{ - location?: TextEditorButtonLocation; - name?: string | undefined; - options?: dxButtonOptions | undefined; -}> -const _componentButton = (props: IButtonProps) => { - return React.createElement(NestedOption, { - ...props, - elementDescriptor: { - OptionName: "buttons", - IsCollectionItem: true, - ExpectedChildren: { - options: { optionName: "options", isCollectionItem: false } - }, - }, - }); -}; - -const Button = Object.assign(_componentButton, { - componentType: "option", -}); - // owners: // Gantt type IColumnProps = React.PropsWithChildren<{ - ai?: ColumnAIOptions; alignment?: HorizontalAlignment | undefined; allowFiltering?: boolean; allowHeaderFiltering?: boolean; @@ -270,7 +214,6 @@ const _componentColumn = (props: IColumnProps) => { defaultVisibleIndex: "visibleIndex" }, ExpectedChildren: { - ai: { optionName: "ai", isCollectionItem: false }, columnHeaderFilter: { optionName: "headerFilter", isCollectionItem: false }, format: { optionName: "format", isCollectionItem: false }, headerFilter: { optionName: "headerFilter", isCollectionItem: false } @@ -490,86 +433,6 @@ const Editing = Object.assign(_co componentType: "option", }); -// owners: -// AI -type IEditorOptionsProps = React.PropsWithChildren<{ - accessKey?: string | undefined; - activeStateEnabled?: boolean; - buttons?: Array; - disabled?: boolean; - elementAttr?: Record; - focusStateEnabled?: boolean; - height?: number | string | undefined; - hint?: string | undefined; - hoverStateEnabled?: boolean; - inputAttr?: any; - isDirty?: boolean; - isValid?: boolean; - label?: string; - labelMode?: LabelMode; - mask?: string; - maskChar?: string; - maskInvalidMessage?: string; - maskRules?: any; - maxLength?: number | string; - mode?: TextBoxType; - name?: string; - onChange?: ((e: ChangeEvent) => void); - onContentReady?: ((e: TextBoxContentReadyEvent) => void); - onCopy?: ((e: CopyEvent) => void); - onCut?: ((e: CutEvent) => void); - onDisposing?: ((e: TextBoxDisposingEvent) => void); - onEnterKey?: ((e: EnterKeyEvent) => void); - onFocusIn?: ((e: FocusInEvent) => void); - onFocusOut?: ((e: FocusOutEvent) => void); - onInitialized?: ((e: TextBoxInitializedEvent) => void); - onInput?: ((e: InputEvent) => void); - onKeyDown?: ((e: KeyDownEvent) => void); - onKeyUp?: ((e: KeyUpEvent) => void); - onOptionChanged?: ((e: OptionChangedEvent) => void); - onPaste?: ((e: PasteEvent) => void); - onValueChanged?: ((e: ValueChangedEvent) => void); - placeholder?: string; - readOnly?: boolean; - rtlEnabled?: boolean; - showClearButton?: boolean; - showMaskMode?: MaskMode; - spellcheck?: boolean; - stylingMode?: EditorStyle; - tabIndex?: number; - text?: string; - useMaskedValue?: boolean; - validationError?: any; - validationErrors?: Array; - validationMessageMode?: ValidationMessageMode; - validationMessagePosition?: Position; - validationStatus?: ValidationStatus; - value?: string; - valueChangeEvent?: string; - visible?: boolean; - width?: number | string | undefined; - defaultValue?: string; - onValueChange?: (value: string) => void; -}> -const _componentEditorOptions = (props: IEditorOptionsProps) => { - return React.createElement(NestedOption, { - ...props, - elementDescriptor: { - OptionName: "editorOptions", - DefaultsProps: { - defaultValue: "value" - }, - ExpectedChildren: { - button: { optionName: "buttons", isCollectionItem: true } - }, - }, - }); -}; - -const EditorOptions = Object.assign(_componentEditorOptions, { - componentType: "option", -}); - // owners: // Gantt type IFilterRowProps = React.PropsWithChildren<{ @@ -789,54 +652,6 @@ const OperationDescriptions = Object.assign; - focusStateEnabled?: boolean; - height?: number | string | undefined; - hint?: string | undefined; - hoverStateEnabled?: boolean; - icon?: string; - onClick?: ((e: ClickEvent) => void); - onContentReady?: ((e: ButtonContentReadyEvent) => void); - onDisposing?: ((e: ButtonDisposingEvent) => void); - onInitialized?: ((e: ButtonInitializedEvent) => void); - onOptionChanged?: ((e: ButtonOptionChangedEvent) => void); - rtlEnabled?: boolean; - stylingMode?: ButtonStyle; - tabIndex?: number; - template?: ((buttonData: { icon: string, text: string }, contentElement: any) => string | any) | template; - text?: string; - type?: ButtonType | string; - useSubmitBehavior?: boolean; - validationGroup?: string | undefined; - visible?: boolean; - width?: number | string | undefined; - render?: (...params: any) => React.ReactNode; - component?: React.ComponentType; -}> -const _componentOptions = (props: IOptionsProps) => { - return React.createElement(NestedOption, { - ...props, - elementDescriptor: { - OptionName: "options", - TemplateProps: [{ - tmplOption: "template", - render: "render", - component: "component" - }], - }, - }); -}; - -const Options = Object.assign(_componentOptions, { - componentType: "option", -}); - // owners: // Gantt type IResourceAssignmentsProps = React.PropsWithChildren<{ @@ -1101,10 +916,6 @@ export { Gantt, IGanttOptions, GanttRef, - AI, - IAIProps, - Button, - IButtonProps, Column, IColumnProps, ColumnHeaderFilter, @@ -1121,8 +932,6 @@ export { IDependenciesProps, Editing, IEditingProps, - EditorOptions, - IEditorOptionsProps, FilterRow, IFilterRowProps, Format, @@ -1137,8 +946,6 @@ export { IItemProps, OperationDescriptions, IOperationDescriptionsProps, - Options, - IOptionsProps, ResourceAssignments, IResourceAssignmentsProps, Resources, diff --git a/packages/devextreme-vue/src/gantt.ts b/packages/devextreme-vue/src/gantt.ts index a3d20173a697..1b8c150a57c5 100644 --- a/packages/devextreme-vue/src/gantt.ts +++ b/packages/devextreme-vue/src/gantt.ts @@ -53,51 +53,16 @@ import { } from "devextreme/ui/gantt"; import { FirstDayOfWeek, - TextEditorButtonLocation, HorizontalAlignment, DataType, Format as CommonFormat, SortOrder, SearchMode, - TextBoxPredefinedButton, - TextEditorButton, - LabelMode, - MaskMode, - EditorStyle, - ValidationMessageMode, - Position, - ValidationStatus, ToolbarItemLocation, ToolbarItemComponent, - ButtonStyle, - ButtonType, SingleMultipleOrNone, } from "devextreme/common"; import { - AIIntegration, -} from "devextreme/common/ai-integration"; -import { - dxTextBoxOptions, - TextBoxType, - ChangeEvent, - ContentReadyEvent as TextBoxContentReadyEvent, - CopyEvent, - CutEvent, - DisposingEvent as TextBoxDisposingEvent, - EnterKeyEvent, - FocusInEvent, - FocusOutEvent, - InitializedEvent as TextBoxInitializedEvent, - InputEvent, - KeyDownEvent, - KeyUpEvent, - OptionChangedEvent as TextBoxOptionChangedEvent, - PasteEvent, - ValueChangedEvent, -} from "devextreme/ui/text_box"; -import { - AIColumnMode, - ColumnAIOptions, FilterOperation, FilterType, ColumnHeaderFilter, @@ -106,14 +71,6 @@ import { ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, } from "devextreme/common/grids"; -import { - dxButtonOptions, - ClickEvent, - ContentReadyEvent as ButtonContentReadyEvent, - DisposingEvent as ButtonDisposingEvent, - InitializedEvent as ButtonInitializedEvent, - OptionChangedEvent as ButtonOptionChangedEvent, -} from "devextreme/ui/button"; import { Format, } from "devextreme/common/core/localization"; @@ -395,70 +352,10 @@ prepareComponentConfig(componentConfig); const DxGantt = defineComponent(componentConfig); -const DxAIConfig = { - emits: { - "update:isActive": null, - "update:hoveredElement": null, - "update:aiIntegration": null, - "update:editorOptions": null, - "update:emptyText": null, - "update:mode": null, - "update:noDataText": null, - "update:popup": null, - "update:prompt": null, - "update:showHeaderMenu": null, - }, - props: { - aiIntegration: Object as PropType, - editorOptions: Object as PropType | Record>, - emptyText: String, - mode: String as PropType, - noDataText: String, - popup: Object as PropType>, - prompt: String, - showHeaderMenu: Boolean - } -}; - -prepareConfigurationComponentConfig(DxAIConfig); - -const DxAI = defineComponent(DxAIConfig); - -(DxAI as any).$_optionName = "ai"; -(DxAI as any).$_expectedChildren = { - editorOptions: { isCollectionItem: false, optionName: "editorOptions" } -}; - -const DxButtonConfig = { - emits: { - "update:isActive": null, - "update:hoveredElement": null, - "update:location": null, - "update:name": null, - "update:options": null, - }, - props: { - location: String as PropType, - name: String, - options: Object as PropType> - } -}; - -prepareConfigurationComponentConfig(DxButtonConfig); - -const DxButton = defineComponent(DxButtonConfig); - -(DxButton as any).$_optionName = "buttons"; -(DxButton as any).$_isCollectionItem = true; -(DxButton as any).$_expectedChildren = { - options: { isCollectionItem: false, optionName: "options" } -}; - const DxColumnConfig = { emits: { "update:isActive": null, "update:hoveredElement": null, - "update:ai": null, "update:alignment": null, "update:allowFiltering": null, "update:allowHeaderFiltering": null, @@ -493,7 +390,6 @@ const DxColumnConfig = { "update:width": null, }, props: { - ai: Object as PropType>, alignment: String as PropType, allowFiltering: Boolean, allowHeaderFiltering: Boolean, @@ -536,7 +432,6 @@ const DxColumn = defineComponent(DxColumnConfig); (DxColumn as any).$_optionName = "columns"; (DxColumn as any).$_isCollectionItem = true; (DxColumn as any).$_expectedChildren = { - ai: { isCollectionItem: false, optionName: "ai" }, columnHeaderFilter: { isCollectionItem: false, optionName: "headerFilter" }, format: { isCollectionItem: false, optionName: "format" }, headerFilter: { isCollectionItem: false, optionName: "headerFilter" } @@ -763,134 +658,6 @@ const DxEditing = defineComponent(DxEditingConfig); (DxEditing as any).$_optionName = "editing"; -const DxEditorOptionsConfig = { - emits: { - "update:isActive": null, - "update:hoveredElement": null, - "update:accessKey": null, - "update:activeStateEnabled": null, - "update:buttons": null, - "update:disabled": null, - "update:elementAttr": null, - "update:focusStateEnabled": null, - "update:height": null, - "update:hint": null, - "update:hoverStateEnabled": null, - "update:inputAttr": null, - "update:isDirty": null, - "update:isValid": null, - "update:label": null, - "update:labelMode": null, - "update:mask": null, - "update:maskChar": null, - "update:maskInvalidMessage": null, - "update:maskRules": null, - "update:maxLength": null, - "update:mode": null, - "update:name": null, - "update:onChange": null, - "update:onContentReady": null, - "update:onCopy": null, - "update:onCut": null, - "update:onDisposing": null, - "update:onEnterKey": null, - "update:onFocusIn": null, - "update:onFocusOut": null, - "update:onInitialized": null, - "update:onInput": null, - "update:onKeyDown": null, - "update:onKeyUp": null, - "update:onOptionChanged": null, - "update:onPaste": null, - "update:onValueChanged": null, - "update:placeholder": null, - "update:readOnly": null, - "update:rtlEnabled": null, - "update:showClearButton": null, - "update:showMaskMode": null, - "update:spellcheck": null, - "update:stylingMode": null, - "update:tabIndex": null, - "update:text": null, - "update:useMaskedValue": null, - "update:validationError": null, - "update:validationErrors": null, - "update:validationMessageMode": null, - "update:validationMessagePosition": null, - "update:validationStatus": null, - "update:value": null, - "update:valueChangeEvent": null, - "update:visible": null, - "update:width": null, - }, - props: { - accessKey: String, - activeStateEnabled: Boolean, - buttons: Array as PropType>, - disabled: Boolean, - elementAttr: Object as PropType>, - focusStateEnabled: Boolean, - height: [Number, String], - hint: String, - hoverStateEnabled: Boolean, - inputAttr: {}, - isDirty: Boolean, - isValid: Boolean, - label: String, - labelMode: String as PropType, - mask: String, - maskChar: String, - maskInvalidMessage: String, - maskRules: {}, - maxLength: [Number, String], - mode: String as PropType, - name: String, - onChange: Function as PropType<((e: ChangeEvent) => void)>, - onContentReady: Function as PropType<((e: TextBoxContentReadyEvent) => void)>, - onCopy: Function as PropType<((e: CopyEvent) => void)>, - onCut: Function as PropType<((e: CutEvent) => void)>, - onDisposing: Function as PropType<((e: TextBoxDisposingEvent) => void)>, - onEnterKey: Function as PropType<((e: EnterKeyEvent) => void)>, - onFocusIn: Function as PropType<((e: FocusInEvent) => void)>, - onFocusOut: Function as PropType<((e: FocusOutEvent) => void)>, - onInitialized: Function as PropType<((e: TextBoxInitializedEvent) => void)>, - onInput: Function as PropType<((e: InputEvent) => void)>, - onKeyDown: Function as PropType<((e: KeyDownEvent) => void)>, - onKeyUp: Function as PropType<((e: KeyUpEvent) => void)>, - onOptionChanged: Function as PropType<((e: TextBoxOptionChangedEvent) => void)>, - onPaste: Function as PropType<((e: PasteEvent) => void)>, - onValueChanged: Function as PropType<((e: ValueChangedEvent) => void)>, - placeholder: String, - readOnly: Boolean, - rtlEnabled: Boolean, - showClearButton: Boolean, - showMaskMode: String as PropType, - spellcheck: Boolean, - stylingMode: String as PropType, - tabIndex: Number, - text: String, - useMaskedValue: Boolean, - validationError: {}, - validationErrors: Array as PropType>, - validationMessageMode: String as PropType, - validationMessagePosition: String as PropType, - validationStatus: String as PropType, - value: String, - valueChangeEvent: String, - visible: Boolean, - width: [Number, String] - } -}; - -prepareConfigurationComponentConfig(DxEditorOptionsConfig); - -const DxEditorOptions = defineComponent(DxEditorOptionsConfig); - -(DxEditorOptions as any).$_optionName = "editorOptions"; -(DxEditorOptions as any).$_expectedChildren = { - button: { isCollectionItem: true, optionName: "buttons" } -}; - const DxFilterRowConfig = { emits: { "update:isActive": null, @@ -1146,69 +913,6 @@ const DxOperationDescriptions = defineComponent(DxOperationDescriptionsConfig); (DxOperationDescriptions as any).$_optionName = "operationDescriptions"; -const DxOptionsConfig = { - emits: { - "update:isActive": null, - "update:hoveredElement": null, - "update:accessKey": null, - "update:activeStateEnabled": null, - "update:disabled": null, - "update:elementAttr": null, - "update:focusStateEnabled": null, - "update:height": null, - "update:hint": null, - "update:hoverStateEnabled": null, - "update:icon": null, - "update:onClick": null, - "update:onContentReady": null, - "update:onDisposing": null, - "update:onInitialized": null, - "update:onOptionChanged": null, - "update:rtlEnabled": null, - "update:stylingMode": null, - "update:tabIndex": null, - "update:template": null, - "update:text": null, - "update:type": null, - "update:useSubmitBehavior": null, - "update:validationGroup": null, - "update:visible": null, - "update:width": null, - }, - props: { - accessKey: String, - activeStateEnabled: Boolean, - disabled: Boolean, - elementAttr: Object as PropType>, - focusStateEnabled: Boolean, - height: [Number, String], - hint: String, - hoverStateEnabled: Boolean, - icon: String, - onClick: Function as PropType<((e: ClickEvent) => void)>, - onContentReady: Function as PropType<((e: ButtonContentReadyEvent) => void)>, - onDisposing: Function as PropType<((e: ButtonDisposingEvent) => void)>, - onInitialized: Function as PropType<((e: ButtonInitializedEvent) => void)>, - onOptionChanged: Function as PropType<((e: ButtonOptionChangedEvent) => void)>, - rtlEnabled: Boolean, - stylingMode: String as PropType, - tabIndex: Number, - template: {}, - text: String, - type: String as PropType, - useSubmitBehavior: Boolean, - validationGroup: String, - visible: Boolean, - width: [Number, String] - } -}; - -prepareConfigurationComponentConfig(DxOptionsConfig); - -const DxOptions = defineComponent(DxOptionsConfig); - -(DxOptions as any).$_optionName = "options"; - const DxResourceAssignmentsConfig = { emits: { "update:isActive": null, @@ -1487,8 +1191,6 @@ const DxValidation = defineComponent(DxValidationConfig); export default DxGantt; export { DxGantt, - DxAI, - DxButton, DxColumn, DxColumnHeaderFilter, DxColumnHeaderFilterSearch, @@ -1497,7 +1199,6 @@ export { DxContextMenuItemItem, DxDependencies, DxEditing, - DxEditorOptions, DxFilterRow, DxFormat, DxGanttHeaderFilter, @@ -1505,7 +1206,6 @@ export { DxHeaderFilter, DxItem, DxOperationDescriptions, - DxOptions, DxResourceAssignments, DxResources, DxScaleTypeRange, diff --git a/packages/devextreme/js/ui/gantt.d.ts b/packages/devextreme/js/ui/gantt.d.ts index a70ac65c6a29..866e219fd75d 100644 --- a/packages/devextreme/js/ui/gantt.d.ts +++ b/packages/devextreme/js/ui/gantt.d.ts @@ -1683,7 +1683,7 @@ export type dxGanttColumn = Omit extends TreeListColumn { + interface dxGanttColumnBlank extends Omit, 'ai'> { /** * @hidden * @docid dxGanttColumn.allowEditing diff --git a/packages/devextreme/js/ui/gantt.js b/packages/devextreme/js/ui/gantt.js index ec2066395200..14b61c0659d8 100644 --- a/packages/devextreme/js/ui/gantt.js +++ b/packages/devextreme/js/ui/gantt.js @@ -18,3 +18,8 @@ export default Gantt; * @name dxGanttContextMenuItem * @inherits dxContextMenuItem */ + +/** + * @name dxGanttColumn.ai + * @hidden + */ diff --git a/packages/devextreme/ts/dx.all.d.ts b/packages/devextreme/ts/dx.all.d.ts index 3eeb5dac2c5b..28678406cdc2 100644 --- a/packages/devextreme/ts/dx.all.d.ts +++ b/packages/devextreme/ts/dx.all.d.ts @@ -20309,7 +20309,7 @@ declare module DevExpress.ui { * @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. */ interface dxGanttColumnBlank - extends DevExpress.ui.dxTreeList.Column { + extends Omit, 'ai'> { /** * [descr:dxGanttColumn.allowEditing] */