@ringcentral/juno 2.31.0-hotfix.5 → 2.31.0-hotfix.6

package/components/Tabs/Tabs/MoreMenuTabs/utils/MoreMenuTabsUtils.d.ts

@@ -1,36 +1,5 @@
-export declare const DEFAULT_SIZE: {
-    width: number;
-    height: number;
-};
-export declare const computeChildBySize: (labelArray: {
-    key: string;
-    size: number;
-}[], fixLabel: string | undefined, limitSize: number) => {
-    plainArr: string[];
-    groupArr: string[];
-};
-export declare const getDomBoundingClientSize: (dom: HTMLElement | null) => {
-    width: number;
-    height: number;
-};
-/**
- *
- * @param keyProp React.key
- * @param idx string
- * @example
- * getKey('tab_0', 0) => childIdx_0_propKey_tab_0
- * getKey(undefined, 1) => childIdx_1
- */
-export declare const getKey: (keyProp?: string | number | undefined, idx?: number | undefined) => string;
 export declare type GroupTabInfoType = {
-    index?: string;
-    key?: string;
+    index: number;
+    key: string | number;
 };
-/**
- *
- * @example
- * parseKey(childIdx_1) => { index: 1 }
- * parseKey(childIdx_1_propKey_tab_1) => { index: 1, key: tab_1 }
- */
-export declare const parseKey: (key: string) => GroupTabInfoType;
-export declare type RcTabsMoreMenuGroupInfoType = GroupTabInfoType[][];
+export declare type RcTabsMoreMenuGroupInfoType = [GroupTabInfoType[], GroupTabInfoType[]];

package/components/Tabs/Tabs/MoreMenuTabs/utils/MoreMenuTabsUtils.js

@@ -1,89 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_SIZE = {
-    width: 0,
-    height: 0,
-};
-exports.computeChildBySize = function (labelArray, fixLabel, limitSize) {
-    var plainArr = [];
-    var groupArr = [];
-    var sumSize = 0;
-    var groupFlag = false;
-    labelArray.forEach(function (_label) {
-        var label = _label.key, size = _label.size;
-        if (groupFlag === false && sumSize + size < limitSize) {
-            sumSize += size;
-            plainArr.push(label);
-        }
-        else {
-            groupFlag = true;
-            groupArr.push(label);
-        }
-    });
-    if (fixLabel && groupArr.includes(fixLabel)) {
-        plainArr = [];
-        groupArr = [];
-        var fixLabelSize_1 = 0;
-        labelArray.forEach(function (_label) {
-            var label = _label.key, size = _label.size;
-            if (label === fixLabel) {
-                fixLabelSize_1 = size;
-            }
-        });
-        var sumFixSize_1 = 0;
-        var groupFlag_1 = false;
-        labelArray.forEach(function (_label) {
-            var label = _label.key, size = _label.size;
-            if (label === fixLabel) {
-                return;
-            }
-            if (groupFlag_1 === false && sumFixSize_1 + size < limitSize - fixLabelSize_1) {
-                sumFixSize_1 += size;
-                plainArr.push(label);
-            }
-            else {
-                groupFlag_1 = true;
-                groupArr.push(label);
-            }
-        });
-        plainArr.push(fixLabel);
-    }
-    return {
-        plainArr: plainArr,
-        groupArr: groupArr,
-    };
-};
-exports.getDomBoundingClientSize = function (dom) {
-    if (!dom || dom.nodeType !== 1) {
-        return exports.DEFAULT_SIZE;
-    }
-    var _a = dom.getBoundingClientRect(), width = _a.width, height = _a.height;
-    return {
-        width: width,
-        height: height,
-    };
-};
-/**
- *
- * @param keyProp React.key
- * @param idx string
- * @example
- * getKey('tab_0', 0) => childIdx_0_propKey_tab_0
- * getKey(undefined, 1) => childIdx_1
- */
-exports.getKey = function (keyProp, idx) {
-    return "childIdx_" + idx + (keyProp ? "_propKey_" + keyProp : '');
-};
-/**
- *
- * @example
- * parseKey(childIdx_1) => { index: 1 }
- * parseKey(childIdx_1_propKey_tab_1) => { index: 1, key: tab_1 }
- */
-exports.parseKey = function (key) {
-    var match = /^(?:childIdx_)(\d+)(?:_propKey_)?(.*)/gi.exec(key);
-    return {
-        index: match === null || match === void 0 ? void 0 : match[1],
-        key: match === null || match === void 0 ? void 0 : match[2].replace(/^\.\$/i, ''),
-    };
-};

