@hero-design/rn 8.24.0-alpha.0 → 8.24.0-alpha.1

package/es/index.js

@@ -15523,19 +15523,16 @@ var SceneView = function SceneView(_ref) {
     children = _ref.children,
     index = _ref.index,
     selectedIndex = _ref.selectedIndex,
-    focused = _ref.focused,
     testID = _ref.testID;
   var _React$useState = React.useState(Math.abs(selectedIndex - index) > lazyPreloadDistance),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isLoading = _React$useState2[0],
     setIsLoading = _React$useState2[1];
+  var focused = index === selectedIndex;
   if (isLoading && Math.abs(selectedIndex - index) <= lazyPreloadDistance) {
     // Always render the route when it becomes focused
     setIsLoading(false);
   }
-  if (lazy && isLoading) {
-    console.error('Lazy loading is not supported in this version of Tabs');
-  }
   React.useEffect(function () {
     var timer;
     if (!lazy && isLoading) {
@@ -15650,8 +15647,7 @@ var ScrollableTab = function ScrollableTab(_ref) {
       index: index,
       selectedIndex: indexRef.current,
       lazy: lazy,
-      lazyPreloadDistance: lazyPreloadDistance,
-      focused: selectedTabKey === key
+      lazyPreloadDistance: lazyPreloadDistance
     }, component));
   }))));
 };

package/lib/index.js

@@ -15553,19 +15553,16 @@ var SceneView = function SceneView(_ref) {
     children = _ref.children,
     index = _ref.index,
     selectedIndex = _ref.selectedIndex,
-    focused = _ref.focused,
     testID = _ref.testID;
   var _React$useState = React__default["default"].useState(Math.abs(selectedIndex - index) > lazyPreloadDistance),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isLoading = _React$useState2[0],
     setIsLoading = _React$useState2[1];
+  var focused = index === selectedIndex;
   if (isLoading && Math.abs(selectedIndex - index) <= lazyPreloadDistance) {
     // Always render the route when it becomes focused
     setIsLoading(false);
   }
-  if (lazy && isLoading) {
-    console.error('Lazy loading is not supported in this version of Tabs');
-  }
   React__default["default"].useEffect(function () {
     var timer;
     if (!lazy && isLoading) {
@@ -15680,8 +15677,7 @@ var ScrollableTab = function ScrollableTab(_ref) {
       index: index,
       selectedIndex: indexRef.current,
       lazy: lazy,
-      lazyPreloadDistance: lazyPreloadDistance,
-      focused: selectedTabKey === key
+      lazyPreloadDistance: lazyPreloadDistance
     }, component));
   }))));
 };

package/package.json

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

package/types/components/Tabs/ScrollableTabsV2/SceneView.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export declare const SceneView: ({ lazy, lazyPreloadDistance, children, index, selectedIndex, focused, testID, }: {
+export declare const SceneView: ({ lazy, lazyPreloadDistance, children, index, selectedIndex, testID, }: {
     children: React.ReactNode;
     index: number;
     selectedIndex: number;
     lazy?: boolean | undefined;
     lazyPreloadDistance?: number | undefined;
-    focused?: boolean | undefined;
     testID?: string | undefined;
 }) => JSX.Element;
+export default SceneView;