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

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 () {
@@ -267,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 () {
@@ -309,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 () {
@@ -415,50 +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 _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/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";/

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

@@ -0,0 +1,61 @@
+"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.NBDataDisplay,
+  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: {},
+  triggers: {}
+};
+const SEED_DATA = [{
+  name: "Badge",
+  tag: "Badge",
+  doc_link: "https://docs.nativebase.io/badge",
+  code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Badge",
+  description: "Badges allow the highlighting of an item’s status. This provides quick recognition.",
+  ...SHARED_SEED_DATA,
+  props: {
+    /*  */
+    leftIcon: (0, _types.createIconProp)({
+      label: "Left Icon",
+      description: "The left icon element to use in the button."
+    }),
+    rightIcon: (0, _types.createIconProp)({
+      label: "Right Icon",
+      description: "The right icon element to use in the button."
+    }),
+    startIcon: (0, _types.createIconProp)({
+      label: "Start Icon",
+      description: "The start icon element to use in the button."
+    }),
+    endIcon: (0, _types.createIconProp)({
+      label: "End Icon",
+      description: "The end icon element to use in the button."
+    })
+  }
+}, {
+  name: "Divider",
+  tag: "Divider",
+  doc_link: "https://docs.nativebase.io/divider",
+  code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Divider",
+  description: "Divider can visually separate content in a given list or group.",
+  ...SHARED_SEED_DATA,
+  props: {
+    orientation: (0, _types.createTextEnumProp)({
+      label: "Orientation",
+      description: "The orientation of the divider",
+      options: ["horizontal", "vertical"]
+    }),
+    thickness: (0, _types.createStaticNumberProp)({
+      label: "Thickness",
+      description: "The thickness of the divider",
+      defaultValue: 1
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

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

@@ -0,0 +1,74 @@
+"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.NBFeedback,
+  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: {},
+  triggers: {}
+};
+const SEED_DATA = [{
+  name: "Alert",
+  tag: "Alert",
+  description: "Wrapper component. Alerts convey a state that can influence a system, feature, or page.",
+  ...SHARED_SEED_DATA,
+  props: {
+    status: (0, _types.createTextEnumProp)({
+      label: "Status",
+      description: "The status of the alert",
+      options: ["success", "warning", "error", "info"],
+      defaultValue: "info"
+    }),
+    variant: (0, _types.createTextEnumProp)({
+      label: "Variant",
+      description: "The variant of the alert style to use.",
+      options: ["subtle", "solid", "outline", "left-accent", "top-accent", "outline-light"],
+      defaultValue: "subtle"
+    })
+  }
+}, {
+  name: "Alert Icon",
+  tag: "Alert.Icon",
+  description: "The visual icon for the alert that changes based on the status prop.",
+  ...SHARED_SEED_DATA,
+  props: {
+    icon: (0, _types.createIconProp)({
+      label: "Icon",
+      description: "The icon to display"
+    })
+  }
+}, {
+  name: "Progress",
+  tag: "Progress",
+  description: "Progress helps show the progress status for a time-consuming task that consists of several steps.",
+  ...SHARED_SEED_DATA,
+  props: {
+    value: (0, _types.createNumberProp)({
+      label: "Value",
+      description: "The value of the progress bar",
+      defaultValue: 0,
+      min: 0,
+      max: 100
+    }),
+    min: (0, _types.createNumberProp)({
+      label: "Min",
+      description: "The minimum value of the progress bar",
+      defaultValue: 0,
+      min: 0,
+      max: 100
+    }),
+    max: (0, _types.createNumberProp)({
+      label: "Max",
+      description: "The maximum value of the progress bar",
+      defaultValue: 100,
+      min: 0,
+      max: 100
+    })
+  }
+}, {}];
+exports.SEED_DATA = SEED_DATA;

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

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const NB_LAYOUT_PROPS = {
+  category: _types.COMPONENT_TYPES.NBLayout,
+  packageName: "native-base",
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  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],
+  allowChildren: true,
+  layout: {},
+  triggers: {}
+};
+const SEED_DATA = [{
+  name: "Aspect Ratio",
+  tag: "AspectRatio",
+  description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
+  ...NB_LAYOUT_PROPS,
+  props: {
+    ratio: (0, _types.createTextEnumProp)({
+      label: "Ratio",
+      description: "The aspect ratio of the container",
+      options: ["1 / 1", "4 / 3", "3 / 2", "16 / 9", "2 / 1", "3 / 4", "2 / 3", "9 / 16", "1 / 2"],
+      defaultValue: "4 / 3"
+    })
+  }
+}, {
+  name: "Box",
+  tag: "Box",
+  description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Center",
+  tag: "Center",
+  description: "Centers its child",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Square",
+  tag: "Square",
+  description: "Centers its child inside a square",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Circle",
+  tag: "Circle",
+  description: "Centers its child inside a circle",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Column",
+  tag: "Column",
+  description: "Column aligns items vertically",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Container",
+  tag: "Container",
+  description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Flex",
+  tag: "Flex",
+  description: "A Box with Flexbox properties. ",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Spacer",
+  tag: "Spacer",
+  description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Row",
+  tag: "Row",
+  description: "Column aligns items horizontally",
+  ...NB_LAYOUT_PROPS,
+  props: {}
+}, {
+  name: "Stack",
+  tag: "Stack",
+  description: "Stack aligns items vertically or horizontally based on the direction prop.",
+  ...NB_LAYOUT_PROPS,
+  props: {
+    direction: (0, _types.createTextEnumProp)({
+      label: "Direction",
+      description: "The direction of the Stack",
+      options: ["row", "column"],
+      defaultValue: "column"
+    }),
+    reversed: (0, _types.createBoolProp)({
+      label: "Reversed",
+      description: "Determines whether to reverse the direction of items."
+    }),
+    isDisabled: (0, _types.createBoolProp)({
+      label: "Disabled",
+      description: "If true, the Stack will be disabled."
+    }),
+    isInvalid: (0, _types.createBoolProp)({
+      label: "Invalid",
+      description: "If true, the Stack will be invalid."
+    })
+  }
+}, {
+  name: "ZStack",
+  tag: "ZStack",
+  description: "ZStack aligns items to the z-axis.",
+  ...NB_LAYOUT_PROPS,
+  props: {
+    reversed: (0, _types.createBoolProp)({
+      label: "Reversed",
+      description: "Determines whether to reverse the direction of items."
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const NB_MEDIA_PROPS = {
+  category: _types.COMPONENT_TYPES.NBLayout,
+  packageName: "native-base",
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  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: {},
+  triggers: {}
+};
+const AVATAR_PROPS = {
+  props: {
+    source: (0, _types.createImageProp)(),
+    size: (0, _types.createTextEnumProp)({
+      label: "Size",
+      description: "The size of the avatar.",
+      options: ["xs", "sm", "md", "lg", "xl", "2xl"]
+    }),
+    wrapperRef: (0, _types.createTextProp)({
+      label: "Reference",
+      description: "Reference to be attached to the Avatar wrapper.",
+      defaultValue: "User Avatar"
+    })
+  }
+};
+const SEED_DATA = [{
+  name: "Avatar",
+  tag: "Avatar",
+  description: "An image that represents the user",
+  ...NB_MEDIA_PROPS,
+  ...AVATAR_PROPS
+}, {
+  name: "Avatar Badge",
+  tag: "AvatarBadge",
+  description: "A wrapper that displays its content on the bottom right corner of the avatar.",
+  ...NB_MEDIA_PROPS
+}, {
+  name: "Avatar Group",
+  tag: "AvatarGroup",
+  description: "A wrapper to stack multiple avatars together",
+  ...NB_MEDIA_PROPS
+}];
+exports.SEED_DATA = SEED_DATA;