Skip to content

WIP: Publish ValidationCallbackData #32153

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mpreyskurantov wants to merge 6 commits into
base: 26_1
Choose a base branch
from
+148 −112
Open

WIP: Publish ValidationCallbackData #32153

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
39429f3
d.ts (try with generics, keep tags type object vs any)
mpreyskurantov Jan 9, 2026
7c8d548
d.ts (try with generics, keep tags type object vs any): re-generate
mpreyskurantov Jan 9, 2026
7e1ee96
d.ts (try with generics, keep tags type object vs any): re-generate, …
mpreyskurantov Jan 9, 2026
62cba84
d.ts (try with generics, keep tags type object vs any): re-generate, vue
mpreyskurantov Jan 9, 2026
1f63a4e
demos: use generic data type for ts, keep js / jquery as is
mpreyskurantov Jan 11, 2026
97165c5
d.ts (no more generic): could not assign demos' event handler to wrap…
mpreyskurantov Jan 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
import { DxCardViewModule, DxTextAreaModule } from 'devextreme-angular';
import type { ValidationCallbackData } from 'devextreme-angular/common';
import { lastValueFrom } from 'rxjs';
import { Employee, Service } from './app.service';

Expand Down Expand Up @@ -65,7 +66,7 @@ export class AppComponent {
return result;
};

hireDateValidationCallback = (params) => new Date(params.value) > new Date(params.data.birthDate);
hireDateValidationCallback = (params: ValidationCallbackData) => new Date(params.value) > new Date(params.data.birthDate);
}

bootstrapApplication(AppComponent, {
Expand Down
2 changes: 1 addition & 1 deletion apps/demos/Demos/CardView/DataValidation/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -173,8 +173,8 @@ import {
DxItem, DxSearchPanel, DxRequiredRule, DxEmailRule,
DxAsyncRule, DxCustomRule,
} from 'devextreme-vue/card-view';
import { type ValidationCallbackData } from 'devextreme-vue/common';
import 'devextreme-vue/text-area';
import type { ValidationCallbackData } from 'devextreme-vue/common';
import { employees, type Employee } from './data.ts';

function altExpr({ fullName }: Employee): string {
Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/card-view/nested/async-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiCardViewAsyncRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any) {
get validationCallback(): ((options: ValidationCallbackData) => any) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any)) {
set validationCallback(value: ((options: ValidationCallbackData) => any)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/card-view/nested/custom-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiCardViewCustomRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {
get validationCallback(): ((options: ValidationCallbackData) => boolean) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {
set validationCallback(value: ((options: ValidationCallbackData) => boolean)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/card-view/nested/validation-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData, ComparisonOperator } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -94,10 +94,10 @@ export class DxiCardViewValidationRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {
get validationCallback(): ((options: ValidationCallbackData) => boolean) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {
set validationCallback(value: ((options: ValidationCallbackData) => boolean)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/data-grid/nested/async-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiDataGridAsyncRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any) {
get validationCallback(): ((options: ValidationCallbackData) => any) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any)) {
set validationCallback(value: ((options: ValidationCallbackData) => any)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/data-grid/nested/custom-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiDataGridCustomRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {
get validationCallback(): ((options: ValidationCallbackData) => boolean) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {
set validationCallback(value: ((options: ValidationCallbackData) => boolean)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/data-grid/nested/validation-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData, ComparisonOperator } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -94,10 +94,10 @@ export class DxiDataGridValidationRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {
get validationCallback(): ((options: ValidationCallbackData) => boolean) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {
set validationCallback(value: ((options: ValidationCallbackData) => boolean)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/form/nested/async-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiFormAsyncRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any) {
get validationCallback(): ((options: ValidationCallbackData) => any) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any)) {
set validationCallback(value: ((options: ValidationCallbackData) => any)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/form/nested/custom-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiFormCustomRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {
get validationCallback(): ((options: ValidationCallbackData) => boolean) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {
set validationCallback(value: ((options: ValidationCallbackData) => boolean)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/form/nested/validation-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData, ComparisonOperator } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -94,10 +94,10 @@ export class DxiFormValidationRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {
get validationCallback(): ((options: ValidationCallbackData) => boolean) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {
set validationCallback(value: ((options: ValidationCallbackData) => boolean)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/scheduler/nested/async-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiSchedulerAsyncRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any) {
get validationCallback(): ((options: ValidationCallbackData) => any) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any)) {
set validationCallback(value: ((options: ValidationCallbackData) => any)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/scheduler/nested/custom-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiSchedulerCustomRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {
get validationCallback(): ((options: ValidationCallbackData) => boolean) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {
set validationCallback(value: ((options: ValidationCallbackData) => boolean)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/scheduler/nested/validation-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData, ComparisonOperator } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -94,10 +94,10 @@ export class DxiSchedulerValidationRuleComponent extends CollectionNestedOption
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {
get validationCallback(): ((options: ValidationCallbackData) => boolean) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {
set validationCallback(value: ((options: ValidationCallbackData) => boolean)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/tree-list/nested/async-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiTreeListAsyncRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any) {
get validationCallback(): ((options: ValidationCallbackData) => any) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any)) {
set validationCallback(value: ((options: ValidationCallbackData) => any)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/tree-list/nested/custom-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiTreeListCustomRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {
get validationCallback(): ((options: ValidationCallbackData) => boolean) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {
set validationCallback(value: ((options: ValidationCallbackData) => boolean)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/tree-list/nested/validation-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData, ComparisonOperator } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -94,10 +94,10 @@ export class DxiTreeListValidationRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {
get validationCallback(): ((options: ValidationCallbackData) => boolean) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {
set validationCallback(value: ((options: ValidationCallbackData) => boolean)) {
this._setOption('validationCallback', value);
}

Expand Down
6 changes: 3 additions & 3 deletions packages/devextreme-angular/src/ui/validator/nested/async-rule-dxi.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import {



import { ValidationRuleType } from 'devextreme/common';
import { ValidationRuleType, ValidationCallbackData } from 'devextreme/common';

import {
DxIntegrationModule,
Expand Down Expand Up @@ -70,10 +70,10 @@ export class DxiValidatorAsyncRuleComponent extends CollectionNestedOption {
}

@Input()
get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any) {
get validationCallback(): ((options: ValidationCallbackData) => any) {
return this._getOption('validationCallback');
}
set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any)) {
set validationCallback(value: ((options: ValidationCallbackData) => any)) {
this._setOption('validationCallback', value);
}

Expand Down
Loading
Loading