@draftbit/core 46.4.4-c5d4b3.2 → 46.4.4-caab07.0

package/src/components/ActionSheet/ActionSheet.js

@@ -4,42 +4,67 @@ import Portal from "../Portal/Portal";
 import Touchable from "../Touchable";
 import ActionSheetCancel from "./ActionSheetCancel";
 const ActionSheet = ({ visible = false, onClose, children }) => {
-    return visible ? (React.createElement(Portal, null,
-        React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
-            React.createElement(View, { style: styles.overlay }),
-            React.createElement(View, { style: styles.groupWrapper },
-                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => (child === null || child === void 0 ? void 0 : child.type) !== ActionSheetCancel)),
-                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
+  return visible
+    ? React.createElement(
+        Portal,
+        null,
+        React.createElement(
+          Touchable,
+          { style: styles.wrapper, onPress: onClose },
+          React.createElement(View, { style: styles.overlay }),
+          React.createElement(
+            View,
+            { style: styles.groupWrapper },
+            React.createElement(
+              View,
+              { style: styles.group },
+              React.Children.toArray(children).filter(
+                (child) =>
+                  (child === null || child === void 0 ? void 0 : child.type) !==
+                  ActionSheetCancel
+              )
+            ),
+            React.createElement(
+              View,
+              { style: styles.group },
+              React.Children.toArray(children).filter(
+                (child) => child.type === ActionSheetCancel
+              )
+            )
+          )
+        )
+      )
+    : React.createElement(React.Fragment, null);
 };
 const styles = StyleSheet.create({
-    wrapper: {
-        flex: 1,
-        display: "flex",
-        flexDirection: "column",
-    },
-    overlay: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: "#000000",
-        opacity: 0.3,
-    },
-    groupWrapper: {
-        flex: 1,
-        flexDirection: "column",
-        justifyContent: "flex-end",
-        display: "flex",
-        marginBottom: 25,
-    },
-    group: {
-        display: "flex",
-        flexDirection: "column",
-        borderRadius: 10,
-        marginHorizontal: 7,
-        marginVertical: 2.5,
-        overflow: "hidden",
-    },
+  wrapper: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+  },
+  overlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "#000000",
+    opacity: 0.3,
+  },
+  groupWrapper: {
+    flex: 1,
+    flexDirection: "column",
+    justifyContent: "flex-end",
+    display: "flex",
+    marginBottom: 25,
+  },
+  group: {
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: 10,
+    marginHorizontal: 7,
+    marginVertical: 2.5,
+    overflow: "hidden",
+  },
 });
 export default ActionSheet;

package/src/components/ActionSheet/ActionSheetCancel.js

@@ -1,6 +1,11 @@
 import React from "react";
 import ActionSheetItem from "./ActionSheetItem";
-const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
-    return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: [style], onPress: onPress }));
+const ActionSheetCancel = ({ label = "Cancel", color, style, onPress }) => {
+  return React.createElement(ActionSheetItem, {
+    label: label,
+    color: color || "#FF453A",
+    style: [style],
+    onPress: onPress,
+  });
 };
 export default ActionSheetCancel;

package/src/components/ActionSheet/ActionSheetItem.js

@@ -1,30 +1,41 @@
 import React from "react";
-import { Text, StyleSheet, TouchableOpacity, } from "react-native";
+import { Text, StyleSheet, TouchableOpacity } from "react-native";
 import { extractStyles } from "../../utilities";
