react-tab-set 1.1.439 → 1.1.441

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/{babel.config.js → babel.config.cjs}

@@ -41,8 +41,6 @@ module.exports = (api) => {
   if (api) api.cache.using(env)
 
   return {
-    compact: true,
-    comments: false,
     presets
   }
 }

package/index.mjs

@@ -0,0 +1 @@
+export * from './src/index.cjs'

package/package.json

@@ -1,63 +1,71 @@
 {
   "name": "react-tab-set",
-  "version": "1.1.439",
+  "version": "1.1.441",
   "description": "A React Tab Set component",
-  "main": "./index.js",
+  "main": "./src/index.mjs",
+  "type": "module",
+  "types": "./src/index.d.mts",
   "author": {
     "name": "Jonathan Perry for Sequence Media Limited",
     "email": "sequencemedia@sequencemedia.net",
     "url": "http://www.sequencemedia.net"
   },
   "license": "MIT",
+  "engines": {
+    "node": ">=18.17.0"
+  },
   "repository": {
     "type": "git",
     "url": "git://github.com/sequencemedia/react-tab-set.git"
   },
   "scripts": {
-    "prepublishOnly": "cross-env NODE_ENV=production npm run build",
-    "prebuild": "npm run clean",
-    "build": "npm run babel",
-    "build:watch": "npm run babel:watch",
-    "babel": "babel src -d lib --extensions .ts,.tsx",
-    "babel:watch": "npm run babel -- -w",
-    "clean": "rimraf lib",
-    "lint": "eslint .",
+    "lint": "eslint . --ext .mjs,.cjs,.jsx,.mts,.cts",
     "lint:fix": "npm run lint -- --fix",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "dependencies": {
+    "debug": "^4.3.4",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.22.15",
     "@babel/core": "^7.22.20",
     "@babel/eslint-parser": "^7.22.15",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-export-default-from": "^7.22.17",
-    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-    "@babel/plugin-transform-typescript": "^7.22.15",
+    "@babel/plugin-syntax-jsx": "^7.22.5",
     "@babel/preset-env": "^7.22.20",
     "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.22.15",
     "@babel/register": "^7.22.15",
     "@sequencemedia/hooks": "^1.0.453",
-    "@types/react": "^18.2.21",
+    "@storybook/addon-essentials": "^7.4.3",
+    "@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",
-    "babel-plugin-module-resolver": "^5.0.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.49.0",
     "eslint-config-standard": "^17.1.0",
-    "eslint-config-standard-with-typescript": "35.0.0",
-    "eslint-import-resolver-babel-module": "^5.3.2",
+    "eslint-config-standard-with-typescript": "^39.0.0",
     "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-storybook": "^0.6.14",
     "husky": "^8.0.3",
     "prop-types": "15.7.2",
-    "react": "16.14.0",
-    "react-dom": "16.14.0",
-    "rimraf": "^5.0.1",
-    "typescript": "^5.2.2"
+    "react": "latest",
+    "react-dom": "latest",
+    "storybook": "^7.4.4"
+  },
+  "exports": {
+    ".": "./src/index.mjs",
+    "./tab-set/is-tab-group": "./src/tab-set/is-tab-group.mjs",
+    "./tab-set/is-tab-panel": "./src/tab-set/is-tab-panel.mjs",
+    "./tab-set/tab-group": "./src/tab-set/tab-group/index.cjs",
+    "./tab-set/tab-group/tab": "./src/tab-set/tab-group/tab/index.cjs",
+    "./tab-set/tab-panel": "./src/tab-set/tab-panel/index.cjs",
+    "./tab-set": "./src/tab-set/index.cjs"
   }
 }

package/src/.babelrc

@@ -1,6 +1,5 @@
 {
   "presets": [
-    "@babel/typescript",
     [
       "@babel/env",
       {
@@ -21,26 +20,6 @@
     "@babel/react"
   ],
   "plugins": [
-    "@babel/transform-typescript",
-    "@babel/proposal-export-default-from",
-    "@babel/proposal-export-namespace-from",
-    [
-      "@babel/proposal-class-properties",
-      {
-        "loose": false
-      }
-    ],
-    [
-      "module-resolver",
-      {
-        "root": [
-          ".."
-        ],
-        "cwd": "babelrc",
-        "alias": {
-          "react-tab-set": "."
-        }
-      }
-    ]
+    "@babel/syntax-jsx"
   ]
 }

package/src/index.d.mts

@@ -0,0 +1,49 @@
+declare module 'react-tab-set' {
+  import type React from 'react'
+
+  import type {
+    JSX
+  } from 'react'
+
+  import {
+    Component
+  } from 'react'
+
+  export interface TabSetProps {
+    children: JSX.Element | JSX.Element[]
+    selectedTab: string
+    onChange: (selectedTab: string) => void
+  }
+
+  export interface TabGroupProps {
+    children: JSX.Element | JSX.Element[]
+    selectedTab: string
+    onTabSelect: (value: React.SetStateAction<string>) => void
+  }
+
+  export interface TabProps {
+    children: JSX.Element | JSX.Element[] | string | number | boolean
+    tab: string
+    selectedTab: string
+    onTabSelect: (value: React.SetStateAction<string>) => void
+  }
+
+  export interface TabPanelProps {
+    children?: JSX.Element | JSX.Element[] | string | number | boolean | undefined | null
+    tab: string
+    selectedTab: string
+    render?: () => JSX.Element | JSX.Element[] | string | number | boolean | undefined | null
+  }
+
+  export function isTabGroup (component: any): component is TabGroup
+  export function isTab (component: any): component is Tab
+  export function isTabPanel (component: any): component is TabPanel
+
+  class TabSet extends Component<TabSetProps> {}
+
+  export class TabGroup extends Component<TabGroupProps> {}
+  export class Tab extends Component<TabProps> {}
+  export class TabPanel extends Component<TabPanelProps> {}
+
+  export default TabSet
+}

package/src/index.mjs

@@ -0,0 +1 @@
+export { default } from './tab-set/index.cjs'

package/src/tab-set/index.cjs

@@ -0,0 +1,11 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!react-tab-set)/
+  ]
+})
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/tab-set/index.jsx

