@bbl-digital/snorre 4.0.64 → 4.0.65

Sign up to get free protection for your applications and to get access to all the features.
package/dist/bundle.js CHANGED
@@ -26224,12 +26224,15 @@
26224
26224
  data,
26225
26225
  subtitlePrefix,
26226
26226
  defaultSubtitle,
26227
+ defaultActiveIndex,
26227
26228
  active,
26228
26229
  opacity,
26229
26230
  onActiveChange,
26231
+ customMiddleText,
26232
+ customMiddleValue,
26230
26233
  ...rest
26231
26234
  }) => {
26232
- const [activeIndex, setActiveIndex] = React.useState();
26235
+ const [activeIndex, setActiveIndex] = React.useState(defaultActiveIndex && defaultActiveIndex < data.length ? defaultActiveIndex : undefined);
26233
26236
  const [hoverIndex, setHoverIndex] = React.useState(null);
26234
26237
 
26235
26238
  /** When active is handled from the outside */
@@ -26249,6 +26252,7 @@
26249
26252
 
26250
26253
  /** Avoids re-renders by memoizing parameters */
26251
26254
  const calculateTitle = React.useMemo(() => {
26255
+ if (customMiddleText) return customMiddleText;
26252
26256
  const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
26253
26257
  return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
26254
26258
  }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -26278,7 +26282,7 @@
26278
26282
  valueAccessor: () => {}
26279
26283
  // @ts-ignore
26280
26284
  ,
26281
- content: renderTextContent(activeItemValue, calculateTitle)
26285
+ content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
26282
26286
  }), data.map((entry, index) => /*#__PURE__*/jsxRuntime$1.jsx(recharts.Cell, {
26283
26287
  fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
26284
26288
  role: "presentation",
@@ -26657,6 +26661,7 @@
26657
26661
  cartesianGrid = true,
26658
26662
  legend = true,
26659
26663
  stack = true,
26664
+ referenceLine = true,
26660
26665
  maxBarSize,
26661
26666
  barGap,
26662
26667
  barRadius,
@@ -26679,7 +26684,7 @@
26679
26684
  stackOffset: "sign",
26680
26685
  barGap: barGap,
26681
26686
  ...rest,
26682
- children: [/*#__PURE__*/jsxRuntime$1.jsx(recharts.ReferenceLine, {
26687
+ children: [referenceLine && /*#__PURE__*/jsxRuntime$1.jsx(recharts.ReferenceLine, {
26683
26688
  y: 0,
26684
26689
  stroke: "white"
26685
26690
  }), cartesianGrid && /*#__PURE__*/jsxRuntime$1.jsx(recharts.CartesianGrid, {
@@ -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, {
@@ -12,12 +12,15 @@ const PieChart = ({
12
12
  data,
13
13
  subtitlePrefix,
14
14
  defaultSubtitle,
15
+ defaultActiveIndex,
15
16
  active,
16
17
  opacity,
17
18
  onActiveChange,
19
+ customMiddleText,
20
+ customMiddleValue,
18
21
  ...rest
19
22
  }) => {
20
- const [activeIndex, setActiveIndex] = useState();
23
+ const [activeIndex, setActiveIndex] = useState(defaultActiveIndex && defaultActiveIndex < data.length ? defaultActiveIndex : undefined);
21
24
  const [hoverIndex, setHoverIndex] = useState(null);
22
25
 
23
26
  /** When active is handled from the outside */
@@ -37,6 +40,7 @@ const PieChart = ({
37
40
 
38
41
  /** Avoids re-renders by memoizing parameters */
39
42
  const calculateTitle = useMemo(() => {
43
+ if (customMiddleText) return customMiddleText;
40
44
  const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
41
45
  return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
42
46
  }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -66,7 +70,7 @@ const PieChart = ({
66
70
  valueAccessor: () => {}
67
71
  // @ts-ignore
68
72
  ,
69
- content: renderTextContent(activeItemValue, calculateTitle)
73
+ content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
70
74
  }), data.map((entry, index) => /*#__PURE__*/_jsx(Cell, {
71
75
  fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
72
76
  role: "presentation",
@@ -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;
@@ -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"}
@@ -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, {
@@ -17,6 +17,9 @@ 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
+ defaultActiveIndex?: number;
21
+ customMiddleText?: string;
22
+ customMiddleValue?: number;
20
23
  }
21
24
  interface ChartDataProps {
22
25
  /** Pie piece title */
@@ -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,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,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,CAwG9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -12,12 +12,15 @@ const PieChart = ({
12
12
  data,
13
13
  subtitlePrefix,
14
14
  defaultSubtitle,
15
+ defaultActiveIndex,
15
16
  active,
16
17
  opacity,
17
18
  onActiveChange,
19
+ customMiddleText,
20
+ customMiddleValue,
18
21
  ...rest
19
22
  }) => {
20
- const [activeIndex, setActiveIndex] = useState();
23
+ const [activeIndex, setActiveIndex] = useState(defaultActiveIndex && defaultActiveIndex < data.length ? defaultActiveIndex : undefined);
21
24
  const [hoverIndex, setHoverIndex] = useState(null);
22
25
 
23
26
  /** When active is handled from the outside */
@@ -37,6 +40,7 @@ const PieChart = ({
37
40
 
38
41
  /** Avoids re-renders by memoizing parameters */
39
42
  const calculateTitle = useMemo(() => {
43
+ if (customMiddleText) return customMiddleText;
40
44
  const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
41
45
  return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
42
46
  }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -66,7 +70,7 @@ const PieChart = ({
66
70
  valueAccessor: () => {}
67
71
  // @ts-ignore
68
72
  ,
69
- content: renderTextContent(activeItemValue, calculateTitle)
73
+ content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
70
74
  }), data.map((entry, index) => /*#__PURE__*/_jsx(Cell, {
71
75
  fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
72
76
  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.65",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",