@draftbit/core 43.2.5-9da576.3 → 43.2.5-a61289.1

package/lib/commonjs/components/Carousel.js

@@ -122,6 +122,9 @@ function Carousel(_ref2) {
 
 const styles = _reactNative.StyleSheet.create({
   container: {
+    height: 250,
+    position: "relative",
+    width: screenWidth,
     backgroundColor: "#eee"
   },
   pager: {

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

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.tsx"],"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAQA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAGC,wBAAWC,GAAX,CAAe,QAAf,EAAyBC,KAA7C;;AASA,SAASC,KAAT,OAQG;AAAA,MARY;AACbC,IAAAA,KADa;AAEbC,IAAAA,KAFa;AAGbC,IAAAA;AAHa,GAQZ;AACD,sBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,KACGC,KAAK,CAACC,IAAN,CAAW;AAAEJ,IAAAA;AAAF,GAAX,EAAuBK,GAAvB,CAA2B,CAACC,CAAD,EAAIC,CAAJ,KAAU;AACpC,UAAMC,OAAO,GAAGT,KAAK,KAAKQ,CAA1B;AACA,UAAME,OAAO,GAAGD,OAAO,GAAG,CAAH,GAAO,GAA9B;AACA,UAAME,IAAI,GAAGF,OAAO,GAAG,EAAH,GAAQ,CAA5B;AACA,wBACE,oBAAC,iBAAD;AACE,MAAA,GAAG,EAAED,CADP;AAEE,MAAA,KAAK,EAAE,CACLN,MAAM,CAACU,MADF,EAEL;AAAEC,QAAAA,eAAe,EAAEd,KAAnB;AAA0BW,QAAAA,OAA1B;AAAmCb,QAAAA,KAAK,EAAEc,IAA1C;AAAgDG,QAAAA,MAAM,EAAEH;AAAxD,OAFK;AAFT,MADF;AASD,GAbA,CADH,CADF;AAkBD;;AAED,SAASI,QAAT,QAMU;AAAA;;AAAA,MANQ;AAChBC,IAAAA,IADgB;AAEhBC,IAAAA,QAFgB;AAGhBC,IAAAA,QAAQ,GAAG,QAHK;AAIhBC,IAAAA,KAJgB;AAKhB,OAAGC;AALa,GAMR;AACR,QAAM,CAACpB,KAAD,EAAQqB,QAAR,IAAoBC,KAAK,CAACC,QAAN,CAAe,CAAf,CAA1B;AAEA,QAAMtB,MAAM,GAAGqB,KAAK,CAACE,QAAN,CAAeC,KAAf,CAAqBR,QAArB,CAAf;AACA,QAAMS,WAAW,GAAG,iBAACV,IAAD,aAACA,IAAD,uBAACA,IAAI,CAAEf,MAAP,uDAAiB,CAAjB,IAAsBA,MAA1C;AACA,QAAM0B,MAAM,GAAGvB,KAAK,CAACwB,OAAN,CAAcZ,IAAd,IAAsBA,IAAtB,GAA6B,EAA5C;;AAEA,QAAM;AAAEnB,IAAAA,KAAF;AAASiB,IAAAA;AAAT,MAAoBe,wBAAWC,OAAX,CAAmBX,KAAK,IAAI,EAA5B,CAA1B;;AACA,QAAMY,UAAU,GAAGlC,KAAK,IAAIH,WAA5B;AACA,QAAMsC,WAAW,GAAGlB,MAAM,IAAI,GAA9B;AAEA,sBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACZ,MAAM,CAAC+B,SAAR,EAAmBd,KAAnB;AAAb,KAA4CC,IAA5C,gBACE,oBAAC,uBAAD;AACE,IAAA,aAAa,MADf;AAEE,IAAA,UAAU,MAFZ;AAGE,IAAA,gBAAgB,EAAC,MAHnB;AAIE,IAAA,mBAAmB,EAAE,GAJvB;AAKE,IAAA,8BAA8B,EAAE,KALlC;AAME,IAAA,QAAQ,EAAE,SAAqB;AAAA,UAApB;AAAEc,QAAAA;AAAF,OAAoB;AAC7B,YAAMC,WAAW,GAAGD,WAAW,CAACE,iBAAZ,CAA8BvC,KAAlD;AACA,YAAMwC,MAAM,GAAGH,WAAW,CAACI,aAAZ,CAA0BC,CAAzC;AACA,YAAMC,YAAY,GAAGC,IAAI,CAACC,IAAL,CAAUL,MAAM,GAAGF,WAAnB,CAArB;AACAd,MAAAA,QAAQ,CAACmB,YAAD,CAAR;AACD;AAXH,KAaGb,MAAM,CAAC1B,MAAP,GAAgB,CAAhB,GACG0B,MAAM,CAACrB,GAAP,CAAW,CAACqC,IAAD,EAAOnC,CAAP,KAAa;AACtB,wBACE,oBAAC,cAAD;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,UAAU,EAAC,OAFb;AAGE,MAAA,MAAM,EAAE,OAAOmC,IAAP,KAAgB,QAAhB,GAA2B;AAAEC,QAAAA,GAAG,EAAED;AAAP,OAA3B,GAA2CA,IAHrD;AAIE,MAAA,KAAK,EAAE,CAAC;AAAE9C,QAAAA,KAAK,EAAEkC,UAAT;AAAqBjB,QAAAA,MAAM,EAAEkB;AAA7B,OAAD;AAJT,MADF;AAQD,GATD,CADH,GAWG,IAxBN,EAyBGV,KAAK,CAACE,QAAN,CAAelB,GAAf,CAAmBW,QAAnB,EAA8B4B,KAAD,IAAgB;AAAA;;AAC5C,UAAMC,CAAC,GAAG,CAAAD,KAAK,SAAL,IAAAA,KAAK,WAAL,4BAAAA,KAAK,CAAEE,KAAP,8DAAc5B,KAAd,KAAuB,EAAjC;AACA,wBACE,oBAAC,iBAAD;AAAM,MAAA,KAAK,EAAE;AAAEtB,QAAAA,KAAK,EAAEkC;AAAT;AAAb,oBACGT,KAAK,CAAC0B,YAAN,CAAmBH,KAAnB,EAA0B;AACzB1B,MAAAA,KAAK,EAAE,EAAE,GAAG2B,CAAL;AAAQjD,QAAAA,KAAK,EAAEkC;AAAf;AADkB,KAA1B,CADH,CADF;AAOD,GATA,CAzBH,CADF,eAqCE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEb,QAAd;AAAwB,IAAA,KAAK,EAAElB,KAA/B;AAAsC,IAAA,MAAM,EAAE0B;AAA9C,IArCF,CADF;AAyCD;;AAED,MAAMxB,MAAM,GAAG2B,wBAAWoB,MAAX,CAAkB;AAC/BhB,EAAAA,SAAS,EAAE;AACTpB,IAAAA,eAAe,EAAE;AADR,GADoB;AAI/BV,EAAAA,KAAK,EAAE;AACL+C,IAAAA,QAAQ,EAAE,UADL;AAELC,IAAAA,MAAM,EAAE,EAFH;AAGLC,IAAAA,IAAI,EAAE,CAHD;AAILC,IAAAA,KAAK,EAAE,CAJF;AAKLC,IAAAA,aAAa,EAAE,KALV;AAMLC,IAAAA,cAAc,EAAE,QANX;AAOLC,IAAAA,UAAU,EAAE;AAPP,GAJwB;AAa/B5C,EAAAA,MAAM,EAAE;AACN6C,IAAAA,gBAAgB,EAAE,CADZ;AAEN5D,IAAAA,KAAK,EAAE,EAFD;AAGNiB,IAAAA,MAAM,EAAE,EAHF;AAIN4C,IAAAA,YAAY,EAAE,EAJR;AAKN7C,IAAAA,eAAe,EAAE;AALX;AAbuB,CAAlB,CAAf;;eAsBe,wBAAUE,QAAV,C","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: Props) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"]}
+{"version":3,"sources":["Carousel.tsx"],"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: Props) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    height: 250,\n    position: \"relative\",\n    width: screenWidth,\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"]}

package/lib/commonjs/components/Text.js

@@ -60,7 +60,7 @@ const BaseLink = _ref => {
     hitSlop: 8,
     style: [{
       color: theme.colors.primary,
-      alignSelf: "flex-start"
+      alignSelf: "baseline"
     }, style],
     theme: theme
   }, props), title);

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

