@draftbit/core 47.0.1-d41acb.2 → 47.0.1-e04fa3.2

package/lib/commonjs/components/Button.js

@@ -21,11 +21,10 @@ function Base(_ref) {
     Icon,
     icon,
     title,
+    onPress,
     loading,
     disabled,
     style,
-    activeOpacity,
-    disabledOpacity,
     ...props
   } = _ref;
   const {
@@ -62,13 +61,14 @@ function Base(_ref) {
     buttonStyles.justifyContent = "flex-end";
   }
   return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+    onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
       let {
         pressed
       } = _ref2;
       return [styles.base, {
-        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
+        opacity: pressed || disabled ? 0.75 : 1
       }, buttonStyles];
     }
   }, props), loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {

package/lib/commonjs/components/Checkbox/Checkbox.js

@@ -7,7 +7,9 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _theming = require("../../theming");
+var _Touchable = _interopRequireDefault(require("../Touchable"));
 var _hooks = require("../../hooks");
+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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
@@ -58,7 +60,7 @@ const Checkbox = _ref => {
       onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
     }
   };
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
     onPress: handlePress,
     disabled: disabled,
     accessibilityState: {

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _context = require("./context");
+var _Touchable = _interopRequireDefault(require("../Touchable"));
 var _utilities = require("../../utilities");
 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); }
@@ -72,7 +73,7 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction

package/lib/commonjs/components/Checkbox/CheckboxRow.js

@@ -10,6 +10,7 @@ var _lodash = require("lodash");
 var _utilities = require("../../utilities");
 var _hooks = require("../../hooks");
 var _Text = _interopRequireDefault(require("../Text"));
+var _Touchable = _interopRequireDefault(require("../Touchable"));
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 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); }
@@ -82,7 +83,7 @@ const CheckboxRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
     onPress: handlePress,
     style: [viewStyles, styles.mainParent, {
       flexDirection: direction

package/lib/commonjs/components/DeprecatedButton.js

@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _color = _interopRequireDefault(require("color"));
 var _Config = _interopRequireDefault(require("./Config"));
+var _Touchable = _interopRequireDefault(require("./Touchable"));
 var _Elevation = _interopRequireDefault(require("./Elevation"));
 var _theming = require("../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -26,6 +27,7 @@ const Button = _ref => {
     children,
     onPress,
     elevation = 0,
+    style,
     theme: {
       colors,
       disabledOpacity,
@@ -79,19 +81,41 @@ const Button = _ref => {
     marginRight: -8,
     width: _Config.default.buttonIconSize
   }];
+  const {
+    margin,
+    marginEnd,
+    marginTop,
+    marginLeft,
+    marginRight,
+    marginBottom,
+    marginHorizontal,
+    marginVertical,
+    ...innerStyles
+  } = _reactNative.StyleSheet.flatten(style || {});
+  const margins = {
+    margin,
+    marginEnd,
+    marginTop,
+    marginLeft,
+    marginRight,
+    marginBottom,
+    marginHorizontal,
+    marginVertical
+  };
   return /*#__PURE__*/React.createElement(_Elevation.default, {
     style: {
       elevation,
-      alignSelf: "stretch"
+      alignSelf: "stretch",
+      ...margins
     }
-  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
     },
     accessibilityRole: "button",
     disabled: disabled || loading,
-    style: [styles.button, buttonStyle]
+    style: [styles.button, buttonStyle, innerStyles]
   }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {

package/lib/commonjs/components/DeprecatedFAB.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _color = _interopRequireDefault(require("color"));
 var _Config = _interopRequireDefault(require("./Config"));
 var _Text = _interopRequireDefault(require("./Text"));
+var _Touchable = _interopRequireDefault(require("./Touchable"));
 var _Elevation = _interopRequireDefault(require("./Elevation"));
 var _theming = require("../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -106,7 +107,7 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled

package/lib/commonjs/components/Touchable.js

@@ -13,24 +13,19 @@ function Touchable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
-    delayLongPress,
-    hitSlop,
     style,
     ...props
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
-    disabled: disabled,
     onPress: onPress,
-    delayLongPress: delayLongPress ? delayLongPress : 500,
-    hitSlop: hitSlop ? hitSlop : 8,
+    disabled: disabled,
+    hitSlop: 8,
     style: _ref2 => {
       let {
         pressed
       } = _ref2;
       return [{
-        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
+        opacity: pressed || disabled ? 0.75 : 1
       }, style];
     }
   }, props), children);

package/lib/commonjs/index.js

@@ -33,12 +33,6 @@ Object.defineProperty(exports, "ActionSheetItem", {
     return _ActionSheet.ActionSheetItem;
   }
 });
-Object.defineProperty(exports, "Avatar", {
-  enumerable: true,
-  get: function () {
-    return _CircleImage.default;
-  }
-});
 Object.defineProperty(exports, "AvatarEdit", {
   enumerable: true,
   get: function () {
@@ -105,12 +99,6 @@ Object.defineProperty(exports, "Carousel", {
     return _Carousel.default;
   }
 });
-Object.defineProperty(exports, "Center", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Center;
-  }
-});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function () {
@@ -129,24 +117,12 @@ Object.defineProperty(exports, "CheckboxRow", {
     return _Checkbox.CheckboxRow;
   }
 });
-Object.defineProperty(exports, "Circle", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Circle;
-  }
-});
 Object.defineProperty(exports, "CircleImage", {
   enumerable: true,
   get: function () {
     return _CircleImage.default;
   }
 });
