@bbl-digital/snorre 2.4.14 → 2.4.18

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. package/dist/bundle.js +17 -3
  2. package/esm/core/SimpleBarChart/index.js +15 -2
  3. package/esm/shared/recharts/CustomTooltip/index.js +2 -1
  4. package/lib/core/SimpleBarChart/index.d.ts +6 -0
  5. package/lib/core/SimpleBarChart/index.d.ts.map +1 -1
  6. package/lib/core/SimpleBarChart/index.js +15 -2
  7. package/lib/shared/recharts/CustomTooltip/index.d.ts +1 -0
  8. package/lib/shared/recharts/CustomTooltip/index.d.ts.map +1 -1
  9. package/lib/shared/recharts/CustomTooltip/index.js +2 -1
  10. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -25005,6 +25005,7 @@
25005
25005
  active,
25006
25006
  payload,
25007
25007
  label,
25008
+ allowDecimals,
25008
25009
  ...rest
25009
25010
  }) => {
25010
25011
  const {
@@ -25059,7 +25060,7 @@
25059
25060
  children: [getTooltipItemName(item), ":"]
25060
25061
  })]
25061
25062
  }), /*#__PURE__*/jsxRuntime.jsx(Text, {
25062
- children: formatter ? formatter(getFormattedPrice(item.value, 2), getTooltipItemName(item), payload[index], index) : getFormattedPrice(item.value, 2)
25063
+ children: allowDecimals ? formatter ? formatter(getFormattedPrice(item.value, 2), getTooltipItemName(item), payload[index], index) : getFormattedPrice(item.value, 2) : Math.round(item.value)
25063
25064
  })]
25064
25065
  }, item.name));
25065
25066
  };
@@ -25150,8 +25151,17 @@
25150
25151
  layout = 'horizontal',
25151
25152
  defaultFormatter = false,
25152
25153
  tickFormatter,
25154
+ minTickGapX,
25155
+ minTickGapY,
25156
+ allowDecimals = true,
25153
25157
  ...rest