@@ -1 +1 @@
-{"version":3,"sources":["Text.tsx"],"names":["Text","React","Component","setNativeProps","args","_root","render","style","rest","props","writingDirection","I18nManager","isRTL","c","textAlign","BaseLink","theme","title","color","colors","primary","alignSelf","Link"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAOA,MAAMA,IAAN,SAAmBC,KAAK,CAACC,SAAzB,CAA0C;AAAA;AAAA;;AAAA;AAAA;;AAGxCC,EAAAA,cAAc,CAACC,IAAD,EAAkB;AAC9B,WAAO,KAAKC,KAAL,IAAc,KAAKA,KAAL,CAAWF,cAAX,CAA0BC,IAA1B,CAArB;AACD;;AAEDE,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,KAAF;AAAS,SAAGC;AAAZ,QAAqB,KAAKC,KAAhC;AACA,UAAMC,gBAAgB,GAAGC,yBAAYC,KAAZ,GAAoB,KAApB,GAA4B,KAArD;AAEA,wBACE,oBAAC,iBAAD,eACMJ,IADN;AAEE,MAAA,GAAG,EAAGK,CAAD,IAAO;AACV,aAAKR,KAAL,GAAaQ,CAAb;AACD,OAJH;AAKE,MAAA,KAAK,EAAE,CACL;AACEC,QAAAA,SAAS,EAAE,MADb;AAEEJ,QAAAA;AAFF,OADK,EAKLH,KALK;AALT,OADF;AAeD;;AA1BuC;;AA6BnC,MAAMQ,QAAQ,GAAG,QAKA;AAAA,MALC;AACvBR,IAAAA,KADuB;AAEvBS,IAAAA,KAFuB;AAGvBC,IAAAA,KAHuB;AAIvB,OAAGR;AAJoB,GAKD;AACtB,sBACE,oBAAC,IAAD;AACE,IAAA,OAAO,EAAE,CADX;AAEE,IAAA,KAAK,EAAE,CAAC;AAAES,MAAAA,KAAK,EAAEF,KAAK,CAACG,MAAN,CAAaC,OAAtB;AAA+BC,MAAAA,SAAS,EAAE;AAA1C,KAAD,EAA2Dd,KAA3D,CAFT;AAGE,IAAA,KAAK,EAAES;AAHT,KAIMP,KAJN,GAMGQ,KANH,CADF;AAUD,CAhBM;;;AAkBP,MAAMK,IAAS,GAAG,wBAAUP,QAAV,CAAlB;;;eAGe,wBAAUf,IAAV,C","sourcesContent":["import * as React from \"react\";\nimport { Text as NativeText, I18nManager, TextProps } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  theme: Theme;\n} & TextProps;\n\nclass Text extends React.Component<Props> {\n  _root: any;\n\n  setNativeProps(args: TextProps) {\n    return this._root && this._root.setNativeProps(args);\n  }\n\n  render() {\n    const { style, ...rest } = this.props;\n    const writingDirection = I18nManager.isRTL ? \"rtl\" : \"ltr\";\n\n    return (\n      <NativeText\n        {...rest}\n        ref={(c) => {\n          this._root = c;\n        }}\n        style={[\n          {\n            textAlign: \"left\",\n            writingDirection,\n          },\n          style,\n        ]}\n      />\n    );\n  }\n}\n\nexport const BaseLink = ({\n  style,\n  theme,\n  title,\n  ...props\n}: any): JSX.Element => {\n  return (\n    <Text\n      hitSlop={8}\n      style={[{ color: theme.colors.primary, alignSelf: \"flex-start\" }, style]}\n      theme={theme}\n      {...props}\n    >\n      {title}\n    </Text>\n  );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nexport default withTheme(Text);\n"]}
+{"version":3,"sources":["Text.tsx"],"names":["Text","React","Component","setNativeProps","args","_root","render","style","rest","props","writingDirection","I18nManager","isRTL","c","textAlign","BaseLink","theme","title","color","colors","primary","alignSelf","Link"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAOA,MAAMA,IAAN,SAAmBC,KAAK,CAACC,SAAzB,CAA0C;AAAA;AAAA;;AAAA;AAAA;;AAGxCC,EAAAA,cAAc,CAACC,IAAD,EAAkB;AAC9B,WAAO,KAAKC,KAAL,IAAc,KAAKA,KAAL,CAAWF,cAAX,CAA0BC,IAA1B,CAArB;AACD;;AAEDE,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,KAAF;AAAS,SAAGC;AAAZ,QAAqB,KAAKC,KAAhC;AACA,UAAMC,gBAAgB,GAAGC,yBAAYC,KAAZ,GAAoB,KAApB,GAA4B,KAArD;AAEA,wBACE,oBAAC,iBAAD,eACMJ,IADN;AAEE,MAAA,GAAG,EAAGK,CAAD,IAAO;AACV,aAAKR,KAAL,GAAaQ,CAAb;AACD,OAJH;AAKE,MAAA,KAAK,EAAE,CACL;AACEC,QAAAA,SAAS,EAAE,MADb;AAEEJ,QAAAA;AAFF,OADK,EAKLH,KALK;AALT,OADF;AAeD;;AA1BuC;;AA6BnC,MAAMQ,QAAQ,GAAG,QAKA;AAAA,MALC;AACvBR,IAAAA,KADuB;AAEvBS,IAAAA,KAFuB;AAGvBC,IAAAA,KAHuB;AAIvB,OAAGR;AAJoB,GAKD;AACtB,sBACE,oBAAC,IAAD;AACE,IAAA,OAAO,EAAE,CADX;AAEE,IAAA,KAAK,EAAE,CAAC;AAAES,MAAAA,KAAK,EAAEF,KAAK,CAACG,MAAN,CAAaC,OAAtB;AAA+BC,MAAAA,SAAS,EAAE;AAA1C,KAAD,EAAyDd,KAAzD,CAFT;AAGE,IAAA,KAAK,EAAES;AAHT,KAIMP,KAJN,GAMGQ,KANH,CADF;AAUD,CAhBM;;;AAkBP,MAAMK,IAAS,GAAG,wBAAUP,QAAV,CAAlB;;;eAGe,wBAAUf,IAAV,C","sourcesContent":["import * as React from \"react\";\nimport { Text as NativeText, I18nManager, TextProps } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  theme: Theme;\n} & TextProps;\n\nclass Text extends React.Component<Props> {\n  _root: any;\n\n  setNativeProps(args: TextProps) {\n    return this._root && this._root.setNativeProps(args);\n  }\n\n  render() {\n    const { style, ...rest } = this.props;\n    const writingDirection = I18nManager.isRTL ? \"rtl\" : \"ltr\";\n\n    return (\n      <NativeText\n        {...rest}\n        ref={(c) => {\n          this._root = c;\n        }}\n        style={[\n          {\n            textAlign: \"left\",\n            writingDirection,\n          },\n          style,\n        ]}\n      />\n    );\n  }\n}\n\nexport const BaseLink = ({\n  style,\n  theme,\n  title,\n  ...props\n}: any): JSX.Element => {\n  return (\n    <Text\n      hitSlop={8}\n      style={[{ color: theme.colors.primary, alignSelf: \"baseline\" }, style]}\n      theme={theme}\n      {...props}\n    >\n      {title}\n    </Text>\n  );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nexport default withTheme(Text);\n"]}

