@draftbit/core 42.4.2-50ce38.2 → 42.4.2-717ab1.2

package/lib/commonjs/components/FormRow.js

@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function _extends() { _extends = Object.assign || 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 FormRow({
   disabled,
   direction,
@@ -34,13 +32,28 @@ function FormRow({
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
+  return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: onPress,
     style: [styles.row, {
       flexDirection: direction
-    }, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    }, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: textStyles
+  }, label), children);
+}
+
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    marginLeft: 8,
+    marginRight: 8,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  }
+});
+//# sourceMappingURL=FormRow.js.mapE__*/React.createElement(_reactNative.Text, {
     style: textStyles
   }, label), children);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["FormRow.tsx"],"names":["FormRow","disabled","direction","children","label","style","onPress","rest","textStyles","viewStyles","styles","row","flexDirection","StyleSheet","create","marginLeft","marginRight","justifyContent","alignItems"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAWe,SAASA,OAAT,CAAiB;AAC9BC,EAAAA,QAD8B;AAE9BC,EAAAA,SAF8B;AAG9BC,EAAAA,QAH8B;AAI9BC,EAAAA,KAJ8B;AAK9BC,EAAAA,KAL8B;AAM9BC,EAAAA,OAN8B;AAO9B,KAAGC;AAP2B,CAAjB,EAQL;AACR,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcJ,KAAd,CAAnC;AACA,sBACE,oBAAC,kBAAD;AACE,IAAA,QAAQ,EAAEJ,QADZ;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,KAAK,EAAE,CAACI,MAAM,CAACC,GAAR,EAAa;AAAEC,MAAAA,aAAa,EAAEV;AAAjB,KAAb,EAA2CO,UAA3C;AAHT,KAIMF,IAJN,gBAME,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC;AAAb,KAA0BJ,KAA1B,CANF,EAOGD,QAPH,CADF;AAWD;;AAED,MAAMO,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,GAAG,EAAE;AACHI,IAAAA,UAAU,EAAE,CADT;AAEHC,IAAAA,WAAW,EAAE,CAFV;AAGHJ,IAAAA,aAAa,EAAE,KAHZ;AAIHK,IAAAA,cAAc,EAAE,eAJb;AAKHC,IAAAA,UAAU,EAAE;AALT;AAD0B,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\nimport { RowDirection } from \"@draftbit/types\";\nimport { extractStyles } from \"../utilities\";\nimport Touchable from \"./Touchable\";\n\ntype Props = {\n  disabled?: boolean;\n  label: string;\n  direction: RowDirection;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nexport default function FormRow({\n  disabled,\n  direction,\n  children,\n  label,\n  style,\n  onPress,\n  ...rest\n}: Props) {\n  const { textStyles, viewStyles } = extractStyles(style);\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={onPress}\n      style={[styles.row, { flexDirection: direction }, viewStyles]}\n      {...rest}\n    >\n      <Text style={textStyles}>{label}</Text>\n      {children}\n    </Touchable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  row: {\n    marginLeft: 8,\n    marginRight: 8,\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n  },\n});\n"]}
