@draftbit/core 48.5.6 → 48.5.7-26899.2

package/src/components/Table/TableCell.tsx

@@ -1,69 +1,69 @@
-import React from "react";
-import { View, StyleProp, ViewStyle, StyleSheet } from "react-native";
-import {
-  generateBorderStyles,
-  TableProps,
-  TableStyleContext,
-} from "./TableCommon";
-import Pressable from "../Pressable";
-
-export interface Props extends TableProps {
-  onPress?: () => void;
-  style?: StyleProp<ViewStyle>;
-}
-
-const TableCell: React.FC<React.PropsWithChildren<Props>> = ({
-  borderWidth,
-  borderColor,
-  borderStyle,
-  drawTopBorder = false,
-  drawBottomBorder = false,
-  drawStartBorder = false,
-  drawEndBorder = true,
-  cellVerticalPadding,
-  cellHorizontalPadding,
-  children,
-  onPress,
-  style,
-}) => {
-  const parentContextValue = React.useContext(TableStyleContext);
-
-  const borderViewStyle = generateBorderStyles({
-    borderColor: borderColor || parentContextValue.borderColor,
-    borderWidth: borderWidth || parentContextValue.borderWidth,
-    borderStyle: borderStyle || parentContextValue.borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder,
-  });
-
-  const ContainerComponent = onPress ? Pressable : View;
-  return (
-    <ContainerComponent
-      onPress={onPress}
-      style={[
-        styles.cellContainer,
-        borderViewStyle,
-        {
-          paddingVertical:
-            cellVerticalPadding || parentContextValue.cellVerticalPadding,
-          paddingHorizontal:
-            cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
-        },
-        style,
-      ]}
-    >
-      {children}
-    </ContainerComponent>
-  );
-};
-
-const styles = StyleSheet.create({
-  cellContainer: {
-    flex: 1,
-    flexDirection: "row",
-  },
-});
-
-export default TableCell;
+import React from "react";
+import { View, StyleProp, ViewStyle, StyleSheet } from "react-native";
+import {
+  generateBorderStyles,
+  TableProps,
+  TableStyleContext,
+} from "./TableCommon";
+import Pressable from "../Pressable";
+
+export interface Props extends TableProps {
+  onPress?: () => void;
+  style?: StyleProp<ViewStyle>;
+}
+
+const TableCell: React.FC<React.PropsWithChildren<Props>> = ({
+  borderWidth,
+  borderColor,
+  borderStyle,
+  drawTopBorder = false,
+  drawBottomBorder = false,
+  drawStartBorder = false,
+  drawEndBorder = true,
+  cellVerticalPadding,
+  cellHorizontalPadding,
+  children,
+  onPress,
+  style,
+}) => {
+  const parentContextValue = React.useContext(TableStyleContext);
+
+  const borderViewStyle = generateBorderStyles({
+    borderColor: borderColor || parentContextValue.borderColor,
+    borderWidth: borderWidth || parentContextValue.borderWidth,
+    borderStyle: borderStyle || parentContextValue.borderStyle,
+    drawTopBorder,
+    drawBottomBorder,
+    drawStartBorder,
+    drawEndBorder,
+  });
+
+  const ContainerComponent = onPress ? Pressable : View;
+  return (
+    <ContainerComponent
+      onPress={onPress}
+      style={[
+        styles.cellContainer,
+        borderViewStyle,
+        {
+          paddingVertical:
+            cellVerticalPadding || parentContextValue.cellVerticalPadding,
+          paddingHorizontal:
+            cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
+        },
+        style,
+      ]}
+    >
+      {children}
+    </ContainerComponent>
+  );
+};
+
+const styles = StyleSheet.create({
+  cellContainer: {
+    flex: 1,
+    flexDirection: "row",
+  },
+});
+
+export default TableCell;

package/src/components/Table/TableCommon.js

@@ -0,0 +1,13 @@
+import React from "react";
+export const TableStyleContext = React.createContext({});
+export function generateBorderStyles({ borderColor, borderWidth, borderStyle, drawTopBorder, drawBottomBorder, drawStartBorder, drawEndBorder, }) {
+    return {
+        borderColor,
+        borderStyle,
+        borderTopWidth: drawTopBorder ? borderWidth : 0,
+        borderBottomWidth: drawBottomBorder ? borderWidth : 0,
+        borderStartWidth: drawStartBorder ? borderWidth : 0,
+        borderEndWidth: drawEndBorder ? borderWidth : 0,
+    };
+}
+//# sourceMappingURL=TableCommon.js.map

