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

package/src/components/ScreenContainer.js

@@ -1,34 +1,63 @@
 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,59 +5,105 @@ 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;
-        }
-    }
-    catch {
-        return undefined;
+  if (value === undefined) {
+    return undefined;
+  }
+  if (isNumber(value)) {
+    return value;
+  }
+  try {
+    const maybe = toNumber(value);
+    if (isNumber(maybe)) {
+      return maybe;
     }
+  } 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));
+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,50 +1,91 @@
 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);