@ringcentral/juno 1.12.1-beta.5746-a8a4867a → 1.12.3

package/es6/components/Menu/SubMenu/SubMenu.js

@@ -178,7 +178,7 @@ var _RcSubMenu = forwardRef(function (inProps, ref) {
             title,
             React.createElement(StyledListItemSecondaryAction, null,
                 React.createElement(RcIcon, { size: "medium", color: "neutral.f04", symbol: ArrowRight }))),
-        React.createElement(RcPopper, __assign({ role: "menu", id: popperId, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body }, restPopperProps, { ref: popperRef, open: open, anchorEl: anchorEl, transition: true, placement: "right-start", modifiers: modifiers, onKeyDown: handlePopperKeyDown, onMouseLeave: handlePopperMouseLeave }), function (_a) {
+        React.createElement(RcPopper, __assign({ role: "menu", id: popperId, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body, placement: "right-start" }, restPopperProps, { ref: popperRef, open: open, anchorEl: anchorEl, transition: true, modifiers: modifiers, onKeyDown: handlePopperKeyDown, onMouseLeave: handlePopperMouseLeave }), function (_a) {
             var TransitionProps = _a.TransitionProps;
             return (React.createElement(StyledGrow, __assign({}, TransitionProps, { timeout: "auto" }),
                 React.createElement(RcPaper, null,

package/es6/components/PopupBox/PopupBox.js

@@ -1,6 +1,6 @@
 import { __assign, __makeTemplateObject, __rest } from "tslib";
-import React, { forwardRef, useMemo } from 'react';
-import { combineProps, styled, useThemeProps, } from '../../foundation';
+import React, { forwardRef } from 'react';
+import { styled, useEventCallback, useThemeProps, } from '../../foundation';
 import { RcButton } from '../Buttons/Button';
 import { RcDialog, RcDialogActions, RcDialogContent, RcDialogContentText, RcDialogTitle, } from '../Dialog';
 import { RcLoading } from '../Loading';
@@ -10,10 +10,18 @@ var _RcPopupBox = forwardRef(function (inProps, ref) {
     // ok btn
     confirmButtonText = props.confirmButtonText, confirmButtonProps = props.confirmButtonProps, onConfirm = props.onConfirm, 
     // cancel btn
-    cancelButtonText = props.cancelButtonText, cancelButtonProps = props.cancelButtonProps, onCancel = props.onCancel, TitleProps = props.TitleProps, ContentProps = props.ContentProps, ActionsProps = props.ActionsProps, children = props.children, onClose = props.onClose, open = props.open, rest = __rest(props, ["childrenSize", "title", "footer", "loadingOverlay", "loading", "confirmButtonText", "confirmButtonProps", "onConfirm", "cancelButtonText", "cancelButtonProps", "onCancel", "TitleProps", "ContentProps", "ActionsProps", "children", "onClose", "open"]);
+    cancelButtonText = props.cancelButtonText, cancelButtonProps = props.cancelButtonProps, onCancel = props.onCancel, TitleProps = props.TitleProps, ContentProps = props.ContentProps, disableBackdropClickProp = props.disableBackdropClick, ActionsProps = props.ActionsProps, children = props.children, onClose = props.onClose, open = props.open, rest = __rest(props, ["childrenSize", "title", "footer", "loadingOverlay", "loading", "confirmButtonText", "confirmButtonProps", "onConfirm", "cancelButtonText", "cancelButtonProps", "onCancel", "TitleProps", "ContentProps", "disableBackdropClick", "ActionsProps", "children", "onClose", "open"]);
     var isXsmall = childrenSize === 'small';
-    var handleClose = useMemo(function () { return combineProps({ onClose: onCancel }, { onClose: onClose }); }, [onCancel, onClose]).onClose;
-    return (React.createElement(RcDialog, __assign({ ref: ref, childrenSize: childrenSize, disableEscapeKeyDown: loading || loadingOverlay, disableBackdropClick: loading || loadingOverlay, onClose: handleClose, open: open }, rest),
+    var isLoading = loading || loadingOverlay;
+    var disableBackdropClick = disableBackdropClickProp !== null && disableBackdropClickProp !== void 0 ? disableBackdropClickProp : isLoading;
+    var handleClose = useEventCallback(function (e, reason) {
+        if (reason === 'backdropClick' && disableBackdropClick) {
+            return;
+        }
+        onClose === null || onClose === void 0 ? void 0 : onClose(e, reason);
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel(e, reason);
+    });
+    return (React.createElement(RcDialog, __assign({ ref: ref, childrenSize: childrenSize, disableEscapeKeyDown: isLoading, onClose: handleClose, open: open }, rest),
         React.createElement(RcLoading, { loading: loadingOverlay },
             React.createElement(RcDialogTitle, __assign({ "data-test-automation-id": 'DialogTitle' }, TitleProps), title),
             React.createElement(RcDialogContent, __assign({ "data-test-automation-id": 'DialogContent' }, ContentProps), typeof children === 'string' ? (React.createElement(RcDialogContentText, null, children)) : (children)),

package/es6/components/PortalHost/PortalManager/PortalManager.js

@@ -148,7 +148,7 @@ var PortalManager = /** @class */ (function (_super) {
     /**
      * update props by id, equal 'portalController.updateProps(newProps)'
      */
-    PortalManager.prototype.updatePropsByID = function (id, props) {
+    PortalManager.prototype.updatePropsByID = function (id, propsOrHandler) {
         var portal = this.portalStore.get(id);
         if (!(portal === null || portal === void 0 ? void 0 : portal.open)) {
             logInDev({
@@ -157,6 +157,12 @@ var PortalManager = /** @class */ (function (_super) {
             });
             return;
         }
+        var props = (function () {
+            if (typeof propsOrHandler === 'function') {
+                return propsOrHandler(portal.props);
+            }
+            return propsOrHandler;
+        })();
         this.portalStore.addOrUpdate(__assign(__assign({}, portal), { props: props }));
     };
     PortalManager.prototype.onConnected = function () {
@@ -187,8 +193,8 @@ var PortalManager = /** @class */ (function (_super) {
             close: function (feedback) {
                 _this.closeByID(id, feedback);
             },
-            updateProps: function (newProps) {
-                _this.updatePropsByID(id, newProps);
+            updateProps: function (propsOrHandler) {
+                _this.updatePropsByID(id, propsOrHandler);
             },
             data: data,
             get isOpened() {

package/es6/components/Snackbar/Snackbar.js

@@ -2,7 +2,7 @@ import { __assign, __makeTemplateObject, __rest } from "tslib";
 import React, { forwardRef, useMemo } from 'react';
 import Slide from '@material-ui/core/Slide';
 import MuiSnackbar from '@material-ui/core/Snackbar';
-import { combineClasses, combineProps, styled, useThemeProps, } from '../../foundation';
+import { combineClasses, styled, useThemeProps, } from '../../foundation';
 import { useUnmountPortalHandler } from '../PortalHost';
 import { RcSnackbarContent } from './SnackbarContent';
 import { SnackbarStyle } from './styles';
@@ -12,7 +12,7 @@ var _RcSnackbar = forwardRef(function (inProps, ref) {
     var classesProp = props.classes, size = props.size, type = props.type, message = props.message, action = props.action, ContentProps = props.ContentProps, children = props.children, TransitionPropsProp = props.TransitionProps, rest = __rest(props, ["classes", "size", "type", "message", "action", "ContentProps", "children", "TransitionProps"]);
     var classes = useMemo(function () { return combineClasses(RcSnackbarClasses, classesProp); }, [classesProp]);
     var onExited = useUnmountPortalHandler(TransitionPropsProp === null || TransitionPropsProp === void 0 ? void 0 : TransitionPropsProp.onExited);
-    var TransitionProps = useMemo(function () { return combineProps({ onExited: onExited }, TransitionPropsProp); }, [TransitionPropsProp, onExited]);
+    var TransitionProps = __assign(__assign({}, TransitionPropsProp), { onExited: onExited });
     return (React.createElement(MuiSnackbar, __assign({ ref: ref, classes: classes, TransitionProps: TransitionProps }, rest), children || (React.createElement(RcSnackbarContent, __assign({ size: size, type: type, message: message, action: action }, ContentProps)))));
 });
 var RcSnackbar = styled(_RcSnackbar)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), SnackbarStyle);

package/es6/foundation/hooks/index.js

@@ -9,6 +9,7 @@ export * from './useForceUpdate';
 export * from './useForkRef';
 export * from './useHiddenTabindex';
 export * from './useId';
+export * from './useInterval';
 export * from './useKeyDownOnce';
 export * from './useKeyboardMoveFocus';
 export * from './useLongPress';

package/es6/foundation/hooks/useAnnouncer/useAnnouncer.js

@@ -3,6 +3,13 @@ import { useId } from '../useId';
 export var visuallyHiddenStyles = "\n  clip-path: inset(100%);\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n";
 /**
  * read announce when need read message.
+ *
+ * @example
+ * ```ts
+ *   const announce = useAnnouncer('simpleId');
+ *
+ *   announce(`You click "Announce" button`);
+ * ```
  */
 export var useAnnouncer = function (id) {
     var _id = useId(id ? "rc-announcer-" + id : 'rc-announcer', !id);

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

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

package/es6/foundation/hooks/useInterval/useInterval.js

@@ -0,0 +1,86 @@
+import { useEffect, useRef, useCallback } from 'react';
+import { useEventCallback } from '../useEventCallback';
+/**
+ * controllable interval, provide easy way to control interval
+ *
+ * - cancel: cancel current interval
+ * - pause: pause current interval
+ * - play: play current interval
+ * - getRunning: return current interval running state
+ *
+ *  @example
+ * ```ts
+ * const { cancel, play, pause } = useInterval(() => {
+ *    console.log('interval be triggered');
+ * }, 1000)
+ *
+ * // get current run times
+ * useInterval((times) => {
+ *    console.log('current times start from 1', times);
+ * }, 2000)
+ *
+ * // not start interval immediately
+ * useInterval((times) => {
+ *    console.log('current times start from 1', times);
+ * }, 2000, false)
+ * ```
+ */
+export var useInterval = function (
+/** callback with times, times start from 1 */
+callback, 
+/** what delay time of that interval */
+delay, 
+/** is that start interval immediately */
+startImmediately) {
+    if (delay === void 0) { delay = 0; }
+    if (startImmediately === void 0) { startImmediately = true; }
+    var intervalRef = useRef();
+    var countRef = useRef(0);
+    var getRunning = useEventCallback(function () { return !!intervalRef.current; });
+    var savedCallback = useEventCallback(function (times) {
+        callback(times);
+    });
+    var pause = useCallback(function () {
+        if (intervalRef.current) {
+            clearInterval(intervalRef.current);
+            intervalRef.current = undefined;
+        }
+    }, []);
+    var cancel = useCallback(function () {
+        pause();
+        countRef.current = 0;
+    }, [pause]);
+    var play = useCallback(function () {
+        var isRunning = getRunning();
+        if (isRunning)
+            return;
+        intervalRef.current = window.setInterval(function () {
+            countRef.current++;
+            savedCallback(countRef.current);
+        }, delay);
+    }, [delay, getRunning, savedCallback]);
+    useEffect(function () {
+        if (startImmediately) {
+            play();
+        }
+        return function () { return cancel(); };
+    }, [cancel, play, startImmediately]);
+    return {
+        /**
+         * cancel current interval
+         */
+        cancel: cancel,
+        /**
+         * pause current interval
+         */
+        pause: pause,
+        /**
+         * play current interval
+         */
+        play: play,
+        /**
+         * return current interval running state
+         */
+        getRunning: getRunning,
+    };
+};

package/es6/foundation/hooks/useKeyboardMoveFocus/useKeyboardMoveFocus.js

@@ -56,7 +56,8 @@ export var useKeyboardMoveFocus = function (_a) {
             // * mean that item is disabled, use same direction find next
             else {
                 // * find toIndex is same as current, mean that already find all
-                if (toIndex === Math.max(focusedIndexRef.current, 0)) {
+                if (focusedIndexRef.current !== -1 &&
+                    toIndex === Math.max(focusedIndexRef.current, 0)) {
                     break;
                 }
                 currIndex = toIndex;

package/es6/icon/DefaultFile.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import DefaultFileD from './DefaultFileD';
 var DefaultFile = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/DefaultGdrive.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import DefaultGdriveD from './DefaultGdriveD';
 var DefaultGdrive = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/DefaultMusic.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import DefaultMusicD from './DefaultMusicD';
 var DefaultMusic = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/DefaultVideo.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import DefaultVideoD from './DefaultVideoD';
 var DefaultVideo = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/DeletedFile.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import DeletedFileD from './DeletedFileD';
 var DeletedFile = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/Description.js

@@ -0,0 +1,7 @@
+import { __assign } from "tslib";
+import React, { forwardRef, memo } from 'react';
+var Description = memo(forwardRef(function (props, svgRef) { return (React.createElement("svg", __assign({ viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", ref: svgRef }, props),
+    React.createElement("path", { d: "M19.25 24c.414 0 .75.448.75 1s-.336 1-.75 1H2.75c-.414 0-.75-.448-.75-1s.336-1 .75-1h16.5zm9.583-9c.644 0 1.167.448 1.167 1s-.522 1-1.167 1H3.166c-.644 0-1.167-.448-1.167-1s.522-1 1.167-1h25.667zm0-9C29.477 6 30 6.448 30 7s-.522 1-1.167 1H3.166c-.644 0-1.167-.448-1.167-1s.522-1 1.167-1h25.667z" }))); }));
+Description.displayName = 'Description';
+Description['iconName'] = 'Description';
+export default Description;

package/es6/icon/Doc.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import DocD from './DocD';
 var Doc = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/Excel.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import ExcelD from './ExcelD';
 var Excel = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/GifFile.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import GifFileD from './GifFileD';
 var GifFile = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/GoogleDoc.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import GoogleDocD from './GoogleDocD';
 var GoogleDoc = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/GoogleSheet.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import GoogleSheetD from './GoogleSheetD';
 var GoogleSheet = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/GoogleSlide.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import GoogleSlideD from './GoogleSlideD';
 var GoogleSlide = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/ImageBroken.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import ImageBrokenD from './ImageBrokenD';
 var ImageBroken = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/ImagePreview.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import ImagePreviewD from './ImagePreviewD';
 var ImagePreview = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/MacKeynote.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import MacKeynoteD from './MacKeynoteD';
 var MacKeynote = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/MacNumbers.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import MacNumbersD from './MacNumbersD';
 var MacNumbers = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/MacPages.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import MacPagesD from './MacPagesD';
 var MacPages = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/Pdf.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import PdfD from './PdfD';
 var Pdf = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/Poll.js

@@ -0,0 +1,7 @@
+import { __assign } from "tslib";
+import React, { forwardRef, memo } from 'react';
+var Poll = memo(forwardRef(function (props, svgRef) { return (React.createElement("svg", __assign({ viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", ref: svgRef }, props),
+    React.createElement("path", { d: "M25 5a2 2 0 012 2v18a2 2 0 01-2 2H7a2 2 0 01-2-2V7a2 2 0 012-2h18zm-14 8a1 1 0 00-1 1v7a1 1 0 002 0v-7a1 1 0 00-1-1zm5-3a1 1 0 00-1 1v10a1 1 0 002 0V11a1 1 0 00-1-1zm5 5a1 1 0 00-1 1v5a1 1 0 002 0v-5a1 1 0 00-1-1z" }))); }));
+Poll.displayName = 'Poll';
+Poll['iconName'] = 'poll';
+export default Poll;

package/es6/icon/PollBorder.js

@@ -0,0 +1,7 @@
+import { __assign } from "tslib";
+import React, { forwardRef, memo } from 'react';
+var PollBorder = memo(forwardRef(function (props, svgRef) { return (React.createElement("svg", __assign({ viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", ref: svgRef }, props),
+    React.createElement("path", { d: "M25 5a2 2 0 012 2v18a2 2 0 01-2 2H7a2 2 0 01-2-2V7a2 2 0 012-2h18zm-1 2H8a1 1 0 00-.993.883L7 8v16a1 1 0 00.883.993L8 25h16a1 1 0 00.993-.883L25 24V8a1 1 0 00-1-1zm-13 6a1 1 0 011 1v7a1 1 0 01-2 0v-7a1 1 0 011-1zm5-3a1 1 0 011 1v10a1 1 0 01-2 0V11a1 1 0 011-1zm5 5a1 1 0 011 1v5a1 1 0 01-2 0v-5a1 1 0 011-1z" }))); }));
+PollBorder.displayName = 'PollBorder';
+PollBorder['iconName'] = 'poll_border';
+export default PollBorder;

package/es6/icon/Ppt.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import PptD from './PptD';
 var Ppt = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/Zip.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef, memo } from 'react';
 import { useTheme } from '@material-ui/core';
+import React, { forwardRef, memo } from 'react';
 import ZipD from './ZipD';
 var Zip = memo(forwardRef(function (inProps, svgRef) {
     var theme = useTheme();

package/es6/icon/index.js

@@ -10,6 +10,7 @@ export { default as Svg8 } from './8';
 export { default as Svg9 } from './9';
 export { default as CompanySetupBorder } from './CompanySetupBorder';
 export { default as CompanySetup } from './CompanySetup';
+export { default as Description } from './Description';
 export { default as Hud } from './Hud';
 export { default as Logout } from './Logout';
 export { default as NewEmail } from './NewEmail';
@@ -280,6 +281,8 @@ export { default as PlayBorder } from './PlayBorder';
 export { default as PlayCircle } from './PlayCircle';
 export { default as PlayCircleBorder } from './PlayCircleBorder';
 export { default as Play } from './Play';
+export { default as PollBorder } from './PollBorder';
+export { default as Poll } from './Poll';
 export { default as PoorConnection } from './PoorConnection';
 export { default as PptD } from './PptD';
 export { default as Ppt } from './Ppt';

package/es6/icons/icon-Description.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<title>Description</title>
+<path d="M19.25 24c0.414 0 0.75 0.448 0.75 1s-0.336 1-0.75 1h-16.5c-0.414 0-0.75-0.448-0.75-1s0.336-1 0.75-1h16.5zM28.833 15c0.644 0 1.167 0.448 1.167 1s-0.522 1-1.167 1h-25.667c-0.644 0-1.167-0.448-1.167-1s0.522-1 1.167-1h25.667zM28.833 6c0.644 0 1.167 0.448 1.167 1s-0.522 1-1.167 1h-25.667c-0.644 0-1.167-0.448-1.167-1s0.522-1 1.167-1h25.667z"></path>
+</svg>

package/es6/icons/icon-poll.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<title>poll</title>
+<path d="M25 5c1.105 0 2 0.895 2 2v18c0 1.105-0.895 2-2 2h-18c-1.105 0-2-0.895-2-2v-18c0-1.105 0.895-2 2-2h18zM11 13c-0.552 0-1 0.448-1 1v0 7c0 0.552 0.448 1 1 1s1-0.448 1-1v0-7c0-0.552-0.448-1-1-1zM16 10c-0.552 0-1 0.448-1 1v0 10c0 0.552 0.448 1 1 1s1-0.448 1-1v0-10c0-0.552-0.448-1-1-1zM21 15c-0.552 0-1 0.448-1 1v0 5c0 0.552 0.448 1 1 1s1-0.448 1-1v0-5c0-0.552-0.448-1-1-1z"></path>
+</svg>

package/es6/icons/icon-poll_border.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<title>poll_border</title>
+<path d="M25 5c1.105 0 2 0.895 2 2v18c0 1.105-0.895 2-2 2h-18c-1.105 0-2-0.895-2-2v-18c0-1.105 0.895-2 2-2h18zM24 7h-16c-0.513 0-0.936 0.386-0.993 0.883l-0.007 0.117v16c0 0.513 0.386 0.936 0.883 0.993l0.117 0.007h16c0.513 0 0.936-0.386 0.993-0.883l0.007-0.117v-16c0-0.552-0.448-1-1-1zM11 13c0.552 0 1 0.448 1 1v7c0 0.552-0.448 1-1 1s-1-0.448-1-1v-7c0-0.552 0.448-1 1-1zM16 10c0.552 0 1 0.448 1 1v10c0 0.552-0.448 1-1 1s-1-0.448-1-1v-10c0-0.552 0.448-1 1-1zM21 15c0.552 0 1 0.448 1 1v5c0 0.552-0.448 1-1 1s-1-0.448-1-1v-5c0-0.552 0.448-1 1-1z"></path>
+</svg>

package/foundation/hooks/index.d.ts

@@ -9,6 +9,7 @@ export * from './useForceUpdate';
 export * from './useForkRef';
 export * from './useHiddenTabindex';
 export * from './useId';
+export * from './useInterval';
 export * from './useKeyDownOnce';
 export * from './useKeyboardMoveFocus';
 export * from './useLongPress';

package/foundation/hooks/index.js

@@ -12,6 +12,7 @@ tslib_1.__exportStar(require("./useForceUpdate"), exports);
 tslib_1.__exportStar(require("./useForkRef"), exports);
 tslib_1.__exportStar(require("./useHiddenTabindex"), exports);
 tslib_1.__exportStar(require("./useId"), exports);
+tslib_1.__exportStar(require("./useInterval"), exports);
 tslib_1.__exportStar(require("./useKeyDownOnce"), exports);
 tslib_1.__exportStar(require("./useKeyboardMoveFocus"), exports);
 tslib_1.__exportStar(require("./useLongPress"), exports);

package/foundation/hooks/useAnnouncer/useAnnouncer.d.ts

@@ -1,5 +1,12 @@
 export declare const visuallyHiddenStyles = "\n  clip-path: inset(100%);\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n";
 /**
  * read announce when need read message.
+ *
+ * @example
+ * ```ts
+ *   const announce = useAnnouncer('simpleId');
+ *
+ *   announce(`You click "Announce" button`);
+ * ```
  */
 export declare const useAnnouncer: (id?: string | undefined) => (message?: string | undefined) => void;

package/foundation/hooks/useAnnouncer/useAnnouncer.js

@@ -5,6 +5,13 @@ var useId_1 = require("../useId");
 exports.visuallyHiddenStyles = "\n  clip-path: inset(100%);\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n";
 /**
  * read announce when need read message.
+ *
+ * @example
+ * ```ts
+ *   const announce = useAnnouncer('simpleId');
+ *
+ *   announce(`You click "Announce" button`);
+ * ```
  */
 exports.useAnnouncer = function (id) {
     var _id = useId_1.useId(id ? "rc-announcer-" + id : 'rc-announcer', !id);

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

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

package/foundation/hooks/useInterval/index.js

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

package/foundation/hooks/useInterval/useInterval.d.ts

@@ -0,0 +1,43 @@
+/**
+ * controllable interval, provide easy way to control interval
+ *
+ * - cancel: cancel current interval
+ * - pause: pause current interval
+ * - play: play current interval
+ * - getRunning: return current interval running state
+ *
+ *  @example
+ * ```ts
+ * const { cancel, play, pause } = useInterval(() => {
+ *    console.log('interval be triggered');
+ * }, 1000)
+ *
+ * // get current run times
+ * useInterval((times) => {
+ *    console.log('current times start from 1', times);
+ * }, 2000)
+ *
+ * // not start interval immediately
+ * useInterval((times) => {
+ *    console.log('current times start from 1', times);
+ * }, 2000, false)
+ * ```
+ */
+export declare const useInterval: (callback: (times: number) => void, delay?: number, startImmediately?: boolean) => {
+    /**
+     * cancel current interval
+     */
+    cancel: () => void;
+    /**
+     * pause current interval
+     */
+    pause: () => void;
+    /**
+     * play current interval
+     */
+    play: () => void;
+    /**
+     * return current interval running state
+     */
+    getRunning: () => boolean;
+};