@wireapp/react-ui-kit 9.73.6 → 9.73.7
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,yIAiFlB,CAAC"}
|
|
@@ -36,9 +36,17 @@ exports.Switch = (0, react_1.forwardRef)(({ id = Math.random().toString(), check
|
|
|
36
36
|
switchTheme?.deactivatedColor ??
|
|
37
37
|
'#d2d2d2';
|
|
38
38
|
const resolvedDisabledColor = (isDarkTheme ? disabledColorDark ?? disabledColor : disabledColor) ?? switchTheme?.disabledColor;
|
|
39
|
-
|
|
39
|
+
const isInteractionDisabled = Boolean(disabled || showLoading);
|
|
40
|
+
const handleToggle = (nextChecked) => {
|
|
41
|
+
if (isInteractionDisabled) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
onToggle(nextChecked);
|
|
45
|
+
};
|
|
46
|
+
return ((0, jsx_runtime_1.jsxs)("div", { css: Switch_styles_1.wrapperStyles, children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, id: id, checked: checked, disabled: isInteractionDisabled, name: name, onChange: event => handleToggle(event.target.checked), onKeyDown: event => {
|
|
40
47
|
if (event.key === 'Enter') {
|
|
41
|
-
|
|
48
|
+
event.preventDefault();
|
|
49
|
+
handleToggle(!event.target.checked);
|
|
42
50
|
}
|
|
43
51
|
}, type: "checkbox", css: Switch_styles_1.inputStyles, "data-uie-name": dataUieName }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: id, css: (0, Switch_styles_1.labelStyles)(disabled, showLoading), children: [(0, jsx_runtime_1.jsx)("span", { css: (0, Switch_styles_1.switchStyles)({
|
|
44
52
|
disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,aAAa,EAAE,SAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,SAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,aAAc,OAAO,eAAe,OAAO,KAAG,
|
|
1
|
+
{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,aAAa,EAAE,SAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,SAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,aAAc,OAAO,eAAe,OAAO,KAAG,SAOpE,CAAC;AAEH,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,YAAY,yFAOtB,iBAAiB,KAAG,SA6BrB,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,SAI3B,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,OAAO,WAAW,OAAO,KAAG,SAcpE,CAAC"}
|
|
@@ -38,10 +38,11 @@ exports.inputStyles = {
|
|
|
38
38
|
};
|
|
39
39
|
const labelStyles = (disabled, showLoading) => ({
|
|
40
40
|
borderRadius: '20px',
|
|
41
|
-
cursor: disabled || showLoading ? '' : 'pointer',
|
|
41
|
+
cursor: disabled || showLoading ? 'not-allowed' : 'pointer',
|
|
42
42
|
display: 'block',
|
|
43
43
|
margin: 0,
|
|
44
44
|
overflow: 'hidden',
|
|
45
|
+
opacity: disabled ? 0.5 : 1,
|
|
45
46
|
});
|
|
46
47
|
exports.labelStyles = labelStyles;
|
|
47
48
|
const switchStyles = ({ disabled, showLoading, checked, activatedColor, deactivatedColor, disabledColor, }) => ({
|
package/package.json
CHANGED