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

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/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

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

@@ -1 +1 @@
-{"version":3,"sources":["Layout.tsx"],"names":["Center","width","height","children","bgColor","style","rest","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack","SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","props","label","group","GROUPS","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","number","NUMBER","color","THEME"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\n// @ts-ignore\nimport type { ViewStyleProp } from \"react-native/Libraries/StyleSheet/StyleSheet\";\n\nimport {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n} from \"@draftbit/types\";\n\nexport function Center({\n  width = 240,\n  height = 200,\n  children,\n  bgColor,\n  style,\n  ...rest\n}: {\n  width: number;\n  height: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        {\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          width,\n          height,\n          backgroundColor: bgColor,\n        },\n        style,\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Circle({\n  size = 50,\n  bgColor,\n  children,\n  style,\n  ...rest\n}: {\n  size: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  const borderRadius = 1000;\n  return (\n    <Center\n      width={size}\n      height={size}\n      bgColor={bgColor}\n      style={[\n        style,\n        { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n      ]}\n      {...rest}\n    >\n      {children}\n    </Center>\n  );\n}\n\nexport function Square({\n  size = 50,\n  bgColor,\n  children,\n  style,\n  ...rest\n}: {\n  size: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <Center\n      style={style}\n      width={size}\n      height={size}\n      bgColor={bgColor}\n      {...rest}\n    >\n      {children}\n    </Center>\n  );\n}\n\nexport function Row({\n  justifyContent,\n  alignItems,\n  children,\n  style,\n  ...rest\n}: {\n  alignItems: ViewStyleProp.alignItems;\n  justifyContent: ViewStyleProp.justifyContent;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        style, // style goes first b/c we can't override these\n        {\n          alignItems,\n          flexDirection: \"row\",\n          justifyContent: justifyContent,\n        },\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Spacer({\n  top = 8,\n  right = 8,\n  bottom = 8,\n  left = 8,\n  children,\n  style,\n  ...rest\n}: {\n  top?: number;\n  right?: number;\n  left?: number;\n  bottom?: number;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        style,\n        {\n          paddingRight: right,\n          paddingTop: top,\n          paddingLeft: left,\n          paddingBottom: bottom,\n        },\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Stack({\n  children,\n  justifyContent = \"flex-start\",\n  alignItems = \"flex-start\",\n  style,\n  ...rest\n}: {\n  justifyContent: ViewStyleProp.justifyContent;\n  alignItems: ViewStyleProp.alignItems;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    // style must go first since we don't want justifyContent, alignItems overridden\n    <View style={[style, { justifyContent, alignItems }]} {...rest}>\n      {children}\n    </View>\n  );\n}\n\nexport const SEED_DATA = [\n  {\n    name: \"Row\",\n    tag: \"Row\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      justifyContent: {\n        label: \"Align Horizontally\",\n        group: GROUPS.style,\n        description: \"Align Items Horizontally (on the X Axis)\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n      alignItems: {\n        label: \"Align Vertically\",\n        group: GROUPS.style,\n        description: \"Align Items Vertically (on the Y Axis)\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Spacer\",\n    tag: \"Spacer\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      top: {\n        label: \"Top\",\n        description: \"Top\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      right: {\n        label: \"Right\",\n        description: \"Right\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      bottom: {\n        label: \"Bottom\",\n        description: \"Bottom\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      left: {\n        label: \"Left\",\n        description: \"Left\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Stack\",\n    tag: \"Stack\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      justifyContent: {\n        group: GROUPS.style,\n        label: \"Justify\",\n        description: \"Justify horizontally\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n      alignItems: {\n        group: GROUPS.style,\n        label: \"Align\",\n        description: \"Vertical align\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Center\",\n    tag: \"Center\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      width: {\n        label: \"Width\",\n        description: \"Width\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 240,\n        editable: true,\n        required: false,\n      },\n      height: {\n        label: \"Height\",\n        description: \"Height\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 200,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n  {\n    name: \"Circle\",\n    tag: \"Circle\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      size: {\n        label: \"Size\",\n        description: \"Size\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 50,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n  {\n    name: \"Square\",\n    tag: \"Square\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      size: {\n        label: \"Size\",\n        description: \"Size\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 50,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n];\n"]}
+{"version":3,"sources":["Layout.js"],"names":["Center","width","height","children","bgColor","style","rest","React","createElement","View","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack","SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","props","label","group","GROUPS","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","number","NUMBER","color","THEME"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nimport { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, } from \"@draftbit/types\";\nexport function Center({ width = 240, height = 200, children, bgColor, style, ...rest }) {\n    return (React.createElement(View, { style: [\n            {\n                justifyContent: \"center\",\n                alignItems: \"center\",\n                width,\n                height,\n                backgroundColor: bgColor,\n            },\n            style,\n        ], ...rest }, children));\n}\nexport function Circle({ size = 50, bgColor, children, style, ...rest }) {\n    const borderRadius = 1000;\n    return (React.createElement(Center, { width: size, height: size, bgColor: bgColor, style: [\n            style,\n            { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n        ], ...rest }, children));\n}\nexport function Square({ size = 50, bgColor, children, style, ...rest }) {\n    return (React.createElement(Center, { style: style, width: size, height: size, bgColor: bgColor, ...rest }, children));\n}\nexport function Row({ justifyContent, alignItems, children, style, ...rest }) {\n    return (React.createElement(View, { style: [\n            style,\n            {\n                alignItems,\n                flexDirection: \"row\",\n                justifyContent: justifyContent,\n            },\n        ], ...rest }, children));\n}\nexport function Spacer({ top = 8, right = 8, bottom = 8, left = 8, children, style, ...rest }) {\n    return (React.createElement(View, { style: [\n            style,\n            {\n                paddingRight: right,\n                paddingTop: top,\n                paddingLeft: left,\n                paddingBottom: bottom,\n            },\n        ], ...rest }, children));\n}\nexport function Stack({ children, justifyContent = \"flex-start\", alignItems = \"flex-start\", style, ...rest }) {\n    return (\n    // style must go first since we don't want justifyContent, alignItems overridden\n    React.createElement(View, { style: [style, { justifyContent, alignItems }], ...rest }, children));\n}\nexport const SEED_DATA = [\n    {\n        name: \"Row\",\n        tag: \"Row\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            justifyContent: {\n                label: \"Align Horizontally\",\n                group: GROUPS.style,\n                description: \"Align Items Horizontally (on the X Axis)\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"flex-start\",\n                editable: true,\n                required: false,\n            },\n            alignItems: {\n                label: \"Align Vertically\",\n                group: GROUPS.style,\n                description: \"Align Items Vertically (on the Y Axis)\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"flex-start\",\n                editable: true,\n                required: false,\n            },\n        },\n    },\n    {\n        name: \"Spacer\",\n        tag: \"Spacer\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            top: {\n                label: \"Top\",\n                description: \"Top\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 8,\n                editable: true,\n                required: false,\n            },\n            right: {\n                label: \"Right\",\n                description: \"Right\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 8,\n                editable: true,\n                required: false,\n            },\n            bottom: {\n                label: \"Bottom\",\n                description: \"Bottom\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 8,\n                editable: true,\n                required: false,\n            },\n            left: {\n                label: \"Left\",\n                description: \"Left\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 8,\n                editable: true,\n                required: false,\n            },\n        },\n    },\n    {\n        name: \"Stack\",\n        tag: \"Stack\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            justifyContent: {\n                group: GROUPS.style,\n                label: \"Justify\",\n                description: \"Justify horizontally\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"flex-start\",\n                editable: true,\n                required: false,\n            },\n            alignItems: {\n                group: GROUPS.style,\n                label: \"Align\",\n                description: \"Vertical align\",\n                formType: FORM_TYPES.string,\n                propType: PROP_TYPES.STRING,\n                defaultValue: \"flex-start\",\n                editable: true,\n                required: false,\n            },\n        },\n    },\n    {\n        name: \"Center\",\n        tag: \"Center\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            width: {\n                label: \"Width\",\n                description: \"Width\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 240,\n                editable: true,\n                required: false,\n            },\n            height: {\n                label: \"Height\",\n                description: \"Height\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 200,\n                editable: true,\n                required: false,\n            },\n            bgColor: {\n                label: \"Background Color\",\n                description: \"Background color\",\n                formType: FORM_TYPES.color,\n                propType: PROP_TYPES.THEME,\n                editable: true,\n                required: false,\n                defaultValue: \"light\",\n                group: GROUPS.style,\n            },\n        },\n    },\n    {\n        name: \"Circle\",\n        tag: \"Circle\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            size: {\n                label: \"Size\",\n                description: \"Size\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 50,\n                editable: true,\n                required: false,\n            },\n            bgColor: {\n                label: \"Background Color\",\n                description: \"Background color\",\n                formType: FORM_TYPES.color,\n                propType: PROP_TYPES.THEME,\n                editable: true,\n                required: false,\n                defaultValue: \"light\",\n                group: GROUPS.style,\n            },\n        },\n    },\n    {\n        name: \"Square\",\n        tag: \"Square\",\n        category: COMPONENT_TYPES.layout,\n        props: {\n            size: {\n                label: \"Size\",\n                description: \"Size\",\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                group: GROUPS.style,\n                defaultValue: 50,\n                editable: true,\n                required: false,\n            },\n            bgColor: {\n                label: \"Background Color\",\n                description: \"Background color\",\n                formType: FORM_TYPES.color,\n                propType: PROP_TYPES.THEME,\n                editable: true,\n                required: false,\n                defaultValue: \"light\",\n                group: GROUPS.style,\n            },\n        },\n    },\n];\n"]}

package/lib/commonjs/components/Markdown.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Markdown.js"],"names":["MarkdownComponent","content","React","createElement","Markdown","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","props","label","defaultValue"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,iBAAiB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAiB;AACvC,sBAAOC,KAAK,CAACC,aAAN,CAAoBC,mCAApB,EAA8B,IAA9B,EAAoCH,OAApC,CAAP;AACH,CAFD;;eAGe,wBAAUD,iBAAV,C;;;AACR,MAAMK,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,UADe;AAErBC,EAAAA,GAAG,EAAE,mBAFgB;AAGrBC,EAAAA,WAAW,EAAE,sBAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJL;AAKrBC,EAAAA,KAAK,EAAE;AACHX,IAAAA,OAAO,EAAE,2BAAe;AACpBY,MAAAA,KAAK,EAAE,eADa;AAEpBL,MAAAA,WAAW,EAAE,eAFO;AAGpBM,MAAAA,YAAY,EAAE;AAHM,KAAf;AADN;AALc,CAAlB","sourcesContent":["import * as React from \"react\";\nimport Markdown from \"react-native-markdown-display\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createTextProp } from \"@draftbit/types\";\nconst MarkdownComponent = ({ content }) => {\n    return React.createElement(Markdown, null, content);\n};\nexport default withTheme(MarkdownComponent);\nexport const SEED_DATA = {\n    name: \"Markdown\",\n    tag: \"MarkdownComponent\",\n    description: \"A markdown component\",\n    category: COMPONENT_TYPES.basic,\n    props: {\n        content: createTextProp({\n            label: \"Markdown Text\",\n            description: \"Markdown Text\",\n            defaultValue: null,\n        }),\n    },\n};\n"]}

package/lib/commonjs/components/NumberInput.js

@@ -13,8 +13,6 @@ var _hooks = require("../hooks");
 
 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 NumberInput = ({
   initialValue,
   onChangeText,
@@ -28,7 +26,21 @@ const NumberInput = ({
     }
   }, [initialValue, previousInitialValue, onChangeText]);
 
-  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    keyboardType: "numeric",
+    onChangeText: val => onChangeText(stringToInteger(val)),
+    ...props
+  });
+};
+
+const stringToInteger = str => {
+  const number = parseFloat(str);
+  return isNaN(number) ? 0 : number;
+};
+
+var _default = NumberInput;
+exports.default = _default;
+//# sourceMappingURL=NumberInput.js.map _extends({
     keyboardType: "numeric",
     onChangeText: val => onChangeText(stringToInteger(val))
   }, props));

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

