@rocket.chat/fuselage 0.55.2 → 0.56.0

package/dist/fuselage.development.js

@@ -7513,6 +7513,7 @@ var Menu = function (_a) {
         button ? ((0, react_1.cloneElement)(button, __assign(__assign({}, buttonProps), { ref: ref, icon: icon, className: className, title: title, pressed: pressed || state.isOpen }))) : (react_1.default.createElement(MenuButton, __assign({}, buttonProps, { ref: ref, icon: icon, className: className, title: title, pressed: pressed || state.isOpen, small: defaultSmall }, sizes))),
         detached ? (0, react_dom_1.createPortal)(popover, document.body) : popover));
 };
+Menu.displayName = 'MenuV2';
 exports["default"] = Menu;
 
 
@@ -7933,9 +7934,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MenuItemDescription = exports.MenuItemTitle = exports.MenuItemSkeleton = exports.MenuItemInput = exports.MenuItemIcon = exports.MenuItemContent = exports.MenuItemColumn = exports.MenuItemAvatar = exports.MenuSection = exports.MenuItem = exports.MenuV2 = void 0;
-var react_stately_1 = __webpack_require__(/*! react-stately */ "react-stately");
-Object.defineProperty(exports, "MenuItem", ({ enumerable: true, get: function () { return react_stately_1.Item; } }));
-Object.defineProperty(exports, "MenuSection", ({ enumerable: true, get: function () { return react_stately_1.Section; } }));
 var Option_1 = __webpack_require__(/*! ../../Option */ "./src/components/Option/index.tsx");
 Object.defineProperty(exports, "MenuItemIcon", ({ enumerable: true, get: function () { return Option_1.OptionIcon; } }));
 Object.defineProperty(exports, "MenuItemAvatar", ({ enumerable: true, get: function () { return Option_1.OptionAvatar; } }));
