@rocket.chat/fuselage 0.65.0 → 0.66.0

package/dist/fuselage.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: "*" }))] })) }));
+});
 
 
 /***/ }),
@@ -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' })] }));
 });