@ringcentral/juno 2.41.0 → 2.41.2

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 }, rest),
+    return (React.createElement(StyledNumberPicker, __assign({ tabIndex: 0, onKeyDown: handleKeyDown, "aria-live": "assertive", "aria-label": label, ref: pickerRef, "data-focusable": true }, 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/Forms/Picker/TimePicker/SelectionView.js

@@ -20,7 +20,7 @@ var SelectionView = function (props) {
         var disabled = !!((max !== undefined && v > max) ||
             (min !== undefined && v < min));
         var itemShowValue = parseNumberToString(v, isTwelveHourSystem);
-        return (React.createElement(StyledSelectionItem, { disabled: disabled, radius: "round", wrapperSize: size, key: v, onClick: handleClick(v, disabled), selected: itemShowValue === showValue, "data-test-automation-id": automationId && automationId + "-" + itemShowValue, itemLength: source.length },
+        return (React.createElement(StyledSelectionItem, { disabled: disabled, "data-focusable": true, radius: "round", wrapperSize: size, key: v, onClick: handleClick(v, disabled), selected: itemShowValue === showValue, "data-test-automation-id": automationId && automationId + "-" + itemShowValue, itemLength: source.length },
             React.createElement(React.Fragment, null, itemShowValue)));
     })));
 };

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

@@ -249,7 +249,7 @@ var _RcTimePicker = forwardRef(function (inProps, ref) {
             React.createElement(RcBox, { textAlign: "center", width: "48px" }, ":"),
             React.createElement(NumberPicker, __assign({ ref: minuteRef, size: size }, boundary.minute, { onUpdateValue: handleMinuteChange, onClick: setMinuteSelectionShow, onClose: closeMenu, value: minuteValue, source: minuteSource, step: TIME_GAP, automationId: "time-picker-minute" }, MinutePickerProps)),
             isTwelveHourSystem && (React.createElement("div", null,
-                React.createElement(ToggleText, __assign({ periodTexts: periodTexts.toggle, ref: periodRef, size: size, disabled: toggleTextDisabled, onUpdateValue: onTogglePeriod, onInnerChange: handlePeriodInnerChange, onClose: closeMenu, value: periodValue }, PeriodToggleProps)))))) : (React.createElement(SelectionView, __assign({ size: size }, (isHourView ? boundary.hour : boundary.minute), { source: isHourView
+                React.createElement(ToggleText, __assign({ periodTexts: periodTexts.toggle, ref: periodRef, size: size, disabled: toggleTextDisabled, onUpdateValue: onTogglePeriod, onInnerChange: handlePeriodInnerChange, onClose: closeMenu, value: periodValue, "data-focusable": true }, PeriodToggleProps)))))) : (React.createElement(SelectionView, __assign({ size: size }, (isHourView ? boundary.hour : boundary.minute), { source: isHourView
                 ? isTwelveHourSystem
                     ? twelveHourSystemSource
                     : twentyFourHourSystemSource

package/es6/components/Forms/Picker/utils/PickerTextField/PickerTextField.js

@@ -2,7 +2,7 @@ import { __assign, __read, __rest } from "tslib";
 import React, { forwardRef, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import uniqueId from 'lodash/uniqueId';
 import { DeleteCircle as DeleteCircleIcon } from '@ringcentral/juno-icon';
-import { combineProps, useA11yKeyEvent, useEventCallback, } from '../../../../../foundation';
+import { combineProps, useA11yKeyEvent, useEventCallback, useFocusInside, } from '../../../../../foundation';
 import { RcIconButton } from '../../../../Buttons/IconButton';
 import { RcVisuallyHidden } from '../../../../VisuallyHidden';
 import { StyledPickerTextField, StyledPopover } from '../../styles';
@@ -17,6 +17,7 @@ var popoverTransformOrigin = {
 var PICKER_DISPLAY_NAME = 'PickerTextField';
 var PickerTextField = forwardRef(function (props, ref) {
     var onClear = props.onClear, InputProps = props.InputProps, disabled = props.disabled, action = props.action, onKeyDown = props.onKeyDown, _a = props.inputProps, _b = _a === void 0 ? {} : _a, announcementText = _b.announcementText, inputProps = __rest(_b, ["announcementText"]), PopoverPropsProp = props.PopoverProps, children = props.children, ActionSymbol = props.ActionSymbol, clearBtn = props.clearBtn, clearButtonProps = props.clearButtonProps, value = props.value, rest = __rest(props, ["onClear", "InputProps", "disabled", "action", "onKeyDown", "inputProps", "PopoverProps", "children", "ActionSymbol", "clearBtn", "clearButtonProps", "value"]);
+    var focusInside = useFocusInside();
     var idForInput = useRef(uniqueId(PICKER_DISPLAY_NAME + "-")).current;
     var _c = __read(useState(null), 2), anchorEl = _c[0], setAnchorEl = _c[1];
     var idForHelperText = idForInput + "-helper-text";
@@ -89,7 +90,10 @@ var PickerTextField = forwardRef(function (props, ref) {
     }); }, [onPickerViewClose]);
     return (React.createElement(React.Fragment, null,
         React.createElement(StyledPickerTextField, __assign({ id: idForInput, ref: ref, InputProps: _InputProps, FormHelperTextProps: _FormHelperTextProps, focused: popoverOpen ? true : undefined, disabled: disabled, clearBtn: clearBtn, value: value }, rest)),
-        React.createElement(StyledPopover, __assign({ open: popoverOpen, anchorEl: anchorEl, onClose: onPickerViewClose, anchorOrigin: popoverAnchorOrigin, transformOrigin: popoverTransformOrigin }, PopoverProps), children),
+        React.createElement(StyledPopover, __assign({ open: popoverOpen, anchorEl: anchorEl, onClose: onPickerViewClose, anchorOrigin: popoverAnchorOrigin, transformOrigin: popoverTransformOrigin }, PopoverProps),
+            focusInside.start,
+            children,
+            focusInside.end),
         React.createElement(RcVisuallyHidden, { id: idForInstruction }, announcementText)));
 });
 PickerTextField.displayName = PICKER_DISPLAY_NAME;

package/es6/foundation/hooks/index.js

@@ -7,6 +7,7 @@ export * from './useDebounce';
 export * from './useEventCallback';
 export * from './useEventListener';
 export * from './useEver';
+export * from './useFocusInside';
 export * from './useForceUpdate';
 export * from './useForkRef';
 export * from './useGlobalListener';

package/es6/foundation/hooks/useFocusInside/index.js

@@ -0,0 +1 @@
+export * from './useFocusInside';

package/es6/foundation/hooks/useFocusInside/useFocusInside.js

@@ -0,0 +1,56 @@
+import { __assign, __makeTemplateObject } from "tslib";
+import styled from '../../styled-components';
+import React, { useMemo } from 'react';
+import { logInDev } from '../../utils';
+var FOCUSABLE_QUERY = '[data-focusable="true"]';
+/**
+ * non size for just render hidden element
+ */
+export var RcFocusInside = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 0;\n  height: 0;\n"], ["\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 0;\n  height: 0;\n"])));
+/**
+ * focus always inside the container which `[data-focusable="true"]`
+ */
+export var useFocusInside = function (options) {
+    if (options === void 0) { options = {}; }
+    var containerRef = options.containerRef, _a = options.selector, selector = _a === void 0 ? FOCUSABLE_QUERY : _a;
+    return useMemo(function () {
+        var start = (React.createElement(RcFocusInside, __assign({ tabIndex: 0 }, (process.env.NODE_ENV !== 'production'
+            ? { 'data-test-automation-id': 'focus-inside-start' }
+            : undefined), { onFocus: function (e) {
+                var container = (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || e.target.parentElement;
+                var nodes = container === null || container === void 0 ? void 0 : container.querySelectorAll(selector);
+                if (nodes) {
+                    var last = nodes[nodes.length - 1];
+                    last.focus();
+                }
+                else if (process.env.NODE_ENV !== 'production') {
+                    logInDev({
+                        component: 'useFocusInside',
+                        message: 'Not found any [data-focusable="true"] element in container, please check your containerRef',
+                        level: 'warn',
+                    });
+                }
+            } })));
+        var end = (React.createElement(RcFocusInside, __assign({ tabIndex: 0 }, (process.env.NODE_ENV !== 'production'
+            ? { 'data-test-automation-id': 'focus-inside-end' }
+            : undefined), { onFocus: function (e) {
+                var container = (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || e.target.parentElement;
+                var node = container === null || container === void 0 ? void 0 : container.querySelector(selector);
+                if (node) {
+                    node === null || node === void 0 ? void 0 : node.focus();
+                }
+                else if (process.env.NODE_ENV !== 'production') {
+                    logInDev({
+                        component: 'useFocusInside',
+                        message: 'Not found any [data-focusable="true"] element in container, please check your containerRef',
+                        level: 'warn',
+                    });
+                }
+            } })));
+        return {
+            start: start,
+            end: end,
+        };
+    }, [containerRef, selector]);
+};
+var templateObject_1;

package/foundation/hooks/index.d.ts

@@ -7,6 +7,7 @@ export * from './useDebounce';
 export * from './useEventCallback';
 export * from './useEventListener';
 export * from './useEver';
+export * from './useFocusInside';
 export * from './useForceUpdate';
 export * from './useForkRef';
 export * from './useGlobalListener';

package/foundation/hooks/index.js

@@ -10,6 +10,7 @@ tslib_1.__exportStar(require("./useDebounce"), exports);
 tslib_1.__exportStar(require("./useEventCallback"), exports);
 tslib_1.__exportStar(require("./useEventListener"), exports);
 tslib_1.__exportStar(require("./useEver"), exports);
+tslib_1.__exportStar(require("./useFocusInside"), exports);
 tslib_1.__exportStar(require("./useForceUpdate"), exports);
 tslib_1.__exportStar(require("./useForkRef"), exports);
 tslib_1.__exportStar(require("./useGlobalListener"), exports);

package/foundation/hooks/useFocusInside/index.d.ts

@@ -0,0 +1 @@
+export * from './useFocusInside';

package/foundation/hooks/useFocusInside/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useFocusInside"), exports);

package/foundation/hooks/useFocusInside/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../es6/foundation/hooks/useFocusInside/index.js",
+  "typings": "./index.d.ts"
+}

package/foundation/hooks/useFocusInside/useFocusInside.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * non size for just render hidden element
+ */
+export declare const RcFocusInside: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("../..").RcTheme, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare type useFocusInsideParams = {
+    /**
+     * the container that should move focus inside witch `[data-focusable="true"]`
+     *
+     * @default host element's parent
+     */
+    containerRef?: React.RefObject<HTMLElement>;
+    /**
+     * the custom selector for focusable element
+     *
+     * @default '[data-focusable="true"]'
+     */
+    selector?: string;
+};
+/**
+ * focus always inside the container which `[data-focusable="true"]`
+ */
+export declare const useFocusInside: (options?: useFocusInsideParams) => {
+    start: JSX.Element;
+    end: JSX.Element;
+};

package/foundation/hooks/useFocusInside/useFocusInside.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var styled_components_1 = tslib_1.__importDefault(require("../../styled-components"));
+var react_1 = tslib_1.__importStar(require("react"));
+var utils_1 = require("../../utils");
+var FOCUSABLE_QUERY = '[data-focusable="true"]';
+/**
+ * non size for just render hidden element
+ */
+exports.RcFocusInside = styled_components_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 0;\n  height: 0;\n"], ["\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 0;\n  height: 0;\n"])));
+/**
+ * focus always inside the container which `[data-focusable="true"]`
+ */
+exports.useFocusInside = function (options) {
+    if (options === void 0) { options = {}; }
+    var containerRef = options.containerRef, _a = options.selector, selector = _a === void 0 ? FOCUSABLE_QUERY : _a;
+    return react_1.useMemo(function () {
+        var start = (react_1.default.createElement(exports.RcFocusInside, tslib_1.__assign({ tabIndex: 0 }, (process.env.NODE_ENV !== 'production'
+            ? { 'data-test-automation-id': 'focus-inside-start' }
+            : undefined), { onFocus: function (e) {
+                var container = (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || e.target.parentElement;
+                var nodes = container === null || container === void 0 ? void 0 : container.querySelectorAll(selector);
+                if (nodes) {
+                    var last = nodes[nodes.length - 1];
+                    last.focus();
+                }
+                else if (process.env.NODE_ENV !== 'production') {
+                    utils_1.logInDev({
+                        component: 'useFocusInside',
+                        message: 'Not found any [data-focusable="true"] element in container, please check your containerRef',
+                        level: 'warn',
+                    });
+                }
+            } })));
+        var end = (react_1.default.createElement(exports.RcFocusInside, tslib_1.__assign({ tabIndex: 0 }, (process.env.NODE_ENV !== 'production'
+            ? { 'data-test-automation-id': 'focus-inside-end' }
+            : undefined), { onFocus: function (e) {
+                var container = (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || e.target.parentElement;
+                var node = container === null || container === void 0 ? void 0 : container.querySelector(selector);
+                if (node) {
+                    node === null || node === void 0 ? void 0 : node.focus();
+                }
+                else if (process.env.NODE_ENV !== 'production') {
+                    utils_1.logInDev({
+                        component: 'useFocusInside',
+                        message: 'Not found any [data-focusable="true"] element in container, please check your containerRef',
+                        level: 'warn',
+                    });
+                }
+            } })));
+        return {
+            start: start,
+            end: end,
+        };
+    }, [containerRef, selector]);
+};
+var templateObject_1;

package/foundation/hooks/useKeyboardMoveFocus/useOnlyOneFocusable.d.ts

@@ -14,5 +14,5 @@ export declare const useOnlyOneFocusable: ({ focusedIndexRef, containerRef, }: U
     moveFocusedId: string;
     focusIndex: (toIndex: number) => void;
     setIndexTabIndex: (toIndex: number) => void;
-    getItemProps: (index: number, options?: Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> | undefined) => Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">;
+    getItemProps: (index: number, options?: Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> | undefined) => Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">;
 };

package/package.json

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