@ringcentral/juno 3.0.0-alpha.0 → 3.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/components/Transitions/ZoomFrom/ZoomFrom.js +1 -7
  2. package/components/Transitions/ZoomInFadeOut/ZoomInFadeOut.js +4 -7
  3. package/es6/components/Transitions/ZoomFrom/ZoomFrom.js +1 -7
  4. package/es6/components/Transitions/ZoomInFadeOut/ZoomInFadeOut.js +4 -7
  5. package/es6/foundation/hooks/useAudio/useAudio.js +1 -1
  6. package/es6/foundation/theme/useThemeProps.js +1 -1
  7. package/foundation/hooks/useAudio/useAudio.d.ts +1 -1
  8. package/foundation/hooks/useAudio/useAudio.js +1 -1
  9. package/foundation/theme/useThemeProps.d.ts +1 -1
  10. package/foundation/theme/useThemeProps.js +1 -1
  11. package/package.json +1 -2
package/components/Transitions/ZoomFrom/ZoomFrom.js CHANGED
@@ -19,7 +19,7 @@ var styles = {
19
19
  };
20
20
  var RcZoomFrom = (0, react_1.forwardRef)(function (inProps, ref) {
21
21
  var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcZoomFrom' });
22
- var fromRef = props.from, children = props.children, inProp = props.in, style = props.style, timeout = props.timeout, onExit = props.onExit, onEnter = props.onEnter, onExited = props.onExited, onExiting = props.onExiting, onEntering = props.onEntering, other = tslib_1.__rest(props, ["from", "children", "in", "style", "timeout", "onExit", "onEnter", "onExited", "onExiting", "onEntering"]);
22
+ var fromRef = props.from, children = props.children, inProp = props.in, style = props.style, _a = props.timeout, timeout = _a === void 0 ? { enter: Transition_1.duration.enteringScreen, exit: Transition_1.duration.enteringScreen } : _a, onExit = props.onExit, onEnter = props.onEnter, onExited = props.onExited, onExiting = props.onExiting, onEntering = props.onEntering, other = tslib_1.__rest(props, ["from", "children", "in", "style", "timeout", "onExit", "onEnter", "onExited", "onExiting", "onEntering"]);
23
23
  var theme = (0, foundation_1.useTheme)();
24
24
  var nodeRef = (0, react_1.useRef)(null);
25
25
  var handlers = (0, utils_1.useNormalizedTransitionProps)(tslib_1.__assign(tslib_1.__assign({}, props), { onEnter: function (node, isAppearing) {
@@ -55,10 +55,4 @@ var RcZoomFrom = (0, react_1.forwardRef)(function (inProps, ref) {
55
55
  }));
56
56
  });
57
57
  exports.RcZoomFrom = RcZoomFrom;
58
- RcZoomFrom.defaultProps = {
59
- timeout: {
60
- enter: Transition_1.duration.enteringScreen,
61
- exit: Transition_1.duration.enteringScreen,
62
- },
63
- };
64
58
  RcZoomFrom.displayName = 'ZoomInFadeOut';
package/components/Transitions/ZoomInFadeOut/ZoomInFadeOut.js CHANGED
@@ -25,7 +25,10 @@ var styles = {
25
25
  };
26
26
  var RcZoomInFadeOut = (0, react_1.forwardRef)(function (inProps, ref) {
27
27
  var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcZoomInFadeOut' });
28
- var children = props.children, inProp = props.in, style = props.style, onExit = props.onExit, onEnter = props.onEnter, timeout = props.timeout, other = tslib_1.__rest(props, ["children", "in", "style", "onExit", "onEnter", "timeout"]);
28
+ var children = props.children, inProp = props.in, style = props.style, onExit = props.onExit, onEnter = props.onEnter, _a = props.timeout, timeout = _a === void 0 ? {
29
+ enter: Transition_1.duration.enteringScreen,
30
+ exit: Transition_1.duration.enteringScreen,
31
+ } : _a, other = tslib_1.__rest(props, ["children", "in", "style", "onExit", "onEnter", "timeout"]);
29
32
  var theme = (0, foundation_1.useTheme)();
30
33
  var nodeRef = (0, react_1.useRef)(null);
31
34
  var handlers = (0, utils_1.useNormalizedTransitionProps)(tslib_1.__assign(tslib_1.__assign({}, props), { onEnter: function (node, isAppearing) {
@@ -51,10 +54,4 @@ var RcZoomInFadeOut = (0, react_1.forwardRef)(function (inProps, ref) {
51
54
  }));
52
55
  });
53
56
  exports.RcZoomInFadeOut = RcZoomInFadeOut;
54
- RcZoomInFadeOut.defaultProps = {
55
- timeout: {
56
- enter: Transition_1.duration.enteringScreen,
57
- exit: Transition_1.duration.enteringScreen,
58
- },
59
- };
60
57
  RcZoomInFadeOut.displayName = 'ZoomInFadeOut';
package/es6/components/Transitions/ZoomFrom/ZoomFrom.js CHANGED
@@ -16,7 +16,7 @@ var styles = {
16
16
  };
17
17
  var RcZoomFrom = forwardRef(function (inProps, ref) {
18
18
  var props = useThemeProps({ props: inProps, name: 'RcZoomFrom' });
19
- var fromRef = props.from, children = props.children, inProp = props.in, style = props.style, timeout = props.timeout, onExit = props.onExit, onEnter = props.onEnter, onExited = props.onExited, onExiting = props.onExiting, onEntering = props.onEntering, other = __rest(props, ["from", "children", "in", "style", "timeout", "onExit", "onEnter", "onExited", "onExiting", "onEntering"]);
19
+ var fromRef = props.from, children = props.children, inProp = props.in, style = props.style, _a = props.timeout, timeout = _a === void 0 ? { enter: duration.enteringScreen, exit: duration.enteringScreen } : _a, onExit = props.onExit, onEnter = props.onEnter, onExited = props.onExited, onExiting = props.onExiting, onEntering = props.onEntering, other = __rest(props, ["from", "children", "in", "style", "timeout", "onExit", "onEnter", "onExited", "onExiting", "onEntering"]);
20
20
  var theme = useTheme();
21
21
  var nodeRef = useRef(null);
22
22
  var handlers = useNormalizedTransitionProps(__assign(__assign({}, props), { onEnter: function (node, isAppearing) {
@@ -51,11 +51,5 @@ var RcZoomFrom = forwardRef(function (inProps, ref) {
51
51
  return React.cloneElement(children, __assign({ style: __assign(__assign(__assign({ visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, style), children.props.style), styles[state]), ref: handleRef }, childProps));
52
52
  }));
53
53
  });
54
- RcZoomFrom.defaultProps = {
55
- timeout: {
56
- enter: duration.enteringScreen,
57
- exit: duration.enteringScreen,
58
- },
59
- };
60
54
  RcZoomFrom.displayName = 'ZoomInFadeOut';
61
55
  export { RcZoomFrom };
package/es6/components/Transitions/ZoomInFadeOut/ZoomInFadeOut.js CHANGED
@@ -22,7 +22,10 @@ var styles = {
22
22
  };
23
23
  var RcZoomInFadeOut = forwardRef(function (inProps, ref) {
24
24
  var props = useThemeProps({ props: inProps, name: 'RcZoomInFadeOut' });
25
- var children = props.children, inProp = props.in, style = props.style, onExit = props.onExit, onEnter = props.onEnter, timeout = props.timeout, other = __rest(props, ["children", "in", "style", "onExit", "onEnter", "timeout"]);
25
+ var children = props.children, inProp = props.in, style = props.style, onExit = props.onExit, onEnter = props.onEnter, _a = props.timeout, timeout = _a === void 0 ? {
26
+ enter: duration.enteringScreen,
27
+ exit: duration.enteringScreen,
28
+ } : _a, other = __rest(props, ["children", "in", "style", "onExit", "onEnter", "timeout"]);
26
29
  var theme = useTheme();
27
30
  var nodeRef = useRef(null);
28
31
  var handlers = useNormalizedTransitionProps(__assign(__assign({}, props), { onEnter: function (node, isAppearing) {
@@ -47,11 +50,5 @@ var RcZoomInFadeOut = forwardRef(function (inProps, ref) {
47
50
  return React.cloneElement(children, __assign({ style: __assign(__assign(__assign({ transform: 'scale(0)', opacity: state === 'entering' ? 0 : 1, visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, style), children.props.style), styles[state]), ref: handleRef }, childProps));
48
51
  }));
49
52
  });
50
- RcZoomInFadeOut.defaultProps = {
51
- timeout: {
52
- enter: duration.enteringScreen,
53
- exit: duration.enteringScreen,
54
- },
55
- };
56
53
  RcZoomInFadeOut.displayName = 'ZoomInFadeOut';
57
54
  export { RcZoomInFadeOut };
package/es6/foundation/hooks/useAudio/useAudio.js CHANGED
@@ -17,7 +17,7 @@ import { useResultRef } from '../useResultRef';
17
17
  *
18
18
  * click();
19
19
  * ```
20
- * @see stories {@link https://develop-rcui-int.fiji.gliprc.com/?path=/story/%F0%9F%94%A7-foundation-hooks-useaudio--simple-announcer 🔧-foundation-hooks-useaudio--simple-announcer}
20
+ * @see stories {@link https://ringcentral.github.io/juno/?path=/story/%F0%9F%94%A7-foundation-hooks-useaudio--simple-announcer 🔧-foundation-hooks-useaudio--simple-announcer}
21
21
  * @see {@link https://chromium-review.googlesource.com/c/chromium/src/+/2816118}
22
22
  */
23
23
  export var useAudio = function (init) {
package/es6/foundation/theme/useThemeProps.js CHANGED
@@ -3,7 +3,7 @@ import { combineProps } from '../utils/combineProps';
3
3
  /**
4
4
  * use combine props from default theme props
5
5
  *
6
- * @see stories {@link https://develop-rcui-int.fiji.gliprc.com/?path=/story/api-reference-hooks-usethemeprops--page 🔧-foundation-hooks-usethemeprops--use-theme-props-example}
6
+ * @see stories {@link https://ringcentral.github.io/juno/?path=/story/api-reference-hooks-usethemeprops--page 🔧-foundation-hooks-usethemeprops--use-theme-props-example}
7
7
  */
8
8
  export function useThemeProps(_a) {
9
9
  var _b;
package/foundation/hooks/useAudio/useAudio.d.ts CHANGED
@@ -15,7 +15,7 @@
15
15
  *
16
16
  * click();
17
17
  * ```
18
- * @see stories {@link https://develop-rcui-int.fiji.gliprc.com/?path=/story/%F0%9F%94%A7-foundation-hooks-useaudio--simple-announcer 🔧-foundation-hooks-useaudio--simple-announcer}
18
+ * @see stories {@link https://ringcentral.github.io/juno/?path=/story/%F0%9F%94%A7-foundation-hooks-useaudio--simple-announcer 🔧-foundation-hooks-useaudio--simple-announcer}
19
19
  * @see {@link https://chromium-review.googlesource.com/c/chromium/src/+/2816118}
20
20
  */
21
21
  export declare const useAudio: (init?: ((audio: HTMLAudioElement) => void) | undefined) => HTMLAudioElement;
package/foundation/hooks/useAudio/useAudio.js CHANGED
@@ -20,7 +20,7 @@ var useResultRef_1 = require("../useResultRef");
20
20
  *
21
21
  * click();
22
22
  * ```
23
- * @see stories {@link https://develop-rcui-int.fiji.gliprc.com/?path=/story/%F0%9F%94%A7-foundation-hooks-useaudio--simple-announcer 🔧-foundation-hooks-useaudio--simple-announcer}
23
+ * @see stories {@link https://ringcentral.github.io/juno/?path=/story/%F0%9F%94%A7-foundation-hooks-useaudio--simple-announcer 🔧-foundation-hooks-useaudio--simple-announcer}
24
24
  * @see {@link https://chromium-review.googlesource.com/c/chromium/src/+/2816118}
25
25
  */
26
26
  var useAudio = function (init) {
package/foundation/theme/useThemeProps.d.ts CHANGED
@@ -2,7 +2,7 @@ import { RcComponentsProps } from './theme.type';
2
2
  /**
3
3
  * use combine props from default theme props
4
4
  *
5
- * @see stories {@link https://develop-rcui-int.fiji.gliprc.com/?path=/story/api-reference-hooks-usethemeprops--page 🔧-foundation-hooks-usethemeprops--use-theme-props-example}
5
+ * @see stories {@link https://ringcentral.github.io/juno/?path=/story/api-reference-hooks-usethemeprops--page 🔧-foundation-hooks-usethemeprops--use-theme-props-example}
6
6
  */
7
7
  export declare function useThemeProps<T, K extends keyof RcComponentsProps>({ props, name, }: {
8
8
  props: T;
package/foundation/theme/useThemeProps.js CHANGED
@@ -6,7 +6,7 @@ var combineProps_1 = require("../utils/combineProps");
6
6
  /**
7
7
  * use combine props from default theme props
8
8
  *
9
- * @see stories {@link https://develop-rcui-int.fiji.gliprc.com/?path=/story/api-reference-hooks-usethemeprops--page 🔧-foundation-hooks-usethemeprops--use-theme-props-example}
9
+ * @see stories {@link https://ringcentral.github.io/juno/?path=/story/api-reference-hooks-usethemeprops--page 🔧-foundation-hooks-usethemeprops--use-theme-props-example}
10
10
  */
11
11
  function useThemeProps(_a) {
12
12
  var _b;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ringcentral/juno",
3
- "version": "3.0.0-alpha.0",
3
+ "version": "3.0.0-alpha.1",
4
4
  "author": "RingCentral",
5
5
  "license": "MIT",
6
6
  "main": "./index.js",
@@ -22,7 +22,6 @@
22
22
  "@material-ui/styles": "^4.11.4",
23
23
  "@types/lodash": "^4.14.169",
24
24
  "@types/react-beautiful-dnd": "^13.0.0",
25
- "@types/styled-components": "5.1.36",
26
25
  "clsx": "^1.0.4",
27
26
  "focus-visible": "^5.1.0",
28
27
  "lodash": "^4.17.21",