@draftbit/core 48.5.6 → 48.5.7-26899.2

package/src/components/Swiper/Swiper.tsx

@@ -1,142 +1,142 @@
-import React from "react";
-import { View, StyleProp, ViewStyle } from "react-native";
-import SwiperComponent from "react-native-web-swiper";
-
-export interface SwiperProps<T> {
-  onSwipe?: (index: number) => void;
-  onSwipedNext?: (index: number) => void;
-  onSwipedPrevious?: (index: number) => void;
-  vertical?: boolean;
-  loop?: boolean;
-  from?: number;
-  timeout?: number;
-  prevTitle?: string;
-  nextTitle?: string;
-  prevTitleColor?: string;
-  nextTitleColor?: string;
-  dotsTouchable?: boolean;
-  dotColor?: string;
-  dotActiveColor?: string;
-  children: React.ReactNode;
-  data?: Array<T>;
-  keyExtractor: (item: T, index: number) => string;
-  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;
-  style?: StyleProp<ViewStyle>;
-  onIndexChanged?: (index: number) => void;
-}
-
-const Swiper = ({
-  vertical = false,
-  loop = false,
-  timeout = 0,
-  from = 0,
-  prevTitle = "",
-  nextTitle = "",
-  prevTitleColor,
-  nextTitleColor,
-  dotsTouchable = true,
-  dotColor,
-  dotActiveColor,
-  data,
-  keyExtractor,
-  renderItem,
-  children: childrenProp,
-  onIndexChanged: onIndexChangedProp,
-  onSwipe,
-  onSwipedNext,
-  onSwipedPrevious,
-  style,
-}: SwiperProps<any>) => {
-  const [currentIndex, setCurrentIndex] = React.useState(0);
-  const numberOfItems = data?.length ?? React.Children.count(childrenProp);
-  const swiperRef = React.useRef<any>(null);
-
-  const onIndexChanged = (index: number) => {
-    const previous = currentIndex;
-    const current = index;
-
-    onIndexChangedProp?.(index);
-    setCurrentIndex(index);
-
-    if (previous === numberOfItems - 1 && current === 0) {
-      //Last -> first swipe
-      onSwipedNext?.(previous);
-    } else if (previous === 0 && current === numberOfItems - 1) {
-      //First -> last swipe
-      onSwipedPrevious?.(previous);
-    } else if (current > previous) {
-      onSwipedNext?.(previous);
-    } else if (current < previous) {
-      onSwipedPrevious?.(previous);
-    }
-    onSwipe?.(previous);
-  };
-
-  const children: React.ReactNode = React.useMemo(
-    () =>
-      Array.isArray(data) && renderItem
-        ? data.map((item, index) => {
-            const component = renderItem({ item, index });
-
-            if (!component) {
-              return null;
-            }
-
-            const key = keyExtractor ? keyExtractor(item, index) : index;
-            return React.cloneElement(component, {
-              key,
-            });
-          })
-        : childrenProp,
-    [childrenProp, data, renderItem, keyExtractor]
-  );
-
-  /*
-  react-native-web-swiper assigns it's 'children' attribute as follows: `children = (() => React.Children.toArray(this.props.children))();`
-  This is probelematic when state is involved due to anoynmous function effectivley creating new components everytime, losing any state
-  
-  This is a monkey patch that updates the 'children' attribute to just use the children from the props
-  Can be removed when/if https://github.com/reactrondev/react-native-web-swiper/pull/102 is merged
-  */
-  React.useEffect(() => {
-    const childrenArray = React.Children.toArray(
-      swiperRef.current?.props?.children
-    );
-    if (swiperRef.current) {
-      swiperRef.current.children = childrenArray;
-      swiperRef.current.count = childrenArray.length;
-      swiperRef.current.forceUpdate();
-    }
-  }, [children]);
-
-  return (
-    <View style={style}>
-      {/* @ts-ignore */}
-      <SwiperComponent
-        ref={swiperRef}
-        from={from}
-        loop={loop}
-        timeout={timeout}
-        vertical={vertical}
-        onIndexChanged={onIndexChanged}
-        controlsProps={{
-          prevTitle,
-          nextTitle,
-          prevTitleStyle: { color: prevTitleColor },
-          nextTitleStyle: { color: nextTitleColor },
-          dotsTouchable,
-          ...(dotColor
-            ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
-            : {}),
-          ...(dotActiveColor
-            ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
-            : {}),
-        }}
-      >
-        {children}
-      </SwiperComponent>
-    </View>
-  );
-};
-
-export default Swiper;
+import React from "react";
+import { View, StyleProp, ViewStyle } from "react-native";
+import SwiperComponent from "react-native-web-swiper";
+
+export interface SwiperProps<T> {
+  onSwipe?: (index: number) => void;
+  onSwipedNext?: (index: number) => void;
+  onSwipedPrevious?: (index: number) => void;
+  vertical?: boolean;
+  loop?: boolean;
+  from?: number;
+  timeout?: number;
+  prevTitle?: string;
+  nextTitle?: string;
+  prevTitleColor?: string;
+  nextTitleColor?: string;
+  dotsTouchable?: boolean;
+  dotColor?: string;
+  dotActiveColor?: string;
+  children: React.ReactNode;
+  data?: Array<T>;
+  keyExtractor: (item: T, index: number) => string;
+  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;
+  style?: StyleProp<ViewStyle>;
+  onIndexChanged?: (index: number) => void;
+}
+
+const Swiper = ({
+  vertical = false,
+  loop = false,
+  timeout = 0,
+  from = 0,
+  prevTitle = "",
+  nextTitle = "",
+  prevTitleColor,
+  nextTitleColor,
+  dotsTouchable = true,
+  dotColor,
+  dotActiveColor,
+  data,
+  keyExtractor,
+  renderItem,
+  children: childrenProp,
+  onIndexChanged: onIndexChangedProp,
+  onSwipe,
+  onSwipedNext,
+  onSwipedPrevious,
+  style,
+}: SwiperProps<any>) => {
+  const [currentIndex, setCurrentIndex] = React.useState(0);
+  const numberOfItems = data?.length ?? React.Children.count(childrenProp);
+  const swiperRef = React.useRef<any>(null);
+
+  const onIndexChanged = (index: number) => {
+    const previous = currentIndex;
+    const current = index;
+
+    onIndexChangedProp?.(index);
+    setCurrentIndex(index);
+
+    if (previous === numberOfItems - 1 && current === 0) {
+      //Last -> first swipe
+      onSwipedNext?.(previous);
+    } else if (previous === 0 && current === numberOfItems - 1) {
+      //First -> last swipe
+      onSwipedPrevious?.(previous);
+    } else if (current > previous) {
+      onSwipedNext?.(previous);
+    } else if (current < previous) {
+      onSwipedPrevious?.(previous);
+    }
+    onSwipe?.(previous);
+  };
+
+  const children: React.ReactNode = React.useMemo(
+    () =>
+      Array.isArray(data) && renderItem
+        ? data.map((item, index) => {
+            const component = renderItem({ item, index });
+
+            if (!component) {
+              return null;
+            }
+
+            const key = keyExtractor ? keyExtractor(item, index) : index;
+            return React.cloneElement(component, {
+              key,
+            });
+          })
+        : childrenProp,
+    [childrenProp, data, renderItem, keyExtractor]
+  );
+
+  /*
+  react-native-web-swiper assigns it's 'children' attribute as follows: `children = (() => React.Children.toArray(this.props.children))();`
+  This is probelematic when state is involved due to anoynmous function effectivley creating new components everytime, losing any state
+  
+  This is a monkey patch that updates the 'children' attribute to just use the children from the props
+  Can be removed when/if https://github.com/reactrondev/react-native-web-swiper/pull/102 is merged
+  */
+  React.useEffect(() => {
+    const childrenArray = React.Children.toArray(
+      swiperRef.current?.props?.children
+    );
+    if (swiperRef.current) {
+      swiperRef.current.children = childrenArray;
+      swiperRef.current.count = childrenArray.length;
+      swiperRef.current.forceUpdate();
+    }
+  }, [children]);
+
+  return (
+    <View style={style}>
+      {/* @ts-ignore */}
+      <SwiperComponent
+        ref={swiperRef}
+        from={from}
+        loop={loop}
+        timeout={timeout}
+        vertical={vertical}
+        onIndexChanged={onIndexChanged}
+        controlsProps={{
+          prevTitle,
+          nextTitle,
+          prevTitleStyle: { color: prevTitleColor },
+          nextTitleStyle: { color: nextTitleColor },
+          dotsTouchable,
+          ...(dotColor
+            ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
+            : {}),
+          ...(dotActiveColor
+            ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
+            : {}),
+        }}
+      >
+        {children}
+      </SwiperComponent>
+    </View>
+  );
+};
+
+export default Swiper;

