@tactics/toddle-styleguide 5.4.40 → 5.4.43

package/babel.config.js

@@ -15,6 +15,6 @@ module.exports = function (api) {
         },
       ],
     ],
-    plugins: ['react-native-reanimated/plugin'],
+    plugins: [],
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "5.4.40",
+  "version": "5.4.43",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",
@@ -58,14 +58,12 @@
     "react-native-gesture-handler": "~2.28.0",
     "react-native-pager-view": "^6.9.1",
     "react-native-picker-select": "^8.1.0",
-    "react-native-reanimated": "~4.1.1",
     "react-native-safe-area-context": "~5.6.0",
     "react-native-screens": "~4.16.0",
     "react-native-svg": "15.12.1",
     "react-native-web": "~0.21.0",
     "react-native-wheel-picker-expo": "^0.5.4",
     "react-native-wheely": "^0.6.0",
-    "react-native-worklets": "0.5.1",
     "typescript": "~5.9.3"
   },
   "resolutions": {

package/src/components/templates/popover-action/popover-action.component.tsx

@@ -28,15 +28,19 @@ type PopOverActionProps = {
 };
 
 export const PopOverAction = ({
-                                isVisible,
-                                children,
-                                touchBackDrop,
-                              }: PopOverActionProps) => {
+  isVisible,
+  children,
+  touchBackDrop,
+}: PopOverActionProps) => {
   const [windowHeight, setWindowHeight] = useState(
     Dimensions.get('window').height
   );
+
   const [elementSize, setElementSize] = useState({ width: 0, height: 0 });
+
   const [currentChildIndex, setCurrentChildIndex] = useState(0);
+
+
   const [childDimensions, setChildDimensions] = useState<
     LayoutChangeEvent['nativeEvent']['layout'][]
   >([]);
@@ -86,16 +90,6 @@ export const PopOverAction = ({
     }
   };
 
-  useEffect(() => {
-    const childDimension = childDimensions[currentChildIndex];
-    if (childDimension) {
-      const { width, height } = childDimension;
-      if (width !== elementSize.width || height !== elementSize.height) {
-        setElementSize({ width, height });
-      }
-    }
-  }, [childDimensions, currentChildIndex]);
-
   useEffect(() => {
     const updateWindowHeight = () => {
       let availableHeight = Dimensions.get('window').height;