react-tab-set 1.1.439 → 1.2.0

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/lib/tab-set/index.js

@@ -1 +1,148 @@
-"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:[]});
+"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.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 _debug = _interopRequireDefault(require("debug"));
+var _isTabPanel = _interopRequireDefault(require("./is-tab-panel.mts"));
+var _isTabGroup = _interopRequireDefault(require("./is-tab-group.mts"));
+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 error = (0, _debug["default"])('react-tab-set/tab-set');
+var TabSet = /*#__PURE__*/function (_Component) {
+  _inherits(TabSet, _Component);
+  var _super = _createSuper(TabSet);
+  function TabSet(props) {
+    var _this;
+    _classCallCheck(this, TabSet);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "handleTabSelect", function (selectedTab) {
+      if (selectedTab !== _this.state.selectedTab) {
+        var onChange = _this.props.onChange;
+        _this.setState({
+          selectedTab: selectedTab
+        }, function () {
+          try {
+            onChange(selectedTab);
+          } catch (_unused) {
+            error('Error `onChange`');
+          }
+        });
+      }
+    });
+    var _selectedTab = props.selectedTab;
+    _this.state = {
+      selectedTab: _selectedTab
+    };
+    return _this;
+  }
+
+  /*
+   *  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
+   */
+  _createClass(TabSet, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(props, state) {
+      return props.children !== this.props.children || state.selectedTab !== this.state.selectedTab;
+    }
+  }, {
+    key: "mapChildren",
+    value: function mapChildren(children, selectedTab) {
+      var _this2 = this;
+      return _react.Children.map(children, function (child) {
+        var type = child.type;
+        if (type) {
+          // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+          var props = child.props;
+          if ((0, _isTabGroup["default"])(type)) {
+            return /*#__PURE__*/(0, _react.cloneElement)(child, _objectSpread(_objectSpread({}, props), {}, {
+              selectedTab: selectedTab,
+              onTabSelect: _this2.handleTabSelect
+            }));
+          }
+          if ((0, _isTabPanel["default"])(type)) {
+            return /*#__PURE__*/(0, _react.cloneElement)(child, _objectSpread(_objectSpread({}, props), {}, {
+              selectedTab: selectedTab
+            }));
+          }
+          var _children = props.children;
+          if (_children) {
+            // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+            return /*#__PURE__*/(0, _react.cloneElement)(child, _objectSpread(_objectSpread({}, props), {}, {
+              children: _this2.mapChildren(_children, selectedTab)
+            }));
+          }
+        }
+        return child;
+      });
+    }
+  }, {
+    key: "getChildren",
+    value: function getChildren() {
+      var children = this.props.children;
+      var selectedTab = this.state.selectedTab;
+      return this.mapChildren(children, selectedTab);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_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/tab-group/index.js

@@ -1 +1,130 @@
-"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:[]});
+"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.mts"));
+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 = /*#__PURE__*/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) {
+          // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+          var props = child.props;
+          if ((0, _isTab["default"])(type)) {
+            return /*#__PURE__*/(0, _react.cloneElement)(child, _objectSpread(_objectSpread({}, props), {}, {
+              selectedTab: selectedTab,
+              onTabClick: _this2.handleTabClick
+            }));
+          }
+          var _children = props.children;
+          if (_children) {
+            // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+            return /*#__PURE__*/(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 /*#__PURE__*/_react["default"].createElement("ul", {
+        className: "tab-group"
+      }, this.getChildren());
+    }
+  }]);
+  return TabGroup;
+}(_react.Component);
+exports["default"] = TabGroup;
+/*
+ *  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
+ */
+_defineProperty(TabGroup, "defaultProps", {
+  onTabSelect: function onTabSelect() {},
+  selectedTab: (0, _uuid.v4)(),
+  children: []
+});

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

