Merge pull request #729 from IgniteUI/ESShared/XPlaform_examples_igniteui-xplat-examples-output+PRs_2025.2.8.1

Changes from igniteui-xplat-examples-output+PRs_2025.2.8.1

Author: mddifilippo89

samples/charts/data-pie-chart/animation-replay/src/index.tsx

@@ -9,7 +9,7 @@ import { IgrDataPieChart } from 'igniteui-react-charts';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, DataPieChartDescriptionModule, ItemLegendDescriptionModule } from 'igniteui-react-core';
 import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand';
 import { IgrPropertyEditorPropertyDescriptionButtonClickEventArgs } from 'igniteui-react-layouts';
-import { XamDomainChart } from 'igniteui-react-charts';
+import { IgrDomainChart } from 'igniteui-react-charts';
 
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 

samples/charts/data-pie-chart/others/src/DataPieData.ts

@@ -0,0 +1,60 @@
+export class DataPieDataItem {
+    public constructor(init: Partial<DataPieDataItem>) {
+        Object.assign(this, init);
+    }
+
+    public v1: number;
+    public category: string;
+
+}
+export class DataPieData extends Array<DataPieDataItem> {
+    public constructor(items: Array<DataPieDataItem> | number = -1) {
+        if (Array.isArray(items)) {
+            super(...items);
+        } else {
+            const newItems = [
+                new DataPieDataItem(
+                {
+                    v1: 100,
+                    category: `Maintenance`
+                }),
+                new DataPieDataItem(
+                {
+                    v1: 40,
+                    category: `Cooling`
+                }),
+                new DataPieDataItem(
+                {
+                    v1: 20,
+                    category: `Residential`
+                }),
+                new DataPieDataItem(
+                {
+                    v1: 15,
+                    category: `Utilities`
+                }),
+                new DataPieDataItem(
+                {
+                    v1: 10,
+                    category: `Heating`
+                }),
+                new DataPieDataItem(
+                {
+                    v1: 5,
+                    category: `Lighting`
+                }),
+                new DataPieDataItem(
+                {
+                    v1: 4,
+                    category: `Electric`
+                }),
+                new DataPieDataItem(
+                {
+                    v1: 3,
+                    category: `Misc`
+                }),
+            ];
+            super(...newItems.slice(0));
+        }
+    }
+}

samples/charts/data-pie-chart/others/src/index.tsx

@@ -2,12 +2,12 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 
-import { LocalDataItem, LocalData } from './SampleData';
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrDataPieChartModule, IgrItemLegendModule } from 'igniteui-react-charts';
 import { IgrPropertyEditorPanel, IgrPropertyEditorPropertyDescription } from 'igniteui-react-layouts';
 import { IgrDataPieChart } from 'igniteui-react-charts';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, DataPieChartDescriptionModule, ItemLegendDescriptionModule } from 'igniteui-react-core';
+import { DataPieDataItem, DataPieData } from './DataPieData';
 
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
@@ -77,7 +77,7 @@ export default class Sample extends React.Component<any, any> {
             <div className="container fill">
                 <IgrDataPieChart
                     ref={this.chartRef}
-                    dataSource={this.localData}
+                    dataSource={this.dataPieData}
                     othersCategoryType="Number"
                     othersCategoryThreshold="15">
                 </IgrDataPieChart>
@@ -86,13 +86,13 @@ export default class Sample extends React.Component<any, any> {
         );
     }
 
-    private _localData: LocalData = null;
-    public get localData(): LocalData {
-        if (this._localData == null)
+    private _dataPieData: DataPieData = null;
+    public get dataPieData(): DataPieData {
+        if (this._dataPieData == null)
         {
-            this._localData = new LocalData();
+            this._dataPieData = new DataPieData();
         }
-        return this._localData;
+        return this._dataPieData;
     }
 
     private _componentRenderer: ComponentRenderer = null;