+{"version":3,"sources":["FormRow.js"],"names":["FormRow","disabled","direction","children","label","style","onPress","rest","textStyles","viewStyles","React","createElement","Touchable","styles","row","flexDirection","Text","StyleSheet","create","marginLeft","marginRight","justifyContent","alignItems"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACe,SAASA,OAAT,CAAiB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,SAAZ;AAAuBC,EAAAA,QAAvB;AAAiCC,EAAAA,KAAjC;AAAwCC,EAAAA,KAAxC;AAA+CC,EAAAA,OAA/C;AAAwD,KAAGC;AAA3D,CAAjB,EAAoF;AAC/F,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcJ,KAAd,CAAnC;AACA,sBAAQK,KAAK,CAACC,aAAN,CAAoBC,kBAApB,EAA+B;AAAEX,IAAAA,QAAQ,EAAEA,QAAZ;AAAsBK,IAAAA,OAAO,EAAEA,OAA/B;AAAwCD,IAAAA,KAAK,EAAE,CAACQ,MAAM,CAACC,GAAR,EAAa;AAAEC,MAAAA,aAAa,EAAEb;AAAjB,KAAb,EAA2CO,UAA3C,CAA/C;AAAuG,OAAGF;AAA1G,GAA/B,eACJG,KAAK,CAACC,aAAN,CAAoBK,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAEG;AAAT,GAA1B,EAAiDJ,KAAjD,CADI,EAEJD,QAFI,CAAR;AAGH;;AACD,MAAMU,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC7BJ,EAAAA,GAAG,EAAE;AACDK,IAAAA,UAAU,EAAE,CADX;AAEDC,IAAAA,WAAW,EAAE,CAFZ;AAGDL,IAAAA,aAAa,EAAE,KAHd;AAIDM,IAAAA,cAAc,EAAE,eAJf;AAKDC,IAAAA,UAAU,EAAE;AALX;AADwB,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { Text, StyleSheet } from \"react-native\";\nimport { extractStyles } from \"../utilities\";\nimport Touchable from \"./Touchable\";\nexport default function FormRow({ disabled, direction, children, label, style, onPress, ...rest }) {\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Touchable, { disabled: disabled, onPress: onPress, style: [styles.row, { flexDirection: direction }, viewStyles], ...rest },\n        React.createElement(Text, { style: textStyles }, label),\n        children));\n}\nconst styles = StyleSheet.create({\n    row: {\n        marginLeft: 8,\n        marginRight: 8,\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n    },\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Header.tsx"],"names":["Header","Icon","titleTypeStyle","titleColor","title","buttonText","dividerTopMargin","icon","onPress","style","theme","colors","typography","styles","container","topContainer","color","flex","alignSelf","marginLeft","buttonContainer","subtitle2","light","marginRight","Config","headerIconSize","marginTop","StyleSheet","create","flexDirection","justifyContent","alignItems"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AACA;;AACA;;AACA;;;;;;;;AAiBA,MAAMA,MAAuB,GAAG,CAAC;AAC/BC,EAAAA,IAD+B;AAE/BC,EAAAA,cAF+B;AAG/BC,EAAAA,UAH+B;AAI/BC,EAAAA,KAJ+B;AAK/BC,EAAAA,UAL+B;AAM/BC,EAAAA,gBAN+B;AAO/BC,EAAAA,IAP+B;AAQ/BC,EAAAA,OAR+B;AAS/BC,EAAAA,KAT+B;AAU/BC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAVwB,CAAD,KAW1B;AACJ,sBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmBL,KAAnB;AAAb,kBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEI,MAAM,CAACE;AAApB,kBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLb,cADK,EAEL;AACEc,MAAAA,KAAK,EAAEb,UADT;AAEEc,MAAAA,IAAI,EAAE;AAFR,KAFK,CADT;AAQE,IAAA,aAAa,EAAE;AARjB,KAUGb,KAVH,CADF,EAaGI,OAAO,iBACN,oBAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AAAEU,MAAAA,SAAS,EAAE,QAAb;AAAuBC,MAAAA,UAAU,EAAE;AAAnC,KADT;AAEE,IAAA,OAAO,EAAEX;AAFX,kBAIE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEK,MAAM,CAACO;AAApB,kBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLR,UAAU,CAACS,SADN,EAEL;AACEL,MAAAA,KAAK,EAAEL,MAAM,CAACW,KADhB;AAEEC,MAAAA,WAAW,EAAE;AAFf,KAFK,CADT;AAQE,IAAA,aAAa,EAAE;AARjB,KAUGlB,UAVH,CADF,eAaE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEE,IADR;AAEE,IAAA,IAAI,EAAEiB,gBAAOC,cAFf;AAGE,IAAA,KAAK,EAAEd,MAAM,CAACW;AAHhB,IAbF,CAJF,CAdJ,CADF,eAyCE,oBAAC,gBAAD;AAAS,IAAA,KAAK,EAAE;AAAEI,MAAAA,SAAS,EAAEpB,gBAAgB,IAAI;AAAjC;AAAhB,IAzCF,CADF;AA6CD,CAzDD;;AA2DA,MAAMO,MAAM,GAAGc,wBAAWC,MAAX,CAAkB;AAC/Bd,EAAAA,SAAS,EAAE;AACTI,IAAAA,SAAS,EAAE;AADF,GADoB;AAI/BH,EAAAA,YAAY,EAAE;AACZc,IAAAA,aAAa,EAAE,KADH;AAEZC,IAAAA,cAAc,EAAE,eAFJ;AAGZC,IAAAA,UAAU,EAAE;AAHA,GAJiB;AAS/BX,EAAAA,eAAe,EAAE;AACfS,IAAAA,aAAa,EAAE,KADA;AAEfC,IAAAA,cAAc,EAAE,QAFD;AAGfC,IAAAA,UAAU,EAAE;AAHG;AATc,CAAlB,CAAf;;eAgBe,wBAAU/B,MAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Text,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Divider from \"./Divider\";\nimport Touchable from \"./Touchable\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  titleTypeStyle?: StyleProp<TextStyle>;\n  titleColor: string;\n  title: string;\n  buttonText: string;\n  dividerTopMargin?: number;\n  icon: string;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst Header: React.FC<Props> = ({\n  Icon,\n  titleTypeStyle,\n  titleColor,\n  title,\n  buttonText,\n  dividerTopMargin,\n  icon,\n  onPress,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <View style={[styles.container, style]}>\n      <View style={styles.topContainer}>\n        <Text\n          style={[\n            titleTypeStyle,\n            {\n              color: titleColor,\n              flex: 1,\n            },\n          ]}\n          numberOfLines={1}\n        >\n          {title}\n        </Text>\n        {onPress && (\n          <Touchable\n            style={{ alignSelf: \"center\", marginLeft: 12 }}\n            onPress={onPress}\n          >\n            <View style={styles.buttonContainer}>\n              <Text\n                style={[\n                  typography.subtitle2,\n                  {\n                    color: colors.light,\n                    marginRight: 8,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {buttonText}\n              </Text>\n              <Icon\n                name={icon}\n                size={Config.headerIconSize}\n                color={colors.light}\n              />\n            </View>\n          </Touchable>\n        )}\n      </View>\n      <Divider style={{ marginTop: dividerTopMargin || 16 }} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  topContainer: {\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n  },\n  buttonContainer: {\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n});\n\nexport default withTheme(Header);\n"]}
+{"version":3,"sources":["Header.js"],"names":["Header","Icon","titleTypeStyle","titleColor","title","buttonText","dividerTopMargin","icon","onPress","style","theme","colors","typography","React","createElement","View","styles","container","topContainer","Text","color","flex","numberOfLines","Touchable","alignSelf","marginLeft","buttonContainer","subtitle2","light","marginRight","name","size","Config","headerIconSize","Divider","marginTop","StyleSheet","create","flexDirection","justifyContent","alignItems"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,MAAM,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,cAAR;AAAwBC,EAAAA,UAAxB;AAAoCC,EAAAA,KAApC;AAA2CC,EAAAA,UAA3C;AAAuDC,EAAAA,gBAAvD;AAAyEC,EAAAA,IAAzE;AAA+EC,EAAAA,OAA/E;AAAwFC,EAAAA,KAAxF;AAA+FC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAAtG,CAAD,KAAqI;AAChJ,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEN,IAAAA,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmBR,KAAnB;AAAT,GAA1B,eACJI,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEN,IAAAA,KAAK,EAAEO,MAAM,CAACE;AAAhB,GAA1B,eACIL,KAAK,CAACC,aAAN,CAAoBK,iBAApB,EAA0B;AAAEV,IAAAA,KAAK,EAAE,CAC3BP,cAD2B,EAE3B;AACIkB,MAAAA,KAAK,EAAEjB,UADX;AAEIkB,MAAAA,IAAI,EAAE;AAFV,KAF2B,CAAT;AAMnBC,IAAAA,aAAa,EAAE;AANI,GAA1B,EAM2BlB,KAN3B,CADJ,EAQII,OAAO,iBAAKK,KAAK,CAACC,aAAN,CAAoBS,kBAApB,EAA+B;AAAEd,IAAAA,KAAK,EAAE;AAAEe,MAAAA,SAAS,EAAE,QAAb;AAAuBC,MAAAA,UAAU,EAAE;AAAnC,KAAT;AAAkDjB,IAAAA,OAAO,EAAEA;AAA3D,GAA/B,eACRK,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEN,IAAAA,KAAK,EAAEO,MAAM,CAACU;AAAhB,GAA1B,eACIb,KAAK,CAACC,aAAN,CAAoBK,iBAApB,EAA0B;AAAEV,IAAAA,KAAK,EAAE,CAC3BG,UAAU,CAACe,SADgB,EAE3B;AACIP,MAAAA,KAAK,EAAET,MAAM,CAACiB,KADlB;AAEIC,MAAAA,WAAW,EAAE;AAFjB,KAF2B,CAAT;AAMnBP,IAAAA,aAAa,EAAE;AANI,GAA1B,EAM2BjB,UAN3B,CADJ,eAQIQ,KAAK,CAACC,aAAN,CAAoBb,IAApB,EAA0B;AAAE6B,IAAAA,IAAI,EAAEvB,IAAR;AAAcwB,IAAAA,IAAI,EAAEC,gBAAOC,cAA3B;AAA2Cb,IAAAA,KAAK,EAAET,MAAM,CAACiB;AAAzD,GAA1B,CARJ,CADQ,CARhB,CADI,eAmBJf,KAAK,CAACC,aAAN,CAAoBoB,gBAApB,EAA6B;AAAEzB,IAAAA,KAAK,EAAE;AAAE0B,MAAAA,SAAS,EAAE7B,gBAAgB,IAAI;AAAjC;AAAT,GAA7B,CAnBI,CAAR;AAoBH,CArBD;;AAsBA,MAAMU,MAAM,GAAGoB,wBAAWC,MAAX,CAAkB;AAC7BpB,EAAAA,SAAS,EAAE;AACPO,IAAAA,SAAS,EAAE;AADJ,GADkB;AAI7BN,EAAAA,YAAY,EAAE;AACVoB,IAAAA,aAAa,EAAE,KADL;AAEVC,IAAAA,cAAc,EAAE,eAFN;AAGVC,IAAAA,UAAU,EAAE;AAHF,GAJe;AAS7Bd,EAAAA,eAAe,EAAE;AACbY,IAAAA,aAAa,EAAE,KADF;AAEbC,IAAAA,cAAc,EAAE,QAFH;AAGbC,IAAAA,UAAU,EAAE;AAHC;AATY,CAAlB,CAAf;;eAee,wBAAUxC,MAAV,C","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Divider from \"./Divider\";\nimport Touchable from \"./Touchable\";\nimport Config from \"./Config\";\nconst Header = ({ Icon, titleTypeStyle, titleColor, title, buttonText, dividerTopMargin, icon, onPress, style, theme: { colors, typography }, }) => {\n    return (React.createElement(View, { style: [styles.container, style] },\n        React.createElement(View, { style: styles.topContainer },\n            React.createElement(Text, { style: [\n                    titleTypeStyle,\n                    {\n                        color: titleColor,\n                        flex: 1,\n                    },\n                ], numberOfLines: 1 }, title),\n            onPress && (React.createElement(Touchable, { style: { alignSelf: \"center\", marginLeft: 12 }, onPress: onPress },\n                React.createElement(View, { style: styles.buttonContainer },\n                    React.createElement(Text, { style: [\n                            typography.subtitle2,\n                            {\n                                color: colors.light,\n                                marginRight: 8,\n                            },\n                        ], numberOfLines: 1 }, buttonText),\n                    React.createElement(Icon, { name: icon, size: Config.headerIconSize, color: colors.light }))))),\n        React.createElement(Divider, { style: { marginTop: dividerTopMargin || 16 } })));\n};\nconst styles = StyleSheet.create({\n    container: {\n        alignSelf: \"stretch\",\n    },\n    topContainer: {\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n    },\n    buttonContainer: {\n        flexDirection: \"row\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n});\nexport default withTheme(Header);\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["HeaderLarge.tsx"],"names":["HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline4","strong","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","layout","triggers","Triggers","OnPress","props","label","defaultValue","required"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AASA;;;;;;;;AAYA,MAAMA,WAA4B,GAAG,CAAC;AACpCC,EAAAA,IADoC;AAEpCC,EAAAA,KAFoC;AAGpCC,EAAAA,UAHoC;AAIpCC,EAAAA,IAJoC;AAKpCC,EAAAA,OAAO,GAAG,MAAM,CAAE,CALkB;AAMpCC,EAAAA,KANoC;AAOpCC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAP6B,CAAD,KAQ/B;AACJ,sBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAER,IADR;AAEE,IAAA,cAAc,EAAEQ,UAAU,CAACC,SAF7B;AAGE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAHrB;AAIE,IAAA,KAAK,EAAET,KAJT;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,IAAI,EAAEC,IANR;AAOE,IAAA,OAAO,EAAEC,OAPX;AAQE,IAAA,KAAK,EAAEC;AART,IADF;AAYD,CArBD;;eAuBe,wBAAUN,WAAV,C;;;AAER,MAAMY,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,cADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,WAAW,EACT,wEAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAL5B;AAMEC,EAAAA,MAAM,EAAE,EANV;AAOEC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CAPZ;AAQEC,EAAAA,KAAK,EAAE;AACLlB,IAAAA,OAAO,EAAE,8BADJ;AAELH,IAAAA,KAAK,EAAE,2BAAe;AACpBsB,MAAAA,KAAK,EAAE,OADa;AAEpBT,MAAAA,WAAW,EAAE,iBAFO;AAGpBU,MAAAA,YAAY,EAAE;AAHM,KAAf,CAFF;AAOLtB,IAAAA,UAAU,EAAE,2BAAe;AACzBqB,MAAAA,KAAK,EAAE,aADkB;AAEzBT,MAAAA,WAAW,EAAE,sCAFY;AAGzBU,MAAAA,YAAY,EAAE;AAHW,KAAf,CAPP;AAYLrB,IAAAA,IAAI,EAAE,2BAAe;AACnBqB,MAAAA,YAAY,EAAE,IADK;AAEnBC,MAAAA,QAAQ,EAAE;AAFS,KAAf;AAZD;AART,CADuB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderLarge: React.FC<Props> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.headline4}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderLarge);\n\nexport const SEED_DATA = [\n  {\n    name: \"Header Large\",\n    tag: \"HeaderLarge\",\n    description:\n      \"A large header with an optional touchable right aligned text and icon.\",\n    category: COMPONENT_TYPES.header,\n    layout: {},\n    triggers: [Triggers.OnPress],\n    props: {\n      onPress: createActionProp(),\n      title: createTextProp({\n        label: \"Title\",\n        description: \"Text to display\",\n        defaultValue: \"Title\",\n      }),\n      buttonText: createTextProp({\n        label: \"Button text\",\n        description: \"Right aligned button text to display\",\n        defaultValue: \"See All\",\n      }),\n      icon: createIconProp({\n        defaultValue: null,\n        required: false,\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["HeaderLarge.js"],"names":["HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","React","createElement","Header","titleTypeStyle","headline4","titleColor","strong","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","layout","triggers","Triggers","OnPress","props","label","defaultValue","required"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,WAAW,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA,UAAf;AAA2BC,EAAAA,IAA3B;AAAiCC,EAAAA,OAAO,GAAG,MAAM,CAAG,CAApD;AAAsDC,EAAAA,KAAtD;AAA6DC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAApE,CAAD,KAAmG;AACnH,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,eAApB,EAA4B;AAAEX,IAAAA,IAAI,EAAEA,IAAR;AAAcY,IAAAA,cAAc,EAAEJ,UAAU,CAACK,SAAzC;AAAoDC,IAAAA,UAAU,EAAEP,MAAM,CAACQ,MAAvE;AAA+Ed,IAAAA,KAAK,EAAEA,KAAtF;AAA6FC,IAAAA,UAAU,EAAEA,UAAzG;AAAqHC,IAAAA,IAAI,EAAEA,IAA3H;AAAiIC,IAAAA,OAAO,EAAEA,OAA1I;AAAmJC,IAAAA,KAAK,EAAEA;AAA1J,GAA5B,CAAR;AACH,CAFD;;eAGe,wBAAUN,WAAV,C;;;AACR,MAAMiB,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,cADV;AAEIC,EAAAA,GAAG,EAAE,aAFT;AAGIC,EAAAA,WAAW,EAAE,wEAHjB;AAIIC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJ9B;AAKIC,EAAAA,MAAM,EAAE,EALZ;AAMIC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CANd;AAOIC,EAAAA,KAAK,EAAE;AACHvB,IAAAA,OAAO,EAAE,8BADN;AAEHH,IAAAA,KAAK,EAAE,2BAAe;AAClB2B,MAAAA,KAAK,EAAE,OADW;AAElBT,MAAAA,WAAW,EAAE,iBAFK;AAGlBU,MAAAA,YAAY,EAAE;AAHI,KAAf,CAFJ;AAOH3B,IAAAA,UAAU,EAAE,2BAAe;AACvB0B,MAAAA,KAAK,EAAE,aADgB;AAEvBT,MAAAA,WAAW,EAAE,sCAFU;AAGvBU,MAAAA,YAAY,EAAE;AAHS,KAAf,CAPT;AAYH1B,IAAAA,IAAI,EAAE,2BAAe;AACjB0B,MAAAA,YAAY,EAAE,IADG;AAEjBC,MAAAA,QAAQ,EAAE;AAFO,KAAf;AAZH;AAPX,CADqB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createIconProp, createTextProp, createActionProp, Triggers, } from \"@draftbit/types\";\nimport Header from \"./Header\";\nconst HeaderLarge = ({ Icon, title, buttonText, icon, onPress = () => { }, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Header, { Icon: Icon, titleTypeStyle: typography.headline4, titleColor: colors.strong, title: title, buttonText: buttonText, icon: icon, onPress: onPress, style: style }));\n};\nexport default withTheme(HeaderLarge);\nexport const SEED_DATA = [\n    {\n        name: \"Header Large\",\n        tag: \"HeaderLarge\",\n        description: \"A large header with an optional touchable right aligned text and icon.\",\n        category: COMPONENT_TYPES.header,\n        layout: {},\n        triggers: [Triggers.OnPress],\n        props: {\n            onPress: createActionProp(),\n            title: createTextProp({\n                label: \"Title\",\n                description: \"Text to display\",\n                defaultValue: \"Title\",\n            }),\n            buttonText: createTextProp({\n                label: \"Button text\",\n                description: \"Right aligned button text to display\",\n                defaultValue: \"See All\",\n            }),\n            icon: createIconProp({\n                defaultValue: null,\n                required: false,\n            }),\n        },\n    },\n];\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["HeaderMedium.tsx"],"names":["HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline6","strong","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","basic","ASSET","action","layout"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AASA;;;;;;;;AAYA,MAAMA,YAA6B,GAAG,CAAC;AACrCC,EAAAA,IADqC;AAErCC,EAAAA,KAFqC;AAGrCC,EAAAA,UAHqC;AAIrCC,EAAAA,IAJqC;AAKrCC,EAAAA,OAAO,GAAG,MAAM,CAAE,CALmB;AAMrCC,EAAAA,KANqC;AAOrCC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAP8B,CAAD,KAQhC;AACJ,sBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAER,IADR;AAEE,IAAA,cAAc,EAAEQ,UAAU,CAACC,SAF7B;AAGE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAHrB;AAIE,IAAA,KAAK,EAAET,KAJT;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,IAAI,EAAEC,IANR;AAOE,IAAA,OAAO,EAAEC,OAPX;AAQE,IAAA,KAAK,EAAEC;AART,IADF;AAYD,CArBD;;eAuBe,wBAAUN,YAAV,C;;;AAER,MAAMY,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,eADR;AAEEC,EAAAA,GAAG,EAAE,cAFP;AAGEC,EAAAA,WAAW,EACT,yEAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAL5B;AAMEC,EAAAA,iBAAiB,EAAE,oDANrB;AAOEC,EAAAA,oBAAoB,EAAE,KAPxB;AAQEC,EAAAA,KAAK,EAAE;AACLnB,IAAAA,KAAK,EAAE;AACLoB,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLV,MAAAA,WAAW,EAAE,iBAHR;AAILW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,OANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWL/B,IAAAA,UAAU,EAAE;AACVmB,MAAAA,KAAK,EAAEC,cAAOC,IADJ;AAEVC,MAAAA,KAAK,EAAE,aAFG;AAGVV,MAAAA,WAAW,EAAE,sCAHH;AAIVW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJX;AAKVC,MAAAA,QAAQ,EAAEC,kBAAWC,MALX;AAMVC,MAAAA,YAAY,EAAE,SANJ;AAOVC,MAAAA,QAAQ,EAAE,IAPA;AAQVC,MAAAA,QAAQ,EAAE;AARA,KAXP;AAqBL9B,IAAAA,IAAI,EAAE;AACJkB,MAAAA,KAAK,EAAEC,cAAOY,KADV;AAEJV,MAAAA,KAAK,EAAE,MAFH;AAGJV,MAAAA,WAAW,EAAE,yBAHT;AAIJW,MAAAA,QAAQ,EAAEC,kBAAWvB,IAJjB;AAKJyB,MAAAA,QAAQ,EAAEC,kBAAWM,KALjB;AAMJJ,MAAAA,YAAY,EAAE,IANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN,KArBD;AA+BL7B,IAAAA,OAAO,EAAE;AACPiB,MAAAA,KAAK,EAAEC,cAAOY,KADP;AAEPV,MAAAA,KAAK,EAAE,QAFA;AAGPV,MAAAA,WAAW,EAAE,uCAHN;AAIPkB,MAAAA,QAAQ,EAAE,IAJH;AAKPC,MAAAA,QAAQ,EAAE,KALH;AAMPR,MAAAA,QAAQ,EAAEC,kBAAWU,MANd;AAOPR,MAAAA,QAAQ,EAAEC,kBAAWC,MAPd;AAQPC,MAAAA,YAAY,EAAE;AARP;AA/BJ,GART;AAkDEM,EAAAA,MAAM,EAAE;AAlDV,CADuB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderMedium: React.FC<Props> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderMedium);\n\nexport const SEED_DATA = [\n  {\n    name: \"Header Medium\",\n    tag: \"HeaderMedium\",\n    description:\n      \"A medium header with an optional touchable right aligned text and icon.\",\n    category: COMPONENT_TYPES.header,\n    preview_image_url: \"{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png\",\n    supports_list_render: false,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Title\",\n        editable: true,\n        required: false,\n      },\n      buttonText: {\n        group: GROUPS.data,\n        label: \"Button text\",\n        description: \"Right aligned button text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"See All\",\n        editable: true,\n        required: false,\n      },\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Name of icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      onPress: {\n        group: GROUPS.basic,\n        label: \"Action\",\n        description: \"Action to execute when button pressed\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.action,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n      },\n    },\n    layout: {},\n  },\n];\n"]}
+{"version":3,"sources":["HeaderMedium.js"],"names":["HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","React","createElement","Header","titleTypeStyle","headline6","titleColor","strong","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","basic","ASSET","action","layout"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,YAAY,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA,UAAf;AAA2BC,EAAAA,IAA3B;AAAiCC,EAAAA,OAAO,GAAG,MAAM,CAAG,CAApD;AAAsDC,EAAAA,KAAtD;AAA6DC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAApE,CAAD,KAAmG;AACpH,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,eAApB,EAA4B;AAAEX,IAAAA,IAAI,EAAEA,IAAR;AAAcY,IAAAA,cAAc,EAAEJ,UAAU,CAACK,SAAzC;AAAoDC,IAAAA,UAAU,EAAEP,MAAM,CAACQ,MAAvE;AAA+Ed,IAAAA,KAAK,EAAEA,KAAtF;AAA6FC,IAAAA,UAAU,EAAEA,UAAzG;AAAqHC,IAAAA,IAAI,EAAEA,IAA3H;AAAiIC,IAAAA,OAAO,EAAEA,OAA1I;AAAmJC,IAAAA,KAAK,EAAEA;AAA1J,GAA5B,CAAR;AACH,CAFD;;eAGe,wBAAUN,YAAV,C;;;AACR,MAAMiB,SAAS,GAAG,CACrB;AACIC,EAAAA,IAAI,EAAE,eADV;AAEIC,EAAAA,GAAG,EAAE,cAFT;AAGIC,EAAAA,WAAW,EAAE,yEAHjB;AAIIC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJ9B;AAKIC,EAAAA,iBAAiB,EAAE,oDALvB;AAMIC,EAAAA,oBAAoB,EAAE,KAN1B;AAOIC,EAAAA,KAAK,EAAE;AACHxB,IAAAA,KAAK,EAAE;AACHyB,MAAAA,KAAK,EAAEC,cAAOC,IADX;AAEHC,MAAAA,KAAK,EAAE,OAFJ;AAGHV,MAAAA,WAAW,EAAE,iBAHV;AAIHW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJlB;AAKHC,MAAAA,QAAQ,EAAEC,kBAAWC,MALlB;AAMHC,MAAAA,YAAY,EAAE,OANX;AAOHC,MAAAA,QAAQ,EAAE,IAPP;AAQHC,MAAAA,QAAQ,EAAE;AARP,KADJ;AAWHpC,IAAAA,UAAU,EAAE;AACRwB,MAAAA,KAAK,EAAEC,cAAOC,IADN;AAERC,MAAAA,KAAK,EAAE,aAFC;AAGRV,MAAAA,WAAW,EAAE,sCAHL;AAIRW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJb;AAKRC,MAAAA,QAAQ,EAAEC,kBAAWC,MALb;AAMRC,MAAAA,YAAY,EAAE,SANN;AAORC,MAAAA,QAAQ,EAAE,IAPF;AAQRC,MAAAA,QAAQ,EAAE;AARF,KAXT;AAqBHnC,IAAAA,IAAI,EAAE;AACFuB,MAAAA,KAAK,EAAEC,cAAOY,KADZ;AAEFV,MAAAA,KAAK,EAAE,MAFL;AAGFV,MAAAA,WAAW,EAAE,yBAHX;AAIFW,MAAAA,QAAQ,EAAEC,kBAAW5B,IAJnB;AAKF8B,MAAAA,QAAQ,EAAEC,kBAAWM,KALnB;AAMFJ,MAAAA,YAAY,EAAE,IANZ;AAOFC,MAAAA,QAAQ,EAAE,IAPR;AAQFC,MAAAA,QAAQ,EAAE;AARR,KArBH;AA+BHlC,IAAAA,OAAO,EAAE;AACLsB,MAAAA,KAAK,EAAEC,cAAOY,KADT;AAELV,MAAAA,KAAK,EAAE,QAFF;AAGLV,MAAAA,WAAW,EAAE,uCAHR;AAILkB,MAAAA,QAAQ,EAAE,IAJL;AAKLC,MAAAA,QAAQ,EAAE,KALL;AAMLR,MAAAA,QAAQ,EAAEC,kBAAWU,MANhB;AAOLR,MAAAA,QAAQ,EAAEC,kBAAWC,MAPhB;AAQLC,MAAAA,YAAY,EAAE;AART;AA/BN,GAPX;AAiDIM,EAAAA,MAAM,EAAE;AAjDZ,CADqB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from \"@draftbit/types\";\nimport Header from \"./Header\";\nconst HeaderMedium = ({ Icon, title, buttonText, icon, onPress = () => { }, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Header, { Icon: Icon, titleTypeStyle: typography.headline6, titleColor: colors.strong, title: title, buttonText: buttonText, icon: icon, onPress: onPress, style: style }));\n};\nexport default withTheme(HeaderMedium);\nexport const SEED_DATA = [\n    {\n        name: \"Header Medium\",\n        tag: \"HeaderMedium\",\n        description: \"A medium header with an optional touchable right aligned text and icon.\",\n        category: COMPONENT_TYPES.header,\n        preview_image_url: \"{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png\",\n        supports_list_render: false,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Title\",\n                editable: true,\n                required: false,\n            },\n            buttonText: {\n                group: GROUPS.data,\n                label: \"Button text\",\n                description: \"Right aligned button text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"See All\",\n                editable: true,\n                required: false,\n            },\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Name of icon to display\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n            onPress: {\n                group: GROUPS.basic,\n                label: \"Action\",\n                description: \"Action to execute when button pressed\",\n                editable: true,\n                required: false,\n                formType: FORM_TYPES.action,\n                propType: PROP_TYPES.STRING,\n                defaultValue: null,\n            },\n        },\n        layout: {},\n    },\n];\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["HeaderOverline.tsx"],"names":["HeaderOverline","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","overline","light","toUpperCase","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","basic","ASSET","action","layout"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AASA;;;;;;;;AAYA,MAAMA,cAA+B,GAAG,CAAC;AACvCC,EAAAA,IADuC;AAEvCC,EAAAA,KAFuC;AAGvCC,EAAAA,UAHuC;AAIvCC,EAAAA,IAJuC;AAKvCC,EAAAA,OAAO,GAAG,MAAM,CAAE,CALqB;AAMvCC,EAAAA,KANuC;AAOvCC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAPgC,CAAD,KAQlC;AACJ,sBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAER,IADR;AAEE,IAAA,cAAc,EAAEQ,UAAU,CAACC,QAF7B;AAGE,IAAA,UAAU,EAAEF,MAAM,CAACG,KAHrB;AAIE,IAAA,KAAK,EAAET,KAAK,IAAIA,KAAK,CAACU,WAAN,EAJlB;AAKE,IAAA,UAAU,EAAET,UALd;AAME,IAAA,IAAI,EAAEC,IANR;AAOE,IAAA,gBAAgB,EAAE,EAPpB;AAQE,IAAA,OAAO,EAAEC,OARX;AASE,IAAA,KAAK,EAAEC;AATT,IADF;AAaD,CAtBD;;eAwBe,wBAAUN,cAAV,C;;;AAER,MAAMa,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,iBADR;AAEEC,EAAAA,GAAG,EAAE,gBAFP;AAGEC,EAAAA,WAAW,EACT,wEAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAL5B;AAMEC,EAAAA,iBAAiB,EAAE,8CANrB;AAOEC,EAAAA,oBAAoB,EAAE,KAPxB;AAQEC,EAAAA,KAAK,EAAE;AACLpB,IAAAA,KAAK,EAAE;AACLqB,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLV,MAAAA,WAAW,EAAE,iBAHR;AAILW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,OANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLhC,IAAAA,UAAU,EAAE;AACVoB,MAAAA,KAAK,EAAEC,cAAOC,IADJ;AAEVC,MAAAA,KAAK,EAAE,aAFG;AAGVV,MAAAA,WAAW,EAAE,sCAHH;AAIVW,MAAAA,QAAQ,EAAEC,kBAAWC,MAJX;AAKVC,MAAAA,QAAQ,EAAEC,kBAAWC,MALX;AAMVC,MAAAA,YAAY,EAAE,SANJ;AAOVC,MAAAA,QAAQ,EAAE,IAPA;AAQVC,MAAAA,QAAQ,EAAE;AARA,KAXP;AAqBL/B,IAAAA,IAAI,EAAE;AACJmB,MAAAA,KAAK,EAAEC,cAAOY,KADV;AAEJV,MAAAA,KAAK,EAAE,MAFH;AAGJV,MAAAA,WAAW,EAAE,yBAHT;AAIJW,MAAAA,QAAQ,EAAEC,kBAAWxB,IAJjB;AAKJ0B,MAAAA,QAAQ,EAAEC,kBAAWM,KALjB;AAMJJ,MAAAA,YAAY,EAAE,IANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN,KArBD;AA+BL9B,IAAAA,OAAO,EAAE;AACPkB,MAAAA,KAAK,EAAEC,cAAOY,KADP;AAEPV,MAAAA,KAAK,EAAE,QAFA;AAGPV,MAAAA,WAAW,EAAE,uCAHN;AAIPkB,MAAAA,QAAQ,EAAE,IAJH;AAKPC,MAAAA,QAAQ,EAAE,KALH;AAMPR,MAAAA,QAAQ,EAAEC,kBAAWU,MANd;AAOPR,MAAAA,QAAQ,EAAEC,kBAAWC,MAPd;AAQPC,MAAAA,YAAY,EAAE;AARP;AA/BJ,GART;AAkDEM,EAAAA,MAAM,EAAE;AAlDV,CADuB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderOverline: React.FC<Props> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.overline}\n      titleColor={colors.light}\n      title={title && title.toUpperCase()}\n      buttonText={buttonText}\n      icon={icon}\n      dividerTopMargin={12}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderOverline);\n\nexport const SEED_DATA = [\n  {\n    name: \"Header Overline\",\n    tag: \"HeaderOverline\",\n    description:\n      \"A small header with an optional touchable right aligned text and icon.\",\n    category: COMPONENT_TYPES.header,\n    preview_image_url: \"{CLOUDINARY_URL}/Header_OverlineIconText.png\",\n    supports_list_render: false,\n    props: {\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Title\",\n        editable: true,\n        required: false,\n      },\n      buttonText: {\n        group: GROUPS.data,\n        label: \"Button text\",\n        description: \"Right aligned button text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"See All\",\n        editable: true,\n        required: false,\n      },\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Name of icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      onPress: {\n        group: GROUPS.basic,\n        label: \"Action\",\n        description: \"Action to execute when button pressed\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.action,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n      },\n    },\n    layout: {},\n  },\n];\n"]}
+{"version":3,"sources":["HeaderOverline.js"],"names":["HeaderOverline","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","React","createElement","Header","titleTypeStyle","overline","titleColor","light","toUpperCase","dividerTopMargin","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","preview_image_url","supports_list_render","props","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","basic","ASSET","action","layout"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from \"@draftbit/types\";\nimport Header from \"./Header\";\nconst HeaderOverline = ({ Icon, title, buttonText, icon, onPress = () => { }, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Header, { Icon: Icon, titleTypeStyle: typography.overline, titleColor: colors.light, title: title && title.toUpperCase(), buttonText: buttonText, icon: icon, dividerTopMargin: 12, onPress: onPress, style: style }));\n};\nexport default withTheme(HeaderOverline);\nexport const SEED_DATA = [\n    {\n        name: \"Header Overline\",\n        tag: \"HeaderOverline\",\n        description: \"A small header with an optional touchable right aligned text and icon.\",\n        category: COMPONENT_TYPES.header,\n        preview_image_url: \"{CLOUDINARY_URL}/Header_OverlineIconText.png\",\n        supports_list_render: false,\n        props: {\n            title: {\n                group: GROUPS.data,\n                label: \"Title\",\n                description: \"Text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"Title\",\n                editable: true,\n                required: false,\n            },\n            buttonText: {\n                group: GROUPS.data,\n                label: \"Button text\",\n                description: \"Right aligned button text to display\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"See All\",\n                editable: true,\n                required: false,\n            },\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Name of icon to display\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.ASSET,\n                defaultValue: null,\n                editable: true,\n                required: false,\n            },\n            onPress: {\n                group: GROUPS.basic,\n                label: \"Action\",\n                description: \"Action to execute when button pressed\",\n                editable: true,\n                required: false,\n                formType: FORM_TYPES.action,\n                propType: PROP_TYPES.STRING,\n                defaultValue: null,\n            },\n        },\n        layout: {},\n    },\n];\n"]}