@@ -1 +1 @@
-{"version":3,"sources":["NumberInput.tsx"],"names":["NumberInput","initialValue","onChangeText","props","previousInitialValue","React","useEffect","stringToInteger","val","str","number","parseFloat","isNaN"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAOA,MAAMA,WAA4B,GAAG,CAAC;AACpCC,EAAAA,YADoC;AAEpCC,EAAAA,YAFoC;AAGpC,KAAGC;AAHiC,CAAD,KAI/B;AACJ,QAAMC,oBAAoB,GAAG,wBAAYH,YAAZ,CAA7B;;AACAI,iBAAMC,SAAN,CAAgB,MAAM;AACpB,QAAIL,YAAY,KAAKG,oBAArB,EAA2C;AACzCF,MAAAA,YAAY,CAACK,eAAe,CAACN,YAAD,CAAhB,CAAZ;AACD;AACF,GAJD,EAIG,CAACA,YAAD,EAAeG,oBAAf,EAAqCF,YAArC,CAJH;;AAMA,sBACE,6BAAC,sBAAD;AACE,IAAA,YAAY,EAAC,SADf;AAEE,IAAA,YAAY,EAAGM,GAAD,IAASN,YAAY,CAACK,eAAe,CAACC,GAAD,CAAhB;AAFrC,KAGML,KAHN,EADF;AAOD,CAnBD;;AAqBA,MAAMI,eAAe,GAAIE,GAAD,IAAqC;AAC3D,QAAMC,MAAM,GAAGC,UAAU,CAACF,GAAD,CAAzB;AACA,SAAOG,KAAK,CAACF,MAAD,CAAL,GAAgB,CAAhB,GAAoBA,MAA3B;AACD,CAHD;;eAKeV,W","sourcesContent":["import React from \"react\";\nimport { TextInput as NativeNumberInput } from \"react-native\";\nimport { usePrevious } from \"../hooks\";\n\ninterface Props {\n  initialValue?: string;\n  onChangeText: (value?: number) => void;\n}\n\nconst NumberInput: React.FC<Props> = ({\n  initialValue,\n  onChangeText,\n  ...props\n}) => {\n  const previousInitialValue = usePrevious(initialValue);\n  React.useEffect(() => {\n    if (initialValue !== previousInitialValue) {\n      onChangeText(stringToInteger(initialValue));\n    }\n  }, [initialValue, previousInitialValue, onChangeText]);\n\n  return (\n    <NativeNumberInput\n      keyboardType=\"numeric\"\n      onChangeText={(val) => onChangeText(stringToInteger(val))}\n      {...props}\n    />\n  );\n};\n\nconst stringToInteger = (str: string | undefined): number => {\n  const number = parseFloat(str as string);\n  return isNaN(number) ? 0 : number;\n};\n\nexport default NumberInput;\n"]}
+{"version":3,"sources":["NumberInput.js"],"names":["NumberInput","initialValue","onChangeText","props","previousInitialValue","React","useEffect","stringToInteger","createElement","NativeNumberInput","keyboardType","val","str","number","parseFloat","isNaN"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,WAAW,GAAG,CAAC;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA,YAAhB;AAA8B,KAAGC;AAAjC,CAAD,KAA8C;AAC9D,QAAMC,oBAAoB,GAAG,wBAAYH,YAAZ,CAA7B;;AACAI,iBAAMC,SAAN,CAAgB,MAAM;AAClB,QAAIL,YAAY,KAAKG,oBAArB,EAA2C;AACvCF,MAAAA,YAAY,CAACK,eAAe,CAACN,YAAD,CAAhB,CAAZ;AACH;AACJ,GAJD,EAIG,CAACA,YAAD,EAAeG,oBAAf,EAAqCF,YAArC,CAJH;;AAKA,sBAAQG,eAAMG,aAAN,CAAoBC,sBAApB,EAAuC;AAAEC,IAAAA,YAAY,EAAE,SAAhB;AAA2BR,IAAAA,YAAY,EAAGS,GAAD,IAAST,YAAY,CAACK,eAAe,CAACI,GAAD,CAAhB,CAA9D;AAAsF,OAAGR;AAAzF,GAAvC,CAAR;AACH,CARD;;AASA,MAAMI,eAAe,GAAIK,GAAD,IAAS;AAC7B,QAAMC,MAAM,GAAGC,UAAU,CAACF,GAAD,CAAzB;AACA,SAAOG,KAAK,CAACF,MAAD,CAAL,GAAgB,CAAhB,GAAoBA,MAA3B;AACH,CAHD;;eAIeb,W","sourcesContent":["import React from \"react\";\nimport { TextInput as NativeNumberInput } from \"react-native\";\nimport { usePrevious } from \"../hooks\";\nconst NumberInput = ({ initialValue, onChangeText, ...props }) => {\n    const previousInitialValue = usePrevious(initialValue);\n    React.useEffect(() => {\n        if (initialValue !== previousInitialValue) {\n            onChangeText(stringToInteger(initialValue));\n        }\n    }, [initialValue, previousInitialValue, onChangeText]);\n    return (React.createElement(NativeNumberInput, { keyboardType: \"numeric\", onChangeText: (val) => onChangeText(stringToInteger(val)), ...props }));\n};\nconst stringToInteger = (str) => {\n    const number = parseFloat(str);\n    return isNaN(number) ? 0 : number;\n};\nexport default NumberInput;\n"]}