@@ -1 +1,94 @@
-"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:[]});
+"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 = /*#__PURE__*/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 /*#__PURE__*/_react["default"].createElement("li", {
+        className: className,
+        onClick: this.handleClick
+      }, children);
+    }
+  }]);
+  return Tab;
+}(_react.Component);
+exports["default"] = Tab;
+/*
+ *  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
+ */
+_defineProperty(Tab, "defaultProps", {
+  onTabClick: function onTabClick() {},
+  tab: (0, _uuid.v4)(),
+  selectedTab: (0, _uuid.v4)(),
+  children: []
+});

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

@@ -1 +1,97 @@
-"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)()});
+"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 = /*#__PURE__*/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) {
+        // eslint-disable-line @typescript-eslint/strict-boolean-expressions
+        return /*#__PURE__*/_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;
+/*
+ *  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
+ */
+_defineProperty(TabPanel, "defaultProps", {
+  tab: (0, _uuid.v4)(),
+  selectedTab: (0, _uuid.v4)()
+});

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "react-tab-set",
-  "version": "1.1.439",
+  "version": "1.2.0",
   "description": "A React Tab Set component",
-  "main": "./index.js",
+  "main": "./src/index.mjs",
+  "type": "module",
   "author": {
     "name": "Jonathan Perry for Sequence Media Limited",
     "email": "sequencemedia@sequencemedia.net",
@@ -21,43 +22,81 @@
     "babel": "babel src -d lib --extensions .ts,.tsx",
     "babel:watch": "npm run babel -- -w",
     "clean": "rimraf lib",
-    "lint": "eslint .",
+    "lint": "eslint . --ext .mjs,.cjs,.mts,.cts,.tsx",
     "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/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.4",
+    "@storybook/addon-interactions": "^7.4.4",
+    "@storybook/addon-links": "^7.4.4",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.4.4",
+    "@storybook/react": "^7.4.4",
+    "@storybook/react-webpack5": "^7.4.4",
+    "@types/debug": "^4.1.8",
+    "@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",
     "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-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",
+    "storybook": "^7.4.4",
     "typescript": "^5.2.2"
+  },
+  "exports": {
+    ".": {
+      "require": "./src/index.cjs",
+      "import": "./src/index.mjs"
+    },
+    "./tab-set/is-tab-group": {
+      "require": "./src/tab-set/is-tab-group.cjs",
+      "import": "./src/tab-set/is-tab-group.mjs"
+    },
+    "./tab-set/is-tab-panel": {
+      "require": "./src/tab-set/is-tab-panel.cjs",
+      "import": "./src/tab-set/is-tab-panel.mjs"
+    },
+    "./tab-set/tab-group": {
+      "require": "./src/tab-set/tab-group/index.cjs",
+      "import": "./src/tab-set/tab-group/index.mjs"
+    },
+    "./tab-set/tab-group/tab": {
+      "require": "./src/tab-set/tab-group/tab/index.cjs",
+      "import": "./src/tab-set/tab-group/tab/index.mjs"
+    },
+    "./tab-set/tab-panel": {
+      "require": "./src/tab-set/tab-panel/index.cjs",
+      "import": "./src/tab-set/tab-panel/index.mjs"
+    },
+    "./tab-set": {
+      "require": "./src/tab-set/index.cjs",
+      "import": "./src/tab-set/index.mjs"
+    }
   }
 }

package/src/.babelrc

@@ -21,26 +21,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/transform-typescript"
   ]
 }

package/src/index.cjs

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

package/src/index.mjs

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

package/src/index.mts

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

package/src/tab-set/index.cjs

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

package/src/tab-set/index.mjs

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

package/src/tab-set/index.tsx

@@ -2,9 +2,12 @@ import React, { Component, Children, cloneElement } from 'react'
 import {
   v4
 } from 'uuid'
+import debug from 'debug'
 
