Merge branch '26_1' into 26_1_dx_scss_nx_infra_p

Author: GoodDayForSurf

apps/demos/Demos/Scheduler/CreateFromSelection/description.md

@@ -0,0 +1,7 @@
+This demo creates a new appointment from a multi-cell selection. Click and drag across two or more time cells to select a range. The Scheduler opens the appointment popup pre-filled with the corresponding start date, end date, and resource group.
+
+<!--split-->
+
+The Scheduler raises the [onSelectionEnd](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onSelectionEnd) event when a user finishes selecting cells. The event's `selectedCellData` array contains one object per selected cell, each with `startDate`, `endDate`, `allDay`, and group field values.
+
+In this demo, the event handler ignores single-cell selection and passes a new appointment object built from the first and last cell in the selection to the [showAppointmentPopup](/Documentation/ApiReference/UI_Components/dxScheduler/Methods/#showAppointmentPopupappointmentData-createNewAppointment-appointmentElement) method.

e2e/testcafe-devextreme/tests/editors/lookup/common.ts

@@ -7,12 +7,17 @@ import { isMaterial, isMaterialBased, testScreenshot } from '../../../helpers/th
 import url from '../../../helpers/getPageUrl';
 import { createWidget } from '../../../helpers/createWidget';
 import {
-  appendElementTo, insertStylesheetRulesToPage, setStyleAttribute,
+  appendElementTo, insertStylesheetRulesToPage, removeStylesheetRulesFromPage, setStyleAttribute,
 } from '../../../helpers/domUtils';
 
 const LOOKUP_FIELD_CLASS = 'dx-lookup-field';
 const OVERLAY_CLASS = 'dx-overlay-content';
 
+const LOADINDICATOR_SEGMENT_CLASS = 'dx-loadindicator-segment';
+const LOADINDICATOR_CONTENT_CLASS = 'dx-loadindicator-content';
+const LOADINDICATOR_ICON_CLASS = 'dx-loadindicator-icon';
+const LOADINDICATOR_SEGMENT_INNER_CLASS = 'dx-loadindicator-segment-inner';
+
 const stylingModes = ['outlined', 'underlined', 'filled'];
 const labelModes = ['static', 'floating', 'hidden', 'outside'];
 
@@ -98,7 +103,7 @@ test.meta({ browserSize: [300, 400] })('Check popup height with no found data op
     .ok(compareResults.errorMessages());
 }).before(async () => createWidget('dxLookup', { dataSource: [], searchEnabled: true }));
 
