@draftbit/core 43.2.3-0b9a7a.0 → 43.2.3-0f04d4.0

package/lib/module/components/TabView/TabView.js

@@ -0,0 +1,80 @@
+import * as React from "react";
+import { Animated, View, TouchableOpacity, StyleSheet } from "react-native";
+import { TabView, SceneMap } from "react-native-tab-view";
+import Constants from "expo-constants";
+import TabViewItem from "./TabViewItem";
+export default (_ref => {
+  let {
+    children
+  } = _ref;
+  const [index, setIndex] = React.useState(0);
+  const [routes, setRoutes] = React.useState([]);
+  const [tabScenes, setTabScenes] = React.useState({});
+  React.useEffect(() => {
+    const newRoutes = [];
+    const scenes = {};
+    React.Children.toArray(children).filter(child => child.type === TabViewItem).forEach(child => {
+      var _child$props;
+
+      if (child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.id) {
+        var _child$props2, _child$props3, _child$props4;
+
+        newRoutes.push({
+          key: child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.id,
+          title: child === null || child === void 0 ? void 0 : (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.title
+        });
+
+        scenes[child === null || child === void 0 ? void 0 : (_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.id] = () => child;
+      }
+    });
+    setRoutes(newRoutes);
+    setTabScenes(scenes);
+  }, [children]);
+
+  const _handleIndexChange = i => setIndex(i);
+
+  const _renderTabBar = props => {
+    const inputRange = props.navigationState.routes.map((__, i) => i);
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.tabBar
+    }, props.navigationState.routes.map((route, i) => {
+      const opacity = props.position.interpolate({
+        inputRange,
+        outputRange: inputRange.map(inputIndex => inputIndex === i ? 1 : 0.5)
+      });
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        style: styles.tabItem,
+        onPress: () => setIndex(i)
+      }, /*#__PURE__*/React.createElement(Animated.Text, {
+        style: {
+          opacity
+        }
+      }, route.title));
+    }));
+  };
+
+  return /*#__PURE__*/React.createElement(TabView, {
+    navigationState: {
+      index,
+      routes
+    },
+    renderScene: SceneMap(tabScenes),
+    renderTabBar: _renderTabBar,
+    onIndexChange: _handleIndexChange
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  tabBar: {
+    flexDirection: "row",
+    paddingTop: Constants.statusBarHeight
+  },
+  tabItem: {
+    flex: 1,
+    alignItems: "center",
+    padding: 16
+  }
+});
+//# sourceMappingURL=TabView.js.map

