@appquality/unguess-design-system 2.12.34 → 2.12.36

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v2.12.36 (Mon Nov 21 2022)
+
+#### ⚠️ Pushed to `master`
+
+- feat(bullet chart): adjust margins ([@iacopolea](https://github.com/iacopolea))
+
+#### Authors: 1
+
+- Iacopo Leardini ([@iacopolea](https://github.com/iacopolea))
+
+---
+
+# v2.12.35 (Mon Nov 21 2022)
+
+#### 🐛 Bug Fix
+
+- Un 64 last fixes bullet chart [#110](https://github.com/AppQuality/unguess-design-system/pull/110) ([@iacopolea](https://github.com/iacopolea))
+
+#### Authors: 1
+
+- Iacopo Leardini ([@iacopolea](https://github.com/iacopolea))
+
+---
+
 # v2.12.34 (Mon Nov 21 2022)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -19,6 +19,7 @@ var reactTypography = require('@zendeskgarden/react-typography');
 var bar = require('@nivo/bar');
 var bullet = require('@nivo/bullet');
 var web = require('@react-spring/web');
+var tooltip = require('@nivo/tooltip');
 var pie = require('@nivo/pie');
 var stream = require('@nivo/stream');
 var sunburst = require('@nivo/sunburst');
@@ -1126,27 +1127,24 @@ var BarChart = function (_a) {
 };
 
 var CustomBulletChartMarkers = function (_a) {
-    var x = _a.x, y = _a.y, size = _a.size, _b = _a.animatedProps, color = _b.color, transform = _b.transform, data = _a.data, onMouseEnter = _a.onMouseEnter, onMouseMove = _a.onMouseMove, onMouseLeave = _a.onMouseLeave, onClick = _a.onClick;
-    return (jsxRuntime.jsx(web.animated.circle, { transform: transform, cx: x, cy: y, fill: color, stroke: color, r: size, 
-        // @ts-ignore onMouseMove event for circle is not supported, but it works
-        onMouseMove: function (event) { return onMouseMove(data, event); }, 
-        // @ts-ignore onMouseEnter event for circle is not supported, but it works
-        onMouseEnter: function (event) { return onMouseEnter(data, event); }, 
-        // @ts-ignore onMouseLeave event for circle is not supported, but it works
-        onMouseLeave: function (event) { return onMouseLeave(data, event); }, 
-        // @ts-ignore onClick event for circle is not supported, but it works
-        onClick: function (event) { return onClick(data, event); } }));
+    var x = _a.x, y = _a.y, size = _a.size, _b = _a.animatedProps, color = _b.color, transform = _b.transform;
+    return (jsxRuntime.jsx(web.animated.circle, { transform: transform, cx: x, cy: y, fill: color, stroke: color, r: size }));
 };
 
 var CustomMeasure = function (_a) {
-    var x = _a.x, y = _a.y, width = _a.width, height = _a.height; _a.color;
+    var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
     return (jsxRuntime.jsx("rect", { x: x + 2, y: y + 2, width: width - 4, height: height - 4, fill: chartColors.darkGrey }));
 };
 
+var CustomTooltip = function (_a) {
+    var v0 = _a.v0, v1 = _a.v1, color = _a.color;
+    return (jsxRuntime.jsx(tooltip.BasicTooltip, { id: v1 ? (jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("strong", { children: v0 }), "-", jsxRuntime.jsx("strong", { children: v1 }), "%"] })) : (jsxRuntime.jsx("strong", { children: v0 })), enableChip: true, color: color }));
+};
+
 var UgBulletChart = styled__default["default"](bullet.ResponsiveBullet)(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
 var BulletChart = function (_a) {
     var width = _a.width, height = _a.height, ranges = _a.ranges, values = _a.values;
-    return (jsxRuntime.jsx(ChartContainer, __assign({ width: width, height: height, id: "ciolla" }, { children: jsxRuntime.jsx(UgBulletChart, { theme: DEFAULT_CHARTS_THEME, data: [
+    return (jsxRuntime.jsx(ChartContainer, __assign({ width: width, height: height }, { children: jsxRuntime.jsx(UgBulletChart, { theme: DEFAULT_CHARTS_THEME, data: [
                 {
                     id: "",
                     title: "",
@@ -1157,7 +1155,7 @@ var BulletChart = function (_a) {
             ], measureComponent: CustomMeasure, markerColors: chartColors.darkPine, markerComponent: function (_a) {
                 _a.size; var markerProps = __rest(_a, ["size"]);
                 return (jsxRuntime.jsx(CustomBulletChartMarkers, __assign({}, markerProps, { size: 4 })));
-            }, rangeColors: chartColors.lightGrey, rangeBorderColor: "white", rangeBorderWidth: 2, margin: { top: 0, right: 0, bottom: -1, left: 0 } }) })));
+            }, tooltip: CustomTooltip, rangeColors: chartColors.lightGrey, rangeBorderColor: "white", rangeBorderWidth: 2, margin: { top: 0, right: 5, bottom: -1, left: 0 } }) })));
 };
 var templateObject_1$15;
 

package/build/stories/charts/bullet/CustomBulletChartMarker.d.ts

@@ -1,2 +1,2 @@
 import { BulletMarkersItemProps } from "@nivo/bullet";
-export declare const CustomBulletChartMarkers: ({ x, y, size, animatedProps: { color, transform }, data, onMouseEnter, onMouseMove, onMouseLeave, onClick, }: BulletMarkersItemProps) => JSX.Element;
+export declare const CustomBulletChartMarkers: ({ x, y, size, animatedProps: { color, transform } }: BulletMarkersItemProps) => JSX.Element;

package/build/stories/charts/bullet/CustomBulletChartMeasure.d.ts

@@ -5,4 +5,4 @@ export interface CustomBulletChartMeasureProps {
     width: number;
     height: number;
 }
-export declare const CustomMeasure: ({ x, y, width, height, color }: CustomBulletChartMeasureProps) => JSX.Element;
+export declare const CustomMeasure: ({ x, y, width, height }: CustomBulletChartMeasureProps) => JSX.Element;

package/build/stories/charts/bullet/CustomTooltip.d.ts

@@ -0,0 +1,5 @@
+export declare const CustomTooltip: ({ v0, v1, color }: {
+    color: string;
+    v0: number;
+    v1?: number | undefined;
+}) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.12.34",
+  "version": "2.12.36",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",
@@ -9,6 +9,7 @@
     "@nivo/pie": "^0.80.0",
     "@nivo/stream": "^0.80.0",
     "@nivo/sunburst": "^0.80.0",
+    "@nivo/tooltip": "^0.80.0",
     "@nivo/waffle": "^0.80.0",
     "@tiptap/extension-bubble-menu": "^2.0.0-beta.61",
     "@tiptap/extension-character-count": "^2.0.0-beta.31",