@draftbit/core 48.5.6 → 48.5.7-efd08d.2

package/lib/typescript/src/utilities.d.ts

@@ -1,48 +1,48 @@
-/// <reference types="lodash" />
-import React from "react";
-import { StyleProp, TextStyle } from "react-native";
-export declare function extractStyles(style: StyleProp<any>): {
-    viewStyles: any;
-    textStyles: TextStyle;
-};
-export declare const borderStyleNames: string[];
-export declare const marginStyleNames: string[];
-export declare function extractBorderAndMarginStyles(style: StyleProp<any>, additionalBorderStyles?: string[], additionalMarginStyles?: string[]): {
-    borderStyles: import("lodash").Dictionary<any>;
-    marginStyles: import("lodash").Dictionary<any>;
-};
-export declare const flexItemStyleNames: string[];
-export declare function extractFlexItemStyles(style: StyleProp<any>, additionalFlexItemStyles?: string[]): import("lodash").Dictionary<any>;
-export declare const positionStyleNames: string[];
-export declare function extractPositionStyles(style: StyleProp<any>, additionalPositionStyles?: string[]): import("lodash").Dictionary<any>;
-export declare const effectsStyleNames: string[];
-export declare function extractEffectStyles(style: StyleProp<any>, additionalEffectStyles?: string[]): import("lodash").Dictionary<any>;
-export declare const sizeStyleNames: string[];
-export declare function extractSizeStyles(style: StyleProp<any>, additionalSizeStyles?: string[]): import("lodash").Dictionary<any>;
-/**
- * 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 declare function applyStyles(baseStyles: Array<StyleProp<any>>, stylesToApply: StyleProp<any> | undefined): any;
-export declare function getValueForRadioButton(value: string | number): string;
-/**
- * Flattens array of components to remove any React.Fragment's (<> </>) and returns the fragment's children in its place
- * This is useful for operations that depend on a particular child type that would otherwise not match when wrapped in a fragment
- */
-export declare function flattenReactFragments(components: React.ReactElement[]): React.ReactElement[];
-/**
- * useMemo counterpart that does a deep compare on the dependency list
- */
-export declare function useDeepCompareMemo<T>(factory: () => T, deps: React.DependencyList | undefined): T;
-/**
- * useMemo counterpart that does a deep compare on the dependency list
- */
-export declare function useDeepCompareEffect(effect: React.EffectCallback, deps: React.DependencyList | undefined): void;
+/// <reference types="lodash" />
+import React from "react";
+import { StyleProp, TextStyle } from "react-native";
+export declare function extractStyles(style: StyleProp<any>): {
+    viewStyles: any;
+    textStyles: TextStyle;
+};
+export declare const borderStyleNames: string[];
+export declare const marginStyleNames: string[];
+export declare function extractBorderAndMarginStyles(style: StyleProp<any>, additionalBorderStyles?: string[], additionalMarginStyles?: string[]): {
+    borderStyles: import("lodash").Dictionary<any>;
+    marginStyles: import("lodash").Dictionary<any>;
+};
+export declare const flexItemStyleNames: string[];
+export declare function extractFlexItemStyles(style: StyleProp<any>, additionalFlexItemStyles?: string[]): import("lodash").Dictionary<any>;
+export declare const positionStyleNames: string[];
+export declare function extractPositionStyles(style: StyleProp<any>, additionalPositionStyles?: string[]): import("lodash").Dictionary<any>;
+export declare const effectsStyleNames: string[];
+export declare function extractEffectStyles(style: StyleProp<any>, additionalEffectStyles?: string[]): import("lodash").Dictionary<any>;
+export declare const sizeStyleNames: string[];
+export declare function extractSizeStyles(style: StyleProp<any>, additionalSizeStyles?: string[]): import("lodash").Dictionary<any>;
+/**
+ * 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 declare function applyStyles(baseStyles: Array<StyleProp<any>>, stylesToApply: StyleProp<any> | undefined): any;
+export declare function getValueForRadioButton(value: string | number): string;
+/**
+ * Flattens array of components to remove any React.Fragment's (<> </>) and returns the fragment's children in its place
+ * This is useful for operations that depend on a particular child type that would otherwise not match when wrapped in a fragment
+ */
+export declare function flattenReactFragments(components: React.ReactElement[]): React.ReactElement[];
+/**
+ * useMemo counterpart that does a deep compare on the dependency list
+ */
+export declare function useDeepCompareMemo<T>(factory: () => T, deps: React.DependencyList | undefined): T;
+/**
+ * useMemo counterpart that does a deep compare on the dependency list
+ */
+export declare function useDeepCompareEffect(effect: React.EffectCallback, deps: React.DependencyList | undefined): void;

package/lib/typescript/src/utilities.js

