react-tab-set 2.0.0 → 2.0.2

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,13 +1,13 @@
 {
   "name": "react-tab-set",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "A React Tab Set component",
   "main": "./src/index.mjs",
   "type": "module",
   "author": {
     "name": "Jonathan Perry for Sequence Media Limited",
     "email": "sequencemedia@sequencemedia.net",
-    "url": "http://www.sequencemedia.net"
+    "url": "https://www.sequencemedia.net"
   },
   "license": "MIT",
   "engines": {
@@ -39,18 +39,19 @@
     "@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",
     "@types/react": "^18.2.22",
     "@types/uuid": "^9.0.4",
-    "@typescript-eslint/eslint-plugin": "5.61.0",
-    "@typescript-eslint/parser": "5.61.0",
+    "@typescript-eslint/eslint-plugin": "^6.7.2",
+    "@typescript-eslint/parser": "^6.7.2",
     "core-js": "^3.32.2",
     "cross-env": "^7.0.3",
     "eslint": "^8.50.0",
     "eslint-config-standard": "^17.1.0",
-    "eslint-config-standard-with-typescript": "35.0.0",
+    "eslint-config-standard-with-typescript": "^39.1.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-storybook": "^0.6.14",
     "husky": "^8.0.3",

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()
+}