v31.1.22 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 31.1.22 (2025-10-01)
+
+### Common
+
+#### Bug Fixes
+
+- `#I756987` - Resolved the security issue from base library by replacing `Math.random` function with `Crypto.getRandomValues`.
+
 ## 31.1.20 (2025-09-10)
 
 ### Common

controls/base/releasenotes/README.md

@@ -34,7 +34,7 @@
   --color-sf-text-tertiary: #{#475467};
   --color-sf-text-tertiary-hover: #{#344054};
   --color-sf-text-tertiary-on-brand: #{#eaecf0};
-  --color-sf-text-quarterary: #{#101828};
+  --color-sf-text-quarterary: #{#667085};
   --color-sf-text-quarterary-on-brand: #{#101828};
   --color-sf-text-white: #{#fff};
   --color-sf-text-disabled: #{#667085};

controls/base/styles/definition/_bds.scss

@@ -9,7 +9,7 @@ import { StyleModel } from '../models/index';
  */
 export function generateUniqueId(prefix?: string): string {
     const timestamp: string = Date.now().toString(36); // Base36 timestamp (millisecond precision)
-    const randomPart: string = Math.random().toString(36).substring(2, 10); // 8 random characters
+    const randomPart: string = getRandomNumber().toString(36).substring(2, 10); // 8 random characters
     return `${prefix ? prefix + '-' : ''}${timestamp}${randomPart}`.toLowerCase();
 }
 
@@ -379,3 +379,13 @@ export function createBaseSvg(viewBox: string = '0 0 24 24'): SVGSVGElement {
         height: '18'
     });
 }
+
+/**
+ * @returns {number} A cryptographically secure random number.
+ * @hidden
+ */
+export function getRandomNumber(): number {
+    const array: Uint32Array = new Uint32Array(1);
+    window.crypto.getRandomValues(array);
+    return array[0] / (0xFFFFFFFF + 1);
+}

controls/blockeditor/src/blockeditor/utils/common.ts

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.1.21 (2025-09-23)
+## 31.1.22 (2025-10-01)
 
 ### DatePicker
 

controls/calendars/CHANGELOG.md

@@ -2,12 +2,33 @@
 
 ## [Unreleased]
 
+## 31.1.22 (2025-10-01)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I747736` - Now, the combination stacking and stacking of 100 different series renders properly.
+- `#I757693` - Now, the space on the left margin has adjusted properly after placing the axis label inside.
+
+#### Feature
+
+- `#I764441` - Support for the text render event has been added to stacking labels.
+
 ## 31.1.21 (2025-09-23)
 
 ### Chart
 
 #### Bug Fixes
 
+- `#I764449` - Now the stacking label is positioned properly when zooming is performed.
+
+## 31.1.20 (2025-09-17)
+
+### Chart
+
+#### Bug Fixes
+
 - `#F69182` - Columns with a single X-axis value now render with the correct width.
 - `#I762508` - The legend highlight now works correctly when the highlight mode is set to `Series`.
 - `#I760409` - The Zoom toolbar tooltip will be displayed on the pop-up.

controls/charts/CHANGELOG.md

@@ -10,12 +10,12 @@ import { AreaSeries } from '../../../src/chart/series/area-series';
 import { Category } from '../../../src/chart/axis/category-axis';
 import '../../../node_modules/es6-promise/dist/es6-promise';
 import { MouseEvents } from '../base/events.spec';
-import { unbindResizeEvents } from '../base/data.spec';
+import { secureRandom, unbindResizeEvents } from '../base/data.spec';
 import { EmitType } from '@syncfusion/ej2-base';
 import { DateTime, Zoom, ScrollBar } from '../../../src/index' ;
 import { Logarithmic } from '../../../src/index';
 import { ILoadedEventArgs, IAxisLabelRenderEventArgs, IAxisLabelClickEventArgs } from '../../../src/chart/model/chart-interface';
-import  {profile , inMB, getMemoryProfile} from '../../common.spec';
+import  {profile , inMB, getMemoryProfile } from '../../common.spec';
 import { categoryData } from '../base/data.spec';
 Chart.Inject(LineSeries, Category, ColumnSeries, DateTime, Logarithmic, Zoom, ScrollBar, AreaSeries);
 