-const ActionSheetItem = ({ label, style, color, onPress, }) => {
-    const { textStyles, viewStyles } = extractStyles(style);
-    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
-        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
+const ActionSheetItem = ({ label, style, color, onPress }) => {
+  const { textStyles, viewStyles } = extractStyles(style);
+  return React.createElement(
+    TouchableOpacity,
+    {
+      activeOpacity: 0.7,
+      style: [styles.wrapper, viewStyles],
+      onPress: onPress,
+    },
+    React.createElement(
+      Text,
+      { style: [styles.label, textStyles, { color }] },
+      label
+    )
+  );
 };
 const styles = StyleSheet.create({
-    wrapper: {
-        borderBottomWidth: StyleSheet.hairlineWidth,
-        borderBottomColor: "#CCCCCC",
-        backgroundColor: "#F1F1F1",
-        minHeight: 50,
-        overflow: "hidden",
-        display: "flex",
-        justifyContent: "center",
-    },
-    label: {
-        fontSize: 16,
-        textAlign: "center",
-        color: "#0A84FF",
-        fontWeight: "500",
-        overflow: "hidden",
-        paddingHorizontal: 20,
-        paddingVertical: 10,
-        alignSelf: "center",
-    },
+  wrapper: {
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: "#CCCCCC",
+    backgroundColor: "#F1F1F1",
+    minHeight: 50,
+    overflow: "hidden",
+    display: "flex",
+    justifyContent: "center",
+  },
+  label: {
+    fontSize: 16,
+    textAlign: "center",
+    color: "#0A84FF",
+    fontWeight: "500",
+    overflow: "hidden",
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    alignSelf: "center",
+  },
 });
 export default ActionSheetItem;

package/src/components/AnimatedCircularProgress.js

@@ -1,43 +1,62 @@
 import * as React from "react";
-import { Animated, Easing, } from "react-native";
+import { Animated, Easing } from "react-native";
 import CircularProgress from "./CircularProgress";
 const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
-const AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = "black", ...other }) => {
-    const [fillAnimation] = React.useState(new Animated.Value(prefill));
-    const animate = React.useCallback((toVal = -1, dur, ease) => {
-        const toValue = toVal >= 0 ? toVal : fill;
-        const dura = dur || duration;
-        const eas = ease || easing;
-        const useNative = useNativeDriver;
-        const anim = Animated.timing(fillAnimation, {
-            useNativeDriver: useNative,
-            toValue,
-            easing: eas,
-            duration: dura,
-        });
-        anim.start(onAnimationComplete);
-        return anim;
-    }, [
-        duration,
-        easing,
-        fill,
-        useNativeDriver,
-        fillAnimation,
-        onAnimationComplete,
-    ]);
-    const animateColor = () => {
-        if (!tintColorSecondary) {
-            return tintColor;
-        }
-        const tintAnimation = fillAnimation.interpolate({
-            inputRange: [0, 100],
-            outputRange: [tintColor, tintColorSecondary],
-        });
-        return tintAnimation;
-    };
-    React.useEffect(() => {
-        animate();
-    }, [fill, animate]);
-    return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));
+const AnimatedCircularProgress = ({
+  duration = 500,
+  easing = Easing.out(Easing.ease),
+  fill,
+  prefill = 0,
+  useNativeDriver = false,
+  tintColorSecondary,
+  onAnimationComplete,
+  tintColor = "black",
+  ...other
+}) => {
+  const [fillAnimation] = React.useState(new Animated.Value(prefill));
+  const animate = React.useCallback(
+    (toVal = -1, dur, ease) => {
+      const toValue = toVal >= 0 ? toVal : fill;
+      const dura = dur || duration;
+      const eas = ease || easing;
+      const useNative = useNativeDriver;
+      const anim = Animated.timing(fillAnimation, {
+        useNativeDriver: useNative,
+        toValue,
+        easing: eas,
+        duration: dura,
+      });
+      anim.start(onAnimationComplete);
+      return anim;
+    },
+    [
+      duration,
+      easing,
+      fill,
+      useNativeDriver,
+      fillAnimation,
+      onAnimationComplete,
+    ]
+  );
+  const animateColor = () => {
+    if (!tintColorSecondary) {
+      return tintColor;
+    }
+    const tintAnimation = fillAnimation.interpolate({
+      inputRange: [0, 100],
+      outputRange: [tintColor, tintColorSecondary],
+    });
+    return tintAnimation;
+  };
+  React.useEffect(() => {
+    animate();
+  }, [fill, animate]);
+  return React.createElement(AnimatedProgress, {
+    ...other,
+    style: other.style,
+    childrenContainerStyle: other.childrenContainerStyle,
+    fill: fillAnimation,
+    tintColor: animateColor(),
+  });
 };
 export default AnimatedCircularProgress;

