@draftbit/core 49.3.2-0a7a74.2 → 49.3.2-bc13e1.2

package/src/components/SimpleStyleScrollables/SimpleStyleFlashList.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { FlashList } from "@shopify/flash-list";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-/**
- * A FlashList wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleFlashList = ({ style: styleProp, ...rest }) => {
-    const [measuredWidth, setMeasuredWidth] = React.useState();
-    const [measuredHeight, setMeasuredHeight] = React.useState();
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
-    return (React.createElement(FlashList, { onLayout: (event) => {
-            setMeasuredWidth(event.nativeEvent.layout.width);
-            setMeasuredHeight(event.nativeEvent.layout.height);
-        }, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
-};
-export default SimpleStyleFlashList;
-//# sourceMappingURL=SimpleStyleFlashList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleStyleFlashList.js","sourceRoot":"","sources":["SimpleStyleFlashList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,oBAAoB,GAAG,CAAgB,EAC3C,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EAC0C,EAAE,EAAE;IACrD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqC,KACxD,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleFlashList.tsx

@@ -1,36 +0,0 @@
-import React from "react";
-import { FlashList } from "@shopify/flash-list";
-import type { FlashListProps, ContentStyle } from "@shopify/flash-list";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-
-/**
- * A FlashList wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleFlashList = <T extends any>({
-  style: styleProp,
-  ...rest
-}: Omit<FlashListProps<T>, "contentContainerStyle">) => {
-  const [measuredWidth, setMeasuredWidth] = React.useState<number>();
-  const [measuredHeight, setMeasuredHeight] = React.useState<number>();
-
-  const { style, contentContainerStyle } = useSplitContentContainerStyles(
-    styleProp,
-    measuredWidth,
-    measuredHeight
-  );
-
-  return (
-    <FlashList
-      onLayout={(event) => {
-        setMeasuredWidth(event.nativeEvent.layout.width);
-        setMeasuredHeight(event.nativeEvent.layout.height);
-      }}
-      style={style}
-      contentContainerStyle={contentContainerStyle as ContentStyle}
-      {...rest}
-    />
-  );
-};
-
-export default SimpleStyleFlashList;

package/src/components/SimpleStyleScrollables/SimpleStyleFlatList.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { FlatList } from "react-native";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-/**
- * A FlatList wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleFlatList = ({ style: styleProp, ...rest }) => {
-    const [measuredWidth, setMeasuredWidth] = React.useState();
-    const [measuredHeight, setMeasuredHeight] = React.useState();
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
-    return (React.createElement(FlatList, { onLayout: (event) => {
-            setMeasuredWidth(event.nativeEvent.layout.width);
-            setMeasuredHeight(event.nativeEvent.layout.height);
-        }, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
-};
-export default SimpleStyleFlatList;
-//# sourceMappingURL=SimpleStyleFlatList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleStyleFlatList.js","sourceRoot":"","sources":["SimpleStyleFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,mBAAmB,GAAG,CAAgB,EAC1C,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACyC,EAAE,EAAE;IACpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleFlatList.tsx

@@ -1,36 +0,0 @@
-import React from "react";
-import { FlatList } from "react-native";
-import type { FlatListProps } from "react-native";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-
-/**
- * A FlatList wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleFlatList = <T extends any>({
-  style: styleProp,
-  ...rest
-}: Omit<FlatListProps<T>, "contentContainerStyle">) => {
-  const [measuredWidth, setMeasuredWidth] = React.useState<number>();
-  const [measuredHeight, setMeasuredHeight] = React.useState<number>();
-
-  const { style, contentContainerStyle } = useSplitContentContainerStyles(
-    styleProp,
-    measuredWidth,
-    measuredHeight
-  );
-
-  return (
-    <FlatList
-      onLayout={(event) => {
-        setMeasuredWidth(event.nativeEvent.layout.width);
-        setMeasuredHeight(event.nativeEvent.layout.height);
-      }}
-      style={style}
-      contentContainerStyle={contentContainerStyle}
-      {...rest}
-    />
-  );
-};
-
-export default SimpleStyleFlatList;

package/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-/**
- * A KeyboardAwareScrollView wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleKeyboardAwareScrollView = ({ style: styleProp, ...rest }) => {
-    const [measuredWidth, setMeasuredWidth] = React.useState();
-    const [measuredHeight, setMeasuredHeight] = React.useState();
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
-    return (React.createElement(KeyboardAwareScrollView, { onLayout: (event) => {
-            setMeasuredWidth(event.nativeEvent.layout.width);
-            setMeasuredHeight(event.nativeEvent.layout.height);
-        }, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
-};
-export default SimpleStyleKeyboardAwareScrollView;
-//# sourceMappingURL=SimpleStyleKeyboardAwareScrollView.js.map

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

@@ -1 +0,0 @@
-{"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,GAEpC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kCAAkC,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleKeyboardAwareScrollView.tsx

@@ -1,35 +0,0 @@
-import React from "react";
-import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
-import type { KeyboardAwareScrollViewProps } from "react-native-keyboard-aware-scroll-view";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-
-/**
- * A KeyboardAwareScrollView wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleKeyboardAwareScrollView: React.FC<
-  Omit<KeyboardAwareScrollViewProps, "contentContainerStyle">
-> = ({ style: styleProp, ...rest }) => {
-  const [measuredWidth, setMeasuredWidth] = React.useState<number>();
-  const [measuredHeight, setMeasuredHeight] = React.useState<number>();
-
-  const { style, contentContainerStyle } = useSplitContentContainerStyles(
-    styleProp,
-    measuredWidth,
-    measuredHeight
-  );
-
-  return (
-    <KeyboardAwareScrollView
-      onLayout={(event) => {
-        setMeasuredWidth(event.nativeEvent.layout.width);
-        setMeasuredHeight(event.nativeEvent.layout.height);
-      }}
-      style={style}
-      contentContainerStyle={contentContainerStyle}
-      {...rest}
-    />
-  );
-};
-
-export default SimpleStyleKeyboardAwareScrollView;

package/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { MasonryFlashList } from "@shopify/flash-list";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-/**
- * A MasonryFlashList wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleMasonryFlashList = ({ style: styleProp, ...rest }) => {
-    const [measuredWidth, setMeasuredWidth] = React.useState();
-    const [measuredHeight, setMeasuredHeight] = React.useState();
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
-    return (React.createElement(MasonryFlashList, { onLayout: (event) => {
-            setMeasuredWidth(event.nativeEvent.layout.width);
-            setMeasuredHeight(event.nativeEvent.layout.height);
-        }, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
-};
-export default SimpleStyleMasonryFlashList;
-//# sourceMappingURL=SimpleStyleMasonryFlashList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleStyleMasonryFlashList.js","sourceRoot":"","sources":["SimpleStyleMasonryFlashList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,2BAA2B,GAAG,CAAgB,EAClD,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACiD,EAAE,EAAE;IAC5D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqC,KACxD,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.tsx

@@ -1,36 +0,0 @@
-import React from "react";
-import { MasonryFlashList } from "@shopify/flash-list";
-import type { MasonryFlashListProps, ContentStyle } from "@shopify/flash-list";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-
-/**
- * A MasonryFlashList wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleMasonryFlashList = <T extends any>({
-  style: styleProp,
-  ...rest
-}: Omit<MasonryFlashListProps<T>, "contentContainerStyle">) => {
-  const [measuredWidth, setMeasuredWidth] = React.useState<number>();
-  const [measuredHeight, setMeasuredHeight] = React.useState<number>();
-
-  const { style, contentContainerStyle } = useSplitContentContainerStyles(
-    styleProp,
-    measuredWidth,
-    measuredHeight
-  );
-
-  return (
-    <MasonryFlashList
-      onLayout={(event) => {
-        setMeasuredWidth(event.nativeEvent.layout.width);
-        setMeasuredHeight(event.nativeEvent.layout.height);
-      }}
-      style={style}
-      contentContainerStyle={contentContainerStyle as ContentStyle}
-      {...rest}
-    />
-  );
-};
-
-export default SimpleStyleMasonryFlashList;

package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { ScrollView } from "react-native";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-/**
- * A ScrollView wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleScrollView = ({ style: styleProp, ...rest }) => {
-    const [measuredWidth, setMeasuredWidth] = React.useState();
-    const [measuredHeight, setMeasuredHeight] = React.useState();
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
-    return (React.createElement(ScrollView, { onLayout: (event) => {
-            setMeasuredWidth(event.nativeEvent.layout.width);
-            setMeasuredHeight(event.nativeEvent.layout.height);
-        }, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
-};
-export default SimpleStyleScrollView;
-//# sourceMappingURL=SimpleStyleScrollView.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleStyleScrollView.js","sourceRoot":"","sources":["SimpleStyleScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,qBAAqB,GAEvB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.tsx

@@ -1,35 +0,0 @@
-import React from "react";
-import { ScrollView } from "react-native";
-import type { ScrollViewProps } from "react-native";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-
-/**
- * A ScrollView wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleScrollView: React.FC<
-  Omit<ScrollViewProps, "contentContainerStyle">
-> = ({ style: styleProp, ...rest }) => {
-  const [measuredWidth, setMeasuredWidth] = React.useState<number>();
-  const [measuredHeight, setMeasuredHeight] = React.useState<number>();
-
-  const { style, contentContainerStyle } = useSplitContentContainerStyles(
-    styleProp,
-    measuredWidth,
-    measuredHeight
-  );
-
-  return (
-    <ScrollView
-      onLayout={(event) => {
-        setMeasuredWidth(event.nativeEvent.layout.width);
-        setMeasuredHeight(event.nativeEvent.layout.height);
-      }}
-      style={style}
-      contentContainerStyle={contentContainerStyle}
-      {...rest}
-    />
-  );
-};
-
-export default SimpleStyleScrollView;

package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.js

@@ -1,20 +0,0 @@
-import React from "react";
-import { SectionList } from "../SectionList";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-/**
- * A SectionList wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleSectionList = ({ style: styleProp, ...rest }) => {
-    const [measuredWidth, setMeasuredWidth] = React.useState();
-    const [measuredHeight, setMeasuredHeight] = React.useState();
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
-    return (
-    //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
-    React.createElement(SectionList, { onLayout: (event) => {
-            setMeasuredWidth(event.nativeEvent.layout.width);
-            setMeasuredHeight(event.nativeEvent.layout.height);
-        }, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
-};
-export default SimpleStyleSectionList;
-//# sourceMappingURL=SimpleStyleSectionList.js.map

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

@@ -1 +0,0 @@
-{"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;AAE9E;;;GAGG;AACH,MAAM,sBAAsB,GAAG,CAAmC,EAChE,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EAIR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO;IACL,gHAAgH;IAChH,oBAAC,WAAW,IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.tsx

@@ -1,43 +0,0 @@
-import React from "react";
-import { SectionList } from "../SectionList";
-import type {
-  FlatListSectionListProps,
-  FlashListSectionListProps,
-} from "../SectionList";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-
-/**
- * A SectionList wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleSectionList = <T extends { [key: string]: any }>({
-  style: styleProp,
-  ...rest
-}: Omit<
-  FlatListSectionListProps<T> | FlashListSectionListProps<T>,
-  "contentContainerStyle"
->) => {
-  const [measuredWidth, setMeasuredWidth] = React.useState<number>();
-  const [measuredHeight, setMeasuredHeight] = React.useState<number>();
-
-  const { style, contentContainerStyle } = useSplitContentContainerStyles(
-    styleProp,
-    measuredWidth,
-    measuredHeight
-  );
-
-  return (
-    //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
-    <SectionList
-      onLayout={(event) => {
-        setMeasuredWidth(event.nativeEvent.layout.width);
-        setMeasuredHeight(event.nativeEvent.layout.height);
-      }}
-      style={style}
-      contentContainerStyle={contentContainerStyle}
-      {...rest}
-    />
-  );
-};
-
-export default SimpleStyleSectionList;

package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.js

@@ -1,20 +0,0 @@
-import React from "react";
-import { SwipeableList } from "../SwipeableItem";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-/**
- * A SwipeableList wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleSwipeableList = ({ style: styleProp, ...rest }) => {
-    const [measuredWidth, setMeasuredWidth] = React.useState();
-    const [measuredHeight, setMeasuredHeight] = React.useState();
-    const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp, measuredWidth, measuredHeight);
-    return (
-    //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
-    React.createElement(SwipeableList, { onLayout: (event) => {
-            setMeasuredWidth(event.nativeEvent.layout.width);
-            setMeasuredHeight(event.nativeEvent.layout.height);
-        }, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
-};
-export default SimpleStyleSwipeableList;
-//# sourceMappingURL=SimpleStyleSwipeableList.js.map

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

@@ -1 +0,0 @@
-{"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;AAE9E;;;GAGG;AACH,MAAM,wBAAwB,GAAG,CAAmC,EAClE,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EAIR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAErE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,8BAA8B,CACrE,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IAEF,OAAO;IACL,gHAAgH;IAChH,oBAAC,aAAa,IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjD,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.tsx

@@ -1,43 +0,0 @@
-import React from "react";
-import { SwipeableList } from "../SwipeableItem";
-import type {
-  FlashListSwipeableListProps,
-  FlatListSwipeableListProps,
-} from "../SwipeableItem";
-import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
-
-/**
- * A SwipeableList wrapper that takes a single `style` prop and internally extracts
- * the appropriate style keys into the `contentContainerStyle`
- */
-const SimpleStyleSwipeableList = <T extends { [key: string]: any }>({
-  style: styleProp,
-  ...rest
-}: Omit<
-  FlashListSwipeableListProps<T> | FlatListSwipeableListProps<T>,
-  "contentContainerStyle"
->) => {
-  const [measuredWidth, setMeasuredWidth] = React.useState<number>();
-  const [measuredHeight, setMeasuredHeight] = React.useState<number>();
-
-  const { style, contentContainerStyle } = useSplitContentContainerStyles(
-    styleProp,
-    measuredWidth,
-    measuredHeight
-  );
-
-  return (
-    //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
-    <SwipeableList
-      onLayout={(event) => {
-        setMeasuredWidth(event.nativeEvent.layout.width);
-        setMeasuredHeight(event.nativeEvent.layout.height);
-      }}
-      style={style}
-      contentContainerStyle={contentContainerStyle}
-      {...rest}
-    />
-  );
-};
-
-export default SimpleStyleSwipeableList;