-import isTabPanel from './is-tab-panel'
-import isTabGroup from './is-tab-group'
+import isTabPanel from './is-tab-panel.mts'
+import isTabGroup from './is-tab-group.mts'
+
+const error = debug('react-tab-set/tab-set')
 
 export interface TabSetProps {
   onChange: (selectedTab: string) => void
@@ -12,7 +15,23 @@ export interface TabSetProps {
   children: JSX.Element | JSX.Element[]
 }
 
-export default class TabSet extends Component<TabSetProps> {
+export interface TabSetState {
+  selectedTab: string
+}
+
+export default class TabSet extends Component<TabSetProps, TabSetState> {
+  constructor (props: TabSetProps) {
+    super(props)
+
+    const {
+      selectedTab
+    } = props
+
+    this.state = {
+      selectedTab
+    }
+  }
+
   /*
    *  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
@@ -24,20 +43,24 @@ export default class TabSet extends Component<TabSetProps> {
     children: []
   }
 
-  shouldComponentUpdate (props: TabSetProps): boolean {
+  shouldComponentUpdate (props: TabSetProps, state: TabSetState): boolean {
     return (
       props.children !== this.props.children ||
-      props.selectedTab !== this.props.selectedTab
+      state.selectedTab !== this.state.selectedTab
     )
   }
 
   handleTabSelect = (selectedTab: string): void => {
-    if (selectedTab !== this.props.selectedTab) {
+    if (selectedTab !== this.state.selectedTab) {
       const { onChange } = this.props
 
-      this.setState({ selectedTab })
-
-      onChange(selectedTab)
+      this.setState({ selectedTab }, () => {
+        try {
+          onChange(selectedTab)
+        } catch {
+          error('Error `onChange`')
+        }
+      })
     }
   }
 
@@ -45,7 +68,7 @@ export default class TabSet extends Component<TabSetProps> {
     return Children.map(children, (child) => {
       const { type } = child
 
-      if (type) {
+      if (type) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
         const { props } = child
 
         if (isTabGroup(type)) {
@@ -73,7 +96,7 @@ export default class TabSet extends Component<TabSetProps> {
           children
         } = props
 
-        if (children) {
+        if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
           return cloneElement(
             child,
             {
@@ -90,10 +113,13 @@ export default class TabSet extends Component<TabSetProps> {
 
   getChildren (): JSX.Element[] {
     const {
-      children,
-      selectedTab
+      children
     } = this.props
 
+    const {
+      selectedTab
+    } = this.state
+
     return this.mapChildren(children, selectedTab)
   }
 

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

@@ -0,0 +1,12 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!react-tab-set)/
+  ],
+  extensions: [
+    '.mts',
+    '.cts',
+    '.tsx'
+  ]
+})
+
+module.exports = require('./is-tab-group.mts')

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

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

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

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

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

@@ -0,0 +1,12 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!react-tab-set)/
+  ],
+  extensions: [
+    '.mts',
+    '.cts',
+    '.tsx'
+  ]
+})
+
+module.exports = require('./is-tab-panel.mts')

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

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

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@ import {
   v4
 } from 'uuid'
 
-import isTab from './is-tab'
+import isTab from './is-tab.mts'
 
 interface TabGroupProps {
   onTabSelect: (selectedTab: string) => void
@@ -40,7 +40,7 @@ export default class TabGroup extends Component<TabGroupProps> {
     return Children.map(children, (child) => {
       const { type } = child
 
-      if (type) {
+      if (type) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
         const { props } = child
 
         if (isTab(type)) {
@@ -58,7 +58,7 @@ export default class TabGroup extends Component<TabGroupProps> {
           children
         } = props
 
-        if (children) {
+        if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
           return cloneElement(
             child,
             {

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

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

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

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

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

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

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

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

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

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

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

@@ -37,7 +37,7 @@ export default class TabPanel extends Component<TabPanelProps> {
       children = render()
     } = this.props
 
-    if (children) {
+    if (children) { // eslint-disable-line @typescript-eslint/strict-boolean-expressions
       return (
         <div className='tab-panel'>
           {children}

package/tsconfig.json

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

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/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/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/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/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/is-tab.ts

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