@ringcentral/juno 2.43.0 → 2.43.1

package/components/Tabs/TabList/TabList.js

@@ -14,12 +14,16 @@ var styles_1 = require("./styles");
 var utils_1 = require("./utils");
 var _RcTabList = react_1.forwardRef(function (inProps, ref) {
     var props = foundation_1.useThemeProps({ props: inProps, name: 'RcTabList' });
-    var classesProp = props.classes, childrenProp = props.children, _a = props.idPrefix, idPrefix = _a === void 0 ? '' : _a, value = props.value, rest = tslib_1.__rest(props, ["classes", "children", "idPrefix", "value"]);
+    var classesProp = props.classes, childrenProp = props.children, idPrefix = props.idPrefix, value = props.value, rest = tslib_1.__rest(props, ["classes", "children", "idPrefix", "value"]);
     var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcTabListClasses, classesProp); }, [classesProp]);
-    var context = TabContext_1.useTabContext() || {
-        value: value,
-        idPrefix: idPrefix,
-    };
+    var tabContext = TabContext_1.useTabContext();
+    var context = react_1.useMemo(function () { return ({
+        value: value !== null && value !== void 0 ? value : tabContext === null || tabContext === void 0 ? void 0 : tabContext.value,
+        idPrefix: idPrefix !== null && idPrefix !== void 0 ? idPrefix : tabContext === null || tabContext === void 0 ? void 0 : tabContext.idPrefix,
+    }); }, [value, idPrefix, tabContext]);
+    if (!tabContext && !context.idPrefix) {
+        throw new Error('[TabList] No idPrefix provided, use RcTabContext or idPrefix prop');
+    }
     var children = react_1.useMemo(function () {
         return react_1.default.Children.map(childrenProp, function (child) {
             var value = child.props.value;

package/es6/components/Tabs/TabList/TabList.js

@@ -12,12 +12,16 @@ import { TabListStyle } from './styles';
 import { RcTabListClasses } from './utils';
 var _RcTabList = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'RcTabList' });
-    var classesProp = props.classes, childrenProp = props.children, _a = props.idPrefix, idPrefix = _a === void 0 ? '' : _a, value = props.value, rest = __rest(props, ["classes", "children", "idPrefix", "value"]);
+    var classesProp = props.classes, childrenProp = props.children, idPrefix = props.idPrefix, value = props.value, rest = __rest(props, ["classes", "children", "idPrefix", "value"]);
     var classes = useMemo(function () { return combineClasses(RcTabListClasses, classesProp); }, [classesProp]);
-    var context = useTabContext() || {
-        value: value,
-        idPrefix: idPrefix,
-    };
+    var tabContext = useTabContext();
+    var context = useMemo(function () { return ({
+        value: value !== null && value !== void 0 ? value : tabContext === null || tabContext === void 0 ? void 0 : tabContext.value,
+        idPrefix: idPrefix !== null && idPrefix !== void 0 ? idPrefix : tabContext === null || tabContext === void 0 ? void 0 : tabContext.idPrefix,
+    }); }, [value, idPrefix, tabContext]);
+    if (!tabContext && !context.idPrefix) {
+        throw new Error('[TabList] No idPrefix provided, use RcTabContext or idPrefix prop');
+    }
     var children = useMemo(function () {
         return React.Children.map(childrenProp, function (child) {
             var value = child.props.value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.43.0",
+  "version": "2.43.1",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",