impaktapps-design 0.2.993-alpha.241 → 0.2.993-alpha.243

package/dist/impaktapps-design.es.js

@@ -19146,7 +19146,7 @@ ParentSize$1.propTypes = {
   children: _pt.func.isRequired
 };
 const finalDataProvider = (type2, value, theme) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t5, _u, _v, _w;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t5, _u, _v, _w, _x, _y, _z, _A, _B, _C;
   switch (type2) {
     case "BarGraph":
     case "StackBarGraph":
@@ -19173,8 +19173,8 @@ const finalDataProvider = (type2, value, theme) => {
             ...(_c = value.style) == null ? void 0 : _c.labelStyle
           },
           barStyle: {
-            ...value.style,
-            colorMap: (_d = value.style) == null ? void 0 : _d.colorMap
+            ...(_d = value.style) == null ? void 0 : _d.barStyle,
+            colorMap: (_e = value.style) == null ? void 0 : _e.colorMap
           }
         }
       };
@@ -19186,7 +19186,7 @@ const finalDataProvider = (type2, value, theme) => {
           outerRadius: 117,
           innerRadius: 63,
           ...value.main,
-          data: ((_e = value.main.data) == null ? void 0 : _e.length) > 0 ? value.main.data : [{ label: "No Data", value: 100 }],
+          data: ((_f = value.main.data) == null ? void 0 : _f.length) > 0 ? value.main.data : [{ label: "No Data", value: 100 }],
           legend: {
             direction: "column",
             ...value.main.legend
@@ -19195,11 +19195,11 @@ const finalDataProvider = (type2, value, theme) => {
         style: {
           containerStyle: {
             height: "300",
-            ...(_f = value.style) == null ? void 0 : _f.containerStyle
+            ...(_g = value.style) == null ? void 0 : _g.containerStyle
           },
           pieStyle: {
-            ...value.style,
-            colorMap: (_g = value.style) == null ? void 0 : _g.colorMap
+            ...(_h = value.style) == null ? void 0 : _h.pieStyle,
+            colorMap: (_i = value.style) == null ? void 0 : _i.colorMap
           }
         }
       };
@@ -19209,7 +19209,7 @@ const finalDataProvider = (type2, value, theme) => {
           legendAvailable: true,
           xAxisValue: "label",
           ...value.main,
-          data: ((_h = value.main.data) == null ? void 0 : _h.length) ? value.main.data : [{ "No Data": 0 }],
+          data: ((_j = value.main.data) == null ? void 0 : _j.length) ? value.main.data : [{ "No Data": 0 }],
           legend: {
             direction: "row",
             ...value.main.legend
@@ -19219,14 +19219,14 @@ const finalDataProvider = (type2, value, theme) => {
           containerStyle: {
             background: theme.myTheme.palette.background.default,
             height: "300",
-            ...(_i = value.style) == null ? void 0 : _i.containerStyle
+            ...(_k = value.style) == null ? void 0 : _k.containerStyle
           },
           labelStyle: {
-            ...(_j = value.style) == null ? void 0 : _j.labelStyle
+            ...(_l = value.style) == null ? void 0 : _l.labelStyle
           },
           lineStyle: {
-            ...value.style,
-            colorMap: (_k = value.style) == null ? void 0 : _k.colorMap
+            ...(_m = value.style) == null ? void 0 : _m.lineStyle,
+            colorMap: (_n = value.style) == null ? void 0 : _n.colorMap
           }
         }
       };
@@ -19234,11 +19234,11 @@ const finalDataProvider = (type2, value, theme) => {
       return {
         main: {
           legendAvailable: true,
-          xAxisValue: ((_l = value.main) == null ? void 0 : _l.xAxisValue) || "label",
-          xAxisType: ((_m = value.main) == null ? void 0 : _m.xAxisType) || "date",
+          xAxisValue: ((_o = value.main) == null ? void 0 : _o.xAxisValue) || "label",
+          xAxisType: ((_p = value.main) == null ? void 0 : _p.xAxisType) || "date",
           ...value.main,
-          xAxisFormatType: ((_n = value.main) == null ? void 0 : _n.xAxisSchemaFormat) || ((_o = value.main) == null ? void 0 : _o.xAxisFormatType) || "Date and Month",
-          data: ((_p = value.main.data) == null ? void 0 : _p.length) ? value.main.data : [{ label: "", total: 0 }],
+          xAxisFormatType: ((_q = value.main) == null ? void 0 : _q.xAxisSchemaFormat) || ((_r = value.main) == null ? void 0 : _r.xAxisFormatType) || "Date and Month",
+          data: ((_s = value.main.data) == null ? void 0 : _s.length) ? value.main.data : [{ label: "", total: 0 }],
           legend: {
             direction: "row",
             ...value.main.legend
@@ -19248,14 +19248,14 @@ const finalDataProvider = (type2, value, theme) => {
           containerStyle: {
             background: theme.myTheme.palette.background.default,
             height: "300",
-            ...(_q = value.style) == null ? void 0 : _q.containerStyle
+            ...(_t5 = value.style) == null ? void 0 : _t5.containerStyle
           },
           labelStyle: {
-            ...(_r = value.style) == null ? void 0 : _r.labelStyle
+            ...(_u = value.style) == null ? void 0 : _u.labelStyle
           },
           areaStyle: {
-            ...value.style,
-            colorMap: (_s = value.style) == null ? void 0 : _s.colorMap
+            ...(_v = value.style) == null ? void 0 : _v.areaStyle,
+            colorMap: (_w = value.style) == null ? void 0 : _w.colorMap
           }
         }
       };
@@ -19263,9 +19263,9 @@ const finalDataProvider = (type2, value, theme) => {
       return {
         main: {
           legendAvailable: true,
-          xAxisValue: ((_t5 = value.main) == null ? void 0 : _t5.xAxisValue) || "label",
+          xAxisValue: ((_x = value.main) == null ? void 0 : _x.xAxisValue) || "label",
           ...value.main,
-          data: ((_u = value.main.data) == null ? void 0 : _u.length) ? value.main.data : [{}],
+          data: ((_y = value.main.data) == null ? void 0 : _y.length) ? value.main.data : [{}],
           legend: {
             direction: "row",
             ...value.main.legend
@@ -19275,13 +19275,14 @@ const finalDataProvider = (type2, value, theme) => {
           containerStyle: {
             background: theme.myTheme.palette.background.default,
             height: "300",
-            ...(_v = value.style) == null ? void 0 : _v.containerStyle
+            ...(_z = value.style) == null ? void 0 : _z.containerStyle
           },
           labelStyle: {
-            ...(_w = value.style) == null ? void 0 : _w.labelStyle
+            ...(_A = value.style) == null ? void 0 : _A.labelStyle
           },
           stackBarLineStyle: {
-            ...value.style
+            ...(_B = value.style) == null ? void 0 : _B.stackBarLineStyle,
+            colorMap: (_C = value.style) == null ? void 0 : _C.colorMap
           }
         }
       };
@@ -22513,7 +22514,6 @@ const AreaGraph = ({
     }), GraphRender]
   });
 };
-const GROWTH_RATE_KEY = "growthRate";
 const PX_PER_CHAR = 9;
 const LABEL_ROTATION = Math.sin(40 * Math.PI / 180);
 const DrawStackBarLineGraph = ({
@@ -22523,7 +22523,7 @@ const DrawStackBarLineGraph = ({
   stackBarLineValue,
   theme
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const {
     tooltipData,
     tooltipLeft,
@@ -22533,14 +22533,16 @@ const DrawStackBarLineGraph = ({
     hideTooltip
   } = useTooltip();
   const [hoveredCategory, setHoveredCategory] = useState(null);
-  const chartData = (_a = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _a.data;
-  const xAxisValue = (_b = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _b.xAxisValue;
-  const legendLabels = (_c = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _c.legendLabels;
-  const colorMap = (_e = (_d = stackBarLineValue == null ? void 0 : stackBarLineValue.style) == null ? void 0 : _d.stackBarLineStyle) == null ? void 0 : _e.colorMap;
-  const defaultColour = (_h = (_g = (_f = theme == null ? void 0 : theme.myTheme) == null ? void 0 : _f.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.main;
-  const yAxisTickCount = (_i = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _i.yAxisTickCount;
-  const disableLeftLabel = (_j = stackBarLineValue.main) == null ? void 0 : _j.disableLeftLabel;
-  const trendColor = (_k = colorMap == null ? void 0 : colorMap[GROWTH_RATE_KEY]) != null ? _k : "#E24B4A";
+  const chartData = (_b = (_a = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _a.data) != null ? _b : [];
+  const xAxisValue = (_c = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _c.xAxisValue;
+  const legendLabels = (_d = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _d.legendLabels;
+  const growthRateKey = ((_e = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _e.growthRateKey) || "growthRate";
+  const colorMap = (_g = (_f = stackBarLineValue == null ? void 0 : stackBarLineValue.style) == null ? void 0 : _f.stackBarLineStyle) == null ? void 0 : _g.colorMap;
+  const defaultColour = (_j = (_i = (_h = theme == null ? void 0 : theme.myTheme) == null ? void 0 : _h.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.main;
+  const yAxisTickCount = (_k = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _k.yAxisTickCount;
+  const disableLeftLabel = (_l = stackBarLineValue.main) == null ? void 0 : _l.disableLeftLabel;
+  const tooltipUnit = (_m = stackBarLineValue == null ? void 0 : stackBarLineValue.main) == null ? void 0 : _m.tooltipUnit;
+  const trendColor = (_n = colorMap == null ? void 0 : colorMap[growthRateKey]) != null ? _n : "#E24B4A";
   const isSmallScreen = width2 < 600;
   const longestLabelLength = useMemo(() => Math.max(...chartData.map((d2) => String(d2[xAxisValue]).length)), [chartData, xAxisValue]);
   const dynamicBottomMargin = Math.ceil(longestLabelLength * PX_PER_CHAR * LABEL_ROTATION);
@@ -22553,7 +22555,7 @@ const DrawStackBarLineGraph = ({
       return [];
     return Object.keys(chartData[0]).filter((k2) => k2 !== xAxisValue);
   }, [chartData, xAxisValue]);
-  const barKeys = useMemo(() => labelsArray.filter((k2) => k2 !== GROWTH_RATE_KEY), [labelsArray]);
+  const barKeys = useMemo(() => labelsArray.filter((k2) => k2 !== growthRateKey), [labelsArray]);
   const barData = useMemo(() => chartData.map((row) => {
     const stripped = {
       [xAxisValue]: row[xAxisValue]
@@ -22577,9 +22579,11 @@ const DrawStackBarLineGraph = ({
     nice: true
   }), [innerHeight, maxStacked]);
   const trendScale = useMemo(() => {
-    const vals = chartData.map((d2) => Number(d2[GROWTH_RATE_KEY]) || 0);
+    const vals = chartData.map((d2) => Number(d2[growthRateKey]) || 0);
+    const min2 = Math.min(...vals);
+    const max2 = Math.max(...vals);
     return createLinearScale({
-      domain: [Math.min(...vals), Math.max(...vals)],
+      domain: min2 === max2 ? [min2 - 1, max2 + 1] : [min2, max2],
       range: [innerHeight, 0],
       nice: true
     });
@@ -22589,11 +22593,11 @@ const DrawStackBarLineGraph = ({
     return ((_a2 = categoryScale(cat)) != null ? _a2 : 0) + categoryScale.bandwidth() / 2;
   }, [categoryScale]);
   const getLineX = useCallback((d2) => getBarCentreX(d2[xAxisValue]), [getBarCentreX, xAxisValue]);
-  const getLineY = useCallback((d2) => trendScale(Number(d2[GROWTH_RATE_KEY]) || 0), [trendScale]);
+  const getLineY = useCallback((d2) => trendScale(Number(d2[growthRateKey]) || 0), [trendScale]);
   const handleColumnEnter = useCallback((_e2, cat) => {
     const full = chartData.find((d2) => d2[xAxisValue] === cat);
     const dotX = getBarCentreX(cat) + margin2.left;
-    const dotY = trendScale(Number(full[GROWTH_RATE_KEY]) || 0) + margin2.top;
+    const dotY = trendScale(Number(full[growthRateKey]) || 0) + margin2.top;
     setHoveredCategory(cat);
     showTooltip({
       tooltipData: full,
@@ -22738,7 +22742,7 @@ const DrawStackBarLineGraph = ({
             textAnchor: "end",
             dy: "0.33em"
           }),
-          label: !disableLeftLabel ? (_l = stackBarLineValue.main) == null ? void 0 : _l.leftLabel : void 0,
+          label: !disableLeftLabel ? (_o = stackBarLineValue.main) == null ? void 0 : _o.leftLabel : void 0,
           labelProps: {
             fill: "#6B7280",
             fontSize: 11,
@@ -22750,7 +22754,7 @@ const DrawStackBarLineGraph = ({
           scale: trendScale,
           numTicks: 5,
           stroke: "#9CA3AF",
-          label: (_m = stackBarLineValue.main) == null ? void 0 : _m.rightLabel,
+          label: (_p = stackBarLineValue.main) == null ? void 0 : _p.rightLabel,
           tickStroke: "transparent",
           tickLabelProps: () => ({
             fill: "#6B7280",
@@ -22768,7 +22772,7 @@ const DrawStackBarLineGraph = ({
           top: innerHeight,
           scale: categoryScale,
           stroke: "#9CA3AF",
-          label: (_n = stackBarLineValue.main) == null ? void 0 : _n.bottomLabel,
+          label: (_q = stackBarLineValue.main) == null ? void 0 : _q.bottomLabel,
           tickStroke: "transparent",
           tickLabelProps
         })]
@@ -22829,7 +22833,7 @@ const DrawStackBarLineGraph = ({
                 color: "#454444",
                 fontWeight: 600
               },
-              children: [tooltipData[key], "%"]
+              children: [tooltipData[key], tooltipUnit]
             })]
           }, key);
         })