@draftbit/core 46.12.1-07ad46.2 → 46.12.1-2b2e2a.2

package/src/utilities.ts

@@ -98,7 +98,78 @@ export function extractBorderAndMarginStyles(
   return { borderStyles, marginStyles };
 }
 
-export const sizeStyleNames = ["width", "height"];
+export const flexItemStyleNames = [
+  "alignSelf",
+  "flexBasis",
+  "flexShrink",
+  "flexGrow",
+  "flex",
+];
+
+export function extractFlexItemStyles(
+  style: StyleProp<any>,
+  additionalFlexItemStyles?: string[]
+) {
+  const flatStyle = StyleSheet.flatten(style || {});
+
+  const flexItemStyles = pickBy(
+    pick(flatStyle, [
+      ...flexItemStyleNames,
+      ...(additionalFlexItemStyles ? additionalFlexItemStyles : []),
+    ]),
+    identity
+  );
+
+  return flexItemStyles;
+}
+
+export const positionStyleNames = [
+  "position",
+  "left",
+  "right",
+  "top",
+  "bottom",
+  "zIndex",
+  "overflow",
+];
+
+export function extractPositionStyles(
+  style: StyleProp<any>,
+  additionalPositionStyles?: string[]
+) {
+  const flatStyle = StyleSheet.flatten(style || {});
+
+  const positionStyles = pickBy(
+    pick(flatStyle, [
+      ...positionStyleNames,
+      ...(additionalPositionStyles ? additionalPositionStyles : []),
+    ]),
+    identity
+  );
+
+  return positionStyles;
+}
+
+export const effectsStyleNames = ["opacity", "elevation"];
+
+export function extractEffectStyles(
+  style: StyleProp<any>,
+  additionalEffectStyles?: string[]
+) {
+  const flatStyle = StyleSheet.flatten(style || {});
+
+  const effectStyles = pickBy(
+    pick(flatStyle, [
+      ...effectsStyleNames,
+      ...(additionalEffectStyles ? additionalEffectStyles : []),
+    ]),
+    identity
+  );
+
+  return effectStyles;
+}
+
+export const sizeStyleNames = ["width", "height", "minWidth", "minHeight"];
 
 export function extractSizeStyles(
   style: StyleProp<any>,