package/lib/module/components/TabView/TabView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TabView.tsx"],"names":["React","Animated","View","TouchableOpacity","StyleSheet","TabView","SceneMap","Constants","TabViewItem","children","index","setIndex","useState","routes","setRoutes","tabScenes","setTabScenes","useEffect","newRoutes","scenes","Children","toArray","filter","child","type","forEach","props","id","push","key","title","_handleIndexChange","i","_renderTabBar","inputRange","navigationState","map","__","styles","tabBar","route","opacity","position","interpolate","outputRange","inputIndex","tabItem","create","container","flex","flexDirection","paddingTop","statusBarHeight","alignItems","padding"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Animated, View, TouchableOpacity, StyleSheet } from \"react-native\";\nimport { TabView, SceneMap } from \"react-native-tab-view\";\nimport Constants from \"expo-constants\";\n\nimport TabViewItem from \"./TabViewItem\";\n\ninterface TabViewProps {\n  children: React.ReactNode;\n}\n\nexport default ({ children }: TabViewProps) => {\n  const [index, setIndex] = React.useState(0);\n  const [routes, setRoutes] = React.useState([]);\n  const [tabScenes, setTabScenes] = React.useState({});\n\n  React.useEffect(() => {\n    const newRoutes: any = [];\n    const scenes: any = {};\n\n    React.Children.toArray(children)\n      .filter((child: any) => child.type === TabViewItem)\n      .forEach((child: any) => {\n        if (child?.props?.id) {\n          newRoutes.push({\n            key: child?.props?.id,\n            title: child?.props?.title,\n          });\n          scenes[child?.props?.id] = () => child;\n        }\n      });\n\n    setRoutes(newRoutes);\n    setTabScenes(scenes);\n  }, [children]);\n\n  const _handleIndexChange = (i: any) => setIndex(i);\n\n  const _renderTabBar = (props: any) => {\n    const inputRange = props.navigationState.routes.map(\n      (__: any, i: number) => i\n    );\n\n    return (\n      <View style={styles.tabBar}>\n        {props.navigationState.routes.map((route: any, i: number) => {\n          const opacity = props.position.interpolate({\n            inputRange,\n            outputRange: inputRange.map((inputIndex: any) =>\n              inputIndex === i ? 1 : 0.5\n            ),\n          });\n\n          return (\n            <TouchableOpacity\n              style={styles.tabItem}\n              onPress={() => setIndex(i)}\n            >\n              <Animated.Text style={{ opacity }}>{route.title}</Animated.Text>\n            </TouchableOpacity>\n          );\n        })}\n      </View>\n    );\n  };\n\n  return (\n    <TabView\n      navigationState={{ index, routes }}\n      renderScene={SceneMap(tabScenes)}\n      renderTabBar={_renderTabBar}\n      onIndexChange={_handleIndexChange}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  tabBar: {\n    flexDirection: \"row\",\n    paddingTop: Constants.statusBarHeight,\n  },\n  tabItem: {\n    flex: 1,\n    alignItems: \"center\",\n    padding: 16,\n  },\n});\n"]}

package/lib/module/components/TabView/TabViewItem.js

@@ -0,0 +1,15 @@
+const TabViewItem = _ref => {
+  let {
+    title,
+    id,
+    children
+  } = _ref;
+  console.log({
+    title,
+    id
+  });
+  return children;
+};
+
+export default TabViewItem;
+//# sourceMappingURL=TabViewItem.js.map

package/lib/module/components/TabView/TabViewItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TabViewItem.tsx"],"names":["TabViewItem","title","id","children","console","log"],"mappings":"AAOA,MAAMA,WAAW,GAAG,QAA+C;AAAA,MAA9C;AAAEC,IAAAA,KAAF;AAASC,IAAAA,EAAT;AAAaC,IAAAA;AAAb,GAA8C;AACjEC,EAAAA,OAAO,CAACC,GAAR,CAAY;AAAEJ,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAZ;AACA,SAAOC,QAAP;AACD,CAHD;;AAKA,eAAeH,WAAf","sourcesContent":["import React from \"react\";\ninterface TabViewItemProps {\n  title: string;\n  id: string;\n  children: React.ReactNode;\n}\n\nconst TabViewItem = ({ title, id, children }: TabViewItemProps) => {\n  console.log({ title, id });\n  return children;\n};\n\nexport default TabViewItem;\n"]}

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

@@ -0,0 +1,3 @@
+export { default as TabView } from "./TabView";
+export { default as TabViewItem } from "./TabViewItem";
+//# sourceMappingURL=index.js.map

package/lib/module/components/TabView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["default","TabView","TabViewItem"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB,QAAmC,WAAnC;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,eAAvC","sourcesContent":["export { default as TabView } from \"./TabView\";\nexport { default as TabViewItem } from \"./TabViewItem\";\n"]}

package/lib/module/index.js

@@ -27,6 +27,7 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
+export { TabView, TabViewItem } from "./components/TabView";
 export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */
