@rocket.chat/fuselage 0.60.1 → 0.60.2

package/dist/components/Menu/V2/stately/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/V2/stately/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,qBAAqB,CAAC;AAGlE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,iBAAS,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,QAExC;kBAFQ,QAAQ;4BAIwC,CAAC,SACjD,SAAS,CAAC,CAAC,CAAC,WACV,GAAG,KACX,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;AA8D5B,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/V2/stately/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,iBAAS,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,QAExC;kBAFQ,QAAQ;4BAIwC,CAAC,SACjD,SAAS,CAAC,CAAC,CAAC,WACV,GAAG,KACX,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;AA8D5B,eAAe,QAAQ,CAAC"}

package/dist/components/Select/SelectAria.d.ts

@@ -1,11 +1,11 @@
 import type { AriaSelectProps } from '@react-types/select';
 import type { AllHTMLAttributes, Key } from 'react';
 export { Item } from 'react-stately';
-export declare const SelectAria: import("react").ForwardRefExoticComponent<Omit<AriaSelectProps<object>, "value" | "onChange"> & {
+export declare const SelectAria: import("react").ForwardRefExoticComponent<AriaSelectProps<object> & {
     error?: string;
     placeholder?: string;
     value?: Key | null;
-    onChange?: ((key: Key) => any) | undefined;
+    onChange?: (key: Key) => void;
     small?: boolean;
 } & AllHTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=SelectAria.d.ts.map

package/dist/components/Select/SelectAria.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAria.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectAria.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAO,MAAM,OAAO,CAAC;AAkBzD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,eAAO,MAAM,UAAU;YAWX,MAAM;kBACA,MAAM;YACZ,GAAG,GAAG,IAAI;eACP,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC,GAAG,SAAS;YAClC,OAAO;gFA0FjB,CAAC"}
+{"version":3,"file":"SelectAria.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectAria.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAO,MAAM,OAAO,CAAC;AAazD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUrC,eAAO,MAAM,UAAU;YAPb,MAAM;kBACA,MAAM;YACZ,GAAG,GAAG,IAAI;eACP,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI;YACrB,OAAO;gFAuFf,CAAC"}

package/dist/components/Select/SelectTrigger.d.ts

@@ -0,0 +1,8 @@
+import type { AllHTMLAttributes } from 'react';
+import { AriaButtonProps } from 'react-aria';
+export declare const SelectTrigger: import("react").ForwardRefExoticComponent<{
+    small?: boolean;
+    error?: string;
+    focus?: boolean;
+} & AriaButtonProps<"button"> & AllHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=SelectTrigger.d.ts.map

package/dist/components/Select/SelectTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAa,eAAe,EAAE,MAAM,YAAY,CAAC;AAWxD,eAAO,MAAM,aAAa;YANhB,OAAO;YACP,MAAM;YACN,OAAO;wHAmChB,CAAC"}

package/dist/fuselage.development.js

@@ -8316,7 +8316,7 @@ MenuSection.getCollectionNode = function getCollectionNode(props) {
                                         return [4 /*yield*/, {
                                                 type: 'item',
                                                 value: item,
-                                                renderer: children,
+                                                element: children(item),
                                             }];
                                     case 3:
                                         _b.sent();
@@ -8341,7 +8341,7 @@ MenuSection.getCollectionNode = function getCollectionNode(props) {
                                         react_1.Children.forEach(children, function (child) {
                                             items_2.push({
                                                 type: 'item',
-                                                element: child,
+                                                element: child !== null && child !== void 0 ? child : undefined,
                                             });
                                         });
                                         return [5 /*yield**/, __values(items_2)];
@@ -14956,24 +14956,18 @@ var Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts"
 var Options_1 = __webpack_require__(/*! ../Options */ "./src/components/Options/index.ts");
 var Popover_1 = __webpack_require__(/*! ../Popover */ "./src/components/Popover/index.ts");
 var Listbox_1 = __webpack_require__(/*! ./Listbox */ "./src/components/Select/Listbox.tsx");
+var SelectTrigger_1 = __webpack_require__(/*! ./SelectTrigger */ "./src/components/Select/SelectTrigger.tsx");
 var react_stately_2 = __webpack_require__(/*! react-stately */ "react-stately");
 Object.defineProperty(exports, "Item", ({ enumerable: true, get: function () { return react_stately_2.Item; } }));
 exports.SelectAria = (0, react_1.forwardRef)(function SelectAria(_a, outerRef) {
-    var error = _a.error, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, small = _a.small, isDisabledProps = _a.isDisabled, disabled = _a.disabled, props = __rest(_a, ["error", "placeholder", "value", "onChange", "small", "isDisabled", "disabled"]);
+    var error = _a.error, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, small = _a.small, isDisabledProps = _a.isDisabled, disabled = _a.disabled, id = _a.id, props = __rest(_a, ["error", "placeholder", "value", "onChange", "small", "isDisabled", "disabled", "id"]);
     var isDisabled = isDisabledProps || disabled;
     var state = (0, react_stately_1.useSelectState)(__assign({ isDisabled: isDisabled, selectedKey: value, onSelectionChange: onChange }, props));
     var _b = (0, fuselage_hooks_1.useResizeObserver)(), ref = _b.ref, borderBoxSize = _b.borderBoxSize;
+    var mergedRef = (0, fuselage_hooks_1.useMergedRefs)(outerRef, ref);
     var _c = (0, react_aria_1.useSelect)(__assign({ isDisabled: isDisabled }, props), state, ref), triggerProps = _c.triggerProps, valueProps = _c.valueProps, menuProps = _c.menuProps;
-    var buttonProps = (0, react_aria_1.useButton)(triggerProps, ref).buttonProps;
     var _d = (0, react_aria_1.useFocusRing)(), focusProps = _d.focusProps, isFocusVisible = _d.isFocusVisible;
-    var mergedRef = (0, fuselage_hooks_1.useMergedRefs)(outerRef, ref);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Box_1.default, __assign({}, props, { disabled: isDisabled, "rcx-select": true }, (0, react_aria_1.mergeProps)(buttonProps, focusProps), { is: 'button', display: 'flex', flexDirection: 'row', fontScale: 'p2', ref: mergedRef, justifyContent: 'space-between', "rcx-input-box--small": small, className: [
-                    error && 'invalid',
-                    isDisabled && 'disabled',
-                    (isFocusVisible || state.isOpen) && 'focus',
-                ]
-                    .filter(Boolean)
-                    .join(' '), children: [(0, jsx_runtime_1.jsx)(react_aria_1.HiddenSelect, { state: state, triggerRef: ref, label: props.label, name: props.name, isDisabled: isDisabled }), (0, jsx_runtime_1.jsx)(Box_1.default, __assign({ is: 'span' }, valueProps, { color: state.selectedItem ? 'default' : 'hint' }, (small && { fontScale: 'c1' }), { children: state.selectedItem ? state.selectedItem.rendered : placeholder })), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { color: 'default', name: state.isOpen ? 'chevron-up' : 'chevron-down', size: 'x20' })] })), state.isOpen && ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { state: state, triggerRef: ref, placement: 'bottom', offset: 4, containerPadding: 8, children: (0, jsx_runtime_1.jsx)(Options_1.OptionContainer, { style: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_aria_1.HiddenSelect, { state: state, triggerRef: ref, label: props.label, name: props.name, isDisabled: isDisabled }), (0, jsx_runtime_1.jsxs)(SelectTrigger_1.SelectTrigger, __assign({}, (0, react_aria_1.mergeProps)(focusProps, triggerProps), { ref: mergedRef, small: small, focus: isFocusVisible || state.isOpen, error: error, id: id, children: [(0, jsx_runtime_1.jsx)(Box_1.default, __assign({ is: 'span', color: state.selectedItem ? 'default' : 'hint' }, valueProps, (small && { fontScale: 'c1' }), { children: state.selectedItem ? state.selectedItem.rendered : placeholder })), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { color: 'default', name: state.isOpen ? 'chevron-up' : 'chevron-down', size: 'x20' })] })), state.isOpen && ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { state: state, triggerRef: ref, placement: 'bottom', offset: 4, containerPadding: 8, children: (0, jsx_runtime_1.jsx)(Options_1.OptionContainer, { style: {
                         width: borderBoxSize === null || borderBoxSize === void 0 ? void 0 : borderBoxSize.inlineSize,
                     }, children: (0, jsx_runtime_1.jsx)(Listbox_1.ListBox, __assign({}, menuProps, { state: state })) }) }))] }));
 });
