@bbl-digital/snorre 4.0.64 → 4.0.66

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 +6 -2
  2. package/esm/core/BarAndLineComposedChart/index.js +2 -1
  3. package/esm/core/PieChart/index.js +4 -1
  4. package/lib/core/BarAndLineComposedChart/index.d.ts +1 -0
  5. package/lib/core/BarAndLineComposedChart/index.d.ts.map +1 -1
  6. package/lib/core/BarAndLineComposedChart/index.js +2 -1
  7. package/lib/core/PieChart/index.d.ts +2 -0
  8. package/lib/core/PieChart/index.d.ts.map +1 -1
  9. package/lib/core/PieChart/index.js +4 -1
  10. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -26227,6 +26227,8 @@
26227
26227
  active,
26228
26228
  opacity,
26229
26229
  onActiveChange,
26230
+ customMiddleText,
26231
+ customMiddleValue,
26230
26232
  ...rest
26231
26233
  }) => {
26232
26234
  const [activeIndex, setActiveIndex] = React.useState();
@@ -26249,6 +26251,7 @@
26249
26251
 
26250
26252
  /** Avoids re-renders by memoizing parameters */
26251
26253
  const calculateTitle = React.useMemo(() => {
26254
+ if (customMiddleText) return customMiddleText;
26252
26255
  const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
26253
26256
  return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
26254
26257
  }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -26278,7 +26281,7 @@
26278
26281
  valueAccessor: () => {}
26279
26282
  // @ts-ignore
26280
26283
  ,
26281
- content: renderTextContent(activeItemValue, calculateTitle)
26284
+ content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
26282
26285
  }), data.map((entry, index) => /*#__PURE__*/jsxRuntime$1.jsx(recharts.Cell, {
26283
26286
  fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
26284
26287
  role: "presentation",
@@ -26657,6 +26660,7 @@
26657
26660
  cartesianGrid = true,
26658
26661
  legend = true,
26659
26662
  stack = true,
26663
+ referenceLine = true,
26660
26664
  maxBarSize,
26661
26665
  barGap,
26662
26666
  barRadius,
@@ -26679,7 +26683,7 @@
26679
26683
  stackOffset: "sign",
26680
26684
  barGap: barGap,
26681
26685
  ...rest,
26682
- children: [/*#__PURE__*/jsxRuntime$1.jsx(recharts.ReferenceLine, {
26686
+ children: [referenceLine && /*#__PURE__*/jsxRuntime$1.jsx(recharts.ReferenceLine, {
26683
26687
  y: 0,
26684
26688
  stroke: "white"
26685
26689
  }), cartesianGrid && /*#__PURE__*/jsxRuntime$1.jsx(recharts.CartesianGrid, {
package/esm/core/BarAndLineComposedChart/index.js CHANGED
@@ -28,6 +28,7 @@ const BarAndLineComposedChart = ({
28
28
  cartesianGrid = true,
29
29
  legend = true,
30
30
  stack = true,
31
+ referenceLine = true,
31
32
  maxBarSize,
32
33
  barGap,
33
34
  barRadius,
@@ -50,7 +51,7 @@ const BarAndLineComposedChart = ({
50
51
  stackOffset: "sign",
51
52
  barGap: barGap,
52
53
  ...rest,
53
- children: [/*#__PURE__*/_jsx(ReferenceLine, {
54
+ children: [referenceLine && /*#__PURE__*/_jsx(ReferenceLine, {
54
55
  y: 0,
55
56
  stroke: "white"
56
57
  }), cartesianGrid && /*#__PURE__*/_jsx(CartesianGrid, {
package/esm/core/PieChart/index.js CHANGED
@@ -15,6 +15,8 @@ const PieChart = ({
15
15
  active,
16
16
  opacity,
17
17
  onActiveChange,
18
+ customMiddleText,
19
+ customMiddleValue,
18
20
  ...rest
19
21
  }) => {
20
22
  const [activeIndex, setActiveIndex] = useState();
@@ -37,6 +39,7 @@ const PieChart = ({
37
39
 
38
40
  /** Avoids re-renders by memoizing parameters */
39
41
  const calculateTitle = useMemo(() => {
42
+ if (customMiddleText) return customMiddleText;
40
43
  const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
41
44
  return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
42
45
  }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -66,7 +69,7 @@ const PieChart = ({
66
69
  valueAccessor: () => {}
67
70
  // @ts-ignore
68
71
  ,
69
- content: renderTextContent(activeItemValue, calculateTitle)
72
+ content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
70
73
  }), data.map((entry, index) => /*#__PURE__*/_jsx(Cell, {
71
74
  fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
72
75
  role: "presentation",
package/lib/core/BarAndLineComposedChart/index.d.ts CHANGED
@@ -61,6 +61,7 @@ interface IProps extends Partial<typeof ComposedChart> {
61
61
  maxBarSize?: number;
62
62
  barGap?: number;
63
63
  barRadius?: number;
64
+ referenceLine?: boolean;
64
65
  }
65
66
  declare const BarAndLineComposedChart: React.FC<IProps>;
66
67
  export default BarAndLineComposedChart;
package/lib/core/BarAndLineComposedChart/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,aAAa,EAQd,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAKlD,UAAU,MAAO,SAAQ,OAAO,CAAC,OAAO,aAAa,CAAC;IACpD,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,6MAA6M;IAC7M,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,CAAC,EAAE,MAAM,CAAA;QAEhB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,EAAE,CAAA;IACH,6OAA6O;IAC7O,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,SAAS,CAAA;QAEf,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,EAAE,CAAA;IACH,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,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uGAAuG;IACvG,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,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AACD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoH7C,CAAA;AAED,eAAe,uBAAuB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,aAAa,EAQd,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAKlD,UAAU,MAAO,SAAQ,OAAO,CAAC,OAAO,aAAa,CAAC;IACpD,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,6MAA6M;IAC7M,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,CAAC,EAAE,MAAM,CAAA;QAEhB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,EAAE,CAAA;IACH,6OAA6O;IAC7O,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,SAAS,CAAA;QAEf,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,EAAE,CAAA;IACH,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,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uGAAuG;IACvG,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,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AACD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqH7C,CAAA;AAED,eAAe,uBAAuB,CAAA"}
package/lib/core/BarAndLineComposedChart/index.js CHANGED
@@ -28,6 +28,7 @@ const BarAndLineComposedChart = ({
28
28
  cartesianGrid = true,
29
29
  legend = true,
30
30
  stack = true,
31
+ referenceLine = true,
31
32
  maxBarSize,
32
33
  barGap,
33
34
  barRadius,
@@ -50,7 +51,7 @@ const BarAndLineComposedChart = ({
50
51
  stackOffset: "sign",
51
52
  barGap: barGap,
52
53
  ...rest,
53
- children: [/*#__PURE__*/_jsx(ReferenceLine, {
54
+ children: [referenceLine && /*#__PURE__*/_jsx(ReferenceLine, {
54
55
  y: 0,
55
56
  stroke: "white"
56
57
  }), cartesianGrid && /*#__PURE__*/_jsx(CartesianGrid, {
package/lib/core/PieChart/index.d.ts CHANGED
@@ -17,6 +17,8 @@ interface IProps extends Partial<Pie> {
17
17
  opacity?: number | undefined;
18
18
  /** Set function for active index from outside the component */
19
19
  onActiveChange?: (index: number | undefined) => void;
20
+ customMiddleText?: string;
21
+ customMiddleValue?: number;
20
22
  }
21
23
  interface ChartDataProps {
22
24
  /** Pie piece title */
package/lib/core/PieChart/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/PieChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AACxE,OAAO,EAGL,GAAG,EAGJ,MAAM,UAAU,CAAA;AAMjB,UAAU,MAAO,SAAQ,OAAO,CAAC,GAAG,CAAC;IACnC,2DAA2D;IAC3D,IAAI,EAAE,cAAc,EAAE,CAAA;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACrD;AAED,UAAU,cAAc;IACtB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6F9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/PieChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AACxE,OAAO,EAGL,GAAG,EAGJ,MAAM,UAAU,CAAA;AAMjB,UAAU,MAAO,SAAQ,OAAO,CAAC,GAAG,CAAC;IACnC,2DAA2D;IAC3D,IAAI,EAAE,cAAc,EAAE,CAAA;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,cAAc;IACtB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmG9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
package/lib/core/PieChart/index.js CHANGED
@@ -15,6 +15,8 @@ const PieChart = ({
15
15
  active,
16
16
  opacity,
17
17
  onActiveChange,
18
+ customMiddleText,
19
+ customMiddleValue,
18
20
  ...rest
19
21
  }) => {
20
22
  const [activeIndex, setActiveIndex] = useState();
@@ -37,6 +39,7 @@ const PieChart = ({
37
39
 
38
40
  /** Avoids re-renders by memoizing parameters */
39
41
  const calculateTitle = useMemo(() => {
42
+ if (customMiddleText) return customMiddleText;
40
43
  const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
41
44
  return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
42
45
  }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -66,7 +69,7 @@ const PieChart = ({
66
69
  valueAccessor: () => {}
67
70
  // @ts-ignore
68
71
  ,
69
- content: renderTextContent(activeItemValue, calculateTitle)
72
+ content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
70
73
  }), data.map((entry, index) => /*#__PURE__*/_jsx(Cell, {
71
74
  fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
72
75
  role: "presentation",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "4.0.64",
3
+ "version": "4.0.66",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",