@gooddata/sdk-ui-kit 10.26.0-alpha.8 → 10.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/@ui/@utils/keyboardNavigation.d.ts +18 -0
- package/esm/@ui/@utils/keyboardNavigation.d.ts.map +1 -0
- package/esm/@ui/@utils/keyboardNavigation.js +47 -0
- package/esm/@ui/@utils/keyboardNavigation.js.map +1 -0
- package/esm/@ui/UiButton/UiButton.d.ts +3 -4
- package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.js +10 -9
- package/esm/@ui/UiButton/UiButton.js.map +1 -1
- package/esm/@ui/UiChip/UiChip.d.ts +10 -1
- package/esm/@ui/UiChip/UiChip.d.ts.map +1 -1
- package/esm/@ui/UiChip/UiChip.js +21 -12
- package/esm/@ui/UiChip/UiChip.js.map +1 -1
- package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts.map +1 -1
- package/esm/@ui/UiFocusTrap/UiFocusTrap.js +17 -13
- package/esm/@ui/UiFocusTrap/UiFocusTrap.js.map +1 -1
- package/esm/@ui/UiIcon/UiIcon.d.ts +1 -1
- package/esm/@ui/UiIcon/UiIcon.d.ts.map +1 -1
- package/esm/@ui/UiIcon/UiIcon.js +3 -3
- package/esm/@ui/UiIcon/UiIcon.js.map +1 -1
- package/esm/@ui/UiIcon/icons.d.ts +1 -8
- package/esm/@ui/UiIcon/icons.d.ts.map +1 -1
- package/esm/@ui/UiIcon/icons.js +14 -53
- package/esm/@ui/UiIcon/icons.js.map +1 -1
- package/esm/@ui/UiIconButton/UiIconButton.d.ts +21 -0
- package/esm/@ui/UiIconButton/UiIconButton.d.ts.map +1 -0
- package/esm/@ui/UiIconButton/UiIconButton.js +15 -0
- package/esm/@ui/UiIconButton/UiIconButton.js.map +1 -0
- package/esm/@ui/UiListbox/UiListbox.d.ts +11 -0
- package/esm/@ui/UiListbox/UiListbox.d.ts.map +1 -0
- package/esm/@ui/UiListbox/UiListbox.js +133 -0
- package/esm/@ui/UiListbox/UiListbox.js.map +1 -0
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.d.ts +7 -0
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.d.ts.map +1 -0
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.js +16 -0
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.js.map +1 -0
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.d.ts +12 -0
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.d.ts.map +1 -0
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.js +18 -0
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.js.map +1 -0
- package/esm/@ui/UiListbox/defaults/firstCharacterSearch.d.ts +8 -0
- package/esm/@ui/UiListbox/defaults/firstCharacterSearch.d.ts.map +1 -0
- package/esm/@ui/UiListbox/defaults/firstCharacterSearch.js +27 -0
- package/esm/@ui/UiListbox/defaults/firstCharacterSearch.js.map +1 -0
- package/esm/@ui/UiListbox/listboxBem.d.ts +2 -0
- package/esm/@ui/UiListbox/listboxBem.d.ts.map +1 -0
- package/esm/@ui/UiListbox/listboxBem.js +4 -0
- package/esm/@ui/UiListbox/listboxBem.js.map +1 -0
- package/esm/@ui/UiListbox/types.d.ts +73 -0
- package/esm/@ui/UiListbox/types.d.ts.map +1 -0
- package/esm/@ui/UiListbox/types.js +3 -0
- package/esm/@ui/UiListbox/types.js.map +1 -0
- package/esm/Bubble/withBubble.d.ts +1 -1
- package/esm/Bubble/withBubble.d.ts.map +1 -1
- package/esm/Bubble/withBubble.js +7 -6
- package/esm/Bubble/withBubble.js.map +1 -1
- package/esm/Button/Button.d.ts.map +1 -1
- package/esm/Button/Button.js +2 -2
- package/esm/Button/Button.js.map +1 -1
- package/esm/Dialog/BackButton.d.ts.map +1 -1
- package/esm/Dialog/BackButton.js +6 -2
- package/esm/Dialog/BackButton.js.map +1 -1
- package/esm/Dialog/ConfirmDialogBase.d.ts.map +1 -1
- package/esm/Dialog/ConfirmDialogBase.js +5 -3
- package/esm/Dialog/ConfirmDialogBase.js.map +1 -1
- package/esm/Dialog/DialogBase.d.ts.map +1 -1
- package/esm/Dialog/DialogBase.js +10 -13
- package/esm/Dialog/DialogBase.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeBase.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeBase.js +6 -2
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeBase.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeButton.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeButton.js +5 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeButton.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeSelect.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeSelect.js +18 -6
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeSelect.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeItem.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeItem.js +5 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeItem.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeGroupItem.d.ts +1 -0
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeGroupItem.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeGroupItem.js +6 -4
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeGroupItem.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeUserItem.d.ts +1 -0
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeUserItem.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeUserItem.js +6 -4
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeUserItem.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionItem.d.ts +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionItem.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionItem.js +7 -6
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionItem.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionsDropdown.d.ts +4 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionsDropdown.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionsDropdown.js +18 -16
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionsDropdown.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionsDropdownBody.d.ts +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionsDropdownBody.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionsDropdownBody.js +93 -13
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionsDropdownBody.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.js +4 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeBase.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeBase.js +7 -2
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeBase.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/types.d.ts +1 -0
- package/esm/Dialog/ShareDialog/ShareDialogBase/types.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/types.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/utils.d.ts +8 -0
- package/esm/Dialog/ShareDialog/ShareDialogBase/utils.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/utils.js +8 -0
- package/esm/Dialog/ShareDialog/ShareDialogBase/utils.js.map +1 -1
- package/esm/Dialog/elementId.d.ts +5 -0
- package/esm/Dialog/elementId.d.ts.map +1 -0
- package/esm/Dialog/elementId.js +6 -0
- package/esm/Dialog/elementId.js.map +1 -0
- package/esm/Dialog/typings.d.ts +4 -0
- package/esm/Dialog/typings.d.ts.map +1 -1
- package/esm/Dropdown/Dropdown.d.ts +18 -1
- package/esm/Dropdown/Dropdown.d.ts.map +1 -1
- package/esm/Dropdown/Dropdown.js +41 -29
- package/esm/Dropdown/Dropdown.js.map +1 -1
- package/esm/Dropdown/DropdownButton.d.ts.map +1 -1
- package/esm/Dropdown/DropdownButton.js +2 -1
- package/esm/Dropdown/DropdownButton.js.map +1 -1
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.d.ts +8 -0
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.d.ts.map +1 -0
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.js +22 -0
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.js.map +1 -0
- package/esm/List/index.js +1 -1
- package/esm/RecurrenceForm/CronExpression.d.ts +2 -1
- package/esm/RecurrenceForm/CronExpression.d.ts.map +1 -1
- package/esm/RecurrenceForm/CronExpression.js +25 -10
- package/esm/RecurrenceForm/CronExpression.js.map +1 -1
- package/esm/RecurrenceForm/DateTime.d.ts.map +1 -1
- package/esm/RecurrenceForm/DateTime.js +2 -1
- package/esm/RecurrenceForm/DateTime.js.map +1 -1
- package/esm/RecurrenceForm/Recurrence.d.ts +1 -0
- package/esm/RecurrenceForm/Recurrence.d.ts.map +1 -1
- package/esm/RecurrenceForm/Recurrence.js +2 -2
- package/esm/RecurrenceForm/Recurrence.js.map +1 -1
- package/esm/RecurrenceForm/RecurrenceForm.d.ts +1 -0
- package/esm/RecurrenceForm/RecurrenceForm.d.ts.map +1 -1
- package/esm/RecurrenceForm/RecurrenceForm.js +2 -2
- package/esm/RecurrenceForm/RecurrenceForm.js.map +1 -1
- package/esm/RecurrenceForm/RepeatTypeDescription.d.ts.map +1 -1
- package/esm/RecurrenceForm/RepeatTypeDescription.js +3 -2
- package/esm/RecurrenceForm/RepeatTypeDescription.js.map +1 -1
- package/esm/RecurrenceForm/useCronValidation.js +1 -1
- package/esm/RecurrenceForm/useCronValidation.js.map +1 -1
- package/esm/RichText/RichText.d.ts.map +1 -1
- package/esm/RichText/RichText.js +2 -0
- package/esm/RichText/RichText.js.map +1 -1
- package/esm/RichText/RichTextWithTooltip.d.ts +1 -1
- package/esm/RichText/RichTextWithTooltip.d.ts.map +1 -1
- package/esm/RichText/RichTextWithTooltip.js +12 -4
- package/esm/RichText/RichTextWithTooltip.js.map +1 -1
- package/esm/RichText/plugins/rehype-references.d.ts.map +1 -1
- package/esm/RichText/plugins/rehype-references.js +18 -15
- package/esm/RichText/plugins/rehype-references.js.map +1 -1
- package/esm/index.d.ts +8 -3
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +5 -1
- package/esm/index.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +157 -14
- package/esm/utils/domUtilities.d.ts +2 -0
- package/esm/utils/domUtilities.d.ts.map +1 -1
- package/esm/utils/domUtilities.js +16 -1
- package/esm/utils/domUtilities.js.map +1 -1
- package/package.json +9 -9
- package/src/@ui/UiButton/UiButton.scss +43 -149
- package/src/@ui/UiChip/UiChip.scss +60 -19
- package/src/@ui/UiIcon/UiIcon.scss +3 -3
- package/src/@ui/UiIconButton/UiIconButton.scss +164 -0
- package/src/@ui/UiListbox/UiListbox.scss +79 -0
- package/src/@ui/index.scss +2 -0
- package/styles/css/button.css +0 -6
- package/styles/css/button.css.map +1 -1
- package/styles/css/main.css +290 -214
- package/styles/css/main.css.map +1 -1
- package/styles/css/recurrenceForm.css +13 -0
- package/styles/css/recurrenceForm.css.map +1 -1
- package/styles/css/shareDialog.css +16 -0
- package/styles/css/shareDialog.css.map +1 -1
- package/styles/scss/button.scss +0 -8
- package/styles/scss/dropdown.scss +1 -1
- package/styles/scss/recurrenceForm.scss +16 -0
- package/styles/scss/shareDialog.scss +20 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/@ui/UiIcon/icons.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/@ui/UiIcon/icons.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAsC;IACxD,KAAK,EAAE,CACH,8BAAM,CAAC,EAAC,+lBAA+lB,GAAG,CAC7mB;IAED,IAAI,EAAE,CACF,8BAAM,CAAC,EAAC,q0BAAq0B,GAAG,CACn1B;IAED,IAAI,EAAE,CACF,8BAAM,CAAC,EAAC,o5GAAo5G,GAAG,CACl6G;IAED,KAAK,EAAE,CACH,8BAAM,CAAC,EAAC,o+GAAo+G,GAAG,CACl/G;IAED,0GAA0G;IAC1G,KAAK,EAAE,CACH,8BAAM,CAAC,EAAC,kjCAAkjC,GAAG,CAChkC;IAED,KAAK,EAAE,CACH,8BAAM,CAAC,EAAC,kjCAAkjC,GAAG,CAChkC;IAED,WAAW,EAAE,CACT,8BAAM,CAAC,EAAC,2yGAA2yG,GAAG,CACzzG;IAED,QAAQ,EAAE,CACN,8BACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,26BAA26B,GAC/6B,CACL;IAED,SAAS,EAAE,CACP,8BAAM,CAAC,EAAC,kmBAAkmB,GAAG,CAChnB;IAED,WAAW,EAAE,CACT,8BAAM,CAAC,EAAC,+lBAA+lB,GAAG,CAC7mB;IAED,IAAI,EAAE,CACF,8BAAM,CAAC,EAAC,2uNAA2uN,GAAG,CACzvN;IAED,IAAI,EAAE,CACF,8BAAM,CAAC,EAAC,gpDAAgpD,GAAG,CAC9pD;CACJ,CAAC"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { IconType } from "../@types/icon.js";
|
3
|
+
import { SizeLarge, SizeMedium, SizeSmall } from "../@types/size.js";
|
4
|
+
import { VariantDanger, VariantPopOut, VariantPrimary, VariantSecondary, VariantTertiary } from "../@types/variant.js";
|
5
|
+
/**
|
6
|
+
* @internal
|
7
|
+
*/
|
8
|
+
export interface UiIconButtonProps {
|
9
|
+
icon: IconType;
|
10
|
+
label: string;
|
11
|
+
size?: SizeSmall | SizeMedium | SizeLarge;
|
12
|
+
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger;
|
13
|
+
isDisabled?: boolean;
|
14
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
15
|
+
dataId?: string;
|
16
|
+
}
|
17
|
+
/**
|
18
|
+
* @internal
|
19
|
+
*/
|
20
|
+
export declare const UiIconButton: React.ForwardRefExoticComponent<UiIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
21
|
+
//# sourceMappingURL=UiIconButton.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"UiIconButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAI9B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;IAC9F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAID;;GAEG;AACH,eAAO,MAAM,YAAY,6FAgBxB,CAAC"}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
// (C) 2024-2025 GoodData Corporation
|
2
|
+
import React, { forwardRef } from "react";
|
3
|
+
import { bem } from "../@utils/bem.js";
|
4
|
+
import { UiIcon } from "../UiIcon/UiIcon.js";
|
5
|
+
const { b } = bem("gd-ui-kit-icon-button");
|
6
|
+
/**
|
7
|
+
* @internal
|
8
|
+
*/
|
9
|
+
export const UiIconButton = forwardRef(({ icon, label, size = "medium", variant = "secondary", isDisabled, onClick, dataId }, ref) => {
|
10
|
+
const iconSize = size === "small" ? 16 : 18;
|
11
|
+
return (React.createElement("button", { ref: ref, "aria-label": label, className: b({ size, variant }), disabled: isDisabled, onClick: onClick, "data-id": dataId },
|
12
|
+
React.createElement(UiIcon, { type: icon, size: iconSize, ariaHidden: true })));
|
13
|
+
});
|
14
|
+
UiIconButton.displayName = "UiIconButton";
|
15
|
+
//# sourceMappingURL=UiIconButton.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"UiIconButton.js","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAe7C,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAE3C;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1F,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,CACH,gCACI,GAAG,EAAE,GAAG,gBACI,KAAK,EACjB,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAC/B,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,aACP,MAAM;QAEf,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,SAAG,CAC5C,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { UiListboxProps } from "./types.js";
|
3
|
+
/**
|
4
|
+
* An accessible listbox component that can be navigated by keyboard.
|
5
|
+
* Usable in a <Dropdown /> component.
|
6
|
+
* Should implement https://www.w3.org/WAI/ARIA/apg/patterns/listbox/
|
7
|
+
*
|
8
|
+
* @internal
|
9
|
+
*/
|
10
|
+
export declare function UiListbox<InteractiveItemData, StaticItemData>({ items, className, itemClassName, maxWidth, onSelect, onClose, onUnhandledKeyDown, selectedItemId, InteractiveItemComponent, StaticItemComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect, isDisabledFocusable, ariaAttributes, }: UiListboxProps<InteractiveItemData, StaticItemData>): React.ReactNode;
|
11
|
+
//# sourceMappingURL=UiListbox.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"UiListbox.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiListbox/UiListbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAA8D,cAAc,EAAE,MAAM,YAAY,CAAC;AAGxG;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,mBAAmB,EAAE,cAAc,EAAE,EAC3D,KAAK,EAEL,SAAS,EACT,aAAa,EACb,QAAQ,EAER,QAAQ,EACR,OAAO,EACP,kBAAyC,EAEzC,cAAc,EAEd,wBAAmE,EACnE,mBAAyD,EAEzD,kCAAkC,EAClC,mCAAmC,EACnC,mBAA0B,EAC1B,mBAA2B,EAE3B,cAAc,GACjB,EAAE,cAAc,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,SAAS,CA8KvE"}
|
@@ -0,0 +1,133 @@
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
2
|
+
import React from "react";
|
3
|
+
import cx from "classnames";
|
4
|
+
import { useId } from "../../utils/useId.js";
|
5
|
+
import { b, e } from "./listboxBem.js";
|
6
|
+
import { makeMenuKeyboardNavigation } from "../@utils/keyboardNavigation.js";
|
7
|
+
import { useAutoupdateRef } from "@gooddata/sdk-ui";
|
8
|
+
import { DefaultUiListboxInteractiveItemComponent } from "./defaults/DefaultUiListboxInteractiveItemComponent.js";
|
9
|
+
import { firstCharacterSearch } from "./defaults/firstCharacterSearch.js";
|
10
|
+
import { DefaultUiListboxStaticItemComponent } from "./defaults/DefaultUiListboxStaticItemComponent.js";
|
11
|
+
/**
|
12
|
+
* An accessible listbox component that can be navigated by keyboard.
|
13
|
+
* Usable in a <Dropdown /> component.
|
14
|
+
* Should implement https://www.w3.org/WAI/ARIA/apg/patterns/listbox/
|
15
|
+
*
|
16
|
+
* @internal
|
17
|
+
*/
|
18
|
+
export function UiListbox({ items, className, itemClassName, maxWidth, onSelect, onClose, onUnhandledKeyDown = firstCharacterSearch, selectedItemId, InteractiveItemComponent = DefaultUiListboxInteractiveItemComponent, StaticItemComponent = DefaultUiListboxStaticItemComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect = true, isDisabledFocusable = false, ariaAttributes, }) {
|
19
|
+
const isItemFocusable = React.useCallback((item) => {
|
20
|
+
if (!item || item.type !== "interactive") {
|
21
|
+
return false;
|
22
|
+
}
|
23
|
+
return isDisabledFocusable || !item.isDisabled;
|
24
|
+
}, [isDisabledFocusable]);
|
25
|
+
const [focusedIndex, setFocusedIndex] = React.useState(() => {
|
26
|
+
// First try to find the selected item if it's focusable
|
27
|
+
const selectedIndex = items.findIndex((item) => item.id === selectedItemId && isItemFocusable(item));
|
28
|
+
if (selectedIndex >= 0) {
|
29
|
+
return selectedIndex;
|
30
|
+
}
|
31
|
+
// Otherwise find the first focusable item
|
32
|
+
const firstFocusableIndex = items.findIndex(isItemFocusable);
|
33
|
+
return firstFocusableIndex >= 0 ? firstFocusableIndex : undefined;
|
34
|
+
});
|
35
|
+
const itemRefs = React.useRef([]);
|
36
|
+
// Update refs array size when items change. The actual refs are updated during render.
|
37
|
+
React.useEffect(() => {
|
38
|
+
itemRefs.current = itemRefs.current.slice(0, items.length);
|
39
|
+
}, [items]);
|
40
|
+
const focusedItem = focusedIndex == null ? undefined : items[focusedIndex];
|
41
|
+
const focusedItemNode = focusedIndex == null ? undefined : itemRefs.current[focusedIndex];
|
42
|
+
// Scroll focused item into view
|
43
|
+
React.useEffect(() => {
|
44
|
+
if (!focusedItemNode) {
|
45
|
+
return;
|
46
|
+
}
|
47
|
+
focusedItemNode.scrollIntoView({ block: "nearest" });
|
48
|
+
}, [focusedItemNode]);
|
49
|
+
const handleSelectItem = React.useCallback((item) => {
|
50
|
+
if (!item || item.isDisabled) {
|
51
|
+
return;
|
52
|
+
}
|
53
|
+
onSelect?.(item);
|
54
|
+
shouldCloseOnSelect && onClose?.();
|
55
|
+
}, [onClose, onSelect, shouldCloseOnSelect]);
|
56
|
+
const contextRef = useAutoupdateRef({
|
57
|
+
itemRefs,
|
58
|
+
focusedIndex,
|
59
|
+
items,
|
60
|
+
onClose,
|
61
|
+
onSelect: handleSelectItem,
|
62
|
+
setFocusedIndex,
|
63
|
+
selectedItemId,
|
64
|
+
isItemFocusable,
|
65
|
+
});
|
66
|
+
const handleKeyDown = React.useMemo(() => makeMenuKeyboardNavigation({
|
67
|
+
shouldPreventDefault: shouldKeyboardActionPreventDefault,
|
68
|
+
shouldStopPropagation: shouldKeyboardActionStopPropagation,
|
69
|
+
onFocusPrevious: () => {
|
70
|
+
setFocusedIndex((prevIndex) => {
|
71
|
+
let newIndex = (prevIndex ?? 0) - 1;
|
72
|
+
// Skip non-focusable items
|
73
|
+
while (newIndex >= 0 && !isItemFocusable(items[newIndex])) {
|
74
|
+
newIndex--;
|
75
|
+
}
|
76
|
+
return newIndex >= 0 ? newIndex : prevIndex;
|
77
|
+
});
|
78
|
+
},
|
79
|
+
onFocusNext: () => {
|
80
|
+
setFocusedIndex((prevIndex) => {
|
81
|
+
let newIndex = (prevIndex ?? 0) + 1;
|
82
|
+
// Skip non-focusable items
|
83
|
+
while (newIndex < items.length && !isItemFocusable(items[newIndex])) {
|
84
|
+
newIndex++;
|
85
|
+
}
|
86
|
+
return newIndex < items.length ? newIndex : prevIndex;
|
87
|
+
});
|
88
|
+
},
|
89
|
+
onFocusFirst: () => {
|
90
|
+
// Find the first focusable item
|
91
|
+
const firstFocusableIndex = items.findIndex(isItemFocusable);
|
92
|
+
setFocusedIndex(firstFocusableIndex >= 0 ? firstFocusableIndex : undefined);
|
93
|
+
},
|
94
|
+
onFocusLast: () => {
|
95
|
+
// Find the last focusable item
|
96
|
+
for (let i = items.length - 1; i >= 0; i--) {
|
97
|
+
if (isItemFocusable(items[i])) {
|
98
|
+
setFocusedIndex(i);
|
99
|
+
return;
|
100
|
+
}
|
101
|
+
}
|
102
|
+
setFocusedIndex(undefined);
|
103
|
+
},
|
104
|
+
onSelect: () => {
|
105
|
+
focusedItem && focusedItem.type === "interactive" && handleSelectItem(focusedItem);
|
106
|
+
},
|
107
|
+
onClose: () => {
|
108
|
+
onClose?.();
|
109
|
+
},
|
110
|
+
onUnhandledKeyDown: (event) => {
|
111
|
+
onUnhandledKeyDown(event, contextRef.current);
|
112
|
+
},
|
113
|
+
}), [
|
114
|
+
contextRef,
|
115
|
+
focusedItem,
|
116
|
+
handleSelectItem,
|
117
|
+
isItemFocusable,
|
118
|
+
items,
|
119
|
+
onClose,
|
120
|
+
onUnhandledKeyDown,
|
121
|
+
shouldKeyboardActionPreventDefault,
|
122
|
+
shouldKeyboardActionStopPropagation,
|
123
|
+
]);
|
124
|
+
const listboxId = useId();
|
125
|
+
return (React.createElement("div", { className: cx(b(), className), style: { maxWidth } },
|
126
|
+
React.createElement("ul", { className: e("items"), tabIndex: 0, onKeyDown: handleKeyDown, "aria-activedescendant": makeItemId(listboxId, focusedItem), ...ariaAttributes, role: "listbox" }, items.map((item, index) => item.type === "interactive" ? (React.createElement("li", { key: item.id, ref: (el) => (itemRefs.current[index] = el), role: "option", "aria-selected": item.id === selectedItemId, "aria-disabled": item.isDisabled, tabIndex: -1, id: makeItemId(listboxId, item), className: itemClassName },
|
127
|
+
React.createElement(InteractiveItemComponent, { onSelect: () => {
|
128
|
+
handleSelectItem(item);
|
129
|
+
}, item: item, isFocused: index === focusedIndex, isSelected: item.id === selectedItemId }))) : (React.createElement("li", { key: item.id ?? index, ref: (el) => (itemRefs.current[index] = el), className: itemClassName },
|
130
|
+
React.createElement(StaticItemComponent, { item: item })))))));
|
131
|
+
}
|
132
|
+
const makeItemId = (listboxId, item) => item && item.type === "interactive" ? `item-${listboxId}-${item.id}` : undefined;
|
133
|
+
//# sourceMappingURL=UiListbox.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"UiListbox.js","sourceRoot":"","sources":["../../../src/@ui/UiListbox/UiListbox.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,wCAAwC,EAAE,MAAM,wDAAwD,CAAC;AAClH,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE1E,OAAO,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AAExG;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAsC,EAC3D,KAAK,EAEL,SAAS,EACT,aAAa,EACb,QAAQ,EAER,QAAQ,EACR,OAAO,EACP,kBAAkB,GAAG,oBAAoB,EAEzC,cAAc,EAEd,wBAAwB,GAAG,wCAAwC,EACnE,mBAAmB,GAAG,mCAAmC,EAEzD,kCAAkC,EAClC,mCAAmC,EACnC,mBAAmB,GAAG,IAAI,EAC1B,mBAAmB,GAAG,KAAK,EAE3B,cAAc,GACoC;IAClD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,IAA0D,EAAE,EAAE;QAC3D,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;YACvC,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,OAAO,mBAAmB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;IACnD,CAAC,EACD,CAAC,mBAAmB,CAAC,CACxB,CAAC;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,GAAG,EAAE;QAC5E,wDAAwD;QACxD,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,cAAc,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;QACrG,IAAI,aAAa,IAAI,CAAC,EAAE,CAAC;YACrB,OAAO,aAAa,CAAC;QACzB,CAAC;QAED,0CAA0C;QAC1C,MAAM,mBAAmB,GAAG,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QAC7D,OAAO,mBAAmB,IAAI,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA2B,EAAE,CAAC,CAAC;IAE5D,uFAAuF;IACvF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3E,MAAM,eAAe,GAAG,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAE1F,gCAAgC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,eAAe,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QAED,eAAe,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,IAAqD,EAAE,EAAE;QACtD,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3B,OAAO;QACX,CAAC;QACD,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;QACjB,mBAAmB,IAAI,OAAO,EAAE,EAAE,CAAC;IACvC,CAAC,EACD,CAAC,OAAO,EAAE,QAAQ,EAAE,mBAAmB,CAAC,CAC3C,CAAC;IAEF,MAAM,UAAU,GAAG,gBAAgB,CAAuD;QACtF,QAAQ;QACR,YAAY;QACZ,KAAK;QACL,OAAO;QACP,QAAQ,EAAE,gBAAgB;QAC1B,eAAe;QACf,cAAc;QACd,eAAe;KAClB,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CACD,0BAA0B,CAAC;QACvB,oBAAoB,EAAE,kCAAkC;QACxD,qBAAqB,EAAE,mCAAmC;QAE1D,eAAe,EAAE,GAAG,EAAE;YAClB,eAAe,CAAC,CAAC,SAAS,EAAE,EAAE;gBAC1B,IAAI,QAAQ,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;gBACpC,2BAA2B;gBAC3B,OAAO,QAAQ,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;oBACxD,QAAQ,EAAE,CAAC;gBACf,CAAC;gBACD,OAAO,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;YAChD,CAAC,CAAC,CAAC;QACP,CAAC;QACD,WAAW,EAAE,GAAG,EAAE;YACd,eAAe,CAAC,CAAC,SAAS,EAAE,EAAE;gBAC1B,IAAI,QAAQ,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;gBACpC,2BAA2B;gBAC3B,OAAO,QAAQ,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;oBAClE,QAAQ,EAAE,CAAC;gBACf,CAAC;gBACD,OAAO,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1D,CAAC,CAAC,CAAC;QACP,CAAC;QACD,YAAY,EAAE,GAAG,EAAE;YACf,gCAAgC;YAChC,MAAM,mBAAmB,GAAG,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;YAC7D,eAAe,CAAC,mBAAmB,IAAI,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAChF,CAAC;QACD,WAAW,EAAE,GAAG,EAAE;YACd,+BAA+B;YAC/B,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;gBACzC,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC5B,eAAe,CAAC,CAAC,CAAC,CAAC;oBACnB,OAAO;gBACX,CAAC;YACL,CAAC;YACD,eAAe,CAAC,SAAS,CAAC,CAAC;QAC/B,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE;YACX,WAAW,IAAI,WAAW,CAAC,IAAI,KAAK,aAAa,IAAI,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACvF,CAAC;QACD,OAAO,EAAE,GAAG,EAAE;YACV,OAAO,EAAE,EAAE,CAAC;QAChB,CAAC;QACD,kBAAkB,EAAE,CAAC,KAAK,EAAE,EAAE;YAC1B,kBAAkB,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC;KACJ,CAAC,EACN;QACI,UAAU;QACV,WAAW;QACX,gBAAgB;QAChB,eAAe;QACf,KAAK;QACL,OAAO;QACP,kBAAkB;QAClB,kCAAkC;QAClC,mCAAmC;KACtC,CACJ,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAE1B,OAAO,CACH,6BAAK,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE;QACnD,4BACI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,aAAa,2BACD,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,KACrD,cAAc,EAClB,IAAI,EAAC,SAAS,IAEb,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACvB,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,CAC1B,4BACI,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAC3C,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,EAAE,KAAK,cAAc,mBAC1B,IAAI,CAAC,UAAU,EAC9B,QAAQ,EAAE,CAAC,CAAC,EACZ,EAAE,EAAE,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,EAC/B,SAAS,EAAE,aAAa;YAExB,oBAAC,wBAAwB,IACrB,QAAQ,EAAE,GAAG,EAAE;oBACX,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBAC3B,CAAC,EACD,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,KAAK,KAAK,YAAY,EACjC,UAAU,EAAE,IAAI,CAAC,EAAE,KAAK,cAAc,GACxC,CACD,CACR,CAAC,CAAC,CAAC,CACA,4BACI,GAAG,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,EACrB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAC3C,SAAS,EAAE,aAAa;YAExB,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,GAAI,CAClC,CACR,CACJ,CACA,CACH,CACT,CAAC;AACN,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,SAAiB,EAAE,IAAuC,EAAE,EAAE,CAC9E,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,SAAS,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { UiListboxInteractiveItemProps } from "../types.js";
|
3
|
+
/**
|
4
|
+
* @internal
|
5
|
+
*/
|
6
|
+
export declare function DefaultUiListboxInteractiveItemComponent<T>({ item, isFocused, isSelected, onSelect, }: UiListboxInteractiveItemProps<T>): React.ReactNode;
|
7
|
+
//# sourceMappingURL=DefaultUiListboxInteractiveItemComponent.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DefaultUiListboxInteractiveItemComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAE5D;;GAEG;AACH,wBAAgB,wCAAwC,CAAC,CAAC,EAAE,EACxD,IAAI,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,GACX,EAAE,6BAA6B,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAepD"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
2
|
+
import React from "react";
|
3
|
+
import { e } from "../listboxBem.js";
|
4
|
+
import { ShortenedText } from "../../../ShortenedText/index.js";
|
5
|
+
/**
|
6
|
+
* @internal
|
7
|
+
*/
|
8
|
+
export function DefaultUiListboxInteractiveItemComponent({ item, isFocused, isSelected, onSelect, }) {
|
9
|
+
return (React.createElement("div", { className: e("item", {
|
10
|
+
isFocused,
|
11
|
+
isSelected,
|
12
|
+
isDisabled: !!item.isDisabled,
|
13
|
+
}), onClick: item.isDisabled ? undefined : onSelect },
|
14
|
+
React.createElement(ShortenedText, { className: e("item-title"), ellipsisPosition: "end" }, item.stringTitle)));
|
15
|
+
}
|
16
|
+
//# sourceMappingURL=DefaultUiListboxInteractiveItemComponent.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DefaultUiListboxInteractiveItemComponent.js","sourceRoot":"","sources":["../../../../src/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAGhE;;GAEG;AACH,MAAM,UAAU,wCAAwC,CAAI,EACxD,IAAI,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,GACuB;IAC/B,OAAO,CACH,6BACI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;YACjB,SAAS;YACT,UAAU;YACV,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU;SAChC,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;QAE/C,oBAAC,aAAa,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,gBAAgB,EAAE,KAAK,IAC7D,IAAI,CAAC,WAAW,CACL,CACd,CACT,CAAC;AACN,CAAC"}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { IUiListboxStaticItem, UiListboxStaticItemProps } from "../types.js";
|
3
|
+
/**
|
4
|
+
* @internal
|
5
|
+
*/
|
6
|
+
export declare const separatorStaticItem: IUiListboxStaticItem<React.ReactNode>;
|
7
|
+
/**
|
8
|
+
* By default just renders the data.
|
9
|
+
* @internal
|
10
|
+
*/
|
11
|
+
export declare function DefaultUiListboxStaticItemComponent<T>({ item, }: UiListboxStaticItemProps<T>): React.ReactNode;
|
12
|
+
//# sourceMappingURL=DefaultUiListboxStaticItemComponent.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DefaultUiListboxStaticItemComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE7E;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,oBAAoB,CAAC,KAAK,CAAC,SAAS,CAGrE,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mCAAmC,CAAC,CAAC,EAAE,EACnD,IAAI,GACP,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAE/C"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
2
|
+
import React from "react";
|
3
|
+
import { Separator } from "../../../List/index.js";
|
4
|
+
/**
|
5
|
+
* @internal
|
6
|
+
*/
|
7
|
+
export const separatorStaticItem = {
|
8
|
+
data: React.createElement(Separator, null),
|
9
|
+
type: "static",
|
10
|
+
};
|
11
|
+
/**
|
12
|
+
* By default just renders the data.
|
13
|
+
* @internal
|
14
|
+
*/
|
15
|
+
export function DefaultUiListboxStaticItemComponent({ item, }) {
|
16
|
+
return item.data;
|
17
|
+
}
|
18
|
+
//# sourceMappingURL=DefaultUiListboxStaticItemComponent.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DefaultUiListboxStaticItemComponent.js","sourceRoot":"","sources":["../../../../src/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAA0C;IACtE,IAAI,EAAE,oBAAC,SAAS,OAAG;IACnB,IAAI,EAAE,QAAQ;CACjB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,mCAAmC,CAAI,EACnD,IAAI,GACsB;IAC1B,OAAO,IAAI,CAAC,IAAuB,CAAC;AACxC,CAAC"}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { IListboxContext } from "../types.js";
|
3
|
+
/**
|
4
|
+
* This is a basic implementation of moving focus to items on character key press.
|
5
|
+
* Having this functionality is recommended by the listbox spec.
|
6
|
+
*/
|
7
|
+
export declare function firstCharacterSearch<InteractiveItemData, StaticItemData>(event: React.KeyboardEvent, { items, focusedIndex, setFocusedIndex, isItemFocusable, }: IListboxContext<InteractiveItemData, StaticItemData>): void;
|
8
|
+
//# sourceMappingURL=firstCharacterSearch.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"firstCharacterSearch.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiListbox/defaults/firstCharacterSearch.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,mBAAmB,EAAE,cAAc,EACpE,KAAK,EAAE,KAAK,CAAC,aAAa,EAC1B,EACI,KAAK,EACL,YAAY,EACZ,eAAe,EACf,eAAe,GAClB,EAAE,eAAe,CAAC,mBAAmB,EAAE,cAAc,CAAC,QAgC1D"}
|
@@ -0,0 +1,27 @@
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
2
|
+
/**
|
3
|
+
* This is a basic implementation of moving focus to items on character key press.
|
4
|
+
* Having this functionality is recommended by the listbox spec.
|
5
|
+
*/
|
6
|
+
export function firstCharacterSearch(event, { items, focusedIndex, setFocusedIndex, isItemFocusable, }) {
|
7
|
+
const char = event.key.toLowerCase();
|
8
|
+
if (char.length !== 1) {
|
9
|
+
return;
|
10
|
+
}
|
11
|
+
const itemIndex = items.findIndex((item, index) => index > focusedIndex &&
|
12
|
+
isItemFocusable(item) &&
|
13
|
+
item.type === "interactive" &&
|
14
|
+
item.stringTitle.toLowerCase().startsWith(char));
|
15
|
+
if (itemIndex !== -1) {
|
16
|
+
setFocusedIndex(itemIndex);
|
17
|
+
return;
|
18
|
+
}
|
19
|
+
// If not found after the current index, start from the beginning
|
20
|
+
const fromStartIndex = items.findIndex((item) => isItemFocusable(item) &&
|
21
|
+
item.type === "interactive" &&
|
22
|
+
item.stringTitle.toLowerCase().startsWith(char));
|
23
|
+
if (fromStartIndex !== -1) {
|
24
|
+
setFocusedIndex(fromStartIndex);
|
25
|
+
}
|
26
|
+
}
|
27
|
+
//# sourceMappingURL=firstCharacterSearch.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"firstCharacterSearch.js","sourceRoot":"","sources":["../../../../src/@ui/UiListbox/defaults/firstCharacterSearch.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAMhC;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAChC,KAA0B,EAC1B,EACI,KAAK,EACL,YAAY,EACZ,eAAe,EACf,eAAe,GACoC;IAEvD,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IAErC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO;IACX,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAC7B,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACZ,KAAK,GAAG,YAAY;QACpB,eAAe,CAAC,IAAI,CAAC;QACrB,IAAI,CAAC,IAAI,KAAK,aAAa;QAC3B,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CACtD,CAAC;IAEF,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC;QACnB,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,OAAO;IACX,CAAC;IAED,iEAAiE;IACjE,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAClC,CAAC,IAAI,EAAE,EAAE,CACL,eAAe,CAAC,IAAI,CAAC;QACrB,IAAI,CAAC,IAAI,KAAK,aAAa;QAC3B,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CACtD,CAAC;IAEF,IAAI,cAAc,KAAK,CAAC,CAAC,EAAE,CAAC;QACxB,eAAe,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC;AACL,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"listboxBem.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiListbox/listboxBem.ts"],"names":[],"mappings":"AAGA,eAAO,MAAQ,CAAC,6DAAE,CAAC,4EAA6B,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"listboxBem.js","sourceRoot":"","sources":["../../../src/@ui/UiListbox/listboxBem.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,mBAAmB,CAAC,CAAC"}
|
@@ -0,0 +1,73 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { IDropdownBodyRenderProps } from "../../Dropdown/index.js";
|
3
|
+
/**
|
4
|
+
* @internal
|
5
|
+
*/
|
6
|
+
export interface IUiListboxStaticItem<T> {
|
7
|
+
type: "static";
|
8
|
+
id?: string;
|
9
|
+
data: T;
|
10
|
+
}
|
11
|
+
/**
|
12
|
+
* @internal
|
13
|
+
*/
|
14
|
+
export interface IUiListboxInteractiveItem<T> {
|
15
|
+
type: "interactive";
|
16
|
+
id: string;
|
17
|
+
stringTitle: string;
|
18
|
+
isDisabled?: boolean;
|
19
|
+
data: T;
|
20
|
+
}
|
21
|
+
/**
|
22
|
+
* @internal
|
23
|
+
*/
|
24
|
+
export type IUiListboxItem<InteractiveItemData, StaticItemData = React.ReactNode> = IUiListboxStaticItem<StaticItemData> | IUiListboxInteractiveItem<InteractiveItemData>;
|
25
|
+
/**
|
26
|
+
* @internal
|
27
|
+
*/
|
28
|
+
export interface UiListboxInteractiveItemProps<T> {
|
29
|
+
item: IUiListboxInteractiveItem<T>;
|
30
|
+
isFocused: boolean;
|
31
|
+
isSelected: boolean;
|
32
|
+
onSelect: () => void;
|
33
|
+
}
|
34
|
+
/**
|
35
|
+
* @internal
|
36
|
+
*/
|
37
|
+
export interface UiListboxStaticItemProps<T> {
|
38
|
+
item: IUiListboxStaticItem<T>;
|
39
|
+
}
|
40
|
+
/**
|
41
|
+
* @internal
|
42
|
+
*/
|
43
|
+
export interface IListboxContext<InteractiveItemData, StaticItemData = React.ReactNode> {
|
44
|
+
items: IUiListboxItem<InteractiveItemData, StaticItemData>[];
|
45
|
+
itemRefs: React.MutableRefObject<(HTMLLIElement | null)[]>;
|
46
|
+
onSelect: (item: IUiListboxInteractiveItem<InteractiveItemData>) => void;
|
47
|
+
onClose?: () => void;
|
48
|
+
selectedItemId: string | undefined;
|
49
|
+
focusedIndex: number | undefined;
|
50
|
+
setFocusedIndex: React.Dispatch<React.SetStateAction<number>>;
|
51
|
+
isItemFocusable: (item: IUiListboxItem<InteractiveItemData, StaticItemData>) => boolean;
|
52
|
+
}
|
53
|
+
/**
|
54
|
+
* @internal
|
55
|
+
*/
|
56
|
+
export interface UiListboxProps<InteractiveItemData, StaticItemData = React.ReactNode> {
|
57
|
+
items: IUiListboxItem<InteractiveItemData, StaticItemData>[];
|
58
|
+
className?: string;
|
59
|
+
itemClassName?: string;
|
60
|
+
maxWidth?: number;
|
61
|
+
onSelect?: (item: IUiListboxInteractiveItem<InteractiveItemData>) => void;
|
62
|
+
onClose?: () => void;
|
63
|
+
onUnhandledKeyDown?: (event: React.KeyboardEvent, context: IListboxContext<InteractiveItemData, StaticItemData>) => void;
|
64
|
+
selectedItemId?: string;
|
65
|
+
InteractiveItemComponent?: React.ComponentType<UiListboxInteractiveItemProps<InteractiveItemData>>;
|
66
|
+
StaticItemComponent?: React.ComponentType<UiListboxStaticItemProps<StaticItemData>>;
|
67
|
+
shouldKeyboardActionPreventDefault?: boolean;
|
68
|
+
shouldKeyboardActionStopPropagation?: boolean;
|
69
|
+
shouldCloseOnSelect?: boolean;
|
70
|
+
isDisabledFocusable?: boolean;
|
71
|
+
ariaAttributes: IDropdownBodyRenderProps["ariaAttributes"];
|
72
|
+
}
|
73
|
+
//# sourceMappingURL=types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiListbox/types.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/@ui/UiListbox/types.ts"],"names":[],"mappings":"AAAA,gCAAgC"}
|
@@ -12,5 +12,5 @@ export interface IWithBubbleProps {
|
|
12
12
|
/**
|
13
13
|
* @internal
|
14
14
|
*/
|
15
|
-
export declare function withBubble<T>(WrappedComponent: React.ComponentType<T>): React.
|
15
|
+
export declare function withBubble<T>(WrappedComponent: React.ComponentType<T>): React.ForwardRefExoticComponent<React.PropsWithoutRef<T & IWithBubbleProps> & React.RefAttributes<any>>;
|
16
16
|
//# sourceMappingURL=withBubble.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"withBubble.d.ts","sourceRoot":"","sources":["../../src/Bubble/withBubble.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
1
|
+
{"version":3,"file":"withBubble.d.ts","sourceRoot":"","sources":["../../src/Bubble/withBubble.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2GAmCrE"}
|
package/esm/Bubble/withBubble.js
CHANGED
@@ -1,24 +1,25 @@
|
|
1
|
-
// (C) 2023 GoodData Corporation
|
1
|
+
// (C) 2023-2025 GoodData Corporation
|
2
2
|
import { Bubble } from "./Bubble.js";
|
3
3
|
import { BubbleHoverTrigger } from "./BubbleHoverTrigger.js";
|
4
|
-
import React from "react";
|
4
|
+
import React, { forwardRef } from "react";
|
5
5
|
import { useIntl } from "react-intl";
|
6
6
|
/**
|
7
7
|
* @internal
|
8
8
|
*/
|
9
9
|
export function withBubble(WrappedComponent) {
|
10
|
-
const ResultComponent = (props) => {
|
10
|
+
const ResultComponent = forwardRef((props, ref) => {
|
11
11
|
const { showBubble = true, alignPoints = [{ align: "cr cl" }], bubbleTextId, triggerClassName, ...wrappedComponentProps } = props;
|
12
12
|
const intl = useIntl();
|
13
13
|
if (!showBubble || !bubbleTextId) {
|
14
|
-
return React.createElement(WrappedComponent, { ...props });
|
14
|
+
return React.createElement(WrappedComponent, { ...props, ref: ref });
|
15
15
|
}
|
16
16
|
const bubbleText = intl.formatMessage({ id: bubbleTextId }, { strong: (chunks) => React.createElement("strong", null, chunks) });
|
17
17
|
return (React.createElement(BubbleHoverTrigger, { className: triggerClassName },
|
18
|
-
React.createElement(WrappedComponent, { ...wrappedComponentProps }),
|
18
|
+
React.createElement(WrappedComponent, { ...wrappedComponentProps, ref: ref }),
|
19
19
|
React.createElement(Bubble, { alignPoints: alignPoints },
|
20
20
|
React.createElement("div", null, bubbleText))));
|
21
|
-
};
|
21
|
+
});
|
22
|
+
ResultComponent.displayName = `withBubble(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
|
22
23
|
return ResultComponent;
|
23
24
|
}
|
24
25
|
//# sourceMappingURL=withBubble.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"withBubble.js","sourceRoot":"","sources":["../../src/Bubble/withBubble.tsx"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"file":"withBubble.js","sourceRoot":"","sources":["../../src/Bubble/withBubble.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAYrC;;GAEG;AACH,MAAM,UAAU,UAAU,CAAI,gBAAwC;IAClE,MAAM,eAAe,GAAG,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACzE,MAAM,EACF,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAClC,YAAY,EACZ,gBAAgB,EAChB,GAAG,qBAAqB,EAC3B,GAAG,KAAK,CAAC;QAEV,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;QAEvB,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE,CAAC;YAC/B,OAAO,oBAAC,gBAAgB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;QACrD,CAAC;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CACjC,EAAE,EAAE,EAAE,YAAY,EAAE,EACpB,EAAE,MAAM,EAAE,CAAC,MAAiB,EAAE,EAAE,CAAC,oCAAS,MAAM,CAAU,EAAE,CAC/D,CAAC;QAEF,OAAO,CACH,oBAAC,kBAAkB,IAAC,SAAS,EAAE,gBAAgB;YAC3C,oBAAC,gBAAgB,OAAM,qBAA2B,EAAE,GAAG,EAAE,GAAG,GAAI;YAChE,oBAAC,MAAM,IAAC,WAAW,EAAE,WAAW;gBAC5B,iCAAM,UAAU,CAAO,CAClB,CACQ,CACxB,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,eAAe,CAAC,WAAW,GAAG,cAC1B,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAC7D,GAAG,CAAC;IAEJ,OAAO,eAAe,CAAC;AAC3B,CAAC"}
|
@@ -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;;;;;;;;;MASxB;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;;;;;;;;;MASxB;IAEK,UAAU,EAAE,WAAW,CAAC;IAExB,MAAM;IA0Db,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,QAAQ,CAId;IAEF,OAAO,CAAC,UAAU;CASrB"}
|
package/esm/Button/Button.js
CHANGED
@@ -20,7 +20,7 @@ export class Button extends React.Component {
|
|
20
20
|
buttonNode;
|
21
21
|
render() {
|
22
22
|
const { id, tagName, title, disabled, tabIndex, type, iconLeft, iconRight, accessibilityConfig, buttonRef, } = this.props;
|
23
|
-
const { isExpanded, popupId, ariaLabel, ariaLabelledBy, role = "button" } = accessibilityConfig ?? {};
|
23
|
+
const { isExpanded, popupId, ariaLabel, ariaLabelledBy, ariaDescribedBy, role = "button", } = accessibilityConfig ?? {};
|
24
24
|
const TagName = tagName;
|
25
25
|
const effectiveValue = this.getEffectiveValue();
|
26
26
|
const ariaDropdownProps = {
|
@@ -33,7 +33,7 @@ export class Button extends React.Component {
|
|
33
33
|
if (buttonRef) {
|
34
34
|
buttonRef.current = ref;
|
35
35
|
}
|
36
|
-
}, title: title, className: this.getClassnames(), type: type, onClick: this._onClick, tabIndex: tabIndex, "aria-disabled": disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...ariaDropdownProps, role: role },
|
36
|
+
}, title: title, className: this.getClassnames(), type: type, onClick: this._onClick, tabIndex: tabIndex, "aria-disabled": disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...ariaDropdownProps, role: role },
|
37
37
|
this.renderIcon(iconLeft),
|
38
38
|
effectiveValue ? React.createElement("span", { className: "gd-button-text" }, effectiveValue) : null,
|
39
39
|
this.renderIcon(iconRight)));
|
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,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,IAAc;QACxB,SAAS,EAAE,IAAc;KAC5B,CAAC;IAEK,UAAU,CAAc;IAExB,MAAM;QACT,MAAM,EACF,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,SAAS,GACZ,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"BackButton.d.ts","sourceRoot":"","sources":["../../src/Dialog/BackButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"BackButton.d.ts","sourceRoot":"","sources":["../../src/Dialog/BackButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgBjD,CAAC"}
|
package/esm/Dialog/BackButton.js
CHANGED
@@ -1,11 +1,15 @@
|
|
1
|
-
// (C) 2023 GoodData Corporation
|
1
|
+
// (C) 2023-2025 GoodData Corporation
|
2
2
|
import React from "react";
|
3
|
+
import { useIntl } from "react-intl";
|
3
4
|
import cx from "classnames";
|
4
5
|
import { Button } from "../Button/index.js";
|
5
6
|
/**
|
6
7
|
* @internal
|
7
8
|
*/
|
8
9
|
export const BackButton = ({ onClick, className }) => {
|
9
|
-
|
10
|
+
const intl = useIntl();
|
11
|
+
return (React.createElement(Button, { value: "", className: cx("gd-button-primary gd-button-icon-only gd-icon-navigateleft gd-share-dialog-header-back-button", className), onClick: onClick, accessibilityConfig: {
|
12
|
+
ariaLabel: intl.formatMessage({ id: "dialogs.backButtonLabel" }),
|
13
|
+
} }));
|
10
14
|
};
|
11
15
|
//# sourceMappingURL=BackButton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../src/Dialog/BackButton.tsx"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../src/Dialog/BackButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAU5C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAA+B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACH,oBAAC,MAAM,IACH,KAAK,EAAE,EAAE,EACT,SAAS,EAAE,EAAE,CACT,+FAA+F,EAC/F,SAAS,CACZ,EACD,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,yBAAyB,EAAE,CAAC;SACnE,GACH,CACL,CAAC;AACN,CAAC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ConfirmDialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/ConfirmDialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;
|
1
|
+
{"version":3,"file":"ConfirmDialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/ConfirmDialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAMvD;;GAEG;AACH,eAAO,MAAM,iBAAiB,qDA4G5B,CAAC"}
|