@rocket.chat/fuselage 0.65.0 → 0.66.1

package/dist/fuselage.development.js

@@ -75,10 +75,46 @@ module.exports = invariant;
 
 /***/ }),
 
-/***/ "../../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
@@ -266,56 +302,20 @@ 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) // removed by dead control flow
 {} else {
-  module.exports = __webpack_require__(/*! ./cjs/react-is.development.js */ "../../node_modules/react-is/cjs/react-is.development.js");
+  module.exports = __webpack_require__(/*! ./cjs/react-is.development.js */ "../../node_modules/react-keyed-flatten-children/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;
-    }, []);
-}
-exports["default"] = flattenChildren;
-
-
 /***/ }),
 
 /***/ "../../node_modules/react/cjs/react-jsx-runtime.development.js":
@@ -4665,7 +4665,7 @@ var fuselage_hooks_1 = __webpack_require__(/*! @rocket.chat/fuselage-hooks */ "@
 var react_1 = __webpack_require__(/*! react */ "react");
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.ts"));
 exports.CheckBox = (0, react_1.forwardRef)(function CheckBox(_a, ref) {
-    var indeterminate = _a.indeterminate, onChange = _a.onChange, className = _a.className, props = __rest(_a, ["indeterminate", "onChange", "className"]);
+    var indeterminate = _a.indeterminate, onChange = _a.onChange, className = _a.className, labelChildren = _a.labelChildren, props = __rest(_a, ["indeterminate", "onChange", "className", "labelChildren"]);
     var innerRef = (0, react_1.useRef)(null);
     var mergedRef = (0, fuselage_hooks_1.useMergedRefs)(ref, innerRef);
     (0, react_1.useLayoutEffect)(function () {
@@ -4679,7 +4679,7 @@ exports.CheckBox = (0, react_1.forwardRef)(function CheckBox(_a, ref) {
         }
         onChange === null || onChange === void 0 ? void 0 : onChange.call(innerRef.current, event);
     }, [innerRef, indeterminate, onChange]);
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { is: 'label', className: className, "rcx-check-box": true, children: [(0, jsx_runtime_1.jsx)(Box_1.default, __assign({ is: 'input', type: 'checkbox', "rcx-check-box__input": true, ref: mergedRef, onChange: handleChange }, props)), (0, jsx_runtime_1.jsx)(Box_1.default, { is: 'i', "rcx-check-box__fake": true, "aria-hidden": 'true' })] }));
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { is: 'label', className: className, "rcx-check-box": true, children: [labelChildren, (0, jsx_runtime_1.jsx)(Box_1.default, __assign({ is: 'input', type: 'checkbox', "rcx-check-box__input": true, ref: mergedRef, onChange: handleChange }, props)), (0, jsx_runtime_1.jsx)(Box_1.default, { is: 'i', "rcx-check-box__fake": true, "aria-hidden": 'true' })] }));
 });
 
 
@@ -6366,18 +6366,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FieldLabel = 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 WithErrorWrapper_1 = __importDefault(__webpack_require__(/*! ../../helpers/WithErrorWrapper */ "./src/helpers/WithErrorWrapper.tsx"));
 var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
 var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/Field.tsx");
-var FieldLabel = function (props) {
-    var component = (0, jsx_runtime_1.jsx)(Label_1.Label, __assign({ "rcx-field__label": true }, props));
+exports.FieldLabel = (0, react_1.forwardRef)(function FieldLabel(props, ref) {
+    var component = (0, jsx_runtime_1.jsx)(Label_1.Label, __assign({ "rcx-field__label": true }, props, { ref: ref }));
     if (true) {
-        return ((0, jsx_runtime_1.jsx)(WithErrorWrapper_1.default, { context: Field_1.FieldContext, parentComponent: 'Field', componentName: exports.FieldLabel.name, children: component }));
+        return ((0, jsx_runtime_1.jsx)(WithErrorWrapper_1.default, { context: Field_1.FieldContext, parentComponent: 'Field', componentName: FieldLabel.name, children: component }));
     }
     // removed by dead control flow
 {}
-};
-exports.FieldLabel = FieldLabel;
+});
 
 
 /***/ }),
@@ -7405,7 +7405,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.Label = Label;
+exports.Label = 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 Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.ts"));
@@ -7413,12 +7413,12 @@ var LabelContext = (0, react_1.createContext)(false);
 /**
  * A caption for an input component.
  */