@@ -7947,6 +7945,290 @@ Object.defineProperty(exports, "MenuItemTitle", ({ enumerable: true, get: functi
 Object.defineProperty(exports, "MenuItemDescription", ({ enumerable: true, get: function () { return Option_1.OptionDescriptionBlock; } }));
 var Menu_1 = __webpack_require__(/*! ./Menu */ "./src/components/Menu/V2/Menu.tsx");
 Object.defineProperty(exports, "MenuV2", ({ enumerable: true, get: function () { return __importDefault(Menu_1).default; } }));
+var MenuItem_1 = __webpack_require__(/*! ./stately/MenuItem */ "./src/components/Menu/V2/stately/MenuItem.tsx");
+Object.defineProperty(exports, "MenuItem", ({ enumerable: true, get: function () { return __importDefault(MenuItem_1).default; } }));
+var MenuSection_1 = __webpack_require__(/*! ./stately/MenuSection */ "./src/components/Menu/V2/stately/MenuSection.tsx");
+Object.defineProperty(exports, "MenuSection", ({ enumerable: true, get: function () { return __importDefault(MenuSection_1).default; } }));
+
+
+/***/ }),
+
+/***/ "./src/components/Menu/V2/stately/MenuItem.tsx":
+/*!*****************************************************!*\
+  !*** ./src/components/Menu/V2/stately/MenuItem.tsx ***!
+  \*****************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __webpack_require__(/*! react */ "react");
+function MenuItem(_props) {
+    return null;
+}
+MenuItem.getCollectionNode = function getCollectionNode(props, context) {
+    var childItems, title, children, rendered, textValue;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                childItems = props.childItems, title = props.title, children = props.children;
+                rendered = props.title || props.children;
+                textValue = props.textValue ||
+                    (typeof rendered === 'string' ? rendered : '') ||
+                    props['aria-label'] ||
+                    '';
+                if (!textValue && !(context === null || context === void 0 ? void 0 : context.suppressTextValueWarning)) {
+                    console.warn('<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.');
+                }
+                return [4 /*yield*/, {
+                        'type': 'item',
+                        props: props,
+                        rendered: rendered,
+                        textValue: textValue,
+                        'aria-label': props['aria-label'],
+                        'hasChildNodes': hasChildItems(props),
+                        'childNodes': function () {
+                            var childItems_1, childItems_1_1, child, e_1_1, items_1;
+                            var e_1, _a;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        if (!childItems) return [3 /*break*/, 9];
+                                        _b.label = 1;
+                                    case 1:
+                                        _b.trys.push([1, 6, 7, 8]);
+                                        childItems_1 = __values(childItems), childItems_1_1 = childItems_1.next();
+                                        _b.label = 2;
+                                    case 2:
+                                        if (!!childItems_1_1.done) return [3 /*break*/, 5];
+                                        child = childItems_1_1.value;
+                                        return [4 /*yield*/, {
+                                                type: 'item',
+                                                value: child,
+                                            }];
+                                    case 3:
+                                        _b.sent();
+                                        _b.label = 4;
+                                    case 4:
+                                        childItems_1_1 = childItems_1.next();
+                                        return [3 /*break*/, 2];
+                                    case 5: return [3 /*break*/, 8];
+                                    case 6:
+                                        e_1_1 = _b.sent();
+                                        e_1 = { error: e_1_1 };
+                                        return [3 /*break*/, 8];
+                                    case 7:
+                                        try {
+                                            if (childItems_1_1 && !childItems_1_1.done && (_a = childItems_1.return)) _a.call(childItems_1);
+                                        }
+                                        finally { if (e_1) throw e_1.error; }
+                                        return [7 /*endfinally*/];
+                                    case 8: return [3 /*break*/, 11];
+                                    case 9:
+                                        if (!title) return [3 /*break*/, 11];
+                                        items_1 = [];
+                                        react_1.Children.forEach(children, function (child) {
+                                            items_1.push({
+                                                type: 'item',
+                                                element: child,
+                                            });
+                                        });
+                                        return [5 /*yield**/, __values(items_1)];
+                                    case 10:
+                                        _b.sent();
+                                        _b.label = 11;
+                                    case 11: return [2 /*return*/];
+                                }
+                            });
+                        },
+                    }];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+};
+function hasChildItems(props) {
+    if (props.hasChildItems != null) {
+        return props.hasChildItems;
+    }
+    if (props.childItems) {
+        return true;
+    }
+    if (props.title && react_1.Children.count(props.children) > 0) {
+        return true;
+    }
+    return false;
+}
+exports["default"] = MenuItem;
+
+
+/***/ }),
+
+/***/ "./src/components/Menu/V2/stately/MenuSection.tsx":
+/*!********************************************************!*\
+  !*** ./src/components/Menu/V2/stately/MenuSection.tsx ***!
+  \********************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __webpack_require__(/*! react */ "react");
+function MenuSection(_props) {
+    return null;
+}
+MenuSection.getCollectionNode = function getCollectionNode(props) {
+    var children, title, items;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                children = props.children, title = props.title, items = props.items;
+                return [4 /*yield*/, {
+                        'type': 'section',
+                        props: props,
+                        'hasChildNodes': true,
+                        'rendered': title,
+                        'aria-label': props['aria-label'],
+                        'childNodes': function () {
+                            var items_1, items_1_1, item, e_1_1, items_2;
+                            var e_1, _a;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        if (!(typeof children === 'function')) return [3 /*break*/, 9];
+                                        if (!items) {
+                                            throw new Error('props.children was a function but props.items is missing');
+                                        }
+                                        _b.label = 1;
+                                    case 1:
+                                        _b.trys.push([1, 6, 7, 8]);
+                                        items_1 = __values(items), items_1_1 = items_1.next();
+                                        _b.label = 2;
+                                    case 2:
+                                        if (!!items_1_1.done) return [3 /*break*/, 5];
+                                        item = items_1_1.value;
+                                        return [4 /*yield*/, {
+                                                type: 'item',
+                                                value: item,
+                                                renderer: children,
+                                            }];
+                                    case 3:
+                                        _b.sent();
+                                        _b.label = 4;
+                                    case 4:
+                                        items_1_1 = items_1.next();
+                                        return [3 /*break*/, 2];
+                                    case 5: return [3 /*break*/, 8];
+                                    case 6:
+                                        e_1_1 = _b.sent();
+                                        e_1 = { error: e_1_1 };
+                                        return [3 /*break*/, 8];
+                                    case 7:
+                                        try {
+                                            if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
+                                        }
+                                        finally { if (e_1) throw e_1.error; }
+                                        return [7 /*endfinally*/];
+                                    case 8: return [3 /*break*/, 11];
+                                    case 9:
+                                        items_2 = [];
+                                        react_1.Children.forEach(children, function (child) {
+                                            items_2.push({
+                                                type: 'item',
+                                                element: child,
+                                            });
+                                        });
+                                        return [5 /*yield**/, __values(items_2)];
+                                    case 10:
+                                        _b.sent();
+                                        _b.label = 11;
+                                    case 11: return [2 /*return*/];
+                                }
+                            });
+                        },
+                    }];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+};
+exports["default"] = MenuSection;
 
 
 /***/ }),
@@ -16319,7 +16601,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarDivider = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var Divider_1 = __webpack_require__(/*! ../Divider */ "./src/components/Divider/index.tsx");
-var SidebarDivider = function () { return (react_1.default.createElement(Divider_1.Divider, { "rcx-sidebar--divider": true, mbs: 'neg-x2', mbe: 0 })); };
+var SidebarDivider = function () { return (react_1.default.createElement(Divider_1.Divider, { "rcx-sidebar--divider": true, mbs: -2, mbe: 0 })); };
 exports.SidebarDivider = SidebarDivider;
 
 
