hotfix map hover (#664)

* added grid and hgrid remote paging samples

* docs(grid): initial implementation excel style editing

* docs(grid): initial excel style editing sample

* docs(grid): updated sample

* docs(grid): added numpads to case

* docs(grid): fixed column targeting on enter nav

* chore(grid): fixed type missed warning

* Add default separator the clipboard operations samples.

* Reorder avatar size sample to match the wc one.

* Fixed console errors for Hgrid remote paging

* Adding Divider Samples

* Resolving key errors in browser console

* Correcting the duplicate key

* chore(divider-samples): format tsx files

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

* Fix missing gridRef current argument use.

* docs(grid): removed old sample

* docs(grid): removed perPage from constructor

* Renaming the sample so it doesn't cause build error (#652)

Co-authored-by: Ivan Kitanov <[email protected]>

* fix(grid): updated excel style to navigate on single enter click if in edit mode

* fix(grid): removed extra sample to avoid confusion

* chore(*): update ig to 18.7.2-beta.0

* chore(*): update ig to 18.7.3

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.10.21.1 (#656)

Co-authored-by: tfsbuild <[email protected]>

* add map selection (#660)

* add "react-icons

* fix styling in Map Selection

* fix labels

* fix(grid): fixed grid overlay container scrolling (#659)

* update map selection

* fix hover in map selection

---------

Co-authored-by: ttonev <[email protected]>
Co-authored-by: Deyan Kamburov <[email protected]>
Co-authored-by: Mariela Tihova <[email protected]>
Co-authored-by: skrustev <[email protected]>
Co-authored-by: Ivan Kitanov <[email protected]>
Co-authored-by: ddaribo <[email protected]>
Co-authored-by: tfsbuild <[email protected]>
Co-authored-by: Vasya Kacheshmarova <[email protected]>
Co-authored-by: Ivan Kitanov <[email protected]>
Co-authored-by: Deyan Kamburov <[email protected]>
Co-authored-by: IMinchev64 <[email protected]>
Co-authored-by: azure-pipelines[bot] <36771401+azure-pipelines[bot]@users.noreply.github.com>

samples/maps/geo-map/shape-selection/src/MapElectionStyleUtility.ts

@@ -42,6 +42,7 @@ export class ShapeComparisonStyling extends ShapeStyling {
 
     let itemValue = this.getValue(this.itemMemberPath, record);
     let itemStroke = this.getValue("KeyRace", record) > 0 ? "black" : "white";
+    let itemSelected = this.getValue("IsSelected", record);
 
     if (itemValue === null || itemValue === "") {
       return this.defaultStyle;
@@ -50,10 +51,11 @@ export class ShapeComparisonStyling extends ShapeStyling {
     for (const mapping of this.itemMappings) {
       if (mapping.itemValue === itemValue) {
         const shapeStyle = new Style();
+
         shapeStyle.opacity = mapping.opacity || this.defaultOpacity;
-        shapeStyle.fill    = mapping.fill || this.defaultFill;
+        shapeStyle.fill    = itemSelected ? (mapping.hover || this.defaultFill) : (mapping.fill || this.defaultFill);
         shapeStyle.stroke  = mapping.stroke || this.defaultStroke;
-        shapeStyle.strokeThickness = mapping.strokeThickness || this.defaultThickness;
+        shapeStyle.strokeThickness = mapping.thickness || this.defaultThickness;
         return shapeStyle;
       }
     }
@@ -68,5 +70,6 @@ export class ShapeComparison {
   public opacity?: number;
   public fill: string;
   public stroke?: string;
-  public strokeThickness?: number;
+  public thickness?: number;
+  public hover: string;
 }