@rocket.chat/fuselage 0.6.3-dev.424 → 0.6.3-dev.428

package/dist/fuselage.development.js

@@ -4067,7 +4067,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var _excluded = ["value", "filter", "options", "error", "disabled", "anchor", "onChange", "getLabel", "getValue", "placeholder", "renderOptions"];
+var _excluded = ["value", "filter", "options", "error", "disabled", "anchor", "onChange", "getLabel", "getValue", "placeholder", "renderOptions", "customEmpty"];
 
 var _jsxFileName = "/home/runner/work/Rocket.Chat.Fuselage/Rocket.Chat.Fuselage/packages/fuselage/src/components/MultiSelect/MultiSelect.js",
     _this = undefined;
@@ -4126,6 +4126,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
       placeholder = _ref.placeholder,
       _ref$renderOptions = _ref.renderOptions,
       _Options = _ref$renderOptions === void 0 ? _Options__WEBPACK_IMPORTED_MODULE_9__.Options : _ref$renderOptions,
+      customEmpty = _ref.customEmpty,
       props = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(_ref, _excluded);
 
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(value || []),
@@ -4210,7 +4211,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 79,
       columnNumber: 7
     }
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_5__.Flex.Item, {
@@ -4218,7 +4219,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 92,
       columnNumber: 9
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Margins__WEBPACK_IMPORTED_MODULE_8__.default, {
@@ -4226,14 +4227,14 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 93,
       columnNumber: 11
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_5__.Flex.Container, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 94,
       columnNumber: 13
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_5__.Box, {
@@ -4241,7 +4242,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 95,
       columnNumber: 15
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_5__.Box, {
@@ -4254,7 +4255,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 96,
       columnNumber: 17
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Margins__WEBPACK_IMPORTED_MODULE_8__.default, {
@@ -4262,7 +4263,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 104,
       columnNumber: 19
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(Anchor, {
@@ -4279,7 +4280,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 105,
       columnNumber: 21
     }
   }), currentValue.map(function (value) {
@@ -4299,7 +4300,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 117,
+        lineNumber: 118,
         columnNumber: 23
       }
     });
@@ -4309,7 +4310,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 136,
       columnNumber: 9
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Margins__WEBPACK_IMPORTED_MODULE_8__.default, {
@@ -4317,7 +4318,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 137,
       columnNumber: 11
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Select_Select__WEBPACK_IMPORTED_MODULE_10__.Addon, {
@@ -4327,14 +4328,14 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 139,
+        lineNumber: 140,
         columnNumber: 17
       }
     }),
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 138,
       columnNumber: 13
     }
   }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_5__.AnimatedVisibility, {
@@ -4342,7 +4343,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 152,
       columnNumber: 9
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_5__.Position, {
@@ -4350,7 +4351,7 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 153,
       columnNumber: 11
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_Options, {
@@ -4363,10 +4364,11 @@ var MultiSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)
     options: filteredOptions,
     onSelect: internalChanged,
     cursor: cursor,
+    customEmpty: customEmpty,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 154,
       columnNumber: 13
     }
   }))));
@@ -13297,10 +13299,13 @@ var prevent = function (e) {
     e.preventDefault();
     e.stopPropagation();
 };
-var Empty = (0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function () { return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Option__WEBPACK_IMPORTED_MODULE_3__.default, { label: 'Empty' }); });
+var Empty = (0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (_a) {
+    var customEmpty = _a.customEmpty;
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Option__WEBPACK_IMPORTED_MODULE_3__.default, { label: customEmpty || 'Empty' }));
+});
 var Options = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_a, ref) {
     var _b, _c;
-    var _d = _a.maxHeight, maxHeight = _d === void 0 ? '144px' : _d, multiple = _a.multiple, _e = _a.renderEmpty, EmptyComponent = _e === void 0 ? Empty : _e, options = _a.options, cursor = _a.cursor, _f = _a.renderItem, OptionComponent = _f === void 0 ? _Option__WEBPACK_IMPORTED_MODULE_3__.default : _f, onSelect = _a.onSelect, props = __rest(_a, ["maxHeight", "multiple", "renderEmpty", "options", "cursor", "renderItem", "onSelect"]);
+    var _d = _a.maxHeight, maxHeight = _d === void 0 ? '144px' : _d, multiple = _a.multiple, _e = _a.renderEmpty, EmptyComponent = _e === void 0 ? Empty : _e, options = _a.options, cursor = _a.cursor, _f = _a.renderItem, OptionComponent = _f === void 0 ? _Option__WEBPACK_IMPORTED_MODULE_3__.default : _f, onSelect = _a.onSelect, customEmpty = _a.customEmpty, props = __rest(_a, ["maxHeight", "multiple", "renderEmpty", "options", "cursor", "renderItem", "onSelect", "customEmpty"]);
     var liRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(function () {
         if (!liRef.current) {
@@ -13333,7 +13338,7 @@ var Options = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_a, re
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Tile__WEBPACK_IMPORTED_MODULE_2__.default, { ref: liRef, elevation: '0', padding: 'none', maxHeight: maxHeight, onMouseDown: prevent, onClick: prevent, is: 'ol', "aria-multiselectable": multiple || true, role: 'listbox', "aria-activedescendant": ((_b = options === null || options === void 0 ? void 0 : options[cursor]) === null || _b === void 0 ? void 0 : _b[0])
                         ? String((_c = options === null || options === void 0 ? void 0 : options[cursor]) === null || _c === void 0 ? void 0 : _c[0])
                         : undefined },
-                    !options.length && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(EmptyComponent, null),
+                    !options.length && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(EmptyComponent, { customEmpty: customEmpty }),
                     optionsMemoized)))));
 });
 
