@ringcentral/juno 1.11.6-beta.5716-0e1a6b2b → 1.12.0

package/components/Typography/deprecated/Typography.js

@@ -1,70 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var react_1 = __importDefault(require("react"));
-var foundation_1 = require("../../../foundation");
-var styled_components_1 = __importDefault(require("../../../foundation/styled-components"));
-// https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Typography/Typography.js
-var MuiTypographyVariant = [
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-    'subtitle1',
-    'subtitle2',
-    'body1',
-    'body2',
-    'caption',
-    'button',
-    'overline',
-    'srOnly',
-    'inherit',
-];
-var WrappedMuiTypography = react_1.default.forwardRef(function (_a, ref) {
-    var variant = _a.variant, component = _a.component, rest = __rest(_a, ["variant", "component"]);
-    return (react_1.default.createElement(Typography_1.default, __assign({}, rest, { component: component, ref: ref, variant: variant && MuiTypographyVariant.includes(variant)
-            ? variant
-            : undefined })));
-});
-/** @deprecated please not use this component anymore */
-var RcTypography = styled_components_1.default(WrappedMuiTypography)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  && {\n    ", "\n  }\n"], ["\n  && {\n    ", "\n  }\n"])), function (_a) {
-    var variant = _a.variant;
-    return (variant === 'inherit' ? '' : foundation_1.typography(variant));
-});
-exports.RcTypography = RcTypography;
-RcTypography.displayName = 'RcTypography';
-RcTypography.defaultProps = {
-    variant: 'body1',
-};
-var templateObject_1;

package/components/Typography/deprecated/index.d.ts

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

package/components/Typography/deprecated/index.js

@@ -1,6 +0,0 @@
-"use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./Typography"));

package/es6/components/Badges/Badge.js

@@ -1,43 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import MuiBadge from '@material-ui/core/Badge';
-import React, { memo } from 'react';
-import styled, { css } from '../../foundation/styled-components';
-var MAX_SIZE = 6;
-var badgeWidth = MAX_SIZE * 4 + "px";
-var badgeHeight = MAX_SIZE * 4 + "px";
-var badgeOffsetX = -(MAX_SIZE / 2) * 4 + "px";
-var badgeOffsetY = -(MAX_SIZE / 2) * 4 + "px";
-var badgePlacementStyles = {
-    'top-left': css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    top: ", ";\n    right: auto;\n    bottom: auto;\n    left: ", ";\n  "], ["\n    top: ", ";\n    right: auto;\n    bottom: auto;\n    left: ", ";\n  "])), badgeOffsetY, badgeOffsetX),
-    'top-right': css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    top: ", ";\n    right: ", ";\n    bottom: auto;\n    left: auto;\n  "], ["\n    top: ", ";\n    right: ", ";\n    bottom: auto;\n    left: auto;\n  "])), badgeOffsetY, badgeOffsetX),
-    'bottom-left': css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    top: auto;\n    right: auto;\n    bottom: ", ";\n    left: ", ";\n  "], ["\n    top: auto;\n    right: auto;\n    bottom: ", ";\n    left: ", ";\n  "])), badgeOffsetY, badgeOffsetX),
-    'bottom-right': css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    top: auto;\n    right: ", ";\n    bottom: ", ";\n    left: auto;\n  "], ["\n    top: auto;\n    right: ", ";\n    bottom: ", ";\n    left: auto;\n  "])), badgeOffsetX, badgeOffsetY),
-};
-var StyledBadge = styled(MuiBadge)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  .badge {\n    width: ", ";\n    height: ", ";\n    ", ";\n  }\n"], ["\n  .badge {\n    width: ", ";\n    height: ", ";\n    ", ";\n  }\n"])), badgeWidth, badgeHeight, function (_a) {
-    var placement = _a.placement;
-    return badgePlacementStyles[placement];
-});
-/** @deprecated please use `components/Badge` */
-var RcBadge = memo(function (props) { return (React.createElement(StyledBadge, __assign({}, props, { classes: {
-        badge: 'badge',
-    } }), props.children)); });
-RcBadge.defaultProps = {
-    placement: 'top-right',
-};
-RcBadge.displayName = 'RcBadge';
-export { RcBadge };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/es6/components/Badges/index.js

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

package/es6/components/Buttons/ButtonBar/ButtonBar.js