@@ -49,5 +50,4 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
-export { default as Markdown } from "./components/Markdown";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState","Markdown"],"mappings":"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","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n  ActionSheet,\n  ActionSheetItem,\n  ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n  Center,\n  Circle,\n  Square,\n  Row,\n  Stack,\n  Spacer,\n} from \"./components/Layout\";\n\nexport {\n  RadioButton,\n  RadioButtonGroup,\n  RadioButtonRow,\n  RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete!  */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\nexport { default as Markdown } from \"./components/Markdown\";\n"]}
+{"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","TabView","TabViewItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,WAAzC;AACA,SAASC,OAAO,IAAIC,QAApB,QAAoC,YAApC;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,uBAAxC;AAEA,SAASC,IAAT,QAAqB,mBAArB;AACA,SAASC,WAAT,EAAsBC,aAAtB,QAA2C,qBAA3C;AACA,SAASL,OAAO,IAAIM,MAApB,QAAkC,0BAAlC;AACA,SAASN,OAAO,IAAIO,UAApB,QAAsC,yBAAtC;AACA,SAASP,OAAO,IAAIQ,IAApB,QAAgC,mBAAhC;AACA,SAASR,OAAO,IAAIS,QAApB,QAAoC,uBAApC;AACA,SAASC,QAAT,EAAmBC,aAAnB,EAAkCC,WAAlC,QAAqD,uBAArD;AACA,SAASZ,OAAO,IAAIa,WAApB,QAAuC,0BAAvC;AACA,SAASb,OAAO,IAAIc,SAApB,QAAqC,wBAArC;AACA,SAASd,OAAO,IAAIe,OAApB,QAAmC,sBAAnC;AACA,SAASf,OAAO,IAAIgB,GAApB,QAA+B,kBAA/B;AACA,SAAShB,OAAO,IAAIiB,kBAApB,QAA8C,iCAA9C;AACA,SAASjB,OAAO,IAAIkB,UAApB,QAAsC,yBAAtC;AACA,SAASlB,OAAO,IAAImB,KAApB,QAAiC,oBAAjC;AACA,SAASnB,OAAO,IAAIoB,WAApB,QAAuC,0BAAvC;AACA,SAASpB,OAAO,IAAIqB,eAApB,QAA2C,8BAA3C;AACA,SAASrB,OAAO,IAAIsB,UAApB,QAAsC,yBAAtC;AACA,SAAStB,OAAO,IAAIuB,OAApB,QAAmC,sBAAnC;AACA,SAASvB,OAAO,IAAIwB,MAApB,EAA4BC,SAA5B,QAA6C,qBAA7C;AACA,SAASzB,OAAO,IAAI0B,SAApB,QAAqC,wBAArC;AACA,SAAS1B,OAAO,IAAI2B,YAApB,QAAwC,2BAAxC;AACA,SAAS3B,OAAO,IAAI4B,SAApB,QAAqC,wBAArC;AACA,SAASC,cAAT,EAAyBC,aAAzB,QAA8C,wBAA9C;AACA,SACEC,WADF,EAEEC,eAFF,EAGEC,iBAHF,QAIO,0BAJP;AAKA,SAASC,MAAT,EAAiBC,UAAjB,QAAmC,qBAAnC;AACA,SAASC,OAAT,EAAkBC,WAAlB,QAAqC,sBAArC;AAEA,SACEC,MADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,GAJF,EAKEC,KALF,EAMEC,MANF,QAOO,qBAPP;AASA,SACEC,WADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,qBAJF,QAKO,gCALP;AAOA;;AACA,SAAS/C,OAAO,IAAIgD,MAApB,QAAkC,+BAAlC;AACA,SAAShD,OAAO,IAAIiD,SAApB,QAAqC,wBAArC;AACA,SAASjD,OAAO,IAAIkD,aAApB,QAAyC,4BAAzC;AACA,SAASlD,OAAO,IAAImD,mBAApB,QAA+C,kCAA/C;AACA,SAASnD,OAAO,IAAIoD,UAApB,QAAsC,yBAAtC;AACA,SAASpD,OAAO,IAAIqD,UAApB,QAAsC,oCAAtC;AACA,SAASrD,OAAO,IAAIsD,WAApB,QAAuC,0BAAvC;AACA,SAAStD,OAAO,IAAIuD,YAApB,QAAwC,2BAAxC;AACA,SAASvD,OAAO,IAAIwD,cAApB,QAA0C,6BAA1C;AACA,SAASxD,OAAO,IAAIyD,MAApB,QAAkC,4BAAlC;AACA,SAASzD,OAAO,IAAI0D,WAApB,QAAuC,0BAAvC;AACA,SAAS1D,OAAO,IAAI2D,cAApB,QAA0C,6BAA1C;AACA,SAAS3D,OAAO,IAAI4D,WAApB,QAAuC,0BAAvC;AACA,SAAS5D,OAAO,IAAI6D,uBAApB,QAAmD,sCAAnD;AACA,SAAS7D,OAAO,IAAI8D,oBAApB,QAAgD,mCAAhD;AACA,SAAS9D,OAAO,IAAI+D,MAApB,QAAkC,qBAAlC;AACA,SAAS/D,OAAO,IAAIgE,OAApB,QAAmC,sBAAnC;AACA,SAASC,YAAT,QAA6B,2BAA7B","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n  ActionSheet,\n  ActionSheetItem,\n  ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\nexport { TabView, TabViewItem } from \"./components/TabView\";\n\nexport {\n  Center,\n  Circle,\n  Square,\n  Row,\n  Stack,\n  Spacer,\n} from \"./components/Layout\";\n\nexport {\n  RadioButton,\n  RadioButtonGroup,\n  RadioButtonRow,\n  RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete!  */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n"]}