@@ -0,0 +1,107 @@
+import React, {
+  Children,
+  cloneElement,
+  useState,
+  useEffect
+} from 'react'
+import PropTypes from 'prop-types'
+import {
+  v4
+} from 'uuid'
+import debug from 'debug'
+
+import isTabPanel from './is-tab-panel.mjs'
+import isTabGroup from './is-tab-group.mjs'
+
+const error = debug('react-tab-set/tab-set')
+
+function mapChildren (
+  children,
+  selectedTab,
+  onTabSelect
+) {
+  return Children.map(children, (child) => {
+    const { type } = child
+
+    if (type) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+      const { props } = child
+
+      if (isTabGroup(type)) {
+        return cloneElement(
+          child,
+          {
+            ...props,
+            selectedTab,
+            onTabSelect
+          }
+        )
+      }
+
+      if (isTabPanel(type)) {
+        return cloneElement(
+          child,
+          {
+            ...props,
+            selectedTab
+          }
+        )
+      }
+
+      const {
+        children
+      } = props
+
+      if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+        return cloneElement(
+          child,
+          {
+            ...props,
+            children: mapChildren(children, selectedTab, onTabSelect)
+          }
+        )
+      }
+    }
+
+    return child
+  })
+}
+
+export default function TabSet (props) {
+  const {
+    children,
+    selectedTab: tab
+  } = props
+
+  const [selectedTab, setSelectedTab] = useState(tab)
+
+  useEffect(() => { setSelectedTab(tab) }, [tab])
+
+  useEffect(() => {
+    const { onChange } = props
+
+    try {
+      onChange(selectedTab)
+    } catch {
+      error('Error `onChange`')
+    }
+  }, [selectedTab])
+
+  return (
+    <div className='tab-set'>
+      {mapChildren(children, selectedTab, setSelectedTab)}
+    </div>
+  )
+}
+
+TabSet.propTypes = {
+  children: PropTypes.oneOfType([
+    PropTypes.node,
+    PropTypes.arrayOf(PropTypes.node)
+  ]).isRequired,
+  selectedTab: PropTypes.string,
+  onChange: PropTypes.func
+}
+
+TabSet.defaultProps = {
+  selectedTab: v4()
+}

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

@@ -0,0 +1,5 @@
+import TabGroup from './tab-group/index.cjs'
+
+export default function isTabGroup (component) {
+  return component === TabGroup
+}

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

@@ -0,0 +1,5 @@
+import TabPanel from './tab-panel/index.cjs'
+
+export default function isTabPanel (component) {
+  return component === TabPanel
+}

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

@@ -0,0 +1,11 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!react-tab-set)/
+  ]
+})
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

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

