@hero-design/rn 8.35.0-alpha.2 → 8.35.0-alpha.3

package/es/index.js

@@ -13874,7 +13874,8 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
     testID = _ref.testID,
     fabTitle = _ref.fabTitle,
     _ref$fabIcon = _ref.fabIcon,
-    fabIcon = _ref$fabIcon === void 0 ? 'add' : _ref$fabIcon;
+    fabIcon = _ref$fabIcon === void 0 ? 'add' : _ref$fabIcon,
+    portalName = _ref.portalName;
   var fabRef = useRef(null);
   var tranlateXAnimation = useRef(new Animated.Value(active ? 1 : 0));
   var titleTranslateYValue = React.useRef(new Animated.Value(0));
@@ -13915,7 +13916,10 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
     inputRange: [0, 1],
     outputRange: [0, 1]
   });
-  return /*#__PURE__*/React.createElement(StyledContainer$2, {
+  var Wrapper = portalName ? Portal : React.Fragment;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    name: portalName
+  }, /*#__PURE__*/React.createElement(StyledContainer$2, {
     testID: testID,
     pointerEvents: "box-none",
     style: style
@@ -13951,7 +13955,9 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
       index: active ? index : items.length - index,
       active: active
     }));
-  }))), /*#__PURE__*/React.createElement(StyledFAB, {
+  }))), /*#__PURE__*/React.createElement(Portal, {
+    hostName: "CustomPortalHost"
+  }, /*#__PURE__*/React.createElement(StyledFAB, {
     testID: "fab",
     icon: fabIcon,
     onPress: onPress,
@@ -13959,12 +13965,15 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
     active: active,
     title: fabTitle,
     ref: fabRef
-  }));
+  }))));
 });
 ActionGroup.displayName = 'FAB.ActionGroup';
 
 var index$7 = Object.assign(FAB, {
-  ActionGroup: ActionGroup
+  ActionGroup: ActionGroup,
+  Portal: Portal,
+  PortalHost: PortalHost,
+  Provider: PortalProvider
 });
 
 var StyledListItemContainer$1 = index$b(TouchableHighlight)(function (_ref) {

package/lib/index.js

@@ -13905,7 +13905,8 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     testID = _ref.testID,
     fabTitle = _ref.fabTitle,
     _ref$fabIcon = _ref.fabIcon,
-    fabIcon = _ref$fabIcon === void 0 ? 'add' : _ref$fabIcon;
+    fabIcon = _ref$fabIcon === void 0 ? 'add' : _ref$fabIcon,
+    portalName = _ref.portalName;
   var fabRef = React.useRef(null);
   var tranlateXAnimation = React.useRef(new reactNative.Animated.Value(active ? 1 : 0));
   var titleTranslateYValue = React__default["default"].useRef(new reactNative.Animated.Value(0));
@@ -13946,7 +13947,10 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     inputRange: [0, 1],
     outputRange: [0, 1]
   });
-  return /*#__PURE__*/React__default["default"].createElement(StyledContainer$2, {
+  var Wrapper = portalName ? Portal : React__default["default"].Fragment;
+  return /*#__PURE__*/React__default["default"].createElement(Wrapper, {
+    name: portalName
+  }, /*#__PURE__*/React__default["default"].createElement(StyledContainer$2, {
     testID: testID,
     pointerEvents: "box-none",
     style: style
@@ -13982,7 +13986,9 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       index: active ? index : items.length - index,
       active: active
     }));
-  }))), /*#__PURE__*/React__default["default"].createElement(StyledFAB, {
+  }))), /*#__PURE__*/React__default["default"].createElement(Portal, {
+    hostName: "CustomPortalHost"
+  }, /*#__PURE__*/React__default["default"].createElement(StyledFAB, {
     testID: "fab",
     icon: fabIcon,
     onPress: onPress,
@@ -13990,12 +13996,15 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     active: active,
     title: fabTitle,
     ref: fabRef
-  }));
+  }))));
 });
 ActionGroup.displayName = 'FAB.ActionGroup';
 
 var index$7 = Object.assign(FAB, {
-  ActionGroup: ActionGroup
+  ActionGroup: ActionGroup,
+  Portal: Portal,
+  PortalHost: PortalHost,
+  Provider: PortalProvider
 });
 
 var StyledListItemContainer$1 = index$b(reactNative.TouchableHighlight)(function (_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.35.0-alpha.2",
+  "version": "8.35.0-alpha.3",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/types/components/FAB/ActionGroup/index.d.ts

@@ -40,6 +40,7 @@ export interface ActionGroupProps {
      * Testing id of the component.
      */
     testID?: string;
+    portalName?: string;
 }
 declare const ActionGroup: React.ForwardRefExoticComponent<ActionGroupProps & React.RefAttributes<ActionGroupHandles>>;
 export default ActionGroup;

package/types/components/FAB/index.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 declare const _default: import("react").ForwardRefExoticComponent<import("./FAB").FABProps & import("react").RefAttributes<import("./FAB").FABHandles>> & {
     ActionGroup: import("react").ForwardRefExoticComponent<import("./ActionGroup").ActionGroupProps & import("react").RefAttributes<import("./ActionGroup").ActionGroupHandles>>;
+    Portal: import("react").MemoExoticComponent<({ name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, }: import("@gorhom/portal/lib/typescript/components/portal/types").PortalProps) => null>;
+    PortalHost: import("react").MemoExoticComponent<({ name }: import("@gorhom/portal/lib/typescript/components/portalHost/types").PortalHostProps) => JSX.Element>;
+    Provider: import("react").MemoExoticComponent<({ rootHostName, shouldAddRootHost, children, }: import("@gorhom/portal/lib/typescript/components/portalProvider/types").PortalProviderProps) => JSX.Element>;
 };
 export default _default;