package/lib/module/mappings/TabView.js

@@ -0,0 +1,24 @@
+import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
+export const SEED_DATA = [{
+  name: "TabView",
+  tag: "TabView",
+  category: COMPONENT_TYPES.container,
+  layout: {},
+  props: {}
+}, {
+  name: "TabViewItem",
+  tag: "TabViewItem",
+  category: COMPONENT_TYPES.container,
+  layout: {},
+  props: {
+    title: createTextProp({
+      label: "Tab Title",
+      description: "Tab Title"
+    }),
+    id: createTextProp({
+      label: "Tab Id",
+      description: "Tab Id"
+    })
+  }
+}];
+//# sourceMappingURL=TabView.js.map

package/lib/module/mappings/TabView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TabView.ts"],"names":["COMPONENT_TYPES","createTextProp","SEED_DATA","name","tag","category","container","layout","props","title","label","description","id"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,cAA1B,QAAgD,iBAAhD;AAEA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,GAAG,EAAE,SAFP;AAGEC,EAAAA,QAAQ,EAAEL,eAAe,CAACM,SAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,KAAK,EAAE;AALT,CADuB,EAQvB;AACEL,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,QAAQ,EAAEL,eAAe,CAACM,SAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAER,cAAc,CAAC;AACpBS,MAAAA,KAAK,EAAE,WADa;AAEpBC,MAAAA,WAAW,EAAE;AAFO,KAAD,CADhB;AAKLC,IAAAA,EAAE,EAAEX,cAAc,CAAC;AACjBS,MAAAA,KAAK,EAAE,QADU;AAEjBC,MAAAA,WAAW,EAAE;AAFI,KAAD;AALb;AALT,CARuB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createTextProp } from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"TabView\",\n    tag: \"TabView\",\n    category: COMPONENT_TYPES.container,\n    layout: {},\n    props: {},\n  },\n  {\n    name: \"TabViewItem\",\n    tag: \"TabViewItem\",\n    category: COMPONENT_TYPES.container,\n    layout: {},\n    props: {\n      title: createTextProp({\n        label: \"Tab Title\",\n        description: \"Tab Title\",\n      }),\n      id: createTextProp({\n        label: \"Tab Id\",\n        description: \"Tab Id\",\n      }),\n    },\n  },\n];\n"]}

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+interface TabViewProps {
+    children: React.ReactNode;
+}
+declare const _default: ({ children }: TabViewProps) => JSX.Element;
+export default _default;

package/lib/typescript/src/components/TabView/TabViewItem.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface TabViewItemProps {
+    title: string;
+    id: string;
+    children: React.ReactNode;
+}
+declare const TabViewItem: ({ title, id, children }: TabViewItemProps) => React.ReactNode;
+export default TabViewItem;

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

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

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

