@bbl-digital/snorre 2.4.14 → 2.4.18

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.
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",