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

package/src/utilities.js

@@ -1,69 +1,92 @@
 import { StyleSheet } from "react-native";
 import { isString, isNumber, pick, pickBy, identity } 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 };
+  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 };
 }
 export const borderStyleNames = [
-    "borderRadius",
-    "borderBottomColor",
-    "borderBottomEndRadius",
-    "borderBottomLeftRadius",
-    "borderBottomRightRadius",
-    "borderBottomStartRadius",
-    "borderBottomWidth",
-    "borderColor",
-    "borderEndColor",
-    "borderLeftColor",
-    "borderLeftWidth",
-    "borderRadius",
-    "borderRightColor",
-    "borderRightWidth",
-    "borderStartColor",
-    "borderStyle",
-    "borderTopColor",
-    "borderTopEndRadius",
-    "borderTopLeftRadius",
-    "borderTopRightRadius",
-    "borderTopStartRadius",
-    "borderTopWidth",
-    "borderWidth",
+  "borderRadius",
+  "borderBottomColor",
+  "borderBottomEndRadius",
+  "borderBottomLeftRadius",
+  "borderBottomRightRadius",
+  "borderBottomStartRadius",
+  "borderBottomWidth",
+  "borderColor",
+  "borderEndColor",
+  "borderLeftColor",
+  "borderLeftWidth",
+  "borderRadius",
+  "borderRightColor",
+  "borderRightWidth",
+  "borderStartColor",
+  "borderStyle",
+  "borderTopColor",
+  "borderTopEndRadius",
+  "borderTopLeftRadius",
+  "borderTopRightRadius",
+  "borderTopStartRadius",
+  "borderTopWidth",
+  "borderWidth",
 ];
 export const marginStyleNames = [
-    "margin",
-    "marginBottom",
-    "marginEnd",
-    "marginHorizontal",
-    "marginLeft",
-    "marginRight",
-    "marginStart",
-    "marginTop",
-    "marginVertical",
+  "margin",
+  "marginBottom",
+  "marginEnd",
+  "marginHorizontal",
+  "marginLeft",
+  "marginRight",
+  "marginStart",
+  "marginTop",
+  "marginVertical",
 ];
-export function extractBorderAndMarginStyles(style, additionalBorderStyles, additionalMarginStyles) {
-    const flatStyle = StyleSheet.flatten(style || {});
-    const borderStyles = pickBy(pick(flatStyle, [
-        ...borderStyleNames,
-        ...(additionalBorderStyles ? additionalBorderStyles : []),
-    ]), identity);
-    const marginStyles = pickBy(pick(flatStyle, [
-        ...marginStyleNames,
-        ...(additionalMarginStyles ? additionalMarginStyles : []),
-    ]), identity);
-    return { borderStyles, marginStyles };
+export function extractBorderAndMarginStyles(
+  style,
+  additionalBorderStyles,
+  additionalMarginStyles
+) {
+  const flatStyle = StyleSheet.flatten(style || {});
+  const borderStyles = pickBy(
+    pick(flatStyle, [
+      ...borderStyleNames,
+      ...(additionalBorderStyles ? additionalBorderStyles : []),
+    ]),
+    identity
+  );
+  const marginStyles = pickBy(
+    pick(flatStyle, [
+      ...marginStyleNames,
+      ...(additionalMarginStyles ? additionalMarginStyles : []),
+    ]),
+    identity
+  );
+  return { borderStyles, marginStyles };
 }
 /**
  * Merges a style object on top of another style object. In React Native,
@@ -78,25 +101,23 @@ export function extractBorderAndMarginStyles(style, additionalBorderStyles, addi
  * `const mergedStyles = StyleSheet.flatten([{ color: "red" }, { color: undefined }])`
  */
 export function applyStyles(baseStyles, stylesToApply) {
-    if (!stylesToApply) {
-        return;
+  if (!stylesToApply) {
+    return;
+  }
+  const flattenedStyles = StyleSheet.flatten(baseStyles);
+  for (const [key, value] of Object.entries(stylesToApply)) {
+    if (value != null) {
+      flattenedStyles[key] = value;
     }
-    const flattenedStyles = StyleSheet.flatten(baseStyles);
-    for (const [key, value] of Object.entries(stylesToApply)) {
-        if (value != null) {
-            flattenedStyles[key] = value;
-        }
-    }
-    return flattenedStyles;
+  }
+  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}`);
-    }
+  if (isString(value)) {
+    return value;
+  } else if (isNumber(value)) {
+    return String(value);
+  } else {
+    throw new Error(`Invalid value: ${value}`);
+  }
 }