-test.meta({ browserSize: [300, 400], unstable: true })('Check popup height in loading state', async (t) => {
+test.meta({ browserSize: [300, 400] })('Check popup height in loading state', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
   await t.click(Selector(`.${LOOKUP_FIELD_CLASS}`));
@@ -109,19 +114,30 @@ test.meta({ browserSize: [300, 400], unstable: true })('Check popup height in lo
   await t
     .expect(compareResults.isValid())
     .ok(compareResults.errorMessages());
-}).before(async () => createWidget('dxLookup', {
-  dataSource: {
-    load() {
-      return new Promise((resolve) => {
-        setTimeout(() => {
-          resolve([1, 2, 3]);
-        }, 5000);
-      });
+}).before(async () => {
+  await insertStylesheetRulesToPage(`
+    .${LOADINDICATOR_SEGMENT_CLASS},
+    .${LOADINDICATOR_CONTENT_CLASS},
+    .${LOADINDICATOR_ICON_CLASS},
+    .${LOADINDICATOR_SEGMENT_INNER_CLASS} {
+      animation: none !important;
+    }
+  `);
+
+  return createWidget('dxLookup', {
+    dataSource: {
+      load() {
+        return new Promise((resolve) => {
+          setTimeout(() => {
+            resolve([1, 2, 3]);
+          }, 5000);
+        });
+      },
     },
-  },
-  valueExpr: 'id',
-  displayExpr: 'text',
-}));
+    valueExpr: 'id',
+    displayExpr: 'text',
+  });
+}).after(async () => removeStylesheetRulesFromPage());
 
 test('Lookup appearance', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);

packages/devextreme/js/__internal/ui/chat/suggestions.ts

@@ -40,18 +40,18 @@ class Suggestions {
   }
 
   private _initButtonGroup(options: SuggestionsOptions = {}): void {
-    if (this._hasOptions(options) && this._$element) {
+    if (this._hasItems(options) && this._$element) {
       this._$element.addClass(CHAT_SUGGESTIONS_CLASS);
       this._buttonGroup = new ButtonGroup(this._$element.get(0), this._getConfiguration(options));
     }
   }
 
-  private _hasOptions(options: SuggestionsOptions | undefined): boolean {
-    return Boolean(Object.keys(options ?? {}).length);
+  private _hasItems(options: SuggestionsOptions | undefined): boolean {
+    return Boolean(options?.items?.length);
   }
 
   updateOptions(options: SuggestionsOptions | undefined): void {
-    if (!this._hasOptions(options)) {
+    if (!this._hasItems(options)) {
       this.clean();
       return;
     }

packages/devextreme/package.json

@@ -243,6 +243,7 @@
     "build:community-localization": "gulp generate-community-locales",
     "build:systemjs": "gulp transpile-systemjs",
     "dev": "cross-env DEVEXTREME_TEST_CI=true gulp dev",
+    "dev:playground": "vite",
     "dev:watch": "cross-env DEVEXTREME_TEST_CI=true gulp dev-watch",
     "transpile-tests": "gulp transpile-tests",
     "update-ts-reexports": "dx-tools generate-reexports --sources ./js --exclude \"((dialog|export|list_light|notify|overlay|palette|set_template_engine|splitter_control|themes|themes_callback|track_bar|utils|validation_engine|validation_message)[.d.ts])\" --compiler-options \"{ \\\"typeRoots\\\": [] }\"",
@@ -251,7 +252,6 @@
     "validate-ts": "gulp validate-ts",
     "validate-declarations": "dx-tools validate-declarations --sources ./js --exclude \"js/(renovation|__internal|.eslintrc.js)\" --compiler-options \"{ \\\"typeRoots\\\": [] }\"",
     "testcafe-in-docker": "docker build -f ./testing/testcafe/docker/Dockerfile -t testcafe-testing . && docker run -it testcafe-testing",
-    "dev:playground": "vite",
     "test-jest": "cross-env NODE_OPTIONS='--expose-gc' jest --no-coverage --runInBand --selectProjects jsdom-tests",
     "test-jest:watch": "jest --watch",
     "test-jest:node": "jest --no-coverage --runInBand --selectProjects node-tests",

packages/devextreme/testing/tests/DevExpress.ui.widgets/chatParts/suggestions.tests.js

@@ -53,12 +53,11 @@ QUnit.module('Suggestions', moduleConfig, () => {
             assert.strictEqual(this.getItems().length, 1, 'item rendered correctly');
         });
 
-        QUnit.test('should update items to empty list', function(assert) {
+        QUnit.test('should clean ButtonGroup when items is empty array', function(assert) {
             this.instance.updateOptions({ items: [] });
 
-            const $items = this.getItems();
-
-            assert.strictEqual($items.length, 0, 'all items removed');
+            assert.strictEqual(this.getItems().length, 0, 'all items removed');
+            assert.strictEqual(this.getSuggestions().hasClass(BUTTON_GROUP_CLASS), false, 'ButtonGroup is cleaned');
         });
 
         QUnit.test('should clean ButtonGroup when called with undefined', function(assert) {

packages/sbom/package.json

@@ -5,18 +5,5 @@
   "devDependencies": {
     "@devexpress/sbom-toolkit": "0.6.1"
   },
-  "packageManager": "pnpm@9.15.9",
-  "pnpm": {
-    "overrides": {
-      "@isaacs/brace-expansion@<=5.0.0": "^5.0.1",
-      "body-parser@>=2.2.0 <2.2.1": ">=2.2.1",
-      "jws@=4.0.0": ">=4.0.1",
-      "minimatch@>=10.0.0 <10.2.3": "^10.2.4",
-      "picomatch@>=2.0.0 <2.3.2": "2.3.2",
-      "picomatch@>=4.0.0 <4.0.4": "4.0.4",
-      "qs": ">=6.14.1",
-      "tar@<=7.5.9": "^7.5.10",
-      "undici@<7.24.0": "^7.24.0"
-    }
-  }
+  "packageManager": "pnpm@9.15.9"
 }