@draftbit/core 46.4.1-23a982.2 → 46.4.1-2fa4f7.2

package/lib/module/components/IconButton.js

@@ -1,5 +1,3 @@
-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); }
-
 import * as React from "react";
 import { View, StyleSheet, ActivityIndicator, Pressable, Platform } from "react-native";
 import { withTheme } from "../theming";
@@ -18,7 +16,7 @@ const IconButton = _ref => {
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
+  return /*#__PURE__*/React.createElement(Pressable, {
     onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
@@ -32,8 +30,9 @@ const IconButton = _ref => {
         alignItems: "center",
         justifyContent: "center"
       }, style];
-    }
-  }, props), /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
+    },
+    ...props
+  }, /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: size - 2,
     color: iconColor
@@ -43,6 +42,24 @@ const IconButton = _ref => {
   }) : null));
 };
 
+const styles = StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center",
+    ...Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  }
+});
+export default withTheme(IconButton);ement(ActivityIndicator, {
+    size: "small",
+    color: iconColor
+  }) : null));
+};
+
 const styles = StyleSheet.create({
   container: {
     alignItems: "center",

package/lib/module/components/Image.js

@@ -1,3 +1,5 @@
+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); }
+
 /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
 import React from "react";
 import { Image as NativeImage, StyleSheet } from "react-native";
@@ -62,24 +64,7 @@ const Image = _ref2 => {
         height,
         aspectRatio
       }]
