@draftbit/core 55.0.1-ee0a64.2 → 56.0.1-9d8b12.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "55.0.1-ee0a64.2+ee0a64e",
+  "version": "56.0.1-9d8b12.2+9d8b127",
   "description": "Core (non-native) Components",
   "main": "./src/index.tsx",
   "react-native": "./src/index.tsx",
@@ -42,7 +42,7 @@
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/theme": "^55.0.1-ee0a64.2+ee0a64e",
+    "@draftbit/theme": "^56.0.1-9d8b12.2+9d8b127",
     "@emotion/react": "^11.13.5",
     "@emotion/styled": "^11.13.5",
     "@expo/vector-icons": "^15.0.3",
@@ -51,15 +51,15 @@
     "@lottiefiles/react-lottie-player": "3.5.3",
     "@mui/material": "^6.1.9",
     "@mui/x-date-pickers": "^7.22.3",
-    "@react-native-community/slider": "5.0.1",
-    "@react-native-picker/picker": "2.11.1",
+    "@react-native-community/slider": "5.2.0",
+    "@react-native-picker/picker": "2.11.4",
     "@shopify/flash-list": "2.0.2",
     "color": "^4.2.3",
     "date-fns": "^4.1.0",
     "dateformat": "^5.0.3",
-    "expo-audio": "~1.1.1",
-    "expo-image": "~3.0.11",
-    "expo-video": "~3.0.16",
+    "expo-audio": "~56.0.12",
+    "expo-image": "~56.0.11",
+    "expo-video": "~56.1.4",
     "lodash.isequal": "^4.5.0",
     "lodash.isnumber": "^3.0.3",
     "lodash.omit": "^4.5.0",
@@ -70,20 +70,20 @@
     "react-native-date-picker": "^5.0.7",
     "react-native-deck-swiper": "^2.0.17",
     "react-native-dropdown-picker": "^5.4.7-beta.1",
-    "react-native-gesture-handler": "~2.28.0",
+    "react-native-gesture-handler": "~2.31.1",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-markdown-display": "^7.0.2",
     "react-native-modal-datetime-picker": "^18.0.0",
-    "react-native-pager-view": "6.9.1",
-    "react-native-reanimated": "~4.1.1",
+    "react-native-pager-view": "8.0.1",
+    "react-native-reanimated": "4.3.1",
     "react-native-select-dropdown": "4.0.1",
     "react-native-shadow-2": "^7.1.1",
-    "react-native-svg": "15.12.1",
+    "react-native-svg": "15.15.4",
     "react-native-swipe-list-view": "^3.2.9",
     "react-native-tab-view": "^3.4.0",
     "react-native-web-swiper": "^2.2.4",
-    "react-native-webview": "13.15.0",
-    "react-native-worklets": "0.5.1",
+    "react-native-webview": "13.16.1",
+    "react-native-worklets": "0.8.3",
     "react-native-youtube-iframe": "^2.3.0",
     "react-youtube": "^10.1.0",
     "uuid": "^11.0.3"
@@ -108,8 +108,8 @@
   },
   "jest": {
     "preset": "jest-expo",
+    "globalSetup": "<rootDir>/../../jest/global-setup.js",
     "setupFilesAfterEnv": [
-      "@testing-library/jest-native/extend-expect",
       "./jest-setup.js"
     ],
     "testPathIgnorePatterns": [
@@ -119,9 +119,10 @@
       ".*\\.test\\.skip\\.tsx$"
     ],
     "transformIgnorePatterns": [
-      "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg|dateformat)"
-    ],
-    "testEnvironment": "node"
+      "/node_modules/(?!(.pnpm|react-native|@react-native|@react-native-community|expo|@expo|@expo-google-fonts|react-navigation|@react-navigation|@sentry/react-native|native-base|standard-navigation|dateformat|uuid))",
+      "/node_modules/react-native-reanimated/plugin/",
+      "/node_modules/@react-native/babel-preset/"
+    ]
   },
-  "gitHead": "ee0a64eaafa0576a511da64207eaa0f8406b8457"
+  "gitHead": "9d8b1274ebd6bd9ff1d7587e8aabcc8a2e23b68b"
 }

package/src/components/Button.tsx