package/lib/commonjs/mappings/Carousel.js

@@ -12,9 +12,7 @@ const SEED_DATA = [{
   tag: "Carousel",
   category: _types.COMPONENT_TYPES.media,
   description: "A horizontal scrolling carousel of images",
-  layout: {
-    height: 250
-  },
+  layout: {},
   props: {
     resizeMode: (0, _types.createResizeModeProp)(),
     dotColor: (0, _types.createColorProp)({

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

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","media","description","layout","height","props","resizeMode","dotColor","label"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,GAAG,EAAE,UAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAH5B;AAIEC,EAAAA,WAAW,EAAE,2CAJf;AAKEC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AADF,GALV;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,kCADP;AAELC,IAAAA,QAAQ,EAAE,4BAAgB;AACxBC,MAAAA,KAAK,EAAE;AADiB,KAAhB;AAFL;AART,CADuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createResizeModeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Carousel\",\n    tag: \"Carousel\",\n    category: COMPONENT_TYPES.media,\n    description: \"A horizontal scrolling carousel of images\",\n    layout: {\n      height: 250,\n    },\n    props: {\n      resizeMode: createResizeModeProp(),\n      dotColor: createColorProp({\n        label: \"Dot color\",\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["Carousel.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","media","description","layout","props","resizeMode","dotColor","label"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,GAAG,EAAE,UAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAH5B;AAIEC,EAAAA,WAAW,EAAE,2CAJf;AAKEC,EAAAA,MAAM,EAAE,EALV;AAMEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,kCADP;AAELC,IAAAA,QAAQ,EAAE,4BAAgB;AACxBC,MAAAA,KAAK,EAAE;AADiB,KAAhB;AAFL;AANT,CADuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createResizeModeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Carousel\",\n    tag: \"Carousel\",\n    category: COMPONENT_TYPES.media,\n    description: \"A horizontal scrolling carousel of images\",\n    layout: {},\n    props: {\n      resizeMode: createResizeModeProp(),\n      dotColor: createColorProp({\n        label: \"Dot color\",\n      }),\n    },\n  },\n];\n"]}

package/lib/module/components/Carousel.js

@@ -103,6 +103,9 @@ function Carousel(_ref2) {
 
 const styles = StyleSheet.create({
   container: {
+    height: 250,
+    position: "relative",
+    width: screenWidth,
     backgroundColor: "#eee"
   },
   pager: {

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

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.tsx"],"names":["React","withTheme","ScrollView","View","StyleSheet","Dimensions","Image","screenWidth","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","useState","Children","count","itemsLength","slides","isArray","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: Props) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"]}
+{"version":3,"sources":["Carousel.tsx"],"names":["React","withTheme","ScrollView","View","StyleSheet","Dimensions","Image","screenWidth","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","useState","Children","count","itemsLength","slides","isArray","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: Props) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    height: 250,\n    position: \"relative\",\n    width: screenWidth,\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Config.ts"],"names":["Dimensions","Platform","getWindowDimensions","width","height","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","squareImageUrl","FABSize","FABBorderRadius","FABFixedHeight","cardContainerShortImageAspectRatio","rowSingleLineImageSize","rowMultiLineImageSize","rowSingleLineIconSize","rowMultiLineIconSize","headerIconSize","buttonIconSize","swiperInactiveDotSize","swiperActiveDotSize","fieldSearchBarFullIconSize","stepperButtonSize","radioButtonSize","topSafeAreaViewHeight"],"mappings":"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","sourcesContent":["import { Dimensions, Platform } from \"react-native\";\n\nconst getWindowDimensions = () => {\n  const { width, height } = Dimensions.get(\"window\");\n  return {\n    windowWidth: width,\n    windowHeight: height,\n  };\n};\n\nconst { windowWidth, windowHeight } = getWindowDimensions();\n\nconst getFilters = (options: { width: number; height: number }) => {\n  const { width, height } = options;\n  const filters = [\"c_scale\", \"q_auto\", \"dpr_auto\"];\n\n  if (width) filters.push(`w_${width}`);\n  if (height) filters.push(`h_${height}`);\n\n  return filters.join(\",\");\n};\n\nconst buildImageUrl = (\n  options: { width: number; height: number },\n  name: string\n) => {\n  const filters = getFilters(options);\n  return [\n    \"https://res.cloudinary.com/altos/image/upload\",\n    filters,\n    `${name}.png`,\n  ].join(\"/\");\n};\n\nconst getExtension = () => {\n  return Platform.OS === \"web\" ? \".svg\" : \".png\";\n};\n\nexport default {\n  windowWidth,\n  windowHeight,\n  avatarImageUrl: buildImageUrl(\n    {\n      width: 60,\n      height: 60,\n    },\n    \"Avatar\"\n  ),\n  avatarImageSize: 60,\n  cardImageSize: 200,\n  cardImageUrl:\n    \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n  cardIconSize: 16,\n  cardIconBackgroundOpacity: 0.24,\n  cardIconElevation: 1,\n  placeholderImageURL:\n    \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n  getPlaceholderImageUrl: (size: { width: number; height: number }) =>\n    buildImageUrl(\n      { width: size.width, height: size.height },\n      \"image-placeholder_1\"\n    ),\n  squareImageUrl: buildImageUrl({ width: 100, height: 100 }, \"Avatar\"),\n  FABSize: 40,\n  FABBorderRadius: 20,\n  FABFixedHeight: 64,\n  cardContainerShortImageAspectRatio: 1,\n  rowSingleLineImageSize: 24,\n  rowMultiLineImageSize: 48,\n  rowSingleLineIconSize: 24,\n  rowMultiLineIconSize: 16,\n  headerIconSize: 24,\n  buttonIconSize: 24,\n  swiperInactiveDotSize: 6,\n  swiperActiveDotSize: 10,\n  fieldSearchBarFullIconSize: 24,\n  stepperButtonSize: 40,\n  radioButtonSize: 24,\n  topSafeAreaViewHeight: 0,\n  // topSafeAreaViewHeight: Platform.OS === \"android\" ? Constants.statusBarHeight : 0\n};\n"]}
+{"version":3,"sources":["Config.js"],"names":["Dimensions","Platform","getWindowDimensions","width","height","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","squareImageUrl","FABSize","FABBorderRadius","FABFixedHeight","cardContainerShortImageAspectRatio","rowSingleLineImageSize","rowMultiLineImageSize","rowSingleLineIconSize","rowMultiLineIconSize","headerIconSize","buttonIconSize","swiperInactiveDotSize","swiperActiveDotSize","fieldSearchBarFullIconSize","stepperButtonSize","radioButtonSize","topSafeAreaViewHeight"],"mappings":"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","sourcesContent":["import { Dimensions, Platform } from \"react-native\";\nconst getWindowDimensions = () => {\n    const { width, height } = Dimensions.get(\"window\");\n    return {\n        windowWidth: width,\n        windowHeight: height,\n    };\n};\nconst { windowWidth, windowHeight } = getWindowDimensions();\nconst getFilters = (options) => {\n    const { width, height } = options;\n    const filters = [\"c_scale\", \"q_auto\", \"dpr_auto\"];\n    if (width)\n        filters.push(`w_${width}`);\n    if (height)\n        filters.push(`h_${height}`);\n    return filters.join(\",\");\n};\nconst buildImageUrl = (options, name) => {\n    const filters = getFilters(options);\n    return [\n        \"https://res.cloudinary.com/altos/image/upload\",\n        filters,\n        `${name}.png`,\n    ].join(\"/\");\n};\nconst getExtension = () => {\n    return Platform.OS === \"web\" ? \".svg\" : \".png\";\n};\nexport default {\n    windowWidth,\n    windowHeight,\n    avatarImageUrl: buildImageUrl({\n        width: 60,\n        height: 60,\n    }, \"Avatar\"),\n    avatarImageSize: 60,\n    cardImageSize: 200,\n    cardImageUrl: \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n    cardIconSize: 16,\n    cardIconBackgroundOpacity: 0.24,\n    cardIconElevation: 1,\n    placeholderImageURL: \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n    getPlaceholderImageUrl: (size) => buildImageUrl({ width: size.width, height: size.height }, \"image-placeholder_1\"),\n    squareImageUrl: buildImageUrl({ width: 100, height: 100 }, \"Avatar\"),\n    FABSize: 40,\n    FABBorderRadius: 20,\n    FABFixedHeight: 64,\n    cardContainerShortImageAspectRatio: 1,\n    rowSingleLineImageSize: 24,\n    rowMultiLineImageSize: 48,\n    rowSingleLineIconSize: 24,\n    rowMultiLineIconSize: 16,\n    headerIconSize: 24,\n    buttonIconSize: 24,\n    swiperInactiveDotSize: 6,\n    swiperActiveDotSize: 10,\n    fieldSearchBarFullIconSize: 24,\n    stepperButtonSize: 40,\n    radioButtonSize: 24,\n    topSafeAreaViewHeight: 0,\n    // topSafeAreaViewHeight: Platform.OS === \"android\" ? Constants.statusBarHeight : 0\n};\n"]}

package/lib/module/components/Swiper/SwiperItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SwiperItem.tsx"],"names":["React","View","StyleSheet","styles","create","wrapper","flex","SwiperItem","children","style"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,UAAf,QAAuD,cAAvD;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;AAC/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,IAAI,EAAE;AADC;AADsB,CAAlB,CAAf;;AAWA,MAAMC,UAAU,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAAD;AAAA,sBACjB,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACN,MAAM,CAACE,OAAR,EAAiBI,KAAjB;AAAb,KAAuCD,QAAvC,CADiB;AAAA,CAAnB;;AAIA,eAAeD,UAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleSheet, StyleProp, ViewStyle } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    flex: 1,\n  },\n});\n\nexport interface SwiperProps {\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst SwiperItem = ({ children, style }: SwiperProps) => (\n  <View style={[styles.wrapper, style]}>{children}</View>\n);\n\nexport default SwiperItem;\n"]}
+{"version":3,"sources":["SwiperItem.js"],"names":["React","View","StyleSheet","styles","create","wrapper","flex","SwiperItem","children","style","createElement"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,UAAf,QAAiC,cAAjC;AACA,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;AAC7BC,EAAAA,OAAO,EAAE;AACLC,IAAAA,IAAI,EAAE;AADD;AADoB,CAAlB,CAAf;;AAKA,MAAMC,UAAU,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAAD;AAAA,sBAA0BT,KAAK,CAACU,aAAN,CAAoBT,IAApB,EAA0B;AAAEQ,IAAAA,KAAK,EAAE,CAACN,MAAM,CAACE,OAAR,EAAiBI,KAAjB;AAAT,GAA1B,EAA8DD,QAA9D,CAA1B;AAAA,CAAnB;;AACA,eAAeD,UAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nconst styles = StyleSheet.create({\n    wrapper: {\n        flex: 1,\n    },\n});\nconst SwiperItem = ({ children, style }) => (React.createElement(View, { style: [styles.wrapper, style] }, children));\nexport default SwiperItem;\n"]}

package/lib/module/components/Text.js

@@ -47,7 +47,7 @@ export const BaseLink = _ref => {
     hitSlop: 8,
     style: [{
       color: theme.colors.primary,
-      alignSelf: "flex-start"
+      alignSelf: "baseline"
     }, style],
     theme: theme
   }, props), title);

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

@@ -1 +1 @@
-{"version":3,"sources":["Text.tsx"],"names":["React","Text","NativeText","I18nManager","withTheme","Component","setNativeProps","args","_root","render","style","rest","props","writingDirection","isRTL","c","textAlign","BaseLink","theme","title","color","colors","primary","alignSelf","Link"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAI,IAAIC,UAAjB,EAA6BC,WAA7B,QAA2D,cAA3D;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAOA,MAAMH,IAAN,SAAmBD,KAAK,CAACK,SAAzB,CAA0C;AAAA;AAAA;;AAAA;AAAA;;AAGxCC,EAAAA,cAAc,CAACC,IAAD,EAAkB;AAC9B,WAAO,KAAKC,KAAL,IAAc,KAAKA,KAAL,CAAWF,cAAX,CAA0BC,IAA1B,CAArB;AACD;;AAEDE,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,KAAF;AAAS,SAAGC;AAAZ,QAAqB,KAAKC,KAAhC;AACA,UAAMC,gBAAgB,GAAGV,WAAW,CAACW,KAAZ,GAAoB,KAApB,GAA4B,KAArD;AAEA,wBACE,oBAAC,UAAD,eACMH,IADN;AAEE,MAAA,GAAG,EAAGI,CAAD,IAAO;AACV,aAAKP,KAAL,GAAaO,CAAb;AACD,OAJH;AAKE,MAAA,KAAK,EAAE,CACL;AACEC,QAAAA,SAAS,EAAE,MADb;AAEEH,QAAAA;AAFF,OADK,EAKLH,KALK;AALT,OADF;AAeD;;AA1BuC;;AA6B1C,OAAO,MAAMO,QAAQ,GAAG,QAKA;AAAA,MALC;AACvBP,IAAAA,KADuB;AAEvBQ,IAAAA,KAFuB;AAGvBC,IAAAA,KAHuB;AAIvB,OAAGP;AAJoB,GAKD;AACtB,sBACE,oBAAC,IAAD;AACE,IAAA,OAAO,EAAE,CADX;AAEE,IAAA,KAAK,EAAE,CAAC;AAAEQ,MAAAA,KAAK,EAAEF,KAAK,CAACG,MAAN,CAAaC,OAAtB;AAA+BC,MAAAA,SAAS,EAAE;AAA1C,KAAD,EAA2Db,KAA3D,CAFT;AAGE,IAAA,KAAK,EAAEQ;AAHT,KAIMN,KAJN,GAMGO,KANH,CADF;AAUD,CAhBM;AAkBP,MAAMK,IAAS,GAAGpB,SAAS,CAACa,QAAD,CAA3B;AACA,SAASO,IAAT;AAEA,eAAepB,SAAS,CAACH,IAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { Text as NativeText, I18nManager, TextProps } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  theme: Theme;\n} & TextProps;\n\nclass Text extends React.Component<Props> {\n  _root: any;\n\n  setNativeProps(args: TextProps) {\n    return this._root && this._root.setNativeProps(args);\n  }\n\n  render() {\n    const { style, ...rest } = this.props;\n    const writingDirection = I18nManager.isRTL ? \"rtl\" : \"ltr\";\n\n    return (\n      <NativeText\n        {...rest}\n        ref={(c) => {\n          this._root = c;\n        }}\n        style={[\n          {\n            textAlign: \"left\",\n            writingDirection,\n          },\n          style,\n        ]}\n      />\n    );\n  }\n}\n\nexport const BaseLink = ({\n  style,\n  theme,\n  title,\n  ...props\n}: any): JSX.Element => {\n  return (\n    <Text\n      hitSlop={8}\n      style={[{ color: theme.colors.primary, alignSelf: \"flex-start\" }, style]}\n      theme={theme}\n      {...props}\n    >\n      {title}\n    </Text>\n  );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nexport default withTheme(Text);\n"]}
+{"version":3,"sources":["Text.tsx"],"names":["React","Text","NativeText","I18nManager","withTheme","Component","setNativeProps","args","_root","render","style","rest","props","writingDirection","isRTL","c","textAlign","BaseLink","theme","title","color","colors","primary","alignSelf","Link"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAI,IAAIC,UAAjB,EAA6BC,WAA7B,QAA2D,cAA3D;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAOA,MAAMH,IAAN,SAAmBD,KAAK,CAACK,SAAzB,CAA0C;AAAA;AAAA;;AAAA;AAAA;;AAGxCC,EAAAA,cAAc,CAACC,IAAD,EAAkB;AAC9B,WAAO,KAAKC,KAAL,IAAc,KAAKA,KAAL,CAAWF,cAAX,CAA0BC,IAA1B,CAArB;AACD;;AAEDE,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,KAAF;AAAS,SAAGC;AAAZ,QAAqB,KAAKC,KAAhC;AACA,UAAMC,gBAAgB,GAAGV,WAAW,CAACW,KAAZ,GAAoB,KAApB,GAA4B,KAArD;AAEA,wBACE,oBAAC,UAAD,eACMH,IADN;AAEE,MAAA,GAAG,EAAGI,CAAD,IAAO;AACV,aAAKP,KAAL,GAAaO,CAAb;AACD,OAJH;AAKE,MAAA,KAAK,EAAE,CACL;AACEC,QAAAA,SAAS,EAAE,MADb;AAEEH,QAAAA;AAFF,OADK,EAKLH,KALK;AALT,OADF;AAeD;;AA1BuC;;AA6B1C,OAAO,MAAMO,QAAQ,GAAG,QAKA;AAAA,MALC;AACvBP,IAAAA,KADuB;AAEvBQ,IAAAA,KAFuB;AAGvBC,IAAAA,KAHuB;AAIvB,OAAGP;AAJoB,GAKD;AACtB,sBACE,oBAAC,IAAD;AACE,IAAA,OAAO,EAAE,CADX;AAEE,IAAA,KAAK,EAAE,CAAC;AAAEQ,MAAAA,KAAK,EAAEF,KAAK,CAACG,MAAN,CAAaC,OAAtB;AAA+BC,MAAAA,SAAS,EAAE;AAA1C,KAAD,EAAyDb,KAAzD,CAFT;AAGE,IAAA,KAAK,EAAEQ;AAHT,KAIMN,KAJN,GAMGO,KANH,CADF;AAUD,CAhBM;AAkBP,MAAMK,IAAS,GAAGpB,SAAS,CAACa,QAAD,CAA3B;AACA,SAASO,IAAT;AAEA,eAAepB,SAAS,CAACH,IAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { Text as NativeText, I18nManager, TextProps } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  theme: Theme;\n} & TextProps;\n\nclass Text extends React.Component<Props> {\n  _root: any;\n\n  setNativeProps(args: TextProps) {\n    return this._root && this._root.setNativeProps(args);\n  }\n\n  render() {\n    const { style, ...rest } = this.props;\n    const writingDirection = I18nManager.isRTL ? \"rtl\" : \"ltr\";\n\n    return (\n      <NativeText\n        {...rest}\n        ref={(c) => {\n          this._root = c;\n        }}\n        style={[\n          {\n            textAlign: \"left\",\n            writingDirection,\n          },\n          style,\n        ]}\n      />\n    );\n  }\n}\n\nexport const BaseLink = ({\n  style,\n  theme,\n  title,\n  ...props\n}: any): JSX.Element => {\n  return (\n    <Text\n      hitSlop={8}\n      style={[{ color: theme.colors.primary, alignSelf: \"baseline\" }, style]}\n      theme={theme}\n      {...props}\n    >\n      {title}\n    </Text>\n  );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nexport default withTheme(Text);\n"]}

package/lib/module/mappings/Carousel.js

@@ -4,9 +4,7 @@ export const SEED_DATA = [{
   tag: "Carousel",
   category: COMPONENT_TYPES.media,
   description: "A horizontal scrolling carousel of images",
-  layout: {
-    height: 250
-  },
+  layout: {},
   props: {
     resizeMode: createResizeModeProp(),
     dotColor: createColorProp({

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

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.ts"],"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","SEED_DATA","name","tag","category","media","description","layout","height","props","resizeMode","dotColor","label"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,eAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,GAAG,EAAE,UAFP;AAGEC,EAAAA,QAAQ,EAAEN,eAAe,CAACO,KAH5B;AAIEC,EAAAA,WAAW,EAAE,2CAJf;AAKEC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AADF,GALV;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAEX,oBAAoB,EAD3B;AAELY,IAAAA,QAAQ,EAAEX,eAAe,CAAC;AACxBY,MAAAA,KAAK,EAAE;AADiB,KAAD;AAFpB;AART,CADuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createResizeModeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Carousel\",\n    tag: \"Carousel\",\n    category: COMPONENT_TYPES.media,\n    description: \"A horizontal scrolling carousel of images\",\n    layout: {\n      height: 250,\n    },\n    props: {\n      resizeMode: createResizeModeProp(),\n      dotColor: createColorProp({\n        label: \"Dot color\",\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["Carousel.ts"],"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","SEED_DATA","name","tag","category","media","description","layout","props","resizeMode","dotColor","label"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,eAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,GAAG,EAAE,UAFP;AAGEC,EAAAA,QAAQ,EAAEN,eAAe,CAACO,KAH5B;AAIEC,EAAAA,WAAW,EAAE,2CAJf;AAKEC,EAAAA,MAAM,EAAE,EALV;AAMEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAEV,oBAAoB,EAD3B;AAELW,IAAAA,QAAQ,EAAEV,eAAe,CAAC;AACxBW,MAAAA,KAAK,EAAE;AADiB,KAAD;AAFpB;AANT,CADuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createResizeModeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Carousel\",\n    tag: \"Carousel\",\n    category: COMPONENT_TYPES.media,\n    description: \"A horizontal scrolling carousel of images\",\n    layout: {},\n    props: {\n      resizeMode: createResizeModeProp(),\n      dotColor: createColorProp({\n        label: \"Dot color\",\n      }),\n    },\n  },\n];\n"]}

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

@@ -3,9 +3,7 @@ export declare const SEED_DATA: {
     tag: string;
     category: string;
     description: string;
-    layout: {
-        height: number;
-    };
+    layout: {};
     props: {
         resizeMode: {
             group: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.2.5-9da576.3+9da57663",
+  "version": "43.2.5-a61289.1+a6128981",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -79,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "9da5766312aeb29c4b43fa8294292dfd730de35e"
+  "gitHead": "a6128981fb0f00447e39e8cbedcfb314857e76fd"
 }

package/src/components/Carousel.js

@@ -44,6 +44,9 @@ function Carousel({ data, children, dotColor = "strong", style, ...rest }) {
 }
 const styles = StyleSheet.create({
     container: {
+        height: 250,
+        position: "relative",
+        width: screenWidth,
         backgroundColor: "#eee",
     },
     pager: {

package/src/components/Carousel.tsx

@@ -110,6 +110,9 @@ function Carousel({
 
 const styles = StyleSheet.create({
   container: {
+    height: 250,
+    position: "relative",
+    width: screenWidth,
     backgroundColor: "#eee",
   },
   pager: {

package/src/components/Text.js

@@ -21,7 +21,7 @@ class Text extends React.Component {
     }
 }
 export const BaseLink = ({ style, theme, title, ...props }) => {
-    return (React.createElement(Text, { hitSlop: 8, style: [{ color: theme.colors.primary, alignSelf: "flex-start" }, style], theme: theme, ...props }, title));
+    return (React.createElement(Text, { hitSlop: 8, style: [{ color: theme.colors.primary, alignSelf: "baseline" }, style], theme: theme, ...props }, title));
 };
 const Link = withTheme(BaseLink);
 export { Link };

package/src/components/Text.tsx

@@ -45,7 +45,7 @@ export const BaseLink = ({
   return (
     <Text
       hitSlop={8}
-      style={[{ color: theme.colors.primary, alignSelf: "flex-start" }, style]}
+      style={[{ color: theme.colors.primary, alignSelf: "baseline" }, style]}
       theme={theme}
       {...props}
     >

package/src/mappings/Carousel.js

@@ -5,9 +5,7 @@ export const SEED_DATA = [
         tag: "Carousel",
         category: COMPONENT_TYPES.media,
         description: "A horizontal scrolling carousel of images",
-        layout: {
-            height: 250,
-        },
+        layout: {},
         props: {
             resizeMode: createResizeModeProp(),
             dotColor: createColorProp({

package/src/mappings/Carousel.ts

@@ -10,9 +10,7 @@ export const SEED_DATA = [
     tag: "Carousel",
     category: COMPONENT_TYPES.media,
     description: "A horizontal scrolling carousel of images",
-    layout: {
-      height: 250,
-    },
+    layout: {},
     props: {
       resizeMode: createResizeModeProp(),
       dotColor: createColorProp({