package/lib/commonjs/components/IconButton.js

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function _extends() { _extends = Object.assign || 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); }
-
 const IconButton = ({
   Icon,
   icon,
@@ -32,7 +30,7 @@ const IconButton = ({
   ...props
 }) => {
   const iconColor = customColor || theme.colors.primary;
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
     onPress: onPress,
     disabled: disabled || loading,
     style: ({
@@ -45,8 +43,9 @@ const IconButton = ({
         alignItems: "center",
         justifyContent: "center"
       }, style];
-    }
-  }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
+    },
+    ...props
+  }, /*#__PURE__*/React.createElement(_reactNative.View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: size - 2,
     color: iconColor
@@ -102,4 +101,18 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=IconButton.js.map,
+    size: (0, _types.createNumberProp)({
+      group: _types.GROUPS.basic,
+      label: "Size",
+      description: "Width and height of your icon",
+      defaultValue: 32,
+      min: 16,
+      max: 128,
+      step: 1,
+      precision: 0
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=IconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["IconButton.tsx"],"names":["IconButton","Icon","icon","color","customColor","size","disabled","loading","onPress","theme","style","props","iconColor","colors","primary","pressed","styles","container","opacity","width","height","alignItems","justifyContent","StyleSheet","create","Platform","select","web","cursor","userSelect","SEED_DATA","name","tag","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress","label","group","GROUPS","basic","description","defaultValue","min","max","step","precision"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  Pressable,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport {\n  COMPONENT_TYPES,\n  GROUPS,\n  createIconProp,\n  createColorProp,\n  createNumberProp,\n  createBoolProp,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  icon?: string;\n  color?: string;\n  size?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst IconButton: React.FC<Props> = ({\n  Icon,\n  icon,\n  color: customColor,\n  size = 32,\n  disabled = false,\n  loading = false,\n  onPress,\n  theme,\n  style,\n  ...props\n}) => {\n  const iconColor = customColor || theme.colors.primary;\n\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled || loading}\n      style={({ pressed }) => {\n        return [\n          styles.container,\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n            width: size,\n            height: size,\n            alignItems: \"center\",\n            justifyContent: \"center\",\n          },\n          style,\n        ];\n      }}\n      {...props}\n    >\n      <View>\n        {icon && !loading ? (\n          <Icon name={icon} size={size - 2} color={iconColor} />\n        ) : null}\n        {loading ? <ActivityIndicator size=\"small\" color={iconColor} /> : null}\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(IconButton);\n\nexport const SEED_DATA = {\n  name: \"Icon Button\",\n  tag: \"IconButton\",\n  category: COMPONENT_TYPES.button,\n  layout: {},\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    icon: createIconProp(),\n    color: createColorProp({\n      label: \"Color\",\n      group: GROUPS.basic,\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      group: GROUPS.basic,\n    }),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Width and height of your icon\",\n      defaultValue: 32,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["IconButton.js"],"names":["IconButton","Icon","icon","color","customColor","size","disabled","loading","onPress","theme","style","props","iconColor","colors","primary","React","createElement","Pressable","pressed","styles","container","opacity","width","height","alignItems","justifyContent","View","name","ActivityIndicator","StyleSheet","create","Platform","select","web","cursor","userSelect","SEED_DATA","tag","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress","label","group","GROUPS","basic","description","defaultValue","min","max","step","precision"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, ActivityIndicator, Pressable, Platform, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createBoolProp, createActionProp, Triggers, } from \"@draftbit/types\";\nconst IconButton = ({ Icon, icon, color: customColor, size = 32, disabled = false, loading = false, onPress, theme, style, ...props }) => {\n    const iconColor = customColor || theme.colors.primary;\n    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {\n            return [\n                styles.container,\n                {\n                    opacity: pressed || disabled ? 0.75 : 1,\n                    width: size,\n                    height: size,\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                },\n                style,\n            ];\n        }, ...props },\n        React.createElement(View, null,\n            icon && !loading ? (React.createElement(Icon, { name: icon, size: size - 2, color: iconColor })) : null,\n            loading ? React.createElement(ActivityIndicator, { size: \"small\", color: iconColor }) : null)));\n};\nconst styles = StyleSheet.create({\n    container: {\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        ...Platform.select({\n            web: {\n                cursor: \"pointer\",\n                userSelect: \"none\",\n            },\n        }),\n    },\n});\nexport default withTheme(IconButton);\nexport const SEED_DATA = {\n    name: \"Icon Button\",\n    tag: \"IconButton\",\n    category: COMPONENT_TYPES.button,\n    layout: {},\n    triggers: [Triggers.OnPress],\n    props: {\n        onPress: createActionProp(),\n        icon: createIconProp(),\n        color: createColorProp({\n            label: \"Color\",\n            group: GROUPS.basic,\n        }),\n        disabled: createBoolProp({\n            label: \"Disabled\",\n            group: GROUPS.basic,\n        }),\n        size: createNumberProp({\n            group: GROUPS.basic,\n            label: \"Size\",\n            description: \"Width and height of your icon\",\n            defaultValue: 32,\n            min: 16,\n            max: 128,\n            step: 1,\n            precision: 0,\n        }),\n    },\n};\n"]}

package/lib/commonjs/components/Image.js

@@ -17,8 +17,7 @@ var _AspectRatio = _interopRequireDefault(require("./AspectRatio"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
-
+/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
 const generateDimensions = ({
   aspectRatio,
   width,
@@ -76,21 +75,21 @@ const Image = ({
         height,
         aspectRatio
       }]
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, { ...props,
       source: imageSource,
       resizeMode: resizeMode,
       style: [style, {
         height: "100%",
         width: "100%"
       }]
-    })));
+    }));
   }
 
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, { ...props,
     source: source,
     resizeMode: resizeMode,
     style: style
-  }));
+  });
 };
 
 var _default = Image;