package/src/components/Swiper/SwiperItem.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+const styles = StyleSheet.create({
+    wrapper: {
+        flex: 1,
+    },
+});
+const SwiperItem = ({ children, style }) => (React.createElement(View, { style: [styles.wrapper, style] }, children));
+export default SwiperItem;
+//# sourceMappingURL=SwiperItem.js.map

package/src/components/Swiper/SwiperItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwiperItem.js","sourceRoot":"","sources":["SwiperItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAOH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAe,EAAE,EAAE,CAAC,CACvD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,IAAG,QAAQ,CAAQ,CACxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/src/components/Swiper/SwiperItem.tsx

@@ -1,19 +1,19 @@
-import React from "react";
-import { View, StyleSheet, StyleProp, ViewStyle } from "react-native";
-
-const styles = StyleSheet.create({
-  wrapper: {
-    flex: 1,
-  },
-});
-
-export interface SwiperProps {
-  children: React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}
-
-const SwiperItem = ({ children, style }: SwiperProps) => (
-  <View style={[styles.wrapper, style]}>{children}</View>
-);
-
-export default SwiperItem;
+import React from "react";
+import { View, StyleSheet, StyleProp, ViewStyle } from "react-native";
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+  },
+});
+
+export interface SwiperProps {
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+const SwiperItem = ({ children, style }: SwiperProps) => (
+  <View style={[styles.wrapper, style]}>{children}</View>
+);
+
+export default SwiperItem;

package/src/components/Swiper/index.js

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

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

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

package/src/components/Swiper/index.tsx

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

package/src/components/Switch.js

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { Switch as NativeSwitch, } from "react-native";
+import { withTheme } from "../theming";
+import FormRow from "./FormRow";
+import { RowDirection } from "@draftbit/types";
+import { usePrevious } from "../hooks";
+function Switch({ value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, style, ...rest }) {
+    const activeTrackThemeColor = activeTrackColor || theme.colors.primary;
+    const inactiveTrackThemeColor = inactiveTrackColor || "#EEE";
+    const activeThumbThemeColor = activeThumbColor || "#FFF";
+    const inactiveThumbThemeColor = inactiveThumbColor || "#FFF";
+    const [checked, setChecked] = React.useState(value || defaultValue);
+    React.useEffect(() => {
+        if (value != null && value !== checked) {
+            setChecked(value);
+        }
+    }, [value, checked]);
+    // This special logic is to handle weird APIs like Airtable that return
+    // true or undefined for a boolean
+    const previousDefaultValue = usePrevious(defaultValue);
+    React.useEffect(() => {
+        if (defaultValue !== previousDefaultValue) {
+            setChecked(Boolean(defaultValue));
+        }
+    }, [defaultValue, previousDefaultValue]);
+    return (React.createElement(NativeSwitch, { value: checked, disabled: disabled, trackColor: {
+            false: inactiveTrackThemeColor,
+            true: activeTrackThemeColor,
+        }, thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor, 
+        // @ts-ignore react-native-web only
+        activeThumbColor: activeThumbThemeColor, ios_backgroundColor: inactiveTrackThemeColor, style: style, onValueChange: (bool) => {
+            setChecked(bool);
+            onValueChange && onValueChange(bool);
+        }, ...rest }));
+}
+function Row({ label = "Label", direction = RowDirection.Row, style, value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, ...rest }) {
+    const [checked, setChecked] = React.useState(value != null ? value : defaultValue);
+    React.useEffect(() => {
+        if (value != null) {
+            setChecked(value);
+        }
+    }, [value]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setChecked(defaultValue);
+        }
+    }, [defaultValue]);
+    return (React.createElement(FormRow, { disabled: disabled, onPress: () => {
+            setChecked(!checked);
+            onValueChange && onValueChange(!checked);
+        }, label: label, direction: direction, style: style, ...rest },
+        React.createElement(Switch, { theme: theme, value: checked, disabled: disabled, onValueChange: onValueChange, activeTrackColor: activeTrackColor, inactiveTrackColor: inactiveTrackColor, activeThumbColor: activeThumbColor, inactiveThumbColor: inactiveThumbColor })));
+}
+const SwitchRow = withTheme(Row);
+export { SwitchRow };
+export default withTheme(Switch);
+//# sourceMappingURL=Switch.js.map

package/src/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["Switch.tsx"],"names":[],"mappings":"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"}