Adding changes from build igniteui-xplat-examples-output+PRs_2024.12.11.4

Author: tfsbuild

samples/charts/category-chart/axis-gridlines/src/index.tsx

@@ -29,6 +29,8 @@ export default class Sample extends React.Component<any, any> {
         this.propertyEditorPanel1 = r;
         this.setState({});
     }
+    private xAxisStroke: IgrPropertyEditorPropertyDescription
+    private xAxisMajorStroke: IgrPropertyEditorPropertyDescription
     private yAxisStroke: IgrPropertyEditorPropertyDescription
     private yAxisMajorStroke: IgrPropertyEditorPropertyDescription
     private yAxisMinorStroke: IgrPropertyEditorPropertyDescription
@@ -57,6 +59,26 @@ export default class Sample extends React.Component<any, any> {
                     isHorizontal="true"
                     isWrappingEnabled="true"
                     ref={this.propertyEditorPanel1Ref}>
+                    <IgrPropertyEditorPropertyDescription
+                        propertyPath="XAxisStroke"
+                        name="XAxisStroke"
+                        label="X Axis Stroke"
+                        shouldOverrideDefaultEditor="true"
+                        valueType="EnumValue"
+                        dropDownNames={["gray", "darkslategray", "salmon", "cornflowerblue", "darkgreen"]}
+                        dropDownValues={["gray", "darkslategray", "salmon", "cornflowerblue", "darkgreen"]}
+                        primitiveValue="gray">
+                    </IgrPropertyEditorPropertyDescription>
+                    <IgrPropertyEditorPropertyDescription
+                        propertyPath="XAxisMajorStroke"
+                        name="XAxisMajorStroke"
+                        label="X Axis Major Stroke"
+                        shouldOverrideDefaultEditor="true"
+                        valueType="EnumValue"
+                        dropDownNames={["gray", "darkslategray", "salmon", "cornflowerblue", "darkgreen"]}
+                        dropDownValues={["gray", "darkslategray", "salmon", "cornflowerblue", "darkgreen"]}
+                        primitiveValue="darkslategray">
+                    </IgrPropertyEditorPropertyDescription>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="YAxisStroke"
                         name="YAxisStroke"

samples/charts/toolbar/custom-tool/src/index.tsx

@@ -28,6 +28,7 @@ export default class Sample extends React.Component<any, any> {
         this.toolbar = r;
         this.setState({});
     }
+    private customIconName: IgrToolActionLabel
     private chart: IgrCategoryChart
     private chartRef(r: IgrCategoryChart) {
         this.chart = r;
@@ -63,7 +64,8 @@ export default class Sample extends React.Component<any, any> {
                             <IgrToolActionLabel
                                 title="Custom Icon"
                                 iconName="CustomIcon"
-                                iconCollectionName="CustomCollection">
+                                iconCollectionName="CustomCollection"
+                                name="CustomIconName">
                             </IgrToolActionLabel>
                         </IgrToolbar>
                     </div>

samples/grids/pivot-grid/features/src/index.tsx

@@ -62,28 +62,25 @@ export default class Sample extends React.Component<any, any> {
             igrPivotValue1.member = "AmountofSale";
             igrPivotValue1.displayName = "Amount of Sale";
             igrPivotValue1.enabled = true;
-            var igrPivotAggregator1 = new IgrPivotAggregator();
-            igrPivotAggregator1.key = "SUM";
-            igrPivotAggregator1.label = "Sum of Sale";
-            igrPivotAggregator1.aggregator = this.pivotDataFlatAggregateSumSale;
-
-            igrPivotValue1.aggregate = igrPivotAggregator1;
-            var igrPivotAggregator2 = new IgrPivotAggregator();
-            igrPivotAggregator2.key = "SUM";
-            igrPivotAggregator2.label = "Sum of Sale";
-            igrPivotAggregator2.aggregator = this.pivotDataFlatAggregateSumSale;
-
-            var igrPivotAggregator3 = new IgrPivotAggregator();
-            igrPivotAggregator3.key = "MIN";
-            igrPivotAggregator3.label = "Minimum of Sale";
-            igrPivotAggregator3.aggregator = this.pivotDataFlatAggregateMinSale;
-
-            var igrPivotAggregator4 = new IgrPivotAggregator();
-            igrPivotAggregator4.key = "MAX";
-            igrPivotAggregator4.label = "Maximum of Sale";
-            igrPivotAggregator4.aggregator = this.pivotDataFlatAggregateMaxSale;
-
-            igrPivotValue1.aggregateList = [igrPivotAggregator2,igrPivotAggregator3,igrPivotAggregator4];
+            var SumOfSale = new IgrPivotAggregator();
+            SumOfSale.key = "SUM";
+            SumOfSale.label = "Sum of Sale";
+            SumOfSale.aggregator = this.pivotDataFlatAggregateSumSale;
+            SumOfSale.aggregatorName = "SUM";
+
+            var MinOfSale = new IgrPivotAggregator();
+            MinOfSale.key = "MIN";
+            MinOfSale.label = "Minimum of Sale";
+            MinOfSale.aggregator = this.pivotDataFlatAggregateMinSale;
+            MinOfSale.aggregatorName = "MIN";
+
+            var MaxOfSale = new IgrPivotAggregator();
+            MaxOfSale.key = "MAX";
+            MaxOfSale.label = "Maximum of Sale";
+            MaxOfSale.aggregatorName = "MAX";
+            MaxOfSale.aggregator = this.pivotDataFlatAggregateMaxSale;
+
+            igrPivotValue1.aggregateList = [SumOfSale,MinOfSale,MaxOfSale];
 
             pivotConfiguration1.values = [igrPivotValue1];