From d45a3297831bb4a142c6a801e95737d4cbc841d7 Mon Sep 17 00:00:00 2001 From: charlescordialDevExpress Date: Fri, 5 Jun 2026 11:12:52 +0800 Subject: [PATCH] fix: update editorType/widget import module line for Navigation squad demos --- .../Common/FormsOverview/Angular/app/app.component.ts | 9 ++------- apps/demos/Demos/Common/FormsOverview/React/App.tsx | 3 ++- apps/demos/Demos/Common/FormsOverview/ReactJs/App.js | 3 ++- apps/demos/Demos/Common/FormsOverview/Vue/App.vue | 3 ++- .../demos/Demos/Drawer/LeftOrRightPosition/React/App.tsx | 1 + .../Demos/Drawer/LeftOrRightPosition/ReactJs/App.js | 1 + apps/demos/Demos/Drawer/LeftOrRightPosition/Vue/App.vue | 1 + .../demos/Demos/Drawer/TopOrBottomPosition/React/App.tsx | 1 + .../Demos/Drawer/TopOrBottomPosition/ReactJs/App.js | 1 + apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/App.vue | 1 + .../Form/ItemCustomization/Angular/app/app.component.ts | 6 ++---- apps/demos/Demos/Form/ItemCustomization/React/App.tsx | 3 ++- apps/demos/Demos/Form/ItemCustomization/ReactJs/App.js | 3 ++- apps/demos/Demos/Form/ItemCustomization/Vue/App.vue | 3 ++- .../Demos/Form/UpdateItemsDynamically/React/App.tsx | 1 - .../Demos/Form/UpdateItemsDynamically/ReactJs/App.js | 1 - .../Demos/Form/Validation/Angular/app/app.component.ts | 9 +++------ apps/demos/Demos/Form/Validation/React/App.tsx | 3 ++- apps/demos/Demos/Form/Validation/ReactJs/App.js | 3 ++- apps/demos/Demos/Form/Validation/Vue/App.vue | 5 +++-- .../app/additional-form/additional-form.component.ts | 4 ++-- .../Angular/app/dates-form/dates-form.component.ts | 4 ++-- .../Angular/app/guests-form/guests-form.component.ts | 3 +-- .../Stepper/FormIntegration/React/AdditionalForm.tsx | 2 +- .../Demos/Stepper/FormIntegration/React/DatesForm.tsx | 2 +- .../Demos/Stepper/FormIntegration/React/GuestsForm.tsx | 1 - .../Stepper/FormIntegration/ReactJs/AdditionalForm.js | 2 +- .../Demos/Stepper/FormIntegration/ReactJs/DatesForm.js | 2 +- .../Demos/Stepper/FormIntegration/ReactJs/GuestsForm.js | 1 - .../Stepper/FormIntegration/Vue/AdditionalTemplate.vue | 2 +- .../Demos/Stepper/FormIntegration/Vue/DatesTemplate.vue | 2 +- .../Demos/Stepper/FormIntegration/Vue/GuestsTemplate.vue | 1 - .../Demos/Toolbar/Overview/Angular/app/app.component.ts | 5 +++-- apps/demos/Demos/Toolbar/Overview/React/App.tsx | 1 + apps/demos/Demos/Toolbar/Overview/ReactJs/App.js | 1 + apps/demos/Demos/Toolbar/Overview/Vue/App.vue | 1 + 36 files changed, 49 insertions(+), 46 deletions(-) diff --git a/apps/demos/Demos/Common/FormsOverview/Angular/app/app.component.ts b/apps/demos/Demos/Common/FormsOverview/Angular/app/app.component.ts index e6a564c9b3d7..4a53cbc38a47 100644 --- a/apps/demos/Demos/Common/FormsOverview/Angular/app/app.component.ts +++ b/apps/demos/Demos/Common/FormsOverview/Angular/app/app.component.ts @@ -1,12 +1,10 @@ import { bootstrapApplication } from '@angular/platform-browser'; import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core'; import { - DxSelectBoxModule, - DxTextAreaModule, - DxDateBoxModule, DxFormModule, } from 'devextreme-angular'; - +import 'devextreme/ui/select_box'; +import 'devextreme/ui/text_area'; import { Service, Employee } from './app.service'; if (!/localhost/.test(document.location.host)) { @@ -25,9 +23,6 @@ if (window && window.config?.packageConfigPaths) { templateUrl: `.${modulePrefix}/app.component.html`, styleUrls: [`.${modulePrefix}/app.component.css`], imports: [ - DxSelectBoxModule, - DxTextAreaModule, - DxDateBoxModule, DxFormModule, ], }) diff --git a/apps/demos/Demos/Common/FormsOverview/React/App.tsx b/apps/demos/Demos/Common/FormsOverview/React/App.tsx index cd10501c4153..abf216335039 100644 --- a/apps/demos/Demos/Common/FormsOverview/React/App.tsx +++ b/apps/demos/Demos/Common/FormsOverview/React/App.tsx @@ -3,7 +3,8 @@ import React from 'react'; import { Form, GroupItem, Label, SimpleItem, } from 'devextreme-react/form'; -import 'devextreme-react/text-area'; +import 'devextreme/ui/select_box'; +import 'devextreme/ui/text_area'; import { employee, positions, states } from './data.ts'; diff --git a/apps/demos/Demos/Common/FormsOverview/ReactJs/App.js b/apps/demos/Demos/Common/FormsOverview/ReactJs/App.js index 0aa6ec86ba5b..b4c2505494de 100644 --- a/apps/demos/Demos/Common/FormsOverview/ReactJs/App.js +++ b/apps/demos/Demos/Common/FormsOverview/ReactJs/App.js @@ -2,7 +2,8 @@ import React from 'react'; import { Form, GroupItem, Label, SimpleItem, } from 'devextreme-react/form'; -import 'devextreme-react/text-area'; +import 'devextreme/ui/select_box'; +import 'devextreme/ui/text_area'; import { employee, positions, states } from './data.js'; const birthDateOptions = { width: '100%' }; diff --git a/apps/demos/Demos/Common/FormsOverview/Vue/App.vue b/apps/demos/Demos/Common/FormsOverview/Vue/App.vue index 0f2142db1781..769f197452ba 100644 --- a/apps/demos/Demos/Common/FormsOverview/Vue/App.vue +++ b/apps/demos/Demos/Common/FormsOverview/Vue/App.vue @@ -61,7 +61,8 @@ import { DxGroupItem, DxLabel, } from 'devextreme-vue/form'; -import { DxTextArea } from 'devextreme-vue/text-area'; // needs for editor-type="dxTextArea" +import 'devextreme/ui/select_box'; +import 'devextreme/ui/text_area'; import { employee, positions, states } from './data.ts'; const formData = employee; diff --git a/apps/demos/Demos/Drawer/LeftOrRightPosition/React/App.tsx b/apps/demos/Demos/Drawer/LeftOrRightPosition/React/App.tsx index d29bcb83a972..5a45ef83999d 100644 --- a/apps/demos/Demos/Drawer/LeftOrRightPosition/React/App.tsx +++ b/apps/demos/Demos/Drawer/LeftOrRightPosition/React/App.tsx @@ -2,6 +2,7 @@ import React, { useCallback, useMemo, useState } from 'react'; import Drawer from 'devextreme-react/drawer'; import type { DrawerTypes } from 'devextreme-react/drawer'; import RadioGroup from 'devextreme-react/radio-group'; +import 'devextreme/ui/button'; import type { RadioGroupTypes } from 'devextreme-react/radio-group'; import Toolbar from 'devextreme-react/toolbar'; import HTMLReactParser from 'html-react-parser'; diff --git a/apps/demos/Demos/Drawer/LeftOrRightPosition/ReactJs/App.js b/apps/demos/Demos/Drawer/LeftOrRightPosition/ReactJs/App.js index 06dc7bbdf7c7..dce4a54b4e83 100644 --- a/apps/demos/Demos/Drawer/LeftOrRightPosition/ReactJs/App.js +++ b/apps/demos/Demos/Drawer/LeftOrRightPosition/ReactJs/App.js @@ -1,6 +1,7 @@ import React, { useCallback, useMemo, useState } from 'react'; import Drawer from 'devextreme-react/drawer'; import RadioGroup from 'devextreme-react/radio-group'; +import 'devextreme/ui/button'; import Toolbar from 'devextreme-react/toolbar'; import HTMLReactParser from 'html-react-parser'; import { text } from './data.js'; diff --git a/apps/demos/Demos/Drawer/LeftOrRightPosition/Vue/App.vue b/apps/demos/Demos/Drawer/LeftOrRightPosition/Vue/App.vue index 9f0232ebe72b..173b2dbde3e7 100644 --- a/apps/demos/Demos/Drawer/LeftOrRightPosition/Vue/App.vue +++ b/apps/demos/Demos/Drawer/LeftOrRightPosition/Vue/App.vue @@ -59,6 +59,7 @@ import { ref } from 'vue'; import DxDrawer, { type DxDrawerTypes } from 'devextreme-vue/drawer'; import DxRadioGroup from 'devextreme-vue/radio-group'; +import 'devextreme/ui/tag_box'; import DxToolbar from 'devextreme-vue/toolbar'; import NavigationList from './NavigationList.vue'; import { text } from './data.ts'; diff --git a/apps/demos/Demos/Drawer/TopOrBottomPosition/React/App.tsx b/apps/demos/Demos/Drawer/TopOrBottomPosition/React/App.tsx index 47e3a3ed01ca..77caa860f3e6 100644 --- a/apps/demos/Demos/Drawer/TopOrBottomPosition/React/App.tsx +++ b/apps/demos/Demos/Drawer/TopOrBottomPosition/React/App.tsx @@ -1,6 +1,7 @@ import React, { useCallback, useMemo, useState } from 'react'; import Drawer, { type DrawerTypes } from 'devextreme-react/drawer'; import RadioGroup, { type RadioGroupTypes } from 'devextreme-react/radio-group'; +import 'devextreme/ui/button'; import Toolbar from 'devextreme-react/toolbar'; import HTMLReactParser from 'html-react-parser'; import { text } from './data.ts'; diff --git a/apps/demos/Demos/Drawer/TopOrBottomPosition/ReactJs/App.js b/apps/demos/Demos/Drawer/TopOrBottomPosition/ReactJs/App.js index 41d4a175698c..74fce8548e82 100644 --- a/apps/demos/Demos/Drawer/TopOrBottomPosition/ReactJs/App.js +++ b/apps/demos/Demos/Drawer/TopOrBottomPosition/ReactJs/App.js @@ -1,6 +1,7 @@ import React, { useCallback, useMemo, useState } from 'react'; import Drawer from 'devextreme-react/drawer'; import RadioGroup from 'devextreme-react/radio-group'; +import 'devextreme/ui/button'; import Toolbar from 'devextreme-react/toolbar'; import HTMLReactParser from 'html-react-parser'; import { text } from './data.js'; diff --git a/apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/App.vue b/apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/App.vue index c67eceb32b08..ff1e6224bde7 100644 --- a/apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/App.vue +++ b/apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/App.vue @@ -59,6 +59,7 @@ import { ref } from 'vue'; import DxDrawer, { type DxDrawerTypes } from 'devextreme-vue/drawer'; import DxRadioGroup from 'devextreme-vue/radio-group'; +import 'devextreme/ui/button'; import DxToolbar from 'devextreme-vue/toolbar'; import NavigationList from './NavigationList.vue'; import { text } from './data.ts'; diff --git a/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts index e02a9761fb52..a01f1f93d0b6 100644 --- a/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts +++ b/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts @@ -7,12 +7,12 @@ import { provideZoneChangeDetection, } from '@angular/core'; import { - DxSelectBoxModule, - DxTextAreaModule, DxFormModule, DxFormComponent, DxTooltipModule, } from 'devextreme-angular'; +import 'devextreme/ui/select_box'; +import 'devextreme/ui/text_area'; import { Employee, Service } from './app.service'; @@ -32,8 +32,6 @@ if (window && window.config?.packageConfigPaths) { templateUrl: `.${modulePrefix}/app.component.html`, styleUrls: [`.${modulePrefix}/app.component.css`], imports: [ - DxSelectBoxModule, - DxTextAreaModule, DxFormModule, DxTooltipModule, ], diff --git a/apps/demos/Demos/Form/ItemCustomization/React/App.tsx b/apps/demos/Demos/Form/ItemCustomization/React/App.tsx index 77022a5cf3df..25711fa33ac5 100644 --- a/apps/demos/Demos/Form/ItemCustomization/React/App.tsx +++ b/apps/demos/Demos/Form/ItemCustomization/React/App.tsx @@ -11,7 +11,8 @@ import type { ITextBoxOptions } from 'devextreme-react/text-box'; import type { ISelectBoxOptions } from 'devextreme-react/select-box'; import type { IDateBoxOptions } from 'devextreme-react/date-box'; import type { ITextAreaOptions } from 'devextreme-react/text-area'; -import 'devextreme-react/text-area'; +import 'devextreme/ui/text_area'; +import 'devextreme/ui/select_box'; import { employee, positions } from './data.ts'; diff --git a/apps/demos/Demos/Form/ItemCustomization/ReactJs/App.js b/apps/demos/Demos/Form/ItemCustomization/ReactJs/App.js index a3335623d528..caaaaae19583 100644 --- a/apps/demos/Demos/Form/ItemCustomization/ReactJs/App.js +++ b/apps/demos/Demos/Form/ItemCustomization/ReactJs/App.js @@ -2,7 +2,8 @@ import React, { useCallback } from 'react'; import { Form, Item, GroupItem, Label, } from 'devextreme-react/form'; -import 'devextreme-react/text-area'; +import 'devextreme/ui/text_area'; +import 'devextreme/ui/select_box'; import { employee, positions } from './data.js'; import LabelTemplate from './LabelTemplate.js'; import LabelNotesTemplate from './LabelNotesTemplate.js'; diff --git a/apps/demos/Demos/Form/ItemCustomization/Vue/App.vue b/apps/demos/Demos/Form/ItemCustomization/Vue/App.vue index dc916ea535fc..6e7dbeb76eb2 100644 --- a/apps/demos/Demos/Form/ItemCustomization/Vue/App.vue +++ b/apps/demos/Demos/Form/ItemCustomization/Vue/App.vue @@ -121,7 +121,8 @@ import { } from 'devextreme-vue/form'; import { type ValidationRule } from 'devextreme-vue/common'; import service from './data.ts'; -import 'devextreme-vue/text-area'; +import 'devextreme/ui/text_area'; +import 'devextreme/ui/select_box'; import LabelTemplate from './LabelTemplate.vue'; import LabelNotesTemplate from './LabelNotesTemplate.vue'; diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/React/App.tsx b/apps/demos/Demos/Form/UpdateItemsDynamically/React/App.tsx index 2a096d90dbe8..649eba166390 100644 --- a/apps/demos/Demos/Form/UpdateItemsDynamically/React/App.tsx +++ b/apps/demos/Demos/Form/UpdateItemsDynamically/React/App.tsx @@ -1,5 +1,4 @@ import React, { useCallback, useMemo, useState } from 'react'; -import 'devextreme-react/text-area'; import Form, { GroupItem, SimpleItem, diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/App.js b/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/App.js index 006a2c1d1681..bfcc70c84732 100644 --- a/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/App.js +++ b/apps/demos/Demos/Form/UpdateItemsDynamically/ReactJs/App.js @@ -1,5 +1,4 @@ import React, { useCallback, useMemo, useState } from 'react'; -import 'devextreme-react/text-area'; import Form, { GroupItem, SimpleItem, Label, ButtonItem, } from 'devextreme-react/form'; diff --git a/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts b/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts index d8992fb92b1d..bbac9588fa8b 100644 --- a/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts +++ b/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts @@ -6,10 +6,7 @@ import { provideZoneChangeDetection, } from '@angular/core'; import { - DxCheckBoxModule, - DxSelectBoxModule, DxNumberBoxModule, - DxAutocompleteModule, } from 'devextreme-angular'; import notify from 'devextreme/ui/notify'; import Validator from 'devextreme/ui/validator'; @@ -19,6 +16,9 @@ import { DxTextBoxTypes } from 'devextreme-angular/ui/text-box'; import { DxDateBoxTypes } from 'devextreme-angular/ui/date-box'; import { DxDateRangeBoxTypes } from 'devextreme-angular/ui/date-range-box'; import { DxButtonModule, DxButtonTypes } from 'devextreme-angular/ui/button'; +import 'devextreme/ui/date_range_box'; +import 'devextreme/ui/select_box'; +import 'devextreme/ui/autocomplete'; import { Customer, Service } from './app.service'; type EditorOptions = DxTextBoxTypes.Properties; @@ -48,11 +48,8 @@ if (window && window.config?.packageConfigPaths) { templateUrl: `.${modulePrefix}/app.component.html`, styleUrls: [`.${modulePrefix}/app.component.css`], imports: [ - DxCheckBoxModule, - DxSelectBoxModule, DxNumberBoxModule, DxButtonModule, - DxAutocompleteModule, DxFormModule, ], }) diff --git a/apps/demos/Demos/Form/Validation/React/App.tsx b/apps/demos/Demos/Form/Validation/React/App.tsx index 5bb3c4cbd99d..429b9f935122 100644 --- a/apps/demos/Demos/Form/Validation/React/App.tsx +++ b/apps/demos/Demos/Form/Validation/React/App.tsx @@ -23,7 +23,8 @@ import type { IDateRangeBoxOptions } from 'devextreme-react/date-range-box'; import notify from 'devextreme/ui/notify'; import Validator from 'devextreme/ui/validator'; import 'devextreme-react/autocomplete'; -import 'devextreme-react/date-range-box'; +import 'devextreme/ui/date_range_box'; +import 'devextreme/ui/select_box'; import { customer, cities, countries } from './data.ts'; const checkBoxOptions = { diff --git a/apps/demos/Demos/Form/Validation/ReactJs/App.js b/apps/demos/Demos/Form/Validation/ReactJs/App.js index e2308e307b5b..318ddc4eb4aa 100644 --- a/apps/demos/Demos/Form/Validation/ReactJs/App.js +++ b/apps/demos/Demos/Form/Validation/ReactJs/App.js @@ -16,7 +16,8 @@ import Form, { import notify from 'devextreme/ui/notify'; import Validator from 'devextreme/ui/validator'; import 'devextreme-react/autocomplete'; -import 'devextreme-react/date-range-box'; +import 'devextreme/ui/date_range_box'; +import 'devextreme/ui/select_box'; import { customer, cities, countries } from './data.js'; const checkBoxOptions = { diff --git a/apps/demos/Demos/Form/Validation/Vue/App.vue b/apps/demos/Demos/Form/Validation/Vue/App.vue index 7869ffefb07e..8219a8339dc0 100644 --- a/apps/demos/Demos/Form/Validation/Vue/App.vue +++ b/apps/demos/Demos/Form/Validation/Vue/App.vue @@ -179,8 +179,9 @@ import DxForm, { DxCustomRule, type DxFormTypes, } from 'devextreme-vue/form'; -import DxAutocomplete from 'devextreme-vue/autocomplete'; // for editor-type=dxAutocomplete -import 'devextreme-vue/date-range-box'; +import 'devextreme/ui/autocomplete'; +import 'devextreme/ui/date_range_box'; +import 'devextreme/ui/select_box'; import notify from 'devextreme/ui/notify'; import Validator from 'devextreme/ui/validator'; import service from './data.ts'; diff --git a/apps/demos/Demos/Stepper/FormIntegration/Angular/app/additional-form/additional-form.component.ts b/apps/demos/Demos/Stepper/FormIntegration/Angular/app/additional-form/additional-form.component.ts index 575991ca8d3d..c640b3858eb6 100644 --- a/apps/demos/Demos/Stepper/FormIntegration/Angular/app/additional-form/additional-form.component.ts +++ b/apps/demos/Demos/Stepper/FormIntegration/Angular/app/additional-form/additional-form.component.ts @@ -1,5 +1,6 @@ import { Component, Input } from '@angular/core'; -import { DxFormModule, DxTextAreaModule } from 'devextreme-angular'; +import { DxFormModule } from 'devextreme-angular'; +import 'devextreme/ui/text_area'; import { type DxFormTypes } from 'devextreme-angular/ui/form'; import { type DxTextAreaTypes } from 'devextreme-angular/ui/text-area'; import type { BookingFormData } from '../app.types'; @@ -15,7 +16,6 @@ if (window && window.config?.packageConfigPaths) { templateUrl: `.${modulePrefix}/additional-form/additional-form.component.html`, imports: [ DxFormModule, - DxTextAreaModule, ], }) export class AdditionalFormComponent { diff --git a/apps/demos/Demos/Stepper/FormIntegration/Angular/app/dates-form/dates-form.component.ts b/apps/demos/Demos/Stepper/FormIntegration/Angular/app/dates-form/dates-form.component.ts index 37a8ec69e17d..e4108b02d883 100644 --- a/apps/demos/Demos/Stepper/FormIntegration/Angular/app/dates-form/dates-form.component.ts +++ b/apps/demos/Demos/Stepper/FormIntegration/Angular/app/dates-form/dates-form.component.ts @@ -1,6 +1,7 @@ import { Component, Input, SimpleChanges, ViewChild } from '@angular/core'; -import { DxFormModule, DxDateRangeBoxModule } from 'devextreme-angular'; +import { DxFormModule } from 'devextreme-angular'; import { DxFormComponent, type DxFormTypes } from 'devextreme-angular/ui/form'; +import 'devextreme/ui/date_range_box'; import { type DxDateRangeBoxTypes } from 'devextreme-angular/ui/date-range-box'; import type { BookingFormData } from '../app.types'; @@ -15,7 +16,6 @@ if (window && window.config?.packageConfigPaths) { templateUrl: `.${modulePrefix}/dates-form/dates-form.component.html`, imports: [ DxFormModule, - DxDateRangeBoxModule, ], }) export class DatesFormComponent { diff --git a/apps/demos/Demos/Stepper/FormIntegration/Angular/app/guests-form/guests-form.component.ts b/apps/demos/Demos/Stepper/FormIntegration/Angular/app/guests-form/guests-form.component.ts index 72b898de1e84..b186255dc2ad 100644 --- a/apps/demos/Demos/Stepper/FormIntegration/Angular/app/guests-form/guests-form.component.ts +++ b/apps/demos/Demos/Stepper/FormIntegration/Angular/app/guests-form/guests-form.component.ts @@ -1,5 +1,5 @@ import { Component, Input, SimpleChanges, ViewChild } from '@angular/core'; -import { DxFormModule, DxNumberBoxModule } from 'devextreme-angular'; +import { DxFormModule } from 'devextreme-angular'; import { DxFormComponent, type DxFormTypes } from 'devextreme-angular/ui/form'; import { type DxNumberBoxTypes } from 'devextreme-angular/ui/number-box'; import type { BookingFormData } from '../app.types'; @@ -15,7 +15,6 @@ if (window && window.config?.packageConfigPaths) { templateUrl: `.${modulePrefix}/guests-form/guests-form.component.html`, imports: [ DxFormModule, - DxNumberBoxModule, ], }) export class GuestsFormComponent { diff --git a/apps/demos/Demos/Stepper/FormIntegration/React/AdditionalForm.tsx b/apps/demos/Demos/Stepper/FormIntegration/React/AdditionalForm.tsx index b8ebba5d987d..925c10754a75 100644 --- a/apps/demos/Demos/Stepper/FormIntegration/React/AdditionalForm.tsx +++ b/apps/demos/Demos/Stepper/FormIntegration/React/AdditionalForm.tsx @@ -1,6 +1,6 @@ import React, { memo } from 'react'; import type { FC } from 'react'; -import 'devextreme-react/text-area'; +import 'devextreme/ui/text_area'; import { Form, SimpleItem } from 'devextreme-react/form'; import type { FormProps } from './types.ts'; diff --git a/apps/demos/Demos/Stepper/FormIntegration/React/DatesForm.tsx b/apps/demos/Demos/Stepper/FormIntegration/React/DatesForm.tsx index 3792c8c6543d..24c59dd9b3ec 100644 --- a/apps/demos/Demos/Stepper/FormIntegration/React/DatesForm.tsx +++ b/apps/demos/Demos/Stepper/FormIntegration/React/DatesForm.tsx @@ -1,6 +1,6 @@ import React, { memo } from 'react'; import type { FC } from 'react'; -import 'devextreme-react/date-range-box'; +import 'devextreme/ui/date_range_box'; import { Form, SimpleItem } from 'devextreme-react/form'; import type { FormProps } from './types.ts'; diff --git a/apps/demos/Demos/Stepper/FormIntegration/React/GuestsForm.tsx b/apps/demos/Demos/Stepper/FormIntegration/React/GuestsForm.tsx index 77400f855485..720a8dd84fc5 100644 --- a/apps/demos/Demos/Stepper/FormIntegration/React/GuestsForm.tsx +++ b/apps/demos/Demos/Stepper/FormIntegration/React/GuestsForm.tsx @@ -1,7 +1,6 @@ import React, { memo } from 'react'; import type { FC } from 'react'; import { Form, RangeRule, SimpleItem } from 'devextreme-react/form'; -import 'devextreme-react/number-box'; import type { FormProps } from './types.ts'; diff --git a/apps/demos/Demos/Stepper/FormIntegration/ReactJs/AdditionalForm.js b/apps/demos/Demos/Stepper/FormIntegration/ReactJs/AdditionalForm.js index 892e4d507328..fb9b128061bc 100644 --- a/apps/demos/Demos/Stepper/FormIntegration/ReactJs/AdditionalForm.js +++ b/apps/demos/Demos/Stepper/FormIntegration/ReactJs/AdditionalForm.js @@ -1,5 +1,5 @@ import React, { memo } from 'react'; -import 'devextreme-react/text-area'; +import 'devextreme/ui/text_area'; import { Form, SimpleItem } from 'devextreme-react/form'; const AdditionalForm = memo(({ formData }) => ( diff --git a/apps/demos/Demos/Stepper/FormIntegration/ReactJs/DatesForm.js b/apps/demos/Demos/Stepper/FormIntegration/ReactJs/DatesForm.js index 2c3ce9f79382..8ba16f562514 100644 --- a/apps/demos/Demos/Stepper/FormIntegration/ReactJs/DatesForm.js +++ b/apps/demos/Demos/Stepper/FormIntegration/ReactJs/DatesForm.js @@ -1,5 +1,5 @@ import React, { memo } from 'react'; -import 'devextreme-react/date-range-box'; +import 'devextreme/ui/date_range_box'; import { Form, SimpleItem } from 'devextreme-react/form'; const DatesForm = memo(({ formData, validationGroup }) => ( diff --git a/apps/demos/Demos/Stepper/FormIntegration/ReactJs/GuestsForm.js b/apps/demos/Demos/Stepper/FormIntegration/ReactJs/GuestsForm.js index 1fad8539234c..1b597b5ecc5b 100644 --- a/apps/demos/Demos/Stepper/FormIntegration/ReactJs/GuestsForm.js +++ b/apps/demos/Demos/Stepper/FormIntegration/ReactJs/GuestsForm.js @@ -1,6 +1,5 @@ import React, { memo } from 'react'; import { Form, RangeRule, SimpleItem } from 'devextreme-react/form'; -import 'devextreme-react/number-box'; const GuestsForm = memo(({ formData, validationGroup }) => ( <> diff --git a/apps/demos/Demos/Stepper/FormIntegration/Vue/AdditionalTemplate.vue b/apps/demos/Demos/Stepper/FormIntegration/Vue/AdditionalTemplate.vue index b8358f777284..beb4a8379468 100644 --- a/apps/demos/Demos/Stepper/FormIntegration/Vue/AdditionalTemplate.vue +++ b/apps/demos/Demos/Stepper/FormIntegration/Vue/AdditionalTemplate.vue @@ -14,7 +14,7 @@