@draftbit/core 48.5.6 → 48.5.7-26899.2

package/src/components/DeckSwiper/DeckSwiper.tsx

@@ -1,181 +1,181 @@
-import React from "react";
-import { StyleProp, ViewStyle, StyleSheet, View } from "react-native";
-import DeckSwiperComponent from "react-native-deck-swiper";
-
-export interface DeckSwiperProps<T> {
-  onStartSwipe?: () => void;
-  onEndSwipe?: () => void;
-  onSwipe?: (index: number) => void;
-  onSwipedLeft?: (index: number) => void;
-  onSwipedRight?: (index: number) => void;
-  onSwipedUp?: (index: number) => void;
-  onSwipedDown?: (index: number) => void;
-  onIndexChanged?: (index: number) => void;
-  onEndReached?: () => void;
-  startCardIndex?: number;
-  infiniteSwiping?: boolean;
-  verticalEnabled?: boolean;
-  horizontalEnabled?: boolean;
-  visibleCardCount?: number;
-  data?: Array<T>;
-  keyExtractor?: (item: T) => string;
-  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;
-  style?: StyleProp<ViewStyle>;
-}
-
-const DeckSwiper = <T extends object>({
-  onStartSwipe,
-  onEndSwipe,
-  onSwipe,
-  onSwipedLeft,
-  onSwipedRight,
-  onSwipedUp,
-  onSwipedDown,
-  onIndexChanged,
-  onEndReached,
-  startCardIndex = 0,
-  infiniteSwiping = false,
-  verticalEnabled = true,
-  horizontalEnabled = true,
-  visibleCardCount = 1,
-  data,
-  keyExtractor,
-  renderItem,
-  style,
-  children,
-}: React.PropsWithChildren<DeckSwiperProps<T>>) => {
-  //Both 'renderItem' and 'data' are optional to allow direct children. But if one is included, both need to be included
-  if ((data && !renderItem) || (renderItem && !data)) {
-    throw new Error(
-      "'renderItem' and 'data' need to both be provided to lazily render. Either remove them entirley or include both"
-    );
-  }
-
-  if (data && renderItem && children) {
-    console.warn(
-      "'children' of DeckSwiper ignored due to usage of 'data' and 'renderItem'"
-    );
-  }
-
-  const deckSwiperRef = React.useRef<DeckSwiperComponent<T>>(null);
-
-  const childrenArray = React.useMemo(
-    () => React.Children.toArray(children),
-    [children]
-  );
-
-  // an array of indices based on children count
-  const cardsFillerData = React.useMemo(
-    () => Array.from(Array(childrenArray.length).keys()),
-    [childrenArray]
-  );
-
-  const cardsData = Array.isArray(data) ? data : cardsFillerData;
-
-  const renderCard = (card: any, index: number): JSX.Element => {
-    if (renderItem) {
-      return renderItem({ item: card, index });
-    } else {
-      return <>{childrenArray[index]}</>;
-    }
-  };
-
-  const renderFirstCard = (): JSX.Element | undefined => {
-    if (cardsData.length) {
-      return renderCard(cardsData[0], 0);
-    }
-    return undefined;
-  };
-
-  const cardKeyExtractor = (card: any) => {
-    if (keyExtractor) {
-      return keyExtractor(card);
-    } else {
-      return card?.toString();
-    }
-  };
-
-  /* 
-  react-native-deck-swiper does not re-render cards when parent state changes
-  This forces an update on every re-render to reflect any parent state changes
-  */
-  React.useEffect(() => {
-    deckSwiperRef.current?.forceUpdate();
-  });
-
-  /**
-   * By default react-native-deck-swiper positions everything with absolute position.
-   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
-   *
-   *
-   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
-   * This effectivley makes the default height of the container be the height of the first card.
-   */
-
-  return (
-    <View>
-      <View style={styles.containerHeightFiller}>{renderFirstCard()}</View>
-      <DeckSwiperComponent
-        ref={deckSwiperRef}
-        cards={cardsData as any[]}
-        renderCard={renderCard}
-        keyExtractor={cardKeyExtractor}
-        containerStyle={
-          StyleSheet.flatten([styles.cardsContainer, style]) as
-            | object
-            | undefined
-        }
-        cardStyle={styles.card as object | undefined}
-        onSwiped={onIndexChanged}
-        onSwipedAll={onEndReached}
-        cardIndex={startCardIndex}
-        infinite={infiniteSwiping}
-        verticalSwipe={verticalEnabled}
-        horizontalSwipe={horizontalEnabled}
-        showSecondCard={visibleCardCount > 1}
-        stackSize={visibleCardCount}
-        backgroundColor="transparent"
-        cardVerticalMargin={0}
-        cardHorizontalMargin={0}
-        onSwipedLeft={(index) => {
-          onSwipedLeft?.(index);
-          onSwipe?.(index);
-        }}
-        onSwipedRight={(index) => {
-          onSwipedRight?.(index);
-          onSwipe?.(index);
-        }}
-        onSwipedTop={(index) => {
-          onSwipedUp?.(index);
-          onSwipe?.(index);
-        }}
-        onSwipedBottom={(index) => {
-          onSwipedDown?.(index);
-          onSwipe?.(index);
-        }}
-        //@ts-ignore Not typed, but is implemented and works
-        dragStart={onStartSwipe}
-        //@ts-ignore
-        dragEnd={onEndSwipe}
-      />
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  cardsContainer: {
-    position: "absolute",
-  },
-  card: {
-    left: 0,
-    right: 0,
-    width: "auto",
-    height: "auto",
-  },
-  containerHeightFiller: {
-    opacity: 0.0,
-  },
-});
-
-export default DeckSwiper;
+import React from "react";
+import { StyleProp, ViewStyle, StyleSheet, View } from "react-native";
+import DeckSwiperComponent from "react-native-deck-swiper";
+
+export interface DeckSwiperProps<T> {
+  onStartSwipe?: () => void;
+  onEndSwipe?: () => void;
+  onSwipe?: (index: number) => void;
+  onSwipedLeft?: (index: number) => void;
+  onSwipedRight?: (index: number) => void;
+  onSwipedUp?: (index: number) => void;
+  onSwipedDown?: (index: number) => void;
+  onIndexChanged?: (index: number) => void;
+  onEndReached?: () => void;
+  startCardIndex?: number;
+  infiniteSwiping?: boolean;
+  verticalEnabled?: boolean;
+  horizontalEnabled?: boolean;
+  visibleCardCount?: number;
+  data?: Array<T>;
+  keyExtractor?: (item: T) => string;
+  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;
+  style?: StyleProp<ViewStyle>;
+}
+
+const DeckSwiper = <T extends object>({
+  onStartSwipe,
+  onEndSwipe,
+  onSwipe,
+  onSwipedLeft,
+  onSwipedRight,
+  onSwipedUp,
+  onSwipedDown,
+  onIndexChanged,
+  onEndReached,
+  startCardIndex = 0,
+  infiniteSwiping = false,
+  verticalEnabled = true,
+  horizontalEnabled = true,
+  visibleCardCount = 1,
+  data,
+  keyExtractor,
+  renderItem,
+  style,
+  children,
+}: React.PropsWithChildren<DeckSwiperProps<T>>) => {
+  //Both 'renderItem' and 'data' are optional to allow direct children. But if one is included, both need to be included
+  if ((data && !renderItem) || (renderItem && !data)) {
+    throw new Error(
+      "'renderItem' and 'data' need to both be provided to lazily render. Either remove them entirley or include both"
+    );
+  }
+
+  if (data && renderItem && children) {
+    console.warn(
+      "'children' of DeckSwiper ignored due to usage of 'data' and 'renderItem'"
+    );
+  }
+
+  const deckSwiperRef = React.useRef<DeckSwiperComponent<T>>(null);
+
+  const childrenArray = React.useMemo(
+    () => React.Children.toArray(children),
+    [children]
+  );
+
+  // an array of indices based on children count
+  const cardsFillerData = React.useMemo(
+    () => Array.from(Array(childrenArray.length).keys()),
+    [childrenArray]
+  );
+
+  const cardsData = Array.isArray(data) ? data : cardsFillerData;
+
+  const renderCard = (card: any, index: number): JSX.Element => {
+    if (renderItem) {
+      return renderItem({ item: card, index });
+    } else {
+      return <>{childrenArray[index]}</>;
+    }
+  };
+
+  const renderFirstCard = (): JSX.Element | undefined => {
+    if (cardsData.length) {
+      return renderCard(cardsData[0], 0);
+    }
+    return undefined;
+  };
+
+  const cardKeyExtractor = (card: any) => {
+    if (keyExtractor) {
+      return keyExtractor(card);
+    } else {
+      return card?.toString();
+    }
+  };
+
+  /* 
+  react-native-deck-swiper does not re-render cards when parent state changes
+  This forces an update on every re-render to reflect any parent state changes
+  */
+  React.useEffect(() => {
+    deckSwiperRef.current?.forceUpdate();
+  });
+
+  /**
+   * By default react-native-deck-swiper positions everything with absolute position.
+   * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
+   *
+   *
+   * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
+   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+   * This effectivley makes the default height of the container be the height of the first card.
+   */
+
+  return (
+    <View>
+      <View style={styles.containerHeightFiller}>{renderFirstCard()}</View>
+      <DeckSwiperComponent
+        ref={deckSwiperRef}
+        cards={cardsData as any[]}
+        renderCard={renderCard}
+        keyExtractor={cardKeyExtractor}
+        containerStyle={
+          StyleSheet.flatten([styles.cardsContainer, style]) as
+            | object
+            | undefined
+        }
+        cardStyle={styles.card as object | undefined}
+        onSwiped={onIndexChanged}
+        onSwipedAll={onEndReached}
+        cardIndex={startCardIndex}
+        infinite={infiniteSwiping}
+        verticalSwipe={verticalEnabled}
+        horizontalSwipe={horizontalEnabled}
+        showSecondCard={visibleCardCount > 1}
+        stackSize={visibleCardCount}
+        backgroundColor="transparent"
+        cardVerticalMargin={0}
+        cardHorizontalMargin={0}
+        onSwipedLeft={(index) => {
+          onSwipedLeft?.(index);
+          onSwipe?.(index);
+        }}
+        onSwipedRight={(index) => {
+          onSwipedRight?.(index);
+          onSwipe?.(index);
+        }}
+        onSwipedTop={(index) => {
+          onSwipedUp?.(index);
+          onSwipe?.(index);
+        }}
+        onSwipedBottom={(index) => {
+          onSwipedDown?.(index);
+          onSwipe?.(index);
+        }}
+        //@ts-ignore Not typed, but is implemented and works
+        dragStart={onStartSwipe}
+        //@ts-ignore
+        dragEnd={onEndSwipe}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  cardsContainer: {
+    position: "absolute",
+  },
+  card: {
+    left: 0,
+    right: 0,
+    width: "auto",
+    height: "auto",
+  },
+  containerHeightFiller: {
+    opacity: 0.0,
+  },
+});
+
+export default DeckSwiper;

