Merge pull request #219 from DogusErdem/feat/packages-updates

feat: Packages updated.

Author: KaganYrk

package.json

@@ -53,9 +53,9 @@
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "^12.2.2",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "~18.2.48",
-    "@types/react-dom": "^18.0.9",
-    "@types/react-native": "^0.71.5",
+    "@types/react": "~18.3.3",
+    "@types/react-dom": "^18.3.3",
+    "@types/react-native": "^0.75.1",
     "@typescript-eslint/eslint-plugin": "^5.40.0",
     "@typescript-eslint/parser": "^5.40.0",
     "commitlint": "^17.0.2",
@@ -70,13 +70,12 @@
     "jest": "^29.6.4",
     "pod-install": "^0.1.0",
     "prettier": "^2.0.5",
-    "react": "18.1.0",
-    "react-native": "0.70.6",
-    "react-native-builder-bob": "^0.18.3",
+    "react": "18.3.0",
+    "react-native": "0.75.1",
+    "react-native-builder-bob": "^0.29.1",
     "react-native-gesture-handler": ">=2.5.0",
     "react-native-safe-area-context": "^4.10.8",
     "react-native-reanimated": ">=3.0.0",
-    "react-test-renderer": "^18.2.0",
     "release-it": "^15.0.0",
     "typescript": "^5.2.2"
   },

src/components/Dropdown/Dropdown.tsx

@@ -66,7 +66,7 @@ const Dropdown: FCCWD<DrowdownProps> = (
   const componentStatus = disabled ? 'disabled' : (visible ? 'active' : 'default');
 
   const openAnimation = useSharedValue(0);
-  const dropdown = useRef<TouchableOpacity>(null);
+  const dropdown = useRef<View>(null);
 
   const rightElement = useMemo(() => (typeof right === 'function' ? right(visible) : right), [visible, right]);
 
@@ -112,7 +112,8 @@ const Dropdown: FCCWD<DrowdownProps> = (
               paddingHorizontal: sizes[size].paddingHorizontal,
             },
             sizes[size].typography, buttonTextStyle, {
-              color: componentTheme[disabled ? componentStatus : isObjectSelected ? 'selected' : componentStatus]?.label,
+              color: componentTheme[disabled ? componentStatus :
+                isObjectSelected ? 'selected' : componentStatus]?.label,
             }]}
         >
           {isObjectSelected ? displayedButtonValue?.(selectedObject) : (buttonTitle || 'Please Select')}

src/components/Dropdown/MultipleSelectDropdown.tsx

@@ -53,7 +53,7 @@ const MultipleDropdown: FCCWD<MultipleDropdownProps> = (
   );
 
   const componentStatus = disabled ? 'disabled' : (visible ? 'active' : 'default');
-  const dropdown = useRef<TouchableOpacity>(null);
+  const dropdown = useRef<View>(null);
   const dropdownAnimation = useAnimatedStyle(() => ({
     transform: [{ rotate: `${openAnimation.value * 180}deg` }],
   }), []);
@@ -84,7 +84,6 @@ const MultipleDropdown: FCCWD<MultipleDropdownProps> = (
     const selectedObjectsTemp = [...selectedObjects];
 
     const valueIndex = selectedObjectsTemp.findIndex(obj => displayedRowValue(obj) === displayedRowValue(value));
-    console.log(valueIndex);
 
     if (valueIndex > -1) {
       selectedObjectsTemp.splice(valueIndex, 1);

src/types.ts

@@ -1,6 +1,6 @@
 import type { FC, PropsWithChildren } from 'react';
 import type React from 'react';
-import type { Animated, FlatList, ImageSourcePropType,
+import type { Animated, DimensionValue, FlatList, ImageSourcePropType,
   StyleProp, TextProps, TextStyle, ViewProps, ViewStyle } from 'react-native';
 import { Swipeable } from 'react-native-gesture-handler';
 import type { defaultTypography } from './core/typography/typography';
@@ -314,7 +314,7 @@ export type DividerProps = {
     /**
         *Width of divider
     */
-    width?: number,
+    width?: DimensionValue,
     /**
         *Additional styles to apply to the divider.
     */
@@ -437,7 +437,7 @@ export type MultipleDropdownProps = DrowdownProps & {
         *The theme to use for the component
     */
      theme?: DeepPartial<(ComponentThemeType['multipleDropdown'])>
-     }
+}
 export type DrowdownRouteProps= MultipleDropdownProps& {
     /**
         * Determines whether the dropdown should allow multiple selections. Defaults to false