package/src/components/Table/TableCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCommon.js","sourceRoot":"","sources":["TableCommon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAkB,EAAE,CAAC,CAAC;AAiB1E,MAAM,UAAU,oBAAoB,CAAC,EACnC,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,aAAa,GACF;IACX,OAAO;QACL,WAAW;QACX,WAAW;QACX,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAC/C,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACrD,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACnD,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;KAChD,CAAC;AACJ,CAAC"}

package/src/components/Table/TableCommon.ts

@@ -1,40 +1,40 @@
-import React from "react";
-import { ViewStyle } from "react-native";
-
-type BorderStyle = "solid" | "dotted" | "dashed";
-
-export const TableStyleContext = React.createContext<TableStyleProps>({});
-
-export interface TableStyleProps {
-  borderWidth?: number;
-  borderColor?: string;
-  borderStyle?: BorderStyle;
-  cellVerticalPadding?: number;
-  cellHorizontalPadding?: number;
-}
-
-export interface TableProps extends TableStyleProps {
-  drawTopBorder?: boolean;
-  drawBottomBorder?: boolean;
-  drawStartBorder?: boolean;
-  drawEndBorder?: boolean;
-}
-
-export function generateBorderStyles({
-  borderColor,
-  borderWidth,
-  borderStyle,
-  drawTopBorder,
-  drawBottomBorder,
-  drawStartBorder,
-  drawEndBorder,
-}: TableProps): ViewStyle {
-  return {
-    borderColor,
-    borderStyle,
-    borderTopWidth: drawTopBorder ? borderWidth : 0,
-    borderBottomWidth: drawBottomBorder ? borderWidth : 0,
-    borderStartWidth: drawStartBorder ? borderWidth : 0,
-    borderEndWidth: drawEndBorder ? borderWidth : 0,
-  };
-}
+import React from "react";
+import { ViewStyle } from "react-native";
+
+type BorderStyle = "solid" | "dotted" | "dashed";
+
+export const TableStyleContext = React.createContext<TableStyleProps>({});
+
+export interface TableStyleProps {
+  borderWidth?: number;
+  borderColor?: string;
+  borderStyle?: BorderStyle;
+  cellVerticalPadding?: number;
+  cellHorizontalPadding?: number;
+}
+
+export interface TableProps extends TableStyleProps {
+  drawTopBorder?: boolean;
+  drawBottomBorder?: boolean;
+  drawStartBorder?: boolean;
+  drawEndBorder?: boolean;
+}
+
+export function generateBorderStyles({
+  borderColor,
+  borderWidth,
+  borderStyle,
+  drawTopBorder,
+  drawBottomBorder,
+  drawStartBorder,
+  drawEndBorder,
+}: TableProps): ViewStyle {
+  return {
+    borderColor,
+    borderStyle,
+    borderTopWidth: drawTopBorder ? borderWidth : 0,
+    borderBottomWidth: drawBottomBorder ? borderWidth : 0,
+    borderStartWidth: drawStartBorder ? borderWidth : 0,
+    borderEndWidth: drawEndBorder ? borderWidth : 0,
+  };
+}

package/src/components/Table/TableRow.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { generateBorderStyles, TableStyleContext, } from "./TableCommon";
+import { withTheme } from "../../theming";
+import Pressable from "../Pressable";
+const TableRow = ({ borderWidth, borderColor, borderStyle, drawTopBorder = false, drawBottomBorder = true, drawStartBorder = true, drawEndBorder = false, cellVerticalPadding, cellHorizontalPadding, isTableHeader = false, children, onPress, style, theme, }) => {
+    const parentContextValue = React.useContext(TableStyleContext);
+    //Create context to use and pass to children based on own props or fall back to parent provided context
+    const contextValue = {
+        borderColor: borderColor || parentContextValue.borderColor,
+        borderStyle: borderStyle || parentContextValue.borderStyle,
+        borderWidth: borderWidth || parentContextValue.borderWidth,
+        cellHorizontalPadding: cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
+        cellVerticalPadding: cellVerticalPadding || parentContextValue.cellVerticalPadding,
+    };
+    const borderViewStyle = generateBorderStyles({
+        borderColor: contextValue.borderColor,
+        borderWidth: contextValue.borderWidth,
+        borderStyle: contextValue.borderStyle,
+        drawTopBorder,
+        drawBottomBorder,
+        drawStartBorder,
+        drawEndBorder,
+    });
+    const ContainerComponent = onPress ? Pressable : View;
+    return (React.createElement(TableStyleContext.Provider, { value: contextValue },
+        React.createElement(ContainerComponent, { onPress: onPress, style: [
+                borderViewStyle,
+                isTableHeader ? { backgroundColor: theme.colors.primary } : {},
+                style,
+                styles.cellsContainer,
+            ] }, children)));
+};
+const styles = StyleSheet.create({
+    cellsContainer: {
+        flexDirection: "row",
+    },
+});
+export default withTheme(TableRow);
+//# sourceMappingURL=TableRow.js.map