package/src/components/DeckSwiper/DeckSwiperCard.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { withTheme } from "../../theming";
+const DeckSwiperCard = ({ style, children, theme }) => (React.createElement(View, { style: [
+        styles.card,
+        {
+            backgroundColor: theme.colors.background,
+            borderColor: theme.colors.divider,
+        },
+        style,
+    ] }, children));
+const styles = StyleSheet.create({
+    card: {
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 20,
+        borderWidth: 2,
+    },
+});
+export default withTheme(DeckSwiperCard);
+//# sourceMappingURL=DeckSwiperCard.js.map

package/src/components/DeckSwiper/DeckSwiperCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeckSwiperCard.js","sourceRoot":"","sources":["DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO1C,MAAM,cAAc,GAEhB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,IAAI,IACH,KAAK,EAAE;QACL,MAAM,CAAC,IAAI;QACX;YACE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YACxC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAClC;QACD,KAAK;KACN,IAEA,QAAQ,CACJ,CACR,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;QACX,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

package/src/components/DeckSwiper/DeckSwiperCard.tsx

@@ -1,37 +1,37 @@
-import React from "react";
-import { View, StyleSheet, StyleProp, ViewStyle } from "react-native";
-import type { Theme } from "../../styles/DefaultTheme";
-import { withTheme } from "../../theming";
-
-export interface DeckSwiperCardProps {
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-}
-
-const DeckSwiperCard: React.FC<
-  React.PropsWithChildren<DeckSwiperCardProps>
-> = ({ style, children, theme }) => (
-  <View
-    style={[
-      styles.card,
-      {
-        backgroundColor: theme.colors.background,
-        borderColor: theme.colors.divider,
-      },
-      style,
-    ]}
-  >
-    {children}
-  </View>
-);
-
-const styles = StyleSheet.create({
-  card: {
-    alignItems: "center",
-    justifyContent: "center",
-    padding: 20,
-    borderWidth: 2,
-  },
-});
-
-export default withTheme(DeckSwiperCard);
+import React from "react";
+import { View, StyleSheet, StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../../styles/DefaultTheme";
+import { withTheme } from "../../theming";
+
+export interface DeckSwiperCardProps {
+  style?: StyleProp<ViewStyle>;
+  theme: Theme;
+}
+
+const DeckSwiperCard: React.FC<
+  React.PropsWithChildren<DeckSwiperCardProps>
+> = ({ style, children, theme }) => (
+  <View
+    style={[
+      styles.card,
+      {
+        backgroundColor: theme.colors.background,
+        borderColor: theme.colors.divider,
+      },
+      style,
+    ]}
+  >
+    {children}
+  </View>
+);
+
+const styles = StyleSheet.create({
+  card: {
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 20,
+    borderWidth: 2,
+  },
+});
+
+export default withTheme(DeckSwiperCard);

package/src/components/DeckSwiper/index.js

@@ -0,0 +1,3 @@
+export { default as DeckSwiper } from "./DeckSwiper";
+export { default as DeckSwiperCard } from "./DeckSwiperCard";
+//# sourceMappingURL=index.js.map

package/src/components/DeckSwiper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/src/components/DeckSwiper/index.tsx

@@ -1,2 +1,2 @@
-export { default as DeckSwiper } from "./DeckSwiper";
-export { default as DeckSwiperCard } from "./DeckSwiperCard";
+export { default as DeckSwiper } from "./DeckSwiper";
+export { default as DeckSwiperCard } from "./DeckSwiperCard";

package/src/components/Divider.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { withTheme } from "../theming";
+const Divider = ({ style, color, theme: { colors }, ...rest }) => {
+    return (React.createElement(View, { style: [
+            {
+                backgroundColor: color || colors.divider,
+                height: StyleSheet.hairlineWidth,
+            },
+            style,
+        ], ...rest }));
+};
+export default withTheme(Divider);
+//# sourceMappingURL=Divider.js.map

package/src/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AASvC,MAAM,OAAO,GAA6C,CAAC,EACzD,KAAK,EACL,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,eAAe,EAAE,KAAK,IAAI,MAAM,CAAC,OAAO;gBACxC,MAAM,EAAE,UAAU,CAAC,aAAa;aACjC;YACD,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,OAAO,CAAC,CAAC"}

package/src/components/Divider.tsx

@@ -1,32 +1,32 @@
-import * as React from "react";
-import { StyleSheet, View, StyleProp, ViewStyle } from "react-native";
-import { withTheme } from "../theming";
-import theme from "../styles/DefaultTheme";
-
-type Props = {
-  style?: StyleProp<ViewStyle>;
-  color?: string;
-  theme: typeof theme;
-};
-
-const Divider: React.FC<React.PropsWithChildren<Props>> = ({
-  style,
-  color,
-  theme: { colors },
-  ...rest
-}) => {
-  return (
-    <View
-      style={[
-        {
-          backgroundColor: color || colors.divider,
-          height: StyleSheet.hairlineWidth,
-        },
-        style,
-      ]}
-      {...rest}
-    />
-  );
-};
-
-export default withTheme(Divider);
+import * as React from "react";
+import { StyleSheet, View, StyleProp, ViewStyle } from "react-native";
+import { withTheme } from "../theming";
+import theme from "../styles/DefaultTheme";
+
+type Props = {
+  style?: StyleProp<ViewStyle>;
+  color?: string;
+  theme: typeof theme;
+};
+
+const Divider: React.FC<React.PropsWithChildren<Props>> = ({
+  style,
+  color,
+  theme: { colors },
+  ...rest
+}) => {
+  return (
+    <View
+      style={[
+        {
+          backgroundColor: color || colors.divider,
+          height: StyleSheet.hairlineWidth,
+        },
+        style,
+      ]}
+      {...rest}
+    />
+  );
+};
+
+export default withTheme(Divider);

package/src/components/Elevation.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { Animated, StyleSheet, View, } from "react-native";
+import shadow from "../styles/shadow";
+import { withTheme } from "../theming";
+/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
+const Elevation = ({ style, theme, children, ...rest }) => {
+    const { elevation = 4, borderRadius: radius } = StyleSheet.flatten(style) || {};
+    const { colors } = theme;
+    const borderRadius = radius;
+    return (React.createElement(Animated.View, { ...rest, style: [
+            {
+                borderRadius,
+                backgroundColor: colors.surface,
+            },
+            elevation ? shadow(elevation) : null,
+            style,
+        ] },
+        React.createElement(View, { style: { overflow: "hidden", borderRadius } }, children)));
+};
+export default withTheme(Elevation);
+//# sourceMappingURL=Elevation.js.map

package/src/components/Elevation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Elevation.js","sourceRoot":"","sources":["Elevation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,UAAU,EAIV,IAAI,GACL,MAAM,cAAc,CAAC;AACtB,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAQvC,mHAAmH;AACnH,MAAM,SAAS,GAA6C,CAAC,EAC3D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,GAC3C,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,YAAY,GAAG,MAAM,CAAC;IAE5B,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OACR,IAAI,EACR,KAAK,EAAE;YACL;gBACE,YAAY;gBACZ,eAAe,EAAE,MAAM,CAAC,OAAO;aAChC;YACD,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI;YACpC,KAAK;SACN;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAG,QAAQ,CAAQ,CACtD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,SAAS,CAAC,CAAC"}