Changes from igniteui-xplat-examples-output+PRs_2023.6.30.1 (#294)

azure-pipelines[bot] · tfsbuild · HUSSAR-mtrela · web-flow · commit 39a012c6a4f5 · 2023-06-30T11:27:28.000-04:00
* Adding changes from build igniteui-xplat-examples-output+PRs_2023.6.30.1

* revert index.tsx

* Update index.tsx

* Update index.tsx

* Update .eslintrc.js

* Update index.tsx

---------

Co-authored-by: tfsbuild &lt;tfsbuild@infragistics.com&gt;
Co-authored-by: HUSSAR-mtrela (Martin Trela) &lt;HUSSAR-mtrela@users.noreply.github.com&gt;
diff --git a/samples/charts/category-chart/data-aggregations/src/index.tsx b/samples/charts/category-chart/data-aggregations/src/index.tsx
@@ -58,19 +58,31 @@ export default class Sample extends React.Component<any, any> {
                         propertyPath="InitialGroups"
                         name="InitialGroups"
                         label="Initial Groups"
-                        valueType="StringValue">
+                        valueType="EnumValue"
+                        shouldOverrideDefaultEditor="true"
+                        dropDownNames={["Country", "Product", "MonthName", "Year"]}
+                        dropDownValues={["Country", "Product", "MonthName", "Year"]}
+                        primitiveValue="Country">
                     </IgrPropertyEditorPropertyDescription>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="InitialSummaries"
                         name="InitialSummaries"
                         label="Initial Summaries"
-                        valueType="StringValue">
+                        valueType="EnumValue"
+                        shouldOverrideDefaultEditor="true"
+                        dropDownNames={["Sum(Sales) as Sales", "Avg(Sales) as Sales", "Min(Sales) as Sales", "Max(Sales) as Sales", "Count(Sales) as Sales"]}
+                        dropDownValues={["Sum(Sales) as Sales", "Avg(Sales) as Sales", "Min(Sales) as Sales", "Max(Sales) as Sales", "Count(Sales) as Sales"]}
+                        primitiveValue="Sum(Sales) as Sales">
                     </IgrPropertyEditorPropertyDescription>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="GroupSorts"
                         name="GroupSorts"
                         label="Sort Groups"
-                        valueType="StringValue">
+                        valueType="EnumValue"
+                        shouldOverrideDefaultEditor="true"
+                        dropDownNames={["Sales Desc", "Sales Asc"]}
+                        dropDownValues={["Sales Desc", "Sales Asc"]}
+                        primitiveValue="Sales Desc">
                     </IgrPropertyEditorPropertyDescription>
                 </IgrPropertyEditorPanel>
             </div>
diff --git a/samples/charts/category-chart/value-lines/src/index.tsx b/samples/charts/category-chart/value-lines/src/index.tsx
@@ -96,7 +96,10 @@ export default class Sample extends React.Component<any, any> {
                     legend={this.legend}
                     isHorizontalZoomEnabled="false"
                     isVerticalZoomEnabled="false"
-                    crosshairsDisplayMode="None">
+                    crosshairsDisplayMode="None"
+                    isTransitionInEnabled="false"
+                    yAxisMinimumValue="0"
+                    yAxisMaximumValue="100">
                 </IgrCategoryChart>
             </div>
         </div>
diff --git a/samples/charts/data-chart/bar-chart-styling/src/index.tsx b/samples/charts/data-chart/bar-chart-styling/src/index.tsx
@@ -76,7 +76,7 @@ export default class Sample extends React.Component<any, any> {
                         showDefaultTooltip="true"
                         isTransitionInEnabled="true"
                         isHighlightingEnabled="true"
-                        brush="rgba(134, 6, 138, 0.647058823529412)"
+                        brush="rgba(134, 6, 138, 0.6470588235294118)"
                         outline="rgba(133, 6, 138, 1)"
                         thickness="2"
                         areaFillOpacity="0.5">
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/src/index.css b/samples/charts/toolbar/actions-built-in-category-chart/src/index.css
@@ -1,18 +1,20 @@
 /* shared styles are loaded from: */
 /* https://static.infragistics.com/xplatform/css/samples */
-#aboveContentSplit {
+.aboveContentSplit {
     display: flex;
     flex-direction: row;
 }
-#aboveContentLeftContainer {
+.aboveContentLeftContainer {
+    margin-left: 1.25rem;
     display: flex;
     flex-grow: 1;
-    justify-content: start;
-    align-items: end;
+    justify-content: flex-start;
+    align-items: flex-end;
 }
-#aboveContentRightContainer {
+.aboveContentRightContainer {
+    margin-right: 1.25rem;
     display: flex;
     flex-grow: 1;
-    justify-content: end;
-    align-items: end;
+    justify-content: flex-end;
+    align-items: flex-end;
 }
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/src/index.css b/samples/charts/toolbar/actions-built-in-data-chart/src/index.css
@@ -1,18 +1,20 @@
 /* shared styles are loaded from: */
 /* https://static.infragistics.com/xplatform/css/samples */
-#aboveContentSplit {
+.aboveContentSplit {
     display: flex;
     flex-direction: row;
 }
-#aboveContentLeftContainer {
+.aboveContentLeftContainer {
+    margin-left: 1.25rem;
     display: flex;
     flex-grow: 1;
-    justify-content: start;
-    align-items: end;
+    justify-content: flex-start;
+    align-items: flex-end;
 }
-#aboveContentRightContainer {
+.aboveContentRightContainer {
+    margin-right: 1.25rem;
     display: flex;
     flex-grow: 1;
-    justify-content: end;
-    align-items: end;
+    justify-content: flex-end;
+    align-items: flex-end;
 }
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/src/index.tsx b/samples/charts/toolbar/actions-built-in-data-chart/src/index.tsx
@@ -121,4 +121,4 @@ export default class Sample extends React.Component<any, any> {
 
 // rendering above component in the React DOM
 const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<Sample/>);
+root.render(<Sample/>);
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/.eslintrc.js b/samples/charts/toolbar/layout-actions-for-data-chart/.eslintrc.js
@@ -74,4 +74,4 @@ module.exports = {
         }
       }
     ]
-  };
+  };
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/src/index.css b/samples/charts/toolbar/layout-actions-for-data-chart/src/index.css
@@ -1,18 +1,20 @@
 /* shared styles are loaded from: */
 /* https://static.infragistics.com/xplatform/css/samples */
