@draftbit/core 43.6.0-alpha.6 → 43.6.1-a2465d.0

package/src/utilities.js

@@ -0,0 +1,54 @@
+import { StyleSheet } from "react-native";
+import { isString, isNumber } from "lodash";
+export function extractStyles(style) {
+    const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
+    const textStyles = {
+        color,
+        fontFamily,
+        fontWeight,
+        fontSize,
+        lineHeight,
+        letterSpacing,
+        textTransform,
+        textAlign,
+        textDecorationLine,
+        textDecorationColor,
+        textDecorationStyle,
+    };
+    return { viewStyles, textStyles };
+}
+/**
+ * Merges a style object on top of another style object. In React Native,
+ * keys with undefined values in a style object will still override styles
+ * that appear earlier in a sequence. This avoids that problem.
+ *
+ * This lets us avoid the `...(something ? { something } : {})` pattern.
+ * There doesn't seem to be a better way to do this. These all seem to not
+ * work (i.e. they all result in `{ color: undefined }`:
+ * `const mergedStyles = [{ color: "red" }, { color: undefined }]`
+ * `const mergedStyles = StyleSheet.compose({ color: "red" }, { color: undefined })`
+ * `const mergedStyles = StyleSheet.flatten([{ color: "red" }, { color: undefined }])`
+ */
+export function applyStyles(baseStyles, stylesToApply) {
+    if (!stylesToApply) {
+        return;
+    }
+    const flattenedStyles = StyleSheet.flatten(baseStyles);
+    for (const [key, value] of Object.entries(stylesToApply)) {
+        if (value != null) {
+            flattenedStyles[key] = value;
+        }
+    }
+    return flattenedStyles;
+}
+export function getValueForRadioButton(value) {
+    if (isString(value)) {
+        return value;
+    }
+    else if (isNumber(value)) {
+        return String(value);
+    }
+    else {
+        throw new Error(`Invalid value: ${value}`);
+    }
+}