package/src/components/Table/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EACL,oBAAoB,EAEpB,iBAAiB,GAElB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,SAAS,MAAM,cAAc,CAAC;AASrC,MAAM,QAAQ,GAA6C,CAAC,EAC1D,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,GAAG,KAAK,EACrB,gBAAgB,GAAG,IAAI,EACvB,eAAe,GAAG,IAAI,EACtB,aAAa,GAAG,KAAK,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,GACN,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE/D,uGAAuG;IACvG,MAAM,YAAY,GAAoB;QACpC,WAAW,EAAE,WAAW,IAAI,kBAAkB,CAAC,WAAW;QAC1D,WAAW,EAAE,WAAW,IAAI,kBAAkB,CAAC,WAAW;QAC1D,WAAW,EAAE,WAAW,IAAI,kBAAkB,CAAC,WAAW;QAC1D,qBAAqB,EACnB,qBAAqB,IAAI,kBAAkB,CAAC,qBAAqB;QACnE,mBAAmB,EACjB,mBAAmB,IAAI,kBAAkB,CAAC,mBAAmB;KAChE,CAAC;IAEF,MAAM,eAAe,GAAG,oBAAoB,CAAC;QAC3C,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,aAAa;QACb,gBAAgB;QAChB,eAAe;QACf,aAAa;KACd,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QAC7C,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;gBACL,eAAe;gBACf,aAAa,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE;gBAC9D,KAAK;gBACL,MAAM,CAAC,cAAc;aACtB,IAEA,QAAQ,CACU,CACM,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,cAAc,EAAE;QACd,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,QAAQ,CAAC,CAAC"}

package/src/components/Table/TableRow.tsx

