@draftbit/core 54.0.2 → 54.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "54.0.2",
+  "version": "54.0.3",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -40,7 +40,7 @@
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/theme": "54.0.2",
+    "@draftbit/theme": "54.0.3",
     "@emotion/react": "^11.13.5",
     "@emotion/styled": "^11.13.5",
     "@expo/vector-icons": "^15.0.3",
@@ -120,5 +120,5 @@
     ],
     "testEnvironment": "node"
   },
-  "gitHead": "8e6093eb0d44d66833c60b26bd7267d386776245"
+  "gitHead": "eceef38dbc6dc703d1f555fa2cdfd2cebd82a8ef"
 }

package/src/components/SimpleStyleScrollables/SimpleStyleFlatList.js

@@ -6,7 +6,7 @@ import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
  * the appropriate style keys into the `contentContainerStyle`
  */
 const SimpleStyleFlatList = React.forwardRef(({ style: styleProp, data, ...rest }, ref) => {
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, { isFlashList: false });
     return (React.createElement(FlatList, { ref: ref, style: style, contentContainerStyle: contentContainerStyle, data: data, ...rest }));
 });
 export default SimpleStyleFlatList;

package/src/components/SimpleStyleScrollables/SimpleStyleFlatList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleStyleFlatList.js","sourceRoot":"","sources":["SimpleStyleFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,aAAa,CAAC;AAGnC,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,GAAG,IAAI,EACyC,EAClD,GAAiC,EACjC,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SimpleStyleFlatList.js","sourceRoot":"","sources":["SimpleStyleFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,aAAa,CAAC;AAGnC,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,GAAG,IAAI,EACyC,EAClD,GAAiC,EACjC,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,EAAE,WAAW,EAAE,KAAK,EAAE,CACvB,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleFlatList.tsx

