@hazelcast/ui 4.0.6 → 4.0.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.
|
@@ -21,21 +21,21 @@ export const ThemeSwitcher = ({ value, onChange, disabled = false, className, 'a
|
|
|
21
21
|
useEffect(() => {
|
|
22
22
|
var _a;
|
|
23
23
|
if (open && !disabled)
|
|
24
|
-
(_a = items.current[initialFocus.current]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
24
|
+
(_a = items.current[initialFocus.current]) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
|
|
25
25
|
}, [open, disabled]);
|
|
26
26
|
const close = () => setOpen(false);
|
|
27
|
+
const focusTrigger = () => { var _a; return (_a = trigger.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true }); };
|
|
27
28
|
const show = (index) => {
|
|
28
29
|
initialFocus.current = index;
|
|
29
30
|
setOpen(true);
|
|
30
31
|
};
|
|
31
32
|
const select = (preference) => {
|
|
32
|
-
var _a;
|
|
33
33
|
close();
|
|
34
|
-
(
|
|
34
|
+
focusTrigger();
|
|
35
35
|
onChange(preference);
|
|
36
36
|
};
|
|
37
37
|
const onMenuKeyDown = (event) => {
|
|
38
|
-
var _a
|
|
38
|
+
var _a;
|
|
39
39
|
const index = items.current.findIndex((item) => item === document.activeElement);
|
|
40
40
|
let nextIndex;
|
|
41
41
|
switch (event.key) {
|
|
@@ -55,11 +55,11 @@ export const ThemeSwitcher = ({ value, onChange, disabled = false, className, 'a
|
|
|
55
55
|
event.stopPropagation();
|
|
56
56
|
event.preventDefault();
|
|
57
57
|
close();
|
|
58
|
-
(
|
|
58
|
+
focusTrigger();
|
|
59
59
|
return;
|
|
60
60
|
case 'Tab':
|
|
61
61
|
close();
|
|
62
|
-
(
|
|
62
|
+
focusTrigger();
|
|
63
63
|
return;
|
|
64
64
|
default:
|
|
65
65
|
nextIndex = options.findIndex((option) => option.label.toLowerCase().startsWith(event.key.toLowerCase()));
|
|
@@ -67,7 +67,7 @@ export const ThemeSwitcher = ({ value, onChange, disabled = false, className, 'a
|
|
|
67
67
|
return;
|
|
68
68
|
}
|
|
69
69
|
event.preventDefault();
|
|
70
|
-
(
|
|
70
|
+
(_a = items.current[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
71
71
|
};
|
|
72
72
|
return (React.createElement(React.Fragment, null,
|
|
73
73
|
React.createElement("button", { ref: trigger, type: "button", className: cn(styles.trigger, className), "aria-label": `${ariaLabel}: ${selected.label}`, title: `${ariaLabel}: ${selected.label}`, "aria-haspopup": "menu", "aria-expanded": open && !disabled, "aria-controls": open && !disabled ? menuId : undefined, disabled: disabled, "data-test": dataTest, onClick: () => (open ? close() : show(options.indexOf(selected))), onKeyDown: (event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAEhD,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAW/C,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE;IAC7C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE;IAC5C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE;CAC9C,CAAA;AAEV,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,YAAY,EAAE,SAAS,GAAG,aAAa,EACvC,WAAW,EAAE,QAAQ,GAAG,gBAAgB,GACrB,EAAE,EAAE;;IACvB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,OAAO,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAC/C,MAAM,KAAK,GAAG,MAAM,CAA+B,EAAE,CAAC,CAAA;IACtD,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAC9B,MAAM,MAAM,GAAG,KAAK,EAAE,CAAA;IACtB,MAAM,QAAQ,GAAG,MAAA,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,mCAAI,OAAO,CAAC,CAAC,CAAC,CAAA;IAE/E,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,IAAI,IAAI,CAAC,QAAQ;YAAE,MAAA,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
--toggle-thumb-offset: calc(var(--toggle-track-width) - var(--toggle-thumb-size) - 2px);
|
|
6
6
|
--toggle-track-bg: var(--hive-color-neutral-v4);
|
|
7
7
|
--toggle-track-bg-checked: var(--hive-color-brand-v4);
|
|
8
|
-
--toggle-thumb-bg: var(--hive-color-neutral-white-v4);
|
|
8
|
+
--toggle-thumb-bg: var(--hive-color-neutral-white-v4-light-mode);
|
|
9
9
|
--toggle-transition-duration: 160ms;
|
|
10
10
|
|
|
11
11
|
position: relative;
|