@@ -1,83 +1,83 @@
-import React from "react";
-import { View, StyleProp, ViewStyle, StyleSheet } from "react-native";
-import {
-  generateBorderStyles,
-  TableProps,
-  TableStyleContext,
-  TableStyleProps,
-} from "./TableCommon";
-import { Theme } from "../../styles/DefaultTheme";
-import { withTheme } from "../../theming";
-import Pressable from "../Pressable";
-
-export interface Props extends TableProps {
-  onPress?: () => void;
-  isTableHeader?: boolean;
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-}
-
-const TableRow: React.FC<React.PropsWithChildren<Props>> = ({
-  borderWidth,
-  borderColor,
-  borderStyle,
-  drawTopBorder = false,
-  drawBottomBorder = true,
-  drawStartBorder = true,
-  drawEndBorder = false,
-  cellVerticalPadding,
-  cellHorizontalPadding,
-  isTableHeader = false,
-  children,
-  onPress,
-  style,
-  theme,
-}) => {
-  const parentContextValue = React.useContext(TableStyleContext);
-
-  //Create context to use and pass to children based on own props or fall back to parent provided context
-  const contextValue: TableStyleProps = {
-    borderColor: borderColor || parentContextValue.borderColor,
-    borderStyle: borderStyle || parentContextValue.borderStyle,
-    borderWidth: borderWidth || parentContextValue.borderWidth,
-    cellHorizontalPadding:
-      cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
-    cellVerticalPadding:
-      cellVerticalPadding || parentContextValue.cellVerticalPadding,
-  };
-
-  const borderViewStyle = generateBorderStyles({
-    borderColor: contextValue.borderColor,
-    borderWidth: contextValue.borderWidth,
-    borderStyle: contextValue.borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder,
-  });
-
-  const ContainerComponent = onPress ? Pressable : View;
-  return (
-    <TableStyleContext.Provider value={contextValue}>
-      <ContainerComponent
-        onPress={onPress}
-        style={[
-          borderViewStyle,
-          isTableHeader ? { backgroundColor: theme.colors.primary } : {},
-          style,
-          styles.cellsContainer,
-        ]}
-      >
-        {children}
-      </ContainerComponent>
-    </TableStyleContext.Provider>
-  );
-};
-
-const styles = StyleSheet.create({
-  cellsContainer: {
-    flexDirection: "row",
-  },
-});
-
-export default withTheme(TableRow);
+import React from "react";
+import { View, StyleProp, ViewStyle, StyleSheet } from "react-native";
+import {
+  generateBorderStyles,
+  TableProps,
+  TableStyleContext,
+  TableStyleProps,
+} from "./TableCommon";
+import { Theme } from "../../styles/DefaultTheme";
+import { withTheme } from "../../theming";
+import Pressable from "../Pressable";
+
+export interface Props extends TableProps {
+  onPress?: () => void;
+  isTableHeader?: boolean;
+  style?: StyleProp<ViewStyle>;
+  theme: Theme;
+}
+
+const TableRow: React.FC<React.PropsWithChildren<Props>> = ({
+  borderWidth,
+  borderColor,
+  borderStyle,
+  drawTopBorder = false,
+  drawBottomBorder = true,
+  drawStartBorder = true,
+  drawEndBorder = false,
+  cellVerticalPadding,
+  cellHorizontalPadding,
+  isTableHeader = false,
+  children,
+  onPress,
+  style,
+  theme,
+}) => {
+  const parentContextValue = React.useContext(TableStyleContext);
+
+  //Create context to use and pass to children based on own props or fall back to parent provided context
+  const contextValue: TableStyleProps = {
+    borderColor: borderColor || parentContextValue.borderColor,
+    borderStyle: borderStyle || parentContextValue.borderStyle,
+    borderWidth: borderWidth || parentContextValue.borderWidth,
+    cellHorizontalPadding:
+      cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
+    cellVerticalPadding:
+      cellVerticalPadding || parentContextValue.cellVerticalPadding,
+  };
+
+  const borderViewStyle = generateBorderStyles({
+    borderColor: contextValue.borderColor,
+    borderWidth: contextValue.borderWidth,
+    borderStyle: contextValue.borderStyle,
+    drawTopBorder,
+    drawBottomBorder,
+    drawStartBorder,
+    drawEndBorder,
+  });
+
+  const ContainerComponent = onPress ? Pressable : View;
+  return (
+    <TableStyleContext.Provider value={contextValue}>
+      <ContainerComponent
+        onPress={onPress}
+        style={[
+          borderViewStyle,
+          isTableHeader ? { backgroundColor: theme.colors.primary } : {},
+          style,
+          styles.cellsContainer,
+        ]}
+      >
+        {children}
+      </ContainerComponent>
+    </TableStyleContext.Provider>
+  );
+};
+
+const styles = StyleSheet.create({
+  cellsContainer: {
+    flexDirection: "row",
+  },
+});
+
+export default withTheme(TableRow);

package/src/components/Table/index.js

@@ -0,0 +1,4 @@
+export { default as Table } from "./Table";
+export { default as TableRow } from "./TableRow";
+export { default as TableCell } from "./TableCell";
+//# sourceMappingURL=index.js.map

package/src/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/src/components/Table/index.tsx

@@ -1,3 +1,3 @@
-export { default as Table } from "./Table";
-export { default as TableRow } from "./TableRow";
-export { default as TableCell } from "./TableCell";
+export { default as Table } from "./Table";
+export { default as TableRow } from "./TableRow";
+export { default as TableCell } from "./TableCell";