25154
25158
  }) => {
25159
+ const getTickFormatter = () => {
25160
+ if (defaultFormatter && !tickFormatter) return undefined;
25161
+ if (tickFormatter) return tickFormatter;
25162
+ return formatAxisPrice;
25163
+ };
25164
+
25155
25165
  return /*#__PURE__*/jsxRuntime.jsx(BarChartContainer, {
25156
25166
  width: width && width,
25157
25167
  height: height && height,
@@ -25176,13 +25186,17 @@
25176
25186
  tickLine: tickLineX && tickLineX,
25177
25187
  type: layout === 'vertical' ? 'number' : 'category',
25178
25188
  tickMargin: 5,
25179
- tickFormatter: !defaultFormatter || !tickFormatter ? formatAxisPrice : tickFormatter
25189
+ minTickGap: minTickGapX,
25190
+ allowDecimals: allowDecimals,
25191
+ tickFormatter: getTickFormatter()
25180
25192
  }), /*#__PURE__*/jsxRuntime.jsx(recharts.YAxis, {
25181
25193
  dataKey: yAxisDataKey && yAxisDataKey,
25182
25194
  axisLine: yAxisLine && yAxisLine,
25183
25195
  tickLine: tickLineY && tickLineY,
25184
25196
  type: layout === 'vertical' ? 'category' : 'number',
25185
- tickFormatter: !defaultFormatter || !tickFormatter ? formatAxisPrice : tickFormatter
25197
+ minTickGap: minTickGapY,
25198
+ allowDecimals: allowDecimals,
25199
+ tickFormatter: getTickFormatter()
25186
25200
  }), /*#__PURE__*/jsxRuntime.jsx(recharts.Tooltip, {
25187
25201
  content: /*#__PURE__*/jsxRuntime.jsx(CustomTooltip, {})
25188
25202
  }), /*#__PURE__*/jsxRuntime.jsx(recharts.Legend, {
package/esm/core/SimpleBarChart/index.js CHANGED
@@ -25,8 +25,17 @@ const SimpleBarChart = ({
25
25
  layout = 'horizontal',
26
26
  defaultFormatter = false,
27
27
  tickFormatter,
28
+ minTickGapX,
29
+ minTickGapY,
30
+ allowDecimals = true,
28
31
  ...rest
29
32
  }) => {
33
+ const getTickFormatter = () => {
34
+ if (defaultFormatter && !tickFormatter) return undefined;
35
+ if (tickFormatter) return tickFormatter;
36
+ return formatAxisPrice;
37
+ };
38
+
30
39
  return /*#__PURE__*/_jsx(BarChartContainer, {
31
40
  width: width && width,
32
41
  height: height && height,
@@ -51,13 +60,17 @@ const SimpleBarChart = ({
51
60
  tickLine: tickLineX && tickLineX,
52
61
  type: layout === 'vertical' ? 'number' : 'category',
53
62
  tickMargin: 5,
54
- tickFormatter: !defaultFormatter || !tickFormatter ? formatAxisPrice : tickFormatter
63
+ minTickGap: minTickGapX,
64
+ allowDecimals: allowDecimals,
65
+ tickFormatter: getTickFormatter()
55
66
  }), /*#__PURE__*/_jsx(YAxis, {
56
67
  dataKey: yAxisDataKey && yAxisDataKey,
57
68
  axisLine: yAxisLine && yAxisLine,
58
69
  tickLine: tickLineY && tickLineY,
59
70
  type: layout === 'vertical' ? 'category' : 'number',
60
- tickFormatter: !defaultFormatter || !tickFormatter ? formatAxisPrice : tickFormatter
71
+ minTickGap: minTickGapY,
72
+ allowDecimals: allowDecimals,
73
+ tickFormatter: getTickFormatter()
61
74
  }), /*#__PURE__*/_jsx(Tooltip, {
62
75
  content: /*#__PURE__*/_jsx(CustomTooltip, {})
63
76
  }), /*#__PURE__*/_jsx(Legend, {
package/esm/shared/recharts/CustomTooltip/index.js CHANGED
@@ -12,6 +12,7 @@ const CustomTooltip = ({
12
12
  active,
13
13
  payload,
14
14
  label,
15
+ allowDecimals,
15
16
  ...rest
16
17
  }) => {
17
18
  const {
@@ -66,7 +67,7 @@ const CustomTooltip = ({
66
67
  children: [getTooltipItemName(item), ":"]
67
68
  })]
68
69
  }), /*#__PURE__*/_jsx(Text, {
69
- children: formatter ? formatter(getFormattedPrice(item.value, 2), getTooltipItemName(item), payload[index], index) : getFormattedPrice(item.value, 2)
70
+ children: allowDecimals ? formatter ? formatter(getFormattedPrice(item.value, 2), getTooltipItemName(item), payload[index], index) : getFormattedPrice(item.value, 2) : Math.round(item.value)
70
71
  })]
71
72
  }, item.name));
72
73
  };
package/lib/core/SimpleBarChart/index.d.ts CHANGED
@@ -42,6 +42,12 @@ interface IProps extends Partial<Bar> {
42
42
  layout?: 'horizontal' | 'vertical';
43
43
  /** Use the default formatter for axis */
44
44
  defaultFormatter?: boolean;
45
+ /** Minimun gap ticks for Y axis */
46
+ minTickGapY?: number;
47
+ /** Minimun gap ticks for X axis */
48
+ minTickGapX?: number;
49
+ /** Allow decimal numbers in Y and X axis, default true */
50
+ allowDecimals?: boolean;
45
51
  /** Tick formatting function */
46
52
  tickFormatter?: TickFormatterFunction;
47
53
  }
package/lib/core/SimpleBarChart/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SimpleBarChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,GAAG,EAQH,MAAM,EACN,qBAAqB,EACtB,MAAM,UAAU,CAAA;AAMjB,UAAU,MAAO,SAAQ,OAAO,CAAC,GAAG,CAAC;IACnC,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,wMAAwM;IACxM,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wGAAwG;IACxG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,+BAA+B;IAC/B,aAAa,CAAC,EAAE,qBAAqB,CAAA;CACtC;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkFpC,CAAA;AACD,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SimpleBarChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,GAAG,EAQH,MAAM,EACN,qBAAqB,EACtB,MAAM,UAAU,CAAA;AAMjB,UAAU,MAAO,SAAQ,OAAO,CAAC,GAAG,CAAC;IACnC,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,wMAAwM;IACxM,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wGAAwG;IACxG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,qBAAqB,CAAA;CACtC;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4FpC,CAAA;AACD,eAAe,cAAc,CAAA"}
package/lib/core/SimpleBarChart/index.js CHANGED
@@ -25,8 +25,17 @@ const SimpleBarChart = ({
25
25
  layout = 'horizontal',
26
26
  defaultFormatter = false,
27
27
  tickFormatter,
28
+ minTickGapX,
29
+ minTickGapY,
30
+ allowDecimals = true,
28
31
  ...rest
29
32
  }) => {
33
+ const getTickFormatter = () => {
34
+ if (defaultFormatter && !tickFormatter) return undefined;
35
+ if (tickFormatter) return tickFormatter;
36
+ return formatAxisPrice;
37
+ };
38
+
30
39
  return /*#__PURE__*/_jsx(BarChartContainer, {
31
40
  width: width && width,
32
41
  height: height && height,
@@ -51,13 +60,17 @@ const SimpleBarChart = ({
51
60
  tickLine: tickLineX && tickLineX,
52
61
  type: layout === 'vertical' ? 'number' : 'category',
53
62
  tickMargin: 5,
54
- tickFormatter: !defaultFormatter || !tickFormatter ? formatAxisPrice : tickFormatter
63
+ minTickGap: minTickGapX,
64
+ allowDecimals: allowDecimals,
65
+ tickFormatter: getTickFormatter()
55
66
  }), /*#__PURE__*/_jsx(YAxis, {
56
67
  dataKey: yAxisDataKey && yAxisDataKey,
57
68
  axisLine: yAxisLine && yAxisLine,
58
69
  tickLine: tickLineY && tickLineY,
59
70
  type: layout === 'vertical' ? 'category' : 'number',
60
- tickFormatter: !defaultFormatter || !tickFormatter ? formatAxisPrice : tickFormatter
71
+ minTickGap: minTickGapY,
72
+ allowDecimals: allowDecimals,
73
+ tickFormatter: getTickFormatter()
61
74
  }), /*#__PURE__*/_jsx(Tooltip, {
62
75
  content: /*#__PURE__*/_jsx(CustomTooltip, {})
63
76
  }), /*#__PURE__*/_jsx(Legend, {
package/lib/shared/recharts/CustomTooltip/index.d.ts CHANGED
@@ -3,6 +3,7 @@ import { TooltipProps } from 'recharts';
3
3
  interface IProps extends TooltipProps {
4
4
  lineConfig?: any[];
5
5
  barConfig?: any[];
6
+ allowDecimals?: boolean;
6
7
  }
7
8
  declare const CustomTooltip: React.FC<IProps>;
8
9
  export default CustomTooltip;
package/lib/shared/recharts/CustomTooltip/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/shared/recharts/CustomTooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,UAAU,MAAO,SAAQ,YAAY;IACnC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAA;CAClB;AACD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAyFnC,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/shared/recharts/CustomTooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,UAAU,MAAO,SAAQ,YAAY;IACnC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4FnC,CAAA;AAED,eAAe,aAAa,CAAA"}
package/lib/shared/recharts/CustomTooltip/index.js CHANGED
@@ -12,6 +12,7 @@ const CustomTooltip = ({
12
12
  active,
13
13
  payload,
14
14
  label,
15
+ allowDecimals,
15
16
  ...rest
16
17
  }) => {
17
18
  const {
@@ -66,7 +67,7 @@ const CustomTooltip = ({
66
67
  children: [getTooltipItemName(item), ":"]
67
68
  })]
68
69
  }), /*#__PURE__*/_jsx(Text, {
69
- children: formatter ? formatter(getFormattedPrice(item.value, 2), getTooltipItemName(item), payload[index], index) : getFormattedPrice(item.value, 2)
70
+ children: allowDecimals ? formatter ? formatter(getFormattedPrice(item.value, 2), getTooltipItemName(item), payload[index], index) : getFormattedPrice(item.value, 2) : Math.round(item.value)
70
71
  })]
71
72
  }, item.name));
72
73
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "2.4.14",
3
+ "version": "2.4.18",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",