@bbl-digital/snorre 4.0.64 → 4.0.65

package/dist/bundle.js

@@ -26224,12 +26224,15 @@
     data,
     subtitlePrefix,
     defaultSubtitle,
+    defaultActiveIndex,
     active,
     opacity,
     onActiveChange,
+    customMiddleText,
+    customMiddleValue,
     ...rest
   }) => {
-    const [activeIndex, setActiveIndex] = React.useState();
+    const [activeIndex, setActiveIndex] = React.useState(defaultActiveIndex && defaultActiveIndex < data.length ? defaultActiveIndex : undefined);
     const [hoverIndex, setHoverIndex] = React.useState(null);
 
     /** When active is handled from the outside */
@@ -26249,6 +26252,7 @@
 
     /** Avoids re-renders by memoizing parameters */
     const calculateTitle = React.useMemo(() => {
+      if (customMiddleText) return customMiddleText;
       const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
       return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
     }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -26278,7 +26282,7 @@
               valueAccessor: () => {}
               // @ts-ignore
               ,
-              content: renderTextContent(activeItemValue, calculateTitle)
+              content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
             }), data.map((entry, index) => /*#__PURE__*/jsxRuntime$1.jsx(recharts.Cell, {
               fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
               role: "presentation",
@@ -26657,6 +26661,7 @@
     cartesianGrid = true,
     legend = true,
     stack = true,
+    referenceLine = true,
     maxBarSize,
     barGap,
     barRadius,
@@ -26679,7 +26684,7 @@
           stackOffset: "sign",
           barGap: barGap,
           ...rest,
-          children: [/*#__PURE__*/jsxRuntime$1.jsx(recharts.ReferenceLine, {
+          children: [referenceLine && /*#__PURE__*/jsxRuntime$1.jsx(recharts.ReferenceLine, {
             y: 0,
             stroke: "white"
           }), cartesianGrid && /*#__PURE__*/jsxRuntime$1.jsx(recharts.CartesianGrid, {

package/esm/core/BarAndLineComposedChart/index.js

@@ -28,6 +28,7 @@ const BarAndLineComposedChart = ({
   cartesianGrid = true,
   legend = true,
   stack = true,
+  referenceLine = true,
   maxBarSize,
   barGap,
   barRadius,
@@ -50,7 +51,7 @@ const BarAndLineComposedChart = ({
         stackOffset: "sign",
         barGap: barGap,
         ...rest,
-        children: [/*#__PURE__*/_jsx(ReferenceLine, {
+        children: [referenceLine && /*#__PURE__*/_jsx(ReferenceLine, {
           y: 0,
           stroke: "white"
         }), cartesianGrid && /*#__PURE__*/_jsx(CartesianGrid, {

package/esm/core/PieChart/index.js

@@ -12,12 +12,15 @@ const PieChart = ({
   data,
   subtitlePrefix,
   defaultSubtitle,
+  defaultActiveIndex,
   active,
   opacity,
   onActiveChange,
+  customMiddleText,
+  customMiddleValue,
   ...rest
 }) => {
-  const [activeIndex, setActiveIndex] = useState();
+  const [activeIndex, setActiveIndex] = useState(defaultActiveIndex && defaultActiveIndex < data.length ? defaultActiveIndex : undefined);
   const [hoverIndex, setHoverIndex] = useState(null);
 
   /** When active is handled from the outside */
@@ -37,6 +40,7 @@ const PieChart = ({
 
   /** Avoids re-renders by memoizing parameters */
   const calculateTitle = useMemo(() => {
+    if (customMiddleText) return customMiddleText;
     const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
     return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
   }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -66,7 +70,7 @@ const PieChart = ({
             valueAccessor: () => {}
             // @ts-ignore
             ,
-            content: renderTextContent(activeItemValue, calculateTitle)
+            content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
           }), data.map((entry, index) => /*#__PURE__*/_jsx(Cell, {
             fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
             role: "presentation",

package/lib/core/BarAndLineComposedChart/index.d.ts

@@ -61,6 +61,7 @@ interface IProps extends Partial<typeof ComposedChart> {
     maxBarSize?: number;
     barGap?: number;
     barRadius?: number;
+    referenceLine?: boolean;
 }
 declare const BarAndLineComposedChart: React.FC<IProps>;
 export default BarAndLineComposedChart;

package/lib/core/BarAndLineComposedChart/index.d.ts.map

@@ -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"}
+{"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

@@ -28,6 +28,7 @@ const BarAndLineComposedChart = ({
   cartesianGrid = true,
   legend = true,
   stack = true,
+  referenceLine = true,
   maxBarSize,
   barGap,
   barRadius,
@@ -50,7 +51,7 @@ const BarAndLineComposedChart = ({
         stackOffset: "sign",
         barGap: barGap,
         ...rest,
-        children: [/*#__PURE__*/_jsx(ReferenceLine, {
+        children: [referenceLine && /*#__PURE__*/_jsx(ReferenceLine, {
           y: 0,
           stroke: "white"
         }), cartesianGrid && /*#__PURE__*/_jsx(CartesianGrid, {

package/lib/core/PieChart/index.d.ts

@@ -17,6 +17,9 @@ interface IProps extends Partial<Pie> {
     opacity?: number | undefined;
     /** Set function for active index from outside the component */
     onActiveChange?: (index: number | undefined) => void;
+    defaultActiveIndex?: number;
+    customMiddleText?: string;
+    customMiddleValue?: number;
 }
 interface ChartDataProps {
     /** Pie piece title */

package/lib/core/PieChart/index.d.ts.map

@@ -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"}
+{"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"}

package/lib/core/PieChart/index.js

@@ -12,12 +12,15 @@ const PieChart = ({
   data,
   subtitlePrefix,
   defaultSubtitle,
+  defaultActiveIndex,
   active,
   opacity,
   onActiveChange,
+  customMiddleText,
+  customMiddleValue,
   ...rest
 }) => {
-  const [activeIndex, setActiveIndex] = useState();
+  const [activeIndex, setActiveIndex] = useState(defaultActiveIndex && defaultActiveIndex < data.length ? defaultActiveIndex : undefined);
   const [hoverIndex, setHoverIndex] = useState(null);
 
   /** When active is handled from the outside */
@@ -37,6 +40,7 @@ const PieChart = ({
 
   /** Avoids re-renders by memoizing parameters */
   const calculateTitle = useMemo(() => {
+    if (customMiddleText) return customMiddleText;
     const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
     return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
   }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -66,7 +70,7 @@ const PieChart = ({
             valueAccessor: () => {}
             // @ts-ignore
             ,
-            content: renderTextContent(activeItemValue, calculateTitle)
+            content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
           }), data.map((entry, index) => /*#__PURE__*/_jsx(Cell, {
             fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
             role: "presentation",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.0.64",
+  "version": "4.0.65",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",