@@ -1,64 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useCallback, } from 'react';
-import { styled, useA11yKeyEvent, useDeprecatedLog, } from '../../../foundation';
-import { StyledButtonBar } from './styles';
-var _RcButtonBar = function (props) {
-    var children = props.children, isStopPropagation = props.isStopPropagation, onClick = props.onClick, onKeyUp = props.onKeyUp, rest = __rest(props, ["children", "isStopPropagation", "onClick", "onKeyUp"]);
-    useDeprecatedLog({
-        component: 'RcButtonBar',
-        message: "please use `RcIconButtonGroup` to replace that,\n      `margin` => `space`\n      `overlapSize` => `gap`",
-    });
-    var clickHandler = useCallback(function (event) {
-        onClick && onClick(event);
-        isStopPropagation && event.stopPropagation();
-    }, [onClick, isStopPropagation]);
-    var handleOnKeyUp = useA11yKeyEvent(clickHandler, {
-        preventDefault: false,
-    });
-    /** that button bar just for put buttons inside, and can stop below all events from this bar layer. */
-    var keyUpHandler = useCallback(function (event) {
-        onKeyUp && onKeyUp(event);
-        isStopPropagation && event.stopPropagation();
-        handleOnKeyUp(event);
-    }, [onKeyUp, isStopPropagation, handleOnKeyUp]);
-    return (React.createElement(StyledButtonBar, __assign({ onClick: clickHandler, onKeyUp: keyUpHandler }, rest), children));
-};
-_RcButtonBar.defaultProps = {
-    overlapSize: 0,
-    direction: 'horizontal',
-};
-/**
- * @deprecated
- * please use `RcIconButtonGroup` to replace that,
- * `margin` => `space`
- * `overlapSize` => `gap`
- */
-var RcButtonBar = styled(_RcButtonBar)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-RcButtonBar.displayName = 'RcButtonBar';
-export { RcButtonBar };
-var templateObject_1;

package/es6/components/Buttons/ButtonBar/index.js

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

package/es6/components/Buttons/ButtonBar/styles/StyledButtonBar.js

@@ -1,43 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
-};
-import { styled, spacing } from '../../../../foundation';
-var leftPadding = function (_a) {
-    var direction = _a.direction, overlapSize = _a.overlapSize;
-    return direction === 'horizontal' && overlapSize && spacing(-overlapSize);
-};
-var topPadding = function (_a) {
-    var direction = _a.direction, overlapSize = _a.overlapSize;
-    return direction === 'vertical' && overlapSize && spacing(-overlapSize);
-};
-var StyledButtonBar = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: ", ";\n  white-space: nowrap;\n  flex-wrap: nowrap;\n  flex-shrink: 0;\n  align-items: center;\n\n  margin: ", ";\n\n  && > *:nth-child(n + 2) {\n    margin-left: ", ";\n    margin-top: ", ";\n  }\n"], ["\n  display: flex;\n  flex-direction: ",
-    ";\n  white-space: nowrap;\n  flex-wrap: nowrap;\n  flex-shrink: 0;\n  align-items: center;\n\n  margin: ", ";\n\n  && > *:nth-child(n + 2) {\n    margin-left: ", ";\n    margin-top: ", ";\n  }\n"])), function (_a) {
-    var direction = _a.direction;
-    return direction === 'vertical' ? 'column' : 'row';
-}, function (_a) {
-    var margin = _a.margin;
-    return (margin ? spacing.apply(void 0, __spread(margin)) : spacing(0));
-}, leftPadding, topPadding);
-export { StyledButtonBar };
-var templateObject_1;

package/es6/components/Buttons/ButtonBar/styles/index.js

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

package/es6/components/Menu/deprecated/Menu/Menu.js

