impaktapps-design 0.1.8 → 0.2.1

package/dist/impaktapps-design.es.js

@@ -35853,7 +35853,7 @@ var ReactSpeedometer = /* @__PURE__ */ getDefaultExportFromCjs(dist$1);
 const SpeedoMeter = ({
   value
 }) => {
-  var _a2, _b2, _c2, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o, _p, _q, _r, _s, _t2, _u, _v;
+  var _a2, _b2, _c2, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o, _p, _q;
   const [speedoValue, setspeedoValue] = useState(value.main.data);
   useEffect(() => {
     setspeedoValue(value.main.data);
@@ -35882,21 +35882,22 @@ const SpeedoMeter = ({
         ReactSpeedometer,
         {
           segmentColors: (_d = value == null ? void 0 : value.style) == null ? void 0 : _d.segmentColors,
-          maxValue: ((_f = (_e2 = speedoValue == null ? void 0 : speedoValue.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) || 500,
-          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,
-          needleTransition: ((_m = value == null ? void 0 : value.style) == null ? void 0 : _m.needleTransition) || "easeElastic",
-          value: ((_o = (_n2 = speedoValue == null ? void 0 : speedoValue.main) == null ? void 0 : _n2.data) == null ? void 0 : _o.value) || 473,
-          needleColor: ((_p = value == null ? void 0 : value.style) == null ? void 0 : _p.needleColor) || "red",
-          minValue: ((_r = (_q = speedoValue == null ? void 0 : speedoValue.main) == null ? void 0 : _q.data) == null ? void 0 : _r.minValue) || 0,
-          startColor: ((_s = value == null ? void 0 : value.style) == null ? void 0 : _s.startColor) || "red",
-          segments: ((_t2 = value == null ? void 0 : value.main) == null ? void 0 : _t2.segments) || 5,
-          endColor: ((_u = value == null ? void 0 : value.style) == null ? void 0 : _u.endColor) || "green",
-          textColor: ((_v = value == null ? void 0 : value.style) == null ? void 0 : _v.textColor) || "black"
+          maxValue: (speedoValue == null ? void 0 : speedoValue.maxValue) || 500,
+          width: ((_e2 = value == null ? void 0 : value.style) == null ? void 0 : _e2.width) || 500,
+          needleHeightRatio: ((_f = value == null ? void 0 : value.style) == null ? void 0 : _f.needleHeightRatio) || 0.7,
+          currentValueText: (_g = value == null ? void 0 : value.main) == null ? void 0 : _g.currentValueText,
+          customSegmentLabels: (_h = value == null ? void 0 : value.main) == null ? void 0 : _h.customSegmentLabel,
+          ringWidth: ((_i = value == null ? void 0 : value.style) == null ? void 0 : _i.ringWidth) || 37,
+          needleTransitionDuration: ((_j = value == null ? void 0 : value.style) == null ? void 0 : _j.needleTransitionDuration) || 5333,
+          height: ((_k = value == null ? void 0 : value.style) == null ? void 0 : _k.height) || 300,
+          needleTransition: ((_l = value == null ? void 0 : value.style) == null ? void 0 : _l.needleTransition) || "easeElastic",
+          value: (speedoValue == null ? void 0 : speedoValue.value) || 473,
+          needleColor: ((_m = value == null ? void 0 : value.style) == null ? void 0 : _m.needleColor) || "red",
+          minValue: (speedoValue == null ? void 0 : speedoValue.minValue) || 0,
+          startColor: ((_n2 = value == null ? void 0 : value.style) == null ? void 0 : _n2.startColor) || "red",
+          segments: ((_o = value == null ? void 0 : value.main) == null ? void 0 : _o.segments) || 5,
+          endColor: ((_p = value == null ? void 0 : value.style) == null ? void 0 : _p.endColor) || "green",
+          textColor: ((_q = value == null ? void 0 : value.style) == null ? void 0 : _q.textColor) || "black"
         }
       )
     })]

package/package.json

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

package/src/component/SpeedoMeter/SpeedoMeter.tsx

@@ -26,7 +26,7 @@ useEffect(()=>{
         <ReactSpeedometer
           // needleTransition=''
           segmentColors={value?.style?.segmentColors}
-          maxValue={speedoValue?.main?.data?.maxValue || 500}
+          maxValue={speedoValue?.maxValue || 500}
           width={value?.style?.width || 500}
           needleHeightRatio={value?.style?.needleHeightRatio || 0.7}
           currentValueText={value?.main?.currentValueText}
@@ -35,10 +35,11 @@ useEffect(()=>{
           needleTransitionDuration={
             value?.style?.needleTransitionDuration || 5333
           }
+          height={value?.style?.height||300}
           needleTransition={value?.style?.needleTransition || "easeElastic"}
-          value={speedoValue?.main?.data?.value || 473}
+          value={speedoValue?.value || 473}
           needleColor={value?.style?.needleColor || "red"}
-          minValue={speedoValue?.main?.data?.minValue || 0}
+          minValue={speedoValue?.minValue || 0}
           startColor={value?.style?.startColor || "red"}
           segments={value?.main?.segments || 5}
           endColor={value?.style?.endColor || "green"}