-    }, /*#__PURE__*/React.createElement(NativeImage, { ...props,
-      source: imageSource,
-      resizeMode: resizeMode,
-      style: [style, {
-        height: "100%",
-        width: "100%"
-      }]
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement(NativeImage, { ...props,
-    source: source,
-    resizeMode: resizeMode,
-    style: style
-  });
-};
-
-export default Image;ent(NativeImage, _extends({}, props, {
+    }, /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
       source: imageSource,
       resizeMode: resizeMode,
       style: [style, {

package/lib/module/components/Layout.js

@@ -1,8 +1,5 @@
-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); }
-
 import * as React from "react";
-import { View } from "react-native"; // @ts-ignore
-
+import { View } from "react-native";
 export function Center(_ref) {
   let {
     width = 240,
@@ -12,15 +9,16 @@ export function Center(_ref) {
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, {
     style: [{
       justifyContent: "center",
       alignItems: "center",
       width,
       height,
       backgroundColor: bgColor
-    }, style]
-  }, rest), children);
+    }, style],
+    ...rest
+  }, children);
 }
 export function Circle(_ref2) {
   let {
@@ -31,7 +29,7 @@ export function Circle(_ref2) {
     ...rest
   } = _ref2;
   const borderRadius = 1000;
-  return /*#__PURE__*/React.createElement(Center, _extends({
+  return /*#__PURE__*/React.createElement(Center, {
     width: size,
     height: size,
     bgColor: bgColor,
@@ -39,8 +37,9 @@ export function Circle(_ref2) {
       backgroundColor: bgColor,
       borderRadius,
       overflow: "hidden"
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 export function Square(_ref3) {
   let {
@@ -50,12 +49,13 @@ export function Square(_ref3) {
     style,
     ...rest
   } = _ref3;
-  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);
 }
 export function Row(_ref4) {
   let {
@@ -65,14 +65,14 @@ export function Row(_ref4) {
     style,
     ...rest
   } = _ref4;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [style, // style goes first b/c we can't override these
-    {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [style, {
       alignItems,
       flexDirection: "row",
       justifyContent: justifyContent
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 export function Spacer(_ref5) {
   let {
@@ -84,14 +84,36 @@ export function Spacer(_ref5) {
     style,
     ...rest
   } = _ref5;
-  return /*#__PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, {
     style: [style, {
       paddingRight: right,
       paddingTop: top,
       paddingLeft: left,
       paddingBottom: bottom
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
+}
+export function Stack(_ref6) {
+  let {
+    children,
+    justifyContent = "flex-start",
+    alignItems = "flex-start",
+    style,
+    ...rest
+  } = _ref6;
+  return (
+    /*#__PURE__*/
+    // style must go first since we don't want justifyContent, alignItems overridden
+    React.createElement(View, {
+      style: [style, {
+        justifyContent,
+        alignItems
+      }],
+      ...rest
+    }, children)
+  );
+}dren);
 }
 export function Stack(_ref6) {
   let {

package/lib/module/components/Portal/Portal.js

@@ -1,10 +1,7 @@
-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; }
-
 import * as React from "react";
 import PortalConsumer from "./PortalConsumer";
 import PortalHost, { PortalContext } from "./PortalHost";
 import { ThemeProvider, withTheme } from "../../theming";
-
 /**
  * Portal allows to render a component at a different place in the parent tree.
  * You can use it to render content which should appear above other elements, similar to `Modal`.
@@ -26,8 +23,8 @@ import { ThemeProvider, withTheme } from "../../theming";
  * }
  * ```
  */
+
 class Portal extends React.Component {
-  // @component ./PortalHost.tsx
   render() {
     const {
       children,
@@ -40,8 +37,8 @@ class Portal extends React.Component {
     }, children)));
   }
 
-}
+} // @component ./PortalHost.tsx
 
-_defineProperty(Portal, "Host", PortalHost);
 
+Portal.Host = PortalHost;
 export default withTheme(Portal);

package/lib/module/components/RadioButton/RadioButton.js

@@ -1,3 +1,5 @@
+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); }
+
 import * as React from "react";
 import Config from "../Config";
 import IconButton from "../IconButton";
@@ -32,21 +34,6 @@ const RadioButton = _ref => {
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
   };
 
-  return /*#__PURE__*/React.createElement(IconButton, {
-    Icon: Icon,
-    icon: isSelected ? selectedIcon : unselectedIcon,
-    color: isSelected ? color : unselectedColor,
-    disabled: disabled,
-    onPress: handlePress,
-    size: size,
-    style: style,
-    ...rest
-  });
-};
-
-export default RadioButton; onValueChange(realValue);
-  };
-
   return /*#__PURE__*/React.createElement(IconButton, _extends({
     Icon: Icon,
     icon: isSelected ? selectedIcon : unselectedIcon,

package/lib/module/mappings/ActionSheet.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Action Sheet",
   tag: "ActionSheet",
   description: "Action Sheet container",
-  category: COMPONENT_TYPES.container,
+  category: COMPONENT_TYPES.actionsheet,
   props: {
     visible: createStaticBoolProp({
       group: GROUPS.data,

package/lib/module/mappings/ActionSheetCancel.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Action Sheet Cancel",
   tag: "ActionSheetCancel",
   description: "Action Sheet cancel",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.actionsheet,
   triggers: [Triggers.OnPress],
   props: {
     onPress: createActionProp(),

package/lib/module/mappings/ActionSheetItem.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Action Sheet Item",
   tag: "ActionSheetItem",
   description: "Action Sheet item",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.actionsheet,
   triggers: [Triggers.OnPress],
   layout: {
     textAlign: "center"

package/lib/module/mappings/ActivityIndicator.js

@@ -5,7 +5,7 @@ export const SEED_DATA = {
   description: "Displays a circular loading indicator.",
   doc_link: "https://docs.expo.io/versions/latest/react-native/activityindicator/",
   code_link: "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.utility,
   stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
   layout: {
     width: 36,

package/lib/module/mappings/Banner.js

@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, creat
 export const SEED_DATA = {
   name: "Banner",
   tag: "Banner",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.deprecated,
   props: {
     icon: createIconProp({
       defaultValue: null,

package/lib/module/mappings/BlurView.js

@@ -5,7 +5,7 @@ export const SEED_DATA = {
   description: "Expo Blur View",
   doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
   code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
-  category: COMPONENT_TYPES.layout,
+  category: COMPONENT_TYPES.view,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     flexGrow: 1,

package/lib/module/mappings/Checkbox.js

@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createBoolProp, createIconProp, createStaticNumberProp
 export const SEED_DATA = {
   name: "Checkbox",
   tag: "Checkbox",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
   props: {

package/lib/module/mappings/CheckboxRow.js

@@ -2,7 +2,7 @@ import { createBoolProp, createTextProp, createTextStyle, createRowDirectionProp
 export const SEED_DATA = {
   name: "Checkbox Row",
   tag: "CheckboxRow",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
   layout: {
     minHeight: 50

package/lib/module/mappings/CustomCode.js

@@ -3,6 +3,6 @@ export const SEED_DATA = {
   name: "Custom Code",
   tag: "CustomCode",
   description: "A component that allows usage of custom code",
-  category: COMPONENT_TYPES.data,
+  category: COMPONENT_TYPES.utility,
   props: {}
 };

package/lib/module/mappings/FAB.js

@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createIconProp, createColorProp, GROUPS, createBoolPro
 export const SEED_DATA = {
   name: "FAB",
   tag: "FAB",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   description: "A mini round icon FAB",
   layout: {},

package/lib/module/mappings/FieldSearchBarFull.js

@@ -3,7 +3,7 @@ export const SEED_DATA = [{
   name: "Search Bar",
   tag: "FieldSearchBarFull",
   description: "A search bar with accompanying search icon and clear button.",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
   supports_list_render: false,

package/lib/module/mappings/KeyboardAvoidingView.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Keyboard Avoiding View",
   tag: "KeyboardAvoidingView",
   description: "View that moves out of the way of the virtual keyboard. ",
-  category: COMPONENT_TYPES.layout,
+  category: COMPONENT_TYPES.view,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   props: {
     enabled: {

package/lib/module/mappings/KeyboardAwareScrollView.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Keyboard Aware Scroll View",
   tag: "KeyboardAwareScrollView",
   description: "View that moves pushes the content when virtual keyboard is open.",
-  category: COMPONENT_TYPES.layout,
+  category: COMPONENT_TYPES.view,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {

package/lib/module/mappings/Layout.js

@@ -2,7 +2,7 @@ import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, StylesPanelSections }
 export const SEED_DATA = [{
   name: "Row",
   tag: "Row",
-  category: COMPONENT_TYPES.layout,
+  category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: [StylesPanelSections.NoStyles],
   props: {
     justifyContent: {
@@ -75,7 +75,7 @@ export const SEED_DATA = [{
 }, {
   name: "Stack",
   tag: "Stack",
-  category: COMPONENT_TYPES.layout,
+  category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: [StylesPanelSections.NoStyles],
   props: {
     justifyContent: {

package/lib/module/mappings/MapCallout.js

@@ -4,7 +4,7 @@ export const SEED_DATA = {
   tag: "MapCallout",
   packageName: "@draftbit/maps",
   description: "An info window to display on top of a marker when it is clicked",
-  category: COMPONENT_TYPES.media,
+  category: COMPONENT_TYPES.map,
   triggers: [Triggers.OnPress],
   layout: {},
   props: {

package/lib/module/mappings/MapMarker.js

@@ -4,7 +4,7 @@ export const SEED_DATA = {
   tag: "MapMarker",
   packageName: "@draftbit/maps",
   description: "A marker to show inside map view",
-  category: COMPONENT_TYPES.media,
+  category: COMPONENT_TYPES.map,
   layout: {},
   props: {
     latitude: createNumberProp({

package/lib/module/mappings/MapView.js

@@ -4,7 +4,7 @@ export const SEED_DATA = {
   tag: "MapView",
   packageName: "@draftbit/maps",
   description: "A map view",
-  category: COMPONENT_TYPES.media,
+  category: COMPONENT_TYPES.map,
   layout: {
     flex: 1
   },

package/lib/module/mappings/Modal.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Modal",
   tag: "Modal",
   description: "A basic Modal Component",
-  category: COMPONENT_TYPES.container,
+  category: COMPONENT_TYPES.layout,
   stylesPanelSections: [StylesPanelSections.NoStyles],
   props: {
     animationType: {

package/lib/module/mappings/RadioButton.js

@@ -2,7 +2,7 @@ import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberP
 export const SEED_DATA = {
   name: "Radio Button",
   tag: "RadioButton",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   triggers: [Triggers.OnPress],
   props: {

package/lib/module/mappings/RadioButtonGroup.js

@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, St
 export const SEED_DATA = {
   name: "Radio Button Group",
   tag: "RadioButtonGroup",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: [StylesPanelSections.Margins],
   layout: {},
   triggers: [Triggers.OnValueChange],

package/lib/module/mappings/RadioButtonRow.js

@@ -2,7 +2,7 @@ import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, G
 export const SEED_DATA = {
   name: "Radio Button Row",
   tag: "RadioButtonRow",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
   layout: {},
   props: {

package/lib/module/mappings/ScrollView.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Scroll View",
   tag: "ScrollView",
   description: "A basic ScrollView component",
-  category: COMPONENT_TYPES.layout,
+  category: COMPONENT_TYPES.view,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {

package/lib/module/mappings/Slider.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Slider",
   tag: "Slider",
   description: "A component used to set a value in a range",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {
     marginLeft: 12,

package/lib/module/mappings/StarRating.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Star Rating",
   tag: "StarRating",
   description: "A star rating component",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   triggers: [Triggers.OnPress],
   props: {

package/lib/module/mappings/Stepper.js

@@ -3,7 +3,7 @@ export const SEED_DATA = [{
   name: "Stepper",
   tag: "Stepper",
   description: "A component used to control the quantity of something",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: [Triggers.OnChange],

package/lib/module/mappings/Surface.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Surface",
   tag: "Surface",
   description: "An elevated container",
-  category: COMPONENT_TYPES.layout,
+  category: COMPONENT_TYPES.container,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     minHeight: 40

package/lib/module/mappings/Swiper.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Swiper",
   tag: "Swiper",
   description: "Swiper container",
-  category: COMPONENT_TYPES.container,
+  category: COMPONENT_TYPES.swiper,
   layout: {
     height: 300,
     width: "100%"

package/lib/module/mappings/SwiperItem.js

@@ -3,6 +3,6 @@ export const SEED_DATA = {
   name: "Swiper Item",
   tag: "SwiperItem",
   description: "Swiper item",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.swiper,
   props: {}
 };

package/lib/module/mappings/Switch.js

@@ -3,7 +3,7 @@ const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
 export const SEED_DATA = [{
   name: "Switch",
   tag: "Switch",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: SEED_DATA_TRIGGERS,
@@ -33,7 +33,7 @@ export const SEED_DATA = [{
 }, {
   name: "Switch Row",
   tag: "SwitchRow",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
   layout: {
     marginLeft: 0,

package/lib/module/mappings/WebView.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Web View",
   tag: "WebView",
   description: "Render web content inside a view",
-  category: COMPONENT_TYPES.media,
+  category: COMPONENT_TYPES.utility,
   stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
   layout: {
     flex: 1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.1-23a982.2+23a9822",
+  "version": "46.4.1-2fa4f7.2+2fa4f7e",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.1-23a982.2+23a9822",
+    "@draftbit/types": "^46.4.1-2fa4f7.2+2fa4f7e",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -81,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "23a98221fd1de7801767275899e327cb0c5b58b1"
+  "gitHead": "2fa4f7e681d0f8ce5292ff226cd61b97f3a29091"
 }

package/src/mappings/ActionSheet.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Action Sheet",
     tag: "ActionSheet",
     description: "Action Sheet container",
-    category: COMPONENT_TYPES.container,
+    category: COMPONENT_TYPES.actionsheet,
     props: {
         visible: createStaticBoolProp({
             group: GROUPS.data,

package/src/mappings/ActionSheet.ts

@@ -4,7 +4,7 @@ export const SEED_DATA = {
   name: "Action Sheet",
   tag: "ActionSheet",
   description: "Action Sheet container",
-  category: COMPONENT_TYPES.container,
+  category: COMPONENT_TYPES.actionsheet,
   props: {
     visible: createStaticBoolProp({
       group: GROUPS.data,

package/src/mappings/ActionSheetCancel.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Action Sheet Cancel",
     tag: "ActionSheetCancel",
     description: "Action Sheet cancel",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.actionsheet,
     triggers: [Triggers.OnPress],
     props: {
         onPress: createActionProp(),

package/src/mappings/ActionSheetCancel.ts

@@ -11,7 +11,7 @@ export const SEED_DATA = {
   name: "Action Sheet Cancel",
   tag: "ActionSheetCancel",
   description: "Action Sheet cancel",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.actionsheet,
   triggers: [Triggers.OnPress],
   props: {
     onPress: createActionProp(),