react-tab-set 2.0.0 → 2.0.1

package/README.md

@@ -47,7 +47,7 @@ Content can be declared either as children or as the return of a function assign
 
 If your component extends `PureComponent` or is presentational, you might prefer to declare content as children.
 
-Otherwise, you might prefer to assign a function to the `render` prop, so that rendering is deferred until the tab is selected.
+Otherwise, you can assign a function to the `render` prop, so that rendering is deferred until the tab is selected.
 
 ### Content as children
 
@@ -99,7 +99,7 @@ Similarly, they can be declared in any combination.
 
 ## Demonstrating _react-tab-set_
 
-[Example `Storybooks` are available on GitHub](https://github.com/sequencemedia/react-tab-set).
+[Example `Storybooks` are available](https://github.com/sequencemedia/react-tab-set).
 
 Clone the repository, then:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-tab-set",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A React Tab Set component",
   "main": "./src/index.mjs",
   "type": "module",
@@ -39,6 +39,7 @@
     "@babel/register": "^7.22.15",
     "@sequencemedia/hooks": "^1.0.454",
     "@storybook/addon-essentials": "^7.4.4",
+    "@storybook/addon-links": "^7.4.4",
     "@storybook/react": "^7.4.4",
     "@storybook/react-webpack5": "^7.4.4",
     "@types/debug": "^4.1.9",

package/src/tab-set/index.tsx

@@ -23,7 +23,8 @@ export interface TabSetProps {
 function mapChildren (
   children: JSX.Element | JSX.Element[],
   selectedTab: string,
-  onTabSelect: (value: React.SetStateAction<string>) => void): JSX.Element[] {
+  onTabSelect: (value: React.SetStateAction<string>) => void
+): JSX.Element[] {
   return Children.map(children, (child) => {
     const { type } = child
 

package/src/tab-set/tab-group/index.tsx

@@ -2,6 +2,9 @@ import React, {
   Children,
   cloneElement
 } from 'react'
+import {
+  v4
+} from 'uuid'
 
 import isTab from './is-tab.mts'
 
@@ -11,7 +14,11 @@ export interface TabGroupProps {
   onTabSelect: (value: React.SetStateAction<string>) => void
 }
 
-function mapChildren (children: JSX.Element | JSX.Element[], selectedTab: string, onTabSelect: (value: React.SetStateAction<string>) => void): JSX.Element[] {
+function mapChildren (
+  children: JSX.Element | JSX.Element[],
+  selectedTab: string,
+  onTabSelect: (value: React.SetStateAction<string>) => void
+): JSX.Element[] {
   return Children.map(children, (child) => {
     const { type } = child
 
@@ -61,3 +68,8 @@ export default function TabGroup (props: TabGroupProps): JSX.Element {
     </ul>
   )
 }
+
+TabGroup.defaultProps = {
+  selectedTab: v4(),
+  onTabSelect () { }
+}

package/src/tab-set/tab-group/tab/index.tsx

@@ -1,4 +1,7 @@
 import React from 'react'
+import {
+  v4
+} from 'uuid'
 
 export interface TabProps {
   children: JSX.Element | JSX.Element[] | string | number | boolean
@@ -29,3 +32,8 @@ export default function Tab (props: TabProps): JSX.Element {
     </li>
   )
 }
+
+Tab.defaultProps = {
+  selectedTab: v4(),
+  onTabSelect () { }
+}

package/src/tab-set/tab-panel/index.tsx

@@ -1,4 +1,7 @@
 import React from 'react'
+import {
+  v4
+} from 'uuid'
 
 export interface TabPanelProps {
   children?: JSX.Element | JSX.Element[] | string | number | boolean | undefined | null
@@ -30,3 +33,7 @@ export default function TabPanel (props: TabPanelProps): JSX.Element | null {
 
   return null
 }
+
+TabPanel.defaultProps = {
+  selectedTab: v4()
+}