@@ -1,88 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import React, { forwardRef, memo, useMemo, useState, } from 'react';
-import { styled, useEventCallback, useRcPortalWindowContext, withDeprecatedCheck, } from '../../../../foundation';
-import { StyledMenu } from './styles';
-var MenuContext = React.createContext({
-    autoClose: false,
-    open: false,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    closeMenu: function (event, reason) { },
-    focusedMenuItemId: '',
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    setFocusedMenuItemId: function (id) { },
-});
-// TODO: should use ref to refactor this menu logic with focus item set
-var MemoMenu = memo(StyledMenu);
-var _RcMenu = forwardRef(function (_a, ref) {
-    var onClose = _a.onClose, open = _a.open, enableCloseMenuWhenItemClicked = _a.enableCloseMenuWhenItemClicked, _b = _a.autoClose, autoClose = _b === void 0 ? enableCloseMenuWhenItemClicked : _b, children = _a.children, rest = __rest(_a, ["onClose", "open", "enableCloseMenuWhenItemClicked", "autoClose", "children"]);
-    var _c = __read(useState(''), 2), focusedMenuItemId = _c[0], setFocusedMenuItemId = _c[1];
-    var externalWindow = useRcPortalWindowContext().externalWindow;
-    var handleClose = useEventCallback(function (event, reason) {
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, reason);
-    });
-    var ctxValue = useMemo(function () { return ({
-        autoClose: !!autoClose,
-        open: open,
-        closeMenu: handleClose,
-        focusedMenuItemId: focusedMenuItemId,
-        setFocusedMenuItemId: function (id) { return setFocusedMenuItemId(id); },
-    }); }, [autoClose, focusedMenuItemId, handleClose, open]);
-    return (React.createElement(MenuContext.Provider, { value: ctxValue },
-        React.createElement(MemoMenu, __assign({ container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body }, rest, { open: open, ref: ref, onClose: handleClose, disableEnforceFocus: true }), children)));
-});
-/** @release */
-var RcMenu = styled(withDeprecatedCheck(_RcMenu, [
-    {
-        prop: 'enableCloseMenuWhenItemClicked',
-        time: '2021-2',
-        comment: "use autoClose to replace that ",
-    },
-], 'RcMenu'))(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-RcMenu.displayName = 'RcMenu';
-RcMenu.defaultProps = {
-    getContentAnchorEl: null,
-    anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
-};
-export { RcMenu, MenuContext as RcMenuContext };
-var templateObject_1;

package/es6/components/Menu/deprecated/Menu/index.js

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

package/es6/components/Menu/deprecated/Menu/styles/StyledMenu.js

@@ -1,37 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import MuiMenu from '@material-ui/core/Menu';
-import React, { forwardRef } from 'react';
-import { spacing, styled } from '../../../../../foundation';
-import { RcDivider } from '../../../../Divider';
-var _StyledMenu = forwardRef(function (_a, ref) {
-    var rest = __rest(_a, []);
-    return React.createElement(MuiMenu, __assign({}, rest, { ref: ref }));
-});
-var StyledMenu = styled(_StyledMenu)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    margin: ", ";\n  }\n"], ["\n  ", " {\n    margin: ", ";\n  }\n"])), RcDivider, spacing(2, 0));
-export { StyledMenu };
-var templateObject_1;

package/es6/components/Menu/deprecated/Menu/styles/index.js

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

package/es6/components/Menu/deprecated/MenuItem/MenuItem.js

