@gooddata/sdk-ui-filters 11.30.0-alpha.0 → 11.30.0-alpha.2
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/AttributeFilter/Components/Dropdown/AttributeFilterDropdown.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/Dropdown/AttributeFilterDropdown.js +19 -4
- package/esm/AttributeFilter/Components/Dropdown/AttributeFilterDropdown.js.map +1 -1
- package/esm/AttributeFilter/Components/DropdownButton/AttributeFilterDropdownButton.d.ts +7 -1
- package/esm/AttributeFilter/Components/DropdownButton/AttributeFilterDropdownButton.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/DropdownButton/AttributeFilterDropdownButton.js +2 -2
- package/esm/AttributeFilter/Components/DropdownButton/AttributeFilterDropdownButton.js.map +1 -1
- package/esm/AttributeFilter/Components/ElementsSelect/AttributeFilterElementsSelect.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/ElementsSelect/AttributeFilterElementsSelect.js +16 -8
- package/esm/AttributeFilter/Components/ElementsSelect/AttributeFilterElementsSelect.js.map +1 -1
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenu.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenu.js +2 -2
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenu.js.map +1 -1
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenuButton.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenuButton.js +11 -4
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenuButton.js.map +1 -1
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenuDropdownBody.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenuDropdownBody.js +6 -1
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenuDropdownBody.js.map +1 -1
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenuSectionHeader.d.ts +2 -1
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenuSectionHeader.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenuSectionHeader.js +2 -2
- package/esm/AttributeFilter/Components/FilterMenu/FilterMenuSectionHeader.js.map +1 -1
- package/esm/AttributeFilter/Components/TextFilterBody/ArbitraryValuesInput.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/TextFilterBody/ArbitraryValuesInput.js +27 -16
- package/esm/AttributeFilter/Components/TextFilterBody/ArbitraryValuesInput.js.map +1 -1
- package/esm/AttributeFilter/Components/TextFilterBody/TextFilterBody.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/TextFilterBody/TextFilterBody.js +11 -3
- package/esm/AttributeFilter/Components/TextFilterBody/TextFilterBody.js.map +1 -1
- package/esm/AttributeFilter/Components/TextFilterBody/types.d.ts +5 -0
- package/esm/AttributeFilter/Components/TextFilterBody/types.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/TextFilterBody/useArbitraryValuesInput.d.ts +5 -1
- package/esm/AttributeFilter/Components/TextFilterBody/useArbitraryValuesInput.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/TextFilterBody/useArbitraryValuesInput.js +57 -9
- package/esm/AttributeFilter/Components/TextFilterBody/useArbitraryValuesInput.js.map +1 -1
- package/esm/AttributeFilter/Components/TextFilterBody/useTextFilterBodyValidation.d.ts +1 -1
- package/esm/AttributeFilter/Components/TextFilterBody/useTextFilterBodyValidation.d.ts.map +1 -1
- package/esm/AttributeFilter/Components/TextFilterBody/useTextFilterBodyValidation.js +13 -24
- package/esm/AttributeFilter/Components/TextFilterBody/useTextFilterBodyValidation.js.map +1 -1
- package/esm/sdk-ui-filters.d.ts +12 -1
- package/package.json +12 -12
- package/styles/css/attributeFilter.css +10 -15
- package/styles/css/attributeFilter.css.map +1 -1
- package/styles/css/attributeFilterNext/textFilterBody.css +10 -15
- package/styles/css/attributeFilterNext/textFilterBody.css.map +1 -1
- package/styles/css/attributeFilterNext.css +10 -15
- package/styles/css/attributeFilterNext.css.map +1 -1
- package/styles/css/main.css +10 -15
- package/styles/css/main.css.map +1 -1
- package/styles/scss/attributeFilterNext/textFilterBody.scss +8 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttributeFilterDropdown.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/Dropdown/AttributeFilterDropdown.tsx"],"names":[],"mappings":"AAkCA;;GAEG;AACH,wBAAgB,uBAAuB,
|
|
1
|
+
{"version":3,"file":"AttributeFilterDropdown.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/Dropdown/AttributeFilterDropdown.tsx"],"names":[],"mappings":"AAkCA;;GAEG;AACH,wBAAgB,uBAAuB,4CA4MtC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
// (C) 2022-2026 GoodData Corporation
|
|
3
3
|
import { useCallback, useRef } from "react";
|
|
4
4
|
import cx from "classnames";
|
|
5
|
-
import { Dropdown, isArrowKey, useMediaQuery } from "@gooddata/sdk-ui-kit";
|
|
5
|
+
import { Dropdown, isArrowKey, useIdPrefixed, useMediaQuery } from "@gooddata/sdk-ui-kit";
|
|
6
6
|
import { useAttributeFilterComponentsContext } from "../../Context/AttributeFilterComponentsContext.js";
|
|
7
7
|
import { useAttributeFilterContext } from "../../Context/AttributeFilterContext.js";
|
|
8
8
|
import { useAttributeFilterDropdownHeader } from "../../hooks/useAttributeFilterDropdownHeader.js";
|
|
@@ -26,6 +26,7 @@ const ALIGN_POINTS = [
|
|
|
26
26
|
*/
|
|
27
27
|
export function AttributeFilterDropdown() {
|
|
28
28
|
const { DropdownButtonComponent, DropdownBodyComponent, LoadingComponent, ErrorComponent, FilterMenuComponent, } = useAttributeFilterComponentsContext();
|
|
29
|
+
const dropdownButtonId = useIdPrefixed("attribute-filter-dropdown-button");
|
|
29
30
|
const { title, isInitializing, initError, isFiltering, committedSelectionElements, workingSelectionElements, onReset, onApply, onOpen, fullscreenOnMobile, isCommittedSelectionInverted, isWorkingSelectionInverted, currentSelectionType, textFilterOperator, textFilterValues, textFilterLiteral, textFilterCaseSensitive, textFilterCommittedFilter, currentDisplayFormRef, selectionMode, disabled, customIcon, withoutApply, isSelectionInvalid, overlayPositionType, alignPoints, hideTooltips, } = useAttributeFilterContext();
|
|
30
31
|
const isMobile = useMediaQuery("mobileDevice");
|
|
31
32
|
const { showFilterHeader, headerProps } = useAttributeFilterDropdownHeader();
|
|
@@ -60,14 +61,27 @@ export function AttributeFilterDropdown() {
|
|
|
60
61
|
e.stopPropagation();
|
|
61
62
|
}
|
|
62
63
|
}, []);
|
|
63
|
-
|
|
64
|
+
const focusDropdownButton = useCallback(() => {
|
|
65
|
+
requestAnimationFrame(() => {
|
|
66
|
+
const button = document.getElementById(dropdownButtonId);
|
|
67
|
+
if (button) {
|
|
68
|
+
button.focus();
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
// Fallback for cases where trigger remount happens after dropdown close.
|
|
72
|
+
setTimeout(() => {
|
|
73
|
+
document.getElementById(dropdownButtonId)?.focus();
|
|
74
|
+
}, 0);
|
|
75
|
+
});
|
|
76
|
+
}, [dropdownButtonId]);
|
|
77
|
+
return (_jsx(Dropdown, { className: "gd-attribute-filter__next", closeOnParentScroll: true, closeOnMouseDrag: true, closeOnOutsideClick: true, ignoreClicksOnByClass: [".gd-filter-menu__dropdown"], enableEventPropagation: true, closeOnEscape: true, alignPoints: alignPoints ?? ALIGN_POINTS, fullscreenOnMobile: fullscreenOnMobile, autofocusOnOpen: true, initialFocus: initialFocus, returnFocusTo: dropdownButtonId, overlayPositionType: overlayPositionType, renderButton: ({ toggleDropdown, isOpen, buttonRef, dropdownId, isMobile: isMobileButton }) => {
|
|
64
78
|
const handleClickAction = disabled ? () => { } : toggleDropdown;
|
|
65
|
-
const showMobileMenu = fullscreenOnMobile && isMobile && isOpen && showFilterHeader;
|
|
79
|
+
const showMobileMenu = fullscreenOnMobile && isMobile && isMobileButton && isOpen && showFilterHeader;
|
|
66
80
|
return (_jsxs("div", { className: cx({
|
|
67
81
|
"gd-attribute-filter-mobile-button-wrapper": fullscreenOnMobile && isMobile && isOpen,
|
|
68
82
|
"gd-is-mobile": fullscreenOnMobile && isMobile && isOpen,
|
|
69
83
|
"gd-is-mobile--with-menu": showMobileMenu,
|
|
70
|
-
}), children: [!!isInitializing && _jsx(LoadingComponent, { onClick: handleClickAction, isOpen: isOpen }), !isInitializing && !!initError && !title && (_jsx(ErrorComponent, { message: initError.message, error: initError })), !isInitializing && !!title && (_jsx(AttributeFilterButtonErrorTooltip, { errorMessage: initError?.message, children: _jsx(DropdownButtonComponent, { title: title, subtitle: subtitle, isFiltering: isFiltering, isLoaded: !isInitializing, isLoading: isInitializing, isOpen: isOpen, selectedItemsCount: selectionCount, showSelectionCount: showSelectionCount, disabled: disabled, customIcon: customIcon, onClick: handleClickAction, isError: !!initError, buttonRef: buttonRef, dropdownId: dropdownId }) })), showMobileMenu ? (_jsx("div", { className: "gd-attribute-filter-mobile-menu", children: _jsx(FilterMenuComponent, { currentSelectionType: headerProps.currentSelectionType ?? "elements", availableSelectionTypes: headerProps.availableInternalSelectionTypes, onSelectionTypeChange: headerProps.onSelectionTypeChange ?? (() => { }), labels: headerProps.labels, selectedLabelRef: headerProps.selectedLabelRef, onLabelChange: headerProps.onLabelChange, hideTooltips: hideTooltips }) })) : null] }));
|
|
84
|
+
}), children: [!!isInitializing && _jsx(LoadingComponent, { onClick: handleClickAction, isOpen: isOpen }), !isInitializing && !!initError && !title && (_jsx(ErrorComponent, { message: initError.message, error: initError })), !isInitializing && !!title && (_jsx(AttributeFilterButtonErrorTooltip, { errorMessage: initError?.message, children: _jsx(DropdownButtonComponent, { title: title, subtitle: subtitle, isFiltering: isFiltering, isLoaded: !isInitializing, isLoading: isInitializing, isOpen: isOpen, selectedItemsCount: selectionCount, showSelectionCount: showSelectionCount, disabled: disabled, customIcon: customIcon, onClick: handleClickAction, isError: !!initError, buttonRef: buttonRef, buttonId: dropdownButtonId, dropdownId: dropdownId }) })), showMobileMenu ? (_jsx("div", { className: "gd-attribute-filter-mobile-menu", children: _jsx(FilterMenuComponent, { currentSelectionType: headerProps.currentSelectionType ?? "elements", availableSelectionTypes: headerProps.availableInternalSelectionTypes, onSelectionTypeChange: headerProps.onSelectionTypeChange ?? (() => { }), labels: headerProps.labels, selectedLabelRef: headerProps.selectedLabelRef, onLabelChange: headerProps.onLabelChange, hideTooltips: hideTooltips }) })) : null] }));
|
|
71
85
|
}, onOpenStateChanged: (isOpen) => {
|
|
72
86
|
if (isOpen) {
|
|
73
87
|
onOpen();
|
|
@@ -78,6 +92,7 @@ export function AttributeFilterDropdown() {
|
|
|
78
92
|
}, renderBody: ({ closeDropdown, ariaAttributes }) => (_jsx("div", { role: "dialog", "aria-label": title, id: ariaAttributes.id, className: cx({ "gd-is-mobile": fullscreenOnMobile && isMobile }), style: { height: fullscreenOnMobile && isMobile ? "100%" : "auto" }, onKeyDown: handleKeyDown, children: _jsx(DropdownBodyComponent, { onApplyButtonClick: () => {
|
|
79
93
|
onApply(true, withoutApply);
|
|
80
94
|
closeDropdown();
|
|
95
|
+
focusDropdownButton();
|
|
81
96
|
}, onCancelButtonClick: closeDropdown }) })) }));
|
|
82
97
|
}
|
|
83
98
|
function useLastValidValue(value, isValid) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttributeFilterDropdown.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/Dropdown/AttributeFilterDropdown.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAA6B,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"AttributeFilterDropdown.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/Dropdown/AttributeFilterDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -129,6 +129,12 @@ export interface IAttributeFilterDropdownButtonProps {
|
|
|
129
129
|
* @beta
|
|
130
130
|
*/
|
|
131
131
|
buttonRef?: MutableRefObject<HTMLElement | null>;
|
|
132
|
+
/**
|
|
133
|
+
* Id of the dropdown trigger button.
|
|
134
|
+
*
|
|
135
|
+
* @beta
|
|
136
|
+
*/
|
|
137
|
+
buttonId?: string;
|
|
132
138
|
/**
|
|
133
139
|
* Id of the Attribute filter dropdown body.
|
|
134
140
|
*
|
|
@@ -148,5 +154,5 @@ export interface IAttributeFilterDropdownButtonProps {
|
|
|
148
154
|
*
|
|
149
155
|
* @beta
|
|
150
156
|
*/
|
|
151
|
-
export declare function AttributeFilterDropdownButton({ isOpen, title, selectedItemsCount, totalItemsCount, showSelectionCount, subtitle, disabled, customIcon, isFiltering, isLoading, isLoaded, isError, isDraggable, icon, TooltipContentComponent, titleExtension, onClick, className, buttonRef, dropdownId }: IAttributeFilterDropdownButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
157
|
+
export declare function AttributeFilterDropdownButton({ isOpen, title, selectedItemsCount, totalItemsCount, showSelectionCount, subtitle, disabled, customIcon, isFiltering, isLoading, isLoaded, isError, isDraggable, icon, TooltipContentComponent, titleExtension, onClick, className, buttonRef, buttonId, dropdownId }: IAttributeFilterDropdownButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
152
158
|
//# sourceMappingURL=AttributeFilterDropdownButton.d.ts.map
|
package/esm/AttributeFilter/Components/DropdownButton/AttributeFilterDropdownButton.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttributeFilterDropdownButton.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/DropdownButton/AttributeFilterDropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAElB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EAMjB,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAEnF,eAAO,MAAM,WAAW;;;;;;GAIvB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,WAAW,mCAAmC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;;OASG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC;IAErC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,aAAa,CAAC;IAExC;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,6BAA6B,CAAC,EAC1C,MAAM,EACN,KAAK,EACL,kBAAkB,EAClB,eAAe,EACf,kBAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAW,EACX,IAAI,EACJ,uBAAuB,EACvB,cAAc,EACd,OAAO,EACP,SAAS,EACT,SAAS,EACT,UAAU,EACb,EAAE,mCAAmC,
|
|
1
|
+
{"version":3,"file":"AttributeFilterDropdownButton.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/DropdownButton/AttributeFilterDropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAElB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EAMjB,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAEnF,eAAO,MAAM,WAAW;;;;;;GAIvB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,WAAW,mCAAmC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;;OASG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC;IAErC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,aAAa,CAAC;IAExC;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,6BAA6B,CAAC,EAC1C,MAAM,EACN,KAAK,EACL,kBAAkB,EAClB,eAAe,EACf,kBAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAW,EACX,IAAI,EACJ,uBAAuB,EACvB,cAAc,EACd,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACb,EAAE,mCAAmC,2CA6HrC"}
|
|
@@ -24,7 +24,7 @@ export const ALIGN_POINT = [
|
|
|
24
24
|
*
|
|
25
25
|
* @beta
|
|
26
26
|
*/
|
|
27
|
-
export function AttributeFilterDropdownButton({ isOpen, title, selectedItemsCount, totalItemsCount, showSelectionCount = true, subtitle, disabled, customIcon, isFiltering, isLoading, isLoaded, isError, isDraggable, icon, TooltipContentComponent, titleExtension, onClick, className, buttonRef, dropdownId, }) {
|
|
27
|
+
export function AttributeFilterDropdownButton({ isOpen, title, selectedItemsCount, totalItemsCount, showSelectionCount = true, subtitle, disabled, customIcon, isFiltering, isLoading, isLoaded, isError, isDraggable, icon, TooltipContentComponent, titleExtension, onClick, className, buttonRef, buttonId, dropdownId, }) {
|
|
28
28
|
const intl = useIntl();
|
|
29
29
|
const subtitleSelectedItemsRef = useRef(null);
|
|
30
30
|
const [displayItemCount, setDisplayItemCount] = useState(false);
|
|
@@ -64,7 +64,7 @@ export function AttributeFilterDropdownButton({ isOpen, title, selectedItemsCoun
|
|
|
64
64
|
}
|
|
65
65
|
}, [disabled]);
|
|
66
66
|
const tooltipId = useIdPrefixed("filter-locked-tooltip");
|
|
67
|
-
const buttonComponent = (_jsxs("div", { className: cx("gd-attribute-filter-dropdown-button__next", "s-attribute-filter", `s-${simplifyText(title ?? "")}`, {
|
|
67
|
+
const buttonComponent = (_jsxs("div", { id: buttonId, className: cx("gd-attribute-filter-dropdown-button__next", "s-attribute-filter", `s-${simplifyText(title ?? "")}`, {
|
|
68
68
|
"gd-message error": isError,
|
|
69
69
|
"gd-is-filtering": isFiltering,
|
|
70
70
|
"gd-is-active": isOpen,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttributeFilterDropdownButton.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/DropdownButton/AttributeFilterDropdownButton.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAMH,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,GACX,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,+DAA+D,CAAC;AAGvG,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;IAC3C,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;IAC3C,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;CAC/C,CAAC;
|
|
1
|
+
{"version":3,"file":"AttributeFilterDropdownButton.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/DropdownButton/AttributeFilterDropdownButton.tsx"],"names":[],"mappings":"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"}
|
package/esm/AttributeFilter/Components/ElementsSelect/AttributeFilterElementsSelect.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttributeFilterElementsSelect.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/ElementsSelect/AttributeFilterElementsSelect.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,mCAAmC,EAAE,MAAM,YAAY,CAAC;AActE;;;;;;;;;GASG;AACH,wBAAgB,6BAA6B,CAAC,EAC1C,KAAK,EACL,eAAe,EACf,kCAAkC,EAElC,UAAU,EACV,aAAa,EACb,QAAQ,EAER,YAAY,EACZ,QAAQ,EAER,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,KAAK,EAEL,cAAc,EACd,yBAAyB,EACzB,kBAAkB,EAElB,6BAA6B,EAC7B,sBAAsB,EAEtB,mBAAmB,EACnB,0BAA0B,EAE1B,kBAAkB,EAClB,eAAe,EAEf,gCAAgC,EAChC,mCAAmC,EACnC,YAAY,EACf,EAAE,mCAAmC,
|
|
1
|
+
{"version":3,"file":"AttributeFilterElementsSelect.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/ElementsSelect/AttributeFilterElementsSelect.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,mCAAmC,EAAE,MAAM,YAAY,CAAC;AActE;;;;;;;;;GASG;AACH,wBAAgB,6BAA6B,CAAC,EAC1C,KAAK,EACL,eAAe,EACf,kCAAkC,EAElC,UAAU,EACV,aAAa,EACb,QAAQ,EAER,YAAY,EACZ,QAAQ,EAER,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,KAAK,EAEL,cAAc,EACd,yBAAyB,EACzB,kBAAkB,EAElB,6BAA6B,EAC7B,sBAAsB,EAEtB,mBAAmB,EACnB,0BAA0B,EAE1B,kBAAkB,EAClB,eAAe,EAEf,gCAAgC,EAChC,mCAAmC,EACnC,YAAY,EACf,EAAE,mCAAmC,2CAsKrC"}
|
|
@@ -28,7 +28,7 @@ const LOADING_PADDING = 32;
|
|
|
28
28
|
export function AttributeFilterElementsSelect({ items, totalItemsCount, totalItemsCountWithCurrentSettings, isInverted, selectedItems, onSelect, searchString, onSearch, isLoading, isLoadingNextPage, nextPageSize, onLoadNextPage, error, attributeTitle, isFilteredByParentFilters, parentFilterTitles, enableShowingFilteredElements, onShowFilteredElements, irrelevantSelection, onClearIrrelevantSelection, onApplyButtonClick, isApplyDisabled, isFilteredByDependentDateFilters, isFilteredByLimitingValidationItems, withoutApply, }) {
|
|
29
29
|
const intl = useIntl();
|
|
30
30
|
const isMobile = useMediaQuery("mobileDevice");
|
|
31
|
-
const { fullscreenOnMobile, selectionMode, attribute } = useAttributeFilterContext();
|
|
31
|
+
const { fullscreenOnMobile, selectionMode, attribute, menuConfig } = useAttributeFilterContext();
|
|
32
32
|
const { showFilterHeader, headerProps } = useAttributeFilterDropdownHeader();
|
|
33
33
|
const { ElementsSelectLoadingComponent, ElementsSelectItemComponent, ElementsSelectErrorComponent, EmptyResultComponent, ElementsSearchBarComponent, ElementsSelectActionsComponent, StatusBarComponent, } = useAttributeFilterComponentsContext();
|
|
34
34
|
const [refocusKey, setRefocusKey] = useState(undefined);
|
|
@@ -49,12 +49,20 @@ export function AttributeFilterElementsSelect({ items, totalItemsCount, totalIte
|
|
|
49
49
|
setRefocusKey("show");
|
|
50
50
|
onShowFilteredElements?.();
|
|
51
51
|
}, [onShowFilteredElements, setRefocusKey]);
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
52
|
+
const shouldUseElementsAutofocus = useMemo(() => {
|
|
53
|
+
const availableSelectionTypes = menuConfig?.availableSelectionTypes;
|
|
54
|
+
if (!availableSelectionTypes) {
|
|
55
|
+
return true;
|
|
56
|
+
}
|
|
57
|
+
// Keep legacy list-search autofocus only when both text filter modes are disabled.
|
|
58
|
+
return !availableSelectionTypes.includes("arbitrary") && !availableSelectionTypes.includes("match");
|
|
59
|
+
}, [menuConfig?.availableSelectionTypes]);
|
|
60
|
+
const elementsSelectContent = (_jsx(InvertableSelectVirtualised, { className: "gd-attribute-filter-elements-select__next", adaptiveWidth: true, adaptiveHeight: isAdaptiveHeight, isSingleSelect: selectionMode === "single", items: items, totalItemsCount: totalItemsCountWithCurrentSettings, itemHeight: itemHeight, getItemKey: getElementKey, getItemTitle: (item) => getElementTitle(item, intl), isItemQuestionMarkEnabled: (item) => !!getElementPrimaryTitle(item), isInverted: isInverted, selectedItems: selectedItems, selectedItemsLimit: MAX_SELECTION_SIZE, onSelect: onSelect, onApplyButtonClick: onApplyButtonClick, searchString: searchString, onSearch: onSearch, canSubmitOnKeyDown: !isApplyDisabled, isLoading: isLoading, error: error, isLoadingNextPage: isLoadingNextPage, nextPageItemPlaceholdersCount: nextPageSize, onLoadNextPage: onLoadNextPage, numberOfHiddenSelectedItems: irrelevantSelection?.length ?? 0, renderItem: (props) => (_jsx(ElementsSelectItemComponent, { ...props, primaryLabelTitle: primaryLabelTitle ?? undefined, fullscreenOnMobile: fullscreenOnMobile })), renderError: () => {
|
|
61
|
+
// error is guaranteed to exist when renderError is called
|
|
62
|
+
return _jsx(ElementsSelectErrorComponent, { error: error });
|
|
63
|
+
}, renderLoading: () => {
|
|
64
|
+
return _jsx(ElementsSelectLoadingComponent, { height: loadingHeight });
|
|
65
|
+
}, renderNoData: ({ height }) => (_jsx(EmptyResultComponent, { height: height ?? 0, isFilteredByParentFilters: isFilteredByParentFilters, isFilteredByDependentDateFilters: isFilteredByDependentDateFilters, searchString: searchString, totalItemsCount: totalItemsCount, parentFilterTitles: parentFilterTitles, enableShowingFilteredElements: enableShowingFilteredElements })), renderSearchBar: ({ onSearch, searchString: searchStringFromProps }) => (_jsx(ElementsSearchBarComponent, { onSearch: onSearch, searchString: searchStringFromProps ?? "", isSmall: !(isMobile && fullscreenOnMobile) })), renderStatusBar: ({ getItemTitle, isInverted, selectedItems, selectedItemsLimit }) => (_jsx(StatusBarComponent, { getItemTitle: getItemTitle, isFilteredByParentFilters: isFilteredByParentFilters, isFilteredByDependentDateFilters: isFilteredByDependentDateFilters, isFilteredByLimitingValidationItems: isFilteredByLimitingValidationItems, isInverted: isInverted, parentFilterTitles: parentFilterTitles, selectedItems: selectedItems, totalElementsCountWithCurrentSettings: totalItemsCountWithCurrentSettings, selectedItemsLimit: selectedItemsLimit ?? 0, attributeTitle: attributeTitle, enableShowingFilteredElements: enableShowingFilteredElements, onShowFilteredElements: handleShowFilteredElements, irrelevantSelection: irrelevantSelection, onClearIrrelevantSelection: onClearIrrelevantSelection, withoutApply: withoutApply })), renderActions: ({ checked, onChange, onToggle, isFiltered, totalItemsCount, isPartialSelection, isVisible, }) => (_jsx(ElementsSelectActionsComponent, { hideTotalItemsCount: totalItemsCountWithCurrentSettings === BACKEND_PAGE_SIZE, isVisible: isVisible, checked: checked, onChange: onChange, onToggle: onToggle, isFiltered: isFiltered, totalItemsCount: totalItemsCount, isPartialSelection: isPartialSelection, isApplyDisabled: isApplyDisabled, onApplyButtonClick: onApplyButtonClick })) }));
|
|
66
|
+
return (_jsxs(_Fragment, { children: [showFilterHeader ? _jsx(AttributeFilterDropdownHeader, { ...headerProps }) : null, shouldUseElementsAutofocus ? (_jsx(UiAutofocus, { refocusKey: refocusKey, children: elementsSelectContent })) : (elementsSelectContent)] }));
|
|
59
67
|
}
|
|
60
68
|
//# sourceMappingURL=AttributeFilterElementsSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttributeFilterElementsSelect.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/ElementsSelect/AttributeFilterElementsSelect.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG/F,OAAO,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AACxG,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,iDAAiD,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAE,6BAA6B,EAAE,MAAM,8CAA8C,CAAC;AAE7F,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B;;;;;;;;;GASG;AACH,MAAM,UAAU,6BAA6B,CAAC,EAC1C,KAAK,EACL,eAAe,EACf,kCAAkC,EAElC,UAAU,EACV,aAAa,EACb,QAAQ,EAER,YAAY,EACZ,QAAQ,EAER,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,KAAK,EAEL,cAAc,EACd,yBAAyB,EACzB,kBAAkB,EAElB,6BAA6B,EAC7B,sBAAsB,EAEtB,mBAAmB,EACnB,0BAA0B,EAE1B,kBAAkB,EAClB,eAAe,EAEf,gCAAgC,EAChC,mCAAmC,EACnC,YAAY,GACsB,EAAE;IACpC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,QAAQ,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,EAAE,kBAAkB,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,yBAAyB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"AttributeFilterElementsSelect.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/ElementsSelect/AttributeFilterElementsSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenu.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,gBAAgB,EAAoD,MAAM,YAAY,CAAC;AAcrG;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenu.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,gBAAgB,EAAoD,MAAM,YAAY,CAAC;AAcrG;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,kDAiIjD"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
import { defineMessages, useIntl } from "react-intl";
|
|
5
5
|
import { areObjRefsEqual } from "@gooddata/sdk-model";
|
|
6
|
-
import { Dropdown } from "@gooddata/sdk-ui-kit";
|
|
6
|
+
import { Dropdown, UiAutofocus } from "@gooddata/sdk-ui-kit";
|
|
7
7
|
import { FilterMenuButton } from "./FilterMenuButton.js";
|
|
8
8
|
import { FilterMenuDropdownBody } from "./FilterMenuDropdownBody.js";
|
|
9
9
|
const ALIGN_POINTS = [
|
|
@@ -68,7 +68,7 @@ export function FilterMenu(props) {
|
|
|
68
68
|
if (!hasMenuContent) {
|
|
69
69
|
return null;
|
|
70
70
|
}
|
|
71
|
-
return (_jsx("div", { className: "gd-filter-menu s-filter-menu", children: _jsx(Dropdown, { alignPoints: ALIGN_POINTS, closeOnParentScroll: true, closeOnOutsideClick: true, shouldTrapFocus: true, autofocusOnOpen: true, fullscreenOnMobile: false, renderButton: ({ toggleDropdown, isOpen: dropdownIsOpen, ariaAttributes, accessibilityConfig, }) => (_jsx(FilterMenuButton, { isOpen: dropdownIsOpen, onClick: toggleDropdown, ariaAttributes: ariaAttributes, accessibilityConfig: accessibilityConfig })), renderBody: ({ closeDropdown, ariaAttributes }) => {
|
|
71
|
+
return (_jsx("div", { className: "gd-filter-menu s-filter-menu", children: _jsx(Dropdown, { alignPoints: ALIGN_POINTS, closeOnParentScroll: true, closeOnOutsideClick: true, shouldTrapFocus: true, autofocusOnOpen: true, fullscreenOnMobile: false, renderButton: ({ toggleDropdown, isOpen: dropdownIsOpen, ariaAttributes, accessibilityConfig, }) => (_jsx(UiAutofocus, { children: _jsx(FilterMenuButton, { isOpen: dropdownIsOpen, onClick: toggleDropdown, ariaAttributes: ariaAttributes, accessibilityConfig: accessibilityConfig }) })), renderBody: ({ closeDropdown, ariaAttributes }) => {
|
|
72
72
|
return (_jsx(FilterMenuDropdownBody, { showSelectionTypeSection: showSelectionTypeSection, showDisplayForms: showDisplayForms, selectionTypeListboxItems: selectionTypeListboxItems, selectedSelectionTypeItemId: selectedSelectionTypeItemId, onSelectionTypeSelect: (item) => {
|
|
73
73
|
handleOptionClick(item.data.selectionType);
|
|
74
74
|
}, labelListboxItems: labelListboxItems, selectedLabelItemId: selectedLabelItemId, onLabelSelect: (item) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenu.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAe,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAyC,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,0BAA0B,
|
|
1
|
+
{"version":3,"file":"FilterMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,0BAA0B,EAA2B,MAAM,sBAAsB,CAAC;AAUhG;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;IAE9D;;OAEG;IACH,mBAAmB,CAAC,EAAE,0BAA0B,CAAC,qBAAqB,CAAC,CAAC;CAC3E;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CA2C7D"}
|
|
@@ -2,10 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
// (C) 2007-2026 GoodData Corporation
|
|
3
3
|
import cx from "classnames";
|
|
4
4
|
import { defineMessages, useIntl } from "react-intl";
|
|
5
|
-
import { UiIconButton } from "@gooddata/sdk-ui-kit";
|
|
5
|
+
import { UiIconButton, UiTooltip } from "@gooddata/sdk-ui-kit";
|
|
6
6
|
import { TEXT_FILTER_MENU_BUTTON_ID } from "./accessibility/elementId.js";
|
|
7
|
-
const
|
|
8
|
-
|
|
7
|
+
const filterMenuButtonMessages = defineMessages({
|
|
8
|
+
moreOptions: {
|
|
9
|
+
id: "attributeFilter.selectionType.moreOptions",
|
|
10
|
+
},
|
|
9
11
|
});
|
|
10
12
|
/**
|
|
11
13
|
* Button that triggers the filter menu dropdown.
|
|
@@ -15,8 +17,13 @@ const selectionTypeMessages = defineMessages({
|
|
|
15
17
|
export function FilterMenuButton(props) {
|
|
16
18
|
const { isOpen, onClick, ariaAttributes, accessibilityConfig } = props;
|
|
17
19
|
const { formatMessage } = useIntl();
|
|
20
|
+
const moreOptionsLabel = formatMessage(filterMenuButtonMessages.moreOptions);
|
|
21
|
+
const mergedAccessibilityConfig = {
|
|
22
|
+
...accessibilityConfig,
|
|
23
|
+
ariaLabel: moreOptionsLabel,
|
|
24
|
+
};
|
|
18
25
|
return (_jsx("div", { className: cx("gd-filter-menu__button", "gd-filter-menu__button--icon", "s-filter-menu-button", {
|
|
19
26
|
"is-active": isOpen,
|
|
20
|
-
}), "data-testid": "filter-menu-button", children: _jsx(UiIconButton, { id: TEXT_FILTER_MENU_BUTTON_ID, icon: "ellipsis", size: "large", variant: "tertiary", iconColor: "complementary-7", isActive: isOpen, onClick: onClick, ariaAttributes: ariaAttributes, label:
|
|
27
|
+
}), "data-testid": "filter-menu-button", children: _jsx(UiTooltip, { triggerBy: ["hover", "focus"], content: moreOptionsLabel, arrowPlacement: "left", anchor: _jsx(UiIconButton, { id: TEXT_FILTER_MENU_BUTTON_ID, icon: "ellipsis", size: "large", variant: "tertiary", iconColor: "complementary-7", isActive: isOpen, onClick: onClick, ariaAttributes: ariaAttributes, label: moreOptionsLabel, accessibilityConfig: mergedAccessibilityConfig }) }) }));
|
|
21
28
|
}
|
|
22
29
|
//# sourceMappingURL=FilterMenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMenuButton.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuButton.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAmC,YAAY,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterMenuButton.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuButton.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAmC,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEhG,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,MAAM,wBAAwB,GAAG,cAAc,CAAC;IAC5C,WAAW,EAAE;QACT,EAAE,EAAE,2CAA2C;KAClD;CACJ,CAAC,CAAC;AA6BH;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA6B,EAAE;IAC5D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IACvE,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,gBAAgB,GAAG,aAAa,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAC7E,MAAM,yBAAyB,GAAG;QAC9B,GAAG,mBAAmB;QACtB,SAAS,EAAE,gBAAgB;KAC9B,CAAC;IAEF,OAAO,CACH,cACI,SAAS,EAAE,EAAE,CACT,wBAAwB,EACxB,8BAA8B,EAC9B,sBAAsB,EAEtB;YACI,WAAW,EAAE,MAAM;SACtB,CACJ,iBACW,oBAAoB,YAEhC,KAAC,SAAS,IACN,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC7B,OAAO,EAAE,gBAAgB,EACzB,cAAc,EAAC,MAAM,EACrB,MAAM,EACF,KAAC,YAAY,IACT,EAAE,EAAE,0BAA0B,EAC9B,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,gBAAgB,EACvB,mBAAmB,EAAE,yBAAyB,GAChD,GAER,GACA,CACT,CAAC;AAAA,CACL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMenuDropdownBody.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuDropdownBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,cAAc,EAEnB,KAAK,uBAAuB,EAC/B,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAE9E,MAAM,MAAM,4BAA4B,GAAG;IACvC,wBAAwB,EAAE,OAAO,CAAC;IAClC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,yBAAyB,EAAE,cAAc,CAAC,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3E,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,qBAAqB,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,sBAAsB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IACrF,iBAAiB,EAAE,cAAc,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IACrE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,uBAAuB,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACnC,wBAAwB,EACxB,gBAAgB,EAChB,yBAAyB,EACzB,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,YAAY,EACf,EAAE,4BAA4B,
|
|
1
|
+
{"version":3,"file":"FilterMenuDropdownBody.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuDropdownBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,cAAc,EAEnB,KAAK,uBAAuB,EAC/B,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAE9E,MAAM,MAAM,4BAA4B,GAAG;IACvC,wBAAwB,EAAE,OAAO,CAAC;IAClC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,yBAAyB,EAAE,cAAc,CAAC,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3E,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,qBAAqB,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,sBAAsB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IACrF,iBAAiB,EAAE,cAAc,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IACrE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,uBAAuB,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACnC,wBAAwB,EACxB,gBAAgB,EAChB,yBAAyB,EACzB,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,YAAY,EACf,EAAE,4BAA4B,2CA6D9B"}
|
|
@@ -4,6 +4,11 @@ import { SingleSelectListItem, } from "@gooddata/sdk-ui-kit";
|
|
|
4
4
|
import { FilterMenuSectionHeader } from "./FilterMenuSectionHeader.js";
|
|
5
5
|
import { FilterMenuSelectableSection } from "./FilterMenuSelectableSection.js";
|
|
6
6
|
export function FilterMenuDropdownBody({ showSelectionTypeSection, showDisplayForms, selectionTypeListboxItems, selectedSelectionTypeItemId, onSelectionTypeSelect, labelListboxItems, selectedLabelItemId, onLabelSelect, closeDropdown, ariaAttributes, selectionTitle, selectionTooltip, valuesAsTitle, valuesAsTooltip, hideTooltips, }) {
|
|
7
|
+
const selectionTitleId = `${ariaAttributes.id}-selection-title`;
|
|
8
|
+
const selectionAriaAttributes = {
|
|
9
|
+
...ariaAttributes,
|
|
10
|
+
"aria-labelledby": selectionTitleId,
|
|
11
|
+
};
|
|
7
12
|
const valuesAsAriaAttributes = {
|
|
8
13
|
...ariaAttributes,
|
|
9
14
|
id: `${ariaAttributes.id}-values-as`,
|
|
@@ -11,7 +16,7 @@ export function FilterMenuDropdownBody({ showSelectionTypeSection, showDisplayFo
|
|
|
11
16
|
"aria-labelledby": undefined,
|
|
12
17
|
};
|
|
13
18
|
return (_jsxs("div", { className: "gd-filter-menu__dropdown", "data-testid": "filter-menu-dropdown", children: [showSelectionTypeSection ? (_jsxs(_Fragment, { children: [
|
|
14
|
-
_jsx(FilterMenuSectionHeader, { title: selectionTitle, tooltip: selectionTooltip, hideTooltip: hideTooltips }), _jsx(FilterMenuSelectableSection, { items: selectionTypeListboxItems, selectedItemId: selectedSelectionTypeItemId, onSelect: onSelectionTypeSelect, onClose: closeDropdown, ariaAttributes:
|
|
19
|
+
_jsx(FilterMenuSectionHeader, { title: selectionTitle, tooltip: selectionTooltip, hideTooltip: hideTooltips, titleId: selectionTitleId }), _jsx(FilterMenuSelectableSection, { items: selectionTypeListboxItems, selectedItemId: selectedSelectionTypeItemId, onSelect: onSelectionTypeSelect, onClose: closeDropdown, ariaAttributes: selectionAriaAttributes })
|
|
15
20
|
] })) : null, showSelectionTypeSection && showDisplayForms ? (_jsx(SingleSelectListItem, { type: "separator", className: "gd-filter-menu__divider", accessibilityConfig: {
|
|
16
21
|
role: "separator",
|
|
17
22
|
} })) : null, showDisplayForms ? (_jsxs(_Fragment, { children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMenuDropdownBody.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuDropdownBody.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAEH,oBAAoB,GAEvB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAqB/E,MAAM,UAAU,sBAAsB,CAAC,EACnC,wBAAwB,EACxB,gBAAgB,EAChB,yBAAyB,EACzB,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,YAAY,GACe,EAAE;IAC7B,MAAM,sBAAsB,GAA4B;QACpD,GAAG,cAAc;QACjB,EAAE,EAAE,GAAG,cAAc,CAAC,EAAE,YAAY;QACpC,YAAY,EAAE,aAAa;QAC3B,iBAAiB,EAAE,SAAS;KAC/B,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,0BAA0B,iBAAa,sBAAsB,aACvE,wBAAwB,CAAC,CAAC,CAAC,CACxB;oBACI,KAAC,uBAAuB,IACpB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,gBAAgB,EACzB,WAAW,EAAE,YAAY,GAC3B,EACF,KAAC,2BAA2B,IACxB,KAAK,EAAE,yBAAyB,EAChC,cAAc,EAAE,2BAA2B,EAC3C,QAAQ,EAAE,qBAAqB,EAC/B,OAAO,EAAE,aAAa,EACtB,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"FilterMenuDropdownBody.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuDropdownBody.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAEH,oBAAoB,GAEvB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAqB/E,MAAM,UAAU,sBAAsB,CAAC,EACnC,wBAAwB,EACxB,gBAAgB,EAChB,yBAAyB,EACzB,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,YAAY,GACe,EAAE;IAC7B,MAAM,gBAAgB,GAAG,GAAG,cAAc,CAAC,EAAE,kBAAkB,CAAC;IAChE,MAAM,uBAAuB,GAA4B;QACrD,GAAG,cAAc;QACjB,iBAAiB,EAAE,gBAAgB;KACtC,CAAC;IACF,MAAM,sBAAsB,GAA4B;QACpD,GAAG,cAAc;QACjB,EAAE,EAAE,GAAG,cAAc,CAAC,EAAE,YAAY;QACpC,YAAY,EAAE,aAAa;QAC3B,iBAAiB,EAAE,SAAS;KAC/B,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,0BAA0B,iBAAa,sBAAsB,aACvE,wBAAwB,CAAC,CAAC,CAAC,CACxB;oBACI,KAAC,uBAAuB,IACpB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,gBAAgB,EACzB,WAAW,EAAE,YAAY,EACzB,OAAO,EAAE,gBAAgB,GAC3B,EACF,KAAC,2BAA2B,IACxB,KAAK,EAAE,yBAAyB,EAChC,cAAc,EAAE,2BAA2B,EAC3C,QAAQ,EAAE,qBAAqB,EAC/B,OAAO,EAAE,aAAa,EACtB,cAAc,EAAE,uBAAuB,GACzC;oBACH,CACN,CAAC,CAAC,CAAC,IAAI,EAEP,wBAAwB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAC5C,KAAC,oBAAoB,IACjB,IAAI,EAAC,WAAW,EAChB,SAAS,EAAC,yBAAyB,EACnC,mBAAmB,EAAE;oBACjB,IAAI,EAAE,WAAW;iBACpB,GACH,CACL,CAAC,CAAC,CAAC,IAAI,EAEP,gBAAgB,CAAC,CAAC,CAAC,CAChB;oBACI,KAAC,uBAAuB,IACpB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,YAAY,GAC3B,EACF,KAAC,2BAA2B,IACxB,KAAK,EAAE,iBAAiB,EACxB,cAAc,EAAE,mBAAmB,EACnC,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,aAAa,EACtB,cAAc,EAAE,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,cAAc,GACpF;oBACH,CACN,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;AAAA,CACL"}
|
|
@@ -2,6 +2,7 @@ export type IFilterMenuSectionHeaderProps = {
|
|
|
2
2
|
title: string;
|
|
3
3
|
tooltip: string;
|
|
4
4
|
hideTooltip?: boolean;
|
|
5
|
+
titleId?: string;
|
|
5
6
|
};
|
|
6
|
-
export declare function FilterMenuSectionHeader({ title, tooltip, hideTooltip }: IFilterMenuSectionHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function FilterMenuSectionHeader({ title, tooltip, hideTooltip, titleId }: IFilterMenuSectionHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
//# sourceMappingURL=FilterMenuSectionHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMenuSectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuSectionHeader.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,6BAA6B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterMenuSectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuSectionHeader.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,6BAA6B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACpC,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,EACV,EAAE,6BAA6B,2CA4B/B"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
// (C) 2007-2026 GoodData Corporation
|
|
3
3
|
import { TOOLTIP_WIDTH_MEDIUM, UiIconButton, UiTooltip } from "@gooddata/sdk-ui-kit";
|
|
4
|
-
export function FilterMenuSectionHeader({ title, tooltip, hideTooltip }) {
|
|
4
|
+
export function FilterMenuSectionHeader({ title, tooltip, hideTooltip, titleId, }) {
|
|
5
5
|
return (_jsx("div", { className: "gd-filter-menu__section", children: _jsxs("div", { className: "gd-filter-menu__section-label", children: [
|
|
6
|
-
_jsx("span", { className: "gd-filter-menu__section-text", children: title }), hideTooltip ? null : (_jsx(UiTooltip, { anchor: _jsx("span", { className: "gd-filter-menu__section-icon", "aria-hidden": "true", children: _jsx(UiIconButton, { icon: "question", size: "xsmall", variant: "tertiary", iconColor: "complementary-7" }) }), content: tooltip, triggerBy: ["hover", "focus"], arrowPlacement: "left", width: TOOLTIP_WIDTH_MEDIUM }))] }) }));
|
|
6
|
+
_jsx("span", { id: titleId, className: "gd-filter-menu__section-text", children: title }), hideTooltip ? null : (_jsx(UiTooltip, { anchor: _jsx("span", { className: "gd-filter-menu__section-icon", "aria-hidden": "true", children: _jsx(UiIconButton, { icon: "question", size: "xsmall", variant: "tertiary", iconColor: "complementary-7" }) }), content: tooltip, triggerBy: ["hover", "focus"], arrowPlacement: "left", width: TOOLTIP_WIDTH_MEDIUM }))] }) }));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=FilterMenuSectionHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMenuSectionHeader.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuSectionHeader.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterMenuSectionHeader.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/FilterMenu/FilterMenuSectionHeader.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AASrF,MAAM,UAAU,uBAAuB,CAAC,EACpC,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,GACqB,EAAE;IAC9B,OAAO,CACH,cAAK,SAAS,EAAC,yBAAyB,YACpC,eAAK,SAAS,EAAC,+BAA+B;gBAC1C,eAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,8BAA8B,YACtD,KAAK,GACH,EACN,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,KAAC,SAAS,IACN,MAAM,EACF,eAAM,SAAS,EAAC,8BAA8B,iBAAa,MAAM,YAC7D,KAAC,YAAY,IACT,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,iBAAiB,GAC7B,GACC,EAEX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC7B,cAAc,EAAC,MAAM,EACrB,KAAK,EAAE,oBAAoB,GAC7B,CACL,IACC,GACJ,CACT,CAAC;AAAA,CACL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArbitraryValuesInput.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/TextFilterBody/ArbitraryValuesInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ArbitraryValuesInput.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/TextFilterBody/ArbitraryValuesInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAS5E;;;;GAIG;AACH,MAAM,WAAW,0BAA0B;IACvC;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAE7B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IAExD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAE7C;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IAEvC;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE/B;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtD;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAuBD;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,0BAA0B,2CA4MrE"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// (C) 2007-2026 GoodData Corporation
|
|
3
|
+
import { useEffect, useRef } from "react";
|
|
2
4
|
import cx from "classnames";
|
|
3
|
-
import { useIntl } from "react-intl";
|
|
5
|
+
import { FormattedMessage, useIntl } from "react-intl";
|
|
4
6
|
import { Input, LoadingSpinner, UiTag, useIdPrefixed } from "@gooddata/sdk-ui-kit";
|
|
5
7
|
import { useArbitraryValuesInput } from "./useArbitraryValuesInput.js";
|
|
6
8
|
/**
|
|
@@ -30,10 +32,13 @@ function highlightMatch(text, query) {
|
|
|
30
32
|
export function ArbitraryValuesInput(props) {
|
|
31
33
|
const { values, onValuesChange, placeholder, disabled, onBlur, hasEmptyError, hasValuesLimitReachedWarning, hasValuesLimitExceededError, emptyValueDisplay, autocompleteOptions, onAutocompleteSearch, isAutocompleteLoading, inputId: inputIdProp, ariaLabelledBy, ariaDescribedBy, } = props;
|
|
32
34
|
const intl = useIntl();
|
|
35
|
+
const previousValuesLengthRef = useRef(values.length);
|
|
36
|
+
const inputRef = useRef(null);
|
|
33
37
|
const generatedInputId = useIdPrefixed("text-filter-values-input");
|
|
34
38
|
const inputId = inputIdProp ?? generatedInputId;
|
|
35
39
|
const autocompleteListId = `${inputId}-autocomplete-list`;
|
|
36
|
-
const
|
|
40
|
+
const groupValuesId = `${inputId}-group-values`;
|
|
41
|
+
const { chipsContainerRef, valuesGroupRef, inputValue, valuesAnnouncement, getDisplayLabel, setInputValue, activeAutocompleteIndex, filteredSuggestions, shouldShowAutocompleteDropdown, handleKeyDown, handleBlur, handlePaste, handleSelectSuggestion, handleRemoveValue, makeValuesGroupUnfocusable, } = useArbitraryValuesInput({
|
|
37
42
|
values,
|
|
38
43
|
onValuesChange,
|
|
39
44
|
onBlur,
|
|
@@ -42,17 +47,17 @@ export function ArbitraryValuesInput(props) {
|
|
|
42
47
|
onAutocompleteSearch,
|
|
43
48
|
isAutocompleteLoading,
|
|
44
49
|
});
|
|
45
|
-
const getDisplayLabel = (value) => {
|
|
46
|
-
if (value === null) {
|
|
47
|
-
return emptyValueDisplay;
|
|
48
|
-
}
|
|
49
|
-
if (value === "") {
|
|
50
|
-
return '""';
|
|
51
|
-
}
|
|
52
|
-
return value;
|
|
53
|
-
};
|
|
54
50
|
const hasValues = values.length > 0;
|
|
55
|
-
const
|
|
51
|
+
const ariaDescribedByWithSummary = [ariaDescribedBy, hasValues ? groupValuesId : undefined].filter(Boolean).join(" ") || undefined;
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
if (previousValuesLengthRef.current === 1 && values.length === 0) {
|
|
54
|
+
requestAnimationFrame(() => {
|
|
55
|
+
inputRef.current?.inputNodeRef?.focus();
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
previousValuesLengthRef.current = values.length;
|
|
59
|
+
}, [values.length]);
|
|
60
|
+
const inputElement = (_jsx(Input, { ref: inputRef, id: inputId, type: "text", className: "gd-chips-input__input s-chips-input-field", dataTestId: "text-filter-values-input", value: inputValue, onChange: (value) => setInputValue(String(value)), onKeyDown: handleKeyDown, onBlur: handleBlur, placeholder: placeholder, disabled: disabled, accessibilityConfig: {
|
|
56
61
|
role: "combobox",
|
|
57
62
|
ariaAutocomplete: "list",
|
|
58
63
|
ariaControls: autocompleteListId,
|
|
@@ -61,16 +66,22 @@ export function ArbitraryValuesInput(props) {
|
|
|
61
66
|
? undefined
|
|
62
67
|
: `${autocompleteListId}-item-${activeAutocompleteIndex}`,
|
|
63
68
|
ariaLabelledBy: ariaLabelledBy,
|
|
64
|
-
ariaDescribedBy:
|
|
69
|
+
ariaDescribedBy: ariaDescribedByWithSummary,
|
|
65
70
|
ariaInvalid: hasEmptyError || hasValuesLimitExceededError || undefined,
|
|
66
71
|
} }));
|
|
67
72
|
return (_jsxs("div", { className: "gd-chips-input s-chips-input", children: [
|
|
68
|
-
_jsxs("div", { className: cx("gd-chips-input__container", {
|
|
73
|
+
_jsx("div", { className: "sr-only", id: groupValuesId, children: _jsx(FormattedMessage, { id: "attributeFilter.text.values", values: { count: values.length } }) }), _jsxs("div", { className: cx("gd-chips-input__container", {
|
|
69
74
|
"gd-chips-input__container--error s-chips-input-error": hasEmptyError || hasValuesLimitExceededError,
|
|
70
75
|
"gd-chips-input__container--warning": hasValuesLimitReachedWarning && !hasValuesLimitExceededError,
|
|
71
76
|
"gd-chips-input__container--with-values": hasValues,
|
|
72
77
|
"gd-chips-input__container--empty": !hasValues,
|
|
73
|
-
}), children: [hasValues ? (_jsx("div", { className: "gd-chips-input__chips-frame", onPaste: handlePaste, ref: chipsContainerRef, children: _jsx("div", { className: "gd-chips-input__chips", children: values.map((value, index) => (_jsx(UiTag, { label: getDisplayLabel(value), isDeletable: true, isDisabled: disabled, dataTestId: `s-text-filter-value-tag-${index}`, tabIndex: -1, onDelete: () => handleRemoveValue(index),
|
|
78
|
+
}), children: [hasValues ? (_jsx("div", { className: "gd-chips-input__chips-frame", onPaste: handlePaste, ref: chipsContainerRef, children: _jsx("div", { className: "gd-chips-input__chips", role: "group", "aria-labelledby": groupValuesId, ref: valuesGroupRef, onBlur: makeValuesGroupUnfocusable, children: values.map((value, index) => (_jsx(UiTag, { label: getDisplayLabel(value), isDeletable: true, isDisabled: disabled, dataTestId: `s-text-filter-value-tag-${index}`, tabIndex: -1, onDelete: () => handleRemoveValue(value, index), onDeleteKeyDown: (event) => {
|
|
79
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
80
|
+
event.preventDefault();
|
|
81
|
+
event.stopPropagation();
|
|
82
|
+
handleRemoveValue(value, index);
|
|
83
|
+
}
|
|
84
|
+
}, accessibilityConfig: {
|
|
74
85
|
deleteAriaLabel: intl.formatMessage({
|
|
75
86
|
id: "attributeFilter.text.values.removeTagAriaLabel",
|
|
76
87
|
}, {
|
|
@@ -85,7 +96,7 @@ export function ArbitraryValuesInput(props) {
|
|
|
85
96
|
"gd-chips-input__autocomplete-item--active": index === activeAutocompleteIndex,
|
|
86
97
|
}), role: "option", "aria-selected": index === activeAutocompleteIndex,
|
|
87
98
|
// Prevent the input from blurring when clicking a suggestion.
|
|
88
|
-
onMouseDown: (e) => e.preventDefault(), onClick: () => handleSelectSuggestion(suggestion), children: highlightMatch(suggestion, inputValue) }, suggestion))))) : null })
|
|
99
|
+
onMouseDown: (e) => e.preventDefault(), onClick: () => handleSelectSuggestion(suggestion), children: highlightMatch(suggestion, inputValue) }, suggestion))))) : null }), _jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", role: "status", children: valuesAnnouncement })
|
|
89
100
|
] }));
|
|
90
101
|
}
|
|
91
102
|
//# sourceMappingURL=ArbitraryValuesInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArbitraryValuesInput.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/TextFilterBody/ArbitraryValuesInput.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ArbitraryValuesInput.js","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/TextFilterBody/ArbitraryValuesInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFilterBody.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/TextFilterBody/TextFilterBody.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAOvD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"TextFilterBody.d.ts","sourceRoot":"","sources":["../../../../src/AttributeFilter/Components/TextFilterBody/TextFilterBody.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAOvD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,oBAAoB,2CA6MzD"}
|