@@ -14129,20 +14134,19 @@ var Select = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref
     } : _d, _e = _a.getLabel, getLabel = _e === void 0 ? function (_a) {
         var _b = _a === void 0 ? ['', ''] : _a, _c = __read(_b, 2), _ = _c[0], label = _c[1];
         return label;
-    } : _e, _f = _a.placeholder, placeholder = _f === void 0 ? '' : _f, _g = _a.renderOptions, _Options = _g === void 0 ? _Options__WEBPACK_IMPORTED_MODULE_4__.Options : _g, props = __rest(_a, ["value", "filter", "error", "disabled", "options", "anchor", "onChange", "getValue", "getLabel", "placeholder", "renderOptions"]);
+    } : _e, _f = _a.placeholder, placeholder = _f === void 0 ? '' : _f, _g = _a.renderOptions, _Options = _g === void 0 ? _Options__WEBPACK_IMPORTED_MODULE_4__.Options : _g, customEmpty = _a.customEmpty, props = __rest(_a, ["value", "filter", "error", "disabled", "options", "anchor", "onChange", "getValue", "getLabel", "placeholder", "renderOptions", "customEmpty"]);
     var _h = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value), 2), internalValue = _h[0], setInternalValue = _h[1];
-    var currentValue = value !== undefined ? value : internalValue;
     var internalChangedByKeyboard = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(function (_a) {
         var _b = __read(_a, 1), value = _b[0];
         setInternalValue(value);
         onChange(value);
     });
-    var option = options.find(function (option) { return getValue(option) === currentValue; });
+    var option = options.find(function (option) { return getValue(option) === internalValue; });
     var index = options.indexOf(option);
     var filteredOptions = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
         var mapOptions = function (_a) {
             var _b = __read(_a, 2), value = _b[0], label = _b[1];
-            if (currentValue === value) {
+            if (internalValue === value) {
                 return [value, label, true];
             }
             return [value, label];
@@ -14152,7 +14156,7 @@ var Select = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref
             return !filter || ~option.toLowerCase().indexOf(filter.toLowerCase());
         };
         return options.filter(applyFilter).map(mapOptions);
-    }, [options, currentValue, filter]);
+    }, [options, internalValue, filter]);
     var _j = __read((0,_Options__WEBPACK_IMPORTED_MODULE_4__.useCursor)(index, filteredOptions, internalChangedByKeyboard), 5), cursor = _j[0], handleKeyDown = _j[1], handleKeyUp = _j[2], reset = _j[3], _k = __read(_j[4], 3), visible = _k[0], hide = _k[1], show = _k[2];
     var internalChangedByClick = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(function (_a) {
         var _b = __read(_a, 1), value = _b[0];
@@ -14168,13 +14172,12 @@ var Select = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref
     var visibleText = (filter === undefined || visible === _Box__WEBPACK_IMPORTED_MODULE_2__.AnimatedVisibility.HIDDEN) &&
         (valueLabel || placeholder || typeof placeholder === 'string');
     var handleClick = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(function () {
+        var _a;
         if (visible === _Box__WEBPACK_IMPORTED_MODULE_2__.AnimatedVisibility.VISIBLE) {
             return hide();
         }
-        if (innerRef && innerRef.current) {
-            innerRef.current.focus();
-            return show();
-        }
+        (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        return show();
     });
     return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_2__.Box, __assign({ "rcx-select": true, disabled: disabled, ref: containerRef, onClick: handleClick, className: (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () { return [error && 'invalid', disabled && 'disabled']; }, [error, disabled]) }, props),
         react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, { display: 'flex', mi: 'neg-x4', "rcx-select__wrapper--hidden": !!visibleText },
@@ -14184,7 +14187,7 @@ var Select = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref
                         ? 'cross'
                         : 'chevron-down', size: 'x20' }) })),
         react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_2__.PositionAnimated, { visible: visible, anchor: containerRef },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Options, { width: borderBoxSize.inlineSize, role: 'listbox', filter: filter, options: filteredOptions, onSelect: internalChangedByClick, cursor: cursor }))));
+            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Options, { width: borderBoxSize.inlineSize, role: 'listbox', filter: filter, options: filteredOptions, onSelect: internalChangedByClick, cursor: cursor, customEmpty: customEmpty }))));
 });
 
 
@@ -14258,7 +14261,7 @@ var SelectFiltered = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function
                 return setFilter(e.currentTarget.value);
             }) }, props, { "rcx-input-box--undecorated": true })));
     }), []);
-    return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Select, __assign({ ref: ref, placeholder: undefined, filter: filter, options: options }, props, { anchor: anchor })));
+    return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Select, __assign({ ref: ref, placeholder: placeholder, filter: filter, options: options }, props, { anchor: anchor })));
 });