@@ -17,8 +17,10 @@ const SimpleStyleFlatList = React.forwardRef(
     }: Omit<FlatListProps<T>, "contentContainerStyle">,
     ref: React.Ref<FlatListComponent>
   ) => {
-    const { style, contentContainerStyle } =
-      useSplitContentContainerStyles(styleProp);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(
+      styleProp,
+      { isFlashList: false }
+    );
 
     return (
       <FlatList

package/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.js

@@ -6,7 +6,7 @@ import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
  * the appropriate style keys into the `contentContainerStyle`
  */
 const SimpleStyleKeyboardAwareScrollView = React.forwardRef(({ style: styleProp, ...rest }, ref) => {
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, { isFlashList: false });
     return (React.createElement(KeyboardAwareScrollView, { ref: ref, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
 });
 export default SimpleStyleKeyboardAwareScrollView;

package/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleStyleKeyboardAwareScrollView.js","sourceRoot":"","sources":["SimpleStyleKeyboardAwareScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAElF,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,kCAAkC,GAAG,KAAK,CAAC,UAAU,CACzD,CACE,EACE,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACqD,EAC9D,GAAuC,EACvC,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO,CACL,oBAAC,uBAAuB,IACtB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kCAAkC,CAAC"}
+{"version":3,"file":"SimpleStyleKeyboardAwareScrollView.js","sourceRoot":"","sources":["SimpleStyleKeyboardAwareScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAElF,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,kCAAkC,GAAG,KAAK,CAAC,UAAU,CACzD,CACE,EACE,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACqD,EAC9D,GAAuC,EACvC,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,EAAE,WAAW,EAAE,KAAK,EAAE,CACvB,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IACtB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kCAAkC,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.tsx

@@ -15,8 +15,10 @@ const SimpleStyleKeyboardAwareScrollView = React.forwardRef(
     }: Omit<KeyboardAwareScrollViewProps, "contentContainerStyle">,
     ref: React.Ref<KeyboardAwareScrollView>
   ) => {
-    const { style, contentContainerStyle } =
-      useSplitContentContainerStyles(styleProp);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(
+      styleProp,
+      { isFlashList: false }
+    );
 
     return (
       <KeyboardAwareScrollView

package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.js

@@ -6,7 +6,7 @@ import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
  * the appropriate style keys into the `contentContainerStyle`
  */
 const SimpleStyleScrollView = React.forwardRef(({ style: styleProp, onRefresh, refreshing = false, ...rest }, ref) => {
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, { isFlashList: false });
     return (React.createElement(ScrollView, { ref: ref, style: style, contentContainerStyle: contentContainerStyle, refreshControl: onRefresh ? (React.createElement(RefreshControl, { refreshing: refreshing, onRefresh: onRefresh })) : undefined, ...rest }));
 });
 export default SimpleStyleScrollView;

package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleStyleScrollView.js","sourceRoot":"","sources":["SimpleStyleScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAO9E;;;GAGG;AACH,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,IAAI,EAAS,EACnE,GAA0B,EAC1B,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,cAAc,EACZ,SAAS,CAAC,CAAC,CAAC,CACV,oBAAC,cAAc,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACjE,CAAC,CAAC,CAAC,SAAS,KAEX,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"SimpleStyleScrollView.js","sourceRoot":"","sources":["SimpleStyleScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAO9E;;;GAGG;AACH,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,IAAI,EAAS,EACnE,GAA0B,EAC1B,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,EAAE,WAAW,EAAE,KAAK,EAAE,CACvB,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,cAAc,EACZ,SAAS,CAAC,CAAC,CAAC,CACV,oBAAC,cAAc,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACjE,CAAC,CAAC,CAAC,SAAS,KAEX,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.tsx

@@ -17,8 +17,10 @@ const SimpleStyleScrollView = React.forwardRef(
     { style: styleProp, onRefresh, refreshing = false, ...rest }: Props,
     ref: React.Ref<ScrollView>
   ) => {
-    const { style, contentContainerStyle } =
-      useSplitContentContainerStyles(styleProp);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(
+      styleProp,
+      { isFlashList: false }
+    );
 
     return (
       <ScrollView

package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.js

@@ -6,7 +6,7 @@ import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
  * the appropriate style keys into the `contentContainerStyle`
  */
 const SimpleStyleSectionList = React.forwardRef(({ style: styleProp, data, ...rest }, ref) => {
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, { isFlashList: rest.listComponent === "FlashList" });
     return (
     //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
     React.createElement(SectionList, { ref: ref, style: style, contentContainerStyle: contentContainerStyle, data: data, ...rest }));

package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleStyleSectionList.js","sourceRoot":"","sources":["SimpleStyleSectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAI9E;;;GAGG;AACH,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAC7C,CACE,EACE,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,GAAG,IAAI,EAIR,EACD,GAAyD,EACzD,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO;IACL,gHAAgH;IAChH,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"SimpleStyleSectionList.js","sourceRoot":"","sources":["SimpleStyleSectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAI9E;;;GAGG;AACH,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAC7C,CACE,EACE,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,GAAG,IAAI,EAIR,EACD,GAAyD,EACzD,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,EAAE,WAAW,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,EAAE,CACpD,CAAC;IAEF,OAAO;IACL,gHAAgH;IAChH,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.tsx

@@ -24,8 +24,10 @@ const SimpleStyleSectionList = React.forwardRef(
     >,
     ref: React.Ref<FlatListComponent | typeof FlashList<any>>
   ) => {
-    const { style, contentContainerStyle } =
-      useSplitContentContainerStyles(styleProp);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(
+      styleProp,
+      { isFlashList: rest.listComponent === "FlashList" }
+    );
 
     return (
       //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS

package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.js

@@ -6,7 +6,7 @@ import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
  * the appropriate style keys into the `contentContainerStyle`
  */
 const SimpleStyleSwipeableList = React.forwardRef(({ style: styleProp, data, ...rest }, ref) => {
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, { isFlashList: rest.listComponent === "FlashList" });
     return (
     //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
     React.createElement(SwipeableList, { ref: ref, style: style, contentContainerStyle: contentContainerStyle, data: data, ...rest }));

package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleStyleSwipeableList.js","sourceRoot":"","sources":["SimpleStyleSwipeableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAI9E;;;GAGG;AACH,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EACE,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,GAAG,IAAI,EAIR,EACD,GAAyD,EACzD,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO;IACL,gHAAgH;IAChH,oBAAC,aAAa,IACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"SimpleStyleSwipeableList.js","sourceRoot":"","sources":["SimpleStyleSwipeableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAI9E;;;GAGG;AACH,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EACE,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,GAAG,IAAI,EAIR,EACD,GAAyD,EACzD,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,EAAE,WAAW,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,EAAE,CACpD,CAAC;IAEF,OAAO;IACL,gHAAgH;IAChH,oBAAC,aAAa,IACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.tsx

@@ -24,8 +24,10 @@ const SimpleStyleSwipeableList = React.forwardRef(
     >,
     ref: React.Ref<FlatListComponent | typeof FlashList<any>>
   ) => {
-    const { style, contentContainerStyle } =
-      useSplitContentContainerStyles(styleProp);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(
+      styleProp,
+      { isFlashList: rest.listComponent === "FlashList" }
+    );
 
     return (
       //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS

package/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.js

@@ -22,20 +22,22 @@ export const contentContainerStyleNames = [
     "columnGap",
     "rowGap",
 ];
-export default function useSplitContentContainerStyles(originalStyle) {
+export default function useSplitContentContainerStyles(originalStyle, options) {
     return useDeepCompareMemo(() => {
         const flattenedStyle = StyleSheet.flatten(originalStyle);
         const contentContainerStyle = pick(flattenedStyle, contentContainerStyleNames);
         // contentContainerStyle should always at least fill the parent to ensure sizing changes reflects properly on component and children.
         contentContainerStyle.flexGrow = 1;
         let style = omit(flattenedStyle, contentContainerStyleNames);
-        // ScrollView's implementation defaults flexGrow to 1, which prevents the ability to set a static size or use a flex larger than 1
-        // See: https://github.com/facebook/react-native/issues/3422
-        if (style.flex === undefined) {
-            style = { flexGrow: 0, ...style };
-        }
-        else if (style.flexGrow === undefined) {
-            style = { flexGrow: style.flex, ...style };
+        if (!options.isFlashList) {
+            // ScrollView's implementation defaults flexGrow to 1, which prevents the ability to set a static size or use a flex larger than 1
+            // See: https://github.com/facebook/react-native/issues/3422
+            if (style.flex === undefined) {
+                style = { flexGrow: 0, ...style };
+            }
+            else if (style.flexGrow === undefined) {
+                style = { flexGrow: style.flex, ...style };
+            }
         }
         return {
             style,
@@ -44,7 +46,7 @@ export default function useSplitContentContainerStyles(originalStyle) {
     }, [originalStyle]);
 }
 export function useFlashListSplitContentContainerStyles(originalStyle) {
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(originalStyle);
+    const { style, contentContainerStyle } = useSplitContentContainerStyles(originalStyle, { isFlashList: true });
     // FlashList only supports a subset of contentContainerStyles
     // See https://shopify.github.io/flash-list/docs/usage/#contentcontainerstyle
     const flashListContentContainerStyle = pick(contentContainerStyle, [

package/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSplitContentContainerStyles.js","sourceRoot":"","sources":["useSplitContentContainerStyles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSplitContentContainerStyles.js","sourceRoot":"","sources":["useSplitContentContainerStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE3E,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;AACpD,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;AAOtD,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,SAAS;IACT,eAAe;IACf,YAAY;IACZ,mBAAmB;IACnB,aAAa;IACb,cAAc;IACd,cAAc;IACd,YAAY;IACZ,iBAAiB;IACjB,gBAAgB;IAChB,YAAY;IACZ,cAAc;IACd,eAAe;IACf,UAAU;IACV,KAAK;IACL,WAAW;IACX,QAAQ;CACT,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,8BAA8B,CACpD,aAAmC,EACnC,OAAiC;IAEjC,OAAO,kBAAkB,CAAS,GAAG,EAAE;QACrC,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAEzD,MAAM,qBAAqB,GAAG,IAAI,CAChC,cAAc,EACd,0BAA0B,CAC3B,CAAC;QAEF,qIAAqI;QACrI,qBAAqB,CAAC,QAAQ,GAAG,CAAC,CAAC;QAEnC,IAAI,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,0BAA0B,CAAC,CAAC;QAE7D,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;YACzB,kIAAkI;YAClI,4DAA4D;YAC5D,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBAC7B,KAAK,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;YACpC,CAAC;iBAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;gBACxC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC;YAC7C,CAAC;QACH,CAAC;QAED,OAAO;YACL,KAAK;YACL,qBAAqB;SACtB,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,uCAAuC,CACrD,aAAmC;IAEnC,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,aAAa,EACb,EAAE,WAAW,EAAE,IAAI,EAAE,CACtB,CAAC;IAEF,6DAA6D;IAC7D,6EAA6E;IAC7E,MAAM,8BAA8B,GAAG,IAAI,CAAC,qBAAqB,EAAE;QACjE,iBAAiB;QACjB,YAAY;QACZ,aAAa;QACb,cAAc;QACd,eAAe;QACf,SAAS;QACT,iBAAiB;QACjB,mBAAmB;KACpB,CAA2B,CAAC;IAE7B,6DAA6D;IAC7D,6DAA6D;IAC7D,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,8BAA8B,CAAC,EAAE,CAAC;QAC1E,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YACzD,MAAM,QAAQ,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;gBAC3B,QAAQ,GAAG,EAAE,CAAC;oBACZ,KAAK,SAAS,CAAC;oBACf,KAAK,aAAa,CAAC;oBACnB,KAAK,cAAc,CAAC;oBACpB,KAAK,mBAAmB;wBACtB,8BAA8B,CAAC,GAAG,CAAC;4BACjC,YAAY,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;wBAClC,MAAM;oBACR,KAAK,YAAY,CAAC;oBAClB,KAAK,eAAe,CAAC;oBACrB,KAAK,iBAAiB;wBACpB,8BAA8B,CAAC,GAAG,CAAC;4BACjC,aAAa,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;wBACnC,MAAM;gBACV,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO;QACL,KAAK;QACL,qBAAqB,EAAE,8BAA8B;KACtD,CAAC;AACJ,CAAC"}

package/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.ts

@@ -31,7 +31,8 @@ export const contentContainerStyleNames = [
 ];
 
 export default function useSplitContentContainerStyles(
-  originalStyle: StyleProp<ViewStyle>
+  originalStyle: StyleProp<ViewStyle>,
+  options: { isFlashList: boolean }
 ) {
   return useDeepCompareMemo<Styles>(() => {
     const flattenedStyle = StyleSheet.flatten(originalStyle);
@@ -46,12 +47,14 @@ export default function useSplitContentContainerStyles(
 
     let style = omit(flattenedStyle, contentContainerStyleNames);
 
-    // ScrollView's implementation defaults flexGrow to 1, which prevents the ability to set a static size or use a flex larger than 1
-    // See: https://github.com/facebook/react-native/issues/3422
-    if (style.flex === undefined) {
-      style = { flexGrow: 0, ...style };
-    } else if (style.flexGrow === undefined) {
-      style = { flexGrow: style.flex, ...style };
+    if (!options.isFlashList) {
+      // ScrollView's implementation defaults flexGrow to 1, which prevents the ability to set a static size or use a flex larger than 1
+      // See: https://github.com/facebook/react-native/issues/3422
+      if (style.flex === undefined) {
+        style = { flexGrow: 0, ...style };
+      } else if (style.flexGrow === undefined) {
+        style = { flexGrow: style.flex, ...style };
+      }
     }
 
     return {
@@ -64,8 +67,10 @@ export default function useSplitContentContainerStyles(
 export function useFlashListSplitContentContainerStyles(
   originalStyle: StyleProp<ViewStyle>
 ): Styles {
-  const { style, contentContainerStyle } =
-    useSplitContentContainerStyles(originalStyle);
+  const { style, contentContainerStyle } = useSplitContentContainerStyles(
+    originalStyle,
+    { isFlashList: true }
+  );
 
   // FlashList only supports a subset of contentContainerStyles
   // See https://shopify.github.io/flash-list/docs/usage/#contentcontainerstyle