package/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.js

@@ -1,43 +0,0 @@
-import { StyleSheet } from "react-native";
-import { pick, omit } from "lodash";
-import { useDeepCompareMemo } from "../../utilities";
-export const contentContainerStyleNames = [
-    "padding",
-    "paddingBottom",
-    "paddingEnd",
-    "paddingHorizontal",
-    "paddingLeft",
-    "paddingRight",
-    "paddingStart",
-    "paddingTop",
-    "paddingVertical",
-    "justifyContent",
-    "alignItems",
-    "alignContent",
-    "flexDirection",
-    "flexWrap",
-];
-export default function useSplitContentContainerStyles(originalStyle, measuredWidth, measuredHeight) {
-    return useDeepCompareMemo(() => {
-        const flattenedStyle = StyleSheet.flatten(originalStyle);
-        let contentContainerStyle = pick(flattenedStyle, contentContainerStyleNames);
-        // contentContainerStyle should always at least fill the parent to ensure sizing changes reflects properly on component and children
-        if (measuredWidth) {
-            contentContainerStyle.minWidth = measuredWidth;
-        }
-        if (measuredHeight) {
-            contentContainerStyle.minHeight = measuredHeight;
-        }
-        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 };
-        }
-        return { style, contentContainerStyle };
-    }, [originalStyle, measuredWidth, measuredHeight]);
-}
-//# sourceMappingURL=useSplitContentContainerStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSplitContentContainerStyles.js","sourceRoot":"","sources":["useSplitContentContainerStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAOrD,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;CACX,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,8BAA8B,CACpD,aAAmC,EACnC,aAAsB,EACtB,cAAuB;IAEvB,OAAO,kBAAkB,CAAS,GAAG,EAAE;QACrC,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAEzD,IAAI,qBAAqB,GAAG,IAAI,CAC9B,cAAc,EACd,0BAA0B,CAC3B,CAAC;QAEF,oIAAoI;QACpI,IAAI,aAAa,EAAE;YACjB,qBAAqB,CAAC,QAAQ,GAAG,aAAa,CAAC;SAChD;QACD,IAAI,cAAc,EAAE;YAClB,qBAAqB,CAAC,SAAS,GAAG,cAAc,CAAC;SAClD;QAED,IAAI,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,0BAA0B,CAAC,CAAC;QAE7D,kIAAkI;QAClI,4DAA4D;QAC5D,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;YAC5B,KAAK,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;SACnC;aAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE;YACvC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC;SAC5C;QAED,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;AACrD,CAAC"}