@@ -18124,14 +18406,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.Table = exports.style = void 0;
+exports.Table = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-exports.style = {
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-};
 var Table = function (_a) {
     var striped = _a.striped, sticky = _a.sticky, _b = _a.fixed, fixed = _b === void 0 ? false : _b, props = __rest(_a, ["striped", "sticky", "fixed"]);
     return (react_1.default.createElement(Box_1.default, { "rcx-table__wrapper": true },
@@ -18376,10 +18653,10 @@ exports.TableRow = TableRow;
 
 /***/ }),
 
-/***/ "./src/components/Table/TableSelection.tsx":
-/*!*************************************************!*\
-  !*** ./src/components/Table/TableSelection.tsx ***!
-  \*************************************************/
+/***/ "./src/components/Table/TableSelection/TableSelection.tsx":
+/*!****************************************************************!*\
+  !*** ./src/components/Table/TableSelection/TableSelection.tsx ***!
+  \****************************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -18411,13 +18688,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.TableSelection = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
-var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-var Margins_1 = __importDefault(__webpack_require__(/*! ../Margins */ "./src/components/Margins/index.ts"));
-var Table_1 = __webpack_require__(/*! ./Table */ "./src/components/Table/Table.tsx");
+var Box_1 = __importDefault(__webpack_require__(/*! ../../Box */ "./src/components/Box/index.tsx"));
+var Margins_1 = __importDefault(__webpack_require__(/*! ../../Margins */ "./src/components/Margins/index.ts"));
 var TableSelection = function (_a) {
     var children = _a.children, text = _a.text, props = __rest(_a, ["children", "text"]);
-    return (react_1.default.createElement(Box_1.default, __assign({ "rcx-table__selection": true, display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, props, { pi: 24 }),
-        react_1.default.createElement(Box_1.default, { fontScale: 'p2m', mb: 16, flexShrink: 1, style: Table_1.style }, text),
+    return (react_1.default.createElement(Box_1.default, __assign({ "rcx-table__selection": true, display: 'flex', alignItems: 'center', justifyContent: 'space-between', pi: 24, elevation: '2' }, props),
+        react_1.default.createElement(Box_1.default, { fontScale: 'p2b', mb: 16, flexShrink: 1, withTruncatedText: true }, text),
         children && (react_1.default.createElement(Box_1.default, { mi: 'neg-x8', fontScale: 'p2m', flexShrink: 0 },
             react_1.default.createElement(Margins_1.default, { inline: 'x4' }, children)))));
 };
@@ -18426,10 +18702,10 @@ exports.TableSelection = TableSelection;
 
 /***/ }),
 
-/***/ "./src/components/Table/TableSelectionButton.tsx":
-/*!*******************************************************!*\
-  !*** ./src/components/Table/TableSelectionButton.tsx ***!
-  \*******************************************************/
+/***/ "./src/components/Table/TableSelection/TableSelectionButton.tsx":
+/*!**********************************************************************!*\
+  !*** ./src/components/Table/TableSelection/TableSelectionButton.tsx ***!
+  \**********************************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -18450,11 +18726,71 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.TableSelectionButton = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
-var Button_1 = __webpack_require__(/*! ../Button */ "./src/components/Button/index.ts");
-var TableSelectionButton = function (props) { return (react_1.default.createElement(Button_1.Button, __assign({ small: true, primary: true, flexShrink: 0 }, props))); };
+var Button_1 = __webpack_require__(/*! ../../Button */ "./src/components/Button/index.ts");
+var TableSelectionButton = function (props) { return (react_1.default.createElement(Button_1.Button, __assign({ small: true, flexShrink: 0 }, props))); };
 exports.TableSelectionButton = TableSelectionButton;
 
 
+/***/ }),
+
+/***/ "./src/components/Table/TableSelection/TableSelectionButtonGroup.tsx":
+/*!***************************************************************************!*\
+  !*** ./src/components/Table/TableSelection/TableSelectionButtonGroup.tsx ***!
+  \***************************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.TableSelectionButtonGroup = void 0;
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var ButtonGroup_1 = __webpack_require__(/*! ../../ButtonGroup */ "./src/components/ButtonGroup/index.ts");
+var TableSelectionButtonGroup = function (props) { return react_1.default.createElement(ButtonGroup_1.ButtonGroup, __assign({}, props)); };
+exports.TableSelectionButtonGroup = TableSelectionButtonGroup;
+
+
+/***/ }),
+
+/***/ "./src/components/Table/TableSelection/index.ts":
+/*!******************************************************!*\
+  !*** ./src/components/Table/TableSelection/index.ts ***!
+  \******************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__exportStar(__webpack_require__(/*! ./TableSelection */ "./src/components/Table/TableSelection/TableSelection.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./TableSelectionButton */ "./src/components/Table/TableSelection/TableSelectionButton.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./TableSelectionButtonGroup */ "./src/components/Table/TableSelection/TableSelectionButtonGroup.tsx"), exports);
+
+
 /***/ }),
 
 /***/ "./src/components/Table/index.ts":
@@ -18485,8 +18821,7 @@ __exportStar(__webpack_require__(/*! ./TableCell */ "./src/components/Table/Tabl
 __exportStar(__webpack_require__(/*! ./TableFoot */ "./src/components/Table/TableFoot.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./TableHead */ "./src/components/Table/TableHead.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./TableRow */ "./src/components/Table/TableRow.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TableSelection */ "./src/components/Table/TableSelection.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./TableSelectionButton */ "./src/components/Table/TableSelectionButton.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./TableSelection */ "./src/components/Table/TableSelection/index.ts"), exports);
 
 
 /***/ }),