@sebgroup/green-react 1.9.4 → 1.10.0

package/index.js

@@ -3860,6 +3860,7 @@ $({ global: true, forced: parseInt != $parseInt }, {
   parseInt: $parseInt
 });
 
+const Tab = props => null;
 const Tabs = ({
   list,
   onTabChange,
@@ -3875,10 +3876,10 @@ const Tabs = ({
     }
   };
   return jsxs(Fragment, {
-    children: [jsx("nav", Object.assign({
+    children: [jsxs("nav", Object.assign({
       role: "tablist"
     }, {
-      children: list === null || list === void 0 ? void 0 : list.map((value, index) => jsx("a", Object.assign({
+      children: [!children && (list === null || list === void 0 ? void 0 : list.map((value, index) => jsx("a", Object.assign({
         href: value.disabled ? undefined : value.href || '#',
         onClick: onClick,
         role: "tab",
@@ -3887,14 +3888,28 @@ const Tabs = ({
         "aria-selected": selectedTab === index
       }, {
         children: value.text
-      }), index))
-    })), jsx("section", {
-      children: list === null || list === void 0 ? void 0 : list.map((value, index) => jsx("article", Object.assign({
+      }), index))), children === null || children === void 0 ? void 0 : children.map((tab, index) => jsx("a", Object.assign({
+        href: tab.props.disabled ? undefined : tab.props.href || '#',
+        onClick: onClick,
+        role: "tab",
+        "data-index-number": index,
+        "aria-disabled": tab.props.disabled,
+        "aria-selected": selectedTab === index
+      }, {
+        children: tab.props.title
+      }), index))]
+    })), jsxs("section", {
+      children: [!children && (list === null || list === void 0 ? void 0 : list.map((value, index) => jsx("article", Object.assign({
         role: "tabpanel",
         "aria-hidden": selectedTab !== index
       }, {
         children: value.text
-      }), index))
+      }), index))), children === null || children === void 0 ? void 0 : children.map((tab, index) => jsx("article", Object.assign({
+        role: "tabpanel",
+        "aria-hidden": selectedTab !== index
+      }, {
+        children: tab.props.children
+      }), index))]
     })]
   });
 };
@@ -4000,4 +4015,4 @@ const Modal = _a => {
   return isOpen ? modalContent() : null;
 };
 
-export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, Button, ButtonGroup, Card, Checkbox, Datepicker, Dropdown, EmailInput, Flexbox, Form, FormItem, FormItems, Group, Link, List$1 as List, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, RenderInput, Select, Slider, Stepper, Tabs, Text, TextInput, valueList$1 as ValueList };
+export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, Button, ButtonGroup, Card, Checkbox, Datepicker, Dropdown, EmailInput, Flexbox, Form, FormItem, FormItems, Group, Link, List$1 as List, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, RenderInput, Select, Slider, Stepper, Tab, Tabs, Text, TextInput, valueList$1 as ValueList };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.9.4",
+  "version": "1.10.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"

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

@@ -1,13 +1,24 @@
-import { ReactNode } from 'react';
+import { ReactNode, ReactElement, PropsWithChildren } from 'react';
 export interface IList {
     text?: string;
     href?: string;
     disabled?: boolean;
 }
 interface TabsProps {
+    /**
+     * **Deprecated**
+     * @deprecated use `<Tab>` child components instead
+     */
     list?: IList[];
     onTabChange?: (index: number) => void;
-    children?: ReactNode[];
+    children?: ReactElement<TabProps>[];
 }
+export interface TabProps {
+    title: string;
+    disabled?: boolean;
+    href?: string;
+    children?: ReactNode;
+}
+export declare const Tab: (props: PropsWithChildren<TabProps>) => null;
 export declare const Tabs: ({ list, onTabChange, children }: TabsProps) => JSX.Element;
 export default Tabs;