package/src/components/SimpleStyleScrollables/useSplitContentContainerStyles.ts

@@ -1,60 +0,0 @@
-import { StyleProp, ViewStyle, StyleSheet } from "react-native";
-import { pick, omit } from "lodash";
-import { useDeepCompareMemo } from "../../utilities";
-
-interface Styles {
-  style?: StyleProp<ViewStyle>;
-  contentContainerStyle?: StyleProp<ViewStyle>;
-}
-
-export const contentContainerStyleNames = [
-  "padding",
-  "paddingBottom",
-  "paddingEnd",
-  "paddingHorizontal",
-  "paddingLeft",
-  "paddingRight",
-  "paddingStart",
-  "paddingTop",
-  "paddingVertical",
-  "justifyContent",
-  "alignItems",
-  "alignContent",
-  "flexDirection",
-  "flexWrap",
-];
-
-export default function useSplitContentContainerStyles(
-  originalStyle: StyleProp<ViewStyle>,
-  measuredWidth?: number,
-  measuredHeight?: number
-) {
-  return useDeepCompareMemo<Styles>(() => {
-    const flattenedStyle = StyleSheet.flatten(originalStyle);
-
-    let contentContainerStyle = pick(
-      flattenedStyle,
-      contentContainerStyleNames
-    );
-
-    // contentContainerStyle should always at least fill the parent to ensure sizing changes reflects properly on component and children
-    if (measuredWidth) {
-      contentContainerStyle.minWidth = measuredWidth;
-    }
-    if (measuredHeight) {
-      contentContainerStyle.minHeight = measuredHeight;
-    }
-
-    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 };
-    }
-
-    return { style, contentContainerStyle };
-  }, [originalStyle, measuredWidth, measuredHeight]);
-}