react-tab-set 2.0.213 → 2.1.0

package/eslint.config.mjs

@@ -0,0 +1,84 @@
+import globals from 'globals'
+import standard from '@sequencemedia/eslint-config-standard/merge'
+import typescript from '@sequencemedia/eslint-config-typescript/merge'
+import parser from '@typescript-eslint/parser'
+import eslint from '@typescript-eslint/eslint-plugin'
+import eslintComments from '@eslint-community/eslint-plugin-eslint-comments'
+import n from 'eslint-plugin-n'
+import p from 'eslint-plugin-promise'
+import i from 'eslint-plugin-import'
+import react from 'eslint-plugin-react'
+
+export default [
+  ...standard({
+    files: [
+      '**/*.{mjs,cjs}'
+    ],
+    ignores: [
+      'src'
+    ],
+    languageOptions: {
+      globals: {
+        ...globals.node
+      }
+    }
+  }),
+  ...standard({
+    files: [
+      'src/**/*.{mjs,cjs}'
+    ],
+    languageOptions: {
+      globals: {
+        ...globals.browser
+      }
+    }
+  }),
+  ...typescript({
+    files: [
+      '**/*.{mts,cts}'
+    ],
+    ignores: [
+      'src'
+    ],
+    languageOptions: {
+      globals: {
+        ...globals.node
+      }
+    }
+  }),
+  ...typescript({
+    files: [
+      'src/**/*.{mts,cts}'
+    ],
+    languageOptions: {
+      globals: {
+        ...globals.browser
+      }
+    }
+  }),
+  ...typescript({
+    files: [
+      'src/**/*.tsx'
+    ],
+    plugins: {
+      '@typescript-eslint': eslint,
+      'eslint-comments': eslintComments,
+      n,
+      promise: p,
+      import: i,
+      react
+    },
+    languageOptions: {
+      parser,
+      parserOptions: {
+        project: 'tsconfig.json',
+        ecmaFeatures: {
+          jsx: true
+        }
+      },
+      globals: {
+        ...globals.browser
+      }
+    }
+  })
+]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-tab-set",
-  "version": "2.0.213",
+  "version": "2.1.0",
   "description": "A React Tab Set component",
   "main": "./src/index.mjs",
   "type": "module",
