azure-boards-ui 2.167.21 → 2.167.30

package/Common/ColorUtilities.d.ts

@@ -1,6 +1,12 @@
 export declare const COLOR_TRANSPARENT = "transparent";
 export declare const COLOR_WHITE = "ffffff";
-export declare function parseColor(rawColor: string, defaultColor?: string): string;
+/**
+ * Parse color to format #aabbcc
+ * @param rawColor Raw string for color
+ * @param defaultColor will be changed to default one if rawColor is not fulfilled
+ * @param alphaRequired Color has alpha and don't need to remove it in result
+ */
+export declare function parseColor(rawColor: string, alphaRequired?: boolean, defaultColor?: string): string;
 /**
  * Convert a hex color to numeric r g b value
  * @param color Color in format #aabbcc

package/Common/ColorUtilities.js

@@ -1,15 +1,33 @@
 export var COLOR_TRANSPARENT = "transparent";
 export var COLOR_WHITE = "ffffff";
 var hexColorMatcher = /^[0-9a-fA-F]+$/;
-export function parseColor(rawColor, defaultColor) {
+/**
+ * Parse color to format #aabbcc
+ * @param rawColor Raw string for color
+ * @param defaultColor will be changed to default one if rawColor is not fulfilled
+ * @param alphaRequired Color has alpha and don't need to remove it in result
+ */
+export function parseColor(rawColor, alphaRequired, defaultColor) {
+    if (alphaRequired === void 0) { alphaRequired = false; }
     if (defaultColor === void 0) { defaultColor = COLOR_WHITE; }
     if (!rawColor) {
         rawColor = defaultColor;
     }
-    // CSS allows colors to look like #rgb, #rgba, #rrggbb, or #rrggbbaa
-    if ((rawColor.length === 3 || rawColor.length === 4 || rawColor.length === 6 || rawColor.length === 8) && hexColorMatcher.test(rawColor)) {
+    // CSS allows colors to look like #rgb, #rgba, #rrggbb
+    if ((rawColor.length === 3 || rawColor.length === 4 || rawColor.length === 6) && hexColorMatcher.test(rawColor)) {
         rawColor = "#" + rawColor;
     }
+    // fix for bug 1889619
+    // looking for #argb color 
+    if (rawColor.length === 8 && hexColorMatcher.test(rawColor)) {
+        if (alphaRequired) {
+            rawColor = "#" + rawColor;
+        }
+        else {
+            // remove transparency
+            rawColor = "#" + rawColor.substring(rawColor.length - 6);
+        }
+    }
     return rawColor;
 }
 /**

package/Common/ColorUtilities.min.js

@@ -1 +1 @@
-export var COLOR_TRANSPARENT="transparent";export var COLOR_WHITE="ffffff";var hexColorMatcher=/^[0-9a-fA-F]+$/;export function parseColor(r,t){return void 0===t&&(t=COLOR_WHITE),r||(r=t),3!==r.length&&4!==r.length&&6!==r.length&&8!==r.length||!hexColorMatcher.test(r)||(r="#"+r),r};export function hexToRgb(r){if(7!==r.length||"#"!==r[0])throw new Error("Expected color in format #aabbcc");return[parseInt(r.substr(1,2),16),parseInt(r.substr(3,2),16),parseInt(r.substr(5,2),16)]};
+export var COLOR_TRANSPARENT="transparent";export var COLOR_WHITE="ffffff";var hexColorMatcher=/^[0-9a-fA-F]+$/;export function parseColor(r,t,e){return void 0===t&&(t=!1),void 0===e&&(e=COLOR_WHITE),r||(r=e),3!==r.length&&4!==r.length&&6!==r.length||!hexColorMatcher.test(r)||(r="#"+r),8===r.length&&hexColorMatcher.test(r)&&(r=t?"#"+r:"#"+r.substring(r.length-6)),r};export function hexToRgb(r){if(7!==r.length||"#"!==r[0])throw new Error("Expected color in format #aabbcc");return[parseInt(r.substr(1,2),16),parseInt(r.substr(3,2),16),parseInt(r.substr(5,2),16)]};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "azure-boards-ui",
-    "version": "2.167.21",
+    "version": "2.167.30",
     "description": "React components for building web UI in Azure Boards",
     "author": "Microsoft Corporation",
     "license": "MIT",
@@ -9,7 +9,7 @@
         "url": "https://github.com/Microsoft/azure-devops-ui"
     },
     "dependencies": {
-        "azure-devops-ui": "2.167.21",
+        "azure-devops-ui": "2.167.30",
         "tslib": "~1.10.0"
     },
     "peerDependencies": {