@@ -27,6 +27,7 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
+export { TabView, TabViewItem } from "./components/TabView";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 export { default as Button } from "./components/DeprecatedButton";
@@ -47,4 +48,3 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
-export { default as Markdown } from "./components/Markdown";

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

@@ -0,0 +1,19 @@
+export declare const SEED_DATA: ({
+    name: string;
+    tag: string;
+    category: string;
+    layout: {};
+    props: {
+        title?: undefined;
+        id?: undefined;
+    };
+} | {
+    name: string;
+    tag: string;
+    category: string;
+    layout: {};
+    props: {
+        title: any;
+        id: any;
+    };
+})[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.2.3-0b9a7a.0+0b9a7a8d",
+  "version": "43.2.3-0f04d4.0+0f04d477",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -52,8 +52,9 @@
     "lodash.isnumber": "^3.0.3",
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
-    "react-native-markdown-display": "^7.0.0-alpha.2",
     "react-native-modal-datetime-picker": "^13.0.0",
+    "react-native-pager-view": "^5.4.9",
+    "react-native-tab-view": "^3.1.1",
     "react-native-typography": "^1.4.1",
     "react-native-web-swiper": "^2.2.1"
   },
@@ -80,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "0b9a7a8dc4275da25ac04bca8795ecb65f1667b0"
+  "gitHead": "0f04d477e53a1af3a829258e7a0e7d9ab0099f3a"
 }

package/src/components/TabView/TabView.js

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { Animated, View, TouchableOpacity, StyleSheet } from "react-native";
+import { TabView, SceneMap } from "react-native-tab-view";
+import Constants from "expo-constants";
+import TabViewItem from "./TabViewItem";
+export default ({ children }) => {
+    const [index, setIndex] = React.useState(0);
+    const [routes, setRoutes] = React.useState([]);
+    const [tabScenes, setTabScenes] = React.useState({});
+    React.useEffect(() => {
+        const newRoutes = [];
+        const scenes = {};
+        React.Children.toArray(children)
+            .filter((child) => child.type === TabViewItem)
+            .forEach((child) => {
+            if (child?.props?.id) {
+                newRoutes.push({
+                    key: child?.props?.id,
+                    title: child?.props?.title,
+                });
+                scenes[child?.props?.id] = () => child;
+            }
+        });
+        setRoutes(newRoutes);
+        setTabScenes(scenes);
+    }, [children]);
+    const _handleIndexChange = (i) => setIndex(i);
+    const _renderTabBar = (props) => {
+        const inputRange = props.navigationState.routes.map((__, i) => i);
+        return (React.createElement(View, { style: styles.tabBar }, props.navigationState.routes.map((route, i) => {
+            const opacity = props.position.interpolate({
+                inputRange,
+                outputRange: inputRange.map((inputIndex) => inputIndex === i ? 1 : 0.5),
+            });
+            return (React.createElement(TouchableOpacity, { style: styles.tabItem, onPress: () => setIndex(i) },
+                React.createElement(Animated.Text, { style: { opacity } }, route.title)));
+        })));
+    };
+    return (React.createElement(TabView, { navigationState: { index, routes }, renderScene: SceneMap(tabScenes), renderTabBar: _renderTabBar, onIndexChange: _handleIndexChange }));
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    tabBar: {
+        flexDirection: "row",
+        paddingTop: Constants.statusBarHeight,
+    },
+    tabItem: {
+        flex: 1,
+        alignItems: "center",
+        padding: 16,
+    },
+});

package/src/components/TabView/TabView.tsx