@@ -110,4 +109,15 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=Image.js.mapgory: _types.COMPONENT_TYPES.media,
+  layout: {
+    width: 250,
+    height: 250
+  },
+  props: {
+    source: (0, _types.createImageProp)(),
+    resizeMode: (0, _types.createResizeModeProp)()
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=Image.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Image.tsx"],"names":["generateDimensions","aspectRatio","width","height","Image","source","resizeMode","style","props","imageSource","undefined","Config","placeholderImageURL","styles","StyleSheet","flatten","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout"],"mappings":";;;;;;;AACA;;AACA;;AAMA;;AACA;;AAMA;;;;;;AAQA,MAAMA,kBAAkB,GAAG,CAAC;AAAEC,EAAAA,WAAF;AAAeC,EAAAA,KAAf;AAAsBC,EAAAA;AAAtB,CAAD,KAAoD;AAC7E,MAAIF,WAAW,IAAI,CAACC,KAAhB,IAAyB,CAACC,MAA9B,EAAsC;AACpC,WAAO;AACLF,MAAAA,WADK;AAELC,MAAAA,KAAK,EAAE;AAFF,KAAP;AAID;;AAED,MAAID,WAAW,IAAIE,MAAnB,EAA2B;AACzB,WAAO;AACLF,MAAAA,WADK;AAELE,MAAAA,MAFK;AAGLD,MAAAA,KAAK,EAAED,WAAW,GAAGE;AAHhB,KAAP;AAKD;;AAED,MAAIF,WAAW,IAAIC,KAAnB,EAA0B;AACxB,WAAO;AACLD,MAAAA,WADK;AAELC,MAAAA,KAFK;AAGLC,MAAAA,MAAM,EAAED,KAAK,GAAGD;AAHX,KAAP;AAKD;;AAED,SAAO;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAP;AACD,CAzBD;;AA2BA,MAAMC,KAA2B,GAAG,CAAC;AACnCC,EAAAA,MADmC;AAEnCC,EAAAA,UAAU,GAAG,OAFsB;AAGnCC,EAAAA,KAHmC;AAInC,KAAGC;AAJgC,CAAD,KAK9B;AACJ,MAAIC,WAAW,GACbJ,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAKK,SAA9B,GACIC,gBAAOC,mBADX,GAEIP,MAHN;;AAKA,QAAMQ,MAAM,GAAGC,wBAAWC,OAAX,CAAmBR,KAAK,IAAI,EAA5B,CAAf;;AACA,QAAM;AAAEN,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,MAAiCH,kBAAkB,CACvDa,MADuD,CAAzD;;AAIA,MAAIZ,WAAJ,EAAiB;AACf,wBACE,6BAAC,oBAAD;AAAa,MAAA,KAAK,EAAE,CAACM,KAAD,EAAQ;AAAEL,QAAAA,KAAF;AAASC,QAAAA,MAAT;AAAiBF,QAAAA;AAAjB,OAAR;AAApB,oBACE,6BAAC,kBAAD,eACMO,KADN;AAEE,MAAA,MAAM,EAAEC,WAFV;AAGE,MAAA,UAAU,EAAEH,UAHd;AAIE,MAAA,KAAK,EAAE,CACLC,KADK,EAEL;AACEJ,QAAAA,MAAM,EAAE,MADV;AAEED,QAAAA,KAAK,EAAE;AAFT,OAFK;AAJT,OADF,CADF;AAgBD;;AAED,sBACE,6BAAC,kBAAD,eACMM,KADN;AAEE,IAAA,MAAM,EAAEH,MAFV;AAGE,IAAA,UAAU,EAAEC,UAHd;AAIE,IAAA,KAAK,EAAEC;AAJT,KADF;AAQD,CA3CD;;eA6CeH,K;;AAER,MAAMY,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,OADiB;AAEvBC,EAAAA,GAAG,EAAE,OAFkB;AAGvBC,EAAAA,WAAW,EAAE,yBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNrB,IAAAA,KAAK,EAAE,GADD;AAENC,IAAAA,MAAM,EAAE;AAFF,GALe;AASvBK,EAAAA,KAAK,EAAE;AACLH,IAAAA,MAAM,EAAE,6BADH;AAELC,IAAAA,UAAU,EAAE;AAFP;AATgB,CAAlB","sourcesContent":["/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */\nimport React from \"react\";\nimport {\n  Image as NativeImage,\n  ImageProps,\n  StyleSheet,\n  ImageSourcePropType,\n} from \"react-native\";\nimport Config from \"./Config\";\nimport {\n  COMPONENT_TYPES,\n  createImageProp,\n  createResizeModeProp,\n} from \"@draftbit/types\";\n\nimport AspectRatio from \"./AspectRatio\";\n\ntype ImageStyleProp = {\n  width?: number;\n  height?: number;\n  aspectRatio?: number;\n};\n\nconst generateDimensions = ({ aspectRatio, width, height }: ImageStyleProp) => {\n  if (aspectRatio && !width && !height) {\n    return {\n      aspectRatio,\n      width: \"100%\",\n    };\n  }\n\n  if (aspectRatio && height) {\n    return {\n      aspectRatio,\n      height,\n      width: aspectRatio * height,\n    };\n  }\n\n  if (aspectRatio && width) {\n    return {\n      aspectRatio,\n      width,\n      height: width / aspectRatio,\n    };\n  }\n\n  return { width, height };\n};\n\nconst Image: React.FC<ImageProps> = ({\n  source,\n  resizeMode = \"cover\",\n  style,\n  ...props\n}) => {\n  let imageSource =\n    source === null || source === undefined\n      ? Config.placeholderImageURL\n      : source;\n\n  const styles = StyleSheet.flatten(style || {});\n  const { aspectRatio, width, height } = generateDimensions(\n    styles as ImageStyleProp\n  );\n\n  if (aspectRatio) {\n    return (\n      <AspectRatio style={[style, { width, height, aspectRatio }]}>\n        <NativeImage\n          {...props}\n          source={imageSource as ImageSourcePropType}\n          resizeMode={resizeMode}\n          style={[\n            style,\n            {\n              height: \"100%\",\n              width: \"100%\",\n            },\n          ]}\n        />\n      </AspectRatio>\n    );\n  }\n\n  return (\n    <NativeImage\n      {...props}\n      source={source as ImageSourcePropType}\n      resizeMode={resizeMode}\n      style={style}\n    />\n  );\n};\n\nexport default Image;\n\nexport const SEED_DATA = {\n  name: \"Image\",\n  tag: \"Image\",\n  description: \"A basic Image Component\",\n  category: COMPONENT_TYPES.media,\n  layout: {\n    width: 250,\n    height: 250,\n  },\n  props: {\n    source: createImageProp(),\n    resizeMode: createResizeModeProp(),\n  },\n};\n"]}
+{"version":3,"sources":["Image.js"],"names":["generateDimensions","aspectRatio","width","height","Image","source","resizeMode","style","props","imageSource","undefined","Config","placeholderImageURL","styles","StyleSheet","flatten","React","createElement","AspectRatio","NativeImage","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AALA;AAMA,MAAMA,kBAAkB,GAAG,CAAC;AAAEC,EAAAA,WAAF;AAAeC,EAAAA,KAAf;AAAsBC,EAAAA;AAAtB,CAAD,KAAoC;AAC3D,MAAIF,WAAW,IAAI,CAACC,KAAhB,IAAyB,CAACC,MAA9B,EAAsC;AAClC,WAAO;AACHF,MAAAA,WADG;AAEHC,MAAAA,KAAK,EAAE;AAFJ,KAAP;AAIH;;AACD,MAAID,WAAW,IAAIE,MAAnB,EAA2B;AACvB,WAAO;AACHF,MAAAA,WADG;AAEHE,MAAAA,MAFG;AAGHD,MAAAA,KAAK,EAAED,WAAW,GAAGE;AAHlB,KAAP;AAKH;;AACD,MAAIF,WAAW,IAAIC,KAAnB,EAA0B;AACtB,WAAO;AACHD,MAAAA,WADG;AAEHC,MAAAA,KAFG;AAGHC,MAAAA,MAAM,EAAED,KAAK,GAAGD;AAHb,KAAP;AAKH;;AACD,SAAO;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAP;AACH,CAtBD;;AAuBA,MAAMC,KAAK,GAAG,CAAC;AAAEC,EAAAA,MAAF;AAAUC,EAAAA,UAAU,GAAG,OAAvB;AAAgCC,EAAAA,KAAhC;AAAuC,KAAGC;AAA1C,CAAD,KAAuD;AACjE,MAAIC,WAAW,GAAGJ,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAKK,SAA9B,GACZC,gBAAOC,mBADK,GAEZP,MAFN;;AAGA,QAAMQ,MAAM,GAAGC,wBAAWC,OAAX,CAAmBR,KAAK,IAAI,EAA5B,CAAf;;AACA,QAAM;AAAEN,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,MAAiCH,kBAAkB,CAACa,MAAD,CAAzD;;AACA,MAAIZ,WAAJ,EAAiB;AACb,wBAAQe,eAAMC,aAAN,CAAoBC,oBAApB,EAAiC;AAAEX,MAAAA,KAAK,EAAE,CAACA,KAAD,EAAQ;AAAEL,QAAAA,KAAF;AAASC,QAAAA,MAAT;AAAiBF,QAAAA;AAAjB,OAAR;AAAT,KAAjC,eACJe,eAAMC,aAAN,CAAoBE,kBAApB,EAAiC,EAAE,GAAGX,KAAL;AAAYH,MAAAA,MAAM,EAAEI,WAApB;AAAiCH,MAAAA,UAAU,EAAEA,UAA7C;AAAyDC,MAAAA,KAAK,EAAE,CACzFA,KADyF,EAEzF;AACIJ,QAAAA,MAAM,EAAE,MADZ;AAEID,QAAAA,KAAK,EAAE;AAFX,OAFyF;AAAhE,KAAjC,CADI,CAAR;AAQH;;AACD,sBAAQc,eAAMC,aAAN,CAAoBE,kBAApB,EAAiC,EAAE,GAAGX,KAAL;AAAYH,IAAAA,MAAM,EAAEA,MAApB;AAA4BC,IAAAA,UAAU,EAAEA,UAAxC;AAAoDC,IAAAA,KAAK,EAAEA;AAA3D,GAAjC,CAAR;AACH,CAjBD;;eAkBeH,K;;AACR,MAAMgB,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,OADe;AAErBC,EAAAA,GAAG,EAAE,OAFgB;AAGrBC,EAAAA,WAAW,EAAE,yBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJL;AAKrBC,EAAAA,MAAM,EAAE;AACJzB,IAAAA,KAAK,EAAE,GADH;AAEJC,IAAAA,MAAM,EAAE;AAFJ,GALa;AASrBK,EAAAA,KAAK,EAAE;AACHH,IAAAA,MAAM,EAAE,6BADL;AAEHC,IAAAA,UAAU,EAAE;AAFT;AATc,CAAlB","sourcesContent":["/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */\nimport React from \"react\";\nimport { Image as NativeImage, StyleSheet, } from \"react-native\";\nimport Config from \"./Config\";\nimport { COMPONENT_TYPES, createImageProp, createResizeModeProp, } from \"@draftbit/types\";\nimport AspectRatio from \"./AspectRatio\";\nconst generateDimensions = ({ aspectRatio, width, height }) => {\n    if (aspectRatio && !width && !height) {\n        return {\n            aspectRatio,\n            width: \"100%\",\n        };\n    }\n    if (aspectRatio && height) {\n        return {\n            aspectRatio,\n            height,\n            width: aspectRatio * height,\n        };\n    }\n    if (aspectRatio && width) {\n        return {\n            aspectRatio,\n            width,\n            height: width / aspectRatio,\n        };\n    }\n    return { width, height };\n};\nconst Image = ({ source, resizeMode = \"cover\", style, ...props }) => {\n    let imageSource = source === null || source === undefined\n        ? Config.placeholderImageURL\n        : source;\n    const styles = StyleSheet.flatten(style || {});\n    const { aspectRatio, width, height } = generateDimensions(styles);\n    if (aspectRatio) {\n        return (React.createElement(AspectRatio, { style: [style, { width, height, aspectRatio }] },\n            React.createElement(NativeImage, { ...props, source: imageSource, resizeMode: resizeMode, style: [\n                    style,\n                    {\n                        height: \"100%\",\n                        width: \"100%\",\n                    },\n                ] })));\n    }\n    return (React.createElement(NativeImage, { ...props, source: source, resizeMode: resizeMode, style: style }));\n};\nexport default Image;\nexport const SEED_DATA = {\n    name: \"Image\",\n    tag: \"Image\",\n    description: \"A basic Image Component\",\n    category: COMPONENT_TYPES.media,\n    layout: {\n        width: 250,\n        height: 250,\n    },\n    props: {\n        source: createImageProp(),\n        resizeMode: createResizeModeProp(),\n    },\n};\n"]}

package/lib/commonjs/components/Justification.js

@@ -1,5 +1,6 @@
 "use strict";
-//# sourceMappingURL=Justification.js.maple", {
+
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 //# sourceMappingURL=Justification.js.map

package/lib/commonjs/components/Layout.js

@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function _extends() { _extends = Object.assign || 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 Center({
   width = 240,
   height = 200,
@@ -31,15 +29,16 @@ function Center({
   style,
   ...rest
 }) {
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [{
       justifyContent: "center",
       alignItems: "center",
       width,
       height,
       backgroundColor: bgColor
-    }, style]
-  }, rest), children);
+    }, style],
+    ...rest
+  }, children);
 }
 
 function Circle({
@@ -50,7 +49,7 @@ function Circle({
   ...rest
 }) {
   const borderRadius = 1000;
-  return /*#__PURE__*/React.createElement(Center, _extends({
+  return /*#__PURE__*/React.createElement(Center, {
     width: size,
     height: size,
     bgColor: bgColor,
@@ -58,8 +57,9 @@ function Circle({
       backgroundColor: bgColor,
       borderRadius,
       overflow: "hidden"
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 
 function Square({
@@ -69,12 +69,13 @@ function Square({
   style,
   ...rest
 }) {
-  return /*#__PURE__*/React.createElement(Center, _extends({
+  return /*#__PURE__*/React.createElement(Center, {
     style: style,
     width: size,
     height: size,
-    bgColor: bgColor
-  }, rest), children);
+    bgColor: bgColor,
+    ...rest
+  }, children);
 }
 
 function Row({
@@ -84,14 +85,14 @@ function Row({
   style,
   ...rest
 }) {
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
-    style: [style, // style goes first b/c we can't override these
-    {
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [style, {
       alignItems,
       flexDirection: "row",
       justifyContent: justifyContent
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 
 function Spacer({
@@ -103,14 +104,15 @@ function Spacer({
   style,
   ...rest
 }) {
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [style, {
       paddingRight: right,
       paddingTop: top,
       paddingLeft: left,
       paddingBottom: bottom
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 
 function Stack({
@@ -123,12 +125,13 @@ function Stack({
   return (
     /*#__PURE__*/
     // style must go first since we don't want justifyContent, alignItems overridden
-    React.createElement(_reactNative.View, _extends({
+    React.createElement(_reactNative.View, {
       style: [style, {
         justifyContent,
         alignItems
-      }]
-    }, rest), children)
+      }],
+      ...rest
+    }, children)
   );
 }
 
@@ -320,4 +323,20 @@ const SEED_DATA = [{
   }
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=Layout.js.mape,
+      required: false
+    },
+    bgColor: {
+      label: "Background Color",
+      description: "Background color",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      editable: true,
+      required: false,
+      defaultValue: "light",
+      group: _types.GROUPS.style
+    }
+  }
+}];
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=Layout.js.map