-Object.defineProperty(exports, "Container", {
-  enumerable: true,
-  get: function () {
-    return _Container.default;
-  }
-});
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () {
@@ -165,12 +141,6 @@ Object.defineProperty(exports, "Divider", {
     return _Divider.default;
   }
 });
-Object.defineProperty(exports, "FAB", {
-  enumerable: true,
-  get: function () {
-    return _FAB.default;
-  }
-});
 Object.defineProperty(exports, "FieldSearchBarFull", {
   enumerable: true,
   get: function () {
@@ -225,12 +195,6 @@ Object.defineProperty(exports, "Picker", {
     return _Picker.default;
   }
 });
-Object.defineProperty(exports, "Pressable", {
-  enumerable: true,
-  get: function () {
-    return _Pressable.default;
-  }
-});
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
   get: function () {
@@ -273,12 +237,6 @@ Object.defineProperty(exports, "RadioButtonRow", {
     return _index.RadioButtonRow;
   }
 });
-Object.defineProperty(exports, "Row", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Row;
-  }
-});
 Object.defineProperty(exports, "RowBodyIcon", {
   enumerable: true,
   get: function () {
@@ -315,24 +273,6 @@ Object.defineProperty(exports, "Slider", {
     return _Slider.default;
   }
 });
-Object.defineProperty(exports, "Spacer", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Spacer;
-  }
-});
-Object.defineProperty(exports, "Square", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Square;
-  }
-});
-Object.defineProperty(exports, "Stack", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Stack;
-  }
-});
 Object.defineProperty(exports, "StarRating", {
   enumerable: true,
   get: function () {
@@ -421,51 +361,47 @@ var _Icon = require("./interfaces/Icon");
 var _theming = require("./theming");
 var _Provider = _interopRequireDefault(require("./Provider"));
 var _DefaultTheme = _interopRequireDefault(require("./styles/DefaultTheme"));
-var _Text = require("./components/Text");
+var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
 var _Banner = _interopRequireDefault(require("./components/Banner"));
 var _Button = require("./components/Button");
-var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
-var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
-var _Card = _interopRequireDefault(require("./components/Card"));
-var _Carousel = _interopRequireDefault(require("./components/Carousel"));
-var _Checkbox = require("./components/Checkbox");
-var _Container = _interopRequireDefault(require("./components/Container"));
-var _Divider = _interopRequireDefault(require("./components/Divider"));
-var _FAB = _interopRequireDefault(require("./components/FAB"));
-var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
+var _Text = require("./components/Text");
 var _IconButton = _interopRequireDefault(require("./components/IconButton"));
-var _Image = _interopRequireDefault(require("./components/Image"));
-var _SVG = _interopRequireDefault(require("./components/SVG"));
+var _Touchable = _interopRequireDefault(require("./components/Touchable"));
+var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
+var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
 var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
-var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
+var _TextField = _interopRequireDefault(require("./components/TextField"));
+var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
+var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
+var _Checkbox = require("./components/Checkbox");
+var _index = require("./components/RadioButton/index");
+var _Slider = _interopRequireDefault(require("./components/Slider"));
+var _Stepper = _interopRequireDefault(require("./components/Stepper"));
 var _StarRating = _interopRequireDefault(require("./components/StarRating"));
-var _Surface = _interopRequireDefault(require("./components/Surface"));
 var _Switch = _interopRequireWildcard(require("./components/Switch"));
-var _TextField = _interopRequireDefault(require("./components/TextField"));
-var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
-var _Touchable = _interopRequireDefault(require("./components/Touchable"));
-var _Pressable = _interopRequireDefault(require("./components/Pressable"));
+var _SVG = _interopRequireDefault(require("./components/SVG"));
+var _Image = _interopRequireDefault(require("./components/Image"));
+var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
+var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
+var _Swiper = require("./components/Swiper");
 var _Accordion = require("./components/Accordion");
+var _Surface = _interopRequireDefault(require("./components/Surface"));
 var _ActionSheet = require("./components/ActionSheet");
-var _Swiper = require("./components/Swiper");
-var _Layout = require("./components/Layout");
-var _index = require("./components/RadioButton/index");
-var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
-var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
-var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
-var _CardInline = _interopRequireDefault(require("./components/CardInline"));
-var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
+var _Carousel = _interopRequireDefault(require("./components/Carousel"));
+var _Divider = _interopRequireDefault(require("./components/Divider"));
 var _HeaderLarge = _interopRequireDefault(require("./components/HeaderLarge"));
 var _HeaderMedium = _interopRequireDefault(require("./components/HeaderMedium"));
 var _HeaderOverline = _interopRequireDefault(require("./components/HeaderOverline"));
-var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
 var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
 var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
 var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
 var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
 var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
-var _Slider = _interopRequireDefault(require("./components/Slider"));
-var _Stepper = _interopRequireDefault(require("./components/Stepper"));
+var _Card = _interopRequireDefault(require("./components/Card"));
+var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
+var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
+var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
+var _CardInline = _interopRequireDefault(require("./components/CardInline"));
 var _useAuthState = require("./components/useAuthState");
 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; }

package/lib/commonjs/mappings/Button.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
-const SEED_DATA_TRIGGERS = [_types.Triggers.OnPress, _types.Triggers.OnLongPress];
+const SEED_DATA_TRIGGERS = [_types.Triggers.OnPress];
 const SEED_DATA_PROPS = {
   onPress: (0, _types.createActionProp)(),
-  onLongPress: (0, _types.createActionProp)(),
   icon: (0, _types.createIconProp)({
     defaultValue: null,
     required: false
@@ -19,37 +18,12 @@ const SEED_DATA_PROPS = {
     defaultValue: "Get Started"
   }),
   disabled: (0, _types.createDisabledProp)(),
-  loading: (0, _types.createLoadingProp)(),
-  activeOpacity: (0, _types.createStaticNumberProp)({
-    label: "Active Opacity",
-    description: "Opacity of the button when active.",
-    defaultValue: 0.8,
-    min: 0,
-    max: 1,
-    step: 0.01,
-    precision: 2,
-    required: false
-  }),
-  disabledOpacity: (0, _types.createStaticNumberProp)({
-    label: "Disabled Opacity",
-    description: "Opacity of the button when disabled.",
-    defaultValue: 0.8,
-    min: 0,
-    max: 1,
-    step: 0.01,
-    precision: 2,
-    required: false
-  }),
-  delayLongPress: (0, _types.createStaticNumberProp)({
-    label: "Delay Long Press",
-    description: "Duration (in milliseconds) from onPressIn before onLongPress is called.",
-    required: false
-  }),
-  hitSlop: (0, _types.createStaticNumberProp)({
-    label: "Hit Slop",
-    description: "Sets additional distance outside of element in which a press can be detected",
-    required: false
-  })
+  loading: (0, _types.createLoadingProp)()
+};
+const LAYOUT = {
+  backgroundColor: "transparent",
+  borderRadius: 8,
+  fontFamily: "system-700"
 };
 const SEED_DATA = [{
   name: "Button Outline",
@@ -57,8 +31,7 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.deprecated,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: {
-    borderRadius: 8,
-    fontFamily: "system-700",
+    ...LAYOUT,
     backgroundColor: "transparent",
     borderWidth: 1,
     textAlign: "center"
@@ -71,8 +44,7 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.deprecated,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: {
-    borderRadius: 8,
-    fontFamily: "system-700",
+    ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"
   },
@@ -84,8 +56,7 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.button,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: {
-    borderRadius: 8,
-    fontFamily: "system-700",
+    ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"
   },

package/lib/commonjs/mappings/NativeBase/AlertDialog.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SHARED_SEED_DATA = {
+  category: _types.COMPONENT_TYPES.NBAlert,
+  packageName: "native-base",
+  stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
+  layout: {}
+};
+const SEED_DATA = [{
+  name: "Alert Dialog",
+  tag: "AlertDialog",
+  description: "AlertDialog is used when a user needs to be interrupted with a mandatory confirmation or call-to-action. AlertDialog composes Modal so you can use all its props.",
+  ...SHARED_SEED_DATA,
+  triggers: [_types.Triggers.OnClose],
+  props: {
+    /* https://github.com/GeekyAnts/NativeBase/blob/master/src/components/composites/AlertDialog/types.tsx */
+    isOpen: (0, _types.createBoolProp)({
+      label: "Is Open",
+      description: "If true, the modal will open. Useful for controllable state behavior."
+    }),
+    defaultIsOpen: (0, _types.createStaticBoolProp)({
+      label: "Default Is Open",
+      description: "If true, the modal will be opened by default."
+    }),
+    size: (0, _types.createStaticNumberProp)({
+      label: "Size",
+      description: "The size of the AlertDialog"
+    }),
+    avoidKeyboard: (0, _types.createStaticBoolProp)({
+      label: "Avoid Keyboard",
+      description: "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
+      defaultValue: false
+    }),
+    closeOnOverlayClick: (0, _types.createStaticBoolProp)({
+      label: "Close on Overlay Click",
+      description: "If true, the modal will close when the overlay is clicked.",
+      defaultValue: true
+    }),
+    isKeyboardDismissable: (0, _types.createStaticBoolProp)({
+      label: "Is Keyboard Dismissable",
+      description: "If true, the modal will close when the keyboard is dismissed.",
+      defaultValue: true
+    }),
+    overlayVisible: (0, _types.createStaticBoolProp)({
+      label: "Overlay Visible",
+      description: "If true, the overlay element is visible.",
+      defaultValue: true
+    }),
+    backdropVisible: (0, _types.createStaticBoolProp)({
+      label: "Backdrop Visible",
+      description: "If true, the backdrop element is visible.",
+      defaultValue: true
+    }),
+    animationPreset: (0, _types.createTextEnumProp)({
+      label: "Animation Preset",
+      description: "The animation preset to use for the modal.",
+      options: ["slide", "fade", "none"],
+      defaultValue: "fade"
+    }),
+    useRNModal: (0, _types.createStaticBoolProp)({
+      label: "Use RN Modal",
+      description: "If true, the modal will use the RN Modal component."
+    }),
+    onClose: (0, _types.createActionProp)()
+  }
+}, {
+  name: "Alert Header",
+  tag: "AlertDialog.Header",
+  description: "Contains the title announced by screen readers.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Alert Body",
+  tag: "AlertDialog.Body",
+  description: "Contains the description announced by screen readers.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Alert Footer",
+  tag: "AlertDialog.Footer",
+  description: "Contains the actions of the dialog.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Alert Content",
+  tag: "AlertDialog.Content",
+  description: "The wrapper for the alert dialog's content.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Alert Close Button",
+  tag: "AlertDialog.CloseButton",
+  description: "The button that closes the dialog",
+  ...SHARED_SEED_DATA,
+  props: {}
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/NativeBase/Button.js

@@ -0,0 +1,84 @@
+/* Temporarily Commented Out
+
+
+import {
+  COMPONENT_TYPES,
+  StylesPanelSections,
+  createTextEnumProp,
+  createBoolProp,
+  createIconProp,
+} from "@draftbit/types";
+
+const SHARED_SEED_DATA = {
+  category: COMPONENT_TYPES.NBForms,
+  packageName: "native-base",
+  stylesPanelSections: [
+    StylesPanelSections.LayoutFlexItems,
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.LayoutContent,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
+  layout: {},
+  triggers: {},
+};
+
+export const SEED_DATA = [
+  {
+    name: "Button",
+    tag: "Button",
+    description:
+      "The Button component triggers an event or an action. Examples can be submitting forms and deleting a data point.",
+    ...SHARED_SEED_DATA,
+    props: {
+      isLoading: createBoolProp({
+        label: "Loading",
+        description: "If true, the button will show a spinner.",
+      }),
+      isDisabled: createBoolProp({
+        label: "Disabled",
+        description: "If true, the button will be disabled.",
+      }),
+      leftIcon: createIconProp({
+        label: "Left Icon",
+        description: "The icon to display on the left side of the button",
+      }),
+      rightIcon: createIconProp({
+        label: "Right Icon",
+        description: "The icon to display on the right side of the button",
+      }),
+      spinnerPlacement: createTextEnumProp({
+        label: "Spinner Placement",
+        description: "The placement of the spinner",
+        options: ["start", "end"],
+        defaultValue: "start",
+      }),
+    },
+  },
+  {
+    name: "Button Group",
+    tag: "ButtonGroup",
+    description:
+      "Used to group buttons whose actions are related, with an option to flush them together.",
+    ...SHARED_SEED_DATA,
+    allowChildren: true,
+    props: {
+      direction: createTextEnumProp({
+        label: "Direction",
+        description: "The direction of the button group",
+        options: ["row", "column"],
+        defaultValue: "row",
+      }),
+      isAttached: createBoolProp({
+        label: "Attached",
+        description: "If true, the buttons will be attached",
+      }),
+    },
+  },
+];
+ */
+"use strict";/