@@ -0,0 +1,90 @@
+import * as React from "react";
+import { Animated, View, TouchableOpacity, StyleSheet } from "react-native";
+import { TabView, SceneMap } from "react-native-tab-view";
+import Constants from "expo-constants";
+
+import TabViewItem from "./TabViewItem";
+
+interface TabViewProps {
+  children: React.ReactNode;
+}
+
+export default ({ children }: TabViewProps) => {
+  const [index, setIndex] = React.useState(0);
+  const [routes, setRoutes] = React.useState([]);
+  const [tabScenes, setTabScenes] = React.useState({});
+
+  React.useEffect(() => {
+    const newRoutes: any = [];
+    const scenes: any = {};
+
+    React.Children.toArray(children)
+      .filter((child: any) => child.type === TabViewItem)
+      .forEach((child: any) => {
+        if (child?.props?.id) {
+          newRoutes.push({
+            key: child?.props?.id,
+            title: child?.props?.title,
+          });
+          scenes[child?.props?.id] = () => child;
+        }
+      });
+
+    setRoutes(newRoutes);
+    setTabScenes(scenes);
+  }, [children]);
+
+  const _handleIndexChange = (i: any) => setIndex(i);
+
+  const _renderTabBar = (props: any) => {
+    const inputRange = props.navigationState.routes.map(
+      (__: any, i: number) => i
+    );
+
+    return (
+      <View style={styles.tabBar}>
+        {props.navigationState.routes.map((route: any, i: number) => {
+          const opacity = props.position.interpolate({
+            inputRange,
+            outputRange: inputRange.map((inputIndex: any) =>
+              inputIndex === i ? 1 : 0.5
+            ),
+          });
+
+          return (
+            <TouchableOpacity
+              style={styles.tabItem}
+              onPress={() => setIndex(i)}
+            >
+              <Animated.Text style={{ opacity }}>{route.title}</Animated.Text>
+            </TouchableOpacity>
+          );
+        })}
+      </View>
+    );
+  };
+
+  return (
+    <TabView
+      navigationState={{ index, routes }}
+      renderScene={SceneMap(tabScenes)}
+      renderTabBar={_renderTabBar}
+      onIndexChange={_handleIndexChange}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  tabBar: {
+    flexDirection: "row",
+    paddingTop: Constants.statusBarHeight,
+  },
+  tabItem: {
+    flex: 1,
+    alignItems: "center",
+    padding: 16,
+  },
+});

package/src/components/TabView/TabViewItem.js

@@ -0,0 +1,5 @@
+const TabViewItem = ({ title, id, children }) => {
+    console.log({ title, id });
+    return children;
+};
+export default TabViewItem;

package/src/components/TabView/TabViewItem.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+interface TabViewItemProps {
+  title: string;
+  id: string;
+  children: React.ReactNode;
+}
+
+const TabViewItem = ({ title, id, children }: TabViewItemProps) => {
+  console.log({ title, id });
+  return children;
+};
+
+export default TabViewItem;

package/src/components/TabView/index.js

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

package/src/components/TabView/index.ts

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

package/src/index.js

@@ -27,6 +27,7 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
+export { TabView, TabViewItem } from "./components/TabView";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */
@@ -48,4 +49,3 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
-export { default as Markdown } from "./components/Markdown";

package/src/index.tsx

@@ -32,6 +32,7 @@ export {
   ActionSheetCancel,
 } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
