bright-components 10.2.4 → 10.2.5

package/dist/components/ResponsiveTabs/index.js

@@ -108,10 +108,18 @@ const ResponsiveTabs = _ref => {
   } = _ref,
       rest = _objectWithoutProperties(_ref, ["tabs", "defaultIndex", "children", "autoTabWidth", "onSelected"]);
 
-  const [index, setIndex] = (0, _react.useState)(defaultIndex < children.length ? defaultIndex : 0);
+  const tabs = tabsProp || _react.default.Children.map(children, child => {
+    return child && child.props && child.props.name ? {
+      name: child.props.name,
+      counter: child.props.counter
+    } : null;
+  });
+
+  const [index, setIndex] = (0, _react.useState)(defaultIndex < tabs.length ? defaultIndex : 0);
+
+  const onSelectChange = (event, _tabs) => {
+    const names = _tabs.map(tab => tab.name);
 
-  const onSelectChange = (event, tabs) => {
-    const names = tabs.map(tab => tab.name);
     const newIndex = names.indexOf(event.target.value);
     setIndex(newIndex);
   };
@@ -120,13 +128,6 @@ const ResponsiveTabs = _ref => {
     setIndex(newIndex);
   };
 
-  const tabs = tabsProp || _react.default.Children.map(children, child => {
-    return child && child.props && child.props.name ? {
-      name: child.props.name,
-      counter: child.props.counter
-    } : null;
-  });
-
   const DesktopTabList = autoTabWidth ? AutoWidthTabList : StyledTabList;
   return _react.default.createElement(_Tabs.default, _extends({
     selectedIndex: index
@@ -151,7 +152,7 @@ const ResponsiveTabs = _ref => {
         onSelected(i);
       }
     },
-    value: tabs[index].name
+    value: tabs == null ? void 0 : tabs[index].name
   }, tabs.map(_ref3 => {
     let {
       name,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bright-components",
-	"version": "10.2.4",
+	"version": "10.2.5",
 	"private": false,
 	"main": "./dist",
 	"repository": {

package/src/components/ResponsiveTabs/index.js

@@ -94,20 +94,6 @@ const ResponsiveTabs = ({
 	onSelected,
 	...rest
 }) => {
-	const [index, setIndex] = useState(
-		defaultIndex < children.length ? defaultIndex : 0
-	);
-
-	const onSelectChange = (event, tabs) => {
-		const names = tabs.map(tab => tab.name);
-		const newIndex = names.indexOf(event.target.value);
-		setIndex(newIndex);
-	};
-
-	const onSelect = newIndex => {
-		setIndex(newIndex);
-	};
-
 	const tabs =
 		tabsProp ||
 		React.Children.map(children, child => {
@@ -119,6 +105,20 @@ const ResponsiveTabs = ({
 				: null;
 		});
 
+	const [index, setIndex] = useState(
+		defaultIndex < tabs.length ? defaultIndex : 0
+	);
+
+	const onSelectChange = (event, _tabs) => {
+		const names = _tabs.map(tab => tab.name);
+		const newIndex = names.indexOf(event.target.value);
+		setIndex(newIndex);
+	};
+
+	const onSelect = newIndex => {
+		setIndex(newIndex);
+	};
+
 	const DesktopTabList = autoTabWidth ? AutoWidthTabList : StyledTabList;
 
 	return (
@@ -142,7 +142,7 @@ const ResponsiveTabs = ({
 							onSelected(i);
 						}
 					}}
-					value={tabs[index].name}
+					value={tabs?.[index].name}
 				>
 					{tabs.map(({ name, counter = null }) => (
 						<Option key={name} value={name}>