-#aboveContentSplit {
+.aboveContentSplit {
     display: flex;
     flex-direction: row;
 }
-#aboveContentLeftContainer {
+.aboveContentLeftContainer {
+    margin-left: 1.25rem;
     display: flex;
     flex-grow: 1;
-    justify-content: start;
-    align-items: end;
+    justify-content: flex-start;
+    align-items: flex-end;
 }
-#aboveContentRightContainer {
+.aboveContentRightContainer {
+    margin-right: 1.25rem;
     display: flex;
     flex-grow: 1;
-    justify-content: end;
-    align-items: end;
+    justify-content: flex-end;
+    align-items: flex-end;
 }
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/src/index.tsx b/samples/charts/toolbar/layout-actions-for-data-chart/src/index.tsx
@@ -27,6 +27,10 @@ export default class Sample extends React.Component<any, any> {
         this.toolbar = r;
         this.setState({});
     }
+    private enableTooltipsLabel: IgrToolActionCheckbox
+    private zoomResetHidden: IgrToolActionLabel
+    private zoomResetLabel: IgrToolActionLabel
+    private analyzeMenu: IgrToolActionIconMenu
     private chart: IgrDataChart
     private chartRef(r: IgrDataChart) {
         this.chart = r;
@@ -85,11 +89,6 @@ export default class Sample extends React.Component<any, any> {
                         </IgrToolbar>
                     </div>
                 </div>
-                <div className="aboveContentRightContainer">
-                    <div>
-                        
-                    </div>
-                </div>
             </div>
 
             <div className="container fill">
@@ -145,7 +144,6 @@ export default class Sample extends React.Component<any, any> {
         }
         return this._countryRenewableElectricity;
     }
-    
     public toolbarToggleTooltip(sender: any, args: IgrToolCommandEventArgs): void {
         var target = this.chart;
         switch (args.command.commandId)
@@ -173,9 +171,10 @@ export default class Sample extends React.Component<any, any> {
     			}
     			break;
     	}
-    }        
+    }
+
 }
 
 // rendering above component in the React DOM
 const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<Sample/>);
+root.render(<Sample/>);

Original file line number	Diff line number	Diff line change
`@@ -74,4 +74,4 @@ module.exports = {`
`74`	`74`	`}`
`75`	`75`	`}`
`76`	`76`	`]`
`77`		`- };`
	`77`	`+ };`