@rocket.chat/fuselage 0.32.0-dev.417 → 0.32.0-dev.419
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CheckBox/CheckBox.d.ts +3 -4
- package/dist/components/CheckBox/CheckBox.d.ts.map +1 -1
- package/dist/components/Label/Label.d.ts +1 -1
- package/dist/components/Label/Label.d.ts.map +1 -1
- package/dist/fuselage.css +1 -1
- package/dist/fuselage.css.map +1 -1
- package/dist/fuselage.development.js +8 -6
- package/dist/fuselage.development.js.map +1 -1
- package/dist/fuselage.production.js +1 -1
- package/package.json +11 -11
|
@@ -2696,7 +2696,7 @@ var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
|
|
|
2696
2696
|
var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
|
|
2697
2697
|
var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
|
|
2698
2698
|
exports.CheckBox = (0, react_1.forwardRef)(function CheckBox(_a, ref) {
|
|
2699
|
-
var
|
|
2699
|
+
var indeterminate = _a.indeterminate, onChange = _a.onChange, props = __rest(_a, ["indeterminate", "onChange"]);
|
|
2700
2700
|
var innerRef = (0, react_1.useRef)(null);
|
|
2701
2701
|
var mergedRef = (0, fuselage_hooks_1.useMergedRefs)(ref, innerRef);
|
|
2702
2702
|
(0, react_1.useLayoutEffect)(function () {
|
|
@@ -2710,8 +2710,8 @@ exports.CheckBox = (0, react_1.forwardRef)(function CheckBox(_a, ref) {
|
|
|
2710
2710
|
}
|
|
2711
2711
|
onChange && onChange.call(innerRef.current, event);
|
|
2712
2712
|
}, [innerRef, indeterminate, onChange]);
|
|
2713
|
-
return (react_1.default.createElement(Box_1.default,
|
|
2714
|
-
react_1.default.createElement(Box_1.default, { is: 'input',
|
|
2713
|
+
return (react_1.default.createElement(Box_1.default, { is: Label_1.Label, "rcx-check-box": true },
|
|
2714
|
+
react_1.default.createElement(Box_1.default, __assign({ is: 'input', type: 'checkbox', "rcx-check-box__input": true, ref: mergedRef, onChange: handleChange }, props)),
|
|
2715
2715
|
react_1.default.createElement(Box_1.default, { is: 'i', "rcx-check-box__fake": true, "aria-hidden": 'true' })));
|
|
2716
2716
|
});
|
|
2717
2717
|
|
|
@@ -5403,11 +5403,13 @@ var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
|
|
|
5403
5403
|
var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
|
|
5404
5404
|
var LabelContext = (0, react_1.createContext)(false);
|
|
5405
5405
|
function Label(_a) {
|
|
5406
|
-
var disabled = _a.disabled, is = _a.is, required = _a.required, props = __rest(_a, ["disabled", "is", "required"]);
|
|
5406
|
+
var disabled = _a.disabled, is = _a.is, required = _a.required, children = _a.children, props = __rest(_a, ["disabled", "is", "required", "children"]);
|
|
5407
5407
|
var isInsideLabel = (0, react_1.useContext)(LabelContext);
|
|
5408
5408
|
var component = is || (isInsideLabel && 'span') || 'label';
|
|
5409
5409
|
return (react_1.default.createElement(LabelContext.Provider, { value: true },
|
|
5410
|
-
react_1.default.createElement(Box_1.default, __assign({ is: component, "rcx-label": true, "rcx-label--disabled": disabled
|
|
5410
|
+
react_1.default.createElement(Box_1.default, __assign({ is: component, "rcx-label": true, "rcx-label--disabled": disabled }, props),
|
|
5411
|
+
children,
|
|
5412
|
+
required && (react_1.default.createElement(Box_1.default, { is: 'span', "rcx-label__required": true, mis: 'x4', "aria-hidden": 'true' }, "*")))));
|
|
5411
5413
|
}
|
|
5412
5414
|
exports.Label = Label;
|
|
5413
5415
|
|
|
@@ -7457,7 +7459,7 @@ var MessageReactionAction = function (_a) {
|
|
|
7457
7459
|
]
|
|
7458
7460
|
.filter(Boolean)
|
|
7459
7461
|
.join(' ') }, props),
|
|
7460
|
-
react_1.default.createElement(Icon_1.Icon, { name: 'emoji-plus', size:
|
|
7462
|
+
react_1.default.createElement(Icon_1.Icon, { name: 'emoji-plus', size: 'x16' })));
|
|
7461
7463
|
};
|
|
7462
7464
|
exports.MessageReactionAction = MessageReactionAction;
|
|
7463
7465
|
|