@@ -66,7 +66,7 @@ function Base({
   activeOpacity = 0.8,
   disabledOpacity = 0.8,
   ...props
-}: BaseProps): JSX.Element {
+}: BaseProps): React.JSX.Element {
   const {
     color,
     fontFamily,
@@ -142,7 +142,7 @@ function Base({
   );
 }
 
-const Solid = ({ style, theme, ...props }: Props): JSX.Element => {
+const Solid = ({ style, theme, ...props }: Props): React.JSX.Element => {
   return (
     <Base
       style={[
@@ -168,7 +168,7 @@ export { ButtonSolid };
 const Button: any = withTheme(Solid);
 export { Button };
 
-const Outline = ({ style, theme, ...props }: Props): JSX.Element => {
+const Outline = ({ style, theme, ...props }: Props): React.JSX.Element => {
   return (
     <Base
       style={[

package/src/components/DeckSwiper/DeckSwiper.tsx

@@ -23,7 +23,13 @@ export interface DeckSwiperProps<T> {
   visibleCardCount?: number;
   data?: Array<T>;
   keyExtractor?: (item: T) => string;
-  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;
+  renderItem?: ({
+    item,
+    index,
+  }: {
+    item: T;
+    index: number;
+  }) => React.JSX.Element;
   style?: StyleProp<ViewStyle>;
   className?: string;
 }
@@ -82,7 +88,7 @@ const DeckSwiper = React.forwardRef<DeckSwiperRef, DeckSwiperProps<any>>(
 
     const cardsData = Array.isArray(data) ? data : cardsFillerData;
 
-    const renderCard = (card: any, index: number): JSX.Element => {
+    const renderCard = (card: any, index: number): React.JSX.Element => {
       if (renderItem) {
         return renderItem({ item: card, index });
       } else {
@@ -90,7 +96,7 @@ const DeckSwiper = React.forwardRef<DeckSwiperRef, DeckSwiperProps<any>>(
       }
     };
 
-    const renderFirstCard = (): JSX.Element | undefined => {
+    const renderFirstCard = (): React.JSX.Element | undefined => {
       if (cardsData.length) {
         return renderCard(cardsData[0], 0);
       }

package/src/components/Picker/PickerInputContainer.tsx

@@ -88,7 +88,7 @@ const PickerInputContainer: React.FC<
         {...rest}
       />
       <Touchable
-        style={StyleSheet.absoluteFillObject}
+        style={StyleSheet.absoluteFill}
         disabled={disabled}
         onPress={onPress}
         onLongPress={onPress}

package/src/components/PinInput/PinInput.tsx

@@ -29,7 +29,7 @@ interface PinInputProps extends Omit<TextInputProps, "style"> {
   cellCount?: number;
   clearOnCellFocus?: boolean;
   blurOnFull?: boolean;
-  renderItem?: ({ cellValue, index, isFocused }: CellItem) => JSX.Element;
+  renderItem?: ({ cellValue, index, isFocused }: CellItem) => React.JSX.Element;
   focusedBorderColor?: string;
   focusedBackgroundColor?: string;
   focusedBorderWidth?: number;

package/src/components/Progress/CircularProgress/CircularProgress.tsx

@@ -152,6 +152,7 @@ export const CircularProgress: React.FC<
           />
         )}
         <AnimatedPath
+          testID="circular-progress-path"
           animatedProps={progressPathAnimatedProps}
           stroke={color}
           strokeWidth={thickness}

package/src/components/Progress/LinearProgress/LinearProgress.tsx

@@ -121,6 +121,7 @@ export const LinearProgress: React.FC<ValueProgressProps> = ({
           />
         )}
         <AnimatedLine
+          testID="linear-progress-line"
           animatedProps={progressLineAnimatedProps}
           x1={thicknessOffset}
           y1={thicknessOffset}

package/src/components/SectionList/SectionList.tsx

@@ -15,7 +15,7 @@ interface AdditionalSectionListProps<T> {
     item?: T;
     index: number;
     section: string;
-  }) => JSX.Element;
+  }) => React.JSX.Element;
   keyExtractor?: (item: T, index: number) => string;
   listComponent?: ListComponentType;
   sectionHeaderBackgroundColor?: string;
@@ -100,8 +100,8 @@ const SectionList = React.forwardRef(
     );
 
     const extractSectionHeader = (
-      element: JSX.Element | null
-    ): JSX.Element | null => {
+      element: React.JSX.Element | null
+    ): React.JSX.Element | null => {
       if (!element) {
         return null;
       }
@@ -124,8 +124,8 @@ const SectionList = React.forwardRef(
     };
 
     const extractRemainingNonSectionHeader = (
-      element: JSX.Element | null
-    ): JSX.Element | null => {
+      element: React.JSX.Element | null
+    ): React.JSX.Element | null => {
       if (!element) {
         return null;
       }

package/src/components/Swiper/Swiper.tsx

@@ -29,7 +29,13 @@ export interface SwiperProps<T>
   children?: React.ReactNode;
   data?: Array<T>;
   keyExtractor: (item: T, index: number) => string;
-  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;
+  renderItem?: ({
+    item,
+    index,
+  }: {
+    item: T;
+    index: number;
+  }) => React.JSX.Element;
   style?: StyleProp<ViewStyle>;
   onIndexChanged?: (index: number) => void;
   minDistanceForAction?: number;

package/src/components/Table/Table.tsx

@@ -19,7 +19,13 @@ import {
 export interface Props<T> extends TableProps, ScrollViewProps {
   data?: Array<T>;
   keyExtractor?: (item: T, index: number) => string;
-  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;
+  renderItem?: ({
+    item,
+    index,
+  }: {
+    item: T;
+    index: number;
+  }) => React.JSX.Element;
   style?: StyleProp<ViewStyle>;
   theme: ReadTheme;
 }

package/src/components/Text.tsx

@@ -37,7 +37,7 @@ export const BaseLink = ({
   theme,
   title,
   ...props
-}: any): JSX.Element => {
+}: any): React.JSX.Element => {
   return (
     <Text
       hitSlop={8}