@draftbit/core 48.5.6 → 48.5.7-efd08d.2

package/src/deprecated-components/Container.tsx

@@ -1,126 +1,126 @@
-import * as React from "react";
-import {
-  View,
-  ImageBackground,
-  ImageSourcePropType,
-  StyleProp,
-  StyleSheet,
-  ViewStyle,
-} from "react-native";
-import { withTheme } from "../theming";
-
-import Elevation from "../components/Elevation";
-import type { Theme } from "../styles/DefaultTheme";
-
-type ResizeModeType =
-  | "cover"
-  | "contain"
-  | "stretch"
-  | "repeat"
-  | "center"
-  | undefined;
-
-type Props = {
-  theme: Theme;
-  useThemeGutterPadding: boolean;
-  borderColor: string;
-  borderWidth: number;
-  backgroundColor: string;
-  backgroundImage?: string | ImageSourcePropType;
-  backgroundImageResizeMode?: ResizeModeType;
-  elevation?: number;
-  style?: StyleProp<ViewStyle>;
-  children?: React.ReactNode;
-};
-
-/**
- * @deprecated DEPRECATED
- */
-const Container: React.FC<React.PropsWithChildren<Props>> = ({
-  useThemeGutterPadding,
-  borderColor,
-  borderWidth,
-  backgroundColor,
-  backgroundImage,
-  backgroundImageResizeMode,
-  elevation,
-  style,
-  children,
-  theme, // eslint-disable-line @typescript-eslint/no-unused-vars
-  ...rest
-}) => {
-  const {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal,
-    ...styleProp
-  } = StyleSheet.flatten(style) || {};
-
-  const containerStyle: StyleProp<ViewStyle> = {
-    backgroundColor,
-    borderColor,
-    borderWidth,
-    width: "100%",
-    ...styleProp,
-  };
-
-  const innerStyle: StyleProp<ViewStyle> = {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
-  };
-
-  const Wrap = elevation ? Elevation : View;
-
-  if (elevation) containerStyle.elevation = elevation;
-
-  return (
-    <Wrap style={[containerStyle, style]} {...rest}>
-      {backgroundImage ? (
-        <ImageBackground
-          source={
-            typeof backgroundImage === "string"
-              ? { uri: backgroundImage }
-              : backgroundImage
-          }
-          resizeMode={backgroundImageResizeMode}
-          style={{
-            flex: 1,
-          }}
-        >
-          <View style={innerStyle}>{children}</View>
-        </ImageBackground>
-      ) : (
-        <View style={innerStyle}>{children}</View>
-      )}
-    </Wrap>
-  );
-};
-
-export default withTheme(Container);
+import * as React from "react";
+import {
+  View,
+  ImageBackground,
+  ImageSourcePropType,
+  StyleProp,
+  StyleSheet,
+  ViewStyle,
+} from "react-native";
+import { withTheme } from "../theming";
+
+import Elevation from "../components/Elevation";
+import type { Theme } from "../styles/DefaultTheme";
+
+type ResizeModeType =
+  | "cover"
+  | "contain"
+  | "stretch"
+  | "repeat"
+  | "center"
+  | undefined;
+
+type Props = {
+  theme: Theme;
+  useThemeGutterPadding: boolean;
+  borderColor: string;
+  borderWidth: number;
+  backgroundColor: string;
+  backgroundImage?: string | ImageSourcePropType;
+  backgroundImageResizeMode?: ResizeModeType;
+  elevation?: number;
+  style?: StyleProp<ViewStyle>;
+  children?: React.ReactNode;
+};
+
+/**
+ * @deprecated DEPRECATED
+ */
+const Container: React.FC<React.PropsWithChildren<Props>> = ({
+  useThemeGutterPadding,
+  borderColor,
+  borderWidth,
+  backgroundColor,
+  backgroundImage,
+  backgroundImageResizeMode,
+  elevation,
+  style,
+  children,
+  theme, // eslint-disable-line @typescript-eslint/no-unused-vars
+  ...rest
+}) => {
+  const {
+    flex,
+    flexGrow,
+    flexWrap,
+    flexBasis,
+    flexShrink,
+    flexDirection,
+    alignContent,
+    justifyContent,
+    alignItems,
+    padding,
+    paddingTop,
+    paddingBottom,
+    paddingLeft,
+    paddingRight,
+    paddingVertical,
+    paddingHorizontal,
+    ...styleProp
+  } = StyleSheet.flatten(style) || {};
+
+  const containerStyle: StyleProp<ViewStyle> = {
+    backgroundColor,
+    borderColor,
+    borderWidth,
+    width: "100%",
+    ...styleProp,
+  };
+
+  const innerStyle: StyleProp<ViewStyle> = {
+    flex,
+    flexGrow,
+    flexWrap,
+    flexBasis,
+    flexShrink,
+    flexDirection,
+    alignContent,
+    justifyContent,
+    alignItems,
+    padding,
+    paddingTop,
+    paddingBottom,
+    paddingLeft,
+    paddingRight,
+    paddingVertical,
+    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
+  };
+
+  const Wrap = elevation ? Elevation : View;
+
+  if (elevation) containerStyle.elevation = elevation;
+
+  return (
+    <Wrap style={[containerStyle, style]} {...rest}>
+      {backgroundImage ? (
+        <ImageBackground
+          source={
+            typeof backgroundImage === "string"
+              ? { uri: backgroundImage }
+              : backgroundImage
+          }
+          resizeMode={backgroundImageResizeMode}
+          style={{
+            flex: 1,
+          }}
+        >
+          <View style={innerStyle}>{children}</View>
+        </ImageBackground>
+      ) : (
+        <View style={innerStyle}>{children}</View>
+      )}
+    </Wrap>
+  );
+};
+
+export default withTheme(Container);

