@rocket.chat/fuselage 0.32.1 → 0.33.0
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/CHANGELOG.md +18 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/fuselage.css +1 -1
- package/dist/fuselage.css.map +1 -1
- package/dist/fuselage.development.js +31 -7
- package/dist/fuselage.development.js.map +1 -1
- package/dist/fuselage.production.js +1 -1
- package/package.json +1 -1
|
@@ -2775,7 +2775,7 @@ var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
|
|
|
2775
2775
|
var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
|
|
2776
2776
|
var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
|
|
2777
2777
|
exports.CheckBox = (0, react_1.forwardRef)(function CheckBox(_a, ref) {
|
|
2778
|
-
var indeterminate = _a.indeterminate, onChange = _a.onChange, props = __rest(_a, ["indeterminate", "onChange"]);
|
|
2778
|
+
var indeterminate = _a.indeterminate, onChange = _a.onChange, className = _a.className, props = __rest(_a, ["indeterminate", "onChange", "className"]);
|
|
2779
2779
|
var innerRef = (0, react_1.useRef)(null);
|
|
2780
2780
|
var mergedRef = (0, fuselage_hooks_1.useMergedRefs)(ref, innerRef);
|
|
2781
2781
|
(0, react_1.useLayoutEffect)(function () {
|
|
@@ -2789,7 +2789,7 @@ exports.CheckBox = (0, react_1.forwardRef)(function CheckBox(_a, ref) {
|
|
|
2789
2789
|
}
|
|
2790
2790
|
onChange && onChange.call(innerRef.current, event);
|
|
2791
2791
|
}, [innerRef, indeterminate, onChange]);
|
|
2792
|
-
return (react_1.default.createElement(Box_1.default, { is: Label_1.Label, "rcx-check-box": true },
|
|
2792
|
+
return (react_1.default.createElement(Box_1.default, { is: Label_1.Label, className: className, "rcx-check-box": true },
|
|
2793
2793
|
react_1.default.createElement(Box_1.default, __assign({ is: 'input', type: 'checkbox', "rcx-check-box__input": true, ref: mergedRef, onChange: handleChange }, props)),
|
|
2794
2794
|
react_1.default.createElement(Box_1.default, { is: 'i', "rcx-check-box__fake": true, "aria-hidden": 'true' })));
|
|
2795
2795
|
});
|
|
@@ -11447,7 +11447,7 @@ var PaginatedSelect = function (_a) {
|
|
|
11447
11447
|
? 'chevron-up'
|
|
11448
11448
|
: 'chevron-down', size: 'x20' })))),
|
|
11449
11449
|
react_1.default.createElement(PositionAnimated_1.default, { visible: visible, anchor: containerRef },
|
|
11450
|
-
react_1.default.createElement(_Options,
|
|
11450
|
+
react_1.default.createElement(_Options, { withTitle: withTitle, width: borderBoxSize.inlineSize, role: 'listbox', filter: filter, options: options, onSelect: internalChangedByClick, endReached: endReached, onMouseDown: prevent_1.prevent }))));
|
|
11451
11451
|
};
|
|
11452
11452
|
exports.PaginatedSelect = PaginatedSelect;
|
|
11453
11453
|
|
|
@@ -12158,6 +12158,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
12158
12158
|
__setModuleDefault(result, mod);
|
|
12159
12159
|
return result;
|
|
12160
12160
|
};
|
|
12161
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
12162
|
+
var t = {};
|
|
12163
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
12164
|
+
t[p] = s[p];
|
|
12165
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
12166
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
12167
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
12168
|
+
t[p[i]] = s[p[i]];
|
|
12169
|
+
}
|
|
12170
|
+
return t;
|
|
12171
|
+
};
|
|
12161
12172
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12162
12173
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
12163
12174
|
};
|
|
@@ -12166,8 +12177,9 @@ exports.RadioButton = void 0;
|
|
|
12166
12177
|
var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
|
|
12167
12178
|
var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
|
|
12168
12179
|
var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
|
|
12169
|
-
exports.RadioButton = (0, react_1.forwardRef)(function RadioButton(
|
|
12170
|
-
|
|
12180
|
+
exports.RadioButton = (0, react_1.forwardRef)(function RadioButton(_a, ref) {
|
|
12181
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
12182
|
+
return (react_1.default.createElement(Box_1.default, { is: Label_1.Label, className: className, "rcx-radio-button": true },
|
|
12171
12183
|
react_1.default.createElement(Box_1.default, __assign({ is: 'input', "rcx-radio-button__input": true, type: 'radio', ref: ref }, props)),
|
|
12172
12184
|
react_1.default.createElement(Box_1.default, { is: 'i', "rcx-radio-button__fake": true, "aria-hidden": 'true' })));
|
|
12173
12185
|
});
|
|
@@ -16251,6 +16263,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
16251
16263
|
__setModuleDefault(result, mod);
|
|
16252
16264
|
return result;
|
|
16253
16265
|
};
|
|
16266
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
16267
|
+
var t = {};
|
|
16268
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16269
|
+
t[p] = s[p];
|
|
16270
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
16271
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
16272
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
16273
|
+
t[p[i]] = s[p[i]];
|
|
16274
|
+
}
|
|
16275
|
+
return t;
|
|
16276
|
+
};
|
|
16254
16277
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
16255
16278
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16256
16279
|
};
|
|
@@ -16259,8 +16282,9 @@ exports.ToggleSwitch = void 0;
|
|
|
16259
16282
|
var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
|
|
16260
16283
|
var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
|
|
16261
16284
|
var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
|
|
16262
|
-
exports.ToggleSwitch = (0, react_1.forwardRef)(function ToggleSwitch(
|
|
16263
|
-
|
|
16285
|
+
exports.ToggleSwitch = (0, react_1.forwardRef)(function ToggleSwitch(_a, ref) {
|
|
16286
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
16287
|
+
return (react_1.default.createElement(Box_1.default, { is: Label_1.Label, className: className, "rcx-toggle-switch": true },
|
|
16264
16288
|
react_1.default.createElement(Box_1.default, __assign({ is: 'input', ref: ref, "rcx-toggle-switch__input": true, type: 'checkbox' }, props)),
|
|
16265
16289
|
react_1.default.createElement(Box_1.default, { is: 'i', "rcx-toggle-switch__fake": true, "aria-hidden": 'true' })));
|
|
16266
16290
|
});
|