@rocket.chat/fuselage 0.32.0-dev.407 → 0.32.0-dev.409

package/dist/components/ToastBar/ToastBar.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, AllHTMLAttributes } from 'react';
 export type ToastBarProps = {
     variant?: 'info' | 'success' | 'error';
     className?: string;
@@ -6,6 +6,7 @@ export type ToastBarProps = {
     time?: number;
     id?: string;
     onClose?: (id: string) => void;
-};
-export declare function ToastBar({ children, className, variant, time, id, onClose, }: ToastBarProps): JSX.Element;
+    buttonLabel?: string;
+} & Omit<AllHTMLAttributes<HTMLElement>, 'is'>;
+export declare function ToastBar({ children, className, variant, time, id, onClose, buttonLabel, ...props }: ToastBarProps): JSX.Element;
 //# sourceMappingURL=ToastBar.d.ts.map

package/dist/components/ToastBar/ToastBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastBar.d.ts","sourceRoot":"","sources":["../../../src/components/ToastBar/ToastBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAc,EACd,OAAgB,EAChB,IAAQ,EACR,EAAE,EACF,OAAO,GACR,EAAE,aAAa,eAqEf"}
+{"version":3,"file":"ToastBar.d.ts","sourceRoot":"","sources":["../../../src/components/ToastBar/ToastBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1D,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CAAC;AAE/C,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAc,EACd,OAAgB,EAChB,IAAQ,EACR,EAAE,EACF,OAAO,EACP,WAAqB,EACrB,GAAG,KAAK,EACT,EAAE,aAAa,eAyEf"}

package/dist/fuselage.development.js

@@ -123,10 +123,46 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "../../node_modules/react-is/cjs/react-is.development.js":
-/*!***************************************************************!*\
-  !*** ../../node_modules/react-is/cjs/react-is.development.js ***!
-  \***************************************************************/
+/***/ "../../node_modules/react-keyed-flatten-children/index.js":
+/*!****************************************************************!*\
+  !*** ../../node_modules/react-keyed-flatten-children/index.js ***!
+  \****************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+/* Returns React children into an array, flattening fragments. */
+var react_1 = __webpack_require__(/*! react */ "react");
+var react_is_1 = __webpack_require__(/*! react-is */ "../../node_modules/react-keyed-flatten-children/node_modules/react-is/index.js");
+function flattenChildren(children, depth, keys) {
+    if (depth === void 0) { depth = 0; }
+    if (keys === void 0) { keys = []; }
+    return react_1.Children.toArray(children).reduce(function (acc, node, nodeIndex) {
+        if (react_is_1.isFragment(node)) {
+            acc.push.apply(acc, flattenChildren(node.props.children, depth + 1, keys.concat(node.key || nodeIndex)));
+        }
+        else {
+            if (react_1.isValidElement(node)) {
+                acc.push(react_1.cloneElement(node, {
+                    key: keys.concat(String(node.key)).join('.')
+                }));
+            }
+            else if (typeof node === "string" || typeof node === "number") {
+                acc.push(node);
+            }
+        }
+        return acc;
+    }, []);
+}
+exports["default"] = flattenChildren;
+
+
+/***/ }),
+
+/***/ "../../node_modules/react-keyed-flatten-children/node_modules/react-is/cjs/react-is.development.js":
+/*!*********************************************************************************************************!*\
+  !*** ../../node_modules/react-keyed-flatten-children/node_modules/react-is/cjs/react-is.development.js ***!
+  \*********************************************************************************************************/
 /***/ (function(__unused_webpack_module, exports) {
 
 /** @license React v16.13.1
@@ -314,53 +350,17 @@ exports.typeOf = typeOf;
 
 /***/ }),
 
