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

package/src/components/ScreenContainer.js

@@ -1,63 +1,34 @@
 import * as React from "react";
-import { StyleSheet, ScrollView, View } from "react-native";
+import { StyleSheet, ScrollView, View, } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { withTheme } from "../theming";
-function ScreenContainer({
-  scrollable = false,
-  hasSafeArea = false,
-  hasBottomSafeArea = false,
-  hasTopSafeArea = false,
-  theme,
-  style,
-  children,
-  ...rest
-}) {
-  const backgroundColor = theme.colors.background;
-  const edges = ["left", "right"];
-  if (hasSafeArea || hasTopSafeArea) {
-    edges.push("top");
-  }
-  if (hasSafeArea || hasBottomSafeArea) {
-    edges.push("bottom");
-  }
-  return React.createElement(
-    SafeAreaView,
-    {
-      edges: edges,
-      style: [
-        styles.container,
-        {
-          backgroundColor,
-        },
-      ],
-      ...rest,
-    },
-    scrollable
-      ? React.createElement(
-          ScrollView,
-          {
-            contentContainerStyle: [
-              styles.scrollViewContainer,
-              { backgroundColor },
-              style,
-            ],
-          },
-          children
-        )
-      : React.createElement(
-          View,
-          { style: [styles.container, { backgroundColor }, style] },
-          children
-        )
-  );
+function ScreenContainer({ scrollable = false, hasSafeArea = false, hasBottomSafeArea = false, hasTopSafeArea = false, theme, style, children, ...rest }) {
+    const backgroundColor = theme.colors.background;
+    const edges = ["left", "right"];
+    if (hasSafeArea || hasTopSafeArea) {
+        edges.push("top");
+    }
+    if (hasSafeArea || hasBottomSafeArea) {
+        edges.push("bottom");
+    }
+    return (React.createElement(SafeAreaView, { edges: edges, style: [
+            styles.container,
+            {
+                backgroundColor,
+            },
+        ], ...rest }, scrollable ? (React.createElement(ScrollView, { contentContainerStyle: [
+            styles.scrollViewContainer,
+            { backgroundColor },
+            style,
+        ] }, children)) : (React.createElement(View, { style: [styles.container, { backgroundColor }, style] }, children))));
 }
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  scrollViewContainer: {
-    flexGrow: 1,
-    flex: undefined,
-  },
+    container: {
+        flex: 1,
+    },
+    scrollViewContainer: {
+        flexGrow: 1,
+        flex: undefined,
+    },
 });
 export default withTheme(ScreenContainer);

package/src/components/Slider.js