-function Label(_a) {
+exports.Label = (0, react_1.forwardRef)(function Label(_a, ref) {
     var disabled = _a.disabled, is = _a.is, required = _a.required, children = _a.children, props = __rest(_a, ["disabled", "is", "required", "children"]);
     var isInsideLabel = (0, react_1.useContext)(LabelContext);
     var component = is || (isInsideLabel && 'span') || 'label';
-    return ((0, jsx_runtime_1.jsx)(LabelContext.Provider, { value: true, children: (0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ is: component, "rcx-label": true, "rcx-label--disabled": disabled }, props, { children: [children, required && ((0, jsx_runtime_1.jsx)(Box_1.default, { is: 'span', "rcx-label__required": true, mis: 'x4', "aria-hidden": 'true', children: "*" }))] })) }));
-}
+    return ((0, jsx_runtime_1.jsx)(LabelContext.Provider, { value: true, children: (0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ is: component, "rcx-label": true, "rcx-label--disabled": disabled }, props, { ref: ref, children: [children, required && ((0, jsx_runtime_1.jsx)(Box_1.default, { is: 'span', "rcx-label__required": true, mis: 'x4', "aria-hidden": 'true', children: "*" }))] })) }));
+});
 
 
 /***/ }),
@@ -13149,7 +13149,7 @@ exports.OptionsPaginated = (0, react_2.forwardRef)(function (_a, ref) {
     var OptionsComponentWithData = function (_a) {
         var index = _a.index, data = _a.data;
         var value = data.value, label = data.label, selected = data.selected;
-        return ((0, react_1.createElement)(OptionComponent, __assign({}, (withTitle && { title: label }), { role: 'option', label: label, onMouseDown: function (e) {
+        return ((0, react_1.createElement)(OptionComponent, __assign({}, (withTitle && { title: label }), { index: index, role: 'option', label: label, onMouseDown: function (e) {
                 (0, prevent_1.prevent)(e);
                 onSelect([value, label]);
                 return false;
@@ -14658,8 +14658,8 @@ var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_mod
 var react_1 = __webpack_require__(/*! react */ "react");
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.ts"));
 exports.RadioButton = (0, react_1.forwardRef)(function RadioButton(_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { is: 'label', className: className, "rcx-radio-button": true, children: [(0, jsx_runtime_1.jsx)(Box_1.default, __assign({ is: 'input', "rcx-radio-button__input": true, type: 'radio', ref: ref }, props)), (0, jsx_runtime_1.jsx)(Box_1.default, { is: 'i', "rcx-radio-button__fake": true, "aria-hidden": 'true' })] }));
+    var className = _a.className, labelChildren = _a.labelChildren, props = __rest(_a, ["className", "labelChildren"]);
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { is: 'label', className: className, "rcx-radio-button": true, children: [labelChildren, (0, jsx_runtime_1.jsx)(Box_1.default, __assign({ is: 'input', "rcx-radio-button__input": true, type: 'radio', ref: ref }, props)), (0, jsx_runtime_1.jsx)(Box_1.default, { is: 'i', "rcx-radio-button__fake": true, "aria-hidden": 'true' })] }));
 });
 
 
@@ -20268,8 +20268,8 @@ var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_mod
 var react_1 = __webpack_require__(/*! react */ "react");
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.ts"));
 exports.ToggleSwitch = (0, react_1.forwardRef)(function ToggleSwitch(_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { is: 'label', className: className, "rcx-toggle-switch": true, children: [(0, jsx_runtime_1.jsx)(Box_1.default, __assign({ is: 'input', ref: ref, "rcx-toggle-switch__input": true, type: 'checkbox' }, props)), (0, jsx_runtime_1.jsx)(Box_1.default, { is: 'i', "rcx-toggle-switch__fake": true, "aria-hidden": 'true' })] }));
+    var className = _a.className, labelChildren = _a.labelChildren, props = __rest(_a, ["className", "labelChildren"]);
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { is: 'label', className: className, "rcx-toggle-switch": true, children: [labelChildren, (0, jsx_runtime_1.jsx)(Box_1.default, __assign({ is: 'input', ref: ref, "rcx-toggle-switch__input": true, type: 'checkbox' }, props)), (0, jsx_runtime_1.jsx)(Box_1.default, { is: 'i', "rcx-toggle-switch__fake": true, "aria-hidden": 'true' })] }));
 });