@draftbit/core 42.4.2-24a0ec.2 → 42.4.2-717ab1.2

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -23,8 +23,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 AccordionItem = ({
   Icon,
   icon,
@@ -38,9 +36,10 @@ const AccordionItem = ({
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -92,4 +91,16 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=AccordionItem.js.map  category: _types.COMPONENT_TYPES.row,
+  props: {
+    icon: (0, _types.createIconProp)(),
+    label: (0, _types.createTextProp)({
+      label: "Item label"
+    }),
+    iconColor: (0, _types.createColorProp)({
+      label: "Icon color"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=AccordionItem.js.map

package/lib/commonjs/components/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AccordionItem.tsx"],"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","styles","container","row","colors","primary","item","content","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","props"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AAEA;;AAMA;;AACA;;;;;;;;;;AAWA,MAAMA,aAAa,GAAG,CAAC;AACrBC,EAAAA,IADqB;AAErBC,EAAAA,IAFqB;AAGrBC,EAAAA,KAHqB;AAIrBC,EAAAA,KAJqB;AAKrBC,EAAAA,SALqB;AAMrBC,EAAAA,KANqB;AAOrB,KAAGC;AAPkB,CAAD,KAQT;AACX,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcL,KAAd,CAAnC;AACA,sBACE,oBAAC,sBAAD;AAAW,IAAA,KAAK,EAAE,CAACM,MAAM,CAACC,SAAR,EAAmBF,UAAnB;AAAlB,KAAsDF,IAAtD,gBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEG,MAAM,CAACE;AAApB,KACGV,IAAI,gBACH,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,IADR;AAEE,IAAA,IAAI,EAAE,EAFR;AAGE,IAAA,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACO,MAAN,CAAaC;AAHnC,IADG,GAMD,IAPN,eAQE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAR,EAAcL,MAAM,CAACM,OAArB;AAAb,kBACE,oBAAC,aAAD;AAAM,IAAA,UAAU,EAAE,KAAlB;AAAyB,IAAA,KAAK,EAAER;AAAhC,KACGL,KADH,CADF,CARF,CADF,CADF;AAkBD,CA5BD;;AA8BA,MAAMO,MAAM,GAAGO,wBAAWC,MAAX,CAAkB;AAC/BP,EAAAA,SAAS,EAAE;AACTQ,IAAAA,OAAO,EAAE;AADA,GADoB;AAI/BP,EAAAA,GAAG,EAAE;AACHQ,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,UAAU,EAAE,QAFT;AAGHC,IAAAA,WAAW,EAAE;AAHV,GAJ0B;AAS/BP,EAAAA,IAAI,EAAE;AACJQ,IAAAA,cAAc,EAAE,CADZ;AAEJD,IAAAA,WAAW,EAAE;AAFT,GATyB;AAa/BN,EAAAA,OAAO,EAAE;AACPQ,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,cAAc,EAAE;AAFT;AAbsB,CAAlB,CAAf;;eAmBe,wBAAUzB,aAAV,C;;;AAER,MAAM0B,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBnB,GAJH;AAKvBoB,EAAAA,KAAK,EAAE;AACL9B,IAAAA,IAAI,EAAE,4BADD;AAELC,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE;AADa,KAAf,CAFF;AAKLE,IAAAA,SAAS,EAAE,4BAAgB;AACzBF,MAAAA,KAAK,EAAE;AADkB,KAAhB;AALN;AALgB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport {\n  Pressable,\n  StyleSheet,\n  View,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport Text from \"../Text\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createColorProp,\n} from \"@draftbit/types\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  icon?: string;\n  label: string;\n  iconColor?: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionItem = ({\n  Icon,\n  icon,\n  label,\n  style,\n  iconColor,\n  theme,\n  ...rest\n}: Props) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n  return (\n    <Pressable style={[styles.container, viewStyles]} {...rest}>\n      <View style={styles.row}>\n        {icon ? (\n          <Icon\n            name={icon}\n            size={24}\n            color={iconColor || theme.colors.primary}\n          />\n        ) : null}\n        <View style={[styles.item, styles.content]}>\n          <Text selectable={false} style={textStyles}>\n            {label}\n          </Text>\n        </View>\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 8,\n  },\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    paddingLeft: 8,\n  },\n  item: {\n    marginVertical: 6,\n    paddingLeft: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n});\n\nexport default withTheme(AccordionItem);\n\nexport const SEED_DATA = {\n  name: \"Accordion Item\",\n  tag: \"AccordionItem\",\n  description: \"Item to be used in Accordion\",\n  category: COMPONENT_TYPES.row,\n  props: {\n    icon: createIconProp(),\n    label: createTextProp({\n      label: \"Item label\",\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["AccordionItem.js"],"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","React","createElement","Pressable","styles","container","View","row","name","size","color","colors","primary","item","content","Text","selectable","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent","SEED_DATA","tag","description","category","COMPONENT_TYPES","props"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,aAAa,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,IAAR;AAAcC,EAAAA,KAAd;AAAqBC,EAAAA,KAArB;AAA4BC,EAAAA,SAA5B;AAAuCC,EAAAA,KAAvC;AAA8C,KAAGC;AAAjD,CAAD,KAA6D;AAC/E,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcL,KAAd,CAAnC;AACA,sBAAQM,KAAK,CAACC,aAAN,CAAoBC,sBAApB,EAA+B;AAAER,IAAAA,KAAK,EAAE,CAACS,MAAM,CAACC,SAAR,EAAmBL,UAAnB,CAAT;AAAyC,OAAGF;AAA5C,GAA/B,eACJG,KAAK,CAACC,aAAN,CAAoBI,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAES,MAAM,CAACG;AAAhB,GAA1B,EACId,IAAI,gBAAIQ,KAAK,CAACC,aAAN,CAAoBV,IAApB,EAA0B;AAAEgB,IAAAA,IAAI,EAAEf,IAAR;AAAcgB,IAAAA,IAAI,EAAE,EAApB;AAAwBC,IAAAA,KAAK,EAAEd,SAAS,IAAIC,KAAK,CAACc,MAAN,CAAaC;AAAzD,GAA1B,CAAJ,GAAqG,IAD7G,eAEIX,KAAK,CAACC,aAAN,CAAoBI,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAE,CAACS,MAAM,CAACS,IAAR,EAAcT,MAAM,CAACU,OAArB;AAAT,GAA1B,eACIb,KAAK,CAACC,aAAN,CAAoBa,aAApB,EAA0B;AAAEC,IAAAA,UAAU,EAAE,KAAd;AAAqBrB,IAAAA,KAAK,EAAEI;AAA5B,GAA1B,EAAoEL,KAApE,CADJ,CAFJ,CADI,CAAR;AAKH,CAPD;;AAQA,MAAMU,MAAM,GAAGa,wBAAWC,MAAX,CAAkB;AAC7Bb,EAAAA,SAAS,EAAE;AACPc,IAAAA,OAAO,EAAE;AADF,GADkB;AAI7BZ,EAAAA,GAAG,EAAE;AACDa,IAAAA,aAAa,EAAE,KADd;AAEDC,IAAAA,UAAU,EAAE,QAFX;AAGDC,IAAAA,WAAW,EAAE;AAHZ,GAJwB;AAS7BT,EAAAA,IAAI,EAAE;AACFU,IAAAA,cAAc,EAAE,CADd;AAEFD,IAAAA,WAAW,EAAE;AAFX,GATuB;AAa7BR,EAAAA,OAAO,EAAE;AACLU,IAAAA,IAAI,EAAE,CADD;AAELC,IAAAA,cAAc,EAAE;AAFX;AAboB,CAAlB,CAAf;;eAkBe,wBAAUlC,aAAV,C;;;AACR,MAAMmC,SAAS,GAAG;AACrBlB,EAAAA,IAAI,EAAE,gBADe;AAErBmB,EAAAA,GAAG,EAAE,eAFgB;AAGrBC,EAAAA,WAAW,EAAE,8BAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBvB,GAJL;AAKrBwB,EAAAA,KAAK,EAAE;AACHtC,IAAAA,IAAI,EAAE,4BADH;AAEHC,IAAAA,KAAK,EAAE,2BAAe;AAClBA,MAAAA,KAAK,EAAE;AADW,KAAf,CAFJ;AAKHE,IAAAA,SAAS,EAAE,4BAAgB;AACvBF,MAAAA,KAAK,EAAE;AADgB,KAAhB;AALR;AALc,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { Pressable, StyleSheet, View, } from \"react-native\";\nimport Text from \"../Text\";\nimport { COMPONENT_TYPES, createIconProp, createTextProp, createColorProp, } from \"@draftbit/types\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nconst AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },\n        React.createElement(View, { style: styles.row },\n            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,\n            React.createElement(View, { style: [styles.item, styles.content] },\n                React.createElement(Text, { selectable: false, style: textStyles }, label)))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        padding: 8,\n    },\n    row: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        paddingLeft: 8,\n    },\n    item: {\n        marginVertical: 6,\n        paddingLeft: 8,\n    },\n    content: {\n        flex: 1,\n        justifyContent: \"center\",\n    },\n});\nexport default withTheme(AccordionItem);\nexport const SEED_DATA = {\n    name: \"Accordion Item\",\n    tag: \"AccordionItem\",\n    description: \"Item to be used in Accordion\",\n    category: COMPONENT_TYPES.row,\n    props: {\n        icon: createIconProp(),\n        label: createTextProp({\n            label: \"Item label\",\n        }),\n        iconColor: createColorProp({\n            label: \"Icon color\",\n        }),\n    },\n};\n"]}

package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ActionSheetCancel.tsx"],"names":["ActionSheetCancel","label","color","style","onPress","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","props","group","GROUPS","basic","defaultValue"],"mappings":";;;;;;;AAAA;;AAEA;;AAQA;;;;AASA,MAAMA,iBAAkC,GAAG,CAAC;AAC1CC,EAAAA,KAAK,GAAG,QADkC;AAE1CC,EAAAA,KAF0C;AAG1CC,EAAAA,KAH0C;AAI1CC,EAAAA;AAJ0C,CAAD,KAKrC;AACJ,sBACE,6BAAC,wBAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,KAAK,EAAEC,KAAK,IAAI,SAFlB;AAGE,IAAA,KAAK,EAAE,CAACC,KAAD,CAHT;AAIE,IAAA,OAAO,EAAEC;AAJX,IADF;AAQD,CAdD;;eAgBeJ,iB;;AAER,MAAMK,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,qBADiB;AAEvBC,EAAAA,GAAG,EAAE,mBAFkB;AAGvBC,EAAAA,WAAW,EAAE,qBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLX,IAAAA,OAAO,EAAE,8BADJ;AAELH,IAAAA,KAAK,EAAE,2BAAe;AACpBe,MAAAA,KAAK,EAAEC,cAAOC,KADM;AAEpBjB,MAAAA,KAAK,EAAE,OAFa;AAGpBkB,MAAAA,YAAY,EAAE;AAHM,KAAf,CAFF;AAOLjB,IAAAA,KAAK,EAAE,4BAAgB;AACrBD,MAAAA,KAAK,EAAE;AADc,KAAhB;AAPF;AANgB,CAAlB","sourcesContent":["import React from \"react\";\nimport { StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport {\n  COMPONENT_TYPES,\n  createActionProp,\n  createColorProp,\n  createTextProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\nimport ActionSheetItem from \"./ActionSheetItem\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetCancel: React.FC<Props> = ({\n  label = \"Cancel\",\n  color,\n  style,\n  onPress,\n}) => {\n  return (\n    <ActionSheetItem\n      label={label}\n      color={color || \"#FF453A\"}\n      style={[style]}\n      onPress={onPress}\n    />\n  );\n};\n\nexport default ActionSheetCancel;\n\nexport const SEED_DATA = {\n  name: \"Action Sheet Cancel\",\n  tag: \"ActionSheetCancel\",\n  description: \"Action Sheet cancel\",\n  category: COMPONENT_TYPES.button,\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    label: createTextProp({\n      group: GROUPS.basic,\n      label: \"Label\",\n      defaultValue: \"Cancel\",\n    }),\n    color: createColorProp({\n      label: \"Font Color\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["ActionSheetCancel.js"],"names":["ActionSheetCancel","label","color","style","onPress","React","createElement","ActionSheetItem","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","props","group","GROUPS","basic","defaultValue"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,iBAAiB,GAAG,CAAC;AAAEC,EAAAA,KAAK,GAAG,QAAV;AAAoBC,EAAAA,KAApB;AAA2BC,EAAAA,KAA3B;AAAkCC,EAAAA;AAAlC,CAAD,KAAkD;AACxE,sBAAQC,eAAMC,aAAN,CAAoBC,wBAApB,EAAqC;AAAEN,IAAAA,KAAK,EAAEA,KAAT;AAAgBC,IAAAA,KAAK,EAAEA,KAAK,IAAI,SAAhC;AAA2CC,IAAAA,KAAK,EAAE,CAACA,KAAD,CAAlD;AAA2DC,IAAAA,OAAO,EAAEA;AAApE,GAArC,CAAR;AACH,CAFD;;eAGeJ,iB;;AACR,MAAMQ,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,qBADe;AAErBC,EAAAA,GAAG,EAAE,mBAFgB;AAGrBC,EAAAA,WAAW,EAAE,qBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHd,IAAAA,OAAO,EAAE,8BADN;AAEHH,IAAAA,KAAK,EAAE,2BAAe;AAClBkB,MAAAA,KAAK,EAAEC,cAAOC,KADI;AAElBpB,MAAAA,KAAK,EAAE,OAFW;AAGlBqB,MAAAA,YAAY,EAAE;AAHI,KAAf,CAFJ;AAOHpB,IAAAA,KAAK,EAAE,4BAAgB;AACnBD,MAAAA,KAAK,EAAE;AADY,KAAhB;AAPJ;AANc,CAAlB","sourcesContent":["import React from \"react\";\nimport { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, } from \"@draftbit/types\";\nimport ActionSheetItem from \"./ActionSheetItem\";\nconst ActionSheetCancel = ({ label = \"Cancel\", color, style, onPress, }) => {\n    return (React.createElement(ActionSheetItem, { label: label, color: color || \"#FF453A\", style: [style], onPress: onPress }));\n};\nexport default ActionSheetCancel;\nexport const SEED_DATA = {\n    name: \"Action Sheet Cancel\",\n    tag: \"ActionSheetCancel\",\n    description: \"Action Sheet cancel\",\n    category: COMPONENT_TYPES.button,\n    triggers: [Triggers.OnPress],\n    props: {\n        onPress: createActionProp(),\n        label: createTextProp({\n            group: GROUPS.basic,\n            label: \"Label\",\n            defaultValue: \"Cancel\",\n        }),\n        color: createColorProp({\n            label: \"Font Color\",\n        }),\n    },\n};\n"]}

package/lib/commonjs/components/ActionSheet/ActionSheetItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ActionSheetItem.tsx"],"names":["ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","styles","wrapper","StyleSheet","create","borderBottomWidth","hairlineWidth","borderBottomColor","backgroundColor","minHeight","overflow","display","justifyContent","fontSize","textAlign","fontWeight","paddingHorizontal","paddingVertical","alignSelf","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","layout","props","group","GROUPS","basic","defaultValue"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AAQA;;;;AASA,MAAMA,eAAgC,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,KAAhB;AAAuBC,EAAAA;AAAvB,CAAD,KAAsC;AAC7E,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcJ,KAAd,CAAnC;AACA,sBACE,6BAAC,6BAAD;AACE,IAAA,aAAa,EAAE,GADjB;AAEE,IAAA,KAAK,EAAE,CAACK,MAAM,CAACC,OAAR,EAAiBF,UAAjB,CAFT;AAGE,IAAA,OAAO,EAAEF;AAHX,kBAKE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACG,MAAM,CAACN,KAAR,EAAeI,UAAf,EAA2B;AAAEF,MAAAA;AAAF,KAA3B;AAAb,KAAqDF,KAArD,CALF,CADF;AASD,CAXD;;AAaA,MAAMM,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,OAAO,EAAE;AACPG,IAAAA,iBAAiB,EAAEF,wBAAWG,aADvB;AAEPC,IAAAA,iBAAiB,EAAE,SAFZ;AAGPC,IAAAA,eAAe,EAAE,SAHV;AAIPC,IAAAA,SAAS,EAAE,EAJJ;AAKPC,IAAAA,QAAQ,EAAE,QALH;AAMPC,IAAAA,OAAO,EAAE,MANF;AAOPC,IAAAA,cAAc,EAAE;AAPT,GADsB;AAU/BjB,EAAAA,KAAK,EAAE;AACLkB,IAAAA,QAAQ,EAAE,EADL;AAELC,IAAAA,SAAS,EAAE,QAFN;AAGLjB,IAAAA,KAAK,EAAE,SAHF;AAILkB,IAAAA,UAAU,EAAE,KAJP;AAKLL,IAAAA,QAAQ,EAAE,QALL;AAMLM,IAAAA,iBAAiB,EAAE,EANd;AAOLC,IAAAA,eAAe,EAAE,EAPZ;AAQLC,IAAAA,SAAS,EAAE;AARN;AAVwB,CAAlB,CAAf;;eAsBexB,e;;AAER,MAAMyB,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,mBADiB;AAEvBC,EAAAA,GAAG,EAAE,iBAFkB;AAGvBC,EAAAA,WAAW,EAAE,mBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALa;AAMvBC,EAAAA,MAAM,EAAE;AACNf,IAAAA,SAAS,EAAE;AADL,GANe;AASvBgB,EAAAA,KAAK,EAAE;AACLhC,IAAAA,OAAO,EAAE,8BADJ;AAELH,IAAAA,KAAK,EAAE,2BAAe;AACpBoC,MAAAA,KAAK,EAAEC,cAAOC,KADM;AAEpBtC,MAAAA,KAAK,EAAE,OAFa;AAGpBuC,MAAAA,YAAY,EAAE;AAHM,KAAf,CAFF;AAOLrC,IAAAA,KAAK,EAAE,4BAAgB;AACrBF,MAAAA,KAAK,EAAE;AADc,KAAhB;AAPF;AATgB,CAAlB","sourcesContent":["import React from \"react\";\nimport {\n  Text,\n  StyleSheet,\n  StyleProp,\n  TouchableOpacity,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport {\n  COMPONENT_TYPES,\n  createActionProp,\n  createColorProp,\n  createTextProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\nimport { extractStyles } from \"../../utilities\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetItem: React.FC<Props> = ({ label, style, color, onPress }) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n  return (\n    <TouchableOpacity\n      activeOpacity={0.7}\n      style={[styles.wrapper, viewStyles]}\n      onPress={onPress}\n    >\n      <Text style={[styles.label, textStyles, { color }]}>{label}</Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    borderBottomWidth: StyleSheet.hairlineWidth,\n    borderBottomColor: \"#CCCCCC\",\n    backgroundColor: \"#F1F1F1\",\n    minHeight: 50,\n    overflow: \"hidden\",\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  label: {\n    fontSize: 16,\n    textAlign: \"center\",\n    color: \"#0A84FF\",\n    fontWeight: \"500\",\n    overflow: \"hidden\",\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    alignSelf: \"center\",\n  },\n});\n\nexport default ActionSheetItem;\n\nexport const SEED_DATA = {\n  name: \"Action Sheet Item\",\n  tag: \"ActionSheetItem\",\n  description: \"Action Sheet item\",\n  category: COMPONENT_TYPES.button,\n  triggers: [Triggers.OnPress],\n  layout: {\n    textAlign: \"center\",\n  },\n  props: {\n    onPress: createActionProp(),\n    label: createTextProp({\n      group: GROUPS.basic,\n      label: \"Label\",\n      defaultValue: \"Option\",\n    }),\n    color: createColorProp({\n      label: \"Font Color\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["ActionSheetItem.js"],"names":["ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","React","createElement","TouchableOpacity","activeOpacity","styles","wrapper","Text","StyleSheet","create","borderBottomWidth","hairlineWidth","borderBottomColor","backgroundColor","minHeight","overflow","display","justifyContent","fontSize","textAlign","fontWeight","paddingHorizontal","paddingVertical","alignSelf","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","layout","props","group","GROUPS","basic","defaultValue"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,eAAe,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,KAAhB;AAAuBC,EAAAA;AAAvB,CAAD,KAAsC;AAC1D,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcJ,KAAd,CAAnC;AACA,sBAAQK,eAAMC,aAAN,CAAoBC,6BAApB,EAAsC;AAAEC,IAAAA,aAAa,EAAE,GAAjB;AAAsBR,IAAAA,KAAK,EAAE,CAACS,MAAM,CAACC,OAAR,EAAiBN,UAAjB,CAA7B;AAA2DF,IAAAA,OAAO,EAAEA;AAApE,GAAtC,eACJG,eAAMC,aAAN,CAAoBK,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAE,CAACS,MAAM,CAACV,KAAR,EAAeI,UAAf,EAA2B;AAAEF,MAAAA;AAAF,KAA3B;AAAT,GAA1B,EAA4EF,KAA5E,CADI,CAAR;AAEH,CAJD;;AAKA,MAAMU,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC7BH,EAAAA,OAAO,EAAE;AACLI,IAAAA,iBAAiB,EAAEF,wBAAWG,aADzB;AAELC,IAAAA,iBAAiB,EAAE,SAFd;AAGLC,IAAAA,eAAe,EAAE,SAHZ;AAILC,IAAAA,SAAS,EAAE,EAJN;AAKLC,IAAAA,QAAQ,EAAE,QALL;AAMLC,IAAAA,OAAO,EAAE,MANJ;AAOLC,IAAAA,cAAc,EAAE;AAPX,GADoB;AAU7BtB,EAAAA,KAAK,EAAE;AACHuB,IAAAA,QAAQ,EAAE,EADP;AAEHC,IAAAA,SAAS,EAAE,QAFR;AAGHtB,IAAAA,KAAK,EAAE,SAHJ;AAIHuB,IAAAA,UAAU,EAAE,KAJT;AAKHL,IAAAA,QAAQ,EAAE,QALP;AAMHM,IAAAA,iBAAiB,EAAE,EANhB;AAOHC,IAAAA,eAAe,EAAE,EAPd;AAQHC,IAAAA,SAAS,EAAE;AARR;AAVsB,CAAlB,CAAf;;eAqBe7B,e;;AACR,MAAM8B,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,mBADe;AAErBC,EAAAA,GAAG,EAAE,iBAFgB;AAGrBC,EAAAA,WAAW,EAAE,mBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CALW;AAMrBC,EAAAA,MAAM,EAAE;AACJf,IAAAA,SAAS,EAAE;AADP,GANa;AASrBgB,EAAAA,KAAK,EAAE;AACHrC,IAAAA,OAAO,EAAE,8BADN;AAEHH,IAAAA,KAAK,EAAE,2BAAe;AAClByC,MAAAA,KAAK,EAAEC,cAAOC,KADI;AAElB3C,MAAAA,KAAK,EAAE,OAFW;AAGlB4C,MAAAA,YAAY,EAAE;AAHI,KAAf,CAFJ;AAOH1C,IAAAA,KAAK,EAAE,4BAAgB;AACnBF,MAAAA,KAAK,EAAE;AADY,KAAhB;AAPJ;AATc,CAAlB","sourcesContent":["import React from \"react\";\nimport { Text, StyleSheet, TouchableOpacity, } from \"react-native\";\nimport { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, } from \"@draftbit/types\";\nimport { extractStyles } from \"../../utilities\";\nconst ActionSheetItem = ({ label, style, color, onPress }) => {\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },\n        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));\n};\nconst styles = StyleSheet.create({\n    wrapper: {\n        borderBottomWidth: StyleSheet.hairlineWidth,\n        borderBottomColor: \"#CCCCCC\",\n        backgroundColor: \"#F1F1F1\",\n        minHeight: 50,\n        overflow: \"hidden\",\n        display: \"flex\",\n        justifyContent: \"center\",\n    },\n    label: {\n        fontSize: 16,\n        textAlign: \"center\",\n        color: \"#0A84FF\",\n        fontWeight: \"500\",\n        overflow: \"hidden\",\n        paddingHorizontal: 20,\n        paddingVertical: 10,\n        alignSelf: \"center\",\n    },\n});\nexport default ActionSheetItem;\nexport const SEED_DATA = {\n    name: \"Action Sheet Item\",\n    tag: \"ActionSheetItem\",\n    description: \"Action Sheet item\",\n    category: COMPONENT_TYPES.button,\n    triggers: [Triggers.OnPress],\n    layout: {\n        textAlign: \"center\",\n    },\n    props: {\n        onPress: createActionProp(),\n        label: createTextProp({\n            group: GROUPS.basic,\n            label: \"Label\",\n            defaultValue: \"Option\",\n        }),\n        color: createColorProp({\n            label: \"Font Color\",\n        }),\n    },\n};\n"]}

package/lib/commonjs/components/AspectRatio.js

@@ -11,8 +11,6 @@ var _reactNative = require("react-native");
 
 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); }
-
 const AspectRatio = props => {
   const [layout, setLayout] = _react.default.useState(null);
 
@@ -43,6 +41,21 @@ const AspectRatio = props => {
     }
   }
 
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, { ...props,
+    style: style,
+    onLayout: ({
+      nativeEvent: {
+        layout: l
+      }
+    }) => setLayout(l)
+  }, props.children);
+};
+
+var _default = AspectRatio;
+exports.default = _default;
+//# sourceMappingURL=AspectRatio.js.map    }
+  }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
     style: style,
     onLayout: ({

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

@@ -1 +1 @@
-{"version":3,"sources":["AspectRatio.tsx"],"names":["AspectRatio","props","layout","setLayout","React","useState","aspectRatio","inputStyle","StyleSheet","flatten","style","width","height","push","nativeEvent","l","children"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAaA,MAAMA,WAA4B,GAAIC,KAAD,IAAW;AAC9C,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAuC,IAAvC,CAA5B;;AACA,QAAM;AAAEC,IAAAA,WAAW,GAAG,CAAhB;AAAmB,OAAGC;AAAtB,MACJC,wBAAWC,OAAX,CAAmBR,KAAK,CAACS,KAAzB,KAAmC,EADrC;AAEA,QAAMA,KAAK,GAAG,CAACH,UAAD,EAAa;AAAED,IAAAA;AAAF,GAAb,CAAd;;AAEA,MAAIJ,MAAJ,EAAY;AACV,UAAM;AAAES,MAAAA,KAAK,GAAG,CAAV;AAAaC,MAAAA,MAAM,GAAG;AAAtB,QAA4BV,MAAlC;;AACA,QAAIS,KAAK,KAAK,CAAd,EAAiB;AACfD,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAK,EAAEC,MAAM,IAAI,IAAIN,WAAR,CAAf;AAAqCM,QAAAA;AAArC,OAAX;AACD,KAFD,MAEO;AACLF,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAF;AAASC,QAAAA,MAAM,EAAED,KAAK,IAAI,IAAIL,WAAR;AAAtB,OAAX;AACD;AACF;;AACD,sBACE,6BAAC,iBAAD,eACML,KADN;AAEE,IAAA,KAAK,EAAES,KAFT;AAGE,IAAA,QAAQ,EAAE,CAAC;AAAEI,MAAAA,WAAW,EAAE;AAAEZ,QAAAA,MAAM,EAAEa;AAAV;AAAf,KAAD,KAAoCZ,SAAS,CAACY,CAAD;AAHzD,MAKGd,KAAK,CAACe,QALT,CADF;AASD,CAvBD;;eAyBehB,W","sourcesContent":["import React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  LayoutRectangle,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\ntype Props = {\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst AspectRatio: React.FC<Props> = (props) => {\n  const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n  const { aspectRatio = 1, ...inputStyle } =\n    StyleSheet.flatten(props.style) || {};\n  const style = [inputStyle, { aspectRatio }];\n\n  if (layout) {\n    const { width = 0, height = 0 } = layout;\n    if (width === 0) {\n      style.push({ width: height * (1 / aspectRatio), height });\n    } else {\n      style.push({ width, height: width * (1 / aspectRatio) });\n    }\n  }\n  return (\n    <View\n      {...props}\n      style={style}\n      onLayout={({ nativeEvent: { layout: l } }) => setLayout(l)}\n    >\n      {props.children}\n    </View>\n  );\n};\n\nexport default AspectRatio;\n"]}
+{"version":3,"sources":["AspectRatio.js"],"names":["AspectRatio","props","layout","setLayout","React","useState","aspectRatio","inputStyle","StyleSheet","flatten","style","width","height","push","createElement","View","onLayout","nativeEvent","l","children"],"mappings":";;;;;;;AAAA;;AACA;;;;AACA,MAAMA,WAAW,GAAIC,KAAD,IAAW;AAC3B,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAe,IAAf,CAA5B;;AACA,QAAM;AAAEC,IAAAA,WAAW,GAAG,CAAhB;AAAmB,OAAGC;AAAtB,MAAqCC,wBAAWC,OAAX,CAAmBR,KAAK,CAACS,KAAzB,KAAmC,EAA9E;AACA,QAAMA,KAAK,GAAG,CAACH,UAAD,EAAa;AAAED,IAAAA;AAAF,GAAb,CAAd;;AACA,MAAIJ,MAAJ,EAAY;AACR,UAAM;AAAES,MAAAA,KAAK,GAAG,CAAV;AAAaC,MAAAA,MAAM,GAAG;AAAtB,QAA4BV,MAAlC;;AACA,QAAIS,KAAK,KAAK,CAAd,EAAiB;AACbD,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAK,EAAEC,MAAM,IAAI,IAAIN,WAAR,CAAf;AAAqCM,QAAAA;AAArC,OAAX;AACH,KAFD,MAGK;AACDF,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAF;AAASC,QAAAA,MAAM,EAAED,KAAK,IAAI,IAAIL,WAAR;AAAtB,OAAX;AACH;AACJ;;AACD,sBAAQF,eAAMU,aAAN,CAAoBC,iBAApB,EAA0B,EAAE,GAAGd,KAAL;AAAYS,IAAAA,KAAK,EAAEA,KAAnB;AAA0BM,IAAAA,QAAQ,EAAE,CAAC;AAAEC,MAAAA,WAAW,EAAE;AAAEf,QAAAA,MAAM,EAAEgB;AAAV;AAAf,KAAD,KAAoCf,SAAS,CAACe,CAAD;AAAjF,GAA1B,EAAkHjB,KAAK,CAACkB,QAAxH,CAAR;AACH,CAdD;;eAeenB,W","sourcesContent":["import React from \"react\";\nimport { View, StyleSheet, } from \"react-native\";\nconst AspectRatio = (props) => {\n    const [layout, setLayout] = React.useState(null);\n    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};\n    const style = [inputStyle, { aspectRatio }];\n    if (layout) {\n        const { width = 0, height = 0 } = layout;\n        if (width === 0) {\n            style.push({ width: height * (1 / aspectRatio), height });\n        }\n        else {\n            style.push({ width, height: width * (1 / aspectRatio) });\n        }\n    }\n    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));\n};\nexport default AspectRatio;\n"]}

package/lib/commonjs/components/AvatarEdit.js

@@ -23,8 +23,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 AvatarEdit = ({
   Icon,
   image,
@@ -43,9 +41,10 @@ const AvatarEdit = ({
     width: size,
     height: size
   };
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
-    style: [style, dimensions]
-  }, rest), /*#__PURE__*/React.createElement(_Touchable.default, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [style, dimensions],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_Touchable.default, {
     onPress: onPress
   }, /*#__PURE__*/React.createElement(_CircleImage.default, {
     source: image,
@@ -107,4 +106,16 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=AvatarEdit.js.mappes.GROUPS.data,
+      label: "Image",
+      description: "Name of the image",
+      editable: true,
+      required: true,
+      formType: _types.FORM_TYPES.image,
+      propType: _types.PROP_TYPES.ASSET,
+      defaultValue: "brightness-5"
+    }
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=AvatarEdit.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["AvatarEdit.tsx"],"names":["AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","position","top","right","borderColor","backgroundColor","borderRadius","padding","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","props","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue","data","ASSET"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\n\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\ntype Props = {\n  image: string | ImageSourcePropType;\n  size?: number;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AvatarEdit: React.FC<Props> = ({\n  Icon,\n  image,\n  size = 80,\n  onPress = () => {},\n  style,\n  theme,\n  ...rest\n}) => {\n  const colorStyles = {\n    editBackgroundColor: theme.colors.primary,\n    editIconColor: theme.colors.surface,\n    editBorderColor: theme.colors.surface,\n  };\n\n  const dimensions = {\n    width: size,\n    height: size,\n  };\n\n  return (\n    <View style={[style, dimensions]} {...rest}>\n      <Touchable onPress={onPress}>\n        <CircleImage source={image} size={size} />\n        <View\n          style={{\n            position: \"absolute\",\n            top: -3,\n            right: -3,\n            borderColor: colorStyles.editBorderColor,\n            backgroundColor: colorStyles.editBackgroundColor,\n            borderRadius: size * (3 / 16),\n            padding: size * (3 / 32),\n          }}\n        >\n          <Icon\n            name=\"MaterialIcons/edit\"\n            color={colorStyles.editIconColor}\n            size={size * (3 / 16)}\n          />\n        </View>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default withTheme(AvatarEdit);\n\nexport const SEED_DATA = {\n  name: \"Avatar Edit\",\n  tag: \"AvatarEdit\",\n  description: \"An avatar with an edit icon in the top right\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {\n    width: 64,\n    height: 64,\n  },\n  props: {\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of avatar / width, height\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 300,\n      precision: 0,\n      step: 1,\n      defaultValue: 80,\n    },\n    image: {\n      group: GROUPS.data,\n      label: \"Image\",\n      description: \"Name of the image\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.image,\n      propType: PROP_TYPES.ASSET,\n      defaultValue: \"brightness-5\",\n    },\n  },\n};\n"]}
+{"version":3,"sources":["AvatarEdit.js"],"names":["AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","React","createElement","View","Touchable","CircleImage","source","position","top","right","borderColor","backgroundColor","borderRadius","padding","name","color","SEED_DATA","tag","description","category","COMPONENT_TYPES","deprecated","layout","props","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue","data","ASSET"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from \"@draftbit/types\";\nconst AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {\n    const colorStyles = {\n        editBackgroundColor: theme.colors.primary,\n        editIconColor: theme.colors.surface,\n        editBorderColor: theme.colors.surface,\n    };\n    const dimensions = {\n        width: size,\n        height: size,\n    };\n    return (React.createElement(View, { style: [style, dimensions], ...rest },\n        React.createElement(Touchable, { onPress: onPress },\n            React.createElement(CircleImage, { source: image, size: size }),\n            React.createElement(View, { style: {\n                    position: \"absolute\",\n                    top: -3,\n                    right: -3,\n                    borderColor: colorStyles.editBorderColor,\n                    backgroundColor: colorStyles.editBackgroundColor,\n                    borderRadius: size * (3 / 16),\n                    padding: size * (3 / 32),\n                } },\n                React.createElement(Icon, { name: \"MaterialIcons/edit\", color: colorStyles.editIconColor, size: size * (3 / 16) })))));\n};\nexport default withTheme(AvatarEdit);\nexport const SEED_DATA = {\n    name: \"Avatar Edit\",\n    tag: \"AvatarEdit\",\n    description: \"An avatar with an edit icon in the top right\",\n    category: COMPONENT_TYPES.deprecated,\n    layout: {\n        width: 64,\n        height: 64,\n    },\n    props: {\n        size: {\n            group: GROUPS.basic,\n            label: \"Size\",\n            description: \"Size of avatar / width, height\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 0,\n            max: 300,\n            precision: 0,\n            step: 1,\n            defaultValue: 80,\n        },\n        image: {\n            group: GROUPS.data,\n            label: \"Image\",\n            description: \"Name of the image\",\n            editable: true,\n            required: true,\n            formType: FORM_TYPES.image,\n            propType: PROP_TYPES.ASSET,\n            defaultValue: \"brightness-5\",\n        },\n    },\n};\n"]}

package/lib/commonjs/components/Button.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 CONSTANTS = {
   baseHeight: 42,
   borderRadius: 4,
@@ -73,7 +71,7 @@ function Base({
     buttonStyles.justifyContent = "flex-end";
   }
 
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
     onPress: onPress,
     disabled: disabled || loading,
     style: ({
@@ -82,8 +80,9 @@ function Base({
       return [styles.base, {
         opacity: pressed || disabled ? 0.75 : 1
       }, buttonStyles];
-    }
-  }, props), loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    },
+    ...props
+  }, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
     size: "small",
     color: color,
     style: styles.loading
@@ -102,13 +101,14 @@ const Solid = ({
   theme,
   ...props
 }) => {
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, {
     style: [{
       color: "#FFF",
       borderRadius: theme.roundness,
       backgroundColor: theme.colors.primary
-    }, style]
-  }, props));
+    }, style],
+    ...props
+  });
 };
 
 const ButtonSolid = (0, _theming.withTheme)(Solid);
@@ -119,13 +119,14 @@ const Outline = ({
   theme,
   ...props
 }) => {
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, {
     style: [styles.outline, {
       borderRadius: theme.roundness,
       borderColor: theme.colors.primary,
       color: theme.colors.primary
-    }, style]
-  }, props));
+    }, style],
+    ...props
+  });
 };
 
 const ButtonOutline = (0, _theming.withTheme)(Outline);
@@ -226,4 +227,17 @@ const SEED_DATA = [{
   props: SEED_DATA_PROPS
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=Button.js.map props: SEED_DATA_PROPS
+}, {
+  name: "Button Solid",
+  tag: "ButtonSolid",
+  category: _types.COMPONENT_TYPES.button,
+  layout: { ...LAYOUT,
+    backgroundColor: "primary",
+    textAlign: "center"
+  },
+  triggers: SEED_DATA_TRIGGERS,
+  props: SEED_DATA_PROPS
+}];
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Button.tsx"],"names":["CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","StyleSheet","flatten","titleStyles","justifyContent","pressed","styles","base","opacity","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","Outline","outline","borderColor","ButtonOutline","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","Platform","select","web","cursor","userSelect","borderWidth","bare","undefined","marginRight","marginTop","alignSelf","default","marginBottom","SEED_DATA_TRIGGERS","Triggers","OnPress","SEED_DATA_PROPS","defaultValue","required","label","description","group","GROUPS","basic","LAYOUT","SEED_DATA","name","tag","category","COMPONENT_TYPES","button","layout","triggers"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  Text,\n  Pressable,\n  Platform,\n  StyleSheet,\n  TextStyle,\n  PressableProps,\n  ActivityIndicator,\n} from \"react-native\";\n\nimport { withTheme } from \"../theming\";\n\nimport {\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createTextProp,\n  GROUPS,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst CONSTANTS = {\n  baseHeight: 42,\n  borderRadius: 4,\n  padding: 8,\n  icon: 24,\n};\n\ntype BaseProps = {\n  title: string;\n  disabled: boolean;\n  loading: boolean;\n  style?: TextStyle;\n  onPress: () => void;\n  icon?: string;\n} & PressableProps &\n  IconSlot;\n\ntype Props = {\n  title: string;\n  disabled: boolean;\n  loading: boolean;\n  style?: TextStyle;\n  onPress: () => void;\n  icon?: string;\n  theme: Theme;\n} & PressableProps &\n  IconSlot;\n\nfunction Base({\n  Icon,\n  icon,\n  title,\n  onPress,\n  loading,\n  disabled,\n  style,\n  ...props\n}: BaseProps): JSX.Element {\n  const {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n    ...buttonStyles\n  } = StyleSheet.flatten(style || ({} as TextStyle));\n\n  const titleStyles: TextStyle = {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n  };\n\n  if (textAlign === \"left\") {\n    buttonStyles.justifyContent = \"flex-start\";\n  }\n\n  if (textAlign === \"right\") {\n    buttonStyles.justifyContent = \"flex-end\";\n  }\n\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled || loading}\n      style={({ pressed }) => {\n        return [\n          styles.base,\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n          },\n          buttonStyles,\n        ];\n      }}\n      {...props}\n    >\n      {loading ? (\n        <ActivityIndicator size=\"small\" color={color} style={styles.loading} />\n      ) : null}\n      {icon && !loading ? (\n        <Icon\n          name={icon}\n          color={color as string}\n          style={styles.icon}\n          size={CONSTANTS.icon}\n        />\n      ) : null}\n      <Text style={titleStyles}>{title}</Text>\n    </Pressable>\n  );\n}\n\nconst Solid = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[\n        {\n          color: \"#FFF\",\n          borderRadius: theme.roundness,\n          backgroundColor: theme.colors.primary,\n        },\n        style,\n      ]}\n      {...props}\n    />\n  );\n};\n\nconst ButtonSolid: any = withTheme(Solid);\nexport { ButtonSolid };\n\nconst Outline = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[\n        styles.outline,\n        {\n          borderRadius: theme.roundness,\n          borderColor: theme.colors.primary,\n          color: theme.colors.primary,\n        },\n        style,\n      ]}\n      {...props}\n    />\n  );\n};\n\nconst ButtonOutline: any = withTheme(Outline);\nexport { ButtonOutline };\n\nconst styles = StyleSheet.create({\n  base: {\n    position: \"relative\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    minHeight: CONSTANTS.baseHeight,\n    paddingHorizontal: 12,\n    fontFamily: \"System\",\n    fontWeight: \"700\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  outline: {\n    backgroundColor: \"transparent\",\n    borderWidth: 1,\n  },\n  bare: {\n    backgroundColor: \"transparent\",\n    padding: 0,\n    minHeight: undefined,\n  },\n  loading: {\n    marginRight: 6,\n  },\n  icon: {\n    ...Platform.select({\n      web: {\n        marginTop: 1,\n        marginRight: 4,\n        alignSelf: \"center\",\n      },\n      default: {\n        marginBottom: 2,\n        marginRight: 4,\n        alignSelf: \"center\",\n      },\n    }),\n  },\n});\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n  onPress: createActionProp(),\n  icon: createIconProp({\n    defaultValue: null,\n    required: false,\n  }),\n  title: createTextProp({\n    label: \"Label\",\n    description: \"Button Label\",\n    defaultValue: \"Get Started\",\n  }),\n  disabled: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description: \"Whether the button should be disabled\",\n  }),\n  loading: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Loading\",\n    description: \"Whether to show a loading indicator\",\n  }),\n};\n\nconst LAYOUT = {\n  backgroundColor: \"transparent\",\n  borderRadius: 8,\n  fontFamily: \"system-700\",\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Button Outline\",\n    tag: \"ButtonOutline\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"transparent\",\n      borderWidth: 1,\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n  {\n    name: \"Button Solid\",\n    tag: \"ButtonSolid\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"primary\",\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n];\n"]}
+{"version":3,"sources":["Button.js"],"names":["CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","StyleSheet","flatten","titleStyles","justifyContent","React","createElement","Pressable","pressed","styles","base","opacity","ActivityIndicator","size","name","Text","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","Outline","outline","borderColor","ButtonOutline","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","Platform","select","web","cursor","userSelect","borderWidth","bare","undefined","marginRight","marginTop","alignSelf","default","marginBottom","SEED_DATA_TRIGGERS","Triggers","OnPress","SEED_DATA_PROPS","defaultValue","required","label","description","group","GROUPS","basic","LAYOUT","SEED_DATA","tag","category","COMPONENT_TYPES","button","layout","triggers"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Text, Pressable, Platform, StyleSheet, ActivityIndicator, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createIconProp, createBoolProp, createTextProp, GROUPS, createActionProp, Triggers, } from \"@draftbit/types\";\nconst CONSTANTS = {\n    baseHeight: 42,\n    borderRadius: 4,\n    padding: 8,\n    icon: 24,\n};\nfunction Base({ Icon, icon, title, onPress, loading, disabled, style, ...props }) {\n    const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...buttonStyles } = StyleSheet.flatten(style || {});\n    const titleStyles = {\n        color,\n        fontFamily,\n        fontWeight,\n        fontSize,\n        lineHeight,\n        letterSpacing,\n        textTransform,\n        textAlign,\n        textDecorationLine,\n        textDecorationColor,\n        textDecorationStyle,\n    };\n    if (textAlign === \"left\") {\n        buttonStyles.justifyContent = \"flex-start\";\n    }\n    if (textAlign === \"right\") {\n        buttonStyles.justifyContent = \"flex-end\";\n    }\n    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {\n            return [\n                styles.base,\n                {\n                    opacity: pressed || disabled ? 0.75 : 1,\n                },\n                buttonStyles,\n            ];\n        }, ...props },\n        loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: color, style: styles.loading })) : null,\n        icon && !loading ? (React.createElement(Icon, { name: icon, color: color, style: styles.icon, size: CONSTANTS.icon })) : null,\n        React.createElement(Text, { style: titleStyles }, title)));\n}\nconst Solid = ({ style, theme, ...props }) => {\n    return (React.createElement(Base, { style: [\n            {\n                color: \"#FFF\",\n                borderRadius: theme.roundness,\n                backgroundColor: theme.colors.primary,\n            },\n            style,\n        ], ...props }));\n};\nconst ButtonSolid = withTheme(Solid);\nexport { ButtonSolid };\nconst Outline = ({ style, theme, ...props }) => {\n    return (React.createElement(Base, { style: [\n            styles.outline,\n            {\n                borderRadius: theme.roundness,\n                borderColor: theme.colors.primary,\n                color: theme.colors.primary,\n            },\n            style,\n        ], ...props }));\n};\nconst ButtonOutline = withTheme(Outline);\nexport { ButtonOutline };\nconst styles = StyleSheet.create({\n    base: {\n        position: \"relative\",\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        minHeight: CONSTANTS.baseHeight,\n        paddingHorizontal: 12,\n        fontFamily: \"System\",\n        fontWeight: \"700\",\n        ...Platform.select({\n            web: {\n                cursor: \"pointer\",\n                userSelect: \"none\",\n            },\n        }),\n    },\n    outline: {\n        backgroundColor: \"transparent\",\n        borderWidth: 1,\n    },\n    bare: {\n        backgroundColor: \"transparent\",\n        padding: 0,\n        minHeight: undefined,\n    },\n    loading: {\n        marginRight: 6,\n    },\n    icon: {\n        ...Platform.select({\n            web: {\n                marginTop: 1,\n                marginRight: 4,\n                alignSelf: \"center\",\n            },\n            default: {\n                marginBottom: 2,\n                marginRight: 4,\n                alignSelf: \"center\",\n            },\n        }),\n    },\n});\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n    onPress: createActionProp(),\n    icon: createIconProp({\n        defaultValue: null,\n        required: false,\n    }),\n    title: createTextProp({\n        label: \"Label\",\n        description: \"Button Label\",\n        defaultValue: \"Get Started\",\n    }),\n    disabled: createBoolProp({\n        group: GROUPS.basic,\n        label: \"Disabled\",\n        description: \"Whether the button should be disabled\",\n    }),\n    loading: createBoolProp({\n        group: GROUPS.basic,\n        label: \"Loading\",\n        description: \"Whether to show a loading indicator\",\n    }),\n};\nconst LAYOUT = {\n    backgroundColor: \"transparent\",\n    borderRadius: 8,\n    fontFamily: \"system-700\",\n};\nexport const SEED_DATA = [\n    {\n        name: \"Button Outline\",\n        tag: \"ButtonOutline\",\n        category: COMPONENT_TYPES.button,\n        layout: {\n            ...LAYOUT,\n            backgroundColor: \"transparent\",\n            borderWidth: 1,\n            textAlign: \"center\",\n        },\n        triggers: SEED_DATA_TRIGGERS,\n        props: SEED_DATA_PROPS,\n    },\n    {\n        name: \"Button Solid\",\n        tag: \"ButtonSolid\",\n        category: COMPONENT_TYPES.button,\n        layout: {\n            ...LAYOUT,\n            backgroundColor: \"primary\",\n            textAlign: \"center\",\n        },\n        triggers: SEED_DATA_TRIGGERS,\n        props: SEED_DATA_PROPS,\n    },\n];\n"]}

