Merge branch '25_2' into 25_2_smart_paste_default_buttons

Author: EugeniyKiyashko

apps/demos/Demos/Charts/PointSelectionAPI/Angular/app/app.component.html

@@ -3,8 +3,8 @@
   [dataSource]="catBreedsData"
   [rotated]="true"
   title="Most Popular US Cat Breeds"
-  (onPointClick)="pointClick($event)"
   (onDone)="done($event)"
+  (onPointClick)="pointClick($event)"
 >
   <dxi-series valueField="count" name="breeds" color="#a3d6d2">
     <dxo-selection-style color="#ec2e7a">

apps/demos/Demos/Charts/PointSelectionAPI/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 { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
+import { DxChartModule, type DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, CatBreed } from './app.service';
 
 if (!/localhost/.test(document.location.host)) {
@@ -27,17 +27,18 @@ export class AppComponent {
     this.catBreedsData = service.getCatBreedsData();
   }
 
-  pointClick({ target: point }: DxChartTypes.PointClickEvent) {
+  done(e: DxChartTypes.DoneEvent) {
+    e.component.getSeriesByPos(0).getPointsByArg('Siamese')[0].select();
+  }
+
+  pointClick(e: DxChartTypes.PointClickEvent) {
+    const point = e.target;
     if (point.isSelected()) {
       point.clearSelection();
     } else {
       point.select();
     }
   }
-
-  done(e: DxChartTypes.DoneEvent) {
-    e.component.getSeriesByPos(0).getPointsByArg('Siamese')[0].select();
-  }
 }
 
 @NgModule({

apps/demos/Demos/Charts/PointSelectionAPI/React/App.tsx

@@ -1,19 +1,22 @@
 import React from 'react';
-import Chart, {
+import {
+  Chart,
   CommonSeriesSettings,
   Series,
   SelectionStyle,
   Hatching,
   Legend,
   Export,
+  type ChartTypes,
 } from 'devextreme-react/chart';
 import { catBreedsData } from './data.ts';
 
-function onDone({ component }) {
-  component.getSeriesByPos(0).getPointsByArg('Siamese')[0].select();
+function onDone(e: ChartTypes.DoneEvent) {
+  e.component.getSeriesByPos(0).getPointsByArg('Siamese')[0].select();
 }
 
-function onPointClick({ target: point }) {
+function onPointClick(e: ChartTypes.PointClickEvent) {
+  const point = e.target;
   if (point.isSelected()) {
     point.clearSelection();
   } else {
@@ -27,9 +30,9 @@ function App() {
       id="chart"
       dataSource={catBreedsData}
       rotated={true}
+      title="Most Popular US Cat Breeds"
       onDone={onDone}
       onPointClick={onPointClick}
-      title="Most Popular US Cat Breeds"
     >
       <CommonSeriesSettings
         argumentField="breed"

apps/demos/Demos/Charts/PointSelectionAPI/ReactJs/App.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import Chart, {
+import {
+  Chart,
   CommonSeriesSettings,
   Series,
   SelectionStyle,
@@ -9,10 +10,11 @@ import Chart, {
 } from 'devextreme-react/chart';
 import { catBreedsData } from './data.js';
 
-function onDone({ component }) {
-  component.getSeriesByPos(0).getPointsByArg('Siamese')[0].select();
+function onDone(e) {
+  e.component.getSeriesByPos(0).getPointsByArg('Siamese')[0].select();
 }
-function onPointClick({ target: point }) {
+function onPointClick(e) {
+  const point = e.target;
   if (point.isSelected()) {
     point.clearSelection();
   } else {
@@ -25,9 +27,9 @@ function App() {
       id="chart"
       dataSource={catBreedsData}
       rotated={true}
+      title="Most Popular US Cat Breeds"
       onDone={onDone}
       onPointClick={onPointClick}
-      title="Most Popular US Cat Breeds"
     >
       <CommonSeriesSettings
         argumentField="breed"

apps/demos/Demos/Charts/PointSelectionAPI/Vue/App.vue

@@ -25,21 +25,23 @@
   </DxChart>
 </template>
 <script setup lang="ts">
-import DxChart, {
+import {
+  DxChart,
   DxCommonSeriesSettings,
+  DxSeries,
   DxSelectionStyle,
   DxHatching,
-  DxSeries,
   DxLegend,
   DxExport,
   type DxChartTypes,
 } from 'devextreme-vue/chart';
 import { catBreedsData } from './data.ts';
 
-function onDone({ component }) {
-  component.getSeriesByPos(0).getPointsByArg('Siamese')[0].select();
+function onDone(e: DxChartTypes.DoneEvent) {
+  e.component.getSeriesByPos(0).getPointsByArg('Siamese')[0].select();
 }
-function onPointClick({ target: point }: DxChartTypes.PointClickEvent) {
+function onPointClick(e: DxChartTypes.PointClickEvent) {
+  const point = e.target;
   if (point.isSelected()) {
     point.clearSelection();
   } else {

apps/demos/Demos/Charts/PointSelectionAPI/jQuery/index.js

@@ -2,6 +2,9 @@ $(() => {
   const chart = $('#chart').dxChart({
     dataSource,
     rotated: true,
+    title: {
+      text: 'Most Popular US Cat Breeds',
+    },
     commonSeriesSettings: {
       argumentField: 'breed',
       type: 'bar',
@@ -15,9 +18,6 @@ $(() => {
         hatching: { direction: 'none' },
       },
     },
-    title: {
-      text: 'Most Popular US Cat Breeds',
-    },
     legend: {
       visible: false,
     },

apps/demos/configs/Angular/config.js

@@ -98,6 +98,11 @@ window.config = {
     experimentalDecorators: true,
   },
   meta: {
+    '*': {
+      'globals': {
+        'process': 'process',
+      },
+    },
     'typescript': {
       'exports': 'ts',
     },
@@ -156,6 +161,7 @@ window.config = {
     'externals:': '../../../../bundles/externals/',
   },
   map: {
+    'process': '../../../../utils/shared/process.js',
     'ts': 'npm:plugin-typescript/lib/plugin.js',
     'typescript': 'npm:typescript/lib/typescript.js',
     'jszip': 'npm:jszip/dist/jszip.min.js',

apps/demos/configs/React/config.js

@@ -8,6 +8,11 @@ window.config = {
     jsx: 'react',
   },
   meta: {
+    '*': {
+      'globals': {
+        'process': 'process',
+      },
+    },
     'react': {
       'esModule': true,
     },
@@ -49,6 +54,7 @@ window.config = {
   },
   defaultExtension: 'js',
   map: {
+    'process': '../../../../utils/shared/process.js',
     'ts': 'npm:plugin-typescript/lib/plugin.js',
     'typescript': 'npm:typescript/lib/typescript.js',
     'jszip': 'npm:jszip/dist/jszip.min.js',

apps/demos/configs/ReactJs/config.js

@@ -8,6 +8,11 @@ window.config = {
     jsx: 'react',
   },
   meta: {
+    '*': {
+      globals: {
+        process: 'process',
+      },
+    },
     'react': {
       'esModule': true,
     },
@@ -49,6 +54,7 @@ window.config = {
   },
   defaultExtension: 'js',
   map: {
+    'process': '../../../../utils/shared/process.js',
     'ts': 'npm:plugin-typescript/lib/plugin.js',
     'typescript': 'npm:typescript/lib/typescript.js',
     'jszip': 'npm:jszip/dist/jszip.min.js',

apps/demos/configs/Vue/config.js

@@ -2,6 +2,11 @@ window.exports = window.exports || {};
 window.config = {
   transpiler: 'plugin-babel',
   meta: {
+    '*': {
+      'globals': {
+        'process': 'process',
+      },
+    },
     '*.vue': {
       loader: 'vue-loader',
     },
@@ -46,6 +51,7 @@ window.config = {
     'externals:': '../../../../bundles/externals/',
   },
   map: {
+    'process': '../../../../utils/shared/process.js',
     'vue': 'npm:vue/dist/vue.esm-browser.js',
     '@vue/shared': 'npm:@vue/shared/dist/shared.cjs.prod.js',
     'vue-loader': 'npm:dx-systemjs-vue-browser/index.js',