@@ -1,149 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import clsx from 'clsx';
-import uniqueId from 'lodash/uniqueId';
-import React, { forwardRef, useContext, useEffect, useMemo, useState, } from 'react';
-import { combineClasses, omit, styled, useEventCallback, withDeprecatedCheck, } from '../../../../foundation';
-import checkSvg from '../../../../icon/Check';
-import { RcIcon } from '../../../Icon';
-import { withTooltip } from '../../../Tooltip';
-import { RcMenuContext } from '../Menu';
-import { RcMenuListContext } from '../MenuList';
-import { RcSubMenuContext } from '../SubMenu';
-import { StyledMenuItem, StyledMuiListItemIcon, StyledRcIcon, StyledRcListItemLabel, } from './styles';
-import { RcMenuItemClasses } from './utils/MenuItemUtil';
-var _RcMenuItem = forwardRef(function (props, ref) {
-    var _a;
-    var icon = props.icon, subtext = props.subtext, type = props.type, checked = props.checked, value = props.value, symbol = props.symbol, children = props.children, disabled = props.disabled, classes = props.classes, isMember = props.isMember, avatar = props.avatar, automationId = props.automationId, maxWidth = props.maxWidth, size = props.size, label = props.label, className = props.className, onMouseEnter = props.onMouseEnter, onClick = props.onClick, rest = __rest(props, ["icon", "subtext", "type", "checked", "value", "symbol", "children", "disabled", "classes", "isMember", "avatar", "automationId", "maxWidth", "size", "label", "className", "onMouseEnter", "onClick"]);
-    var isCheckedType = type === 'checked';
-    var iconElement = useMemo(function () {
-        if (React.isValidElement(avatar)) {
-            return avatar;
-        }
-        if (symbol) {
-            return React.createElement(RcIcon, { size: "small", symbol: symbol });
-        }
-        if (React.isValidElement(icon)) {
-            return icon;
-        }
-        if (typeof icon === 'string') {
-            return React.createElement(RcIcon, { size: "small" }, icon);
-        }
-        return null;
-    }, [avatar, icon, symbol]);
-    var renderSubText = useMemo(function () {
-        if (!isCheckedType) {
-            return subtext;
-        }
-        return checked ? (React.createElement(StyledRcIcon, { size: "large", symbol: checkSvg, color: ['interactive', 'f01'] })) : (subtext);
-    }, [checked, isCheckedType, subtext]);
-    var _b = __read(useState(undefined), 2), menuItemUUID = _b[0], setMenuItemUUID = _b[1];
-    var menuContext = useContext(RcMenuContext);
-    var menuListContext = useContext(RcMenuListContext);
-    var subMenuContext = useContext(RcSubMenuContext);
-    useEffect(function () {
-        if (!menuListContext.isMenuList) {
-            menuListContext.setIsMenuList();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        setMenuItemUUID(uniqueId('rc-menu-item-'));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    var handleMenuItemMouseEnter = useEventCallback(function (e) {
-        onMouseEnter && onMouseEnter(e);
-        if (!menuItemUUID) {
-            return;
-        }
-        if (menuListContext.isMenuList) {
-            menuListContext.setFocusedMenuItemId(menuItemUUID);
-        }
-        else {
-            menuContext.setFocusedMenuItemId(menuItemUUID);
-        }
-    });
-    var handleMenuItemClick = useEventCallback(function (e) {
-        onClick && onClick(e);
-        if (menuContext.autoClose) {
-            menuContext.closeMenu(e, 'tabKeyDown');
-        }
-        if (subMenuContext.autoClose && subMenuContext.closeSubMenu) {
-            subMenuContext.closeSubMenu();
-        }
-    });
-    var groupClasses = useMemo(function () { return combineClasses(RcMenuItemClasses, classes); }, [classes]);
-    var toClasses = useMemo(function () { return omit(groupClasses, ['checked', 'unchecked']); }, [groupClasses]);
-    return (React.createElement(StyledMenuItem, __assign({ "data-test-automation-id": automationId, disabled: disabled, isMember: isMember, "data-disabled": disabled, maxWidth: maxWidth, ref: ref, size: size, value: value }, rest, { classes: toClasses, onMouseEnter: handleMenuItemMouseEnter, onClick: handleMenuItemClick, className: clsx(className, (_a = {},
-            _a[groupClasses.checked] = isCheckedType && checked,
-            _a[groupClasses.unchecked] = isCheckedType && !checked,
-            _a)) }),
-        iconElement && (React.createElement(StyledMuiListItemIcon, null, iconElement)),
-        label && React.createElement(StyledRcListItemLabel, null,
-            label,
-            "\u00A0"),
-        children,
-        renderSubText));
-});
-/** @release */
-var RcMenuItem = styled(withDeprecatedCheck(withTooltip(_RcMenuItem), [
-    {
-        prop: 'isMember',
-        time: '2021-1',
-        comment: 'isMember used for when hover on MenuItem, is cursor in shape of pointer. Please instead recommend using classes to define it.',
-    },
-    {
-        prop: 'maxWidth',
-        time: '2021-1',
-        comment: 'Please instead recommend using classes to define it.',
-    },
-    {
-        prop: 'label',
-        time: '2021-1',
-        comment: 'Please add label component and add to children prop',
-    },
-], 'RcMenuItem'))(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-RcMenuItem.displayName = 'RcMenuItem';
-RcMenuItem.defaultProps = {
-    size: 'medium',
-};
-export { RcMenuItem };
-var templateObject_1;

package/es6/components/Menu/deprecated/MenuItem/index.js

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

package/es6/components/Menu/deprecated/MenuItem/styles/StyledMenuItem.js

@@ -1,51 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import MuiMenuItem from '@material-ui/core/MenuItem';
-import React, { forwardRef } from 'react';
-import { css, palette, paletteContrastText, spacing, styled, typography, } from '../../../../../foundation';
-import { RcIcon } from '../../../../Icon';
-import { StyledMenuItemActionWrapper } from '../../../MenuItemActionWrapper/styles';
-import { RcMenuItemClasses } from '../utils/MenuItemUtil';
-import { StyledMuiListItemIcon } from './StyledMuiListItemIcon';
-var FilteredMenuItem = forwardRef(function (_a, ref) {
-    var icon = _a.icon, symbol = _a.symbol, avatar = _a.avatar, maxWidth = _a.maxWidth, isMember = _a.isMember, size = _a.size, rest = __rest(_a, ["icon", "symbol", "avatar", "maxWidth", "isMember", "size"]);
-    return (React.createElement(MuiMenuItem, __assign({ disableGutters: true, ref: ref }, rest)));
-});
-var StyledRcIcon = styled(RcIcon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: ", ";\n"], ["\n  margin-left: ", ";\n"])), spacing(2));
-var StyledMenuItem = styled(FilteredMenuItem)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  outline: none;\n  padding: ", ";\n  ", ";\n  color: ", ";\n  height: auto;\n  min-height: 32px;\n  min-width: 112px;\n  ", "\n  box-sizing: border-box;\n\n  &.", " {\n    padding-right: ", ";\n  }\n\n  &:hover {\n    /* @deprecated */\n    cursor: ", ";\n    ", " {\n      display: block;\n    }\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n    ", " {\n      color: ", ";\n    }\n  }\n"], ["\n  outline: none;\n  padding: ", ";\n  ", ";\n  color: ", ";\n  height: auto;\n  min-height: 32px;\n  min-width: 112px;\n  ",
-    "\n  box-sizing: border-box;\n\n  &.", " {\n    padding-right: ", ";\n  }\n\n  &:hover {\n    /* @deprecated */\n    cursor: ", ";\n    ", " {\n      display: block;\n    }\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n    ", " {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
-    var size = _a.size;
-    return (size === 'large' ? spacing(2, 5) : spacing(1, 4));
-}, typography('body1'), palette('neutral', 'f06'), function (_a) {
-    var maxWidth = _a.maxWidth;
-    return maxWidth !== undefined && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      max-width: ", "px;\n    "], ["\n      max-width: ", "px;\n    "])), maxWidth);
-}, RcMenuItemClasses.unchecked, spacing(12), function (_a) {
-    var isMember = _a.isMember;
-    return (isMember ? 'default' : 'pointer');
-}, StyledMenuItemActionWrapper, palette('interactive', 'b02'), paletteContrastText(palette('interactive', 'b02')), StyledMuiListItemIcon, paletteContrastText(palette('interactive', 'b02')));
-export { StyledMenuItem, StyledMenuItemActionWrapper, StyledRcIcon };
-var templateObject_1, templateObject_2, templateObject_3;

package/es6/components/Menu/deprecated/MenuItem/styles/StyledMuiListItemIcon.js

@@ -1,36 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import MuiListItemIcon from '@material-ui/core/ListItemIcon';
-import React from 'react';
-import { palette2, spacing, styled, typography, } from '../../../../../foundation';
-var _RcListItemIcon = function (_a) {
-    var rest = __rest(_a, []);
-    return React.createElement(MuiListItemIcon, __assign({}, rest));
-};
-var StyledMuiListItemIcon = styled(_RcListItemIcon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-width: unset;\n  margin-right: ", ";\n  ", ";\n  color: ", ";\n"], ["\n  min-width: unset;\n  margin-right: ", ";\n  ", ";\n  color: ", ";\n"])), spacing(2), typography('subheading1'), palette2('neutral', 'f04'));
-export { StyledMuiListItemIcon };
-var templateObject_1;

package/es6/components/Menu/deprecated/MenuItem/styles/StyledRcListItemLabel.js

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { styled } from '../../../../../foundation';
-var StyledRcListItemLabel = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: bold;\n"], ["\n  font-weight: bold;\n"])));
-export { StyledRcListItemLabel };
-var templateObject_1;

package/es6/components/Menu/deprecated/MenuItem/styles/index.js

@@ -1,3 +0,0 @@
-export * from './StyledMenuItem';
-export * from './StyledMuiListItemIcon';
-export * from './StyledRcListItemLabel';

package/es6/components/Menu/deprecated/MenuItem/utils/MenuItemUtil.js

@@ -1,2 +0,0 @@
-import { RcClasses } from '../../../../../foundation';
-export var RcMenuItemClasses = RcClasses(['checked', 'unchecked'], 'RcMenuItem');