@sebgroup/green-react 1.11.1 → 1.12.1

package/index.js

@@ -3623,7 +3623,8 @@ function Slider({
       children: [jsx("div", {
         children: label && jsxs(Fragment, {
           children: [jsx("label", Object.assign({
-            htmlFor: name
+            htmlFor: name,
+            id: `${name}-label`
           }, {
             children: label
           })), instruction && jsx("p", {
@@ -3638,6 +3639,7 @@ function Slider({
           value: inputFieldValue,
           id: `${name}-textbox`,
           name: name,
+          "aria-labelledby": `${name}-label`,
           className: errorMessage ? 'is-invalid' : '',
           disabled: disabled,
           onChange: e => handleInputFieldChange(e.currentTarget.value),
@@ -3867,7 +3869,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 +3878,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,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.11.1",
+  "version": "1.12.1",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.11.1",
-    "@sebgroup/extract": "^1.3.4",
+    "@sebgroup/chlorophyll": "^1.11.3",
+    "@sebgroup/extract": "^1.4.0",
     "classnames": "^2.3.2"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",

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;