package/components/Tabs/Tabs/MoreMenuTabs/utils/index.js

@@ -1,4 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./MoreMenuTabsUtils"), exports);

package/es6/components/Tabs/Tabs/MoreMenuTab/MoreMenuTab.js

@@ -7,7 +7,6 @@ import { RcListItemIcon, RcListItemText } from '../../../List';
 import { RcMenu, RcMenuItem, } from '../../../Menu';
 import { RcTooltip } from '../../../Tooltip';
 import { RcTab } from '../../Tab';
-import { getKey } from '../MoreMenuTabs/utils';
 import { MoreMenuTabStyle } from './styles';
 var DEFAULT_MORE_MENU_TAB_LABEL = 'more_menu_tab';
 var _MoreMenuTab = forwardRef(function (props, ref) {
@@ -43,19 +42,19 @@ var _MoreMenuTab = forwardRef(function (props, ref) {
         if (!menuItems || menuItems.length === 0) {
             return null;
         }
-        return menuItems.map(function (item, idx) {
-            var icon = item.icon, label = item.label, value = item.value, disabled = item.disabled, onClick = item.onClick, selected = item.selected, menuItemRest = __rest(item, ["icon", "label", "value", "disabled", "onClick", "selected"]);
+        return menuItems.map(function (item) {
+            var icon = item.icon, label = item.label, value = item.value, disabled = item.disabled, onClick = item.onClick, selected = item.selected, key = item.key, menuItemRest = __rest(item, ["icon", "label", "value", "disabled", "onClick", "selected", "key"]);
             var handleClick = function (event) {
                 onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
                 onClick === null || onClick === void 0 ? void 0 : onClick(event);
             };
-            return (React.createElement(MenuItemComponent, { key: getKey(menuItemRest.key, idx), disabled: disabled, selected: selected, value: value, onClick: handleClick, "data-test-automation-id": menuItemRest['data-test-automation-id'] },
+            return (React.createElement(MenuItemComponent, { key: key, disabled: disabled, selected: selected, value: value, onClick: handleClick, "data-test-automation-id": menuItemRest['data-test-automation-id'] },
                 icon ? React.createElement(RcListItemIcon, null, icon) : null,
                 React.createElement(RcListItemText, { primary: label || value })));
         });
     }, [MenuItemComponent, menuItems, onChange]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(RcTab, __assign({}, rest, { ref: ref, onClick: handleTabClick, label: MoreIcon, value: DEFAULT_MORE_MENU_TAB_LABEL, "aria-haspopup": "true", "aria-controls": menuId })),
+        React.createElement(RcTab, __assign({}, rest, { ref: ref, onClick: handleTabClick, label: MoreIcon, value: DEFAULT_MORE_MENU_TAB_LABEL, "aria-haspopup": "true", "aria-controls": menuId, "data-tab-more-button": "" })),
         React.createElement(RcMenu, __assign({ autoClose: true }, MenuPropsRest, { id: menuId, anchorEl: anchorEl, open: open, variant: "menu", onClose: handleMenuClose }), MenuList)));
 });
 /** inner component */

package/es6/components/Tabs/Tabs/MoreMenuTabs/MoreMenuTabSentinel.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+export var MoreMenuTabSentinel = forwardRef(function (props, ref) {
+    var onFocus = props.onFocus, id = props.id;
+    return (React.createElement("div", { ref: ref, "aria-hidden": true, style: { position: 'absolute', top: 0, left: 0, height: 0, width: 0 }, tabIndex: -1, "data-tab-sentinel": id, onFocus: onFocus }));
+});
+MoreMenuTabSentinel.displayName = 'MoreMenuTabSentinel';