@@ -15275,6 +15269,59 @@ exports.SelectLegacy = (0, react_1.forwardRef)(function (_a, ref) {
 });
 
 
+/***/ }),
+
+/***/ "./src/components/Select/SelectTrigger.tsx":
+/*!*************************************************!*\
+  !*** ./src/components/Select/SelectTrigger.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 __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 }));
+exports.SelectTrigger = void 0;
+var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
+var react_1 = __webpack_require__(/*! react */ "react");
+var react_aria_1 = __webpack_require__(/*! react-aria */ "react-aria");
+var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.ts"));
+exports.SelectTrigger = (0, react_1.forwardRef)(function (_a, ref) {
+    var small = _a.small, error = _a.error, isDisabled = _a.isDisabled, focus = _a.focus, id = _a.id, props = __rest(_a, ["small", "error", "isDisabled", "focus", "id"]);
+    var buttonProps = (0, react_aria_1.useButton)(props, ref).buttonProps;
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, __assign({}, buttonProps, { id: id, "rcx-select": true, ref: ref, is: 'button', display: 'flex', flexDirection: 'row', fontScale: 'p2', justifyContent: 'space-between', "rcx-input-box--small": small, className: [
+            error && 'invalid',
+            isDisabled && 'disabled',
+            focus && 'focus',
+        ]
+            .filter(Boolean)
+            .join(' '), children: props.children })));
+});
+
+
 /***/ }),
 
 /***/ "./src/components/Select/index.ts":