@@ -0,0 +1,79 @@
+import React, {
+  Children,
+  cloneElement
+} from 'react'
+import PropTypes from 'prop-types'
+import {
+  v4
+} from 'uuid'
+
+import isTab from './is-tab.mjs'
+
+function mapChildren (
+  children,
+  selectedTab,
+  onTabSelect
+) {
+  return Children.map(children, (child) => {
+    const { type } = child
+
+    if (type) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+      const { props } = child
+
+      if (isTab(type)) {
+        return cloneElement(
+          child,
+          {
+            ...props,
+            selectedTab,
+            onTabSelect
+          }
+        )
+      }
+
+      const {
+        children
+      } = props
+
+      if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+        return cloneElement(
+          child,
+          {
+            ...props,
+            children: mapChildren(children, selectedTab, onTabSelect)
+          }
+        )
+      }
+    }
+
+    return child
+  })
+}
+
+export default function TabGroup (props) {
+  const {
+    children,
+    selectedTab,
+    onTabSelect
+  } = props
+
+  return (
+    <ul className='tab-group'>
+      {mapChildren(children, selectedTab, onTabSelect)}
+    </ul>
+  )
+}
+
+TabGroup.propTypes = {
+  children: PropTypes.oneOfType([
+    PropTypes.node,
+    PropTypes.arrayOf(PropTypes.node)
+  ]).isRequired,
+  selectedTab: PropTypes.string,
+  onTabSelect: PropTypes.func
+}
+
+TabGroup.defaultProps = {
+  selectedTab: v4(),
+  onTabSelect () { }
+}

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

@@ -0,0 +1,5 @@
+import Tab from './tab/index.cjs'
+
+export default function isTab (component) {
+  return component === Tab
+}

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

@@ -0,0 +1,11 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!react-tab-set)/
+  ]
+})
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

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

@@ -0,0 +1,43 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import {
+  v4
+} from 'uuid'
+
+export default function Tab (props) {
+  const {
+    children,
+    tab,
+    selectedTab,
+    onTabSelect
+  } = props
+
+  const className = (tab === selectedTab)
+    ? 'tab selected'
+    : 'tab'
+
+  return (
+    <li
+      className={className}
+      onClick={() => {
+        onTabSelect(tab)
+      }}>
+      {children}
+    </li>
+  )
+}
+
+Tab.propTypes = {
+  children: PropTypes.oneOfType([
+    PropTypes.node,
+    PropTypes.arrayOf(PropTypes.node)
+  ]).isRequired,
+  tab: PropTypes.string.isRequired,
+  selectedTab: PropTypes.string,
+  onTabSelect: PropTypes.func
+}
+
+Tab.defaultProps = {
+  selectedTab: v4(),
+  onTabSelect () { }
+}

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

@@ -0,0 +1,11 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!react-tab-set)/
+  ]
+})
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

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

@@ -0,0 +1,43 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import {
+  v4
+} from 'uuid'
+
+export default function TabPanel (props) {
+  const {
+    tab,
+    selectedTab
+  } = props
+
+  if (tab === selectedTab) {
+    const {
+      render = () => null,
+      children = render()
+    } = props
+
+    if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+      return (
+        <div className='tab-panel'>
+          {children}
+        </div>
+      )
+    }
+  }
+
+  return null
+}
+
+TabPanel.propTypes = {
+  children: PropTypes.oneOfType([
+    PropTypes.node,
+    PropTypes.arrayOf(PropTypes.node)
+  ]),
+  tab: PropTypes.string.isRequired,
+  selectedTab: PropTypes.string,
+  render: PropTypes.func
+}
+
+TabPanel.defaultProps = {
+  selectedTab: v4()
+}

package/index.js

@@ -1,2 +0,0 @@
-//
-module.exports = require('./lib')

package/lib/index.js

@@ -1 +0,0 @@
-"use strict";require("core-js/modules/es.object.define-property.js");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Tab",{enumerable:true,get:function get(){return _tab["default"];}});Object.defineProperty(exports,"TabGroup",{enumerable:true,get:function get(){return _tabGroup["default"];}});Object.defineProperty(exports,"TabPanel",{enumerable:true,get:function get(){return _tabPanel["default"];}});exports["default"]=void 0;Object.defineProperty(exports,"isTab",{enumerable:true,get:function get(){return _isTab["default"];}});Object.defineProperty(exports,"isTabGroup",{enumerable:true,get:function get(){return _isTabGroup["default"];}});Object.defineProperty(exports,"isTabPanel",{enumerable:true,get:function get(){return _isTabPanel["default"];}});var _isTabGroup=_interopRequireDefault(require("./tab-set/is-tab-group"));var _isTab=_interopRequireDefault(require("./tab-set/tab-group/is-tab"));var _isTabPanel=_interopRequireDefault(require("./tab-set/is-tab-panel"));var _tabGroup=_interopRequireDefault(require("./tab-set/tab-group"));var _tab=_interopRequireDefault(require("./tab-set/tab-group/tab"));var _tabPanel=_interopRequireDefault(require("./tab-set/tab-panel"));var _tabSet=_interopRequireDefault(require("./tab-set"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj};}var _default=_tabSet["default"];exports["default"]=_default;

