@gooddata/sdk-ui-kit 10.32.0-alpha.3 → 10.32.0-alpha.30
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/@types/variant.d.ts +4 -0
- package/esm/@ui/@types/variant.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.d.ts +2 -2
- package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.js.map +1 -1
- package/esm/@ui/UiFocusManager/UiAutofocus.d.ts +24 -0
- package/esm/@ui/UiFocusManager/UiAutofocus.d.ts.map +1 -0
- package/esm/{utils/useAutofocusOnMount.js → @ui/UiFocusManager/UiAutofocus.js} +18 -23
- package/esm/@ui/UiFocusManager/UiAutofocus.js.map +1 -0
- package/esm/@ui/UiFocusManager/UiFocusManager.d.ts +23 -0
- package/esm/@ui/UiFocusManager/UiFocusManager.d.ts.map +1 -0
- package/esm/@ui/UiFocusManager/UiFocusManager.js +49 -0
- package/esm/@ui/UiFocusManager/UiFocusManager.js.map +1 -0
- package/esm/@ui/UiFocusManager/UiFocusTrap.d.ts +13 -0
- package/esm/@ui/UiFocusManager/UiFocusTrap.d.ts.map +1 -0
- package/esm/@ui/UiFocusManager/UiFocusTrap.js +31 -0
- package/esm/@ui/UiFocusManager/UiFocusTrap.js.map +1 -0
- package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.d.ts +19 -0
- package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.d.ts.map +1 -0
- package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.js +34 -0
- package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.js.map +1 -0
- package/esm/@ui/UiFocusManager/UiTabOutHandler.d.ts +14 -0
- package/esm/@ui/UiFocusManager/UiTabOutHandler.d.ts.map +1 -0
- package/esm/@ui/UiFocusManager/UiTabOutHandler.js +35 -0
- package/esm/@ui/UiFocusManager/UiTabOutHandler.js.map +1 -0
- package/esm/@ui/UiFocusManager/types.d.ts +13 -0
- package/esm/@ui/UiFocusManager/types.d.ts.map +1 -0
- package/esm/@ui/UiFocusManager/types.js +3 -0
- package/esm/@ui/UiFocusManager/types.js.map +1 -0
- package/esm/@ui/UiFocusManager/utils.d.ts +18 -0
- package/esm/@ui/UiFocusManager/utils.d.ts.map +1 -0
- package/esm/@ui/UiFocusManager/utils.js +40 -0
- package/esm/@ui/UiFocusManager/utils.js.map +1 -0
- package/esm/@ui/UiListbox/UiListbox.d.ts +1 -1
- package/esm/@ui/UiListbox/UiListbox.d.ts.map +1 -1
- package/esm/@ui/UiListbox/UiListbox.js +4 -5
- package/esm/@ui/UiListbox/UiListbox.js.map +1 -1
- package/esm/@ui/UiListbox/types.d.ts +0 -8
- package/esm/@ui/UiListbox/types.d.ts.map +1 -1
- package/esm/@ui/UiMenu/UiMenu.js +2 -2
- package/esm/@ui/UiMenu/UiMenu.js.map +1 -1
- package/esm/@ui/UiTooltip/UiTooltip.d.ts +7 -0
- package/esm/@ui/UiTooltip/UiTooltip.d.ts.map +1 -0
- package/esm/@ui/UiTooltip/UiTooltip.js +83 -0
- package/esm/@ui/UiTooltip/UiTooltip.js.map +1 -0
- package/esm/@ui/UiTooltip/constants.d.ts +7 -0
- package/esm/@ui/UiTooltip/constants.d.ts.map +1 -0
- package/esm/@ui/UiTooltip/constants.js +12 -0
- package/esm/@ui/UiTooltip/constants.js.map +1 -0
- package/esm/@ui/UiTooltip/types.d.ts +42 -0
- package/esm/@ui/UiTooltip/types.d.ts.map +1 -0
- package/esm/@ui/UiTooltip/types.js +3 -0
- package/esm/@ui/UiTooltip/types.js.map +1 -0
- package/esm/@ui/UiTooltip/utils.d.ts +19 -0
- package/esm/@ui/UiTooltip/utils.d.ts.map +1 -0
- package/esm/@ui/UiTooltip/utils.js +74 -0
- package/esm/@ui/UiTooltip/utils.js.map +1 -0
- package/esm/Bubble/Bubble.d.ts +2 -0
- package/esm/Bubble/Bubble.d.ts.map +1 -1
- package/esm/Bubble/Bubble.js +2 -1
- package/esm/Bubble/Bubble.js.map +1 -1
- package/esm/Bubble/withBubble.js.map +1 -1
- package/esm/Dialog/ConfirmDialogBase.d.ts.map +1 -1
- package/esm/Dialog/ConfirmDialogBase.js +2 -2
- package/esm/Dialog/ConfirmDialogBase.js.map +1 -1
- package/esm/Dialog/DialogBase.d.ts.map +1 -1
- package/esm/Dialog/DialogBase.js +2 -8
- package/esm/Dialog/DialogBase.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialog.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialog.js +3 -3
- package/esm/Dialog/ShareDialog/ShareDialog.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeBase.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeBase.js +3 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeBase.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeContent.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeContent.js +3 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeContent.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeItem.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeItem.js +3 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeItem.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeList.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeList.js +3 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeList.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 +2 -2
- 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 +2 -2
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeUserItem.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.js +2 -2
- 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 +16 -6
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeBase.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeContent.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeContent.js +5 -7
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeContent.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.d.ts +7 -0
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.d.ts.map +1 -0
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.js +28 -0
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.js.map +1 -0
- package/esm/Dialog/ShareDialog/ShareDialogBase/types.d.ts +31 -1
- 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/useShareDialogBase.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/useShareDialogBase.js +45 -9
- package/esm/Dialog/ShareDialog/ShareDialogBase/useShareDialogBase.js.map +1 -1
- package/esm/Dialog/ShareDialog/types.d.ts +7 -1
- package/esm/Dialog/ShareDialog/types.d.ts.map +1 -1
- package/esm/Dialog/typings.d.ts +1 -0
- package/esm/Dialog/typings.d.ts.map +1 -1
- package/esm/Dropdown/Dropdown.d.ts +1 -1
- package/esm/Dropdown/Dropdown.d.ts.map +1 -1
- package/esm/Dropdown/Dropdown.js +9 -6
- package/esm/Dropdown/Dropdown.js.map +1 -1
- package/esm/Form/InputPure.d.ts +5 -0
- package/esm/Form/InputPure.d.ts.map +1 -1
- package/esm/Form/InputPure.js +9 -2
- package/esm/Form/InputPure.js.map +1 -1
- package/esm/Header/HeaderAccount.d.ts.map +1 -1
- package/esm/Header/HeaderAccount.js +2 -2
- package/esm/Header/HeaderAccount.js.map +1 -1
- package/esm/Header/HeaderHelp.d.ts.map +1 -1
- package/esm/Header/HeaderHelp.js +2 -2
- package/esm/Header/HeaderHelp.js.map +1 -1
- package/esm/Header/HeaderSearchButton.d.ts.map +1 -1
- package/esm/Header/HeaderSearchButton.js +2 -2
- package/esm/Header/HeaderSearchButton.js.map +1 -1
- package/esm/Icon/Icon.js +2 -2
- package/esm/Icon/Icon.js.map +1 -1
- package/esm/Icon/icons/ColumnContainer.d.ts +7 -0
- package/esm/Icon/icons/ColumnContainer.d.ts.map +1 -0
- package/esm/Icon/icons/ColumnContainer.js +19 -0
- package/esm/Icon/icons/ColumnContainer.js.map +1 -0
- package/esm/RecurrenceForm/RecurrenceForm.d.ts +2 -0
- package/esm/RecurrenceForm/RecurrenceForm.d.ts.map +1 -1
- package/esm/RecurrenceForm/RecurrenceForm.js +5 -4
- package/esm/RecurrenceForm/RecurrenceForm.js.map +1 -1
- package/esm/RecurrenceForm/RepeatTypeDescription.js +1 -1
- package/esm/RecurrenceForm/RepeatTypeDescription.js.map +1 -1
- package/esm/RecurrenceForm/RepeatTypeSelect.d.ts.map +1 -1
- package/esm/RecurrenceForm/RepeatTypeSelect.js +2 -2
- package/esm/RecurrenceForm/RepeatTypeSelect.js.map +1 -1
- package/esm/RecurrenceForm/index.d.ts +2 -1
- package/esm/RecurrenceForm/index.d.ts.map +1 -1
- package/esm/RecurrenceForm/index.js +3 -2
- package/esm/RecurrenceForm/index.js.map +1 -1
- package/esm/RecurrenceForm/useCronValidation.js +1 -1
- package/esm/RecurrenceForm/useCronValidation.js.map +1 -1
- package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.d.ts +14 -0
- package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.d.ts.map +1 -0
- package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.js +65 -0
- package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.js.map +1 -0
- package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.test.d.ts +2 -0
- package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.test.d.ts.map +1 -0
- package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.test.js +80 -0
- package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.test.js.map +1 -0
- package/esm/RecurrenceForm/{utils.d.ts → utils/utils.d.ts} +1 -1
- package/esm/RecurrenceForm/utils/utils.d.ts.map +1 -0
- package/esm/RecurrenceForm/{utils.js → utils/utils.js} +2 -2
- package/esm/RecurrenceForm/utils/utils.js.map +1 -0
- package/esm/RecurrenceForm/utils/utils.test.d.ts.map +1 -0
- package/esm/RecurrenceForm/{utils.test.js → utils/utils.test.js} +1 -1
- package/esm/RecurrenceForm/utils/utils.test.js.map +1 -0
- package/esm/Timepicker/Timepicker.d.ts.map +1 -1
- package/esm/Timepicker/Timepicker.js +1 -1
- package/esm/Timepicker/Timepicker.js.map +1 -1
- package/esm/index.d.ts +13 -4
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +7 -2
- package/esm/index.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +199 -69
- package/package.json +19 -16
- package/src/@ui/UiButton/UiButton.scss +28 -0
- package/src/@ui/UiTooltip/UiTooltip.scss +23 -0
- package/src/@ui/index.scss +1 -0
- package/styles/css/form.css +13 -0
- package/styles/css/form.css.map +1 -1
- package/styles/css/main.css +89 -20
- package/styles/css/main.css.map +1 -1
- package/styles/css/overlay.css +0 -4
- package/styles/css/overlay.css.map +1 -1
- package/styles/css/shareDialog.css +22 -11
- package/styles/css/shareDialog.css.map +1 -1
- package/styles/css/syntaxHighlightingInput.css +16 -5
- package/styles/css/syntaxHighlightingInput.css.map +1 -1
- package/styles/scss/form.scss +15 -0
- package/styles/scss/overlay.scss +0 -6
- package/styles/scss/shareDialog.scss +23 -11
- package/styles/scss/syntaxHighlightingInput.scss +12 -2
- package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts +0 -39
- package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts.map +0 -1
- package/esm/@ui/UiFocusTrap/UiFocusTrap.js +0 -134
- package/esm/@ui/UiFocusTrap/UiFocusTrap.js.map +0 -1
- package/esm/Icon/icons/Container.d.ts +0 -7
- package/esm/Icon/icons/Container.d.ts.map +0 -1
- package/esm/Icon/icons/Container.js +0 -37
- package/esm/Icon/icons/Container.js.map +0 -1
- package/esm/RecurrenceForm/utils.d.ts.map +0 -1
- package/esm/RecurrenceForm/utils.js.map +0 -1
- package/esm/RecurrenceForm/utils.test.d.ts.map +0 -1
- package/esm/RecurrenceForm/utils.test.js.map +0 -1
- package/esm/utils/useAutofocusOnMount.d.ts +0 -29
- package/esm/utils/useAutofocusOnMount.d.ts.map +0 -1
- package/esm/utils/useAutofocusOnMount.js.map +0 -1
- /package/esm/RecurrenceForm/{utils.test.d.ts → utils/utils.test.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/variant.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/variant.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IconType } from "../@types/icon.js";
|
|
3
3
|
import { SizeLarge, SizeMedium, SizeSmall } from "../@types/size.js";
|
|
4
|
-
import { VariantDanger, VariantPopOut, VariantPrimary, VariantSecondary, VariantTertiary } from "../@types/variant.js";
|
|
4
|
+
import { VariantDanger, VariantPopOut, VariantTooltip, VariantPrimary, VariantSecondary, VariantTertiary } from "../@types/variant.js";
|
|
5
5
|
import { IAccessibilityConfigBase } from "../../typings/accessibility.js";
|
|
6
6
|
/**
|
|
7
7
|
* @internal
|
|
@@ -15,7 +15,7 @@ export interface IUiButtonAccessibilityConfig extends IAccessibilityConfigBase {
|
|
|
15
15
|
export interface UiButtonProps {
|
|
16
16
|
id?: string;
|
|
17
17
|
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
18
|
-
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger;
|
|
18
|
+
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTooltip;
|
|
19
19
|
iconBefore?: IconType;
|
|
20
20
|
iconAfter?: IconType;
|
|
21
21
|
label: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.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;AAG9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,wBAAwB;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.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,cAAc,EACd,gBAAgB,EAChB,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,wBAAwB;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EACF,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,aAAa,GACb,aAAa,GACb,cAAc,CAAC;IACrB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,4BAA4B,CAAC;CACtD;AAQD;;GAEG;AACH,eAAO,MAAM,QAAQ,yFA4DpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiButton.js","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"UiButton.js","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAW1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmC7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAEzC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,SAAiB,EAAE,EAAE;IAC5D,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;AACvG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CACI,EACI,EAAE,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,WAAW,EACrB,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,EACV,mBAAmB,GACtB,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,CAAC;IACnC,MAAM,YAAY,GAAG,CAAC,CAAC,SAAS,CAAC;IAEjC,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAEnG,OAAO,CACH,gCACI,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,EACvE,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,aACX,MAAM,iBACF,MAAM,gBACP,mBAAmB,EAAE,SAAS,qBACzB,mBAAmB,EAAE,cAAc,sBAClC,mBAAmB,EAAE,eAAe,mBACvC,mBAAmB,EAAE,YAAY,EAChD,IAAI,EAAE,mBAAmB,EAAE,IAAI;QAE9B,UAAU,CAAC,CAAC,CAAC,CACV,oBAAC,MAAM,IACH,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,mBAAmB,EAAE,cAAc,GACjD,CACL,CAAC,CAAC,CAAC,IAAI;QACR,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAG,KAAK,CAAQ;QACzC,SAAS,CAAC,CAAC,CAAC,CACT,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,mBAAmB,EAAE,cAAc,GACjD,CACL,CAAC,CAAC,CAAC,IAAI,CACH,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IUiFocusHelperConnectors } from "./types.js";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export interface IUiAutofocusOptions {
|
|
7
|
+
refocusKey?: unknown;
|
|
8
|
+
initialFocus?: string | React.RefObject<HTMLElement>;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Provides a ref that will autofocus the element when it is mounted, or when `refocusKey` changes.
|
|
12
|
+
*
|
|
13
|
+
* @internal
|
|
14
|
+
*/
|
|
15
|
+
export declare const useUiAutofocusConnectors: <T extends HTMLElement = HTMLElement>({ refocusKey, initialFocus, }?: IUiAutofocusOptions) => IUiFocusHelperConnectors<T>;
|
|
16
|
+
/**
|
|
17
|
+
* Wrapper that focuses the first focusable child when it mounts, or when `refocusKey` changes.
|
|
18
|
+
*
|
|
19
|
+
* @internal
|
|
20
|
+
*/
|
|
21
|
+
export declare const UiAutofocus: React.FC<{
|
|
22
|
+
children: React.ReactNode;
|
|
23
|
+
} & IUiAutofocusOptions>;
|
|
24
|
+
//# sourceMappingURL=UiAutofocus.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiAutofocus.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiAutofocus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACxD;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,wEAGlC,mBAAmB,gCAsCrB,CAAC;AAcF;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B;IACI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,mBAAmB,CAS1B,CAAC"}
|
|
@@ -1,35 +1,25 @@
|
|
|
1
1
|
// (C) 2025 GoodData Corporation
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { getFocusableElements, isElementFocusable, isElementTextInput } from "
|
|
3
|
+
import { getFocusableElements, isElementFocusable, isElementTextInput } from "../../utils/domUtilities.js";
|
|
4
|
+
import { resolveRef } from "./utils.js";
|
|
4
5
|
/**
|
|
5
6
|
* Provides a ref that will autofocus the element when it is mounted, or when `refocusKey` changes.
|
|
6
7
|
*
|
|
7
8
|
* @internal
|
|
8
9
|
*/
|
|
9
|
-
export const
|
|
10
|
+
export const useUiAutofocusConnectors = ({ refocusKey, initialFocus, } = {}) => {
|
|
10
11
|
const [element, setElement] = React.useState(null);
|
|
11
|
-
useAutofocusOnMount(element, { isDisabled, refocusKey });
|
|
12
|
-
return React.useCallback((node) => {
|
|
13
|
-
setElement(node);
|
|
14
|
-
}, []);
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* Focuses the element on mount or when `refocusKey` changes.
|
|
18
|
-
*
|
|
19
|
-
* @internal
|
|
20
|
-
*/
|
|
21
|
-
export const useAutofocusOnMount = (element, { isDisabled, refocusKey } = {}) => {
|
|
22
12
|
// If the element is outside of the viewport, calling focus() will not work.
|
|
23
13
|
// This can happen for example with floating elements, that are repositioned after they mount
|
|
24
14
|
React.useEffect(() => {
|
|
25
|
-
const elementToFocus = getElementToFocus(element);
|
|
26
|
-
if (
|
|
15
|
+
const elementToFocus = getElementToFocus(element, initialFocus);
|
|
16
|
+
if (!elementToFocus) {
|
|
27
17
|
return undefined;
|
|
28
18
|
}
|
|
29
19
|
const observer = new IntersectionObserver(([{ target }]) => {
|
|
30
20
|
// Focusing a newly created element sometimes fails if not done through requestAnimationFrame()
|
|
31
21
|
window.requestAnimationFrame(() => {
|
|
32
|
-
if (element
|
|
22
|
+
if (element?.contains(document.activeElement) ||
|
|
33
23
|
target.contains(document.activeElement) ||
|
|
34
24
|
isElementTextInput(document.activeElement)) {
|
|
35
25
|
observer.disconnect();
|
|
@@ -43,18 +33,23 @@ export const useAutofocusOnMount = (element, { isDisabled, refocusKey } = {}) =>
|
|
|
43
33
|
});
|
|
44
34
|
observer.observe(elementToFocus);
|
|
45
35
|
return () => observer.disconnect();
|
|
46
|
-
}, [refocusKey,
|
|
36
|
+
}, [refocusKey, element, initialFocus]);
|
|
37
|
+
return React.useMemo(() => ({ ref: setElement }), []);
|
|
47
38
|
};
|
|
48
|
-
function getElementToFocus(element) {
|
|
49
|
-
|
|
39
|
+
function getElementToFocus(element, initialFocus) {
|
|
40
|
+
const initialFocusElement = resolveRef(initialFocus);
|
|
41
|
+
const elementToCheck = initialFocusElement ?? element;
|
|
42
|
+
return isElementFocusable(elementToCheck)
|
|
43
|
+
? elementToCheck
|
|
44
|
+
: getFocusableElements(elementToCheck).firstElement;
|
|
50
45
|
}
|
|
51
46
|
/**
|
|
52
47
|
* Wrapper that focuses the first focusable child when it mounts, or when `refocusKey` changes.
|
|
53
48
|
*
|
|
54
49
|
* @internal
|
|
55
50
|
*/
|
|
56
|
-
export const
|
|
57
|
-
const
|
|
58
|
-
return (React.createElement("div", {
|
|
51
|
+
export const UiAutofocus = ({ children, ...options }) => {
|
|
52
|
+
const connectors = useUiAutofocusConnectors(options);
|
|
53
|
+
return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
|
|
59
54
|
};
|
|
60
|
-
//# sourceMappingURL=
|
|
55
|
+
//# sourceMappingURL=UiAutofocus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiAutofocus.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiAutofocus.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC3G,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAWxC;;;;GAIG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAsC,EAC1E,UAAU,EACV,YAAY,MACS,EAAE,EAA+B,EAAE;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,4EAA4E;IAC5E,6FAA6F;IAC7F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAEhE,IAAI,CAAC,cAAc,EAAE,CAAC;YAClB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;YACvD,+FAA+F;YAC/F,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAC9B,IACI,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;oBACzC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;oBACvC,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC5C,CAAC;oBACC,QAAQ,CAAC,UAAU,EAAE,CAAC;oBACtB,OAAO;gBACX,CAAC;gBAEA,MAAsB,CAAC,KAAK,EAAE,CAAC;gBAEhC,IAAI,QAAQ,CAAC,aAAa,KAAK,MAAM,EAAE,CAAC;oBACpC,QAAQ,CAAC,UAAU,EAAE,CAAC;gBAC1B,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEjC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAExC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEF,SAAS,iBAAiB,CACtB,OAAuC,EACvC,YAAoD;IAEpD,MAAM,mBAAmB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,mBAAmB,IAAI,OAAO,CAAC;IAEtD,OAAO,kBAAkB,CAAC,cAAc,CAAC;QACrC,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC;AAC5D,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAIpB,CAAC,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE;IAC7B,MAAM,UAAU,GAAG,wBAAwB,CAAiB,OAAO,CAAC,CAAC;IAErE,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IUiAutofocusOptions } from "./UiAutofocus.js";
|
|
3
|
+
import { IUiReturnFocusOnUnmountOptions } from "./UiReturnFocusOnUnmount.js";
|
|
4
|
+
import { IUiFocusHelperConnectors } from "./types.js";
|
|
5
|
+
/**
|
|
6
|
+
* @internal
|
|
7
|
+
*/
|
|
8
|
+
export type IUiFocusManagerProps = {
|
|
9
|
+
enableAutofocus?: boolean | IUiAutofocusOptions;
|
|
10
|
+
enableFocusTrap?: boolean;
|
|
11
|
+
enableReturnFocusOnUnmount?: boolean | IUiReturnFocusOnUnmountOptions;
|
|
12
|
+
tabOutHandler?: (event: React.KeyboardEvent) => void;
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* @internal
|
|
17
|
+
*/
|
|
18
|
+
export declare const UiFocusManager: React.FC<IUiFocusManagerProps>;
|
|
19
|
+
/**
|
|
20
|
+
* @internal
|
|
21
|
+
*/
|
|
22
|
+
export declare const useUiFocusManagerConnectors: <T extends HTMLElement = HTMLElement>({ enableFocusTrap, enableAutofocus, enableReturnFocusOnUnmount, tabOutHandler, }: Omit<IUiFocusManagerProps, "children">) => IUiFocusHelperConnectors<T>;
|
|
23
|
+
//# sourceMappingURL=UiFocusManager.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiFocusManager.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusManager.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAA4B,MAAM,kBAAkB,CAAC;AAIjF,OAAO,EACH,8BAA8B,EAEjC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0BAA0B,CAAC,EAAE,OAAO,GAAG,8BAA8B,CAAC;IACtE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,0HAKrC,KAAK,oBAAoB,EAAE,UAAU,CAAC,gCA8CxC,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { useUiAutofocusConnectors } from "./UiAutofocus.js";
|
|
4
|
+
import { useAutoupdateRef, useCombineRefs } from "@gooddata/sdk-ui";
|
|
5
|
+
import { useUiFocusTrapConnectors } from "./UiFocusTrap.js";
|
|
6
|
+
import { useUiTabOutHandlerConnectors } from "./UiTabOutHandler.js";
|
|
7
|
+
import { useUiReturnFocusOnUnmountConnectors, } from "./UiReturnFocusOnUnmount.js";
|
|
8
|
+
/**
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
11
|
+
export const UiFocusManager = ({ children, ...args }) => {
|
|
12
|
+
const connectors = useUiFocusManagerConnectors(args);
|
|
13
|
+
return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* @internal
|
|
17
|
+
*/
|
|
18
|
+
export const useUiFocusManagerConnectors = ({ enableFocusTrap, enableAutofocus, enableReturnFocusOnUnmount, tabOutHandler, }) => {
|
|
19
|
+
const autofocusOptions = typeof enableAutofocus === "object" ? enableAutofocus : {};
|
|
20
|
+
const returnFocusOnUnmountOptions = typeof enableReturnFocusOnUnmount === "object" ? enableReturnFocusOnUnmount : {};
|
|
21
|
+
const focusTrapConnectors = useUiFocusTrapConnectors();
|
|
22
|
+
const tabOutConnectors = useUiTabOutHandlerConnectors(tabOutHandler);
|
|
23
|
+
const autofocusConnectors = useUiAutofocusConnectors(autofocusOptions);
|
|
24
|
+
const returnFocusConnectors = useUiReturnFocusOnUnmountConnectors(returnFocusOnUnmountOptions);
|
|
25
|
+
const enabledConnectors = React.useMemo(() => [
|
|
26
|
+
!!tabOutHandler && tabOutConnectors,
|
|
27
|
+
!!enableReturnFocusOnUnmount && returnFocusConnectors,
|
|
28
|
+
!!enableAutofocus && autofocusConnectors,
|
|
29
|
+
!!enableFocusTrap && focusTrapConnectors,
|
|
30
|
+
].filter(Boolean), [
|
|
31
|
+
autofocusConnectors,
|
|
32
|
+
enableAutofocus,
|
|
33
|
+
enableFocusTrap,
|
|
34
|
+
enableReturnFocusOnUnmount,
|
|
35
|
+
focusTrapConnectors,
|
|
36
|
+
returnFocusConnectors,
|
|
37
|
+
tabOutConnectors,
|
|
38
|
+
tabOutHandler,
|
|
39
|
+
]);
|
|
40
|
+
const enabledConnectorsRef = useAutoupdateRef(enabledConnectors);
|
|
41
|
+
const combinedRefs = useCombineRefs(...enabledConnectors.map((connector) => connector.ref));
|
|
42
|
+
const combinedKeyDown = React.useCallback((event) => {
|
|
43
|
+
enabledConnectorsRef.current.forEach((connector) => {
|
|
44
|
+
connector.onKeyDown?.(event);
|
|
45
|
+
});
|
|
46
|
+
}, [enabledConnectorsRef]);
|
|
47
|
+
return React.useMemo(() => ({ ref: combinedRefs, onKeyDown: combinedKeyDown }), [combinedKeyDown, combinedRefs]);
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=UiFocusManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiFocusManager.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusManager.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAEH,mCAAmC,GACtC,MAAM,6BAA6B,CAAC;AAcrC;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,UAAU,GAAG,2BAA2B,CAAiB,IAAI,CAAC,CAAC;IAErE,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAsC,EAC7E,eAAe,EACf,eAAe,EACf,0BAA0B,EAC1B,aAAa,GACwB,EAA+B,EAAE;IACtE,MAAM,gBAAgB,GAAG,OAAO,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACpF,MAAM,2BAA2B,GAC7B,OAAO,0BAA0B,KAAK,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC;IAErF,MAAM,mBAAmB,GAAG,wBAAwB,EAAE,CAAC;IACvD,MAAM,gBAAgB,GAAG,4BAA4B,CAAC,aAAa,CAAC,CAAC;IACrE,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IACvE,MAAM,qBAAqB,GAAG,mCAAmC,CAAC,2BAA2B,CAAC,CAAC;IAE/F,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACnC,GAAG,EAAE,CACD;QACI,CAAC,CAAC,aAAa,IAAI,gBAAgB;QACnC,CAAC,CAAC,0BAA0B,IAAI,qBAAqB;QACrD,CAAC,CAAC,eAAe,IAAI,mBAAmB;QACxC,CAAC,CAAC,eAAe,IAAI,mBAAmB;KAC3C,CAAC,MAAM,CAAC,OAAO,CAAkC,EACtD;QACI,mBAAmB;QACnB,eAAe;QACf,eAAe;QACf,0BAA0B;QAC1B,mBAAmB;QACnB,qBAAqB;QACrB,gBAAgB;QAChB,aAAa;KAChB,CACJ,CAAC;IACF,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAE5F,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAAK,EAAE,EAAE;QACN,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC/C,SAAS,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC,EACD,CAAC,oBAAoB,CAAC,CACzB,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAChB,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,EACzD,CAAC,eAAe,EAAE,YAAY,CAAC,CAClC,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { IUiFocusHelperConnectors } from "./types.js";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare const useUiFocusTrapConnectors: <T extends HTMLElement = HTMLElement>() => IUiFocusHelperConnectors<T>;
|
|
7
|
+
/**
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
10
|
+
export declare const UiFocusTrap: React.FC<{
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}>;
|
|
13
|
+
//# sourceMappingURL=UiFocusTrap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiFocusTrap.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusTrap.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,wBAAwB,EAAuB,MAAM,YAAY,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,wBAAwB,wEAkCpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAQ/D,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { getFocusableElements } from "../../utils/domUtilities.js";
|
|
4
|
+
import { makeKeyboardNavigation } from "../@utils/keyboardNavigation.js";
|
|
5
|
+
import { focusAndEnsureReachableElement, getNextFocusableElement } from "./utils.js";
|
|
6
|
+
/**
|
|
7
|
+
* @internal
|
|
8
|
+
*/
|
|
9
|
+
export const useUiFocusTrapConnectors = () => {
|
|
10
|
+
const [element, setElement] = React.useState(null);
|
|
11
|
+
const handleMoveFocus = React.useCallback((direction) => () => {
|
|
12
|
+
const { focusableElements } = getFocusableElements(element);
|
|
13
|
+
focusAndEnsureReachableElement(getNextFocusableElement(document.activeElement, focusableElements, direction), focusableElements, direction);
|
|
14
|
+
}, [element]);
|
|
15
|
+
const handleKeyDown = React.useMemo(() => makeKeyboardNavigation({
|
|
16
|
+
onFocusNext: [{ code: "Tab", modifiers: ["!Shift"] }],
|
|
17
|
+
onFocusPrevious: [{ code: "Tab", modifiers: ["Shift"] }],
|
|
18
|
+
})({
|
|
19
|
+
onFocusNext: handleMoveFocus("forward"),
|
|
20
|
+
onFocusPrevious: handleMoveFocus("backward"),
|
|
21
|
+
}, { shouldPreventDefault: true, shouldStopPropagation: true }), [handleMoveFocus]);
|
|
22
|
+
return React.useMemo(() => ({ ref: setElement, onKeyDown: handleKeyDown }), [handleKeyDown]);
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* @internal
|
|
26
|
+
*/
|
|
27
|
+
export const UiFocusTrap = ({ children }) => {
|
|
28
|
+
const connectors = useUiFocusTrapConnectors();
|
|
29
|
+
return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=UiFocusTrap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiFocusTrap.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusTrap.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAGrF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAEP,EAAE;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,SAA8B,EAAE,EAAE,CAAC,GAAG,EAAE;QACrC,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAE5D,8BAA8B,CAC1B,uBAAuB,CAAC,QAAQ,CAAC,aAA4B,EAAE,iBAAiB,EAAE,SAAS,CAAC,EAC5F,iBAAiB,EACjB,SAAS,CACZ,CAAC;IACN,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CACD,sBAAsB,CAAC;QACnB,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrD,eAAe,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;KAC3D,CAAC,CACE;QACI,WAAW,EAAE,eAAe,CAAC,SAAS,CAAC;QACvC,eAAe,EAAE,eAAe,CAAC,UAAU,CAAC;KAC/C,EACD,EAAE,oBAAoB,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAC9D,EACL,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACjG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjF,MAAM,UAAU,GAAG,wBAAwB,EAAkB,CAAC;IAE9D,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IUiFocusHelperConnectors } from "./types.js";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export interface IUiReturnFocusOnUnmountOptions {
|
|
7
|
+
returnFocusTo?: string | React.RefObject<HTMLElement>;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
export declare const UiReturnFocusOnUnmount: React.FC<IUiReturnFocusOnUnmountOptions & {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
}>;
|
|
15
|
+
/**
|
|
16
|
+
* @internal
|
|
17
|
+
*/
|
|
18
|
+
export declare const useUiReturnFocusOnUnmountConnectors: <T extends HTMLElement = HTMLElement>({ returnFocusTo, }?: IUiReturnFocusOnUnmountOptions) => IUiFocusHelperConnectors<T>;
|
|
19
|
+
//# sourceMappingURL=UiReturnFocusOnUnmount.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiReturnFocusOnUnmount.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiReturnFocusOnUnmount.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzD;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CACzC,8BAA8B,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CASjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mCAAmC,6DAE7C,8BAA8B,gCAyBhC,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { resolveRef } from "./utils.js";
|
|
4
|
+
/**
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
export const UiReturnFocusOnUnmount = ({ children, ...options }) => {
|
|
8
|
+
const connectors = useUiReturnFocusOnUnmountConnectors(options);
|
|
9
|
+
return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* @internal
|
|
13
|
+
*/
|
|
14
|
+
export const useUiReturnFocusOnUnmountConnectors = ({ returnFocusTo, } = {}) => {
|
|
15
|
+
const returnFocusRef = React.useRef(null);
|
|
16
|
+
React.useEffect(() => {
|
|
17
|
+
returnFocusRef.current = resolveRef(returnFocusTo) ?? document.activeElement;
|
|
18
|
+
}, [returnFocusTo]);
|
|
19
|
+
const hasMountedRef = React.useRef(false);
|
|
20
|
+
const ref = React.useCallback((element) => {
|
|
21
|
+
if (element) {
|
|
22
|
+
hasMountedRef.current = true;
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
const elementToFocus = resolveRef(returnFocusRef);
|
|
26
|
+
if (!hasMountedRef.current || !elementToFocus) {
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
elementToFocus.focus();
|
|
30
|
+
hasMountedRef.current = false;
|
|
31
|
+
}, []);
|
|
32
|
+
return React.useMemo(() => ({ ref }), [ref]);
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=UiReturnFocusOnUnmount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiReturnFocusOnUnmount.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiReturnFocusOnUnmount.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAUxC;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAE/B,CAAC,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE;IAC7B,MAAM,UAAU,GAAG,mCAAmC,CAAiB,OAAO,CAAC,CAAC;IAEhF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAAsC,EACrF,aAAa,MACmB,EAAE,EAA+B,EAAE;IACnE,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,IAAK,QAAQ,CAAC,aAA6B,CAAC;IAClG,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QAC1D,IAAI,OAAO,EAAE,CAAC;YACV,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;QAElD,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO;QACX,CAAC;QAED,cAAc,CAAC,KAAK,EAAE,CAAC;QACvB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { IUiFocusHelperConnectors } from "./types.js";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare const UiTabOutHandler: React.FC<{
|
|
7
|
+
onTabOut: () => void;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}>;
|
|
10
|
+
/**
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
13
|
+
export declare const useUiTabOutHandlerConnectors: <T extends HTMLElement = HTMLElement>(handler?: (event: React.KeyboardEvent) => void) => IUiFocusHelperConnectors<T>;
|
|
14
|
+
//# sourceMappingURL=UiTabOutHandler.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiTabOutHandler.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiTabOutHandler.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,wBAAwB,EAAuB,MAAM,YAAY,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAWzF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,4BAA4B,0DACnB,mBAAmB,KAAK,IAAI,gCAoCjD,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { useAutoupdateRef } from "@gooddata/sdk-ui";
|
|
4
|
+
import { getFocusableElements } from "../../utils/domUtilities.js";
|
|
5
|
+
import { makeKeyboardNavigation } from "../@utils/keyboardNavigation.js";
|
|
6
|
+
/**
|
|
7
|
+
* @internal
|
|
8
|
+
*/
|
|
9
|
+
export const UiTabOutHandler = ({ onTabOut, children, }) => {
|
|
10
|
+
const connectors = useUiTabOutHandlerConnectors(onTabOut);
|
|
11
|
+
return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* @internal
|
|
15
|
+
*/
|
|
16
|
+
export const useUiTabOutHandlerConnectors = (handler) => {
|
|
17
|
+
const [element, setElement] = React.useState(null);
|
|
18
|
+
const handlerRef = useAutoupdateRef(handler);
|
|
19
|
+
const handleMoveFocus = React.useCallback((direction) => (event) => {
|
|
20
|
+
const { firstElement, lastElement } = getFocusableElements(element);
|
|
21
|
+
if ((direction === "forward" && document.activeElement === lastElement) ||
|
|
22
|
+
(direction === "backward" && document.activeElement === firstElement)) {
|
|
23
|
+
handlerRef.current?.(event);
|
|
24
|
+
}
|
|
25
|
+
}, [element, handlerRef]);
|
|
26
|
+
const handleKeyDown = React.useMemo(() => makeKeyboardNavigation({
|
|
27
|
+
onFocusNext: [{ code: "Tab", modifiers: ["!Shift"] }],
|
|
28
|
+
onFocusPrevious: [{ code: "Tab", modifiers: ["Shift"] }],
|
|
29
|
+
})({
|
|
30
|
+
onFocusNext: handleMoveFocus("forward"),
|
|
31
|
+
onFocusPrevious: handleMoveFocus("backward"),
|
|
32
|
+
}, { shouldPreventDefault: false, shouldStopPropagation: false }), [handleMoveFocus]);
|
|
33
|
+
return React.useMemo(() => ({ ref: setElement, onKeyDown: handleKeyDown }), [handleKeyDown]);
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=UiTabOutHandler.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UiTabOutHandler.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiTabOutHandler.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAGzE;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAkE,CAAC,EAC3F,QAAQ,EACR,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,UAAU,GAAG,4BAA4B,CAAiB,QAAQ,CAAC,CAAC;IAE1E,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CACxC,OAA8C,EACnB,EAAE;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE7C,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,SAA8B,EAAE,EAAE,CAAC,CAAC,KAA0B,EAAE,EAAE;QAC/D,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAEpE,IACI,CAAC,SAAS,KAAK,SAAS,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC;YACnE,CAAC,SAAS,KAAK,UAAU,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,CAAC,EACvE,CAAC;YACC,UAAU,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACxB,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CACD,sBAAsB,CAAC;QACnB,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrD,eAAe,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;KAC3D,CAAC,CACE;QACI,WAAW,EAAE,eAAe,CAAC,SAAS,CAAC;QACvC,eAAe,EAAE,eAAe,CAAC,UAAU,CAAC;KAC/C,EACD,EAAE,oBAAoB,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAChE,EACL,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACjG,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @internal
|
|
4
|
+
*/
|
|
5
|
+
export interface IUiFocusHelperConnectors<T extends HTMLElement = HTMLElement> {
|
|
6
|
+
ref?: React.Ref<T>;
|
|
7
|
+
onKeyDown?: (e: React.KeyboardEvent) => void;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
export type NavigationDirection = "forward" | "backward";
|
|
13
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAChD;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/types.ts"],"names":[],"mappings":"AAAA,gCAAgC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { NavigationDirection } from "./types.js";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare const resolveRef: (ref: string | React.RefObject<HTMLElement> | undefined | null) => HTMLElement;
|
|
7
|
+
/**
|
|
8
|
+
* Attempts to find a truly focusable element by trying subsequent elements in the focusable elements collection
|
|
9
|
+
* This is useful when some elements are focusable but not reachable (e.g., out of viewport or disabled)
|
|
10
|
+
*
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
13
|
+
export declare const focusAndEnsureReachableElement: (initialElement: HTMLElement | undefined, focusableElements: HTMLElement[], direction: NavigationDirection) => void;
|
|
14
|
+
/**
|
|
15
|
+
* @internal
|
|
16
|
+
*/
|
|
17
|
+
export declare const getNextFocusableElement: (initialElement: HTMLElement | undefined, focusableElements: HTMLElement[], direction: NavigationDirection) => HTMLElement;
|
|
18
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,UAAU,QAAS,MAAM,GAAG,MAAM,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,IAAI,gBAEvF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,mBACvB,WAAW,GAAG,SAAS,qBACpB,WAAW,EAAE,aACrB,mBAAmB,KAC/B,IAiBF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,mBAChB,WAAW,GAAG,SAAS,qBACpB,WAAW,EAAE,aACrB,mBAAmB,gBAcjC,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @internal
|
|
3
|
+
*/
|
|
4
|
+
export const resolveRef = (ref) => {
|
|
5
|
+
return typeof ref === "string" ? document.getElementById(ref) : ref?.current;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Attempts to find a truly focusable element by trying subsequent elements in the focusable elements collection
|
|
9
|
+
* This is useful when some elements are focusable but not reachable (e.g., out of viewport or disabled)
|
|
10
|
+
*
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
13
|
+
export const focusAndEnsureReachableElement = (initialElement, focusableElements, direction) => {
|
|
14
|
+
const initialElementIndex = initialElement ? focusableElements.indexOf(initialElement) : -1;
|
|
15
|
+
let currentElement = initialElement;
|
|
16
|
+
if (initialElementIndex === -1) {
|
|
17
|
+
currentElement = focusableElements.at(direction === "forward" ? 0 : -1);
|
|
18
|
+
}
|
|
19
|
+
for (let attempt = 0; attempt < focusableElements.length && currentElement !== undefined; attempt++) {
|
|
20
|
+
currentElement.focus();
|
|
21
|
+
if (currentElement === document.activeElement) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
currentElement = getNextFocusableElement(currentElement, focusableElements, direction);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* @internal
|
|
29
|
+
*/
|
|
30
|
+
export const getNextFocusableElement = (initialElement, focusableElements, direction) => {
|
|
31
|
+
const currentIndex = initialElement ? focusableElements.indexOf(initialElement) : -1;
|
|
32
|
+
if (currentIndex === -1) {
|
|
33
|
+
return focusableElements.at(direction === "forward" ? 0 : -1);
|
|
34
|
+
}
|
|
35
|
+
const nextIndex = direction === "backward"
|
|
36
|
+
? (currentIndex - 1 + focusableElements.length) % focusableElements.length
|
|
37
|
+
: (currentIndex + 1) % focusableElements.length;
|
|
38
|
+
return focusableElements[nextIndex];
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/utils.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAA6D,EAAE,EAAE;IACxF,OAAO,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC;AACjF,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAC1C,cAAuC,EACvC,iBAAgC,EAChC,SAA8B,EAC1B,EAAE;IACN,MAAM,mBAAmB,GAAG,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5F,IAAI,cAAc,GAA4B,cAAc,CAAC;IAE7D,IAAI,mBAAmB,KAAK,CAAC,CAAC,EAAE,CAAC;QAC7B,cAAc,GAAG,iBAAiB,CAAC,EAAE,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,KAAK,IAAI,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,MAAM,IAAI,cAAc,KAAK,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC;QAClG,cAAc,CAAC,KAAK,EAAE,CAAC;QAEvB,IAAI,cAAc,KAAK,QAAQ,CAAC,aAAa,EAAE,CAAC;YAC5C,OAAO;QACX,CAAC;QAED,cAAc,GAAG,uBAAuB,CAAC,cAAc,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAC3F,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACnC,cAAuC,EACvC,iBAAgC,EAChC,SAA8B,EAChC,EAAE;IACA,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErF,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;QACtB,OAAO,iBAAiB,CAAC,EAAE,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,MAAM,SAAS,GACX,SAAS,KAAK,UAAU;QACpB,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC,MAAM;QAC1E,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAExD,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACxC,CAAC,CAAC"}
|
|
@@ -7,5 +7,5 @@ import { UiListboxProps } from "./types.js";
|
|
|
7
7
|
*
|
|
8
8
|
* @internal
|
|
9
9
|
*/
|
|
10
|
-
export declare function UiListbox<InteractiveItemData, StaticItemData>({ items,
|
|
10
|
+
export declare function UiListbox<InteractiveItemData, StaticItemData>({ items, dataTestId, itemDataTestId, maxWidth, maxHeight, onSelect, onClose, onUnhandledKeyDown, selectedItemId, InteractiveItemComponent, StaticItemComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect, isDisabledFocusable, ariaAttributes, }: UiListboxProps<InteractiveItemData, StaticItemData>): React.ReactNode;
|
|
11
11
|
//# sourceMappingURL=UiListbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiListbox.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiListbox/UiListbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"UiListbox.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiListbox/UiListbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAgE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG1G;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,mBAAmB,EAAE,cAAc,EAAE,EAC3D,KAAK,EAEL,UAAU,EACV,cAAc,EACd,QAAQ,EACR,SAAS,EACT,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,CA6KvE"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
// (C) 2025 GoodData Corporation
|
|
2
2
|
import React from "react";
|
|
3
|
-
import cx from "classnames";
|
|
4
3
|
import { b, e } from "./listboxBem.js";
|
|
5
4
|
import { makeMenuKeyboardNavigation } from "../@utils/keyboardNavigation.js";
|
|
6
5
|
import { useAutoupdateRef } from "@gooddata/sdk-ui";
|
|
@@ -14,7 +13,7 @@ import { DefaultUiListboxStaticItemComponent } from "./defaults/DefaultUiListbox
|
|
|
14
13
|
*
|
|
15
14
|
* @internal
|
|
16
15
|
*/
|
|
17
|
-
export function UiListbox({ items,
|
|
16
|
+
export function UiListbox({ items, dataTestId, itemDataTestId, maxWidth, maxHeight, onSelect, onClose, onUnhandledKeyDown = firstCharacterSearch, selectedItemId, InteractiveItemComponent = DefaultUiListboxInteractiveItemComponent, StaticItemComponent = DefaultUiListboxStaticItemComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect = true, isDisabledFocusable = false, ariaAttributes, }) {
|
|
18
17
|
const isItemFocusable = React.useCallback((item) => {
|
|
19
18
|
if (!item || item.type !== "interactive") {
|
|
20
19
|
return false;
|
|
@@ -119,11 +118,11 @@ export function UiListbox({ items, className, dataTestId, itemClassName, itemDat
|
|
|
119
118
|
shouldKeyboardActionPreventDefault,
|
|
120
119
|
shouldKeyboardActionStopPropagation,
|
|
121
120
|
]);
|
|
122
|
-
return (React.createElement("div", { className:
|
|
123
|
-
React.createElement("ul", { className: e("items"), tabIndex: 0, onKeyDown: handleKeyDown, "aria-activedescendant": makeItemId(ariaAttributes.id, 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(ariaAttributes.id, item),
|
|
121
|
+
return (React.createElement("div", { className: b(), style: { maxWidth, maxHeight }, "data-testid": dataTestId },
|
|
122
|
+
React.createElement("ul", { className: e("items"), tabIndex: 0, onKeyDown: handleKeyDown, "aria-activedescendant": makeItemId(ariaAttributes.id, 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(ariaAttributes.id, item), "data-testid": itemDataTestId },
|
|
124
123
|
React.createElement(InteractiveItemComponent, { onSelect: () => {
|
|
125
124
|
handleSelectItem(item);
|
|
126
|
-
}, item: item, isFocused: index === focusedIndex, isSelected: item.id === selectedItemId }))) : (React.createElement("li", { key: item.id ?? index, ref: (el) => (itemRefs.current[index] = el),
|
|
125
|
+
}, item: item, isFocused: index === focusedIndex, isSelected: item.id === selectedItemId }))) : (React.createElement("li", { key: item.id ?? index, ref: (el) => (itemRefs.current[index] = el), "data-testid": itemDataTestId },
|
|
127
126
|
React.createElement(StaticItemComponent, { item: item })))))));
|
|
128
127
|
}
|
|
129
128
|
const makeItemId = (listboxId, item) => item && item.type === "interactive" ? `item-${listboxId}-${item.id}` : undefined;
|
|
@@ -1 +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,
|
|
1
|
+
{"version":3,"file":"UiListbox.js","sourceRoot":"","sources":["../../../src/@ui/UiListbox/UiListbox.tsx"],"names":[],"mappings":"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"}
|