@ringcentral/juno 2.46.0 → 3.0.0-alpha.0

package/foundation/hooks/useLongPress/useLongPress.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLongPress = exports.isTouchEvent = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var useA11yKeyEvent_1 = require("../useA11yKeyEvent");
@@ -8,9 +9,10 @@ var useEventCallback_1 = require("../useEventCallback");
 var useEventListener_1 = require("../useEventListener");
 var useGlobalListener_1 = require("../useGlobalListener");
 var useTouchMouseEvent_1 = require("../useTouchMouseEvent");
-exports.isTouchEvent = function (ev) {
+var isTouchEvent = function (ev) {
     return 'touches' in ev;
 };
+exports.isTouchEvent = isTouchEvent;
 /**
  * Provide longPress helper, both `click`/`tab`/`keydown` will trigger event
  *
@@ -19,15 +21,15 @@ exports.isTouchEvent = function (ev) {
  *
  * @default UseLongPressOptions { delay = 300 }
  */
-exports.useLongPress = function (_a, _b, _c) {
+var useLongPress = function (_a, _b, _c) {
     var onTap = _a.onTap, onPress = _a.onPress;
     var _d = _b === void 0 ? {} : _b, onTouchStartArg = _d.onTouchStart, onTouchEndArg = _d.onTouchEnd, onMouseDown = _d.onMouseDown, onKeyDown = _d.onKeyDown, onKeyUp = _d.onKeyUp, onMouseUpArg = _d.onMouseUp;
     var _e = _c === void 0 ? {} : _c, _f = _e.isPreventDefault, isPreventDefault = _f === void 0 ? true : _f, _g = _e.delay, delay = _g === void 0 ? 300 : _g, _h = _e.externalWindow, externalWindow = _h === void 0 ? window : _h;
-    var isEmittedRef = react_1.useRef(false);
-    var isA11yDownRef = react_1.useRef(false);
-    var actionRef = react_1.useRef(null);
-    var reasonRef = react_1.useRef('click');
-    var emitLongPress = useDebounce_1.useDebounce(function (e) {
+    var isEmittedRef = (0, react_1.useRef)(false);
+    var isA11yDownRef = (0, react_1.useRef)(false);
+    var actionRef = (0, react_1.useRef)(null);
+    var reasonRef = (0, react_1.useRef)('click');
+    var emitLongPress = (0, useDebounce_1.useDebounce)(function (e) {
         // * only when have onPress set have emit
         if (onPress) {
             onPress(e, reasonRef.current);
@@ -53,7 +55,7 @@ exports.useLongPress = function (_a, _b, _c) {
         }
         emitLongPress(e);
     };
-    var _j = useTouchMouseEvent_1.useTouchMouseEvent({
+    var _j = (0, useTouchMouseEvent_1.useTouchMouseEvent)({
         onTouchStart: function (e) {
             // prevent long touch leave element focus
             if (isPreventDefault) {
@@ -87,18 +89,18 @@ exports.useLongPress = function (_a, _b, _c) {
         },
     }, { actionRef: actionRef }), onMouseUp = _j.onMouseUp, onTouchEnd = _j.onTouchEnd, onTouchStart = _j.onTouchStart, events = tslib_1.__rest(_j, ["onMouseUp", "onTouchEnd", "onTouchStart"]);
     // use event listener for make event `passive` work in safari
-    useEventListener_1.useEventListener(actionRef, 'touchstart', onTouchStart, {
+    (0, useEventListener_1.useEventListener)(actionRef, 'touchstart', onTouchStart, {
         passive: false,
     });
     // use event listener for make event `passive` work in safari
-    useEventListener_1.useEventListener(actionRef, 'touchend', onTouchEnd, {
+    (0, useEventListener_1.useEventListener)(actionRef, 'touchend', onTouchEnd, {
         passive: false,
     });
-    var globalMouseUpListener = useGlobalListener_1.useGlobalListener('mouseup', onMouseUp, {
+    var globalMouseUpListener = (0, useGlobalListener_1.useGlobalListener)('mouseup', onMouseUp, {
         target: externalWindow,
         startImmediately: false,
     });
-    var handleDeleteKeyDown = useA11yKeyEvent_1.useA11yKeyEvent(function (e) {
+    var handleDeleteKeyDown = (0, useA11yKeyEvent_1.useA11yKeyEvent)(function (e) {
         reasonRef.current = 'keyboard';
         // * keydown when hold will trigger many time, show when current is a11y down, not trigger again
         if (!isA11yDownRef.current) {
@@ -106,11 +108,11 @@ exports.useLongPress = function (_a, _b, _c) {
         }
         isA11yDownRef.current = true;
     });
-    var handleKeyDown = useEventCallback_1.useEventCallback(function (e) {
+    var handleKeyDown = (0, useEventCallback_1.useEventCallback)(function (e) {
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
         handleDeleteKeyDown(e);
     });
-    var handleKeyUp = useEventCallback_1.useEventCallback(function (e) {
+    var handleKeyUp = (0, useEventCallback_1.useEventCallback)(function (e) {
         onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(e);
         if (isA11yDownRef.current)
             end(e, true);
@@ -118,3 +120,4 @@ exports.useLongPress = function (_a, _b, _c) {
     });
     return tslib_1.__assign({ ref: actionRef, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }, events);
 };
+exports.useLongPress = useLongPress;

package/foundation/hooks/useMountState/useMountState.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
 /**
  * get that component mounted state `ref`
  *

package/foundation/hooks/useMountState/useMountState.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMountState = void 0;
 var react_1 = require("react");
 /**
  * get that component mounted state `ref`
@@ -15,9 +16,9 @@ var react_1 = require("react");
  *
  * ```
  */
-exports.useMountState = function () {
-    var isMountedRef = react_1.useRef(false);
-    react_1.useEffect(function () {
+var useMountState = function () {
+    var isMountedRef = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(function () {
         isMountedRef.current = true;
         return function () {
             isMountedRef.current = false;
@@ -25,3 +26,4 @@ exports.useMountState = function () {
     }, []);
     return isMountedRef;
 };
+exports.useMountState = useMountState;

package/foundation/hooks/useOnReRender/useOnReRender.d.ts

@@ -2,4 +2,4 @@ import { DependencyList } from 'react';
 /**
  * only trigger when re-render, not trigger on component first render
  */
-export declare const useOnReRender: (cb: () => any, deps?: DependencyList | undefined, isLayout?: boolean) => void;
+export declare const useOnReRender: (cb: () => any, deps?: DependencyList, isLayout?: boolean) => void;

package/foundation/hooks/useOnReRender/useOnReRender.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnReRender = void 0;
 var react_1 = require("react");
 var useEventCallback_1 = require("../useEventCallback");
 /**
  * only trigger when re-render, not trigger on component first render
  */
-exports.useOnReRender = function (cb, deps, isLayout) {
+var useOnReRender = function (cb, deps, isLayout) {
     if (isLayout === void 0) { isLayout = true; }
-    var count = react_1.useRef(0);
-    var method = useEventCallback_1.useEventCallback(cb);
-    var isLayoutRef = react_1.useRef(isLayout);
+    var count = (0, react_1.useRef)(0);
+    var method = (0, useEventCallback_1.useEventCallback)(cb);
+    var isLayoutRef = (0, react_1.useRef)(isLayout);
     var useTargetEffect = isLayoutRef.current ? react_1.useLayoutEffect : react_1.useEffect;
     useTargetEffect(function () {
         if (count.current === 0) {
@@ -21,3 +22,4 @@ exports.useOnReRender = function (cb, deps, isLayout) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 };
+exports.useOnReRender = useOnReRender;

package/foundation/hooks/useOverflow/useOverflow.d.ts

@@ -3,7 +3,7 @@ import { PerformanceOptions } from '../useResizeObserver';
 /**
  * trigger when overflow state change
  */
-export declare const useOverflow: (target: RefOrElementOrCallback<HTMLElement>, cb: (state: boolean, value: {
+export declare const useOverflow: (target: RefOrElementOrCallback, cb: (state: boolean, value: {
     scrollWidth: number;
     clientWidth: number;
     scrollHeight: number;

package/foundation/hooks/useOverflow/useOverflow.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOverflow = void 0;
 var react_1 = require("react");
 var utils_1 = require("../../utils");
 var useResizeObserver_1 = require("../useResizeObserver");
 /**
  * trigger when overflow state change
  */
-exports.useOverflow = function (
+var useOverflow = function (
 /** target element ref */
 target, 
 /** trigger when `ResizeObserver` emit */
@@ -22,9 +23,9 @@ performance) {
         time: 200,
     }; }
     // * not have default value for that can trigger change first time.
-    var showRef = react_1.useRef();
-    return useResizeObserver_1.useResizeObserver(target, function () {
-        var element = utils_1.getRefElement(target);
+    var showRef = (0, react_1.useRef)();
+    return (0, useResizeObserver_1.useResizeObserver)(target, function () {
+        var element = (0, utils_1.getRefElement)(target);
         if (!element)
             return;
         var scrollWidth = element.scrollWidth, clientWidth = element.clientWidth, scrollHeight = element.scrollHeight, clientHeight = element.clientHeight;
@@ -41,3 +42,4 @@ performance) {
         });
     }, performance);
 };
+exports.useOverflow = useOverflow;

package/foundation/hooks/usePrevious/usePrevious.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrevious = void 0;
 var react_1 = require("react");
 /**
  * get previous render value
@@ -8,8 +9,8 @@ var react_1 = require("react");
  * @returns previous value get from `cb`
  */
 function usePrevious(cb, isDefault) {
-    var ref = react_1.useRef(isDefault ? cb() : undefined);
-    react_1.useEffect(function () {
+    var ref = (0, react_1.useRef)(isDefault ? cb() : undefined);
+    (0, react_1.useEffect)(function () {
         ref.current = cb();
     });
     return ref.current;

package/foundation/hooks/useRefState/useRefState.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
 /**
  * Returns a stateful like state with Ref, and a function to update it current value.
  * can trigger update value without re-render
@@ -19,4 +18,4 @@
  * }
  * ```
  */
-export declare const useRefState: <T>(value: T, customUpdate?: (() => void) | undefined) => readonly [import("react").MutableRefObject<T>, (toValue: T, isUpdate?: boolean) => void];
+export declare const useRefState: <T>(value: T, customUpdate?: () => void) => readonly [import("react").MutableRefObject<T>, (toValue: T, isUpdate?: boolean) => void];

package/foundation/hooks/useRefState/useRefState.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefState = void 0;
 var react_1 = require("react");
 var useEventCallback_1 = require("../useEventCallback");
 var useForceUpdate_1 = require("../useForceUpdate");
@@ -22,14 +23,14 @@ var useForceUpdate_1 = require("../useForceUpdate");
  * }
  * ```
  */
-exports.useRefState = function (value, customUpdate) {
+var useRefState = function (value, customUpdate) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    var forceUpdate = customUpdate !== null && customUpdate !== void 0 ? customUpdate : useForceUpdate_1.useForceUpdate();
-    var innerValueRef = react_1.useRef(value);
+    var forceUpdate = customUpdate !== null && customUpdate !== void 0 ? customUpdate : (0, useForceUpdate_1.useForceUpdate)();
+    var innerValueRef = (0, react_1.useRef)(value);
     /**
      * update ref value, set isUpdate to `false` will not trigger re-render
      */
-    var setInnerValue = useEventCallback_1.useEventCallback(function (toValue, 
+    var setInnerValue = (0, useEventCallback_1.useEventCallback)(function (toValue, 
     /**
      * is re-render
      * @default true
@@ -43,3 +44,4 @@ exports.useRefState = function (value, customUpdate) {
     });
     return [innerValueRef, setInnerValue];
 };
+exports.useRefState = useRefState;

package/foundation/hooks/useResizeObserver/useResizeObserver.d.ts

@@ -1,5 +1,5 @@
 import { RefOrElementOrCallback } from '../../utils';
-export declare type PerformanceOptions = {
+export type PerformanceOptions = {
     /**
      * mode that improve performance, default is debounce
      *

package/foundation/hooks/useResizeObserver/useResizeObserver.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = exports.getResizeObserver = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
@@ -13,12 +14,12 @@ var useResultRef_1 = require("../useResultRef");
  * @param callback ResizeObserverCallback
  * @param externalWindow options that external window
  */
-exports.getResizeObserver = function (callback, externalWindow) {
+var getResizeObserver = function (callback, externalWindow) {
     if (externalWindow) {
         if ((externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow['ResizeObserver']) === undefined) {
             if (process.env.NODE_ENV !== 'production') {
                 var message = "window.ResizeObserver is not a constructor,\n    should load polyfill script from 'foundation/polyfill/resize-observer-polyfill/ResizeObserver.global.js' or other CDN polyfill on render window.";
-                utils_1.logInDev({
+                (0, utils_1.logInDev)({
                     component: 'useResizeObserver',
                     level: 'error',
                     message: message,
@@ -31,6 +32,7 @@ exports.getResizeObserver = function (callback, externalWindow) {
     }
     return new resize_observer_polyfill_1.default(callback);
 };
+exports.getResizeObserver = getResizeObserver;
 /**
  * get resize event with auto disconnect when layout destroy.
  * bring with debounce for event not too many
@@ -38,7 +40,7 @@ exports.getResizeObserver = function (callback, externalWindow) {
  * @param callback callback when element resize
  * @param performance options that improve performance
  */
-exports.useResizeObserver = function (
+var useResizeObserver = function (
 /** target element ref */
 target, 
 /** trigger when `ResizeObserver` emit */
@@ -47,8 +49,8 @@ callback,
 performance) {
     if (performance === void 0) { performance = {}; }
     var _a = performance.mode, mode = _a === void 0 ? 'debounce' : _a, _b = performance.time, performanceTime = _b === void 0 ? 200 : _b, ignoreFireWhenObserve = performance.ignoreFireWhenObserve;
-    var countRef = react_1.useRef(0);
-    var cb = useEventCallback_1.useEventCallback(function () {
+    var countRef = (0, react_1.useRef)(0);
+    var cb = (0, useEventCallback_1.useEventCallback)(function () {
         var args = [];
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
@@ -59,24 +61,24 @@ performance) {
                 return;
             }
         }
-        return callback.apply(void 0, tslib_1.__spread(args));
+        return callback.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(args), false));
     });
-    var externalWindow = contexts_1.useRcPortalWindowContext().externalWindow;
-    var observerRef = useResultRef_1.useResultRef(function () {
+    var externalWindow = (0, contexts_1.useRcPortalWindowContext)().externalWindow;
+    var observerRef = (0, useResultRef_1.useResultRef)(function () {
         var resizeCallback;
         if (mode === 'debounce') {
-            resizeCallback = debounce_1.default(cb, performanceTime);
+            resizeCallback = (0, debounce_1.default)(cb, performanceTime);
         }
         else if (mode === 'throttle') {
-            resizeCallback = throttle_1.default(cb, performanceTime);
+            resizeCallback = (0, throttle_1.default)(cb, performanceTime);
         }
         else {
             resizeCallback = cb;
         }
-        return exports.getResizeObserver(resizeCallback, externalWindow);
+        return (0, exports.getResizeObserver)(resizeCallback, externalWindow);
     });
-    react_1.useLayoutEffect(function () {
-        var elm = utils_1.getRefElement(target);
+    (0, react_1.useLayoutEffect)(function () {
+        var elm = (0, utils_1.getRefElement)(target);
         var observer = observerRef.current;
         if (!elm) {
             throw new Error('please check element exist before bind resize observer');
@@ -90,3 +92,4 @@ performance) {
     }, [target]);
     return observerRef.current;
 };
+exports.useResizeObserver = useResizeObserver;

package/foundation/hooks/useResponsiveMatch/useResponsiveMatch.d.ts

@@ -1,6 +1,7 @@
+import { BreakpointMatchMap, MatchedBreakpoint } from '../../contexts';
 /**
  * get all matched breakpoints
  * @param defaultBreakpoint use defaultBreakpoint when Responsive init (will pass undefined)
  */
-declare const useResponsiveMatch: (defaultBreakpoint?: import("../../contexts/ResponsiveContext/ResponsiveContext").RcResponsiveContextValue) => Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "gt-xs" | "gt-sm" | "gt-md" | "gt-lg" | "gt-xl" | "lt-sm" | "lt-md" | "lt-lg" | "lt-xl" | "gtXS" | "gtSM" | "gtMD" | "gtLG" | "gtXL" | "ltSM" | "ltMD" | "ltLG" | "ltXL", true>>;
+declare const useResponsiveMatch: (defaultBreakpoint?: MatchedBreakpoint) => BreakpointMatchMap;
 export { useResponsiveMatch };

package/foundation/hooks/useResponsiveMatch/useResponsiveMatch.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResponsiveMatch = void 0;
 var contexts_1 = require("../../contexts");
 /**
  * get all matched breakpoints
  * @param defaultBreakpoint use defaultBreakpoint when Responsive init (will pass undefined)
  */
 var useResponsiveMatch = function (defaultBreakpoint) {
-    var _breakpoint = contexts_1.useResponsiveContext();
+    var _breakpoint = (0, contexts_1.useResponsiveContext)();
     var breakpoint = _breakpoint === undefined ? defaultBreakpoint : _breakpoint;
     if (breakpoint === undefined)
         return {};
-    var matchDetail = contexts_1.getMatchDetail(breakpoint);
+    var matchDetail = (0, contexts_1.getMatchDetail)(breakpoint);
     return matchDetail.matchMap;
 };
 exports.useResponsiveMatch = useResponsiveMatch;

package/foundation/hooks/useResultRef/useResultRef.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResultRef = void 0;
 var react_1 = require("react");
 /**
  * provide a ref for only calculate `cb` once
@@ -10,8 +11,8 @@ var react_1 = require("react");
  *
  */
 function useResultRef(cb) {
-    var renderRef = react_1.useRef(0);
-    var ref = react_1.useRef();
+    var renderRef = (0, react_1.useRef)(0);
+    var ref = (0, react_1.useRef)();
     if (renderRef.current === 0) {
         ref.current = cb();
         renderRef.current = 1;

package/foundation/hooks/useRetry/useRetry.d.ts

@@ -1,4 +1,4 @@
-export declare type UseRetryOptions = {
+export type UseRetryOptions = {
     /** times count that retry when `cb` return `false` */
     retryTimes: number;
     /** retry interval time */
@@ -22,7 +22,7 @@ export declare type UseRetryOptions = {
  * * `retry`: that will auto add `times` end of your call back
  * * `cancel`: cancel that retry event, that only cancel inner interval promise, **if you need cancel your `cb` promise, you should handle by yourself.**
  */
-export declare const useRetry: <T extends (...args: any[]) => boolean | Promise<boolean>>(cb: T, options?: UseRetryOptions | undefined) => {
+export declare const useRetry: <T extends (...args: any[]) => boolean | Promise<boolean>>(cb: T, options?: UseRetryOptions) => {
     /**
      * retry method, that will be cancelable with `cancel`,
      * and when trigger many time that will always clear previous retry

package/foundation/hooks/useRetry/useRetry.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRetry = void 0;
 var tslib_1 = require("tslib");
 /* eslint-disable no-await-in-loop */
 var react_1 = require("react");
@@ -10,15 +11,15 @@ var useSleep_1 = require("../useSleep");
  * * `retry`: that will auto add `times` end of your call back
  * * `cancel`: cancel that retry event, that only cancel inner interval promise, **if you need cancel your `cb` promise, you should handle by yourself.**
  */
-exports.useRetry = function (
+var useRetry = function (
 /**
  * exec callback, when you want to end that retry, return `true` with your callback
  */
 cb, 
 /** retry options */
 options) {
-    var _a = useSleep_1.useSleep(), sleep = _a.sleep, cancelSleep = _a.cancel;
-    var isCancelRef = react_1.useRef(true);
+    var _a = (0, useSleep_1.useSleep)(), sleep = _a.sleep, cancelSleep = _a.cancel;
+    var isCancelRef = (0, react_1.useRef)(true);
     var complete = function () {
         var _a;
         isCancelRef.current = true;
@@ -47,7 +48,7 @@ options) {
                         cancel();
                         isCancelRef.current = false;
                         (_a = options === null || options === void 0 ? void 0 : options.onStart) === null || _a === void 0 ? void 0 : _a.call(options);
-                        return [4 /*yield*/, cb.apply(void 0, tslib_1.__spread(args))];
+                        return [4 /*yield*/, cb.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(args), false))];
                     case 1:
                         // * when exec success, just return directly.
                         if (_c.sent()) {
@@ -77,7 +78,7 @@ options) {
                     case 5:
                         error_1 = _c.sent();
                         return [2 /*return*/];
-                    case 6: return [4 /*yield*/, cb.apply(void 0, tslib_1.__spread(args, [i]))];
+                    case 6: return [4 /*yield*/, cb.apply(void 0, tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(args), false), [i], false))];
                     case 7:
                         if (_c.sent()) {
                             if (!isCancelRef.current) {
@@ -109,3 +110,4 @@ options) {
         cancel: cancel,
     };
 };
+exports.useRetry = useRetry;

package/foundation/hooks/useSleep/useSleep.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSleep = void 0;
 var react_1 = require("react");
 /**
  * cancelable sleep method.
@@ -8,10 +9,10 @@ var react_1 = require("react");
  * - cancel: cancel that sleep event
  * - getSleeping: get current sleeping state
  */
-exports.useSleep = function () {
-    var timeoutIdRef = react_1.useRef();
-    var rejectRef = react_1.useRef();
-    var sleepingRef = react_1.useRef(false);
+var useSleep = function () {
+    var timeoutIdRef = (0, react_1.useRef)();
+    var rejectRef = (0, react_1.useRef)();
+    var sleepingRef = (0, react_1.useRef)(false);
     var clearCurrTimeout = function () {
         var id = timeoutIdRef.current;
         sleepingRef.current = false;
@@ -34,7 +35,7 @@ exports.useSleep = function () {
         clearCurrTimeout();
         (_a = rejectRef.current) === null || _a === void 0 ? void 0 : _a.call(rejectRef);
     };
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         return function () {
             clearCurrTimeout();
         };
@@ -55,3 +56,4 @@ exports.useSleep = function () {
         getSleeping: function () { return sleepingRef.current; },
     };
 };
+exports.useSleep = useSleep;

package/foundation/hooks/useThrottle/useThrottle.d.ts

@@ -5,4 +5,4 @@ import { ThrottleSettings } from 'lodash';
  * @param throttleTime throttle timeout value, default is  `200`ms
  * @param throttleSettings throttle setting object, more detail see `lodash`
  */
-export declare const useThrottle: <F extends (...args: any[]) => any>(fn: F, throttleTime?: number, throttleSettings?: ThrottleSettings | undefined) => import("lodash").DebouncedFunc<F>;
+export declare const useThrottle: <F extends (...args: any[]) => any>(fn: F, throttleTime?: number, throttleSettings?: ThrottleSettings) => import("lodash").DebouncedFuncLeading<F>;

package/foundation/hooks/useThrottle/useThrottle.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThrottle = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
@@ -10,12 +11,13 @@ var useEventCallback_1 = require("../useEventCallback");
  * @param throttleTime throttle timeout value, default is  `200`ms
  * @param throttleSettings throttle setting object, more detail see `lodash`
  */
-exports.useThrottle = function (fn, throttleTime, throttleSettings) {
+var useThrottle = function (fn, throttleTime, throttleSettings) {
     if (throttleTime === void 0) { throttleTime = 200; }
-    var memoFn = useEventCallback_1.useEventCallback(fn);
+    var memoFn = (0, useEventCallback_1.useEventCallback)(fn);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var throttleFn = react_1.useCallback(throttle_1.default(memoFn, throttleTime, throttleSettings), []);
+    var throttleFn = (0, react_1.useCallback)((0, throttle_1.default)(memoFn, throttleTime, throttleSettings), []);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    react_1.useEffect(function () { return function () { return throttleFn.cancel(); }; }, []);
+    (0, react_1.useEffect)(function () { return function () { return throttleFn.cancel(); }; }, []);
     return throttleFn;
 };
+exports.useThrottle = useThrottle;

package/foundation/hooks/useTouchMouseEvent/useTouchMouseEvent.d.ts

@@ -53,4 +53,4 @@ export declare const useTouchMouseEvent: <T extends HTMLElement = HTMLElement>({
 /**
  * check is element equal or contains target element
  */
-export declare const isElmEqualOrContain: (sourceTarget: RefOrElementOrCallback<HTMLElement>, containTarget: RefOrElementOrCallback<HTMLElement>) => boolean | null;
+export declare const isElmEqualOrContain: (sourceTarget: RefOrElementOrCallback, containTarget: RefOrElementOrCallback) => boolean | null;

package/foundation/hooks/useTouchMouseEvent/useTouchMouseEvent.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isElmEqualOrContain = exports.useTouchMouseEvent = void 0;
 var react_1 = require("react");
 var contexts_1 = require("../../contexts");
 var utils_1 = require("../../utils");
@@ -26,23 +27,23 @@ var useEventCallback_1 = require("../useEventCallback");
  * - mouseup
  * - click
  */
-exports.useTouchMouseEvent = function (_a, _b) {
+var useTouchMouseEvent = function (_a, _b) {
     var onMouseDownArg = _a.onMouseDown, onMouseUpArg = _a.onMouseUp, onTouchStartArg = _a.onTouchStart, onTouchEndArg = _a.onTouchEnd;
-    var actionRef = (_b === void 0 ? {} : _b).actionRef;
-    var stopMouseEventRef = react_1.useRef(false);
-    var document = contexts_1.useRcPortalWindowContext().document;
-    var onTouchStart = useEventCallback_1.useEventCallback(function (e) {
+    var _c = _b === void 0 ? {} : _b, actionRef = _c.actionRef;
+    var stopMouseEventRef = (0, react_1.useRef)(false);
+    var document = (0, contexts_1.useRcPortalWindowContext)().document;
+    var onTouchStart = (0, useEventCallback_1.useEventCallback)(function (e) {
         stopMouseEventRef.current = true;
         onTouchStartArg === null || onTouchStartArg === void 0 ? void 0 : onTouchStartArg(e);
     });
     function checkInside(elm) {
-        var hostElement = utils_1.getRefElement(actionRef);
+        var hostElement = (0, utils_1.getRefElement)(actionRef);
         if (hostElement) {
-            return !!(elm && exports.isElmEqualOrContain(elm, hostElement));
+            return !!(elm && (0, exports.isElmEqualOrContain)(elm, hostElement));
         }
         return false;
     }
-    var onTouchEnd = useEventCallback_1.useEventCallback(function (e) {
+    var onTouchEnd = (0, useEventCallback_1.useEventCallback)(function (e) {
         var isInside;
         if (actionRef && e.touches.length < 2 && e.changedTouches.length < 2) {
             var touch = e.touches[0] || e.changedTouches[0];
@@ -51,13 +52,13 @@ exports.useTouchMouseEvent = function (_a, _b) {
         }
         onTouchEndArg === null || onTouchEndArg === void 0 ? void 0 : onTouchEndArg(e, isInside);
     });
-    var onMouseDown = useEventCallback_1.useEventCallback(function (e) {
+    var onMouseDown = (0, useEventCallback_1.useEventCallback)(function (e) {
         if (stopMouseEventRef.current) {
             return;
         }
         onMouseDownArg === null || onMouseDownArg === void 0 ? void 0 : onMouseDownArg(e);
     });
-    var onMouseUp = useEventCallback_1.useEventCallback(function (e) {
+    var onMouseUp = (0, useEventCallback_1.useEventCallback)(function (e) {
         var isInside;
         if (stopMouseEventRef.current)
             return;
@@ -74,11 +75,13 @@ exports.useTouchMouseEvent = function (_a, _b) {
         onMouseUp: onMouseUp,
     };
 };
+exports.useTouchMouseEvent = useTouchMouseEvent;
 /**
  * check is element equal or contains target element
  */
-exports.isElmEqualOrContain = function (sourceTarget, containTarget) {
-    var elm = utils_1.getRefElement(sourceTarget);
-    var target = utils_1.getRefElement(containTarget);
+var isElmEqualOrContain = function (sourceTarget, containTarget) {
+    var elm = (0, utils_1.getRefElement)(sourceTarget);
+    var target = (0, utils_1.getRefElement)(containTarget);
     return elm && target && (target === elm || target.contains(elm));
 };
+exports.isElmEqualOrContain = isElmEqualOrContain;

package/foundation/index.d.ts

@@ -10,3 +10,4 @@ export * from './styles';
 export * from './typings';
 export * from './utils';
 export { styled };
+export * from './MuiExports';

package/foundation/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.styled = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = tslib_1.__importDefault(require("./styled-components"));
 exports.styled = styled_components_1.default;
@@ -11,4 +12,7 @@ tslib_1.__exportStar(require("./overridableStyled"), exports);
 tslib_1.__exportStar(require("./theme"), exports);
 tslib_1.__exportStar(require("./styled-components"), exports);
 tslib_1.__exportStar(require("./styles"), exports);
+tslib_1.__exportStar(require("./typings"), exports);
 tslib_1.__exportStar(require("./utils"), exports);
+// MUI direct re-exports (prefixed with "Mui" or "mui" to indicate raw MUI APIs)
+tslib_1.__exportStar(require("./MuiExports"), exports);