@sebgroup/green-react 1.11.1 → 1.12.0

package/index.js

@@ -3867,7 +3867,7 @@ const Tabs = ({
   onTabChange,
   children
 }) => {
-  const [selectedTab, setSelectedTab] = useState(0);
+  const [selectedTab, setSelectedTab] = useState(getDefaultSelectedTab());
   const onClick = event => {
     event.preventDefault();
     if (event.currentTarget.ariaDisabled !== 'true') {
@@ -3876,6 +3876,13 @@ const Tabs = ({
       onTabChange && onTabChange(focusedIndex);
     }
   };
+  function getDefaultSelectedTab() {
+    let selectedTabIndex = 0;
+    if (children) selectedTabIndex = children.findIndex(x => x.props.selected);else if (list) {
+      selectedTabIndex = list.findIndex(x => x.selected);
+    }
+    return selectedTabIndex !== -1 ? selectedTabIndex : 0;
+  }
   return jsxs(Fragment, {
     children: [jsxs("nav", Object.assign({
       role: "tablist"

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.11.1",
+    "@sebgroup/chlorophyll": "^1.11.2",
     "@sebgroup/extract": "^1.3.4",
     "classnames": "^2.3.2"
   },

package/src/lib/tabs/tabs.d.ts

@@ -3,6 +3,7 @@ export interface IList {
     text?: string;
     href?: string;
     disabled?: boolean;
+    selected?: boolean;
 }
 interface TabsProps {
     /**
@@ -18,6 +19,7 @@ export interface TabProps {
     disabled?: boolean;
     href?: string;
     children?: ReactNode;
+    selected?: boolean;
 }
 export declare const Tab: (props: PropsWithChildren<TabProps>) => null;
 export declare const Tabs: ({ list, onTabChange, children }: TabsProps) => JSX.Element;