azure-boards-ui 2.167.31 → 2.167.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/Common/ColorUtilities.js
CHANGED
|
@@ -13,11 +13,16 @@ export function parseColor(rawColor, alphaRequired, defaultColor) {
|
|
|
13
13
|
if (!rawColor) {
|
|
14
14
|
rawColor = defaultColor;
|
|
15
15
|
}
|
|
16
|
+
if (rawColor[0] === '#') {
|
|
17
|
+
rawColor = rawColor.substring(1);
|
|
18
|
+
}
|
|
19
|
+
if (rawColor === 'undefined') {
|
|
20
|
+
rawColor = defaultColor;
|
|
21
|
+
}
|
|
16
22
|
// CSS allows colors to look like #rgb, #rgba, #rrggbb
|
|
17
23
|
if ((rawColor.length === 3 || rawColor.length === 4 || rawColor.length === 6) && hexColorMatcher.test(rawColor)) {
|
|
18
24
|
rawColor = "#" + rawColor;
|
|
19
25
|
}
|
|
20
|
-
// fix for bug 1889619
|
|
21
26
|
// looking for #argb color
|
|
22
27
|
if (rawColor.length === 8 && hexColorMatcher.test(rawColor)) {
|
|
23
28
|
if (alphaRequired) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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)]};
|
|
1
|
+
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),"#"===r[0]&&(r=r.substring(1)),"undefined"===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)]};
|
|
@@ -24,12 +24,13 @@ export var WorkItemTypeIcon = function (props) {
|
|
|
24
24
|
export function getWorkItemTypeIconProps(props) {
|
|
25
25
|
var data = props.data, className = props.className, size = props.size, suppressAriaLabel = props.suppressAriaLabel, suppressTooltip = props.suppressTooltip;
|
|
26
26
|
var showDefault = !data || data.icon === "__default__" || data.color === "__default__";
|
|
27
|
-
var
|
|
27
|
+
var iconClassName = data && ICONNAME_TO_CLASSNAME_MAPPINGS[data.icon];
|
|
28
|
+
var iconName = showDefault || !iconClassName ? "ClipboardSolid" : "bowtie-icon bowtie-" + iconClassName;
|
|
28
29
|
var iconColor = (!showDefault && parseColor(data.color)) || undefined;
|
|
29
30
|
var workItemTypeName = (data && data.workItemTypeName) || "";
|
|
30
31
|
var tooltipHostId = getId("work-item-type-icon-tooltip");
|
|
31
32
|
return {
|
|
32
|
-
iconName: showDefault ? iconName : undefined,
|
|
33
|
+
iconName: showDefault || !iconClassName ? iconName : undefined,
|
|
33
34
|
className: css("work-item-type-icon", className, getSizeCssClass(size), showDefault ? "default" : iconName),
|
|
34
35
|
ariaDescribedBy: tooltipHostId,
|
|
35
36
|
ariaLabel: !suppressAriaLabel ? workItemTypeName : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function getSizeCssClass(e){switch(e){case TypeIconSize.small:return"small";case TypeIconSize.large:return"large";case TypeIconSize.normal:default:return"normal"}}import{__assign}from"tslib";import"azure-devops-ui/CommonImports";import"azure-devops-ui/Core/core.css";import"./WorkItemTypeIcon.css";import*as React from"react";import{getId}from"azure-devops-ui/Core/Util/Object";import{Icon}from"azure-devops-ui/Icon";import{Observer}from"azure-devops-ui/Observer";import{css}from"azure-devops-ui/Util";import{parseColor}from"../../Common/ColorUtilities";import{TypeIconSize}from"./WorkItemTypeIcon.Props";export var WorkItemTypeIcon=function(e){return React.createElement(Observer,{data:e.data},function(o){var s=o.data;return React.createElement(Icon,__assign({},getWorkItemTypeIconProps(__assign(__assign({},e),{data:s}))))})};export function getWorkItemTypeIconProps(e){var o=e.data,s=e.className,t=e.size,i=e.suppressAriaLabel,r=e.suppressTooltip,a=!o||"__default__"===o.icon||"__default__"===o.color,n=a?"ClipboardSolid":"bowtie-icon bowtie-"+
|
|
1
|
+
function getSizeCssClass(e){switch(e){case TypeIconSize.small:return"small";case TypeIconSize.large:return"large";case TypeIconSize.normal:default:return"normal"}}import{__assign}from"tslib";import"azure-devops-ui/CommonImports";import"azure-devops-ui/Core/core.css";import"./WorkItemTypeIcon.css";import*as React from"react";import{getId}from"azure-devops-ui/Core/Util/Object";import{Icon}from"azure-devops-ui/Icon";import{Observer}from"azure-devops-ui/Observer";import{css}from"azure-devops-ui/Util";import{parseColor}from"../../Common/ColorUtilities";import{TypeIconSize}from"./WorkItemTypeIcon.Props";export var WorkItemTypeIcon=function(e){return React.createElement(Observer,{data:e.data},function(o){var s=o.data;return React.createElement(Icon,__assign({},getWorkItemTypeIconProps(__assign(__assign({},e),{data:s}))))})};export function getWorkItemTypeIconProps(e){var o=e.data,s=e.className,t=e.size,i=e.suppressAriaLabel,r=e.suppressTooltip,a=!o||"__default__"===o.icon||"__default__"===o.color,n=o&&ICONNAME_TO_CLASSNAME_MAPPINGS[o.icon],c=a||!n?"ClipboardSolid":"bowtie-icon bowtie-"+n,l=!a&&parseColor(o.color)||void 0,m=o&&o.workItemTypeName||"",_=getId("work-item-type-icon-tooltip");return{iconName:a||!n?c:void 0,className:css("work-item-type-icon",s,getSizeCssClass(t),a?"default":c),ariaDescribedBy:_,ariaLabel:i?void 0:m,style:{color:l},tooltipProps:r?void 0:{id:_,text:m}}};var ICONNAME_TO_CLASSNAME_MAPPINGS={icon_crown:"symbol-crown",icon_trophy:"symbol-trophy",icon_list:"symbol-list",icon_book:"symbol-book",icon_sticky_note:"symbol-stickynote",icon_clipboard:"symbol-task",icon_insect:"symbol-bug",icon_traffic_cone:"symbol-impediment",icon_chat_bubble:"symbol-review",icon_flame:"symbol-flame",icon_megaphone:"symbol-ask",icon_test_plan:"test-plan",icon_test_suite:"test-suite",icon_test_case:"test-case",icon_test_step:"test-step",icon_test_parameter:"test-parameter",icon_code_review:"symbol-review-request",icon_code_response:"symbol-review-response",icon_review:"symbol-feedback-request",icon_response:"symbol-feedback-response",icon_ribbon:"symbol-ribbon",icon_chart:"symbol-finance",icon_headphone:"symbol-headphone",icon_key:"symbol-key",icon_airplane:"symbol-airplane",icon_car:"symbol-car",icon_diamond:"symbol-diamond",icon_asterisk:"symbol-asterisk",icon_database_storage:"symbol-storage-database",icon_government:"symbol-government",icon_gavel:"symbol-decision",icon_parachute:"symbol-parachute",icon_paint_brush:"symbol-paint-brush",icon_palette:"symbol-color-palette",icon_gear:"settings-gear",icon_check_box:"status-success-box",icon_gift:"package-fill",icon_test_beaker:"test-fill",icon_broken_lightbulb:"symbol-defect",icon_clipboard_issue:"symbol-issue",icon_github:"brand-github",icon_pull_request:"tfvc-pull-request",icon_github_issue:"status-error-outline"};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "azure-boards-ui",
|
|
3
|
-
"version": "2.167.
|
|
3
|
+
"version": "2.167.32",
|
|
4
4
|
"description": "React components for building web UI in Azure Boards",
|
|
5
5
|
"author": "Microsoft Corporation",
|
|
6
6
|
"license": "MIT",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"url": "https://github.com/Microsoft/azure-devops-ui"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"azure-devops-ui": "2.167.
|
|
12
|
+
"azure-devops-ui": "2.167.32",
|
|
13
13
|
"tslib": "~1.10.0"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
@@ -24,12 +24,12 @@
|
|
|
24
24
|
"loader-utils": "^1.1.0",
|
|
25
25
|
"minimist": "^1.2.0",
|
|
26
26
|
"node": "^11.0.0",
|
|
27
|
-
"node-sass": "~
|
|
27
|
+
"node-sass": "~7.0.0",
|
|
28
28
|
"react": "^16.8.1",
|
|
29
29
|
"react-dom": "^16.8.1",
|
|
30
30
|
"recursive-copy": "~2.0.7",
|
|
31
31
|
"sassdoc": "^2.5.1",
|
|
32
|
-
"shelljs": "~0.
|
|
32
|
+
"shelljs": "~0.8.5",
|
|
33
33
|
"typescript": "^3.8.2",
|
|
34
34
|
"uglify-es": "~3.1.3"
|
|
35
35
|
},
|