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

package/es/index.js

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

package/lib/index.js

@@ -13905,8 +13905,7 @@ 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,
-    portalName = _ref.portalName;
+    fabIcon = _ref$fabIcon === void 0 ? 'add' : _ref$fabIcon;
   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));
@@ -13947,10 +13946,7 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     inputRange: [0, 1],
     outputRange: [0, 1]
   });
-  var Wrapper = portalName ? Portal : React__default["default"].Fragment;
-  return /*#__PURE__*/React__default["default"].createElement(Wrapper, {
-    name: portalName
-  }, /*#__PURE__*/React__default["default"].createElement(StyledContainer$2, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledContainer$2, {
     testID: testID,
     pointerEvents: "box-none",
     style: style
@@ -13986,9 +13982,7 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       index: active ? index : items.length - index,
       active: active
     }));
-  }))), /*#__PURE__*/React__default["default"].createElement(Portal, {
-    hostName: "CustomPortalHost"
-  }, /*#__PURE__*/React__default["default"].createElement(StyledFAB, {
+  }))), /*#__PURE__*/React__default["default"].createElement(StyledFAB, {
     testID: "fab",
     icon: fabIcon,
     onPress: onPress,
@@ -13996,7 +13990,7 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     active: active,
     title: fabTitle,
     ref: fabRef
-  }))));
+  }));
 });
 ActionGroup.displayName = 'FAB.ActionGroup';
 

package/package.json

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

package/src/components/FAB/ActionGroup/index.tsx

@@ -14,7 +14,6 @@ import {
 
 import Box from '../../Box';
 import { FABHandles } from '../FAB';
-import { Portal } from '@gorhom/portal';
 
 export type ActionGroupHandles = {
   showFAB: () => void;
@@ -62,7 +61,6 @@ export interface ActionGroupProps {
    * Testing id of the component.
    */
   testID?: string;
-  portalName?: string;
 }
 
 const ActionGroup = forwardRef<ActionGroupHandles, ActionGroupProps>(
@@ -76,7 +74,6 @@ const ActionGroup = forwardRef<ActionGroupHandles, ActionGroupProps>(
       testID,
       fabTitle,
       fabIcon = 'add',
-      portalName,
     },
     ref
   ) => {
@@ -126,57 +123,52 @@ const ActionGroup = forwardRef<ActionGroupHandles, ActionGroupProps>(
         outputRange: [0, 1],
       });
 
-    const Wrapper = portalName ? Portal : React.Fragment;
     return (
-      <Wrapper name={portalName}>
-        <StyledContainer testID={testID} pointerEvents="box-none" style={style}>
-          <StyledBackdrop
-            pointerEvents={active ? 'auto' : 'box-none'}
-            testID="back-drop"
-            style={{ opacity: interpolatedBackdropOpacityAnimation }}
-          />
-          <StyledActionGroupContainer
-            pointerEvents={active ? 'auto' : 'none'}
-            testID="action-group"
-            style={{
-              opacity: interpolatedActionGroupOpacityAnimation,
-            }}
-          >
-            {!!headerTitle && (
-              <Animated.View
-                style={{ transform: [{ translateY: titleTranslateY }] }}
-              >
-                <StyledHeaderText testID="header-text" level="h4">
-                  {headerTitle}
-                </StyledHeaderText>
-              </Animated.View>
-            )}
-
-            <Box style={[style, { paddingBottom: 0 }]}>
-              {items?.map((itemProp, index) => (
-                <ActionItem
-                  key={itemProp.key || `${itemProp.icon}_${itemProp.title}`}
-                  {...itemProp}
-                  index={active ? index : items.length - index}
-                  active={active}
-                />
-              ))}
-            </Box>
-          </StyledActionGroupContainer>
-
-          <Portal hostName="CustomPortalHost">
-            <StyledFAB
-              testID="fab"
-              icon={fabIcon}
-              onPress={onPress}
-              animated
-              active={active}
-              title={fabTitle}
-              ref={fabRef}
-            />
-          </Portal>
-        </StyledContainer>
-      </Wrapper>
+      <StyledContainer testID={testID} pointerEvents="box-none" style={style}>
+        <StyledBackdrop
+          pointerEvents={active ? 'auto' : 'box-none'}
+          testID="back-drop"
+          style={{ opacity: interpolatedBackdropOpacityAnimation }}
+        />
+        <StyledActionGroupContainer
+          pointerEvents={active ? 'auto' : 'none'}
+          testID="action-group"
+          style={{
+            opacity: interpolatedActionGroupOpacityAnimation,
+          }}
+        >
+          {!!headerTitle && (
+            <Animated.View
+              style={{ transform: [{ translateY: titleTranslateY }] }}
+            >
+              <StyledHeaderText testID="header-text" level="h4">
+                {headerTitle}
+              </StyledHeaderText>
+            </Animated.View>
+          )}
+
+          <Box style={[style, { paddingBottom: 0 }]}>
+            {items?.map((itemProp, index) => (
+              <ActionItem
+                key={itemProp.key || `${itemProp.icon}_${itemProp.title}`}
+                {...itemProp}
+                index={active ? index : items.length - index}
+                active={active}
+              />
+            ))}
+          </Box>
+        </StyledActionGroupContainer>
+
+        <StyledFAB
+          testID="fab"
+          icon={fabIcon}
+          onPress={onPress}
+          animated
+          active={active}
+          title={fabTitle}
+          ref={fabRef}
+        />
+      </StyledContainer>
     );
   }
 );

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

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