@@ -1,201 +1,201 @@
-import React from "react";
-import { StyleSheet } from "react-native";
-import { isString, isNumber, pick, pickBy, identity, isEqual } 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,
-    };
-    for (let key in textStyles) {
-        const styleKey = key;
-        if (textStyles[styleKey] === undefined) {
-            delete textStyles[styleKey];
-        }
-    }
-    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",
-];
-export const marginStyleNames = [
-    "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 const flexItemStyleNames = [
-    "alignSelf",
-    "flexBasis",
-    "flexShrink",
-    "flexGrow",
-    "flex",
-];
-export function extractFlexItemStyles(style, additionalFlexItemStyles) {
-    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, additionalPositionStyles) {
-    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, additionalEffectStyles) {
-    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, additionalSizeStyles) {
-    const flatStyle = StyleSheet.flatten(style || {});
-    const sizeStyles = pickBy(pick(flatStyle, [
-        ...sizeStyleNames,
-        ...(additionalSizeStyles ? additionalSizeStyles : []),
-    ]), identity);
-    return sizeStyles;
-}
-/**
- * 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}`);
-    }
-}
-/**
- * Flattens array of components to remove any React.Fragment's (<> </>) and returns the fragment's children in its place
- * This is useful for operations that depend on a particular child type that would otherwise not match when wrapped in a fragment
- */
-export function flattenReactFragments(components) {
-    var _a;
-    const flattened = [];
-    for (const component of components) {
-        if (component.type === React.Fragment) {
-            const children = React.Children.toArray((_a = component.props) === null || _a === void 0 ? void 0 : _a.children);
-            for (const child of children) {
-                flattened.push(...flattenReactFragments([child]));
-            }
-        }
-        else {
-            flattened.push(component);
-        }
-    }
-    return flattened;
-}
-function useDeepCompareMemoize(value) {
-    const ref = React.useRef();
-    if (!isEqual(value, ref.current)) {
-        ref.current = value;
-    }
-    return ref.current;
-}
-/**
- * useMemo counterpart that does a deep compare on the dependency list
- */
-export function useDeepCompareMemo(factory, deps) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return React.useMemo(factory, deps === null || deps === void 0 ? void 0 : deps.map(useDeepCompareMemoize));
-}
-/**
- * useMemo counterpart that does a deep compare on the dependency list
- */
-export function useDeepCompareEffect(effect, deps) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return React.useEffect(effect, deps === null || deps === void 0 ? void 0 : deps.map(useDeepCompareMemoize));
-}
+import React from "react";
+import { StyleSheet } from "react-native";
+import { isString, isNumber, pick, pickBy, identity, isEqual } 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,
+    };
+    for (let key in textStyles) {
+        const styleKey = key;
+        if (textStyles[styleKey] === undefined) {
+            delete textStyles[styleKey];
+        }
+    }
+    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",
+];
+export const marginStyleNames = [
+    "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 const flexItemStyleNames = [
+    "alignSelf",
+    "flexBasis",
+    "flexShrink",
+    "flexGrow",
+    "flex",
+];
+export function extractFlexItemStyles(style, additionalFlexItemStyles) {
+    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, additionalPositionStyles) {
+    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, additionalEffectStyles) {
+    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, additionalSizeStyles) {
+    const flatStyle = StyleSheet.flatten(style || {});
+    const sizeStyles = pickBy(pick(flatStyle, [
+        ...sizeStyleNames,
+        ...(additionalSizeStyles ? additionalSizeStyles : []),
+    ]), identity);
+    return sizeStyles;
+}
+/**
+ * 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}`);
+    }
+}
+/**
+ * Flattens array of components to remove any React.Fragment's (<> </>) and returns the fragment's children in its place
+ * This is useful for operations that depend on a particular child type that would otherwise not match when wrapped in a fragment
+ */
+export function flattenReactFragments(components) {
+    var _a;
+    const flattened = [];
+    for (const component of components) {
+        if (component.type === React.Fragment) {
+            const children = React.Children.toArray((_a = component.props) === null || _a === void 0 ? void 0 : _a.children);
+            for (const child of children) {
+                flattened.push(...flattenReactFragments([child]));
+            }
+        }
+        else {
+            flattened.push(component);
+        }
+    }
+    return flattened;
+}
+function useDeepCompareMemoize(value) {
+    const ref = React.useRef();
+    if (!isEqual(value, ref.current)) {
+        ref.current = value;
+    }
+    return ref.current;
+}
+/**
+ * useMemo counterpart that does a deep compare on the dependency list
+ */
+export function useDeepCompareMemo(factory, deps) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return React.useMemo(factory, deps === null || deps === void 0 ? void 0 : deps.map(useDeepCompareMemoize));
+}
+/**
+ * useMemo counterpart that does a deep compare on the dependency list
+ */
+export function useDeepCompareEffect(effect, deps) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return React.useEffect(effect, deps === null || deps === void 0 ? void 0 : deps.map(useDeepCompareMemoize));
+}
 //# sourceMappingURL=utilities.js.map