Merge branch '25_2' of github.com:DevExpress/DevExtreme into dg_25_2_ai_column_jquery_demo

Author: Raushen

.github/workflows/demos_visual_tests_frameworks.yml

@@ -35,7 +35,7 @@ jobs:
     needs: check-should-run
     if: needs.check-should-run.outputs.should-run == 'true'
     env:
-      NODE_OPTIONS: "--max-old-space-size=8192"
+      NODE_OPTIONS: --max-old-space-size=8192
     timeout-minutes: 40
 
     steps:
@@ -152,7 +152,7 @@ jobs:
       if: github.event_name != 'pull_request' || contains(github.event.pull_request.labels.*.name, 'force all tests')
       working-directory: apps/demos
       env:
-        NODE_OPTIONS: "--max-old-space-size=8192"
+        NODE_OPTIONS: --max-old-space-size=8192
       run: pnpx nx prepare-bundles
 
     - name: Demos - Run tsc

.github/workflows/qunit_tests.yml

@@ -148,19 +148,15 @@ jobs:
       matrix:
         constel: [
           'ui',
-          'ui.widgets(1/3)',
-          'ui.widgets(2/3)',
-          'ui.widgets(3/3)',
+          'ui.widgets(1/2)',
+          'ui.widgets(2/2)',
           'ui.editors(1/2)',
           'ui.editors(2/2)',
           'ui.htmlEditor',
-          'ui.grid(1/4)',
-          'ui.grid(2/4)',
-          'ui.grid(3/4)',
-          'ui.grid(4/4)',
-          'ui.scheduler(1/3)',
-          'ui.scheduler(2/3)',
-          'ui.scheduler(3/3)',
+          'ui.grid(1/2)',
+          'ui.grid(2/2)',
+          'ui.scheduler(1/2)',
+          'ui.scheduler(2/2)',
           'viz'
         ]
 

.github/workflows/testcafe_tests.yml

@@ -70,7 +70,9 @@ jobs:
 
     - name: Build
       shell: bash
-      run: pnpx nx build devextreme
+      env:
+        NODE_OPTIONS: --max-old-space-size=8192
+      run: pnpx nx build devextreme --uglify
 
     - name: Zip artifacts
       working-directory: ./packages/devextreme