package/lib/commonjs/components/Picker/PickerTypes.js

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

package/lib/commonjs/components/Portal/PortalManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PortalManager.tsx"],"names":["PortalManager","React","PureComponent","portals","key","children","setState","state","map","item","filter","render","StyleSheet","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AASA;AACA;AACA;AACe,MAAMA,aAAN,SAA4BC,KAAK,CAACC,aAAlC,CAA2D;AAAA;AAAA;;AAAA,mCACzD;AACbC,MAAAA,OAAO,EAAE;AADI,KADyD;;AAAA,mCAKhE,CAACC,GAAD,EAAcC,QAAd,KAA4C;AAClD,WAAKC,QAAL,CAAeC,KAAD,KAAY;AACxBJ,QAAAA,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAV,EAAmB;AAAEC,UAAAA,GAAF;AAAOC,UAAAA;AAAP,SAAnB;AADe,OAAZ,CAAd;AAGD,KATuE;;AAAA,oCAW/D,CAACD,GAAD,EAAcC,QAAd,KACP,KAAKC,QAAL,CAAeC,KAAD,KAAY;AACxBJ,MAAAA,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;AACnC,YAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;AACpB,iBAAO,EAAE,GAAGK,IAAL;AAAWJ,YAAAA;AAAX,WAAP;AACD;;AACD,eAAOI,IAAP;AACD,OALQ;AADe,KAAZ,CAAd,CAZsE;;AAAA,qCAqB7DL,GAAD,IACR,KAAKE,QAAL,CAAeC,KAAD,KAAY;AACxBJ,MAAAA,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;AADe,KAAZ,CAAd,CAtBsE;AAAA;;AA0BxEO,EAAAA,MAAM,GAAG;AACP,WAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB,CAAC;AAAEJ,MAAAA,GAAF;AAAOC,MAAAA;AAAP,KAAD,kBAC5B,oBAAC,iBAAD;AACE,MAAA,GAAG,EAAED,GADP;AAEE,MAAA,WAAW,EACT;AAAM;AAHV;AAKE,MAAA,aAAa,EAAC,UALhB;AAME,MAAA,KAAK,EAAEQ,wBAAWC;AANpB,OAQGR,QARH,CADK,CAAP;AAYD;;AAvCuE","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n\ntype State = {\n  portals: Array<{\n    key: number;\n    children: React.ReactNode;\n  }>;\n};\n\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent<{}, State> {\n  state: State = {\n    portals: [],\n  };\n\n  mount = (key: number, children: React.ReactNode) => {\n    this.setState((state) => ({\n      portals: [...state.portals, { key, children }],\n    }));\n  };\n\n  update = (key: number, children: React.ReactNode) =>\n    this.setState((state) => ({\n      portals: state.portals.map((item) => {\n        if (item.key === key) {\n          return { ...item, children };\n        }\n        return item;\n      }),\n    }));\n\n  unmount = (key: number) =>\n    this.setState((state) => ({\n      portals: state.portals.filter((item) => item.key !== key),\n    }));\n\n  render() {\n    return this.state.portals.map(({ key, children }) => (\n      <View\n        key={key}\n        collapsable={\n          false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */\n        }\n        pointerEvents=\"box-none\"\n        style={StyleSheet.absoluteFill}\n      >\n        {children}\n      </View>\n    ));\n  }\n}\n"]}
+{"version":3,"sources":["PortalManager.js"],"names":["PortalManager","React","PureComponent","portals","key","children","setState","state","map","item","filter","render","createElement","View","collapsable","pointerEvents","style","StyleSheet","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AACA;AACA;AACA;AACe,MAAMA,aAAN,SAA4BC,KAAK,CAACC,aAAlC,CAAgD;AAAA;AAAA;;AAAA,mCACnD;AACJC,MAAAA,OAAO,EAAE;AADL,KADmD;;AAAA,mCAInD,CAACC,GAAD,EAAMC,QAAN,KAAmB;AACvB,WAAKC,QAAL,CAAeC,KAAD,KAAY;AACtBJ,QAAAA,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAV,EAAmB;AAAEC,UAAAA,GAAF;AAAOC,UAAAA;AAAP,SAAnB;AADa,OAAZ,CAAd;AAGH,KAR0D;;AAAA,oCASlD,CAACD,GAAD,EAAMC,QAAN,KAAmB,KAAKC,QAAL,CAAeC,KAAD,KAAY;AAClDJ,MAAAA,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;AACjC,YAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;AAClB,iBAAO,EAAE,GAAGK,IAAL;AAAWJ,YAAAA;AAAX,WAAP;AACH;;AACD,eAAOI,IAAP;AACH,OALQ;AADyC,KAAZ,CAAd,CAT+B;;AAAA,qCAiBhDL,GAAD,IAAS,KAAKE,QAAL,CAAeC,KAAD,KAAY;AACzCJ,MAAAA,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;AADgC,KAAZ,CAAd,CAjBwC;AAAA;;AAoB3DO,EAAAA,MAAM,GAAG;AACL,WAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB,CAAC;AAAEJ,MAAAA,GAAF;AAAOC,MAAAA;AAAP,KAAD,kBAAwBJ,KAAK,CAACW,aAAN,CAAoBC,iBAApB,EAA0B;AAAET,MAAAA,GAAG,EAAEA,GAAP;AAAYU,MAAAA,WAAW,EAAE;AAAM;AAA/B;AAAyIC,MAAAA,aAAa,EAAE,UAAxJ;AAAoKC,MAAAA,KAAK,EAAEC,wBAAWC;AAAtL,KAA1B,EAAgOb,QAAhO,CAA/C,CAAP;AACH;;AAtB0D","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent {\n    state = {\n        portals: [],\n    };\n    mount = (key, children) => {\n        this.setState((state) => ({\n            portals: [...state.portals, { key, children }],\n        }));\n    };\n    update = (key, children) => this.setState((state) => ({\n        portals: state.portals.map((item) => {\n            if (item.key === key) {\n                return { ...item, children };\n            }\n            return item;\n        }),\n    }));\n    unmount = (key) => this.setState((state) => ({\n        portals: state.portals.filter((item) => item.key !== key),\n    }));\n    render() {\n        return this.state.portals.map(({ key, children }) => (React.createElement(View, { key: key, collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */, pointerEvents: \"box-none\", style: StyleSheet.absoluteFill }, children)));\n    }\n}\n"]}

package/lib/commonjs/components/ProgressBar.js

@@ -15,8 +15,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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 const INDETERMINATE_WIDTH_FACTOR = 0.3;
@@ -95,7 +93,6 @@ class ProgressBar extends _react.Component {
         _reactNative.Animated[animationType](this.state.progress, { ...animationConfig,
           toValue: progress,
           velocity: 0,
-          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -167,10 +164,11 @@ class ProgressBar extends _react.Component {
         })
       }]
     };
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: [containerStyle, style],
-      onLayout: this.handleLayout
-    }, restProps), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      onLayout: this.handleLayout,
+      ...restProps
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
       style: progressStyle
     }), children);
   }
@@ -276,4 +274,19 @@ const SEED_DATA = [{
   }
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=ProgressBar.js.mapat occurs when the bar is filled(Default is Spring)",
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "spring",
+      options: ["decay", "timing", "spring"],
+      editable: true,
+      required: true
+    }
+  },
+  layout: {
+    width: 200,
+    height: 20
+  }
+}];
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=ProgressBar.js.map