@draftbit/core 46.10.2-eb07a0.2 → 46.10.2

package/lib/module/components/Text.js

@@ -1,56 +1,10 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 /*#__PURE__*/React.createElement(NativeText, {
-      ...rest,
-      ...this.state.nativeProps,
-      ref: c => {
-        this._root = c;
-      },
-      style: [{
-        textAlign: "left",
-        writingDirection
-      }, style]
-    });
-  }
-}
-export const BaseLink = _ref => {
-  let {
-    style,
-    theme,
-    title,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/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); as React from "react";
-import { Text as NativeText, I18nManager } from "react-native";
-import { withTheme } from "../theming";
 class Text extends React.Component {
   constructor() {
     super(...arguments);

package/lib/module/components/YoutubePlayer/YoutubePlayer.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { View } from "react-native";
+import { extractStyles } from "../../utilities";
+import YouTube from "react-youtube";
+const YoutubePlayer = _ref => {
+  let {
+    videoId,
+    playlist,
+    autoplay = false,
+    style
+  } = _ref;
+  const {
+    viewStyles
+  } = extractStyles(style);
+  const defaultVideoId = "nwMUpDESXrI";
+  const options = {
+    width: viewStyles.width,
+    height: viewStyles.height,
+    playerVars: {
+      autoplay: autoplay ? 1 : 0,
+      list: playlist,
+      listType: "playlist"
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: viewStyles
+  }, /*#__PURE__*/React.createElement(YouTube, {
+    videoId: !videoId && !playlist ? defaultVideoId : videoId,
+    opts: options
+  }));
+};
+export default YoutubePlayer;

package/lib/module/components/YoutubePlayer/YoutubePlayer.native.js

@@ -0,0 +1,24 @@
+import React from "react";
+import YoutubePlayerIFrame from "react-native-youtube-iframe";
+import { extractStyles } from "../../utilities";
+const YoutubePlayer = _ref => {
+  let {
+    videoId,
+    playlist,
+    autoplay = false,
+    style
+  } = _ref;
+  const {
+    viewStyles
+  } = extractStyles(style);
+  const defaultVideoId = "nwMUpDESXrI";
+  return /*#__PURE__*/React.createElement(YoutubePlayerIFrame, {
+    width: viewStyles.width,
+    height: viewStyles.height,
+    play: autoplay,
+    videoId: !videoId && !playlist ? defaultVideoId : videoId,
+    playList: playlist,
+    webViewStyle: viewStyles
+  });
+};
+export default YoutubePlayer;

package/lib/module/components/YoutubePlayer/YoutubePlayerProps.js

@@ -0,0 +1 @@
+export {};

package/lib/module/components/YoutubePlayer/index.js

@@ -0,0 +1 @@
+export { default as YoutubePlayer } from "./YoutubePlayer";

package/lib/module/index.js

@@ -36,13 +36,16 @@ export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
 export { TabView, TabViewItem } from "./components/TabView";
 export { default as Markdown } from "./components/Markdown";
 export { BottomSheet } from "./components/BottomSheet";
-export { default as YoutubePlayer } from "./components/YotubePlayer";
+export { YoutubePlayer } from "./components/YoutubePlayer";
 
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";
 export { default as ProgressBar } from "./components/ProgressBar";
 export { default as ProgressCircle } from "./components/ProgressCircle";
+export { default as RowBodyIcon } from "./components/RowBodyIcon";
+export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
+export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";

package/lib/module/mappings/YoutubePlayer.js

@@ -21,12 +21,6 @@ export const SEED_DATA = {
       description: "Playlist of the Youtube videos.",
       defaultValue: null
     }),
-    mute: createStaticBoolProp({
-      label: "Mute Audio",
-      description: "Mute the audio of the video.",
-      defaultValue: false,
-      required: false
-    }),
     autoplay: createStaticBoolProp({
       label: "Auto Play",
       description: "Autoplay the video on load.",

package/lib/typescript/src/components/Row.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from "react-native";
+import theme from "../styles/DefaultTheme";
+declare type Props = {
+    titleTypeStyle?: StyleProp<TextStyle>;
+    titleColor?: string;
+    subtitleTypeStyle?: StyleProp<TextStyle>;
+    subtitleColor?: string;
+    title?: string;
+    subtitle?: string;
+    multilineSubtitle?: boolean;
+    image?: string | ImageSourcePropType;
+    right?: () => React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    theme: typeof theme;
+};
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;
+//# sourceMappingURL=Row.d.ts.map

package/lib/typescript/src/components/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,mBAAmB,EAEnB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;;;;AAgFF,wBAA8B"}

package/lib/typescript/src/components/RowBodyIcon.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+import { StyleProp, ViewStyle } from "react-native";
+declare type Props = {
+    title?: string;
+    subtitle?: string;
+    icon: string;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;
+//# sourceMappingURL=RowBodyIcon.d.ts.map

package/lib/typescript/src/components/RowBodyIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowBodyIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/RowBodyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA+Bb,wBAAsC"}

package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
+import theme from "../styles/DefaultTheme";
+declare type Props = {
+    title?: string;
+    subtitle?: string;
+    caption?: string;
+    image: string | ImageSourcePropType;
+    style?: StyleProp<ViewStyle>;
+    theme: typeof theme;
+};
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;
+//# sourceMappingURL=RowHeadlineImageCaption.d.ts.map

package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeadlineImageCaption.d.ts","sourceRoot":"","sources":["../../../../src/components/RowHeadlineImageCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;;;;AAmCF,wBAAkD"}

package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
+declare type Props = {
+    title?: string;
+    image: string | ImageSourcePropType;
+    subtitle?: string;
+    multilineSubtitle?: boolean;
+    icon: string;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;
+//# sourceMappingURL=RowHeadlineImageIcon.d.ts.map

package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeadlineImageIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/RowHeadlineImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA2Cb,wBAA+C"}

package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { YoutubePlayerProps } from "./YoutubePlayerProps";
+declare const YoutubePlayer: React.FC<YoutubePlayerProps>;
+export default YoutubePlayer;
+//# sourceMappingURL=YoutubePlayer.d.ts.map

package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubePlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/YoutubePlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2B/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.native.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { YoutubePlayerProps } from "./YoutubePlayerProps";
+declare const YoutubePlayer: React.FC<YoutubePlayerProps>;
+export default YoutubePlayer;
+//# sourceMappingURL=YoutubePlayer.native.d.ts.map

package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubePlayer.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/YoutubePlayer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmB/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/components/YoutubePlayer/YoutubePlayerProps.d.ts

@@ -0,0 +1,8 @@
+import { StyleProp, ViewStyle } from "react-native";
+export interface YoutubePlayerProps {
+    videoId?: string;
+    playlist?: string;
+    autoplay?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=YoutubePlayerProps.d.ts.map

package/lib/typescript/src/components/YoutubePlayer/YoutubePlayerProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubePlayerProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/YoutubePlayerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}

package/lib/typescript/src/components/YoutubePlayer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as YoutubePlayer } from "./YoutubePlayer";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/YoutubePlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -36,11 +36,14 @@ export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
 export { TabView, TabViewItem } from "./components/TabView";
 export { default as Markdown } from "./components/Markdown";
 export { BottomSheet } from "./components/BottomSheet";
-export { default as YoutubePlayer } from "./components/YotubePlayer";
+export { YoutubePlayer } from "./components/YoutubePlayer";
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";
 export { default as ProgressBar } from "./components/ProgressBar";
 export { default as ProgressCircle } from "./components/ProgressCircle";
+export { default as RowBodyIcon } from "./components/RowBodyIcon";
+export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
+export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/mappings/YoutubePlayer.d.ts

@@ -12,16 +12,6 @@ export declare const SEED_DATA: {
     props: {
         videoId: any;
         playlist: any;
-        mute: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
         autoplay: {
             label: string;
             description: string;

package/lib/typescript/src/mappings/YoutubePlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YoutubePlayer.d.ts","sourceRoot":"","sources":["../../../../src/mappings/YoutubePlayer.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCrB,CAAC"}
+{"version":3,"file":"YoutubePlayer.d.ts","sourceRoot":"","sources":["../../../../src/mappings/YoutubePlayer.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.10.2-eb07a0.2+eb07a09",
+  "version": "46.10.2",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.10.2-eb07a0.2+eb07a09",
+    "@draftbit/types": "46.10.2",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -64,7 +64,8 @@
     "react-native-tab-view": "^3.4.0",
     "react-native-typography": "^1.4.1",
     "react-native-web-swiper": "^2.2.3",
-    "react-native-youtube-iframe": "^2.2.2"
+    "react-native-youtube-iframe": "^2.2.2",
+    "react-youtube": "^10.1.0"
   },
   "devDependencies": {
     "@types/color": "^3.0.1",
@@ -99,5 +100,5 @@
       ]
     ]
   },
-  "gitHead": "eb07a09ea939c7b77b50db377521e66deded8fdf"
+  "gitHead": "b336ce6c6267da9c8655729f223ae9c5bce42fb7"
 }

package/src/components/Row.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { View, Text, Image, StyleSheet, } from "react-native";
+import { withTheme } from "../theming";
+import Config from "./Config";
+const Row = ({ titleTypeStyle, titleColor, subtitleTypeStyle, subtitleColor, title, subtitle, multilineSubtitle, image, right, style, }) => {
+    return (React.createElement(View, { style: [styles.container, { padding: 16 }, style] },
+        React.createElement(View, { style: styles.leftContainer },
+            image && (React.createElement(Image, { source: typeof image === "string" ? { uri: image } : image, style: {
+                    marginRight: 12,
+                    width: subtitle
+                        ? Config.rowMultiLineImageSize
+                        : Config.rowSingleLineImageSize,
+                    height: subtitle
+                        ? Config.rowMultiLineImageSize
+                        : Config.rowSingleLineImageSize,
+                } })),
+            React.createElement(View, { style: styles.textContainer },
+                React.createElement(Text, { style: [
+                        titleTypeStyle,
+                        {
+                            color: titleColor,
+                        },
+                    ], numberOfLines: 1 }, title),
+                subtitle ? (React.createElement(Text, { style: [
+                        subtitleTypeStyle,
+                        {
+                            color: subtitleColor,
+                            marginTop: 4,
+                        },
+                    ], numberOfLines: multilineSubtitle ? undefined : 1 }, subtitle)) : null)),
+        right && right()));
+};
+const styles = StyleSheet.create({
+    leftContainer: {
+        flexDirection: "row",
+        flex: 1,
+    },
+    container: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    textContainer: {
+        flex: 1,
+        justifyContent: "center",
+    },
+});
+export default withTheme(Row);

package/src/components/Row.tsx

@@ -0,0 +1,108 @@
+import * as React from "react";
+import {
+  View,
+  Text,
+  Image,
+  ImageSourcePropType,
+  StyleSheet,
+  StyleProp,
+  TextStyle,
+  ViewStyle,
+} from "react-native";
+import { withTheme } from "../theming";
+import Config from "./Config";
+import theme from "../styles/DefaultTheme";
+
+type Props = {
+  titleTypeStyle?: StyleProp<TextStyle>;
+  titleColor?: string;
+  subtitleTypeStyle?: StyleProp<TextStyle>;
+  subtitleColor?: string;
+  title?: string;
+  subtitle?: string;
+  multilineSubtitle?: boolean;
+  image?: string | ImageSourcePropType;
+  right?: () => React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  theme: typeof theme;
+};
+
+const Row: React.FC<React.PropsWithChildren<Props>> = ({
+  titleTypeStyle,
+  titleColor,
+  subtitleTypeStyle,
+  subtitleColor,
+  title,
+  subtitle,
+  multilineSubtitle,
+  image,
+  right,
+  style,
+}) => {
+  return (
+    <View style={[styles.container, { padding: 16 }, style]}>
+      <View style={styles.leftContainer}>
+        {image && (
+          <Image
+            source={typeof image === "string" ? { uri: image } : image}
+            style={{
+              marginRight: 12,
+              width: subtitle
+                ? Config.rowMultiLineImageSize
+                : Config.rowSingleLineImageSize,
+              height: subtitle
+                ? Config.rowMultiLineImageSize
+                : Config.rowSingleLineImageSize,
+            }}
+          />
+        )}
+        <View style={styles.textContainer}>
+          <Text
+            style={[
+              titleTypeStyle,
+              {
+                color: titleColor,
+              },
+            ]}
+            numberOfLines={1}
+          >
+            {title}
+          </Text>
+          {subtitle ? (
+            <Text
+              style={[
+                subtitleTypeStyle,
+                {
+                  color: subtitleColor,
+                  marginTop: 4,
+                },
+              ]}
+              numberOfLines={multilineSubtitle ? undefined : 1}
+            >
+              {subtitle}
+            </Text>
+          ) : null}
+        </View>
+      </View>
+      {right && right()}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  leftContainer: {
+    flexDirection: "row",
+    flex: 1,
+  },
+  container: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+  textContainer: {
+    flex: 1,
+    justifyContent: "center",
+  },
+});
+
+export default withTheme(Row);

package/src/components/RowBodyIcon.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { withTheme } from "../theming";
+import Row from "./Row";
+import Config from "./Config";
+const RowBodyIcon = ({ Icon, title, subtitle, icon, style, theme: { colors, typography }, }) => {
+    return (React.createElement(Row, { titleTypeStyle: typography.body1, titleColor: colors.medium, subtitleTypeStyle: typography.subtitle2, subtitleColor: colors.light, title: title, subtitle: subtitle, right: () => (React.createElement(Icon, { name: icon, size: Config.rowSingleLineIconSize, color: colors.light, style: { marginLeft: 16 } })), style: style }));
+};
+export default withTheme(RowBodyIcon);

package/src/components/RowBodyIcon.tsx

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+
+import Row from "./Row";
+import Config from "./Config";
+import { StyleProp, ViewStyle } from "react-native";
+
+type Props = {
+  title?: string;
+  subtitle?: string;
+  icon: string;
+  style?: StyleProp<ViewStyle>;
+  theme: Theme;
+} & IconSlot;
+
+const RowBodyIcon: React.FC<React.PropsWithChildren<Props>> = ({
+  Icon,
+  title,
+  subtitle,
+  icon,
+  style,
+  theme: { colors, typography },
+}) => {
+  return (
+    <Row
+      titleTypeStyle={typography.body1}
+      titleColor={colors.medium}
+      subtitleTypeStyle={typography.subtitle2}
+      subtitleColor={colors.light}
+      title={title}
+      subtitle={subtitle}
+      right={() => (
+        <Icon
+          name={icon}
+          size={Config.rowSingleLineIconSize}
+          color={colors.light}
+          style={{ marginLeft: 16 }}
+        />
+      )}
+      style={style}
+    />
+  );
+};
+
+export default withTheme(RowBodyIcon);

package/src/components/RowHeadlineImageCaption.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Text } from "react-native";
+import { withTheme } from "../theming";
+import Row from "./Row";
+const RowHeadlineImageCaption = ({ title, subtitle, caption, image, style, theme: { colors, typography }, }) => {
+    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, image: image, right: () => (React.createElement(Text, { style: {
+                ...typography.caption,
+                color: colors.strong,
+                marginLeft: 16,
+            } }, caption)), style: style }));
+};
+export default withTheme(RowHeadlineImageCaption);