package/src/components/AspectRatio.js

@@ -1,18 +1,26 @@
 import React from "react";
-import { View, StyleSheet, } from "react-native";
+import { View, StyleSheet } from "react-native";
 const AspectRatio = (props) => {
-    const [layout, setLayout] = React.useState(null);
-    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
-    const style = [inputStyle, { aspectRatio }];
-    if (layout) {
-        const { width = 0, height = 0 } = layout;
-        if (width === 0) {
-            style.push({ width: height * (1 / aspectRatio), height });
-        }
-        else {
-            style.push({ width, height: width * (1 / aspectRatio) });
-        }
+  const [layout, setLayout] = React.useState(null);
+  const { aspectRatio = 1, ...inputStyle } =
+    StyleSheet.flatten(props.style) || {};
+  const style = [inputStyle, { aspectRatio }];
+  if (layout) {
+    const { width = 0, height = 0 } = layout;
+    if (width === 0) {
+      style.push({ width: height * (1 / aspectRatio), height });
+    } else {
+      style.push({ width, height: width * (1 / aspectRatio) });
     }
-    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
+  }
+  return React.createElement(
+    View,
+    {
+      ...props,
+      style: style,
+      onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l),
+    },
+    props.children
+  );
 };
 export default AspectRatio;

package/src/components/AvatarEdit.js

@@ -3,28 +3,51 @@ import { View } from "react-native";
 import Touchable from "./Touchable";
 import CircleImage from "./CircleImage";
 import { withTheme } from "../theming";
-const AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {
-    const colorStyles = {
-        editBackgroundColor: theme.colors.primary,
-        editIconColor: theme.colors.surface,
-        editBorderColor: theme.colors.surface,
-    };
-    const dimensions = {
-        width: size,
-        height: size,
-    };
-    return (React.createElement(View, { style: [style, dimensions], ...rest },
-        React.createElement(Touchable, { onPress: onPress },
-            React.createElement(CircleImage, { source: image, size: size }),
-            React.createElement(View, { style: {
-                    position: "absolute",
-                    top: -3,
-                    right: -3,
-                    borderColor: colorStyles.editBorderColor,
-                    backgroundColor: colorStyles.editBackgroundColor,
-                    borderRadius: size * (3 / 16),
-                    padding: size * (3 / 32),
-                } },
-                React.createElement(Icon, { name: "MaterialIcons/edit", color: colorStyles.editIconColor, size: size * (3 / 16) })))));
+const AvatarEdit = ({
+  Icon,
+  image,
+  size = 80,
+  onPress = () => {},
+  style,
+  theme,
+  ...rest
+}) => {
+  const colorStyles = {
+    editBackgroundColor: theme.colors.primary,
+    editIconColor: theme.colors.surface,
+    editBorderColor: theme.colors.surface,
+  };
+  const dimensions = {
+    width: size,
+    height: size,
+  };
+  return React.createElement(
+    View,
+    { style: [style, dimensions], ...rest },
+    React.createElement(
+      Touchable,
+      { onPress: onPress },
+      React.createElement(CircleImage, { source: image, size: size }),
+      React.createElement(
+        View,
+        {
+          style: {
+            position: "absolute",
+            top: -3,
+            right: -3,
+            borderColor: colorStyles.editBorderColor,
+            backgroundColor: colorStyles.editBackgroundColor,
+            borderRadius: size * (3 / 16),
+            padding: size * (3 / 32),
+          },
+        },
+        React.createElement(Icon, {
+          name: "MaterialIcons/edit",
+          color: colorStyles.editIconColor,
+          size: size * (3 / 16),
+        })
+      )
+    )
+  );
 };
 export default withTheme(AvatarEdit);