-/***/ "../../node_modules/react-is/index.js":
-/*!********************************************!*\
-  !*** ../../node_modules/react-is/index.js ***!
-  \********************************************/
+/***/ "../../node_modules/react-keyed-flatten-children/node_modules/react-is/index.js":
+/*!**************************************************************************************!*\
+  !*** ../../node_modules/react-keyed-flatten-children/node_modules/react-is/index.js ***!
+  \**************************************************************************************/
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 
 
 if (false) {} else {
-  module.exports = __webpack_require__(/*! ./cjs/react-is.development.js */ "../../node_modules/react-is/cjs/react-is.development.js");
-}
-
-
-/***/ }),
-
-/***/ "../../node_modules/react-keyed-flatten-children/index.js":
-/*!****************************************************************!*\
-  !*** ../../node_modules/react-keyed-flatten-children/index.js ***!
-  \****************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-/* Returns React children into an array, flattening fragments. */
-var react_1 = __webpack_require__(/*! react */ "react");
-var react_is_1 = __webpack_require__(/*! react-is */ "../../node_modules/react-is/index.js");
-function flattenChildren(children, depth, keys) {
-    if (depth === void 0) { depth = 0; }
-    if (keys === void 0) { keys = []; }
-    return react_1.Children.toArray(children).reduce(function (acc, node, nodeIndex) {
-        if (react_is_1.isFragment(node)) {
-            acc.push.apply(acc, flattenChildren(node.props.children, depth + 1, keys.concat(node.key || nodeIndex)));
-        }
-        else {
-            if (react_1.isValidElement(node)) {
-                acc.push(react_1.cloneElement(node, {
-                    key: keys.concat(String(node.key)).join('.')
-                }));
-            }
-            else if (typeof node === "string" || typeof node === "number") {
-                acc.push(node);
-            }
-        }
-        return acc;
-    }, []);
+  module.exports = __webpack_require__(/*! ./cjs/react-is.development.js */ "../../node_modules/react-keyed-flatten-children/node_modules/react-is/cjs/react-is.development.js");
 }
-exports["default"] = flattenChildren;
 
 
 /***/ }),
@@ -15848,6 +15848,28 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 };
 };
@@ -15860,7 +15882,7 @@ var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/
 var Button_1 = __webpack_require__(/*! ../Button */ "./src/components/Button/index.ts");
 var Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
 function ToastBar(_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.variant, variant = _c === void 0 ? 'info' : _c, _d = _a.time, time = _d === void 0 ? 5 : _d, id = _a.id, onClose = _a.onClose;
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.variant, variant = _c === void 0 ? 'info' : _c, _d = _a.time, time = _d === void 0 ? 5 : _d, id = _a.id, onClose = _a.onClose, _e = _a.buttonLabel, buttonLabel = _e === void 0 ? 'Close' : _e, props = __rest(_a, ["children", "className", "variant", "time", "id", "onClose", "buttonLabel"]);
     var iconName = (variant === 'success' && 'circle-check') ||
         (variant === 'error' && 'ban') ||
         'info';
@@ -15870,14 +15892,16 @@ function ToastBar(_a) {
     var progressBarAnimation = (0, css_in_js_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    &::after {\n      width: 0%;\n      animation: ", " ", "s;\n    }\n  "], ["\n    &::after {\n      width: 0%;\n      animation: ", " ", "s;\n    }\n  "])), progressBar, time);
     var uniqueId = (0, fuselage_hooks_1.useUniqueId)();
     var toastId = id || uniqueId;
-    return (react_1.default.createElement(Box_1.default, { className: ['rcx-toastbar-wrapper', toastBarAnimation], role: 'alert', "aria-labelledby": toastId },
-        react_1.default.createElement(Box_1.default, { className: "rcx-toastbar rcx-toastbar--".concat(variant, " ").concat(className), elevation: '2nb', borderRadius: 'x4' },
-            react_1.default.createElement("div", { className: 'rcx-toastbar_inner' },
-                react_1.default.createElement(Icon_1.Icon, { className: "rcx-toastbar_icon--".concat(variant), size: 'x20', name: iconName }),
-                react_1.default.createElement("div", { className: 'rcx-toastbar_content', id: toastId }, children),
-                onClose && (react_1.default.createElement("div", { className: 'rcx-toastbar-close' },
-                    react_1.default.createElement(Button_1.IconButton, { tiny: true, onClick: function () { return onClose(toastId); }, icon: 'cross' })))),
-            react_1.default.createElement(Box_1.default, { className: [progressBarAnimation, 'rcx-toastbar_progressbar'] }))));
+    return (react_1.default.createElement(Box_1.default, __assign({ className: [
+            "rcx-toastbar rcx-toastbar--".concat(variant, " ").concat(className),
+            toastBarAnimation,
+        ], elevation: '2nb', borderRadius: 'x4', role: 'alert' }, props),
+        react_1.default.createElement("div", { className: 'rcx-toastbar_inner' },
+            react_1.default.createElement(Icon_1.Icon, { className: "rcx-toastbar_icon--".concat(variant), size: 'x20', name: iconName }),
+            react_1.default.createElement("div", { className: 'rcx-toastbar_content', id: toastId }, children),
+            onClose && (react_1.default.createElement("div", { className: 'rcx-toastbar-close' },
+                react_1.default.createElement(Button_1.IconButton, { tiny: true, onClick: function () { return onClose(toastId); }, icon: 'cross', "aria-label": buttonLabel })))),
+        react_1.default.createElement(Box_1.default, { className: [progressBarAnimation, 'rcx-toastbar_progressbar'] })));
 }
 exports.ToastBar = ToastBar;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;