Merge branch '25_1' of https://github.com/DevExpress/DevExtreme into 25_1_demos_csb_tgz

Author: GoodDayForSurf

.github/renovate.json

@@ -15,7 +15,15 @@
     "packageRules": [
         {
             "matchPackageNames": [
-                "openai"
+                "openai",
+                "rehype-minify-whitespace",
+                "rehype-parse",
+                "rehype-remark",
+                "rehype-stringify",
+                "remark-parse",
+                "remark-rehype",
+                "remark-stringify",
+                "unified"
             ],
             "enabled": false
         },

.github/workflows/qunit_tests-additional-renovation.yml

@@ -61,8 +61,7 @@ jobs:
         working-directory: ./packages/devextreme
         run: |
           node ../../tools/scripts/performance_log.js &
-          pnpx nx build:dev
-          pnpx nx build:systemjs
+          pnpm nx build:systemjs
 
       - name: Zip artifacts
         working-directory: ./packages/devextreme

.github/workflows/wrapper_tests.yml

@@ -1,4 +1,4 @@
-name: DevExtreme Wrappers Tests
+name: Wrappers Tests
 
 on:
   pull_request:
@@ -13,19 +13,14 @@ env:
   BUILD_TEST_INTERNAL_PACKAGE: true
 
 jobs:
-  test:
+  build:
     runs-on: devextreme-shr2
-    timeout-minutes: 80
+    timeout-minutes: 15
 
     steps:
       - name: Get sources
         uses: actions/checkout@v4
 
-      - name: Setup Chrome
-        uses: ./.github/actions/setup-chrome
-        with:
-          chrome-version: '133.0.6943.53'
-
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
@@ -60,6 +55,42 @@ jobs:
         working-directory: ./packages/devextreme
         run: pnpx nx build
 
+  check-regenerate:
+    runs-on: devextreme-shr2
+    timeout-minutes: 10
+
+    steps:
+      - name: Get sources
+        uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 9
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v4
+        name: Setup pnpm cache
+        with:
+          path: |
+            ${{ env.STORE_PATH }}
+            .nx/cache
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store
+
+      - name: Install dependencies
+        run: pnpm install
+
       - name: Generate wrappers
         run: pnpm run regenerate-all
 
@@ -75,33 +106,52 @@ jobs:
             exit 1
           fi
 
-      - name: Angular - Download Browser
-        run: pnpx puppeteer browsers install chrome@130.0.6723.69
+  test:
+    runs-on: devextreme-shr2
+    timeout-minutes: 20
+    needs: build
+    strategy:
+      fail-fast: false
+      matrix:
+        framework: [angular, react, vue]
 
-      - name: Angular - Build
-        run: pnpx nx build devextreme-angular
+    steps:
+      - name: Get sources
+        uses: actions/checkout@v4
 
-      - name: Angular - Run tests
-        run: pnpx nx test:dev devextreme-angular
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
 
-      - name: Angular - Check packing
-        run: pnpx nx pack devextreme-angular
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 9
+          run_install: false
 
-      - name: React - Run tests
-        run: pnpm exec nx test devextreme-react
+      - name: Get pnpm store directory
+        shell: bash
+        run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v4
+        name: Setup pnpm cache
+        with:
+          path: |
+            ${{ env.STORE_PATH }}
+            .nx/cache
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store
 
-      - name: React - Check packing
-        run: pnpm exec nx pack devextreme-react
+      - name: Install dependencies
+        run: pnpm install
 
-      - name: Vue - Run tests
-        run: pnpx nx test devextreme-vue
+      - name: Download Browser
+        if: matrix.framework == 'angular'
+        run: pnpx puppeteer browsers install chrome@130.0.6723.69
 
-      - name: Vue - Check packing
-        run: pnpx nx pack devextreme-vue
+      - name: Test ${{ matrix.framework }}
+        run: pnpx nx test devextreme-${{ matrix.framework }}
 
-      - name: Archive devextreme-metadata artifacts
-        uses: actions/upload-artifact@v4
-        with:
-          name: devextreme-metadata-artifacts
-          path: packages/devextreme-metadata/dist/
-          retention-days: 7
+      - name: Pack ${{ matrix.framework }}
+        run: pnpx nx pack devextreme-${{ matrix.framework }}

apps/angular/package.json

@@ -2,7 +2,7 @@
   "name": "devextreme-angular-playground",
   "description": "DevExtreme Angular UI and Visualization Components",
   "private": true,
-  "version": "25.1.3",
+  "version": "25.1.4",
   "author": "Developer Express Inc.",
   "license": "MIT",
   "dependencies": {

apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/app/app.component.ts

@@ -1,7 +1,7 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { Workbook } from 'exceljs';
+import { Workbook } from 'devextreme-exceljs-fork';
 import { saveAs } from 'file-saver-es';
 // Our demo infrastructure requires us to use 'file-saver-es'. We recommend that you use the official 'file-saver' package in your applications.
 import { exportDataGrid } from 'devextreme-angular/common/export/excel';

apps/demos/Demos/DataGrid/ExcelJSCellCustomization/React/App.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import DataGrid, {
   Column, Export, Summary, GroupPanel, Grouping, SortByGroupSummaryInfo, TotalItem, type DataGridTypes,
 } from 'devextreme-react/data-grid';
-import { Workbook } from 'exceljs';
+import { Workbook } from 'devextreme-exceljs-fork';
 import { saveAs } from 'file-saver-es';
 import { exportDataGrid } from 'devextreme-react/common/export/excel';
 import { companies } from './data.ts';

apps/demos/Demos/DataGrid/ExcelJSCellCustomization/ReactJs/App.js

@@ -8,7 +8,7 @@ import DataGrid, {
   SortByGroupSummaryInfo,
   TotalItem,
 } from 'devextreme-react/data-grid';
-import { Workbook } from 'exceljs';
+import { Workbook } from 'devextreme-exceljs-fork';
 import { saveAs } from 'file-saver-es';
 import { exportDataGrid } from 'devextreme-react/common/export/excel';
 import { companies } from './data.js';

apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Vue/App.vue

@@ -70,7 +70,7 @@ import {
   DxTotalItem,
   type DxDataGridTypes,
 } from 'devextreme-vue/data-grid';
-import { Workbook } from 'exceljs';
+import { Workbook } from 'devextreme-exceljs-fork';
 // Our demo infrastructure requires us to use 'file-saver-es'.
 // We recommend that you use the official 'file-saver' package in your applications.
 import { saveAs } from 'file-saver-es';

apps/demos/Demos/DataGrid/ExcelJSCellCustomization/description.md

@@ -2,11 +2,11 @@ The [customizeCell](/Documentation/ApiReference/Common/Object_Structures/ExportD
 
 You can access and change the following attributes:
 
-- <a href="https://github.com/exceljs/exceljs#fonts" target="_blank">Font</a> properties    
-- <a href="https://github.com/exceljs/exceljs#fills" target="_blank">Cell background</a>     
-- <a href="https://github.com/exceljs/exceljs#hyperlink-value" target="_blank">Cell values</a>       
-- Text <a href="https://github.com/exceljs/exceljs#alignment" target="_blank">alignment</a>        
-- <a href="https://github.com/exceljs/exceljs#number-formats" target="_blank">Formatting</a> properties    
+- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#fonts" target="_blank">Font</a> properties    
+- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#fills" target="_blank">Cell background</a>     
+- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#hyperlink-value" target="_blank">Cell values</a>       
+- Text <a href="https://github.com/DevExpress/devextreme-exceljs-fork#alignment" target="_blank">alignment</a>        
+- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#number-formats" target="_blank">Formatting</a> properties    
 
 The [customizeCell](/Documentation/ApiReference/Common/Object_Structures/ExportDataGridProps/#customizeCell) function also allows you to identify row types. For example, this demo changes the background color and font weight for cells with the "group" [rowType](/Documentation/ApiReference/UI_Components/dxDataGrid/Row/#rowType).
 <!--split-->

apps/demos/Demos/DataGrid/ExcelJSCellCustomization/jQuery/index.html

@@ -14,8 +14,8 @@
     ></script>
     <script
       type="text/javascript"
-      src="https://cdnjs.cloudflare.com/ajax/libs/exceljs/4.4.0/exceljs.min.js"
-      integrity="sha384-Pqp51FUN2/qzfxZxBCtF0stpc9ONI6MYZpVqmo8m20SoaQCzf+arZvACkLkirlPz"
+      src="https://cdn.jsdelivr.net/npm/devextreme-exceljs-fork@4.4.2/dist/dx-exceljs-fork.min.js"
+      integrity="sha384-0+mgPqjdXmZE1Htq8mACKhUtATn8hf01dRM9aFav8bXXD1ioy+B6TIu9lieIrTcM"
       crossorigin="anonymous"
     ></script>
     <script