+export { TabView, TabViewItem } from "./components/TabView";
 
 export {
   Center,
@@ -68,4 +69,3 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
-export { default as Markdown } from "./components/Markdown";

package/src/mappings/TabView.js

@@ -0,0 +1,26 @@
+import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
+export const SEED_DATA = [
+    {
+        name: "TabView",
+        tag: "TabView",
+        category: COMPONENT_TYPES.container,
+        layout: {},
+        props: {},
+    },
+    {
+        name: "TabViewItem",
+        tag: "TabViewItem",
+        category: COMPONENT_TYPES.container,
+        layout: {},
+        props: {
+            title: createTextProp({
+                label: "Tab Title",
+                description: "Tab Title",
+            }),
+            id: createTextProp({
+                label: "Tab Id",
+                description: "Tab Id",
+            }),
+        },
+    },
+];

package/src/mappings/TabView.ts

@@ -0,0 +1,27 @@
+import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
+
+export const SEED_DATA = [
+  {
+    name: "TabView",
+    tag: "TabView",
+    category: COMPONENT_TYPES.container,
+    layout: {},
+    props: {},
+  },
+  {
+    name: "TabViewItem",
+    tag: "TabViewItem",
+    category: COMPONENT_TYPES.container,
+    layout: {},
+    props: {
+      title: createTextProp({
+        label: "Tab Title",
+        description: "Tab Title",
+      }),
+      id: createTextProp({
+        label: "Tab Id",
+        description: "Tab Id",
+      }),
+    },
+  },
+];

package/lib/commonjs/components/Markdown.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNativeMarkdownDisplay = _interopRequireDefault(require("react-native-markdown-display"));
-
-var _theming = require("../theming");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const MarkdownComponent = _ref => {
-  let {
-    content
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_reactNativeMarkdownDisplay.default, null, content);
-};
-
-var _default = (0, _theming.withTheme)(MarkdownComponent);
-
-exports.default = _default;
-//# sourceMappingURL=Markdown.js.map

package/lib/commonjs/components/Markdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Markdown.tsx"],"names":["MarkdownComponent","content"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAMA,MAAMA,iBAAkC,GAAG,QAAiB;AAAA,MAAhB;AAAEC,IAAAA;AAAF,GAAgB;AAC1D,sBAAO,oBAAC,mCAAD,QAAWA,OAAX,CAAP;AACD,CAFD;;eAIe,wBAAUD,iBAAV,C","sourcesContent":["import * as React from \"react\";\nimport Markdown from \"react-native-markdown-display\";\n\nimport { withTheme } from \"../theming\";\n\ntype Props = {\n  content?: string;\n};\n\nconst MarkdownComponent: React.FC<Props> = ({ content }) => {\n  return <Markdown>{content}</Markdown>;\n};\n\nexport default withTheme(MarkdownComponent);\n"]}

package/lib/commonjs/mappings/Markdown.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA = {
-  name: "Markdown",
-  tag: "MarkdownComponent",
-  description: "A markdown component",
-  category: _types.COMPONENT_TYPES.basic,
-  props: {
-    content: (0, _types.createTextProp)({
-      label: "Markdown Text",
-      description: "Markdown Text",
-      defaultValue: null
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Markdown.js.map

package/lib/commonjs/mappings/Markdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Markdown.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","props","content","label","defaultValue"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,mBAFkB;AAGvBC,EAAAA,WAAW,EAAE,sBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,2BAAe;AACtBC,MAAAA,KAAK,EAAE,eADe;AAEtBN,MAAAA,WAAW,EAAE,eAFS;AAGtBO,MAAAA,YAAY,EAAE;AAHQ,KAAf;AADJ;AALgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createTextProp } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Markdown\",\n  tag: \"MarkdownComponent\",\n  description: \"A markdown component\",\n  category: COMPONENT_TYPES.basic,\n  props: {\n    content: createTextProp({\n      label: \"Markdown Text\",\n      description: \"Markdown Text\",\n      defaultValue: null,\n    }),\n  },\n};\n"]}

package/lib/module/components/Markdown.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import Markdown from "react-native-markdown-display";
-import { withTheme } from "../theming";
-
-const MarkdownComponent = _ref => {
-  let {
-    content
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Markdown, null, content);
-};
-
-export default withTheme(MarkdownComponent);
-//# sourceMappingURL=Markdown.js.map

package/lib/module/components/Markdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Markdown.tsx"],"names":["React","Markdown","withTheme","MarkdownComponent","content"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,+BAArB;AAEA,SAASC,SAAT,QAA0B,YAA1B;;AAMA,MAAMC,iBAAkC,GAAG,QAAiB;AAAA,MAAhB;AAAEC,IAAAA;AAAF,GAAgB;AAC1D,sBAAO,oBAAC,QAAD,QAAWA,OAAX,CAAP;AACD,CAFD;;AAIA,eAAeF,SAAS,CAACC,iBAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport Markdown from \"react-native-markdown-display\";\n\nimport { withTheme } from \"../theming\";\n\ntype Props = {\n  content?: string;\n};\n\nconst MarkdownComponent: React.FC<Props> = ({ content }) => {\n  return <Markdown>{content}</Markdown>;\n};\n\nexport default withTheme(MarkdownComponent);\n"]}