package/src/deprecated-components/DeprecatedButton.js

@@ -0,0 +1,87 @@
+import * as React from "react";
+import { ActivityIndicator, View, Text, StyleSheet, Pressable, } from "react-native";
+import color from "color";
+import Config from "../components/Config";
+import Elevation from "../components/Elevation";
+import { withTheme } from "../theming";
+/**
+ * @deprecated DEPRECATED
+ */
+const Button = ({ Icon, icon, disabled = false, type = "solid", loading = false, labelColor, color: colorOverride, children, onPress, elevation = 0, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {
+    let backgroundColor, borderColor, textColor, borderWidth;
+    const buttonColor = colorOverride || colors.primary;
+    if (type === "solid") {
+        backgroundColor = buttonColor;
+        if (disabled) {
+            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            textColor = labelColor || colors.surface;
+        }
+    }
+    else {
+        backgroundColor = "transparent";
+        if (disabled) {
+            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            textColor = labelColor || buttonColor;
+        }
+    }
+    if (type === "outline") {
+        if (disabled) {
+            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            borderColor = buttonColor;
+        }
+        borderWidth = StyleSheet.hairlineWidth;
+    }
+    else {
+        borderColor = "transparent";
+        borderWidth = 0;
+    }
+    const buttonStyle = {
+        backgroundColor,
+        borderColor,
+        borderWidth,
+        borderRadius: roundness,
+    };
+    const textStyle = {
+        textAlign: "center",
+        color: textColor,
+        marginVertical: 16,
+        marginHorizontal: 16,
+    };
+    const iconStyle = [
+        styles.icon,
+        {
+            marginLeft: 16,
+            marginRight: -8,
+            width: Config.buttonIconSize,
+        },
+    ];
+    return (React.createElement(Elevation, { style: { elevation, alignSelf: "stretch" } },
+        React.createElement(Pressable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: "button", disabled: disabled || loading, style: [styles.button, buttonStyle] },
+            React.createElement(View, { style: styles.content },
+                icon && loading !== true ? (React.createElement(View, { style: iconStyle },
+                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,
+                loading ? (React.createElement(ActivityIndicator, { size: "small", color: textColor, style: iconStyle })) : null,
+                React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, children)))));
+};
+const styles = StyleSheet.create({
+    button: {
+        minWidth: 64,
+        borderStyle: "solid",
+    },
+    content: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    icon: {
+        width: Config.buttonIconSize,
+    },
+});
+export default withTheme(Button);
+//# sourceMappingURL=DeprecatedButton.js.map

package/src/deprecated-components/DeprecatedButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedButton.js","sourceRoot":"","sources":["DeprecatedButton.tsx"],"names":[],"mappings":"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"}