@ringcentral/juno 2.43.0 → 2.44.0

package/components/Forms/Picker/TimePicker/NumberPicker.js

@@ -109,7 +109,7 @@ var _NumberPicker = react_1.forwardRef(function (props, ref) {
                 return 'large';
         }
     })();
-    return (react_1.default.createElement(StyledNumberPicker_1.StyledNumberPicker, tslib_1.__assign({ tabIndex: 0, onKeyDown: handleKeyDown, "aria-live": "assertive", "aria-label": label, ref: pickerRef, "data-focusable": true }, rest),
+    return (react_1.default.createElement(StyledNumberPicker_1.StyledNumberPicker, tslib_1.__assign({ tabIndex: 0, onKeyDown: handleKeyDown, "aria-live": "assertive", "aria-label": label, ref: pickerRef, "data-focusable": true, role: "spinbutton" }, rest),
         react_1.default.createElement(StyledTimeIconButton_1.StyledTimeIconButton, { tabIndex: -1, size: iconSize, color: "neutral.f04", wrapperSize: size, disabled: increaseDisabled, onClick: function () {
                 onUpdateValue(increaseValue);
             }, symbol: juno_icon_1.ArrowUp, "data-test-automation-id": automationId && automationId + "-prev-pagination", "aria-label": "Arrow Up" }),

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/Forms/Picker/TimePicker/NumberPicker.js

@@ -107,7 +107,7 @@ var _NumberPicker = forwardRef(function (props, ref) {
                 return 'large';
         }
     })();
-    return (React.createElement(StyledNumberPicker, __assign({ tabIndex: 0, onKeyDown: handleKeyDown, "aria-live": "assertive", "aria-label": label, ref: pickerRef, "data-focusable": true }, rest),
+    return (React.createElement(StyledNumberPicker, __assign({ tabIndex: 0, onKeyDown: handleKeyDown, "aria-live": "assertive", "aria-label": label, ref: pickerRef, "data-focusable": true, role: "spinbutton" }, rest),
         React.createElement(StyledTimeIconButton, { tabIndex: -1, size: iconSize, color: "neutral.f04", wrapperSize: size, disabled: increaseDisabled, onClick: function () {
                 onUpdateValue(increaseValue);
             }, symbol: ArrowUpIcon, "data-test-automation-id": automationId && automationId + "-prev-pagination", "aria-label": "Arrow Up" }),

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.44.0",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",