@@ -92,18 +94,13 @@ jobs:
       fail-fast: false
       matrix:
         ARGS: [
-          { componentFolder: "accessibility", name: "accessibility (1/2)", indices: "1/2" },
-          { componentFolder: "accessibility", name: "accessibility (2/2)", indices: "2/2" },
+          { componentFolder: "accessibility", name: "accessibility" },
           { componentFolder: "common", name: "common" },
 
           # Grids tests need to be reworked to work in fluent theme
-          { componentFolder: "dataGrid/common", name: "dataGrid / common (1/5)", indices: "1/5" },
-          { componentFolder: "dataGrid/common", name: "dataGrid / common (2/5)", indices: "2/5" },
-          { componentFolder: "dataGrid/common", name: "dataGrid / common (3/5)", indices: "3/5" },
-          { componentFolder: "dataGrid/common", name: "dataGrid / common (4/5)", indices: "4/5" },
-          { componentFolder: "dataGrid/common", name: "dataGrid / common (5/5)", indices: "5/5" },
-          { componentFolder: "dataGrid/sticky", name: "dataGrid / sticky (1/2)", indices: "1/2" },
-          { componentFolder: "dataGrid/sticky", name: "dataGrid / sticky (2/2)", indices: "2/2" },
+          { componentFolder: "dataGrid", name: "dataGrid (1/3)", indices: "1/3" },
+          { componentFolder: "dataGrid", name: "dataGrid (2/3)", indices: "2/3" },
+          { componentFolder: "dataGrid", name: "dataGrid (3/3)", indices: "3/3" },
           { componentFolder: "cardView", name: "cardView" },
 
           # Scheduler tests need to be reworked to work in fluent theme
@@ -162,8 +159,8 @@ jobs:
       run: |
         echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-    - uses: actions/cache@v4
-      name: Setup pnpm cache
+    - uses: actions/cache/restore@v4
+      name: Restore pnpm cache
       with:
         path: |
           ${{ env.STORE_PATH }}
@@ -177,6 +174,8 @@ jobs:
 
     - name: Run TestCafe tests
       working-directory: ./e2e/testcafe-devextreme
+      env:
+        NODE_OPTIONS: --max-old-space-size=8192
       run: |
         if [ "${{ matrix.ARGS.theme }}" != "" ]; then
           THEME="--theme ${{ matrix.ARGS.theme }}"

apps/demos/Demos/Accordion/Overview/Angular/app/app.component.html

@@ -57,8 +57,11 @@
     <div class="option">
       <span>Animation duration</span>
       <dx-slider [min]="0" [max]="1000" [(value)]="accordion.animationDuration">
-        <dxo-tooltip [enabled]="true" position="bottom"></dxo-tooltip>
-        <dxo-label [visible]="true"></dxo-label>
+        <dxo-slider-tooltip
+          [enabled]="true"
+          position="bottom"
+        ></dxo-slider-tooltip>
+        <dxo-slider-label [visible]="true"></dxo-slider-label>
       </dx-slider>
     </div>
     <div class="option">

apps/demos/Demos/ActionSheet/PopoverMode/Angular/app/app.component.html

@@ -1,9 +1,9 @@
 <dx-list (onItemClick)="itemClick($event)">
-  <dxi-item *ngFor="let contact of contacts">
+  <dxi-list-item *ngFor="let contact of contacts">
     <div>{{ contact.name }}</div>
     <div>{{ contact.phone }}</div>
     <div>{{ contact.email }}</div>
-  </dxi-item>
+  </dxi-list-item>
 </dx-list>
 <dx-action-sheet
   [items]="commands"

apps/demos/Demos/Common/CustomTextEditorButtons/Angular/app/app.component.html

@@ -9,11 +9,11 @@
         stylingMode="filled"
         [(mode)]="passwordMode"
       >
-        <dxi-button
+        <dxi-text-box-button
           name="today"
           location="after"
           [options]="passwordButton"
-        ></dxi-button>
+        ></dxi-text-box-button>
       </dx-text-box>
     </div>
   </div>
@@ -27,13 +27,13 @@
         [showSpinButtons]="true"
         [inputAttr]="{ 'aria-label': 'Currency Format' }"
       >
-        <dxi-button
+        <dxi-number-box-button
           name="currency"
           location="after"
           [options]="currencyButton"
-        ></dxi-button>
-        <dxi-button name="clear"></dxi-button>
-        <dxi-button name="spins"></dxi-button>
+        ></dxi-number-box-button>
+        <dxi-number-box-button name="clear"></dxi-number-box-button>
+        <dxi-number-box-button name="spins"></dxi-number-box-button>
       </dx-number-box>
     </div>
   </div>
@@ -45,22 +45,22 @@
         [(value)]="dateValue"
         [inputAttr]="{ 'aria-label': 'Date' }"
       >
-        <dxi-button
+        <dxi-date-box-button
           name="today"
           location="before"
           [options]="todayButton"
-        ></dxi-button>
-        <dxi-button
+        ></dxi-date-box-button>
+        <dxi-date-box-button
           name="prevDate"
           location="before"
           [options]="prevDateButton"
-        ></dxi-button>
-        <dxi-button
+        ></dxi-date-box-button>
+        <dxi-date-box-button
           name="nextDate"
           location="after"
           [options]="nextDateButton"
-        ></dxi-button>
-        <dxi-button name="dropDown"></dxi-button>
+        ></dxi-date-box-button>
+        <dxi-date-box-button name="dropDown"></dxi-date-box-button>
       </dx-date-box>
     </div>
   </div>

apps/demos/Demos/Common/EditorAppearanceVariants/Angular/app/app.component.html

@@ -36,7 +36,8 @@
       [labelMode]="labelMode"
     >
       <dx-validator>
-        <dxi-validation-rule type="required"> </dxi-validation-rule>
+        <dxi-validator-validation-rule type="required">
+        </dxi-validator-validation-rule>
       </dx-validator>
     </dx-text-box>
     <dx-text-box
@@ -48,7 +49,8 @@
       [labelMode]="labelMode"
     >
       <dx-validator>
-        <dxi-validation-rule type="required"> </dxi-validation-rule>
+        <dxi-validator-validation-rule type="required">
+        </dxi-validator-validation-rule>
       </dx-validator>
     </dx-text-box>
     <dx-date-box
@@ -60,7 +62,8 @@
       [inputAttr]="{ 'aria-label': 'Hire Date' }"
     >
       <dx-validator>
-        <dxi-validation-rule type="required"> </dxi-validation-rule>
+        <dxi-validator-validation-rule type="required">
+        </dxi-validator-validation-rule>
       </dx-validator>
     </dx-date-box>
     <dx-date-box
@@ -73,7 +76,8 @@
       [inputAttr]="{ 'aria-label': 'Birth Date' }"
     >
       <dx-validator>
-        <dxi-validation-rule type="required"> </dxi-validation-rule>
+        <dxi-validator-validation-rule type="required">
+        </dxi-validator-validation-rule>
       </dx-validator>
     </dx-date-box>
     <dx-select-box
@@ -87,7 +91,8 @@
       validationMessagePosition="left"
     >
       <dx-validator>
-        <dxi-validation-rule type="required"> </dxi-validation-rule>
+        <dxi-validator-validation-rule type="required">
+        </dxi-validator-validation-rule>
       </dx-validator>
     </dx-select-box>
     <dx-text-box
@@ -100,7 +105,8 @@
       [labelMode]="labelMode"
     >
       <dx-validator>
-        <dxi-validation-rule type="required"> </dxi-validation-rule>
+        <dxi-validator-validation-rule type="required">
+        </dxi-validator-validation-rule>
       </dx-validator>
     </dx-text-box>
     <dx-date-range-box

apps/demos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.html

@@ -55,10 +55,15 @@
             [(selectedRowKeys)]="gridBoxValue"
             height="100%"
           >
-            <dxo-selection mode="single"></dxo-selection>
-            <dxo-filter-row [visible]="true"></dxo-filter-row>
-            <dxo-scrolling mode="virtual"></dxo-scrolling>
-            <dxo-paging [enabled]="true" [pageSize]="10"></dxo-paging>
+            <dxo-data-grid-selection mode="single"></dxo-data-grid-selection>
+            <dxo-data-grid-filter-row
+              [visible]="true"
+            ></dxo-data-grid-filter-row>
+            <dxo-data-grid-scrolling mode="virtual"></dxo-data-grid-scrolling>
+            <dxo-data-grid-paging
+              [enabled]="true"
+              [pageSize]="10"
+            ></dxo-data-grid-paging>
           </dx-data-grid>
         </div>
       </dx-drop-down-box>

apps/demos/Demos/List/DragAndDrop/Angular/app/app.component.html

@@ -5,7 +5,7 @@
       keyExpr="id"
       [repaintChangesOnly]="true"
     >
-      <dxo-item-dragging
+      <dxo-list-item-dragging
         group="tasks"
         [data]="plannedTasks"
         [allowReordering]="true"
@@ -14,10 +14,10 @@
         [onRemove]="onRemove"
         [onReorder]="onReorder"
       >
-      </dxo-item-dragging>
+      </dxo-list-item-dragging>
     </dx-list>
     <dx-list [dataSource]="doingTasks" keyExpr="id" [repaintChangesOnly]="true">
-      <dxo-item-dragging
+      <dxo-list-item-dragging
         group="tasks"
         [data]="doingTasks"
         [allowReordering]="true"
@@ -26,7 +26,7 @@
         [onRemove]="onRemove"
         [onReorder]="onReorder"
       >
-      </dxo-item-dragging>
+      </dxo-list-item-dragging>
     </dx-list>
   </div>
 </div>

apps/demos/Demos/Lookup/Basics/Angular/app/app.component.html

@@ -6,7 +6,9 @@
       [value]="employees[0]"
       [inputAttr]="{ 'aria-label': 'Simple lookup' }"
     >
-      <dxo-drop-down-options [showTitle]="false"></dxo-drop-down-options>
+      <dxo-lookup-drop-down-options
+        [showTitle]="false"
+      ></dxo-lookup-drop-down-options>
     </dx-lookup>
   </div>
 </div>
@@ -19,8 +21,11 @@
       [grouped]="true"
       [inputAttr]="{ 'aria-label': 'Grouped lookup' }"
     >
-      <dxo-drop-down-options [hideOnOutsideClick]="true" [showTitle]="false">
-      </dxo-drop-down-options>
+      <dxo-lookup-drop-down-options
+        [hideOnOutsideClick]="true"
+        [showTitle]="false"
+      >
+      </dxo-lookup-drop-down-options>
     </dx-lookup>
   </div>
 </div>