impaktapps-design 0.2.3 → 0.2.5

package/dist/impaktapps-design.es.js

@@ -35857,7 +35857,7 @@ const SpeedoMeter = ({
   return /* @__PURE__ */ jsxs("div", {
     style: {
       ...(_a2 = value == null ? void 0 : value.style) == null ? void 0 : _a2.containerStyle,
-      overflow: "scroll"
+      overflow: "auto"
     },
     children: [((_b2 = value == null ? void 0 : value.main) == null ? void 0 : _b2.header) && /* @__PURE__ */ jsx("div", {
       style: {
@@ -35875,30 +35875,28 @@ const SpeedoMeter = ({
         minWidth: 500,
         display: "flex",
         justifyContent: "center",
-        overflow: "scroll"
+        overflow: "auto"
       },
-      children: /* @__PURE__ */ jsx(
-        ReactSpeedometer,
-        {
-          segmentColors: (_d = value == null ? void 0 : value.style) == null ? void 0 : _d.segmentColors,
-          maxValue: ((_f = (_e2 = value == null ? void 0 : value.main) == null ? void 0 : _e2.data) == null ? void 0 : _f.maxValue) || 500,
-          width: ((_g = value == null ? void 0 : value.style) == null ? void 0 : _g.width) || 450,
-          needleHeightRatio: ((_h = value == null ? void 0 : value.style) == null ? void 0 : _h.needleHeightRatio) || 0.7,
-          currentValueText: (_i = value == null ? void 0 : value.main) == null ? void 0 : _i.currentValueText,
-          customSegmentLabels: (_j = value == null ? void 0 : value.main) == null ? void 0 : _j.customSegmentLabel,
-          ringWidth: ((_k = value == null ? void 0 : value.style) == null ? void 0 : _k.ringWidth) || 37,
-          needleTransitionDuration: ((_l = value == null ? void 0 : value.style) == null ? void 0 : _l.needleTransitionDuration) || 5333,
-          height: (_m = value == null ? void 0 : value.style) == null ? void 0 : _m.height,
-          needleTransition: ((_n2 = value == null ? void 0 : value.style) == null ? void 0 : _n2.needleTransition) || "easeElastic",
-          value: ((_p = (_o = value == null ? void 0 : value.main) == null ? void 0 : _o.data) == null ? void 0 : _p.value) || 473,
-          needleColor: ((_q = value == null ? void 0 : value.style) == null ? void 0 : _q.needleColor) || "red",
-          minValue: ((_s = (_r = value == null ? void 0 : value.main) == null ? void 0 : _r.data) == null ? void 0 : _s.minValue) || 0,
-          startColor: ((_t2 = value == null ? void 0 : value.style) == null ? void 0 : _t2.startColor) || "red",
-          segments: ((_u = value == null ? void 0 : value.main) == null ? void 0 : _u.segments) || 5,
-          endColor: ((_v = value == null ? void 0 : value.style) == null ? void 0 : _v.endColor) || "green",
-          textColor: ((_w = value == null ? void 0 : value.style) == null ? void 0 : _w.textColor) || "black"
-        }
-      )
+      children: /* @__PURE__ */ jsx(ReactSpeedometer, {
+        forceRender: true,
+        segmentColors: (_d = value == null ? void 0 : value.style) == null ? void 0 : _d.segmentColors,
+        maxValue: ((_f = (_e2 = value == null ? void 0 : value.main) == null ? void 0 : _e2.data) == null ? void 0 : _f.maxValue) || 500,
+        width: ((_g = value == null ? void 0 : value.style) == null ? void 0 : _g.width) || 450,
+        needleHeightRatio: ((_h = value == null ? void 0 : value.style) == null ? void 0 : _h.needleHeightRatio) || 0.7,
+        currentValueText: (_i = value == null ? void 0 : value.main) == null ? void 0 : _i.currentValueText,
+        customSegmentLabels: (_j = value == null ? void 0 : value.main) == null ? void 0 : _j.customSegmentLabel,
+        ringWidth: ((_k = value == null ? void 0 : value.style) == null ? void 0 : _k.ringWidth) || 37,
+        needleTransitionDuration: ((_l = value == null ? void 0 : value.style) == null ? void 0 : _l.needleTransitionDuration) || 5333,
+        height: (_m = value == null ? void 0 : value.style) == null ? void 0 : _m.height,
+        needleTransition: ((_n2 = value == null ? void 0 : value.style) == null ? void 0 : _n2.needleTransition) || "easeElastic",
+        value: ((_p = (_o = value == null ? void 0 : value.main) == null ? void 0 : _o.data) == null ? void 0 : _p.value) || 473,
+        needleColor: ((_q = value == null ? void 0 : value.style) == null ? void 0 : _q.needleColor) || "red",
+        minValue: ((_s = (_r = value == null ? void 0 : value.main) == null ? void 0 : _r.data) == null ? void 0 : _s.minValue) || 0,
+        startColor: ((_t2 = value == null ? void 0 : value.style) == null ? void 0 : _t2.startColor) || "red",
+        segments: ((_u = value == null ? void 0 : value.main) == null ? void 0 : _u.segments) || 5,
+        endColor: ((_v = value == null ? void 0 : value.style) == null ? void 0 : _v.endColor) || "green",
+        textColor: ((_w = value == null ? void 0 : value.style) == null ? void 0 : _w.textColor) || "black"
+      })
     })]
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impaktapps-design",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "dependencies": {
     "@babel/core": "^7.16.12",
     "@visx/visx": "^3.1.2",

package/src/component/SpeedoMeter/SpeedoMeter.tsx

@@ -3,7 +3,7 @@ import ReactSpeedometer from "react-d3-speedometer";
 
 const SpeedoMeter = ({ value }: any) => {
   return (
-    <div style={{ ...value?.style?.containerStyle,overflow:"scroll" }}>
+    <div style={{ ...value?.style?.containerStyle,overflow:"auto" }}>
       {value?.main?.header && (
         <div
           style={{
@@ -18,9 +18,9 @@ const SpeedoMeter = ({ value }: any) => {
           {value.main.header}
         </div>
       )}
-      <div style={{ width:"100%",minWidth:500,display: "flex", justifyContent: "center",overflow:"scroll"  }}>
+      <div style={{ width:"100%",minWidth:500,display: "flex", justifyContent: "center",overflow:"auto"  }}>
         <ReactSpeedometer
-          // needleTransition=''
+          forceRender={true}
           segmentColors={value?.style?.segmentColors}
           maxValue={value?.main?.data?.maxValue || 500}
           width={value?.style?.width || 450}