@ringcentral/juno 2.46.0 → 3.0.0-alpha.1

package/foundation/contexts/PortalWindowContext.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRcPortalWindowContext = exports.RcPortalWindowContext = void 0;
 var react_1 = require("react");
-var RcPortalWindowContext = react_1.createContext({
+var RcPortalWindowContext = (0, react_1.createContext)({
     document: 
     // directly access `document` will cause error in next.js
     typeof globalThis !== 'undefined' ? globalThis.document : window.document,
 });
 exports.RcPortalWindowContext = RcPortalWindowContext;
-var useRcPortalWindowContext = function () { return react_1.useContext(RcPortalWindowContext); };
+var useRcPortalWindowContext = function () { return (0, react_1.useContext)(RcPortalWindowContext); };
 exports.useRcPortalWindowContext = useRcPortalWindowContext;

package/foundation/contexts/ResponsiveContext/ResponsiveContext.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
 import { MatchedBreakpoint } from './types';
-declare type RcResponsiveContextValue = MatchedBreakpoint | undefined;
+type RcResponsiveContextValue = MatchedBreakpoint | undefined;
 declare const RcResponsiveContext: import("react").Context<RcResponsiveContextValue>;
 declare const useResponsiveContext: () => RcResponsiveContextValue;
 export { RcResponsiveContext, useResponsiveContext };

package/foundation/contexts/ResponsiveContext/ResponsiveContext.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResponsiveContext = exports.RcResponsiveContext = void 0;
 var react_1 = require("react");
-var RcResponsiveContext = react_1.createContext(undefined);
+var RcResponsiveContext = (0, react_1.createContext)(undefined);
 exports.RcResponsiveContext = RcResponsiveContext;
 var useResponsiveContext = function () {
-    return react_1.useContext(RcResponsiveContext);
+    return (0, react_1.useContext)(RcResponsiveContext);
 };
 exports.useResponsiveContext = useResponsiveContext;

package/foundation/contexts/ResponsiveContext/breakpointList.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.breakpointList = void 0;
 /** small to large */
 exports.breakpointList = ['xs', 'sm', 'md', 'lg', 'xl'];

package/foundation/contexts/ResponsiveContext/getMatchDetail.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMatchDetail = void 0;
 var tslib_1 = require("tslib");
 var breakpointList_1 = require("./breakpointList");
 var matchCache = new Map();
@@ -8,16 +9,16 @@ var getMatchGroups = function (breakpoint) {
     var gtMatchGroup = [];
     if (breakpoint === null) {
         for (var i = 0; i < breakpointList_1.breakpointList.length; i++) {
-            ltMatchGroup.push("lt-" + breakpointList_1.breakpointList[i]);
+            ltMatchGroup.push("lt-".concat(breakpointList_1.breakpointList[i]));
         }
     }
     else {
         var bpIndex = breakpointList_1.breakpointList.indexOf(breakpoint);
         for (var i = 0; i < bpIndex; i++) {
-            gtMatchGroup.unshift("gt-" + breakpointList_1.breakpointList[i]);
+            gtMatchGroup.unshift("gt-".concat(breakpointList_1.breakpointList[i]));
         }
         for (var i = bpIndex + 1; i < breakpointList_1.breakpointList.length; i++) {
-            ltMatchGroup.push("lt-" + breakpointList_1.breakpointList[i]);
+            ltMatchGroup.push("lt-".concat(breakpointList_1.breakpointList[i]));
         }
     }
     return { ltMatchGroup: ltMatchGroup, gtMatchGroup: gtMatchGroup };
@@ -32,7 +33,7 @@ var getMatchMap = function (_a, matchBP) {
         for (var ltMatchGroup_1 = tslib_1.__values(ltMatchGroup), ltMatchGroup_1_1 = ltMatchGroup_1.next(); !ltMatchGroup_1_1.done; ltMatchGroup_1_1 = ltMatchGroup_1.next()) {
             var ltBP = ltMatchGroup_1_1.value;
             var _d = tslib_1.__read(ltBP.split('-'), 2), bp = _d[1];
-            matchMap["lt" + bp.toUpperCase()] = true;
+            matchMap["lt".concat(bp.toUpperCase())] = true;
             matchMap[ltBP] = true;
         }
     }
@@ -47,7 +48,7 @@ var getMatchMap = function (_a, matchBP) {
         for (var gtMatchGroup_1 = tslib_1.__values(gtMatchGroup), gtMatchGroup_1_1 = gtMatchGroup_1.next(); !gtMatchGroup_1_1.done; gtMatchGroup_1_1 = gtMatchGroup_1.next()) {
             var gtBP = gtMatchGroup_1_1.value;
             var _e = tslib_1.__read(gtBP.split('-'), 2), bp = _e[1];
-            matchMap["gt" + bp.toUpperCase()] = true;
+            matchMap["gt".concat(bp.toUpperCase())] = true;
             matchMap[gtBP] = true;
         }
     }
@@ -60,7 +61,7 @@ var getMatchMap = function (_a, matchBP) {
     }
     return matchMap;
 };
-exports.getMatchDetail = function (breakpoint) {
+var getMatchDetail = function (breakpoint) {
     if (!matchCache.has(breakpoint)) {
         var matchGroups = getMatchGroups(breakpoint);
         var matchMap = getMatchMap(matchGroups, breakpoint);
@@ -68,3 +69,4 @@ exports.getMatchDetail = function (breakpoint) {
     }
     return matchCache.get(breakpoint);
 };
+exports.getMatchDetail = getMatchDetail;

package/foundation/contexts/ResponsiveContext/index.js

@@ -4,3 +4,4 @@ var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./breakpointList"), exports);
 tslib_1.__exportStar(require("./getMatchDetail"), exports);
 tslib_1.__exportStar(require("./ResponsiveContext"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/foundation/contexts/ResponsiveContext/types.d.ts

@@ -1,13 +1,13 @@
-export declare type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
  * null is no match, it means small than XS
  */
-export declare type MatchedBreakpoint = Breakpoint | null;
-export declare type GTBreakpoint = 'gt-xs' | 'gt-sm' | 'gt-md' | 'gt-lg' | 'gt-xl';
-export declare type LTBreakpoint = 'lt-sm' | 'lt-md' | 'lt-lg' | 'lt-xl';
-export declare type FullBreakpoint = GTBreakpoint | LTBreakpoint | Breakpoint;
-export declare type BreakpointMatchMap = Partial<Record<'gtXS' | 'gtSM' | 'gtMD' | 'gtLG' | 'gtXL' | 'ltSM' | 'ltMD' | 'ltLG' | 'ltXL' | FullBreakpoint, true>>;
-export declare type BreakpointMatchDetail = {
+export type MatchedBreakpoint = Breakpoint | null;
+export type GTBreakpoint = 'gt-xs' | 'gt-sm' | 'gt-md' | 'gt-lg' | 'gt-xl';
+export type LTBreakpoint = 'lt-sm' | 'lt-md' | 'lt-lg' | 'lt-xl';
+export type FullBreakpoint = GTBreakpoint | LTBreakpoint | Breakpoint;
+export type BreakpointMatchMap = Partial<Record<'gtXS' | 'gtSM' | 'gtMD' | 'gtLG' | 'gtXL' | 'ltSM' | 'ltMD' | 'ltLG' | 'ltXL' | FullBreakpoint, true>>;
+export type BreakpointMatchDetail = {
     matchBP: MatchedBreakpoint;
     /**
      * large to small
@@ -21,4 +21,4 @@ export declare type BreakpointMatchDetail = {
     ltMatchGroup: LTBreakpoint[];
     matchMap: BreakpointMatchMap;
 };
-export declare type BreakpointMatchGroups = Pick<BreakpointMatchDetail, 'gtMatchGroup' | 'ltMatchGroup'>;
+export type BreakpointMatchGroups = Pick<BreakpointMatchDetail, 'gtMatchGroup' | 'ltMatchGroup'>;

package/foundation/hoc/withDelay/withDelay.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentType, ReactNode } from 'react';
-declare type WithDelay = {
+type WithDelay = {
     delay?: number;
     placeholder?: ReactNode;
 };

package/foundation/hoc/withDelay/withDelay.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.withDelay = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 function withDelay(Component) {
     return function ComponentWithDelay(props) {
         var _a = props.delay, delay = _a === void 0 ? 0 : _a, _b = props.placeholder, placeholder = _b === void 0 ? null : _b, rest = tslib_1.__rest(props, ["delay", "placeholder"]);
-        var _c = tslib_1.__read(react_1.useState(delay === 0), 2), visible = _c[0], setVisible = _c[1];
-        react_1.useEffect(function () {
+        var _c = tslib_1.__read((0, react_1.useState)(delay === 0), 2), visible = _c[0], setVisible = _c[1];
+        (0, react_1.useEffect)(function () {
             var timeout = !visible
                 ? window.setTimeout(function () { return setVisible(true); }, delay)
                 : undefined;

package/foundation/hoc/withResponsive/types.d.ts

@@ -1,4 +1,4 @@
-export declare type WithResponsiveSizes = {
+export type WithResponsiveSizes = {
     xxxsmall: 'xxxsmall' | 'xxxsmall.xs' | 'xxxsmall.gt-xs' | 'xxxsmall.sm' | 'xxxsmall.lt-sm' | 'xxxsmall.gt-sm' | 'xxxsmall.md' | 'xxxsmall.lt-md' | 'xxxsmall.gt-md' | 'xxxsmall.lg' | 'xxxsmall.lt-lg' | 'xxxsmall.gt-lg' | 'xxxsmall.xl' | 'xxxsmall.lt-xl' | 'xxxsmall.gt-xl';
     xxsmall: 'xxsmall' | 'xxsmall.xs' | 'xxsmall.gt-xs' | 'xxsmall.sm' | 'xxsmall.lt-sm' | 'xxsmall.gt-sm' | 'xxsmall.md' | 'xxsmall.lt-md' | 'xxsmall.gt-md' | 'xxsmall.lg' | 'xxsmall.lt-lg' | 'xxsmall.gt-lg' | 'xxsmall.xl' | 'xxsmall.lt-xl' | 'xxsmall.gt-xl';
     xsmall: 'xsmall' | 'xsmall.xs' | 'xsmall.gt-xs' | 'xsmall.sm' | 'xsmall.lt-sm' | 'xsmall.gt-sm' | 'xsmall.md' | 'xsmall.lt-md' | 'xsmall.gt-md' | 'xsmall.lg' | 'xsmall.lt-lg' | 'xsmall.gt-lg' | 'xsmall.xl' | 'xsmall.lt-xl' | 'xsmall.gt-xl';
@@ -10,4 +10,4 @@ export declare type WithResponsiveSizes = {
     xxxlarge: 'xxxlarge' | 'xxxlarge.xs' | 'xxxlarge.gt-xs' | 'xxxlarge.sm' | 'xxxlarge.lt-sm' | 'xxxlarge.gt-sm' | 'xxxlarge.md' | 'xxxlarge.lt-md' | 'xxxlarge.gt-md' | 'xxxlarge.lg' | 'xxxlarge.lt-lg' | 'xxxlarge.gt-lg' | 'xxxlarge.xl' | 'xxxlarge.lt-xl' | 'xxxlarge.gt-xl';
     inherit: 'inherit' | 'inherit.xs' | 'inherit.gt-xs' | 'inherit.sm' | 'inherit.lt-sm' | 'inherit.gt-sm' | 'inherit.md' | 'inherit.lt-md' | 'inherit.gt-md' | 'inherit.lg' | 'inherit.lt-lg' | 'inherit.gt-lg' | 'inherit.xl' | 'inherit.lt-xl' | 'inherit.gt-xl';
 };
-export declare type WithResponsivePatterns = WithResponsiveSizes[keyof WithResponsiveSizes][];
+export type WithResponsivePatterns = WithResponsiveSizes[keyof WithResponsiveSizes][];

package/foundation/hoc/withResponsive/utils.d.ts

@@ -1,6 +1,28 @@
-import { FullBreakpoint } from '../../contexts/ResponsiveContext';
+import { FullBreakpoint, getMatchDetail } from '../../contexts/ResponsiveContext';
 import { BaseSizeKey } from '../../typings';
 import { WithResponsivePatterns } from './types';
-export declare type SizeMap = Partial<Record<FullBreakpoint | 'default', BaseSizeKey>>;
-export declare const getSizeMap: (withResponsiveTokens: WithResponsivePatterns) => Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "default" | "gt-xs" | "gt-sm" | "gt-md" | "gt-lg" | "gt-xl" | "lt-sm" | "lt-md" | "lt-lg" | "lt-xl", "inherit" | "small" | "xxxsmall" | "xxsmall" | "xsmall" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge">>;
-export declare const getMatchedSize: (sizeMap: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "default" | "gt-xs" | "gt-sm" | "gt-md" | "gt-lg" | "gt-xl" | "lt-sm" | "lt-md" | "lt-lg" | "lt-xl", "inherit" | "small" | "xxxsmall" | "xxsmall" | "xsmall" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge">>, matchDetail: import("../../contexts/ResponsiveContext").BreakpointMatchDetail) => "inherit" | "small" | "xxxsmall" | "xxsmall" | "xsmall" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | null;
+export type SizeMap = Partial<Record<FullBreakpoint | 'default', BaseSizeKey>>;
+export declare const getSizeMap: (withResponsiveTokens: WithResponsivePatterns) => Partial<Record<"default" | FullBreakpoint, keyof {
+    xxxsmall: any;
+    xxsmall: any;
+    xsmall: any;
+    small: any;
+    medium: any;
+    large: any;
+    inherit: any;
+    xlarge: any;
+    xxlarge: any;
+    xxxlarge: any;
+}>>;
+export declare const getMatchedSize: (sizeMap: SizeMap, matchDetail: ReturnType<typeof getMatchDetail>) => keyof {
+    xxxsmall: any;
+    xxsmall: any;
+    xsmall: any;
+    small: any;
+    medium: any;
+    large: any;
+    inherit: any;
+    xlarge: any;
+    xxlarge: any;
+    xxxlarge: any;
+} | null;

package/foundation/hoc/withResponsive/utils.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMatchedSize = exports.getSizeMap = void 0;
 var tslib_1 = require("tslib");
-exports.getSizeMap = function (withResponsiveTokens) {
+var getSizeMap = function (withResponsiveTokens) {
     var e_1, _a;
     var sizeMap = {};
     try {
@@ -20,7 +21,8 @@ exports.getSizeMap = function (withResponsiveTokens) {
     }
     return sizeMap;
 };
-exports.getMatchedSize = function (sizeMap, matchDetail) {
+exports.getSizeMap = getSizeMap;
+var getMatchedSize = function (sizeMap, matchDetail) {
     var matchedSize = null;
     // breakpoint > gtBreakpoint > ltBreakpoint > default
     if (matchDetail !== null) {
@@ -72,3 +74,4 @@ exports.getMatchedSize = function (sizeMap, matchDetail) {
     }
     return matchedSize;
 };
+exports.getMatchedSize = getMatchedSize;

package/foundation/hoc/withResponsive/withResponsive.d.ts

@@ -2,7 +2,7 @@ import React, { ComponentType } from 'react';
 import { FullBreakpoint } from '../../contexts/ResponsiveContext';
 import { BaseSizeKey } from '../../typings';
 import { WithResponsiveSizes } from './types';
-declare type ResponsiveComponentProps<P extends any, K extends keyof P> = Omit<P, K> & {
+type ResponsiveComponentProps<P extends any, K extends keyof P> = Omit<P, K> & {
     [key in K]: P[key] extends BaseSizeKey | undefined ? NonNullable<P[key]> | WithResponsiveSizes[NonNullable<P[key]>][] : never;
 } & {
     /** component would be hidden when match hidden patterns   */

package/foundation/hoc/withResponsive/withResponsive.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.withResponsive = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var isArray_1 = tslib_1.__importDefault(require("lodash/isArray"));
@@ -9,17 +10,17 @@ var utils_1 = require("./utils");
  * Make component can responsive size
  */
 function withResponsive(Component, responsivePropKeys) {
-    var responsiveKeys = tslib_1.__spread([
+    var responsiveKeys = tslib_1.__spreadArray([
         'hiddenPatterns'
-    ], responsivePropKeys);
-    var ResponsiveComponent = react_1.forwardRef(function (props, ref) {
-        var breakpoint = ResponsiveContext_1.useResponsiveContext();
+    ], tslib_1.__read(responsivePropKeys), false);
+    var ResponsiveComponent = (0, react_1.forwardRef)(function (props, ref) {
+        var breakpoint = (0, ResponsiveContext_1.useResponsiveContext)();
         var componentProps = responsiveKeys.reduce(function (props, key) {
             Reflect.deleteProperty(props, key);
             return props;
         }, tslib_1.__assign({}, props));
-        var matchDetail = breakpoint === undefined ? null : ResponsiveContext_1.getMatchDetail(breakpoint);
-        var hidden = react_1.useMemo(function () {
+        var matchDetail = breakpoint === undefined ? null : (0, ResponsiveContext_1.getMatchDetail)(breakpoint);
+        var hidden = (0, react_1.useMemo)(function () {
             var e_1, _a;
             var _b;
             var hiddenPatterns = props.hiddenPatterns;
@@ -28,7 +29,7 @@ function withResponsive(Component, responsivePropKeys) {
             // I think should hide component when context no pass breakpoint and hidden patterns is exist
             if (matchDetail === null)
                 return true;
-            if (!isArray_1.default(hiddenPatterns))
+            if (!(0, isArray_1.default)(hiddenPatterns))
                 return (_b = matchDetail.matchMap[hiddenPatterns]) !== null && _b !== void 0 ? _b : false;
             try {
                 for (var hiddenPatterns_1 = tslib_1.__values(hiddenPatterns), hiddenPatterns_1_1 = hiddenPatterns_1.next(); !hiddenPatterns_1_1.done; hiddenPatterns_1_1 = hiddenPatterns_1.next()) {
@@ -47,8 +48,8 @@ function withResponsive(Component, responsivePropKeys) {
             return false;
             // * compare hidden patterns directly
             // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, tslib_1.__spread([matchDetail], [props.hiddenPatterns].flat()));
-        var patternCaches = react_1.useMemo(function () {
+        }, tslib_1.__spreadArray([matchDetail], tslib_1.__read([props.hiddenPatterns].flat()), false));
+        var patternCaches = (0, react_1.useMemo)(function () {
             var e_2, _a;
             var cache = {};
             try {
@@ -56,8 +57,8 @@ function withResponsive(Component, responsivePropKeys) {
                     var responsivePropKey = responsivePropKeys_1_1.value;
                     var patternsOrSize = props[responsivePropKey];
                     // is pattern
-                    if (isArray_1.default(patternsOrSize)) {
-                        cache[responsivePropKey] = utils_1.getSizeMap(patternsOrSize);
+                    if ((0, isArray_1.default)(patternsOrSize)) {
+                        cache[responsivePropKey] = (0, utils_1.getSizeMap)(patternsOrSize);
                     }
                     // is size, pass directly
                     else {
@@ -77,7 +78,7 @@ function withResponsive(Component, responsivePropKeys) {
         }, 
         // eslint-disable-next-line react-hooks/exhaustive-deps
         responsivePropKeys.map(function (key) { return props[key]; }));
-        var sizeProps = react_1.useMemo(function () {
+        var sizeProps = (0, react_1.useMemo)(function () {
             var e_3, _a;
             var result = {};
             if (matchDetail === null)
@@ -92,7 +93,7 @@ function withResponsive(Component, responsivePropKeys) {
                     }
                     // is size map
                     else {
-                        var matchedSize = utils_1.getMatchedSize(sizeMapOrSize, matchDetail);
+                        var matchedSize = (0, utils_1.getMatchedSize)(sizeMapOrSize, matchDetail);
                         if (matchedSize !== null) {
                             result[responsivePropKey] = matchedSize;
                         }
@@ -112,9 +113,10 @@ function withResponsive(Component, responsivePropKeys) {
             // TODO: maybe we need addition props to control just set display: none, or visible: hidden
             return null;
         }
-        return react_1.default.createElement(Component, tslib_1.__assign({}, componentProps, { ref: ref }, sizeProps));
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return (react_1.default.createElement(Component, tslib_1.__assign({}, componentProps, { ref: ref }, sizeProps)));
     });
-    ResponsiveComponent.displayName = "WithResponsive(" + Component.displayName + ")";
+    ResponsiveComponent.displayName = "WithResponsive(".concat(Component.displayName, ")");
     return ResponsiveComponent;
 }
 exports.withResponsive = withResponsive;

package/foundation/hooks/useA11yKeyEvent/useA11yKeyEvent.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-/// <reference types="styled-jsx" />
-export declare type useA11yKeyEventOptions = {
+export type useA11yKeyEventOptions = {
     /**
      * that event should only trigger from target element, ignore all `propagation` events
      */
@@ -22,4 +20,4 @@ export declare type useA11yKeyEventOptions = {
  *
  * that will auto preventDefault by default, if you don't want that, set `false` with `preventDefault`
  */
-export declare const useA11yKeyEvent: (fn?: Function | undefined, { onlyOnFocus, preventDefault, checkKeys, }?: useA11yKeyEventOptions) => (event: import("react").KeyboardEvent<HTMLElement>) => void;
+export declare const useA11yKeyEvent: (fn?: Function, { onlyOnFocus, preventDefault, checkKeys, }?: useA11yKeyEventOptions) => (event: React.KeyboardEvent<HTMLElement>) => void;

package/foundation/hooks/useA11yKeyEvent/useA11yKeyEvent.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useA11yKeyEvent = void 0;
 var useEventCallback_1 = require("../useEventCallback");
 var defaultCheckKeys = ['Enter', ' '];
 /**
@@ -7,9 +8,9 @@ var defaultCheckKeys = ['Enter', ' '];
  *
  * that will auto preventDefault by default, if you don't want that, set `false` with `preventDefault`
  */
-exports.useA11yKeyEvent = function (fn, _a) {
+var useA11yKeyEvent = function (fn, _a) {
     var _b = _a === void 0 ? {} : _a, onlyOnFocus = _b.onlyOnFocus, _c = _b.preventDefault, preventDefault = _c === void 0 ? true : _c, _d = _b.checkKeys, checkKeys = _d === void 0 ? defaultCheckKeys : _d;
-    return useEventCallback_1.useEventCallback(function (event) {
+    return (0, useEventCallback_1.useEventCallback)(function (event) {
         if (!fn || (onlyOnFocus && event.target !== event.currentTarget))
             return;
         if (checkKeys.includes(event.key)) {
@@ -19,3 +20,4 @@ exports.useA11yKeyEvent = function (fn, _a) {
         }
     });
 };
+exports.useA11yKeyEvent = useA11yKeyEvent;

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

@@ -9,4 +9,4 @@ export declare const visuallyHiddenStyles = "\n  clip-path: inset(100%);\n  clip
  *   announce(`You click "Announce" button`);
  * ```
  */
-export declare const useAnnouncer: (id?: string | undefined) => (message?: string | undefined) => void;
+export declare const useAnnouncer: (id?: string) => (message?: string) => void;

package/foundation/hooks/useAnnouncer/useAnnouncer.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnnouncer = exports.visuallyHiddenStyles = void 0;
 var react_1 = require("react");
 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";
@@ -13,10 +14,10 @@ exports.visuallyHiddenStyles = "\n  clip-path: inset(100%);\n  clip: rect(1px, 1
  *   announce(`You click "Announce" button`);
  * ```
  */
-exports.useAnnouncer = function (id) {
-    var _id = useId_1.useId(id ? "rc-announcer-" + id : 'rc-announcer', !id);
-    var ref = react_1.useRef(null);
-    react_1.useEffect(function () {
+var useAnnouncer = function (id) {
+    var _id = (0, useId_1.useId)(id ? "rc-announcer-".concat(id) : 'rc-announcer', !id);
+    var ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
         var el = document.createElement('div');
         ref.current = el;
         el.id = _id;
@@ -38,7 +39,7 @@ exports.useAnnouncer = function (id) {
         };
     }, [_id]);
     /** announce method, call with message that want let reader speak */
-    var announce = react_1.useCallback(function (message) {
+    var announce = (0, react_1.useCallback)(function (message) {
         var el = ref.current;
         if (el && message) {
             el.setAttribute('aria-hidden', 'false');
@@ -47,3 +48,4 @@ exports.useAnnouncer = function (id) {
     }, []);
     return announce;
 };
+exports.useAnnouncer = useAnnouncer;

package/foundation/hooks/useAudio/useAudio.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAudio = void 0;
 var react_1 = require("react");
 var useResultRef_1 = require("../useResultRef");
 /**
@@ -22,13 +23,13 @@ var useResultRef_1 = require("../useResultRef");
  * @see stories {@link https://ringcentral.github.io/juno/?path=/story/%F0%9F%94%A7-foundation-hooks-useaudio--simple-announcer 🔧-foundation-hooks-useaudio--simple-announcer}
  * @see {@link https://chromium-review.googlesource.com/c/chromium/src/+/2816118}
  */
-exports.useAudio = function (init) {
-    var audioRef = useResultRef_1.useResultRef(function () {
+var useAudio = function (init) {
+    var audioRef = (0, useResultRef_1.useResultRef)(function () {
         var audio = new Audio();
         init === null || init === void 0 ? void 0 : init(audio);
         return audio;
     });
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         return function () {
             audioRef.current.srcObject = null;
             // just for remove ref, confirm browser GC work correctly
@@ -38,3 +39,4 @@ exports.useAudio = function (init) {
     }, []);
     return audioRef.current;
 };
+exports.useAudio = useAudio;

package/foundation/hooks/useChange/useChange.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDepsChange = exports.useChange = void 0;
 var react_1 = require("react");
 var usePrevious_1 = require("../usePrevious");
 /**
@@ -7,10 +8,10 @@ var usePrevious_1 = require("../usePrevious");
  * @param cb that method you want calculate to get value
  * @param listenCb prev compare listener value
  */
-exports.useChange = function (cb, listenCb) {
-    var countRef = react_1.useRef(0);
-    var valueRef = react_1.useRef();
-    var prev = usePrevious_1.usePrevious(listenCb);
+var useChange = function (cb, listenCb) {
+    var countRef = (0, react_1.useRef)(0);
+    var valueRef = (0, react_1.useRef)();
+    var prev = (0, usePrevious_1.usePrevious)(listenCb);
     var curr = listenCb();
     if (countRef.current === 0 || prev !== curr) {
         countRef.current = 1;
@@ -18,15 +19,16 @@ exports.useChange = function (cb, listenCb) {
     }
     return valueRef.current;
 };
+exports.useChange = useChange;
 /**
  * get value when prev deps one of array value change
  * @param cb that method you want calculate to get value
  * @param deps prev compare value array
  */
-exports.useDepsChange = function (cb, deps) {
-    var countRef = react_1.useRef(0);
-    var valueRef = react_1.useRef();
-    var prev = usePrevious_1.usePrevious(function () { return deps; }, true);
+var useDepsChange = function (cb, deps) {
+    var countRef = (0, react_1.useRef)(0);
+    var valueRef = (0, react_1.useRef)();
+    var prev = (0, usePrevious_1.usePrevious)(function () { return deps; }, true);
     var curr = deps;
     if (countRef.current === 0 ||
         curr.some(function (dep, index) { return dep !== prev[index]; })) {
@@ -35,3 +37,4 @@ exports.useDepsChange = function (cb, deps) {
     }
     return valueRef.current;
 };
+exports.useDepsChange = useDepsChange;

package/foundation/hooks/useControlled/useControlled.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useControlled = void 0;
 var utils_1 = require("@material-ui/core/utils");
-exports.useControlled = utils_1.useControlled;
+Object.defineProperty(exports, "useControlled", { enumerable: true, get: function () { return utils_1.useControlled; } });

package/foundation/hooks/useDebounce/useDebounce.d.ts

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

package/foundation/hooks/useDebounce/useDebounce.js

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

package/foundation/hooks/useEventCallback/useEventCallback.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventCallback = void 0;
 // this file template replace material-ui/core/utils method
 // when upgrade mui that will not need assign type anymore
 var utils_1 = require("@material-ui/core/utils");
-exports.useEventCallback = function (func) {
-    return utils_1.useEventCallback(func);
+var useEventCallback = function (func) {
+    return (0, utils_1.useEventCallback)(func);
 };
+exports.useEventCallback = useEventCallback;

package/foundation/hooks/useEventListener/useEventListener.d.ts

@@ -1,9 +1,9 @@
 import { RefOrElementOrCallback } from '../../utils';
-export declare type UseEventListenerAction = {
+export type UseEventListenerAction = {
     listen: () => void;
     remove: () => void;
 };
-export declare type UseEventListenerConfig = {
+export type UseEventListenerConfig = {
     /**
      * start listening when component mounted
      *

package/foundation/hooks/useEventListener/useEventListener.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventListener = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var utils_1 = require("../../utils");
@@ -26,14 +27,14 @@ function useEventListener(target, key, callback) {
     }
     var _a = getListenerOverloadOption(args), options = _a.options, config = _a.config;
     var _b = (config || {}).startImmediately, startImmediately = _b === void 0 ? true : _b;
-    var listener = useEventCallback_1.useEventCallback(callback);
-    var cancelRef = react_1.useRef(function () { });
-    var bindRef = react_1.useRef(function () { });
-    var currentRefElm = utils_1.getRefElement(target);
-    react_1.useEffect(function () {
+    var listener = (0, useEventCallback_1.useEventCallback)(callback);
+    var cancelRef = (0, react_1.useRef)(function () { });
+    var bindRef = (0, react_1.useRef)(function () { });
+    var currentRefElm = (0, utils_1.getRefElement)(target);
+    (0, react_1.useEffect)(function () {
         if (!target)
             return;
-        var currentElm = utils_1.getRefElement(target);
+        var currentElm = (0, utils_1.getRefElement)(target);
         if (!currentElm) {
             return cancelRef.current;
         }

package/foundation/hooks/useEver/useEver.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEver = void 0;
 var react_1 = require("react");
 var defaultEverTargetValue = function (value) { return !!value; };
 /**
@@ -14,7 +15,7 @@ var defaultEverTargetValue = function (value) { return !!value; };
  * const isEverToBe2 = useEver(count, (val) => val === 2);
  * ```
  */
-exports.useEver = function (
+var useEver = function (
 /** to be checked value */
 value, 
 /**
@@ -24,9 +25,10 @@ value,
  */
 targetValue) {
     if (targetValue === void 0) { targetValue = defaultEverTargetValue; }
-    var result = react_1.useRef(false);
+    var result = (0, react_1.useRef)(false);
     if (!result.current) {
         result.current = targetValue(value);
     }
     return result.current;
 };
+exports.useEver = useEver;