impaktapps-design 0.1.1 → 0.1.3

package/dist/impaktapps-design.es.js

@@ -10477,12 +10477,14 @@ const BottomAxis = ({
   yMax,
   value,
   xScale,
-  parentWidth
+  parentWidth,
+  left: left2
 }) => {
   var _a2, _b2, _c2, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o, _p, _q, _r, _s;
   return /* @__PURE__ */ jsx(AxisBottom$2, {
     numTicks: data == null ? void 0 : data.length,
     top: yMax,
+    left: left2,
     hideTicks: (_a2 = value.main) == null ? void 0 : _a2.hideTicks,
     hideAxisLine: (_b2 = value.main) == null ? void 0 : _b2.hideBottomAxisLine,
     strokeWidth: (_d = (_c2 = value.style) == null ? void 0 : _c2.labelStyle) == null ? void 0 : _d.bottomAxisWidth,
@@ -11141,7 +11143,8 @@ const ToolTip = ({
     left: left2,
     children: /* @__PURE__ */ jsxs("div", {
       style: {
-        height: "50px",
+        height: "auto",
+        width: "auto",
         textAlign: "center",
         background: "black",
         padding: "10px",
@@ -12015,7 +12018,7 @@ const finalDataProvider = (type2, value) => {
             topLabelMargin: "-6",
             labelColor: "black",
             leftLabelOffset: 50,
-            bottomLabelOffset: 10,
+            bottomLabelOffset: 45,
             tickLabelColor: "balck",
             tickFontSize: "10px",
             tickColor: "black",

package/package.json

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

package/src/component/BottomAxis.tsx

@@ -1,12 +1,13 @@
 import React from 'react'
 import { AxisBottom } from "@visx/axis";
 import { bottomAxisProps } from '../interface/interface';
-const BottomAxis = ({data,yMax,value,xScale,parentWidth}:bottomAxisProps) => {
+const BottomAxis = ({data,yMax,value,xScale,parentWidth,left}:bottomAxisProps) => {
   
   return (
     <AxisBottom
     numTicks={data?.length}
     top={yMax}
+    left={left}
     hideTicks={value.main?.hideTicks}
     hideAxisLine={value.main?.hideBottomAxisLine}
     strokeWidth={value.style?.labelStyle?.bottomAxisWidth}

package/src/component/ToolTip.tsx

@@ -13,7 +13,8 @@ const ToolTip = ({ style, top, left, tooltipData }: tooltipProps) => {
       >
       <div
         style={{
-          height: "50px",
+          height: "auto",
+          width:"auto",
           textAlign:"center",
           background:"black",
           padding:"10px",

package/src/utils/finalDataProvider.ts

@@ -55,12 +55,14 @@ export const finalDataProvider = (type: string, value: any) => {
                         topLabelMargin: "-6",
                         labelColor: "black",
                         leftLabelOffset: 50,
-                        bottomLabelOffset: 10,
+                        bottomLabelOffset: 45,
                         tickLabelColor: "balck",
                         tickFontSize: "10px",
                         tickColor: "black",
                         rightAxisWidth: "0.3px",
                         fontSize: "10px",
+                        
+                      
                         ...value?.style?.labelStyle
                     },
                     barStyle: {