feat(ISCT-540): dropdown option v1 get new tooltiped icon

Author: AndyKIron

projects/fusion-docs/src/app/pages/components/dropdown-docs/dropdown-docs.component.html

@@ -9,6 +9,11 @@
         <fusion-icon *ngIf="option.indicationStatus"
                      [name]="{iconName: 'status-dots', iconVersion: 'v1'}"></fusion-icon>
         <span innerHTML="{{ optionToStringFunc | generic: option:mappingOptions:settings }}"></span>
+        <span *ngIf="option.tooltipedIcon && !option.isDisabled">
+            <fusion-icon class="option-tooltiped-icon"
+                    [fusionTooltip]="option.tooltipedIcon?.tooltipText"
+                    [name]="option.tooltipedIcon?.iconName"></fusion-icon>
+        </span>
         <div *ngIf="option.subText?.text && shouldDisplayMultiRaw" class="sub-text-container">
             <fusion-icon *ngIf="option.subText?.icon" class="sub-text-icon" [name]="option.subText?.icon"></fusion-icon>
             <label>{{ option.subText?.text }}</label>

projects/fusion-docs/src/app/pages/components/dropdown-docs/dropdown-docs.component.ts

@@ -25,4 +25,11 @@ export interface DropdownOption {
     tooltipCustom?: TooltipCustom;
     isDisabled?: boolean;
     content?: DynamicComponentConfiguration; // dynamic content as option
+    /**
+     * This property for option in component v1
+     */
+    tooltipedIcon?: {
+        iconName: string;
+        tooltipText: string;
+    };
 }

projects/fusion-ui/components/dropdown-option/common/base/dropdown-option.base.component.html

@@ -24,6 +24,14 @@
         }
     }
 
+    .option-tooltiped-icon{
+        width: 14px;
+        height: 14px;
+        margin-left: 5px;
+        color: $light-700;
+        vertical-align: text-top;
+    }
+
     img {
         max-width: 19px;
         @extend %borderRadius;