@@ -19,7 +19,7 @@
   },
   "scripts": {
     "build-storybook": "storybook build",
-    "lint": "eslint . .storybook --ext .mjs,.cjs,.mts,.cts,.tsx",
+    "lint": "eslint .",
     "lint:fix": "npm run lint -- --fix",
     "prepare": "husky",
     "storybook": "storybook dev -p 6006"
@@ -30,28 +30,31 @@
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
-    "@babel/eslint-parser": "^7.25.9",
     "@babel/plugin-syntax-jsx": "^7.25.9",
     "@babel/plugin-transform-typescript": "^7.26.3",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@babel/register": "^7.25.9",
+    "@eslint-community/eslint-plugin-eslint-comments": "^4.4.1",
+    "@sequencemedia/eslint-config-standard": "^0.1.4",
+    "@sequencemedia/eslint-config-typescript": "^0.0.2",
     "@storybook/addon-essentials": "7.6.20",
     "@storybook/react": "7.6.20",
     "@storybook/react-webpack5": "7.6.20",
     "@types/debug": "^4.1.12",
     "@types/react": "^18.3.13",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "7.18.0",
-    "@typescript-eslint/parser": "7.18.0",
+    "@typescript-eslint/eslint-plugin": "^8.17.0",
+    "@typescript-eslint/parser": "^8.17.0",
     "core-js": "^3.39.0",
-    "cross-env": "^7.0.3",
-    "eslint": "8.57.1",
-    "eslint-config-love": "47.0.0",
-    "eslint-config-standard": "^17.1.0",
+    "eslint": "^9.16.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-n": "^17.14.0",
+    "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-storybook": "^0.11.1",
+    "globals": "^15.13.0",
     "husky": "^9.1.7",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",

package/src/tab-set/index.tsx

@@ -29,16 +29,16 @@ function mapChildren (
   selectedTab: string,
   onTabSelect: (value: React.SetStateAction<string>) => void
 ): JSX.Element[] {
-  return Children.map(children, (child) => {
-    const { type } = child
+  return Children.map(children, (child: JSX.Element) => {
+    const { type } = child // eslint-disable-line @typescript-eslint/no-unsafe-assignment -- Component
 
-    if (type) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
-      const { props } = child
+    if (type) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions -- Truthiness is good, actually
+      const { props } = child // eslint-disable-line @typescript-eslint/no-unsafe-assignment -- Props
 
       if (isTabGroup(type)) {
         return cloneElement(
           child,
-          { // eslint-disable-line @typescript-eslint/no-unsafe-argument
+          { // eslint-disable-line @typescript-eslint/no-unsafe-argument -- Props
             ...props,
             selectedTab,
             onTabSelect
@@ -49,23 +49,21 @@ function mapChildren (
       if (isTabPanel(type)) {
         return cloneElement(
           child,
-          { // eslint-disable-line @typescript-eslint/no-unsafe-argument
+          { // eslint-disable-line @typescript-eslint/no-unsafe-argument -- Props
             ...props,
             selectedTab
           }
         )
       }
 
-      const {
-        children
-      } = props
+      const { children } = props // eslint-disable-line @typescript-eslint/no-unsafe-assignment -- Children are `JSX.Element` of `JSX.Element[]`
 
-      if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+      if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions -- Truthiness is good, actually
         return cloneElement(
           child,
-          { // eslint-disable-line @typescript-eslint/no-unsafe-argument
+          { // eslint-disable-line @typescript-eslint/no-unsafe-argument -- Props
             ...props,
-            children: mapChildren(children, selectedTab, onTabSelect) // eslint-disable-line @typescript-eslint/no-unsafe-argument
+            children: mapChildren(children, selectedTab, onTabSelect) // eslint-disable-line @typescript-eslint/no-unsafe-argument -- Children are `JSX.Element` of `JSX.Element[]`
           }
         )
       }

package/src/tab-set/is-tab-group.mts

@@ -1,5 +1,9 @@
+import type {
+  JSX
+} from 'react'
+
 import TabGroup from './tab-group/index.tsx'
 
-export default function isTabGroup (component: any): boolean {
+export default function isTabGroup (component: JSX.Element['type']): boolean {
   return component === TabGroup
 }

package/src/tab-set/is-tab-panel.mts

@@ -1,5 +1,9 @@
+import type {
+  JSX
+} from 'react'
+
 import TabPanel from './tab-panel/index.tsx'
 
-export default function isTabPanel (component: any): boolean {
+export default function isTabPanel (component: JSX.Element['type']): boolean {
   return component === TabPanel
 }

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

@@ -25,16 +25,16 @@ function mapChildren (
   selectedTab: string,
   onTabSelect: (value: React.SetStateAction<string>) => void
 ): JSX.Element[] {
-  return Children.map(children, (child) => {
-    const { type } = child
+  return Children.map(children, (child: JSX.Element) => {
+    const { type } = child // eslint-disable-line @typescript-eslint/no-unsafe-assignment -- Component
 
-    if (type) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
-      const { props } = child
+    if (type) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions -- Truthiness is good, actually
+      const { props } = child // eslint-disable-line @typescript-eslint/no-unsafe-assignment -- Props
 
       if (isTab(type)) {
         return cloneElement(
           child,
-          { // eslint-disable-line @typescript-eslint/no-unsafe-argument
+          { // eslint-disable-line @typescript-eslint/no-unsafe-argument -- Props
             ...props,
             selectedTab,
             onTabSelect
@@ -42,16 +42,14 @@ function mapChildren (
         )
       }
 
-      const {
-        children
-      } = props
+      const { children } = props // eslint-disable-line @typescript-eslint/no-unsafe-assignment -- Children are `JSX.Element` of `JSX.Element[]`
 
-      if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+      if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions -- Truthiness is good, actually
         return cloneElement(
           child,
-          { // eslint-disable-line @typescript-eslint/no-unsafe-argument
+          { // eslint-disable-line @typescript-eslint/no-unsafe-argument -- Props
             ...props,
-            children: mapChildren(children, selectedTab, onTabSelect) // eslint-disable-line @typescript-eslint/no-unsafe-argument
+            children: mapChildren(children, selectedTab, onTabSelect) // eslint-disable-line @typescript-eslint/no-unsafe-argument -- Children are `JSX.Element` of `JSX.Element[]`
           }
         )
       }

package/src/tab-set/tab-group/is-tab.mts

@@ -1,5 +1,9 @@
-import Tab from './tab'
+import type {
+  JSX
+} from 'react'
 
-export default function isTab (component: any): component is Tab {
+import Tab from './tab/index.tsx'
+
+export default function isTab (component: JSX.Element['type']): boolean {
   return component === Tab
 }

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

@@ -29,7 +29,7 @@ export default function TabPanel (props: TabPanelProps): JSX.Element | null {
       children = render()
     } = props
 
-    if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+    if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions -- Truthiness is good, actually
       return (
         <div className='tab-panel'>
           {children}