@ringcentral/juno 2.11.0 → 2.12.2

package/components/Dialer/DialPad/DialPad.js

@@ -107,7 +107,7 @@ var _RcDialPad = react_1.forwardRef(function (inProps, ref) {
             var ariaLabelArr = additionLabel
                 ? [key, additionLabel]
                 : [key];
-            return (react_1.default.createElement(DialPadButton_1.RcDialPadButton, tslib_1.__assign({ classes: classes, symbol: symbol, key: key, value: key, onKeyEffect: handleKeyEffect }, getItemProps(index), { "aria-label": ariaLabelArr.join(','), onKeyDown: onKeyFocusedIndexHandle }, (_b = {}, _b[dialButtonKey] = key, _b), getDialPadButtonProps === null || getDialPadButtonProps === void 0 ? void 0 : getDialPadButtonProps(key), (key === '0'
+            return (react_1.default.createElement(DialPadButton_1.RcDialPadButton, tslib_1.__assign({ classes: classes, symbol: symbol, key: key, value: key, onKeyEffect: handleKeyEffect, externalWindow: externalWindow }, getItemProps(index), { "aria-label": ariaLabelArr.join(','), onKeyDown: onKeyFocusedIndexHandle }, (_b = {}, _b[dialButtonKey] = key, _b), getDialPadButtonProps === null || getDialPadButtonProps === void 0 ? void 0 : getDialPadButtonProps(key), (key === '0'
                 ? {
                     longPressValue: utils_3.DIALER_PAD_PLUS,
                     longPressDelay: longPressDelay,

package/components/Dialer/DialPadButton/DialPadButton.d.ts

@@ -1,6 +1,8 @@
 import { RcIconButtonProps } from '../../Buttons';
 import { RcDialPadOnChangeReason } from '../DialPad';
 export declare type RcDialPadButtonProps = {
+    /** for custom window */
+    externalWindow?: Window;
     /** output value when press */
     value: string;
     /** output value when long press */
@@ -10,7 +12,7 @@ export declare type RcDialPadButtonProps = {
     /** emit effect when trigger number enter */
     onKeyEffect: (value: string, reason: RcDialPadOnChangeReason) => void;
 } & Pick<RcIconButtonProps, 'shouldPersistBg' | 'symbol' | 'classes' | 'tabIndex' | 'onKeyDown' | 'onFocus'>;
-declare const RcDialPadButton: import("styled-components").StyledComponentClass<RcDialPadButtonProps, import("../../../foundation").RcTheme, Pick<RcDialPadButtonProps, "symbol" | "tabIndex" | "onFocus" | "onKeyDown" | "classes" | "value" | "shouldPersistBg" | "longPressValue" | "longPressDelay" | "onKeyEffect"> & {
+declare const RcDialPadButton: import("styled-components").StyledComponentClass<RcDialPadButtonProps, import("../../../foundation").RcTheme, Pick<RcDialPadButtonProps, "symbol" | "tabIndex" | "onFocus" | "onKeyDown" | "classes" | "value" | "shouldPersistBg" | "externalWindow" | "longPressValue" | "longPressDelay" | "onKeyEffect"> & {
     theme?: import("../../../foundation").RcTheme | undefined;
 }>;
 export { RcDialPadButton };

package/components/Dialer/DialPadButton/DialPadButton.js

@@ -6,9 +6,9 @@ var foundation_1 = require("../../../foundation");
 var Buttons_1 = require("../../Buttons");
 var styles_1 = require("./styles");
 var _RcDialPadButton = function (props) {
-    var value = props.value, longPressValue = props.longPressValue, longPressDelay = props.longPressDelay, onKeyEffect = props.onKeyEffect, rest = tslib_1.__rest(props, ["value", "longPressValue", "longPressDelay", "onKeyEffect"]);
+    var value = props.value, longPressValue = props.longPressValue, longPressDelay = props.longPressDelay, onKeyEffect = props.onKeyEffect, _a = props.externalWindow, externalWindow = _a === void 0 ? window : _a, rest = tslib_1.__rest(props, ["value", "longPressValue", "longPressDelay", "onKeyEffect", "externalWindow"]);
     var isPressEvent = typeof longPressDelay === 'number' && typeof longPressValue === 'string';
-    var _a = foundation_1.useLongPress({
+    var _b = foundation_1.useLongPress({
         onTap: function (e, reason) {
             onKeyEffect(value, reason);
         },
@@ -17,7 +17,7 @@ var _RcDialPadButton = function (props) {
                 onKeyEffect(longPressValue, reason);
             }
             : undefined,
-    }, rest, { delay: longPressDelay }), ref = _a.ref, events = tslib_1.__rest(_a, ["ref"]);
+    }, rest, { delay: longPressDelay, externalWindow: externalWindow }), ref = _b.ref, events = tslib_1.__rest(_b, ["ref"]);
     return (react_1.default.createElement(Buttons_1.RcIconButton, tslib_1.__assign({ ref: ref, variant: "round", stretchIcon: true }, rest, events)));
 };
 var RcDialPadButton = foundation_1.styled(_RcDialPadButton)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.buttonWrapperStyle);

package/components/PortalHost/PortalManager/PortalManager.js

@@ -222,6 +222,7 @@ var PortalManager = /** @class */ (function (_super) {
             },
             onUnmounted: function () {
                 var feedback = _this._feedbackMap.get(id);
+                _this._feedbackMap.delete(id);
                 resolveOnClosed(feedback);
             },
             props: props,

package/components/PortalHost/context/index.d.ts

@@ -1,2 +1,3 @@
+export * from './HasPortalParentContext';
 export * from './PortalIDContext';
 export * from './PortalManagerContext';

package/components/PortalHost/context/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./HasPortalParentContext"), exports);
 tslib_1.__exportStar(require("./PortalIDContext"), exports);
 tslib_1.__exportStar(require("./PortalManagerContext"), exports);

package/components/PortalHost/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Connectable';
+export { HasPortalParentProvider } from './context';
 export * from './PortalHost';
 export * from './PortalManager';
 export * from './utils';

package/components/PortalHost/index.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Connectable"), exports);
+var context_1 = require("./context");
+exports.HasPortalParentProvider = context_1.HasPortalParentProvider;
 tslib_1.__exportStar(require("./PortalHost"), exports);
 tslib_1.__exportStar(require("./PortalManager"), exports);
 tslib_1.__exportStar(require("./utils"), exports);

package/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.js

@@ -1,7 +1,11 @@
 "use strict";
+// TODO: framer still not have flushSync in there framer version, skip that temporarily
+// import { flushSync } from 'react-dom';
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_dom_1 = require("react-dom");
-function conditionalFlushSync(flag) {
-    return flag ? react_dom_1.flushSync : function (cb) { return cb(); };
+function conditionalFlushSync(
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+flag) {
+    // return flag ? flushSync : (cb: () => void) => cb();
+    return function (cb) { return cb(); };
 }
 exports.default = conditionalFlushSync;

package/es6/components/Dialer/DialPad/DialPad.js

@@ -105,7 +105,7 @@ var _RcDialPad = forwardRef(function (inProps, ref) {
             var ariaLabelArr = additionLabel
                 ? [key, additionLabel]
                 : [key];
-            return (React.createElement(RcDialPadButton, __assign({ classes: classes, symbol: symbol, key: key, value: key, onKeyEffect: handleKeyEffect }, getItemProps(index), { "aria-label": ariaLabelArr.join(','), onKeyDown: onKeyFocusedIndexHandle }, (_b = {}, _b[dialButtonKey] = key, _b), getDialPadButtonProps === null || getDialPadButtonProps === void 0 ? void 0 : getDialPadButtonProps(key), (key === '0'
+            return (React.createElement(RcDialPadButton, __assign({ classes: classes, symbol: symbol, key: key, value: key, onKeyEffect: handleKeyEffect, externalWindow: externalWindow }, getItemProps(index), { "aria-label": ariaLabelArr.join(','), onKeyDown: onKeyFocusedIndexHandle }, (_b = {}, _b[dialButtonKey] = key, _b), getDialPadButtonProps === null || getDialPadButtonProps === void 0 ? void 0 : getDialPadButtonProps(key), (key === '0'
                 ? {
                     longPressValue: DIALER_PAD_PLUS,
                     longPressDelay: longPressDelay,

package/es6/components/Dialer/DialPadButton/DialPadButton.js

@@ -4,9 +4,9 @@ import { styled, useLongPress } from '../../../foundation';
 import { RcIconButton } from '../../Buttons';
 import { buttonWrapperStyle } from './styles';
 var _RcDialPadButton = function (props) {
-    var value = props.value, longPressValue = props.longPressValue, longPressDelay = props.longPressDelay, onKeyEffect = props.onKeyEffect, rest = __rest(props, ["value", "longPressValue", "longPressDelay", "onKeyEffect"]);
+    var value = props.value, longPressValue = props.longPressValue, longPressDelay = props.longPressDelay, onKeyEffect = props.onKeyEffect, _a = props.externalWindow, externalWindow = _a === void 0 ? window : _a, rest = __rest(props, ["value", "longPressValue", "longPressDelay", "onKeyEffect", "externalWindow"]);
     var isPressEvent = typeof longPressDelay === 'number' && typeof longPressValue === 'string';
-    var _a = useLongPress({
+    var _b = useLongPress({
         onTap: function (e, reason) {
             onKeyEffect(value, reason);
         },
@@ -15,7 +15,7 @@ var _RcDialPadButton = function (props) {
                 onKeyEffect(longPressValue, reason);
             }
             : undefined,
-    }, rest, { delay: longPressDelay }), ref = _a.ref, events = __rest(_a, ["ref"]);
+    }, rest, { delay: longPressDelay, externalWindow: externalWindow }), ref = _b.ref, events = __rest(_b, ["ref"]);
     return (React.createElement(RcIconButton, __assign({ ref: ref, variant: "round", stretchIcon: true }, rest, events)));
 };
 var RcDialPadButton = styled(_RcDialPadButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), buttonWrapperStyle);

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

@@ -220,6 +220,7 @@ var PortalManager = /** @class */ (function (_super) {
             },
             onUnmounted: function () {
                 var feedback = _this._feedbackMap.get(id);
+                _this._feedbackMap.delete(id);
                 resolveOnClosed(feedback);
             },
             props: props,

package/es6/components/PortalHost/context/index.js

@@ -1,2 +1,3 @@
+export * from './HasPortalParentContext';
 export * from './PortalIDContext';
 export * from './PortalManagerContext';

package/es6/components/PortalHost/index.js

@@ -1,4 +1,5 @@
 export * from './Connectable';
+export { HasPortalParentProvider } from './context';
 export * from './PortalHost';
 export * from './PortalManager';
 export * from './utils';

package/es6/components/Virtuoso/react-virtuoso/utils/conditionalFlushSync.js

@@ -1,4 +1,8 @@
-import { flushSync } from 'react-dom';
-export default function conditionalFlushSync(flag) {
-    return flag ? flushSync : function (cb) { return cb(); };
+// TODO: framer still not have flushSync in there framer version, skip that temporarily
+// import { flushSync } from 'react-dom';
+export default function conditionalFlushSync(
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+flag) {
+    // return flag ? flushSync : (cb: () => void) => cb();
+    return function (cb) { return cb(); };
 }

package/package.json

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