@draftbit/core 48.5.5-bc0b6e.2 → 48.5.6

package/src/deprecated-components/FieldSearchBarFull.tsx

@@ -1,129 +1,129 @@
-import * as React from "react";
-import {
-  View,
-  TextInput,
-  StyleSheet,
-  StyleProp,
-  ViewStyle,
-  NativeSyntheticEvent,
-  TextInputSubmitEditingEventData,
-} from "react-native";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-import Config from "../components/Config";
-
-type Props = {
-  showIcon: boolean;
-  icon?: string;
-  placeholder?: string;
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-  onChange?: (text: string) => void;
-  onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;
-  value?: string;
-  defaultValue?: string;
-} & IconSlot;
-
-/**
- * @deprecated DEPRECATED
- */
-const FieldSearchBarFull: React.FC<React.PropsWithChildren<Props>> = ({
-  showIcon,
-  Icon,
-  icon = "search",
-  placeholder = "",
-  style,
-  theme: { colors, typography },
-  onChange: changeOverride,
-  onSubmit: submitOverride,
-  value,
-  defaultValue,
-}) => {
-  const [focused, setIsFocused] = React.useState(false);
-
-  const onBlur = () => {
-    setIsFocused(false);
-  };
-
-  const [internalValue, setInternalValue] = React.useState<string | undefined>(
-    value || defaultValue
-  );
-
-  React.useEffect(() => {
-    if (value != null) {
-      setInternalValue(value);
-    }
-  }, [value]);
-
-  React.useEffect(() => {
-    if (defaultValue != null) {
-      setInternalValue(defaultValue);
-    }
-  }, [defaultValue]);
-
-  const onChange = React.useCallback(
-    (text: string) => {
-      changeOverride && changeOverride(text);
-    },
-    [changeOverride]
-  );
-
-  const onFocus = () => {
-    setIsFocused(true);
-  };
-
-  const onSubmit = (
-    e: NativeSyntheticEvent<TextInputSubmitEditingEventData>
-  ) => {
-    submitOverride && submitOverride(e);
-  };
-
-  const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars
-
-  const handleChangeText = (newValue: string) => {
-    setInternalValue(newValue);
-    if (onChange) {
-      onChange(newValue);
-    }
-  };
-
-  return (
-    <View style={[styles.container, style]}>
-      {showIcon && (
-        <Icon
-          name={icon}
-          size={Config.fieldSearchBarFullIconSize}
-          color={focused ? colors.primary : colors.light}
-        />
-      )}
-      <View style={{ marginLeft: showIcon ? 12 : 0, flex: 1 }}>
-        <TextInput
-          clearButtonMode="while-editing"
-          placeholder={placeholder}
-          value={internalValue}
-          onBlur={onBlur}
-          onFocus={onFocus}
-          onChangeText={handleChangeText}
-          onSubmitEditing={onSubmit}
-          placeholderTextColor={colors.light}
-          style={[
-            {
-              color: colors.medium,
-            },
-            typeStyles,
-          ]}
-        />
-      </View>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-  },
-});
-
-export default withTheme(FieldSearchBarFull);
+import * as React from "react";
+import {
+  View,
+  TextInput,
+  StyleSheet,
+  StyleProp,
+  ViewStyle,
+  NativeSyntheticEvent,
+  TextInputSubmitEditingEventData,
+} from "react-native";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+import Config from "../components/Config";
+
+type Props = {
+  showIcon: boolean;
+  icon?: string;
+  placeholder?: string;
+  style?: StyleProp<ViewStyle>;
+  theme: Theme;
+  onChange?: (text: string) => void;
+  onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;
+  value?: string;
+  defaultValue?: string;
+} & IconSlot;
+
+/**
+ * @deprecated DEPRECATED
+ */
+const FieldSearchBarFull: React.FC<React.PropsWithChildren<Props>> = ({
+  showIcon,
+  Icon,
+  icon = "search",
+  placeholder = "",
+  style,
+  theme: { colors, typography },
+  onChange: changeOverride,
+  onSubmit: submitOverride,
+  value,
+  defaultValue,
+}) => {
+  const [focused, setIsFocused] = React.useState(false);
+
+  const onBlur = () => {
+    setIsFocused(false);
+  };
+
+  const [internalValue, setInternalValue] = React.useState<string | undefined>(
+    value || defaultValue
+  );
+
+  React.useEffect(() => {
+    if (value != null) {
+      setInternalValue(value);
+    }
+  }, [value]);
+
+  React.useEffect(() => {
+    if (defaultValue != null) {
+      setInternalValue(defaultValue);
+    }
+  }, [defaultValue]);
+
+  const onChange = React.useCallback(
+    (text: string) => {
+      changeOverride && changeOverride(text);
+    },
+    [changeOverride]
+  );
+
+  const onFocus = () => {
+    setIsFocused(true);
+  };
+
+  const onSubmit = (
+    e: NativeSyntheticEvent<TextInputSubmitEditingEventData>
+  ) => {
+    submitOverride && submitOverride(e);
+  };
+
+  const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars
+
+  const handleChangeText = (newValue: string) => {
+    setInternalValue(newValue);
+    if (onChange) {
+      onChange(newValue);
+    }
+  };
+
+  return (
+    <View style={[styles.container, style]}>
+      {showIcon && (
+        <Icon
+          name={icon}
+          size={Config.fieldSearchBarFullIconSize}
+          color={focused ? colors.primary : colors.light}
+        />
+      )}
+      <View style={{ marginLeft: showIcon ? 12 : 0, flex: 1 }}>
+        <TextInput
+          clearButtonMode="while-editing"
+          placeholder={placeholder}
+          value={internalValue}
+          onBlur={onBlur}
+          onFocus={onFocus}
+          onChangeText={handleChangeText}
+          onSubmitEditing={onSubmit}
+          placeholderTextColor={colors.light}
+          style={[
+            {
+              color: colors.medium,
+            },
+            typeStyles,
+          ]}
+        />
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+  },
+});
+
+export default withTheme(FieldSearchBarFull);