package/src/components/Text.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { Text as NativeText, I18nManager } from "react-native";
+import { withTheme } from "../theming";
+class Text extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            nativeProps: {},
+        };
+    }
+    setNativeProps(args) {
+        this.state.nativeProps = args || {};
+    }
+    render() {
+        const { style, ...rest } = this.props;
+        const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
+        return (React.createElement(NativeText, { ...rest, ...this.state.nativeProps, ref: (c) => {
+                this._root = c;
+            }, style: [
+                {
+                    textAlign: "left",
+                    writingDirection,
+                },
+                style,
+            ] }));
+    }
+}
+export const BaseLink = ({ style, theme, title, ...props }) => {
+    return (React.createElement(Text, { hitSlop: 8, style: [{ color: theme.colors.primary }, style], theme: theme, ...props }, title));
+};
+const Link = withTheme(BaseLink);
+export { Link };
+export default withTheme(Text);
+//# sourceMappingURL=Text.js.map

package/src/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,WAAW,EAAa,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAOvC,MAAM,IAAK,SAAQ,KAAK,CAAC,SAAgB;IAAzC;;QAGE,UAAK,GAAQ;YACX,WAAW,EAAE,EAAE;SAChB,CAAC;IA2BJ,CAAC;IAzBC,cAAc,CAAC,IAAe;QAC5B,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC;IACtC,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QAE3D,OAAO,CACL,oBAAC,UAAU,OACL,IAAI,KACJ,IAAI,CAAC,KAAK,CAAC,WAAW,EAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE;gBACT,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;YACjB,CAAC,EACD,KAAK,EAAE;gBACL;oBACE,SAAS,EAAE,MAAM;oBACjB,gBAAgB;iBACjB;gBACD,KAAK;aACN,GACD,CACH,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACJ,EAAe,EAAE;IACrB,OAAO,CACL,oBAAC,IAAI,IACH,OAAO,EAAE,CAAC,EACV,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,EAC/C,KAAK,EAAE,KAAK,KACR,KAAK,IAER,KAAK,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAQ,SAAS,CAAC,QAAQ,CAAC,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,CAAC;AAEhB,eAAe,SAAS,CAAC,IAAI,CAAC,CAAC"}

package/src/components/Text.tsx

@@ -1,65 +1,65 @@
-import * as React from "react";
-import { Text as NativeText, I18nManager, TextProps } from "react-native";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
-
-type Props = {
-  theme: Theme;
-} & TextProps;
-
-class Text extends React.Component<Props> {
-  _root: any;
-
-  state: any = {
-    nativeProps: {},
-  };
-
-  setNativeProps(args: TextProps) {
-    this.state.nativeProps = args || {};
-  }
-
-  render() {
-    const { style, ...rest } = this.props;
-    const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
-
-    return (
-      <NativeText
-        {...rest}
-        {...this.state.nativeProps}
-        ref={(c) => {
-          this._root = c;
-        }}
-        style={[
-          {
-            textAlign: "left",
-            writingDirection,
-          },
-          style,
-        ]}
-      />
-    );
-  }
-}
-
-export const BaseLink = ({
-  style,
-  theme,
-  title,
-  ...props
-}: any): JSX.Element => {
-  return (
-    <Text
-      hitSlop={8}
-      style={[{ color: theme.colors.primary }, style]}
-      theme={theme}
-      {...props}
-    >
-      {title}
-    </Text>
-  );
-};
-
-const Link: any = withTheme(BaseLink);
-export { Link };
-
-export default withTheme(Text);
+import * as React from "react";
+import { Text as NativeText, I18nManager, TextProps } from "react-native";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
+
+type Props = {
+  theme: Theme;
+} & TextProps;
+
+class Text extends React.Component<Props> {
+  _root: any;
+
+  state: any = {
+    nativeProps: {},
+  };
+
+  setNativeProps(args: TextProps) {
+    this.state.nativeProps = args || {};
+  }
+
+  render() {
+    const { style, ...rest } = this.props;
+    const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
+
+    return (
+      <NativeText
+        {...rest}
+        {...this.state.nativeProps}
+        ref={(c) => {
+          this._root = c;
+        }}
+        style={[
+          {
+            textAlign: "left",
+            writingDirection,
+          },
+          style,
+        ]}
+      />
+    );
+  }
+}
+
+export const BaseLink = ({
+  style,
+  theme,
+  title,
+  ...props
+}: any): JSX.Element => {
+  return (
+    <Text
+      hitSlop={8}
+      style={[{ color: theme.colors.primary }, style]}
+      theme={theme}
+      {...props}
+    >
+      {title}
+    </Text>
+  );
+};
+
+const Link: any = withTheme(BaseLink);
+export { Link };
+
+export default withTheme(Text);