@@ -1615,14 +1615,14 @@ describe('Chart Control', () =>{
             numericSeriesData.push(point);
         }
         function getRndInteger(min: number, max: number) {
-            return Math.floor(Math.random() * (max - min)) + min;
+            return Math.floor(secureRandom() * (max - min)) + min;
         }
         let value: number = 80;
         for (i = 1; i < 500; i++) {
-            if (Math.random() > .5) {
-                value += Math.random();
+            if (secureRandom() > .5) {
+                value += secureRandom();
             } else {
-                value -= Math.random();
+                value -= secureRandom();
             }
             point = { x: new Date(1990, i + 2, i), y: value.toFixed(1) };
             dateTimeData.push(point);

controls/charts/spec/chart/axis/axis.spec.ts

@@ -15,14 +15,14 @@ import { SeriesModel } from '../../../src/chart/series/chart-series-model';
 import { LineSeries } from '../../../src/chart/series/line-series';
 import { AreaSeries } from '../../../src/chart/series/area-series';
 import { Legend } from '../../../src/chart/legend/legend';
-import { unbindResizeEvents } from '../base/data.spec';
+import { secureRandom, unbindResizeEvents } from '../base/data.spec';
 import '../../../node_modules/es6-promise/dist/es6-promise';
-import  {profile , inMB, getMemoryProfile} from '../../common.spec';
+import  {profile , inMB, getMemoryProfile } from '../../common.spec';
 Chart.Inject(LineSeries, AreaSeries, Legend, StripLine, DateTime, Category, Logarithmic, DateTimeCategory);
 let i: number; let data: Points[] = []; let seriesCollection: SeriesModel[] = [];
 for (let j: number = 0; j < 5; j++) {
     for (i = 0; i < 10; i++) {
-        data.push({ x: i, y: Math.random() * 100 });
+        data.push({ x: i, y: secureRandom() * 100 });
     }
     seriesCollection[j] = {
         name: 'Series ' + j,

controls/charts/spec/chart/axis/stripline.spec.ts

@@ -6,6 +6,23 @@ import { Browser, EventHandler } from '@syncfusion/ej2-base';
 import { Chart } from '../../../src/chart/chart';
 import { ChartLocation } from '../../../src/common/utils/helper';
 
+/**
+ * Generates a cryptographically secure random number in the range [0, 1).
+ *
+ * This method uses the browser's `window.crypto.getRandomValues()` to produce
+ * an unsigned 32-bit integer and scales the result to a floating-point value
+ * between 0 (inclusive) and 1 (exclusive), similar to `secureRandom()` but
+ * with cryptographic security.
+ *
+ * @returns {number} A random floating-point number greater than or equal to 0 and less than 1.
+ * @private
+ */
+export function secureRandom(): number {
+    const array: Uint32Array = new Uint32Array(1);
+    window.crypto.getRandomValues(array);
+    return array[0] / (0xFFFFFFFF + 1);
+}
+
 export function unbindResizeEvents(chart: Chart): boolean {
     if (Browser.isTouch && chart.isOrientation()) {
         EventHandler.remove(<HTMLElement & Window>window, 'orientationchange', chart.chartResize);

controls/charts/spec/chart/base/data.spec.ts

@@ -19,11 +19,11 @@ import { Legend } from '../../../src/chart/legend/legend';
 import { Selection } from '../../../src/chart/user-interaction/selection';
 import { MouseEvents } from '../base/events.spec';
 import { ILegendRenderEventArgs } from '../../../src/chart/model/chart-interface';
-import { unbindResizeEvents } from '../base/data.spec';
+import { secureRandom, unbindResizeEvents } from '../base/data.spec';
 import '../../../node_modules/es6-promise/dist/es6-promise';
 import { EmitType } from '@syncfusion/ej2-base';
 import { ILoadedEventArgs } from '../../../src/chart/model/chart-interface';
-import  {profile , inMB, getMemoryProfile} from '../../common.spec';
+import  {profile , inMB, getMemoryProfile } from '../../common.spec';
 import { DateTime } from '../../../src/chart/axis/date-time-axis';
 import { Tooltip } from '../../../src/chart/user-interaction/tooltip';
 import { categoryData, categoryData1 } from '../base/data.spec';
@@ -34,7 +34,7 @@ let colors: string[] = ['#663AB6', '#EB3F79', '#F8AB1D', '#B82E3D', '#049CB1', '
 let toggle: boolean = true;
 for (let j: number = 0; j < 20; j++) {
     for (i = 0; i < 10; i++) {
-        value = Math.random() * 100;
+        value = secureRandom() * 100;
         currentPoint = { x: i, y: value };
         data.push(currentPoint);
     }