@@ -5,105 +5,59 @@ import isNumber from "lodash.isnumber";
 import toNumber from "lodash.tonumber";
 import { withTheme } from "../theming";
 function maybeParseValue(value) {
-  if (value === undefined) {
-    return undefined;
-  }
-  if (isNumber(value)) {
-    return value;
-  }
-  try {
-    const maybe = toNumber(value);
-    if (isNumber(maybe)) {
-      return maybe;
+    if (value === undefined) {
+        return undefined;
     }
-  } catch {
-    return undefined;
-  }
-  return undefined;
-}
-function Slider({
-  Icon,
-  leftIcon,
-  rightIcon,
-  leftIconColor,
-  rightIconColor,
-  value,
-  defaultValue,
-  minimumTrackTintColor,
-  maximumTrackTintColor,
-  thumbTintColor,
-  minimumValue = 0,
-  maximumValue = 100,
-  tapToSeek,
-  step = 1,
-  onValueChange = () => {},
-  style,
-  theme,
-  ...rest
-}) {
-  const [internalValue, setInternalValue] = React.useState(
-    value || defaultValue
-  );
-  React.useEffect(() => {
-    if (value != null) {
-      setInternalValue(value);
+    if (isNumber(value)) {
+        return value;
     }
-  }, [value]);
-  React.useEffect(() => {
-    if (defaultValue != null) {
-      setInternalValue(defaultValue);
+    try {
+        const maybe = toNumber(value);
+        if (isNumber(maybe)) {
+            return maybe;
+        }
     }
-  }, [defaultValue]);
-  const minTrackColor = minimumTrackTintColor || theme.colors.primary;
-  const maxTrackColor = maximumTrackTintColor || theme.colors.light;
-  const thumbColor = thumbTintColor || theme.colors.primary;
-  const leftIconThemeColor = leftIconColor || theme.colors.light;
-  const rightIconThemeColor = rightIconColor || theme.colors.light;
-  const parsedValue = maybeParseValue(internalValue);
-  const handleSlidingComplete = (newValue) => {
-    setInternalValue(newValue);
-    onValueChange(newValue);
-  };
-  return React.createElement(
-    View,
-    { style: [styles.container, style], ...rest },
-    leftIcon
-      ? React.createElement(Icon, {
-          color: leftIconThemeColor,
-          name: leftIcon,
-          size: 24,
-        })
-      : null,
-    React.createElement(NativeSlider, {
-      value: parsedValue,
-      step: step,
-      minimumValue: minimumValue,
-      maximumValue: maximumValue,
-      tapToSeek: tapToSeek,
-      minimumTrackTintColor: minTrackColor,
-      maximumTrackTintColor: maxTrackColor,
-      thumbTintColor: thumbColor,
-      onSlidingComplete: handleSlidingComplete,
-      style: styles.slider,
-    }),
-    rightIcon
-      ? React.createElement(Icon, {
-          color: rightIconThemeColor,
-          name: rightIcon,
-          size: 24,
-        })
-      : null
-  );
+    catch {
+        return undefined;
+    }
+    return undefined;
+}
+function Slider({ Icon, leftIcon, rightIcon, leftIconColor, rightIconColor, value, defaultValue, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, minimumValue = 0, maximumValue = 100, tapToSeek, step = 1, onValueChange = () => { }, style, theme, ...rest }) {
+    const [internalValue, setInternalValue] = React.useState(value || defaultValue);
+    React.useEffect(() => {
+        if (value != null) {
+            setInternalValue(value);
+        }
+    }, [value]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setInternalValue(defaultValue);
+        }
+    }, [defaultValue]);
+    const minTrackColor = minimumTrackTintColor || theme.colors.primary;
+    const maxTrackColor = maximumTrackTintColor || theme.colors.light;
+    const thumbColor = thumbTintColor || theme.colors.primary;
+    const leftIconThemeColor = leftIconColor || theme.colors.light;
+    const rightIconThemeColor = rightIconColor || theme.colors.light;
+    const parsedValue = maybeParseValue(internalValue);
+    const handleSlidingComplete = (newValue) => {
+        setInternalValue(newValue);
+        onValueChange(newValue);
+    };
+    return (React.createElement(View, { style: [styles.container, style], ...rest },
+        leftIcon ? (React.createElement(Icon, { color: leftIconThemeColor, name: leftIcon, size: 24 })) : null,
+        React.createElement(NativeSlider, { value: parsedValue, step: step, minimumValue: minimumValue, maximumValue: maximumValue, tapToSeek: tapToSeek, minimumTrackTintColor: minTrackColor, maximumTrackTintColor: maxTrackColor, thumbTintColor: thumbColor, onSlidingComplete: handleSlidingComplete, style: styles.slider }),
+        rightIcon ? (React.createElement(Icon, { color: rightIconThemeColor, name: rightIcon, size: 24 })) : null));
 }
 const styles = StyleSheet.create({
-  container: {
-    height: 40,
-    flexDirection: "row",
-    alignItems: "center",
-  },
-  slider: {
-    flex: 1,
-    marginHorizontal: 12,
-  },
+    container: {
+        height: 40,
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    slider: {
+        flex: 1,
+        marginHorizontal: 12,
+    },
 });
 export default withTheme(Slider);

package/src/components/StarRating.js

@@ -1,91 +1,50 @@
 import * as React from "react";
-import { View, StyleSheet, Pressable } from "react-native";
+import { View, StyleSheet, Pressable, } from "react-native";
 import { withTheme } from "../theming";
-const StarRating = ({
-  Icon,
-  starSize = 16,
-  maxStars = 5,
-  rating = 0,
-  defaultValue,
-  isEditable = false,
-  activeColor,
-  inactiveColor,
-  style,
-  onPress,
-  ...rest
-}) => {
-  const [localRating, setLocalRating] = React.useState(
-    rating || defaultValue || 0
-  );
-  React.useEffect(() => {
-    if (rating != null) {
-      setLocalRating(rating);
-    }
-  }, [rating]);
-  React.useEffect(() => {
-    if (defaultValue != null) {
-      setLocalRating(defaultValue);
-    }
-  }, [defaultValue]);
-  const ratingHandler = React.useCallback(
-    (r) => {
-      setLocalRating(r);
-      !!onPress && onPress(r);
-    },
-    [onPress]
-  );
-  const ratingRounded = Math.round(localRating * 2) / 2;
-  return React.createElement(
-    View,
-    { style: [styles.container, style], ...rest },
-    [...Array(maxStars)].map((_, i) =>
-      React.createElement(
-        View,
-        { key: i, style: { display: "flex" } },
-        React.createElement(Icon, {
-          name:
-            ratingRounded - i === 0.5
-              ? "MaterialIcons/star-half"
-              : "MaterialIcons/star",
-          size: starSize,
-          color: ratingRounded > i ? activeColor : inactiveColor,
-        }),
-        isEditable &&
-          React.createElement(
-            View,
-            { style: styles.touchContainer },
-            React.createElement(Pressable, {
-              style: styles.pressable,
-              onPress: () => ratingHandler(i + 0.5),
-            }),
-            React.createElement(Pressable, {
-              style: styles.pressable,
-              onPress: () => ratingHandler(i + 1),
-            })
-          )
-      )
-    )
-  );
+const StarRating = ({ Icon, starSize = 16, maxStars = 5, rating = 0, defaultValue, isEditable = false, activeColor, inactiveColor, style, onPress, ...rest }) => {
+    const [localRating, setLocalRating] = React.useState(rating || defaultValue || 0);
+    React.useEffect(() => {
+        if (rating != null) {
+            setLocalRating(rating);
+        }
+    }, [rating]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setLocalRating(defaultValue);
+        }
+    }, [defaultValue]);
+    const ratingHandler = React.useCallback((r) => {
+        setLocalRating(r);
+        !!onPress && onPress(r);
+    }, [onPress]);
+    const ratingRounded = Math.round(localRating * 2) / 2;
+    return (React.createElement(View, { style: [styles.container, style], ...rest }, [...Array(maxStars)].map((_, i) => (React.createElement(View, { key: i, style: { display: "flex" } },
+        React.createElement(Icon, { name: ratingRounded - i === 0.5
+                ? "MaterialIcons/star-half"
+                : "MaterialIcons/star", size: starSize, color: ratingRounded > i ? activeColor : inactiveColor }),
+        isEditable && (React.createElement(View, { style: styles.touchContainer },
+            React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 0.5) }),
+            React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 1) }))))))));
 };
 const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-  },
-  touchContainer: {
-    display: "flex",
-    flexDirection: "row",
-    position: "absolute",
-    top: 0,
-    right: 0,
-    left: 0,
-    bottom: 0,
-    zIndex: 1,
-  },
-  pressable: {
-    flex: 1,
-    height: "100%",
-    width: "50%",
-  },
+    container: {
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    touchContainer: {
+        display: "flex",
+        flexDirection: "row",
+        position: "absolute",
+        top: 0,
+        right: 0,
+        left: 0,
+        bottom: 0,
+        zIndex: 1,
+    },
+    pressable: {
+        flex: 1,
+        height: "100%",
+        width: "50%",
+    },
 });
 export default withTheme(StarRating);