Adding changes from build igniteui-xplat-examples-output+PRs_2025.2.20.3

IgniteUI · Feb 20, 2025 · 996e3c3 · 996e3c3
1 parent f8b1965
commit 996e3c3
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 3 deletions.
diff --git a/samples/charts/data-pie-chart/animation/src/index.tsx b/samples/charts/data-pie-chart/animation/src/index.tsx
@@ -24,6 +24,8 @@ export default class Sample extends React.Component<any, any> {
         this.propertyEditorPanel1 = r;
         this.setState({});
     }
+    private transitionInModeEditor: IgrPropertyEditorPropertyDescription
+    private transitionInSpeedTypeEditor: IgrPropertyEditorPropertyDescription
     private chart: IgrDataPieChart
     private chartRef(r: IgrDataPieChart) {
         this.chart = r;
@@ -50,11 +52,13 @@ export default class Sample extends React.Component<any, any> {
                     ref={this.propertyEditorPanel1Ref}>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="TransitionInMode"
+                        name="TransitionInModeEditor"
                         label="Transition In Animation: "
                         primitiveValue="Auto">
                     </IgrPropertyEditorPropertyDescription>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="TransitionInSpeedType"
+                        name="TransitionInSpeedTypeEditor"
                         label="Transition In Speed Type: "
                         primitiveValue="Random">
                     </IgrPropertyEditorPropertyDescription>

diff --git a/samples/charts/data-pie-chart/highlighting/src/index.tsx b/samples/charts/data-pie-chart/highlighting/src/index.tsx
@@ -24,6 +24,8 @@ export default class Sample extends React.Component<any, any> {
         this.propertyEditorPanel1 = r;
         this.setState({});
     }
+    private highlightingModeEditor: IgrPropertyEditorPropertyDescription
+    private highlightingBehaviorEditor: IgrPropertyEditorPropertyDescription
     private chart: IgrDataPieChart
     private chartRef(r: IgrDataPieChart) {
         this.chart = r;
@@ -50,11 +52,13 @@ export default class Sample extends React.Component<any, any> {
                     ref={this.propertyEditorPanel1Ref}>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="HighlightingMode"
+                        name="HighlightingModeEditor"
                         label="Highlighting Mode: "
                         primitiveValue="BrightenSpecific">
                     </IgrPropertyEditorPropertyDescription>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="HighlightingBehavior"
+                        name="HighlightingBehaviorEditor"
                         label="Highlighting Behavior: "
                         primitiveValue="DirectlyOver">
                     </IgrPropertyEditorPropertyDescription>

diff --git a/samples/charts/data-pie-chart/others/src/index.tsx b/samples/charts/data-pie-chart/others/src/index.tsx
@@ -24,6 +24,9 @@ export default class Sample extends React.Component<any, any> {
         this.propertyEditorPanel1 = r;
         this.setState({});
     }
+    private othersCategoryTypeEditor: IgrPropertyEditorPropertyDescription
+    private othersCategoryThresholdEditor: IgrPropertyEditorPropertyDescription
+    private othersCategoryTextEditor: IgrPropertyEditorPropertyDescription
     private chart: IgrDataPieChart
     private chartRef(r: IgrDataPieChart) {
         this.chart = r;
@@ -50,12 +53,14 @@ export default class Sample extends React.Component<any, any> {
                     ref={this.propertyEditorPanel1Ref}>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="OthersCategoryType"
+                        name="OthersCategoryTypeEditor"
                         label="Others Type: "
                         primitiveValue="Number"
                         valueType="EnumValue">
                     </IgrPropertyEditorPropertyDescription>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="OthersCategoryThreshold"
+                        name="OthersCategoryThresholdEditor"
                         label="Others Threshold: "
                         valueType="Slider"
                         min="0"
@@ -64,6 +69,7 @@ export default class Sample extends React.Component<any, any> {
                     </IgrPropertyEditorPropertyDescription>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="OthersCategoryText"
+                        name="OthersCategoryTextEditor"
                         label="Others Text: "
                         valueType="StringValue">
                     </IgrPropertyEditorPropertyDescription>

diff --git a/samples/charts/data-pie-chart/selection/src/index.tsx b/samples/charts/data-pie-chart/selection/src/index.tsx
@@ -24,7 +24,8 @@ export default class Sample extends React.Component<any, any> {
         this.propertyEditorPanel1 = r;
         this.setState({});
     }
-    private selectionBehavior: IgrPropertyEditorPropertyDescription
+    private selectionBehaviorEditor: IgrPropertyEditorPropertyDescription
+    private selectionModeEditor: IgrPropertyEditorPropertyDescription
     private chart: IgrDataPieChart
     private chartRef(r: IgrDataPieChart) {
         this.chart = r;
@@ -53,14 +54,15 @@ export default class Sample extends React.Component<any, any> {
                         label="Selection Behavior: "
                         valueType="EnumValue"
                         propertyPath="SelectionBehavior"
-                        name="SelectionBehavior"
+                        name="SelectionBehaviorEditor"
                         shouldOverrideDefaultEditor="true"
                         dropDownNames={["PerDataItemSingleSelect", "PerDataItemMultiSelect"]}
                         dropDownValues={["PerDataItemSingleSelect", "PerDataItemMultiSelect"]}
                         primitiveValue="PerDataItemSingleSelect">
                     </IgrPropertyEditorPropertyDescription>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="SelectionMode"
+                        name="SelectionModeEditor"
                         label="Selection Mode: "
                         primitiveValue="Brighten">
                     </IgrPropertyEditorPropertyDescription>

diff --git a/samples/charts/toolbar/actions-built-in-category-chart/src/index.tsx b/samples/charts/toolbar/actions-built-in-category-chart/src/index.tsx
@@ -4,6 +4,7 @@ import './index.css';
 
 import { IgrLegendModule, IgrCategoryChartModule, IgrCategoryChartToolbarModule } from 'igniteui-react-charts';
 import { IgrToolbarModule } from 'igniteui-react-layouts';
+import { IgrCheckboxListModule } from 'igniteui-react-grids';
 import { IgrLegend, IgrCategoryChart } from 'igniteui-react-charts';
 import { IgrToolbar } from 'igniteui-react-layouts';
 import { CountryRenewableElectricityItem, CountryRenewableElectricity } from './CountryRenewableElectricity';
@@ -12,7 +13,8 @@ const mods: any[] = [
     IgrLegendModule,
     IgrToolbarModule,
     IgrCategoryChartModule,
-    IgrCategoryChartToolbarModule
+    IgrCategoryChartToolbarModule,
+    IgrCheckboxListModule
 ];
 mods.forEach((m) => m.register());
 

diff --git a/samples/charts/toolbar/custom-tool/src/index.tsx b/samples/charts/toolbar/custom-tool/src/index.tsx
@@ -29,6 +29,7 @@ export default class Sample extends React.Component<any, any> {
         this.setState({});
     }
     private customIconName: IgrToolActionLabel
+    private customIconName2: IgrToolActionLabel
     private chart: IgrCategoryChart
     private chartRef(r: IgrCategoryChart) {
         this.chart = r;
@@ -67,6 +68,12 @@ export default class Sample extends React.Component<any, any> {
                                 iconCollectionName="CustomCollection"
                                 name="CustomIconName">
                             </IgrToolActionLabel>
+                            <IgrToolActionLabel
+                                title="Custom Icon 2"
+                                iconName="CustomIcon2"
+                                iconCollectionName="CustomCollection2"
+                                name="CustomIconName2">
+                            </IgrToolActionLabel>
                         </IgrToolbar>
                     </div>
                 </div>
@@ -117,6 +124,8 @@ export default class Sample extends React.Component<any, any> {
         const icon = '<svg width="28px" height="28px" stroke="none" viewBox="0 0 3.5 3.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--gis" preserveAspectRatio="xMidYMid meet"><path d="M0.436 0.178a0.073 0.073 0 0 0 -0.062 0.036L0.01 0.846a0.073 0.073 0 0 0 0.063 0.109h0.729a0.073 0.073 0 0 0 0.063 -0.109L0.501 0.214a0.073 0.073 0 0 0 -0.064 -0.036zm0.001 0.219 0.238 0.413H0.199zM1.4 0.507v0.245h0.525v-0.245zm0.77 0v0.245h1.33v-0.245zM0.073 1.388A0.073 0.073 0 0 0 0 1.461v0.583a0.073 0.073 0 0 0 0.073 0.073h0.729A0.073 0.073 0 0 0 0.875 2.045V1.461a0.073 0.073 0 0 0 -0.073 -0.073zm0.073 0.146h0.583v0.438H0.146zM1.4 1.674v0.245h0.945v-0.245zm1.19 0v0.245h0.91v-0.245zM0.438 2.447c-0.241 0 -0.438 0.197 -0.438 0.438 0 0.241 0.197 0.438 0.438 0.438s0.438 -0.197 0.438 -0.438c0 -0.241 -0.197 -0.438 -0.438 -0.438zm0 0.146a0.291 0.291 0 0 1 0.292 0.292 0.291 0.291 0 0 1 -0.292 0.292 0.291 0.291 0 0 1 -0.292 -0.292A0.291 0.291 0 0 1 0.438 2.593zM1.4 2.842v0.245h0.525v-0.245zm0.77 0v0.245h1.33v-0.245z" fill="#000000" fill-rule="evenodd"/></svg>';
         toolbar.registerIconFromText("CustomCollection", "CustomIcon", icon);
 
+    	toolbar.registerIconFromDataURL("CustomCollection2", "CustomIcon2", "https://www.svgrepo.com/show/678/calculator.svg");
+
     }
 
 }

diff --git a/samples/charts/toolbar/theming/src/index.tsx b/samples/charts/toolbar/theming/src/index.tsx
@@ -30,6 +30,7 @@ export default class Sample extends React.Component<any, any> {
         this.propertyEditorPanel1 = r;
         this.setState({});
     }
+    private baseThemeEditor: IgrPropertyEditorPropertyDescription
     private toolbar: IgrToolbar
     private toolbarRef(r: IgrToolbar) {
         this.toolbar = r;
@@ -65,6 +66,7 @@ export default class Sample extends React.Component<any, any> {
                     ref={this.propertyEditorPanel1Ref}>
                     <IgrPropertyEditorPropertyDescription
                         propertyPath="BaseTheme"
+                        name="BaseThemeEditor"
                         label="Theme"
                         shouldOverrideDefaultEditor="true"
                         valueType="EnumValue"