package/lib/commonjs/components/CardBlock.js

@@ -23,8 +23,6 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 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); }
-
 const CardBlock = ({
   image = _Config.default.cardImageUrl,
   title,
@@ -63,11 +61,12 @@ const CardBlock = ({
   const rightDescriptionStyles = [typography.subtitle2, {
     color: colors.light
   }];
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       backgroundColor: colors.background
     }
@@ -235,4 +234,17 @@ const SEED_DATA = [{
   }
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=CardBlock.js.mapright",
+      formType: _types.FORM_TYPES.icon,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 3
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=CardBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["CardBlock.tsx"],"names":["CardBlock","image","Config","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","backgroundColor","background","borderRadius","uri","flexDirection","alignItems","justifyContent","marginTop","strong","body2","medium","SEED_DATA_PROPS","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","string","STRING","basic","NUMBER","boolean","BOOLEAN","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","props","icon"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n  ImageSourcePropType,\n  View,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\nimport { justificationType } from \"./Justification\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  titleCentered: boolean;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardBlock: React.FC<Props> = ({\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  titleCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let titleJustification: justificationType;\n\n  let titleStyle;\n  if (titleCentered && !leftDescription && !rightDescription) {\n    titleJustification = \"center\";\n  } else {\n    titleJustification = \"space-between\";\n  }\n\n  if (numColumns === 1) {\n    titleStyle = typography.button;\n  } else if (numColumns === 2) {\n    titleStyle = typography.headline6;\n  } else {\n    titleStyle = typography.headline5;\n  }\n\n  const rightDescriptionStyles = [\n    typography.subtitle2,\n    { color: colors.light },\n  ];\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <View style={{ backgroundColor: colors.background }}>\n        <Elevation style={{ elevation, borderRadius: roundness }}>\n          <Image\n            style={{\n              borderRadius: roundness,\n              aspectRatio,\n            }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n        </Elevation>\n        {title ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              justifyContent: titleJustification,\n              marginTop: numColumns === 3 ? 16 : 12,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[titleStyle, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {!leftDescription && rightDescription ? (\n              <Text style={rightDescriptionStyles}>{rightDescription}</Text>\n            ) : null}\n          </View>\n        ) : null}\n        {leftDescription ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              marginTop: numColumns === 3 ? 4 : 4 / 2,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.body2, { color: colors.medium }]}\n            >\n              {leftDescription}\n            </Text>\n            {rightDescription ? (\n              <Text numberOfLines={1} style={rightDescriptionStyles}>\n                {rightDescription}\n              </Text>\n            ) : null}\n          </View>\n        ) : null}\n      </View>\n    </Card>\n  );\n};\n\nexport default withTheme(CardBlock);\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\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: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["CardBlock.js"],"names":["CardBlock","image","Config","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","React","createElement","Card","View","backgroundColor","background","Elevation","borderRadius","Image","source","uri","resizeMode","flexDirection","alignItems","justifyContent","marginTop","Text","numberOfLines","strong","body2","medium","SEED_DATA_PROPS","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","string","STRING","basic","NUMBER","boolean","BOOLEAN","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","props","icon"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createNumColumnsType, } from \"@draftbit/types\";\nimport Config from \"./Config\";\nconst CardBlock = ({ image = Config.cardImageUrl, title, leftDescription, rightDescription, titleCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n    let titleJustification;\n    let titleStyle;\n    if (titleCentered && !leftDescription && !rightDescription) {\n        titleJustification = \"center\";\n    }\n    else {\n        titleJustification = \"space-between\";\n    }\n    if (numColumns === 1) {\n        titleStyle = typography.button;\n    }\n    else if (numColumns === 2) {\n        titleStyle = typography.headline6;\n    }\n    else {\n        titleStyle = typography.headline5;\n    }\n    const rightDescriptionStyles = [\n        typography.subtitle2,\n        { color: colors.light },\n    ];\n    return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n        React.createElement(View, { style: { backgroundColor: colors.background } },\n            React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n                React.createElement(Image, { style: {\n                        borderRadius: roundness,\n                        aspectRatio,\n                    }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" })),\n            title ? (React.createElement(View, { style: {\n                    flexDirection: \"row\",\n                    alignItems: \"center\",\n                    justifyContent: titleJustification,\n                    marginTop: numColumns === 3 ? 16 : 12,\n                } },\n                React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title),\n                !leftDescription && rightDescription ? (React.createElement(Text, { style: rightDescriptionStyles }, rightDescription)) : null)) : null,\n            leftDescription ? (React.createElement(View, { style: {\n                    flexDirection: \"row\",\n                    justifyContent: \"space-between\",\n                    alignItems: \"center\",\n                    marginTop: numColumns === 3 ? 4 : 4 / 2,\n                } },\n                React.createElement(Text, { numberOfLines: 1, style: [typography.body2, { color: colors.medium }] }, leftDescription),\n                rightDescription ? (React.createElement(Text, { numberOfLines: 1, style: rightDescriptionStyles }, rightDescription)) : null)) : null)));\n};\nexport default withTheme(CardBlock);\nconst SEED_DATA_PROPS = {\n    image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n    },\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: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n    },\n    leftDescription: {\n        group: GROUPS.data,\n        label: \"Left description\",\n        description: \"Text to display on the left\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n    },\n    rightDescription: {\n        group: GROUPS.data,\n        label: \"Right description\",\n        description: \"Text to display on the right\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n    },\n    aspectRatio: {\n        group: GROUPS.basic,\n        label: \"Aspect ratio\",\n        description: \"Aspect ratio of the image\",\n        formType: FORM_TYPES.aspectRatio,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 1.5,\n        editable: true,\n        required: false,\n    },\n    titleCentered: {\n        group: GROUPS.basic,\n        label: \"Title centered\",\n        description: \"Whether to center the title\",\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n        defaultValue: false,\n        editable: true,\n        required: false,\n    },\n    elevation: createElevationType(2),\n};\nexport const SEED_DATA = [\n    {\n        name: \"Small Card\",\n        tag: \"CardBlock\",\n        description: \"An elevated card with a title and description, that takes up one third of its container.\",\n        category: COMPONENT_TYPES.card,\n        props: {\n            ...SEED_DATA_PROPS,\n            numColumns: createNumColumnsType({\n                defaultValue: 1,\n            }),\n        },\n    },\n    {\n        name: \"Medium Block Card\",\n        tag: \"CardBlock\",\n        description: \"An elevated card with a title and description, that takes up one half of its container.\",\n        category: COMPONENT_TYPES.card,\n        props: {\n            ...SEED_DATA_PROPS,\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Icon to display on the top right\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.STRING,\n                defaultValue: null,\n                editable: true,\n                required: true,\n            },\n            numColumns: createNumColumnsType({\n                defaultValue: 2,\n            }),\n        },\n    },\n    {\n        name: \"Large Block Card\",\n        tag: \"CardBlock\",\n        description: \"An elevated card with a title and description, that takes up the full width its container.\",\n        category: COMPONENT_TYPES.card,\n        props: {\n            ...SEED_DATA_PROPS,\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Icon to display on the top right\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.STRING,\n                defaultValue: null,\n                editable: true,\n                required: true,\n            },\n            numColumns: createNumColumnsType({\n                defaultValue: 3,\n            }),\n        },\n    },\n];\n"]}

package/lib/commonjs/components/CardContainer.js

@@ -25,8 +25,6 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 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); }
-
 const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
 
@@ -69,11 +67,12 @@ const CardContainer = ({
       break;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -245,4 +244,14 @@ const SEED_DATA = [{
   }
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=CardContainer.js.maped card with a title and description, that takes up its full container.",
+  category: _types.COMPONENT_TYPES.card,
+  layout: null,
+  props: { ...SEED_DATA_PROPS,
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 3
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=CardContainer.js.map