From 28b2d7eeb81d6568ab136409612fed2baa27be4e Mon Sep 17 00:00:00 2001 From: shahramk Date: Wed, 13 Dec 2023 21:33:58 -0800 Subject: [PATCH 1/6] feat: add option to enable title's tooltip - default: disabled --- src/components/simple-billboard/README.md | 1 + src/components/simple-billboard/index.js | 24 +++++++++++++----- .../simple-billboard/simple-billboard.png | Bin 17227 -> 7518 bytes 3 files changed, 19 insertions(+), 6 deletions(-) diff --git a/src/components/simple-billboard/README.md b/src/components/simple-billboard/README.md index bc5d604..05eb94c 100644 --- a/src/components/simple-billboard/README.md +++ b/src/components/simple-billboard/README.md @@ -47,6 +47,7 @@ and the code snippet to use the component: name: PropTypes.string, // required - metric name style: PropTypes.object, // optional - SCSS class name for metric name className: PropTypes.string, // optional - SCSS style for metric name + toolTip: PropTypes.bool // optional - enable tool tip for metric name (default: false) }), }; ``` diff --git a/src/components/simple-billboard/index.js b/src/components/simple-billboard/index.js index 053fe00..9d547ba 100644 --- a/src/components/simple-billboard/index.js +++ b/src/components/simple-billboard/index.js @@ -8,7 +8,7 @@ import styles from './styles.scss'; /** * @param {Object} metric - metric value, previousValue, optional: prefix, suffix, className, style * @param {Object} statusTrend - optional: className, style - * @param {Object} title - metric name, optional: className, style + * @param {Object} title - metric name, optional: className, style, toolTip * @return {JSX Object} - RENDERING name, value, up/down trend when previousValue present */ const SimpleBillboard = ({ metric, statusTrend = {}, title }) => { @@ -60,11 +60,11 @@ const SimpleBillboard = ({ metric, statusTrend = {}, title }) => { difference > 0 ? { type: 'uparrow', - fill: '#02865B', + fill: '#9EA5A9', } : { type: 'downarrow', - fill: '#DF2D24', + fill: '#9EA5A9', }; return ( { }, [difference]); return ( -
+
{ {changeStatus}
- + {title.toolTip ? ( + +
+ {title.name} +
+ + ) : (
{ > {title.name}
- + )}
); }; @@ -125,6 +136,7 @@ SimpleBillboard.propTypes = { name: PropTypes.string, style: PropTypes.object, className: PropTypes.string, + toolTip: PropTypes.bool, }), }; diff --git a/src/components/simple-billboard/simple-billboard.png b/src/components/simple-billboard/simple-billboard.png index 92ff4e1e8f5aa01b0c71f8854c2e3aa2e25826d9..b028b3f81cea730d591846d308ad0df7e855863d 100644 GIT binary patch literal 7518 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 Pevz7zmSUZ}Rp|c#fj4P3 literal 17227 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 From dcd41484aebaf26a0fd28466fab6f58ebf70efd3 Mon Sep 17 00:00:00 2001 From: shahramk Date: Thu, 14 Dec 2023 09:55:32 -0800 Subject: [PATCH 2/6] refactor: clean up code --- src/components/simple-billboard/index.js | 13 ++++--------- 1 file changed, 4 insertions(+), 9 deletions(-) diff --git a/src/components/simple-billboard/index.js b/src/components/simple-billboard/index.js index 9d547ba..1d6b5b4 100644 --- a/src/components/simple-billboard/index.js +++ b/src/components/simple-billboard/index.js @@ -58,20 +58,15 @@ const SimpleBillboard = ({ metric, statusTrend = {}, title }) => { }; const icon = difference > 0 - ? { - type: 'uparrow', - fill: '#9EA5A9', - } - : { - type: 'downarrow', - fill: '#9EA5A9', - }; + ? { type: 'uparrow', } + : { type: 'downarrow', }; + return ( Date: Mon, 18 Dec 2023 17:00:41 -0800 Subject: [PATCH 3/6] update changelog --- CHANGELOG.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 7b449a2..d9883e4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] +- add option to enable title's tooltip + change up/down trend arrow colors to grey by [@shahramk](https://github.com/shahramk) + ## [1.16.0] - 2023-08-09 ### Added From 3d375e5946280647b0ee3226a0d92086debf4864 Mon Sep 17 00:00:00 2001 From: nr-opensource-bot Date: Tue, 19 Dec 2023 01:11:38 +0000 Subject: [PATCH 4/6] chore(release): 1.18.0 [skip ci] # [1.18.0](https://github.com/newrelic/nr-labs-components/compare/v1.17.0...v1.18.0) (2023-12-19) ### Features * add option to enable title's tooltip - default: disabled ([28b2d7e](https://github.com/newrelic/nr-labs-components/commit/28b2d7eeb81d6568ab136409612fed2baa27be4e)) --- package-lock.json | 4 ++-- package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 097ab7b..d4f1f39 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@newrelic/nr-labs-components", - "version": "1.17.0", + "version": "1.18.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@newrelic/nr-labs-components", - "version": "1.17.0", + "version": "1.18.0", "license": "Apache-2.0", "dependencies": { "dayjs": "^1.11.7" diff --git a/package.json b/package.json index 3ccea2c..75059d3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@newrelic/nr-labs-components", - "version": "1.17.0", + "version": "1.18.0", "description": "New Relic Labs components", "main": "dist/index.js", "module": "dist/index.es.js", From 12628b1794fb4599e7cdcaf935652bd6533ab5bd Mon Sep 17 00:00:00 2001 From: nr-opensource-bot Date: Tue, 19 Dec 2023 17:55:01 +0000 Subject: [PATCH 5/6] chore(release): 1.19.0 [skip ci] # [1.19.0](https://github.com/newrelic/nr-labs-components/compare/v1.18.0...v1.19.0) (2023-12-19) ### Features * time picker component ([4dcb884](https://github.com/newrelic/nr-labs-components/commit/4dcb88482654fa90c195e741e28bf4f95c5f3529)) --- package-lock.json | 4 ++-- package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index d4f1f39..1084f1f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@newrelic/nr-labs-components", - "version": "1.18.0", + "version": "1.19.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@newrelic/nr-labs-components", - "version": "1.18.0", + "version": "1.19.0", "license": "Apache-2.0", "dependencies": { "dayjs": "^1.11.7" diff --git a/package.json b/package.json index 75059d3..79205da 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@newrelic/nr-labs-components", - "version": "1.18.0", + "version": "1.19.0", "description": "New Relic Labs components", "main": "dist/index.js", "module": "dist/index.es.js", From 0623f72494889147597360c9836d446f10453899 Mon Sep 17 00:00:00 2001 From: Amit Yathirajadasan Date: Tue, 19 Dec 2023 10:01:50 -0800 Subject: [PATCH 6/6] chore: update changelong --- CHANGELOG.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 933a97a..a89353c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,13 +7,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] +## [1.19.0] - 2023-12-18 + ### Added - TimePicker component by [@amit-y](https://github.com/amit-y) -## [1.17.1] - 2023-12-18 +## [1.18.0] - 2023-12-18 + +### Changed -- add option to enable title's tooltip + change up/down trend arrow colors to grey by [@shahramk](https://github.com/shahramk) +- SimpleBillboard - add option to enable title's tooltip + change up/down trend arrow colors to grey by [@shahramk](https://github.com/shahramk) ## [1.17.0] - 2023-12-14