blue-react 8.3.4 → 8.4.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.
|
@@ -14,7 +14,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* @deprecated
|
|
18
|
+
* Use Bootstrap's `.form-check.form-switch` instead:
|
|
19
|
+
* https://getbootstrap.com/docs/5.2/forms/checks-radios/#switches
|
|
20
|
+
*
|
|
21
|
+
* For now, this component acts as proxy for Bootstrap's Switch.
|
|
22
|
+
* To place a label next to the switch, use the new `label` prop.
|
|
23
|
+
*
|
|
24
|
+
* Migrate to Blue React 8.4.0 and use legacy support: Set the `label` with a string. Or set the `legacy` prop to use the previous look and behaviour.
|
|
18
25
|
*/
|
|
19
26
|
function Switch(_ref) {
|
|
20
27
|
var className = _ref.className,
|
|
@@ -23,18 +30,36 @@ function Switch(_ref) {
|
|
|
23
30
|
sliderLabel = _ref.sliderLabel,
|
|
24
31
|
disabled = _ref.disabled,
|
|
25
32
|
_ref$elementType = _ref.elementType,
|
|
26
|
-
elementType = _ref$elementType === void 0 ? "label" : _ref$elementType
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
33
|
+
elementType = _ref$elementType === void 0 ? "label" : _ref$elementType,
|
|
34
|
+
_ref$legacy = _ref.legacy,
|
|
35
|
+
legacy = _ref$legacy === void 0 ? false : _ref$legacy,
|
|
36
|
+
label = _ref.label;
|
|
37
|
+
|
|
38
|
+
if (legacy === true) {
|
|
39
|
+
return /*#__PURE__*/(0, _react.createElement)(elementType, {
|
|
40
|
+
className: "switch " + (disabled ? "disabled " : "") + className
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
|
|
42
|
+
type: "checkbox",
|
|
43
|
+
checked: checked,
|
|
44
|
+
onChange: onChange,
|
|
45
|
+
disabled: disabled,
|
|
46
|
+
role: "switch"
|
|
47
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
48
|
+
className: "slider round",
|
|
49
|
+
"data-label": sliderLabel
|
|
50
|
+
})));
|
|
51
|
+
} else {
|
|
52
|
+
return /*#__PURE__*/(0, _react.createElement)(elementType, {
|
|
53
|
+
className: "form-check form-switch " + (disabled ? "disabled " : "") + className
|
|
54
|
+
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
|
|
55
|
+
type: "checkbox",
|
|
56
|
+
role: "switch",
|
|
57
|
+
className: "form-check-input",
|
|
58
|
+
checked: checked,
|
|
59
|
+
onChange: onChange,
|
|
60
|
+
disabled: disabled
|
|
61
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
62
|
+
className: "form-check-label"
|
|
63
|
+
}, label)));
|
|
64
|
+
}
|
|
40
65
|
}
|