package/lib/tab-set/index.js

@@ -1 +0,0 @@
-"use strict";require("core-js/modules/es.object.define-property.js");require("core-js/modules/es.object.set-prototype-of.js");require("core-js/modules/es.function.bind.js");require("core-js/modules/es.object.get-prototype-of.js");require("core-js/modules/es.reflect.construct.js");require("core-js/modules/es.object.create.js");require("core-js/modules/es.object.keys.js");require("core-js/modules/es.array.filter.js");require("core-js/modules/es.object.get-own-property-descriptor.js");require("core-js/modules/es.array.for-each.js");require("core-js/modules/web.dom-collections.for-each.js");require("core-js/modules/es.object.get-own-property-descriptors.js");require("core-js/modules/es.object.define-properties.js");require("core-js/modules/es.symbol.iterator.js");require("core-js/modules/es.array.iterator.js");require("core-js/modules/es.string.iterator.js");require("core-js/modules/web.dom-collections.iterator.js");require("core-js/modules/es.weak-map.js");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;require("core-js/modules/es.array.concat.js");require("core-js/modules/es.array.map.js");require("core-js/modules/es.symbol.to-primitive.js");require("core-js/modules/es.date.to-primitive.js");require("core-js/modules/es.symbol.js");require("core-js/modules/es.symbol.description.js");require("core-js/modules/es.object.to-string.js");require("core-js/modules/es.number.constructor.js");var _react=_interopRequireWildcard(require("react"));var _uuid=require("uuid");var _isTabPanel=_interopRequireDefault(require("./is-tab-panel"));var _isTabGroup=_interopRequireDefault(require("./is-tab-group"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj};}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _defineProperty(obj,key,value){key=_toPropertyKey(key);if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return _typeof(key)==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(_typeof(input)!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(_typeof(res)!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}var TabSet=function(_Component){_inherits(TabSet,_Component);var _super=_createSuper(TabSet);function TabSet(){var _this;_classCallCheck(this,TabSet);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_defineProperty(_assertThisInitialized(_this),"handleTabSelect",function(selectedTab){if(selectedTab!==_this.props.selectedTab){var onChange=_this.props.onChange;_this.setState({selectedTab:selectedTab});onChange(selectedTab);}});return _this;}_createClass(TabSet,[{key:"shouldComponentUpdate",value:function shouldComponentUpdate(props){return props.children!==this.props.children||props.selectedTab!==this.props.selectedTab;}},{key:"mapChildren",value:function mapChildren(children,selectedTab){var _this2=this;return _react.Children.map(children,function(child){var type=child.type;if(type){var props=child.props;if((0,_isTabGroup["default"])(type)){return(0,_react.cloneElement)(child,_objectSpread(_objectSpread({},props),{},{selectedTab:selectedTab,onTabSelect:_this2.handleTabSelect}));}if((0,_isTabPanel["default"])(type)){return(0,_react.cloneElement)(child,_objectSpread(_objectSpread({},props),{},{selectedTab:selectedTab}));}var _children=props.children;if(_children){return(0,_react.cloneElement)(child,_objectSpread(_objectSpread({},props),{},{children:_this2.mapChildren(_children,selectedTab)}));}}return child;});}},{key:"getChildren",value:function getChildren(){var _this$props=this.props,children=_this$props.children,selectedTab=_this$props.selectedTab;return this.mapChildren(children,selectedTab);}},{key:"render",value:function render(){return _react["default"].createElement("div",{className:"tab-set"},this.getChildren());}}]);return TabSet;}(_react.Component);exports["default"]=TabSet;_defineProperty(TabSet,"defaultProps",{onChange:function onChange(){},selectedTab:(0,_uuid.v4)(),children:[]});

package/lib/tab-set/is-tab-group.js

@@ -1 +0,0 @@
-"use strict";require("core-js/modules/es.object.define-property.js");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _tabGroup=_interopRequireDefault(require("./tab-group"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj};}var isTabGroup=function isTabGroup(c){return c===_tabGroup["default"];};var _default=isTabGroup;exports["default"]=_default;

package/lib/tab-set/is-tab-panel.js

@@ -1 +0,0 @@
-"use strict";require("core-js/modules/es.object.define-property.js");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _tabPanel=_interopRequireDefault(require("./tab-panel"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj};}var isTabPanel=function isTabPanel(c){return c===_tabPanel["default"];};var _default=isTabPanel;exports["default"]=_default;

package/lib/tab-set/tab-group/index.js

@@ -1 +0,0 @@
-"use strict";require("core-js/modules/es.object.define-property.js");require("core-js/modules/es.object.set-prototype-of.js");require("core-js/modules/es.function.bind.js");require("core-js/modules/es.object.get-prototype-of.js");require("core-js/modules/es.reflect.construct.js");require("core-js/modules/es.object.create.js");require("core-js/modules/es.object.keys.js");require("core-js/modules/es.array.filter.js");require("core-js/modules/es.object.get-own-property-descriptor.js");require("core-js/modules/es.array.for-each.js");require("core-js/modules/web.dom-collections.for-each.js");require("core-js/modules/es.object.get-own-property-descriptors.js");require("core-js/modules/es.object.define-properties.js");require("core-js/modules/es.symbol.iterator.js");require("core-js/modules/es.array.iterator.js");require("core-js/modules/es.string.iterator.js");require("core-js/modules/web.dom-collections.iterator.js");require("core-js/modules/es.weak-map.js");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;require("core-js/modules/es.array.concat.js");require("core-js/modules/es.array.map.js");require("core-js/modules/es.symbol.to-primitive.js");require("core-js/modules/es.date.to-primitive.js");require("core-js/modules/es.symbol.js");require("core-js/modules/es.symbol.description.js");require("core-js/modules/es.object.to-string.js");require("core-js/modules/es.number.constructor.js");var _react=_interopRequireWildcard(require("react"));var _uuid=require("uuid");var _isTab=_interopRequireDefault(require("./is-tab"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj};}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _defineProperty(obj,key,value){key=_toPropertyKey(key);if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return _typeof(key)==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(_typeof(input)!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(_typeof(res)!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}var TabGroup=function(_Component){_inherits(TabGroup,_Component);var _super=_createSuper(TabGroup);function TabGroup(){var _this;_classCallCheck(this,TabGroup);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_defineProperty(_assertThisInitialized(_this),"handleTabClick",function(tab){var onTabSelect=_this.props.onTabSelect;onTabSelect(tab);});return _this;}_createClass(TabGroup,[{key:"shouldComponentUpdate",value:function shouldComponentUpdate(props){return props.children!==this.props.children||props.selectedTab!==this.props.selectedTab;}},{key:"mapChildren",value:function mapChildren(children,selectedTab){var _this2=this;return _react.Children.map(children,function(child){var type=child.type;if(type){var props=child.props;if((0,_isTab["default"])(type)){return(0,_react.cloneElement)(child,_objectSpread(_objectSpread({},props),{},{selectedTab:selectedTab,onTabClick:_this2.handleTabClick}));}var _children=props.children;if(_children){return(0,_react.cloneElement)(child,_objectSpread(_objectSpread({},props),{},{children:_this2.mapChildren(_children,selectedTab)}));}}return child;});}},{key:"getChildren",value:function getChildren(){var _this$props=this.props,children=_this$props.children,selectedTab=_this$props.selectedTab;return this.mapChildren(children,selectedTab);}},{key:"render",value:function render(){return _react["default"].createElement("ul",{className:"tab-group"},this.getChildren());}}]);return TabGroup;}(_react.Component);exports["default"]=TabGroup;_defineProperty(TabGroup,"defaultProps",{onTabSelect:function onTabSelect(){},selectedTab:(0,_uuid.v4)(),children:[]});

package/lib/tab-set/tab-group/is-tab.js

@@ -1 +0,0 @@
-"use strict";require("core-js/modules/es.object.define-property.js");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _tab=_interopRequireDefault(require("./tab"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj};}var isTab=function isTab(c){return c===_tab["default"];};var _default=isTab;exports["default"]=_default;

package/lib/tab-set/tab-group/tab/index.js

@@ -1 +0,0 @@
-"use strict";require("core-js/modules/es.object.define-property.js");require("core-js/modules/es.object.set-prototype-of.js");require("core-js/modules/es.function.bind.js");require("core-js/modules/es.object.get-prototype-of.js");require("core-js/modules/es.reflect.construct.js");require("core-js/modules/es.object.create.js");require("core-js/modules/es.symbol.iterator.js");require("core-js/modules/es.array.iterator.js");require("core-js/modules/es.string.iterator.js");require("core-js/modules/web.dom-collections.iterator.js");require("core-js/modules/es.weak-map.js");require("core-js/modules/es.object.get-own-property-descriptor.js");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;require("core-js/modules/es.array.concat.js");require("core-js/modules/es.symbol.to-primitive.js");require("core-js/modules/es.date.to-primitive.js");require("core-js/modules/es.symbol.js");require("core-js/modules/es.symbol.description.js");require("core-js/modules/es.object.to-string.js");require("core-js/modules/es.number.constructor.js");var _react=_interopRequireWildcard(require("react"));var _uuid=require("uuid");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _defineProperty(obj,key,value){key=_toPropertyKey(key);if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return _typeof(key)==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(_typeof(input)!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(_typeof(res)!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}var Tab=function(_Component){_inherits(Tab,_Component);var _super=_createSuper(Tab);function Tab(){var _this;_classCallCheck(this,Tab);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_defineProperty(_assertThisInitialized(_this),"handleClick",function(){var _this$props=_this.props,tab=_this$props.tab,onTabClick=_this$props.onTabClick;onTabClick(tab);});return _this;}_createClass(Tab,[{key:"shouldComponentUpdate",value:function shouldComponentUpdate(props){return props.children!==this.props.children||props.tab!==this.props.tab||props.selectedTab!==this.props.selectedTab;}},{key:"render",value:function render(){var _this$props2=this.props,tab=_this$props2.tab,selectedTab=_this$props2.selectedTab,children=_this$props2.children;var className=tab===selectedTab?'tab selected':'tab';return _react["default"].createElement("li",{className:className,onClick:this.handleClick},children);}}]);return Tab;}(_react.Component);exports["default"]=Tab;_defineProperty(Tab,"defaultProps",{onTabClick:function onTabClick(){},tab:(0,_uuid.v4)(),selectedTab:(0,_uuid.v4)(),children:[]});

package/lib/tab-set/tab-panel/index.js

@@ -1 +0,0 @@
-"use strict";require("core-js/modules/es.object.define-property.js");require("core-js/modules/es.object.set-prototype-of.js");require("core-js/modules/es.function.bind.js");require("core-js/modules/es.object.get-prototype-of.js");require("core-js/modules/es.reflect.construct.js");require("core-js/modules/es.object.create.js");require("core-js/modules/es.symbol.iterator.js");require("core-js/modules/es.array.iterator.js");require("core-js/modules/es.string.iterator.js");require("core-js/modules/web.dom-collections.iterator.js");require("core-js/modules/es.weak-map.js");require("core-js/modules/es.object.get-own-property-descriptor.js");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;require("core-js/modules/es.symbol.to-primitive.js");require("core-js/modules/es.date.to-primitive.js");require("core-js/modules/es.symbol.js");require("core-js/modules/es.symbol.description.js");require("core-js/modules/es.object.to-string.js");require("core-js/modules/es.number.constructor.js");var _react=_interopRequireWildcard(require("react"));var _uuid=require("uuid");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _defineProperty(obj,key,value){key=_toPropertyKey(key);if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return _typeof(key)==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(_typeof(input)!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(_typeof(res)!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}var TabPanel=function(_Component){_inherits(TabPanel,_Component);var _super=_createSuper(TabPanel);function TabPanel(){_classCallCheck(this,TabPanel);return _super.apply(this,arguments);}_createClass(TabPanel,[{key:"shouldComponentUpdate",value:function shouldComponentUpdate(props){if(props.render instanceof Function)return true;return props.children!==this.props.children||props.tab!==this.props.tab||props.selectedTab!==this.props.selectedTab;}},{key:"renderPanel",value:function renderPanel(){var _this$props=this.props,_this$props$render=_this$props.render,render=_this$props$render===void 0?function(){return null;}:_this$props$render,_this$props$children=_this$props.children,children=_this$props$children===void 0?render():_this$props$children;if(children){return _react["default"].createElement("div",{className:"tab-panel"},children);}return null;}},{key:"render",value:function render(){var _this$props2=this.props,tab=_this$props2.tab,selectedTab=_this$props2.selectedTab;if(tab===selectedTab){return this.renderPanel();}return null;}}]);return TabPanel;}(_react.Component);exports["default"]=TabPanel;_defineProperty(TabPanel,"defaultProps",{tab:(0,_uuid.v4)(),selectedTab:(0,_uuid.v4)()});

package/src/index.ts

@@ -1,23 +0,0 @@
-import isTabGroup from './tab-set/is-tab-group'
-import isTab from './tab-set/tab-group/is-tab'
-import isTabPanel from './tab-set/is-tab-panel'
-
-import TabGroup from './tab-set/tab-group'
-import Tab from './tab-set/tab-group/tab'
-import TabPanel from './tab-set/tab-panel'
-
-import TabSet from './tab-set'
-
-export {
-  isTabGroup,
-  isTab,
-  isTabPanel
-}
-
-export {
-  TabGroup,
-  Tab,
-  TabPanel
-}
-
-export default TabSet

package/src/tab-set/index.tsx

@@ -1,107 +0,0 @@
-import React, { Component, Children, cloneElement } from 'react'
-import {
-  v4
-} from 'uuid'
-
-import isTabPanel from './is-tab-panel'
-import isTabGroup from './is-tab-group'
-
-export interface TabSetProps {
-  onChange: (selectedTab: string) => void
-  selectedTab: string
-  children: JSX.Element | JSX.Element[]
-}
-
-export default class TabSet extends Component<TabSetProps> {
-  /*
-   *  The selected tab default does not have to be a uuid, but a uuid
-   *  reduces the likelihood that this default has the same value as
-   *  an implemented tab
-   */
-  static defaultProps = {
-    onChange: () => {},
-    selectedTab: v4(),
-    children: []
-  }
-
-  shouldComponentUpdate (props: TabSetProps): boolean {
-    return (
-      props.children !== this.props.children ||
-      props.selectedTab !== this.props.selectedTab
-    )
-  }
-
-  handleTabSelect = (selectedTab: string): void => {
-    if (selectedTab !== this.props.selectedTab) {
-      const { onChange } = this.props
-
-      this.setState({ selectedTab })
-
-      onChange(selectedTab)
-    }
-  }
-
-  mapChildren (children: JSX.Element | JSX.Element[], selectedTab: string): JSX.Element[] {
-    return Children.map(children, (child) => {
-      const { type } = child
-
-      if (type) {
-        const { props } = child
-
-        if (isTabGroup(type)) {
-          return cloneElement(
-            child,
-            {
-              ...props,
-              selectedTab,
-              onTabSelect: this.handleTabSelect
-            }
-          )
-        }
-
-        if (isTabPanel(type)) {
-          return cloneElement(
-            child,
-            {
-              ...props,
-              selectedTab
-            }
-          )
-        }
-
-        const {
-          children
-        } = props
-
-        if (children) {
-          return cloneElement(
-            child,
-            {
-              ...props,
-              children: this.mapChildren(children, selectedTab)
-            }
-          )
-        }
-      }
-
-      return child
-    })
-  }
-
-  getChildren (): JSX.Element[] {
-    const {
-      children,
-      selectedTab
-    } = this.props
-
-    return this.mapChildren(children, selectedTab)
-  }
-
-  render (): JSX.Element {
-    return (
-      <div className='tab-set'>
-        {this.getChildren()}
-      </div>
-    )
-  }
-}

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

@@ -1,5 +0,0 @@
-import TabGroup from './tab-group'
-
-const isTabGroup = (c: any): c is TabGroup => c === TabGroup
-
-export default isTabGroup

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

@@ -1,5 +0,0 @@
-import TabPanel from './tab-panel'
-
-const isTabPanel = (c: any): c is TabPanel => c === TabPanel
-
-export default isTabPanel

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

@@ -1,92 +0,0 @@
-import React, { Component, Children, cloneElement } from 'react'
-import {
-  v4
-} from 'uuid'
-
-import isTab from './is-tab'
-
-interface TabGroupProps {
-  onTabSelect: (selectedTab: string) => void
-  children: JSX.Element | JSX.Element[]
-  selectedTab: string
-}
-
-export default class TabGroup extends Component<TabGroupProps> {
-  /*
-   *  The selected tab default does not have to be a uuid, but a uuid
-   *  reduces the likelihood that this default has the same value as
-   *  an implemented tab
-   */
-  static defaultProps = {
-    onTabSelect: () => {},
-    selectedTab: v4(),
-    children: []
-  }
-
-  shouldComponentUpdate (props: TabGroupProps): boolean {
-    return (
-      props.children !== this.props.children ||
-      props.selectedTab !== this.props.selectedTab
-    )
-  }
-
-  handleTabClick = (tab: string): void => {
-    const { onTabSelect } = this.props
-
-    onTabSelect(tab)
-  }
-
-  mapChildren (children: JSX.Element | JSX.Element[], selectedTab: string): JSX.Element[] {
-    return Children.map(children, (child) => {
-      const { type } = child
-
-      if (type) {
-        const { props } = child
-
-        if (isTab(type)) {
-          return cloneElement(
-            child,
-            {
-              ...props,
-              selectedTab,
-              onTabClick: this.handleTabClick
-            }
-          )
-        }
-
-        const {
-          children
-        } = props
-
-        if (children) {
-          return cloneElement(
-            child,
-            {
-              ...props,
-              children: this.mapChildren(children, selectedTab)
-            }
-          )
-        }
-      }
-
-      return child
-    })
-  }
-
-  getChildren (): JSX.Element[] {
-    const {
-      children,
-      selectedTab
-    } = this.props
-
-    return this.mapChildren(children, selectedTab)
-  }
-
-  render (): JSX.Element {
-    return (
-      <ul className='tab-group'>
-        {this.getChildren()}
-      </ul>
-    )
-  }
-}

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

@@ -1,5 +0,0 @@
-import Tab from './tab'
-
-const isTab = (c: any): c is Tab => c === Tab
-
-export default isTab

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

@@ -1,57 +0,0 @@
-import React, { Component } from 'react'
-import {
-  v4
-} from 'uuid'
-
-export interface TabProps {
-  onTabClick: (tab: string) => void
-  children: JSX.Element | JSX.Element[] | string | number | boolean
-  tab: string
-  selectedTab: string
-}
-
-export default class Tab extends Component<TabProps> {
-  /*
-   *  The tab and selected tab defaults do not have to be a uuid, but a uuid
-   *  reduces the likelihood that this default has the same value as
-   *  an implemented tab
-   */
-  static defaultProps = {
-    onTabClick: () => {},
-    tab: v4(),
-    selectedTab: v4(),
-    children: []
-  }
-
-  shouldComponentUpdate (props: TabProps): boolean {
-    return (
-      props.children !== this.props.children ||
-      props.tab !== this.props.tab ||
-      props.selectedTab !== this.props.selectedTab
-    )
-  }
-
-  handleClick = (): void => {
-    const { tab, onTabClick } = this.props
-
-    onTabClick(tab)
-  }
-
-  render (): JSX.Element {
-    const {
-      tab,
-      selectedTab,
-      children
-    } = this.props
-
-    const className = (tab === selectedTab)
-      ? 'tab selected'
-      : 'tab'
-
-    return (
-      <li className={className} onClick={this.handleClick}>
-        {children}
-      </li>
-    )
-  }
-}

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

@@ -1,63 +0,0 @@
-import React, { Component } from 'react'
-import {
-  v4
-} from 'uuid'
-
-interface TabPanelProps {
-  children: JSX.Element | JSX.Element[] | string | number | boolean | undefined | null
-  tab: string
-  selectedTab: string
-  render?: () => JSX.Element | JSX.Element[] | string | number | boolean | undefined | null
-}
-
-export default class TabPanel extends Component<TabPanelProps> {
-  /*
-   *  The tab and selected tab defaults do not have to be a uuid, but a uuid
-   *  reduces the likelihood that this default has the same value as
-   *  an implemented tab
-   */
-  static defaultProps = {
-    tab: v4(),
-    selectedTab: v4()
-  }
-
-  shouldComponentUpdate (props: TabPanelProps): boolean {
-    if (props.render instanceof Function) return true
-
-    return (
-      props.children !== this.props.children ||
-      props.tab !== this.props.tab ||
-      props.selectedTab !== this.props.selectedTab
-    )
-  }
-
-  renderPanel (): JSX.Element | null {
-    const {
-      render = () => null,
-      children = render()
-    } = this.props
-
-    if (children) {
-      return (
-        <div className='tab-panel'>
-          {children}
-        </div>
-      )
-    }
-
-    return null
-  }
-
-  render (): JSX.Element | null {
-    const {
-      tab,
-      selectedTab
-    } = this.props
-
-    if (tab === selectedTab) {
-      return this.renderPanel()
-    }
-
-    return null
-  }
-}

package/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react",
-    "module": "es2020",
-    "target": "es2020",
-    "moduleResolution": "node",
-    "noEmit": true,
-    "strict": true,
-    "isolatedModules": true,
-    "noImplicitAny": true,
-    "allowSyntheticDefaultImports": true,
-    "allowImportingTsExtensions": true,
-    "baseUrl": ".",
-    "paths": {
-      "react-tab-set": [
-        "src"
-      ],
-      "react-tab-set/*": [
-        "src/*"
-      ]
-    }
-  },
-  "include": [
-    "src/**/*",
-    "stories/**/*"
-  ]
-}