morse-react-tabs
Advanced tools
Comparing version 2.2.2 to 2.2.3
@@ -15,3 +15,7 @@ "use strict"; | ||
if (k2 === undefined) k2 = k; | ||
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); | ||
var desc = Object.getOwnPropertyDescriptor(m, k); | ||
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { | ||
desc = { enumerable: true, get: function() { return m[k]; } }; | ||
} | ||
Object.defineProperty(o, k2, desc); | ||
}) : (function(o, m, k, k2) { | ||
@@ -50,3 +54,3 @@ if (k2 === undefined) k2 = k; | ||
var Component = _a.component; | ||
var _b = react_1.useState(false), loading = _b[0], setLoading = _b[1]; | ||
var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1]; | ||
return (react_1.default.createElement("div", null, | ||
@@ -53,0 +57,0 @@ loading && react_1.default.createElement("div", null, "Loading"), |
@@ -15,3 +15,7 @@ "use strict"; | ||
if (k2 === undefined) k2 = k; | ||
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); | ||
var desc = Object.getOwnPropertyDescriptor(m, k); | ||
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { | ||
desc = { enumerable: true, get: function() { return m[k]; } }; | ||
} | ||
Object.defineProperty(o, k2, desc); | ||
}) : (function(o, m, k, k2) { | ||
@@ -33,6 +37,10 @@ if (k2 === undefined) k2 = k; | ||
}; | ||
var __spreadArray = (this && this.__spreadArray) || function (to, from) { | ||
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) | ||
to[j] = from[i]; | ||
return to; | ||
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) { | ||
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) { | ||
if (ar || !(i in from)) { | ||
if (!ar) ar = Array.prototype.slice.call(from, 0, i); | ||
ar[i] = from[i]; | ||
} | ||
} | ||
return to.concat(ar || Array.prototype.slice.call(from)); | ||
}; | ||
@@ -46,3 +54,3 @@ Object.defineProperty(exports, "__esModule", { value: true }); | ||
var tabs = _a.tabs, menuProps = _a.menuProps, containerProps = _a.containerProps, contentProps = _a.contentProps, contentItemProps = _a.contentItemProps, _b = _a.containerComponent, ContainerComponent = _b === void 0 ? morse_react_1.Tab.Container : _b, _c = _a.contentComponent, ContentComponent = _c === void 0 ? morse_react_1.Tab.Content : _c, _d = _a.contentItemComponent, ContentItemComponent = _d === void 0 ? morse_react_1.Tab.ContentItem : _d; | ||
var _e = react_1.useState(), activeTabKey = _e[0], setActiveTabKey = _e[1]; | ||
var _e = (0, react_1.useState)(), activeTabKey = _e[0], setActiveTabKey = _e[1]; | ||
/** | ||
@@ -61,4 +69,4 @@ * Sometimes tabs are very expensive. They might be used to load long and slow lists | ||
*/ | ||
var _f = react_1.useState([Object.keys(tabs)[0]]), shownTabKeys = _f[0], setShownTabKeys = _f[1]; | ||
react_1.useEffect(function () { | ||
var _f = (0, react_1.useState)([Object.keys(tabs)[0]]), shownTabKeys = _f[0], setShownTabKeys = _f[1]; | ||
(0, react_1.useEffect)(function () { | ||
setActiveTabKey(Object.keys(tabs)[0]); | ||
@@ -76,3 +84,3 @@ }, []); | ||
setActiveTabKey(key); | ||
setShownTabKeys(__spreadArray(__spreadArray([], shownTabKeys), [key])); | ||
setShownTabKeys(__spreadArray(__spreadArray([], shownTabKeys, true), [key], false)); | ||
}; | ||
@@ -79,0 +87,0 @@ var tabNodes = Object.keys(tabs).map(function (tabKey) { |
"use strict"; | ||
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { | ||
if (k2 === undefined) k2 = k; | ||
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); | ||
var desc = Object.getOwnPropertyDescriptor(m, k); | ||
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { | ||
desc = { enumerable: true, get: function() { return m[k]; } }; | ||
} | ||
Object.defineProperty(o, k2, desc); | ||
}) : (function(o, m, k, k2) { | ||
@@ -6,0 +10,0 @@ if (k2 === undefined) k2 = k; |
{ | ||
"name": "morse-react-tabs", | ||
"version": "2.2.2", | ||
"version": "2.2.3", | ||
"description": "Patterns for building tab layouts", | ||
@@ -27,3 +27,3 @@ "repository": { | ||
"morse-css": "2.2.2", | ||
"morse-react": "2.2.2", | ||
"morse-react": "2.2.3", | ||
"react": "^17.0.0", | ||
@@ -48,3 +48,3 @@ "react-dom": "^17.0.0", | ||
], | ||
"gitHead": "1ff416bdfa769b0304fdb21e20a3a0881d2a5d33" | ||
"gitHead": "1018b9d678fa7bb64b4f897e4ae4ce410e1befc1" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
19877
292