@gooddata/sdk-ui-kit 10.22.0-alpha.40 → 10.22.0-alpha.42
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/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts +14 -0
- package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts.map +1 -0
- package/esm/@ui/UiFocusTrap/UiFocusTrap.js +94 -0
- package/esm/@ui/UiFocusTrap/UiFocusTrap.js.map +1 -0
- package/esm/Button/Button.d.ts.map +1 -1
- package/esm/Button/Button.js +11 -4
- package/esm/Button/Button.js.map +1 -1
- package/esm/Button/typings.d.ts +14 -1
- package/esm/Button/typings.d.ts.map +1 -1
- package/esm/Dropdown/Dropdown.d.ts +2 -0
- package/esm/Dropdown/Dropdown.d.ts.map +1 -1
- package/esm/Dropdown/Dropdown.js +16 -9
- package/esm/Dropdown/Dropdown.js.map +1 -1
- package/esm/Dropdown/DropdownButton.d.ts +2 -0
- package/esm/Dropdown/DropdownButton.d.ts.map +1 -1
- package/esm/Dropdown/DropdownButton.js +11 -3
- package/esm/Dropdown/DropdownButton.js.map +1 -1
- package/esm/Dropdown/DropdownList.d.ts +1 -0
- package/esm/Dropdown/DropdownList.d.ts.map +1 -1
- package/esm/Dropdown/DropdownList.js +8 -3
- package/esm/Dropdown/DropdownList.js.map +1 -1
- package/esm/Form/InputPure.d.ts +2 -1
- package/esm/Form/InputPure.d.ts.map +1 -1
- package/esm/Form/InputPure.js +15 -11
- package/esm/Form/InputPure.js.map +1 -1
- package/esm/Header/HeaderAccount.d.ts +1 -4
- package/esm/Header/HeaderAccount.d.ts.map +1 -1
- package/esm/Header/HeaderAccount.js +57 -55
- package/esm/Header/HeaderAccount.js.map +1 -1
- package/esm/Header/HeaderHelp.d.ts.map +1 -1
- package/esm/Header/HeaderHelp.js +14 -5
- package/esm/Header/HeaderHelp.js.map +1 -1
- package/esm/Header/HeaderSearchButton.d.ts +1 -1
- package/esm/Header/HeaderSearchButton.d.ts.map +1 -1
- package/esm/Header/HeaderSearchButton.js +13 -4
- package/esm/Header/HeaderSearchButton.js.map +1 -1
- package/esm/Header/HeaderWorkspacePicker.d.ts.map +1 -1
- package/esm/Header/HeaderWorkspacePicker.js +2 -2
- package/esm/Header/HeaderWorkspacePicker.js.map +1 -1
- package/esm/Header/HeaderWorkspacePickerButton.d.ts +2 -0
- package/esm/Header/HeaderWorkspacePickerButton.d.ts.map +1 -1
- package/esm/Header/HeaderWorkspacePickerButton.js +6 -3
- package/esm/Header/HeaderWorkspacePickerButton.js.map +1 -1
- package/esm/Header/HeaderWorkspacePickerItem.d.ts +1 -1
- package/esm/Header/HeaderWorkspacePickerItem.d.ts.map +1 -1
- package/esm/Header/HeaderWorkspacePickerItem.js +2 -2
- package/esm/Header/HeaderWorkspacePickerItem.js.map +1 -1
- package/esm/Header/typings.d.ts +1 -1
- package/esm/Header/typings.d.ts.map +1 -1
- package/esm/List/List.d.ts.map +1 -1
- package/esm/List/List.js +3 -3
- package/esm/List/List.js.map +1 -1
- package/esm/Tabs/Tabs.d.ts.map +1 -1
- package/esm/Tabs/Tabs.js +9 -3
- package/esm/Tabs/Tabs.js.map +1 -1
- package/esm/index.d.ts +4 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +3 -0
- package/esm/index.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +57 -3
- package/esm/typings/accessibility.d.ts +1 -0
- package/esm/typings/accessibility.d.ts.map +1 -1
- package/esm/utils/events.d.ts +11 -0
- package/esm/utils/events.d.ts.map +1 -0
- package/esm/utils/events.js +12 -0
- package/esm/utils/events.js.map +1 -0
- package/esm/utils/useId.d.ts +7 -0
- package/esm/utils/useId.d.ts.map +1 -0
- package/esm/utils/useId.js +13 -0
- package/esm/utils/useId.js.map +1 -0
- package/package.json +8 -8
- package/styles/css/header.css +7 -0
- package/styles/css/header.css.map +1 -1
- package/styles/css/list.css +8 -2
- package/styles/css/list.css.map +1 -1
- package/styles/css/main.css +18 -2
- package/styles/css/main.css.map +1 -1
- package/styles/css/menu.css +8 -2
- package/styles/css/menu.css.map +1 -1
- package/styles/css/tabs.css +3 -0
- package/styles/css/tabs.css.map +1 -1
- package/styles/scss/header.scss +9 -1
- package/styles/scss/list.scss +9 -3
- package/styles/scss/tabs.scss +5 -1
@@ -0,0 +1,14 @@
|
|
1
|
+
import React from "react";
|
2
|
+
/**
|
3
|
+
* @internal
|
4
|
+
*/
|
5
|
+
export interface UiFocusTrapProps {
|
6
|
+
children: React.ReactNode;
|
7
|
+
onDeactivate?: () => void;
|
8
|
+
returnFocusTo?: React.RefObject<HTMLElement>;
|
9
|
+
}
|
10
|
+
/**
|
11
|
+
* @internal
|
12
|
+
*/
|
13
|
+
export declare const UiFocusTrap: React.FC<UiFocusTrapProps>;
|
14
|
+
//# sourceMappingURL=UiFocusTrap.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"UiFocusTrap.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusTrap/UiFocusTrap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAChD;AAwDD;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6DlD,CAAC"}
|
@@ -0,0 +1,94 @@
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
2
|
+
import React, { useEffect, useRef } from "react";
|
3
|
+
const focusableElementsSelector = [
|
4
|
+
// Interactive form elements
|
5
|
+
'button:not(:disabled):not([aria-disabled="true"])',
|
6
|
+
'input:not(:disabled):not([aria-disabled="true"])',
|
7
|
+
'select:not(:disabled):not([aria-disabled="true"])',
|
8
|
+
'textarea:not(:disabled):not([aria-disabled="true"])',
|
9
|
+
// Links and areas
|
10
|
+
"a[href]",
|
11
|
+
"area[href]",
|
12
|
+
// Custom elements with tabindex
|
13
|
+
'[tabindex]:not([tabindex="-1"]):not(:disabled):not([aria-disabled="true"])',
|
14
|
+
// Media with controls
|
15
|
+
"audio[controls]",
|
16
|
+
"video[controls]",
|
17
|
+
// Editable content
|
18
|
+
'[contenteditable]:not([contenteditable="false"])',
|
19
|
+
].join(",");
|
20
|
+
const getFocusableElements = (element) => {
|
21
|
+
const focusableElements = element?.querySelectorAll(focusableElementsSelector);
|
22
|
+
const firstElement = focusableElements?.[0];
|
23
|
+
const lastElement = focusableElements?.[focusableElements.length - 1];
|
24
|
+
return { focusableElements, firstElement, lastElement };
|
25
|
+
};
|
26
|
+
/**
|
27
|
+
* Attempts to find a truly focusable element by trying subsequent elements in the focusable elements collection
|
28
|
+
* This is useful when some elements are focusable but not reachable (e.g., out of viewport or disabled)
|
29
|
+
*/
|
30
|
+
const focusAndEnsureReachableElement = (initialElement, focusableElements, shiftKey) => {
|
31
|
+
let nextElement = initialElement;
|
32
|
+
let attempts = 0;
|
33
|
+
const maxAttempts = focusableElements.length;
|
34
|
+
nextElement.focus();
|
35
|
+
while (nextElement !== document.activeElement && attempts < maxAttempts) {
|
36
|
+
attempts++;
|
37
|
+
const currentIndex = Array.from(focusableElements).indexOf(nextElement);
|
38
|
+
const nextIndex = shiftKey
|
39
|
+
? (currentIndex - 1 + focusableElements.length) % focusableElements.length
|
40
|
+
: (currentIndex + 1) % focusableElements.length;
|
41
|
+
nextElement = focusableElements[nextIndex];
|
42
|
+
nextElement?.focus();
|
43
|
+
}
|
44
|
+
};
|
45
|
+
/**
|
46
|
+
* @internal
|
47
|
+
*/
|
48
|
+
export const UiFocusTrap = ({ children, onDeactivate, returnFocusTo }) => {
|
49
|
+
const trapRef = useRef(null);
|
50
|
+
useEffect(() => {
|
51
|
+
const getNextElement = (focusableElements, firstElement, lastElement, shiftKey) => {
|
52
|
+
const elements = Array.from(focusableElements);
|
53
|
+
const currentIndex = elements.indexOf(document.activeElement);
|
54
|
+
if (shiftKey) {
|
55
|
+
// Shift + Tab - moving backwards
|
56
|
+
return currentIndex <= 0 ? lastElement : elements[currentIndex - 1];
|
57
|
+
}
|
58
|
+
else {
|
59
|
+
// Tab - moving forwards
|
60
|
+
return currentIndex === elements.length - 1 ? firstElement : elements[currentIndex + 1];
|
61
|
+
}
|
62
|
+
};
|
63
|
+
const handleKeyDown = (event) => {
|
64
|
+
// get fresh focusable elements set as they could change in meantime
|
65
|
+
const { firstElement, lastElement, focusableElements } = getFocusableElements(trapRef.current);
|
66
|
+
if (event.key === "Tab") {
|
67
|
+
const nextElement = getNextElement(focusableElements, firstElement, lastElement, event.shiftKey);
|
68
|
+
if (nextElement) {
|
69
|
+
event.preventDefault();
|
70
|
+
focusAndEnsureReachableElement(nextElement, focusableElements, event.shiftKey);
|
71
|
+
}
|
72
|
+
}
|
73
|
+
else if (event.key === "Escape") {
|
74
|
+
if (onDeactivate) {
|
75
|
+
onDeactivate();
|
76
|
+
}
|
77
|
+
if (returnFocusTo.current) {
|
78
|
+
returnFocusTo.current.focus();
|
79
|
+
}
|
80
|
+
}
|
81
|
+
};
|
82
|
+
document.addEventListener("keydown", handleKeyDown);
|
83
|
+
// Move focus to the first element in the trap at start
|
84
|
+
const { firstElement } = getFocusableElements(trapRef.current);
|
85
|
+
setTimeout(() => {
|
86
|
+
firstElement?.focus();
|
87
|
+
}, 100);
|
88
|
+
return () => {
|
89
|
+
document.removeEventListener("keydown", handleKeyDown);
|
90
|
+
};
|
91
|
+
}, [onDeactivate, returnFocusTo]);
|
92
|
+
return (React.createElement("div", { className: "gd-focus-trap", ref: trapRef }, children));
|
93
|
+
};
|
94
|
+
//# sourceMappingURL=UiFocusTrap.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"UiFocusTrap.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusTrap/UiFocusTrap.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C;;GAEG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC;IACrD,OAAc,YAAY;;;;;;;;;;MAUxB;IAEK,UAAU,EAAE,WAAW,CAAC;IAExB,MAAM;
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C;;GAEG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC;IACrD,OAAc,YAAY;;;;;;;;;;MAUxB;IAEK,UAAU,EAAE,WAAW,CAAC;IAExB,MAAM;IAiDb,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,QAAQ,CAId;IAEF,OAAO,CAAC,UAAU;CAOrB"}
|
package/esm/Button/Button.js
CHANGED
@@ -20,13 +20,20 @@ export class Button extends React.Component {
|
|
20
20
|
};
|
21
21
|
buttonNode;
|
22
22
|
render() {
|
23
|
-
const { id, tagName, title, disabled, tabIndex, type, iconLeft, iconRight, accessibilityConfig } = this.props;
|
24
|
-
const { ariaLabel, ariaLabelledBy } = accessibilityConfig ?? {};
|
23
|
+
const { id, tagName, title, disabled, tabIndex, type, iconLeft, iconRight, accessibilityConfig, buttonRef, } = this.props;
|
24
|
+
const { isExpanded, popupId, ariaLabel, ariaLabelledBy } = accessibilityConfig ?? {};
|
25
25
|
const TagName = tagName;
|
26
26
|
const effectiveValue = this.getEffectiveValue();
|
27
|
+
const ariaDropdownProps = {
|
28
|
+
...(popupId ? { "aria-haspopup": !!popupId } : {}),
|
29
|
+
...(popupId && isExpanded ? { "aria-controls": popupId, "aria-expanded": isExpanded } : {}),
|
30
|
+
};
|
27
31
|
return (React.createElement(TagName, { id: id, ref: (ref) => {
|
28
32
|
this.buttonNode = ref;
|
29
|
-
|
33
|
+
if (buttonRef) {
|
34
|
+
buttonRef.current = ref;
|
35
|
+
}
|
36
|
+
}, title: title || ariaLabel, className: this.getClassnames(), type: type, onClick: this._onClick, tabIndex: tabIndex, "aria-disabled": disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...ariaDropdownProps, role: "button" },
|
30
37
|
this.renderIcon(iconLeft),
|
31
38
|
effectiveValue ? React.createElement("span", { className: "gd-button-text" }, effectiveValue) : null,
|
32
39
|
this.renderIcon(iconRight)));
|
@@ -61,7 +68,7 @@ export class Button extends React.Component {
|
|
61
68
|
if (!icon) {
|
62
69
|
return null;
|
63
70
|
}
|
64
|
-
return React.createElement("span", { className: cx("gd-button-icon", icon),
|
71
|
+
return React.createElement("span", { className: cx("gd-button-icon", icon), "data-testid": "gd-button-icon" });
|
65
72
|
}
|
66
73
|
}
|
67
74
|
//# sourceMappingURL=Button.js.map
|
package/esm/Button/Button.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAGlC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAuB;IAC9C,MAAM,CAAC,YAAY,GAAG;QACzB,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,QAAQ;QACjB,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,IAAc;QACxB,SAAS,EAAE,IAAc;KAC5B,CAAC;IAEK,UAAU,CAAc;IAExB,MAAM;QACT,MAAM,
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
|
package/esm/Button/typings.d.ts
CHANGED
@@ -1,5 +1,17 @@
|
|
1
1
|
import { ReactNode } from "react";
|
2
2
|
import { IAccessibilityConfigBase } from "../typings/accessibility.js";
|
3
|
+
/**
|
4
|
+
* @internal
|
5
|
+
*/
|
6
|
+
export interface IDropdownButtonAccessibilityConfig {
|
7
|
+
isExpanded?: boolean;
|
8
|
+
popupId?: string;
|
9
|
+
}
|
10
|
+
/**
|
11
|
+
* @internal
|
12
|
+
*/
|
13
|
+
export interface IButtonAccessibilityConfig extends IAccessibilityConfigBase, IDropdownButtonAccessibilityConfig {
|
14
|
+
}
|
3
15
|
/**
|
4
16
|
* @internal
|
5
17
|
*/
|
@@ -19,6 +31,7 @@ export interface IButtonProps {
|
|
19
31
|
variant?: "primary" | "secondary";
|
20
32
|
intent?: "action" | "positive" | "negative";
|
21
33
|
size?: "small" | "medium" | "large";
|
22
|
-
accessibilityConfig?:
|
34
|
+
accessibilityConfig?: IButtonAccessibilityConfig;
|
35
|
+
buttonRef?: React.MutableRefObject<HTMLElement>;
|
23
36
|
}
|
24
37
|
//# sourceMappingURL=typings.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"typings.d.ts","sourceRoot":"","sources":["../../src/Button/typings.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;
|
1
|
+
{"version":3,"file":"typings.d.ts","sourceRoot":"","sources":["../../src/Button/typings.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE;;GAEG;AACH,MAAM,WAAW,kCAAkC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,0BACb,SAAQ,wBAAwB,EAC5B,kCAAkC;CAAG;AAE7C;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;IACjD,SAAS,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnD"}
|
@@ -7,6 +7,8 @@ import { OverlayPositionType } from "../typings/overlay.js";
|
|
7
7
|
export interface IDropdownButtonRenderProps {
|
8
8
|
isMobile: boolean;
|
9
9
|
isOpen: boolean;
|
10
|
+
dropdownId: string;
|
11
|
+
buttonRef: React.MutableRefObject<HTMLElement | null>;
|
10
12
|
openDropdown: () => void;
|
11
13
|
closeDropdown: () => void;
|
12
14
|
toggleDropdown: () => void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAmC5D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEjE,YAAY,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC;IAErE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAE5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAE/C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AASD;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+I7C,CAAC"}
|
package/esm/Dropdown/Dropdown.js
CHANGED
@@ -1,9 +1,10 @@
|
|
1
|
-
// (C) 2007-
|
1
|
+
// (C) 2007-2025 GoodData Corporation
|
2
2
|
import React, { useState, useCallback, useEffect, useRef } from "react";
|
3
|
-
import { v4 as uuid } from "uuid";
|
4
3
|
import noop from "lodash/noop.js";
|
5
4
|
import { FullScreenOverlay, Overlay } from "../Overlay/index.js";
|
6
5
|
import { useMediaQuery } from "../responsive/useMediaQuery.js";
|
6
|
+
import { useId } from "../utils/useId.js";
|
7
|
+
import { UiFocusTrap } from "../@ui/UiFocusTrap/UiFocusTrap.js";
|
7
8
|
const SCROLLBAR_SELECTOR = ".fixedDataTableLayout_main .ScrollbarLayout_main";
|
8
9
|
const MOBILE_DROPDOWN_ALIGN_POINTS = [
|
9
10
|
{
|
@@ -38,10 +39,11 @@ export const Dropdown = (props) => {
|
|
38
39
|
align: "bl tl",
|
39
40
|
},
|
40
41
|
], overlayZIndex, ignoreClicksOnByClass = [], renderBody, renderButton, onOpenStateChanged, fullscreenOnMobile = true, enableEventPropagation = false, } = props;
|
41
|
-
const [{ isOpen
|
42
|
+
const [{ isOpen }, setState] = useState({
|
42
43
|
isOpen: !!openOnInit,
|
43
|
-
dropdownId: `dropdown-${uuid()}`,
|
44
44
|
});
|
45
|
+
const id = useId();
|
46
|
+
const dropdownId = `dropdown-${id}`;
|
45
47
|
const _renderButton = (renderProps) => (React.createElement("div", { className: dropdownId }, renderButton(renderProps)));
|
46
48
|
const toggleDropdown = useCallback(() => {
|
47
49
|
setState((state) => ({
|
@@ -62,6 +64,7 @@ export const Dropdown = (props) => {
|
|
62
64
|
}));
|
63
65
|
}, []);
|
64
66
|
const mountRef = useRef(false);
|
67
|
+
const buttonRef = useRef(null);
|
65
68
|
useEffect(() => {
|
66
69
|
if (mountRef.current && onOpenStateChanged) {
|
67
70
|
onOpenStateChanged(isOpen);
|
@@ -76,6 +79,7 @@ export const Dropdown = (props) => {
|
|
76
79
|
openDropdown: openDropdown,
|
77
80
|
closeDropdown: closeDropdown,
|
78
81
|
toggleDropdown: toggleDropdown,
|
82
|
+
dropdownId,
|
79
83
|
};
|
80
84
|
const isMobileDevice = useMediaQuery("mobileDevice");
|
81
85
|
const renderDropdown = isOpen &&
|
@@ -84,21 +88,24 @@ export const Dropdown = (props) => {
|
|
84
88
|
React.createElement("div", { className: "gd-mobile-dropdown-header gd-flex-item" }, _renderButton({
|
85
89
|
...renderButtonProps,
|
86
90
|
isMobile: true,
|
91
|
+
buttonRef,
|
87
92
|
})),
|
88
93
|
React.createElement("div", { className: "gd-mobile-dropdown-content gd-flex-item-stretch gd-flex-row-container" }, renderBody({
|
89
94
|
closeDropdown,
|
90
95
|
isMobile: true,
|
91
|
-
}))))) : (React.createElement(Overlay, { alignTo: `.${dropdownId}`, positionType: overlayPositionType, alignPoints: alignPoints, closeOnOutsideClick: closeOnOutsideClick, closeOnMouseDrag: closeOnMouseDrag, closeOnParentScroll: closeOnParentScroll, shouldCloseOnClick: shouldCloseOnClick, ignoreClicksOnByClass: ignoreClicksOnByClass, onClose: closeDropdown,
|
96
|
+
}))))) : (React.createElement(Overlay, { alignTo: `.${dropdownId}`, positionType: overlayPositionType, alignPoints: alignPoints, closeOnOutsideClick: closeOnOutsideClick, closeOnMouseDrag: closeOnMouseDrag, closeOnParentScroll: closeOnParentScroll, closeOnEscape: true, shouldCloseOnClick: shouldCloseOnClick, ignoreClicksOnByClass: ignoreClicksOnByClass, onClose: closeDropdown,
|
92
97
|
// Overlay prevents event propagation by default using defaultProps for these
|
93
98
|
onClick: enableEventPropagation ? noop : undefined, onMouseOver: enableEventPropagation ? noop : undefined, onMouseUp: enableEventPropagation ? noop : undefined, zIndex: overlayZIndex },
|
94
|
-
React.createElement(
|
95
|
-
|
96
|
-
|
97
|
-
|
99
|
+
React.createElement(UiFocusTrap, { returnFocusTo: buttonRef },
|
100
|
+
React.createElement("div", { className: "overlay dropdown-body", id: dropdownId }, renderBody({
|
101
|
+
closeDropdown,
|
102
|
+
isMobile: false,
|
103
|
+
}))))));
|
98
104
|
return (React.createElement("div", { className: className },
|
99
105
|
_renderButton({
|
100
106
|
...renderButtonProps,
|
101
107
|
isMobile: false,
|
108
|
+
buttonRef,
|
102
109
|
}),
|
103
110
|
renderDropdown));
|
104
111
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,EAAE,
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAE/C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAExC,QAAQ,CAAC,EAAE,SAAS,CAAC;
|
1
|
+
{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAE/C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAExC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnD;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4DzD,CAAC"}
|
@@ -5,16 +5,24 @@ import { Button } from "../Button/Button.js";
|
|
5
5
|
/**
|
6
6
|
* @internal
|
7
7
|
*/
|
8
|
-
export const DropdownButton = ({ id, className, accessibilityConfig, value, title = value, disabled, isOpen, isSmall = true, iconLeft, onClick, children, }) => {
|
8
|
+
export const DropdownButton = ({ id, className, accessibilityConfig, value, title = value, disabled, isOpen, isSmall = true, iconLeft, onClick, children, dropdownId, buttonRef, }) => {
|
9
9
|
const { ariaLabel, ariaLabelledBy } = accessibilityConfig ?? {};
|
10
10
|
const buttonClasses = cx("gd-button-primary", "button-dropdown", "dropdown-button", {
|
11
11
|
"gd-button-small": isSmall,
|
12
12
|
"is-dropdown-open": isOpen,
|
13
13
|
"is-active": isOpen,
|
14
14
|
}, className);
|
15
|
-
|
15
|
+
const buttonAccessibilityConfig = dropdownId
|
16
|
+
? {
|
17
|
+
isExpanded: isOpen,
|
18
|
+
popupId: dropdownId,
|
16
19
|
ariaLabel,
|
17
20
|
ariaLabelledBy,
|
18
|
-
}
|
21
|
+
}
|
22
|
+
: {
|
23
|
+
ariaLabel,
|
24
|
+
ariaLabelledBy,
|
25
|
+
};
|
26
|
+
return (React.createElement(Button, { id: id, accessibilityConfig: buttonAccessibilityConfig, title: title && typeof title === "string" ? title : undefined, className: buttonClasses, value: value, iconLeft: iconLeft, iconRight: isOpen ? "gd-icon-navigateup" : "gd-icon-navigatedown", disabled: disabled, onClick: onClick, buttonRef: buttonRef }, children));
|
19
27
|
};
|
20
28
|
//# sourceMappingURL=DropdownButton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;
|
1
|
+
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AA0B7C;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC3D,EAAE,EACF,SAAS,EACT,mBAAmB,EAEnB,KAAK,EACL,KAAK,GAAG,KAAK,EACb,QAAQ,EAER,MAAM,EACN,OAAO,GAAG,IAAI,EACd,QAAQ,EAER,OAAO,EACP,QAAQ,EACR,UAAU,EACV,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,mBAAmB,IAAI,EAAE,CAAC;IAEhE,MAAM,aAAa,GAAG,EAAE,CACpB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB;QACI,iBAAiB,EAAE,OAAO;QAC1B,kBAAkB,EAAE,MAAM;QAC1B,WAAW,EAAE,MAAM;KACtB,EACD,SAAS,CACZ,CAAC;IAEF,MAAM,yBAAyB,GAAG,UAAU;QACxC,CAAC,CAAC;YACI,UAAU,EAAE,MAAM;YAClB,OAAO,EAAE,UAAU;YACnB,SAAS;YACT,cAAc;SACjB;QACH,CAAC,CAAC;YACI,SAAS;YACT,cAAc;SACjB,CAAC;IAER,OAAO,CACH,oBAAC,MAAM,IACH,EAAE,EAAE,EAAE,EACN,mBAAmB,EAAE,yBAAyB,EAC9C,KAAK,EAAE,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC7D,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EACjE,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC"}
|
@@ -23,6 +23,7 @@ export interface IDropdownListProps<T> extends IListProps<T> {
|
|
23
23
|
searchFieldSize?: "small" | "normal";
|
24
24
|
searchPlaceholder?: string;
|
25
25
|
searchString?: string;
|
26
|
+
searchLabel?: string;
|
26
27
|
onSearch?: (searchString: string) => void;
|
27
28
|
showTabs?: boolean;
|
28
29
|
tabs?: ITab[];
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAKhE,OAAO,EAAE,UAAU,EAAQ,MAAM,kBAAkB,CAAC;AAIpD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,iBAAiB,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAElC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5E,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,YAAY,CAAC,EAAE,CAAC,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC;;GAEG;AACH,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAY7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,
|
1
|
+
{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAKhE,OAAO,EAAE,UAAU,EAAQ,MAAM,kBAAkB,CAAC;AAIpD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,iBAAiB,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAElC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5E,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,YAAY,CAAC,EAAE,CAAC,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC;;GAEG;AACH,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAY7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAuIzE"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// (C) 2007-
|
1
|
+
// (C) 2007-2025 GoodData Corporation
|
2
2
|
import React, { useCallback, useState, useEffect } from "react";
|
3
3
|
import cx from "classnames";
|
4
4
|
import { injectIntl } from "react-intl";
|
@@ -25,7 +25,7 @@ const defaultNoData = injectIntl(({ hasNoMatchingData, intl }) => (React.createE
|
|
25
25
|
* @internal
|
26
26
|
*/
|
27
27
|
export function DropdownList(props) {
|
28
|
-
const { title, className = "", tabsClassName = "", width, height, maxHeight, isMobile, isLoading, items = [], itemsCount = items.length, itemHeight = DEFAULT_ITEM_HEIGHT, mobileItemHeight = DEFAULT_MOBILE_ITEM_HEIGHT, showSearch, disableAutofocus, searchString, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData = defaultNoData, scrollToItem, ...listProps } = props;
|
28
|
+
const { title, className = "", tabsClassName = "", width, height, maxHeight, isMobile, isLoading, items = [], itemsCount = items.length, itemHeight = DEFAULT_ITEM_HEIGHT, mobileItemHeight = DEFAULT_MOBILE_ITEM_HEIGHT, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData = defaultNoData, scrollToItem, ...listProps } = props;
|
29
29
|
const [currentSearchString, setCurrentSearchString] = useState(searchString);
|
30
30
|
const hasNoData = !isLoading && itemsCount === 0;
|
31
31
|
const hasNoMatchingData = hasNoData && !!currentSearchString;
|
@@ -49,9 +49,14 @@ export function DropdownList(props) {
|
|
49
49
|
// update string if dropdown is not getting unmounted on close to not have previous search on re-open
|
50
50
|
setCurrentSearchString(searchString);
|
51
51
|
}, [searchString]);
|
52
|
+
const onEscKeyPress = useCallback((e) => {
|
53
|
+
if (currentSearchString.length > 0) {
|
54
|
+
e.stopPropagation();
|
55
|
+
}
|
56
|
+
}, [currentSearchString]);
|
52
57
|
return (React.createElement(React.Fragment, null,
|
53
58
|
title ? React.createElement("div", { className: "gd-list-title" }, title) : null,
|
54
|
-
showSearch ? (React.createElement(Input, { className: searchFieldClassNames, value: currentSearchString, onChange: onChange, isSmall: searchFieldSize === "small", placeholder: searchPlaceholder, clearOnEsc: true, isSearch: true, autofocus: !disableAutofocus })) : null,
|
59
|
+
showSearch ? (React.createElement(Input, { className: searchFieldClassNames, value: currentSearchString, onChange: onChange, isSmall: searchFieldSize === "small", placeholder: searchPlaceholder, clearOnEsc: true, onEscKeyPress: onEscKeyPress, isSearch: true, autofocus: !disableAutofocus, ariaLabel: searchLabel })) : null,
|
55
60
|
showTabs ? (React.createElement(DropdownTabs, { tabs: tabs, selectedTabId: selectedTabId, onTabSelect: onTabSelect, className: tabsClassName })) : null,
|
56
61
|
hasNoData ? (React.createElement("div", { style: { width: isMobile ? "auto" : width } }, renderNoData({ hasNoMatchingData }))) : null,
|
57
62
|
isLoading ? React.createElement(LoadingMask, { width: isMobile ? "100%" : width, height: LOADING_HEIGHT }) : null,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownList.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAyB,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAc,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;
|
1
|
+
{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownList.tsx"],"names":[],"mappings":"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"}
|
package/esm/Form/InputPure.d.ts
CHANGED
@@ -13,7 +13,7 @@ export interface InputPureProps extends IDomNativeProps {
|
|
13
13
|
isSmall: boolean;
|
14
14
|
maxlength: number;
|
15
15
|
onChange: (value: string | number, e?: React.ChangeEvent<HTMLInputElement>) => void;
|
16
|
-
onEscKeyPress: () => void;
|
16
|
+
onEscKeyPress: (e: React.KeyboardEvent) => void;
|
17
17
|
onEnterKeyPress: () => void;
|
18
18
|
onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
|
19
19
|
onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
|
@@ -73,6 +73,7 @@ export declare class InputPure extends React.PureComponent<InputPureProps> imple
|
|
73
73
|
renderLabel(label: React.ReactNode): React.ReactNode;
|
74
74
|
renderSearch(isSearch: boolean): React.ReactNode;
|
75
75
|
renderClearIcon(clearOnEsc: boolean): React.ReactNode;
|
76
|
+
renderInput(): React.JSX.Element;
|
76
77
|
render(): React.JSX.Element;
|
77
78
|
focus(options?: {
|
78
79
|
preventScroll?: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InputPure.d.ts","sourceRoot":"","sources":["../../src/Form/InputPure.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAKtE;;GAEG;AAEH,MAAM,WAAW,cAAe,SAAQ,eAAe;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpF,aAAa,EAAE,
|
1
|
+
{"version":3,"file":"InputPure.d.ts","sourceRoot":"","sources":["../../src/Form/InputPure.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAKtE;;GAEG;AAEH,MAAM,WAAW,cAAe,SAAQ,eAAe;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpF,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AACD;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAE,YAAW,UAAU;IAC7E,YAAY,EAAE,gBAAgB,CAAC;IACtC,OAAO,CAAC,mBAAmB,CAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;MAsBjB;IAEF,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAI5B,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC;IAOtD,QAAQ,MAAO,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI,CAEvD;IAEF,UAAU,MAAO,mBAAmB,KAAG,IAAI,CAczC;IAEF,OAAO,OAAQ,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI,CAEvD;IAEF,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM;IAkB7C,kBAAkB,IAAI,MAAM;IAO5B,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;IAU7C,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;IAU7C,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS;IAIpD,YAAY,CAAC,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS;IAIhD,eAAe,CAAC,UAAU,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS;IAYrD,WAAW;IAiDX,MAAM;IAaN,KAAK,CAAC,OAAO,CAAC,EAAE;QAAE,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;CAKrD"}
|
package/esm/Form/InputPure.js
CHANGED
@@ -58,7 +58,7 @@ export class InputPure extends React.PureComponent {
|
|
58
58
|
if (this.props.clearOnEsc) {
|
59
59
|
this.onClear();
|
60
60
|
}
|
61
|
-
this.props.onEscKeyPress();
|
61
|
+
this.props.onEscKeyPress(e);
|
62
62
|
break;
|
63
63
|
case ENUM_KEY_CODE.KEY_CODE_ENTER:
|
64
64
|
this.props.onEnterKeyPress();
|
@@ -109,18 +109,22 @@ export class InputPure extends React.PureComponent {
|
|
109
109
|
React.createElement(NativeListener, { onClick: this.onClear },
|
110
110
|
React.createElement("span", { className: "gd-input-icon-clear gd-icon-clear s-input-clear", "aria-label": "Input clear" }))) : (false);
|
111
111
|
}
|
112
|
+
renderInput() {
|
113
|
+
const { clearOnEsc, disabled, isSearch, placeholder, prefix, readonly, suffix, maxlength, value, onBlur, onFocus, id, name, type, required, ariaLabel, } = this.props;
|
114
|
+
return (React.createElement("div", { className: "gd-input-wrapper" },
|
115
|
+
React.createElement("input", { ref: (ref) => {
|
116
|
+
this.inputNodeRef = ref;
|
117
|
+
}, type: type, id: id, name: name, required: required, className: this.getInputClassNames(), disabled: disabled, maxLength: maxlength, onChange: this.onChange, onBlur: onBlur, onFocus: onFocus, onKeyDown: this.onKeyPress, placeholder: placeholder, readOnly: readonly, value: value, "aria-label": ariaLabel ?? undefined }),
|
118
|
+
this.renderSearch(isSearch),
|
119
|
+
this.renderClearIcon(clearOnEsc),
|
120
|
+
this.renderPrefix(prefix),
|
121
|
+
this.renderSuffix(suffix)));
|
122
|
+
}
|
112
123
|
render() {
|
113
|
-
const { className,
|
114
|
-
return (React.createElement("label", { className: this.getLabelClassNames(className) },
|
124
|
+
const { className, label } = this.props;
|
125
|
+
return label ? (React.createElement("label", { className: this.getLabelClassNames(className) },
|
115
126
|
this.renderLabel(label),
|
116
|
-
React.createElement("div", { className:
|
117
|
-
React.createElement("input", { ref: (ref) => {
|
118
|
-
this.inputNodeRef = ref;
|
119
|
-
}, type: type, id: id, name: name, required: required, className: this.getInputClassNames(), disabled: disabled, maxLength: maxlength, onChange: this.onChange, onBlur: onBlur, onFocus: onFocus, onKeyDown: this.onKeyPress, placeholder: placeholder, readOnly: readonly, value: value, "aria-label": ariaLabel ?? undefined }),
|
120
|
-
this.renderSearch(isSearch),
|
121
|
-
this.renderClearIcon(clearOnEsc),
|
122
|
-
this.renderPrefix(prefix),
|
123
|
-
this.renderSuffix(suffix))));
|
127
|
+
this.renderInput())) : (React.createElement("div", { className: this.getLabelClassNames(className) }, this.renderInput()));
|
124
128
|
}
|
125
129
|
focus(options) {
|
126
130
|
if (this.inputNodeRef) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InputPure.js","sourceRoot":"","sources":["../../src/Form/InputPure.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,qBAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,cAAc,GAAG,aAAa,CAAC,qBAAqB,CAAC,CAAC;AAkC5D;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6B;IACvD,YAAY,CAAmB;IAC9B,mBAAmB,GAAe,IAAI,CAAC;IAE/C,MAAM,CAAC,YAAY,GAAG;QAClB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,EAAE;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,IAAI;QACnB,eAAe,EAAE,IAAI;QACrB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,EAAE;QACf,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,gBAAgB,EAAE,KAAK;QACvB,KAAK,EAAE,EAAE;KACZ,CAAC;IAEF,iBAAiB;QACb,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,IAAI,CAAC,mBAAmB,GAAG,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC1E,CAAC;IAED,oBAAoB;QAChB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC/B,CAAC;IAED,kBAAkB,CAAC,SAAmC;QAClD,IAAI,SAAS,CAAC,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YAC/C,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,mBAAmB,GAAG,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACrF,CAAC;IACL,CAAC;IAED,QAAQ,GAAG,CAAC,CAAsC,EAAQ,EAAE;QACxD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,UAAU,GAAG,CAAC,CAAsB,EAAQ,EAAE;QAC1C,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;YAChB,KAAK,aAAa,CAAC,eAAe;gBAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;oBACxB,IAAI,CAAC,OAAO,EAAE,CAAC;gBACnB,CAAC;gBACD,IAAI,CAAC,KAAK,CAAC,aAAa,
|
1
|
+
{"version":3,"file":"InputPure.js","sourceRoot":"","sources":["../../src/Form/InputPure.tsx"],"names":[],"mappings":"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"}
|
@@ -1,7 +1,4 @@
|
|
1
1
|
import React from "react";
|
2
|
-
import { WrappedComponentProps } from "react-intl";
|
3
2
|
import { IHeaderAccountProps } from "./typings.js";
|
4
|
-
export declare const HeaderAccount: React.FC<
|
5
|
-
WrappedComponent: React.ComponentType<IHeaderAccountProps & WrappedComponentProps>;
|
6
|
-
};
|
3
|
+
export declare const HeaderAccount: React.FC<IHeaderAccountProps>;
|
7
4
|
//# sourceMappingURL=HeaderAccount.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HeaderAccount.d.ts","sourceRoot":"","sources":["../../src/Header/HeaderAccount.tsx"],"names":[],"mappings":"AACA,OAAO,
|
1
|
+
{"version":3,"file":"HeaderAccount.d.ts","sourceRoot":"","sources":["../../src/Header/HeaderAccount.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,OAAO,EAAmB,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIpE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsFvD,CAAC"}
|