package/src/deprecated-components/Layout.tsx

@@ -1,192 +1,192 @@
-import * as React from "react";
-import { View, StyleProp, ViewStyle } from "react-native";
-// @ts-ignore
-import type { ViewStyleProp } from "react-native/Libraries/StyleSheet/StyleSheet";
-
-/**
- * @deprecated DEPRECATED
- */
-export function Center({
-  width = 240,
-  height = 200,
-  children,
-  bgColor,
-  style,
-  ...rest
-}: {
-  width: number;
-  height: number;
-  bgColor: string;
-  children: React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}) {
-  return (
-    <View
-      style={[
-        {
-          justifyContent: "center",
-          alignItems: "center",
-          width,
-          height,
-          backgroundColor: bgColor,
-        },
-        style,
-      ]}
-      {...rest}
-    >
-      {children}
-    </View>
-  );
-}
-
-/**
- * @deprecated DEPRECATED
- */
-export function Circle({
-  size = 50,
-  bgColor,
-  children,
-  style,
-  ...rest
-}: {
-  size: number;
-  bgColor: string;
-  children: React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}) {
-  const borderRadius = 1000;
-  return (
-    <Center
-      width={size}
-      height={size}
-      bgColor={bgColor}
-      style={[
-        style,
-        { backgroundColor: bgColor, borderRadius, overflow: "hidden" },
-      ]}
-      {...rest}
-    >
-      {children}
-    </Center>
-  );
-}
-
-/**
- * @deprecated DEPRECATED
- */
-export function Square({
-  size = 50,
-  bgColor,
-  children,
-  style,
-  ...rest
-}: {
-  size: number;
-  bgColor: string;
-  children: React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}) {
-  return (
-    <Center
-      style={style}
-      width={size}
-      height={size}
-      bgColor={bgColor}
-      {...rest}
-    >
-      {children}
-    </Center>
-  );
-}
-
-/**
- * @deprecated DEPRECATED
- */
-export function Row({
-  justifyContent,
-  alignItems,
-  children,
-  style,
-  ...rest
-}: {
-  alignItems: ViewStyleProp.alignItems;
-  justifyContent: ViewStyleProp.justifyContent;
-  children: React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}) {
-  return (
-    <View
-      style={[
-        style, // style goes first b/c we can't override these
-        {
-          alignItems,
-          flexDirection: "row",
-          justifyContent: justifyContent,
-        },
-      ]}
-      {...rest}
-    >
-      {children}
-    </View>
-  );
-}
-
-/**
- * @deprecated DEPRECATED
- */
-export function Spacer({
-  top = 8,
-  right = 8,
-  bottom = 8,
-  left = 8,
-  children,
-  style,
-  ...rest
-}: {
-  top?: number;
-  right?: number;
-  left?: number;
-  bottom?: number;
-  children: React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}) {
-  return (
-    <View
-      style={[
-        style,
-        {
-          paddingRight: right,
-          paddingTop: top,
-          paddingLeft: left,
-          paddingBottom: bottom,
-        },
-      ]}
-      {...rest}
-    >
-      {children}
-    </View>
-  );
-}
-
-/**
- * @deprecated DEPRECATED
- */
-export function Stack({
-  children,
-  justifyContent = "flex-start",
-  alignItems = "flex-start",
-  style,
-  ...rest
-}: {
-  justifyContent: ViewStyleProp.justifyContent;
-  alignItems: ViewStyleProp.alignItems;
-  children: React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}) {
-  return (
-    // style must go first since we don't want justifyContent, alignItems overridden
-    <View style={[style, { justifyContent, alignItems }]} {...rest}>
-      {children}
-    </View>
-  );
-}
+import * as React from "react";
+import { View, StyleProp, ViewStyle } from "react-native";
+// @ts-ignore
+import type { ViewStyleProp } from "react-native/Libraries/StyleSheet/StyleSheet";
+
+/**
+ * @deprecated DEPRECATED
+ */
+export function Center({
+  width = 240,
+  height = 200,
+  children,
+  bgColor,
+  style,
+  ...rest
+}: {
+  width: number;
+  height: number;
+  bgColor: string;
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}) {
+  return (
+    <View
+      style={[
+        {
+          justifyContent: "center",
+          alignItems: "center",
+          width,
+          height,
+          backgroundColor: bgColor,
+        },
+        style,
+      ]}
+      {...rest}
+    >
+      {children}
+    </View>
+  );
+}
+
+/**
+ * @deprecated DEPRECATED
+ */
+export function Circle({
+  size = 50,
+  bgColor,
+  children,
+  style,
+  ...rest
+}: {
+  size: number;
+  bgColor: string;
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}) {
+  const borderRadius = 1000;
+  return (
+    <Center
+      width={size}
+      height={size}
+      bgColor={bgColor}
+      style={[
+        style,
+        { backgroundColor: bgColor, borderRadius, overflow: "hidden" },
+      ]}
+      {...rest}
+    >
+      {children}
+    </Center>
+  );
+}
+
+/**
+ * @deprecated DEPRECATED
+ */
+export function Square({
+  size = 50,
+  bgColor,
+  children,
+  style,
+  ...rest
+}: {
+  size: number;
+  bgColor: string;
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}) {
+  return (
+    <Center
+      style={style}
+      width={size}
+      height={size}
+      bgColor={bgColor}
+      {...rest}
+    >
+      {children}
+    </Center>
+  );
+}
+
+/**
+ * @deprecated DEPRECATED
+ */
+export function Row({
+  justifyContent,
+  alignItems,
+  children,
+  style,
+  ...rest
+}: {
+  alignItems: ViewStyleProp.alignItems;
+  justifyContent: ViewStyleProp.justifyContent;
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}) {
+  return (
+    <View
+      style={[
+        style, // style goes first b/c we can't override these
+        {
+          alignItems,
+          flexDirection: "row",
+          justifyContent: justifyContent,
+        },
+      ]}
+      {...rest}
+    >
+      {children}
+    </View>
+  );
+}
+
+/**
+ * @deprecated DEPRECATED
+ */
+export function Spacer({
+  top = 8,
+  right = 8,
+  bottom = 8,
+  left = 8,
+  children,
+  style,
+  ...rest
+}: {
+  top?: number;
+  right?: number;
+  left?: number;
+  bottom?: number;
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}) {
+  return (
+    <View
+      style={[
+        style,
+        {
+          paddingRight: right,
+          paddingTop: top,
+          paddingLeft: left,
+          paddingBottom: bottom,
+        },
+      ]}
+      {...rest}
+    >
+      {children}
+    </View>
+  );
+}
+
+/**
+ * @deprecated DEPRECATED
+ */
+export function Stack({
+  children,
+  justifyContent = "flex-start",
+  alignItems = "flex-start",
+  style,
+  ...rest
+}: {
+  justifyContent: ViewStyleProp.justifyContent;
+  alignItems: ViewStyleProp.alignItems;
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}) {
+  return (
+    // style must go first since we don't want justifyContent, alignItems overridden
+    <View style={[style, { justifyContent, alignItems }]} {...rest}>
+      {children}
+    </View>
+  );
+}