@gooddata/sdk-ui-kit 10.28.0-alpha.72 → 10.28.0-alpha.74
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.js +1 -1
- package/esm/@ui/@utils/keyboardNavigation.js.map +1 -1
- 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 +2 -2
- package/esm/@ui/UiListbox/UiListbox.js.map +1 -1
- package/esm/@ui/UiListbox/types.d.ts +1 -0
- package/esm/@ui/UiListbox/types.d.ts.map +1 -1
- package/esm/@ui/hooks/useListWithActionsKeyboardNavigation.d.ts +21 -0
- package/esm/@ui/hooks/useListWithActionsKeyboardNavigation.d.ts.map +1 -0
- package/esm/@ui/hooks/useListWithActionsKeyboardNavigation.js +128 -0
- package/esm/@ui/hooks/useListWithActionsKeyboardNavigation.js.map +1 -0
- package/esm/List/ListItem.d.ts +1 -0
- package/esm/List/ListItem.d.ts.map +1 -1
- package/esm/List/ListItem.js +2 -1
- package/esm/List/ListItem.js.map +1 -1
- package/esm/RecurrenceForm/DateTime.d.ts.map +1 -1
- package/esm/RecurrenceForm/DateTime.js +2 -2
- package/esm/RecurrenceForm/DateTime.js.map +1 -1
- package/esm/RecurrenceForm/RepeatTypeSelect.d.ts.map +1 -1
- package/esm/RecurrenceForm/RepeatTypeSelect.js +15 -5
- package/esm/RecurrenceForm/RepeatTypeSelect.js.map +1 -1
- package/esm/RecurrenceForm/constants.d.ts +0 -1
- package/esm/RecurrenceForm/constants.d.ts.map +1 -1
- package/esm/RecurrenceForm/constants.js +0 -1
- package/esm/RecurrenceForm/constants.js.map +1 -1
- package/esm/Timepicker/Timepicker.d.ts.map +1 -1
- package/esm/Timepicker/Timepicker.js +18 -7
- package/esm/Timepicker/Timepicker.js.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +30 -2
- package/esm/utils/useAutofocusOnMount.d.ts +6 -1
- package/esm/utils/useAutofocusOnMount.d.ts.map +1 -1
- package/esm/utils/useAutofocusOnMount.js +29 -18
- package/esm/utils/useAutofocusOnMount.js.map +1 -1
- package/package.json +8 -8
- package/styles/css/list.css +10 -0
- package/styles/css/list.css.map +1 -1
- package/styles/css/main.css +21 -0
- package/styles/css/main.css.map +1 -1
- package/styles/css/menu.css +10 -0
- package/styles/css/menu.css.map +1 -1
- package/styles/css/recurrenceForm.css +3 -0
- package/styles/css/recurrenceForm.css.map +1 -1
- package/styles/css/timepicker.css +8 -0
- package/styles/css/timepicker.css.map +1 -1
- package/styles/scss/list.scss +11 -0
- package/styles/scss/recurrenceForm.scss +5 -0
- package/styles/scss/timepicker.scss +10 -1
@@ -52,7 +52,7 @@ export const makeMenuKeyboardNavigation = makeKeyboardNavigation({
|
|
52
52
|
onFocusNext: [{ code: "ArrowDown" }],
|
53
53
|
onFocusFirst: [{ code: "Home" }],
|
54
54
|
onFocusLast: [{ code: "End" }],
|
55
|
-
onEnterLevel: [{ code: "ArrowRight" }],
|
55
|
+
onEnterLevel: [{ code: ["ArrowRight", "F2"] }],
|
56
56
|
onLeaveLevel: [{ code: "ArrowLeft" }],
|
57
57
|
onSelect: [{ code: ["Enter", "Space"] }],
|
58
58
|
onClose: [{ code: "Escape" }],
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"keyboardNavigation.js","sourceRoot":"","sources":["../../../src/@ui/@utils/keyboardNavigation.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAYhC,MAAM,YAAY,GAAG,CACjB,KAAQ,EACR,MAAuB,EACvB,EAAE,oBAAoB,GAAG,IAAI,EAAE,qBAAqB,GAAG,IAAI,KAA2B,EAAE,EAC1F,EAAE;IACA,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO;IACX,CAAC;IAED,IAAI,oBAAoB,EAAE,CAAC;QACvB,KAAK,CAAC,cAAc,EAAE,CAAC;IAC3B,CAAC;IACD,IAAI,qBAAqB,EAAE,CAAC;QACxB,KAAK,CAAC,eAAe,EAAE,CAAC;IAC5B,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAY,CAAC;AAM5C;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAC/B,CACI,aAA4B,EAC9B,EAAE,CACJ,CACI,QAAyF,EACzF,UAAgC,EAAE,EACpC,EAAE;IACA,OAAO,CAAC,KAAQ,EAAE,EAAE;QAChB,MAAM,UAAU,GAAoC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,IAAI,CAClF,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,EAAE,CACb,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,IACI,CAAC,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC;gBAC3D,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAC/D,CAAC;gBACC,OAAO,KAAK,CAAC;YACjB,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBAClB,OAAO,IAAI,CAAC;YAChB,CAAC;YAED,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,YAAY,EAAE,EAAE;gBACzC,MAAM,eAAe,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;gBAClE,MAAM,QAAQ,GAAG,eAAe;oBAC5B,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAErD,OAAO,KAAK,CAAC,gBAAgB,CAAC,QAA6B,CAAC,KAAK,eAAe,CAAC;YACrF,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CACT,EAAE,CAAC,CAAC,CAAC,CAAC;QAEP,MAAM,aAAa,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAElF,IAAI,CAAC,aAAa,EAAE,CAAC;YACjB,QAAQ,CAAC,kBAAkB,EAAE,CAAC,KAAK,CAAC,CAAC;YACrC,OAAO;QACX,CAAC;QAED,YAAY,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC,CAAC;AACN,CAAC,CAAC;AAEN;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,sBAAsB,CAAC;IAC7D,eAAe,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IACtC,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;IACpC,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IAChC,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAC9B,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;
|
1
|
+
{"version":3,"file":"keyboardNavigation.js","sourceRoot":"","sources":["../../../src/@ui/@utils/keyboardNavigation.ts"],"names":[],"mappings":"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"}
|
@@ -7,5 +7,5 @@ import { UiListboxProps } from "./types.js";
|
|
7
7
|
*
|
8
8
|
* @internal
|
9
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;
|
10
|
+
export declare function UiListbox<InteractiveItemData, StaticItemData>({ items, className, itemClassName, 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;AAO1B,OAAO,EAAgE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG1G;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,mBAAmB,EAAE,cAAc,EAAE,EAC3D,KAAK,EAEL,SAAS,EACT,aAAa,EACb,QAAQ,
|
1
|
+
{"version":3,"file":"UiListbox.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiListbox/UiListbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAgE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG1G;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,mBAAmB,EAAE,cAAc,EAAE,EAC3D,KAAK,EAEL,SAAS,EACT,aAAa,EACb,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"}
|
@@ -14,7 +14,7 @@ import { DefaultUiListboxStaticItemComponent } from "./defaults/DefaultUiListbox
|
|
14
14
|
*
|
15
15
|
* @internal
|
16
16
|
*/
|
17
|
-
export function UiListbox({ items, className, itemClassName, maxWidth, onSelect, onClose, onUnhandledKeyDown = firstCharacterSearch, selectedItemId, InteractiveItemComponent = DefaultUiListboxInteractiveItemComponent, StaticItemComponent = DefaultUiListboxStaticItemComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect = true, isDisabledFocusable = false, ariaAttributes, }) {
|
17
|
+
export function UiListbox({ items, className, itemClassName, maxWidth, maxHeight, onSelect, onClose, onUnhandledKeyDown = firstCharacterSearch, selectedItemId, InteractiveItemComponent = DefaultUiListboxInteractiveItemComponent, StaticItemComponent = DefaultUiListboxStaticItemComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect = true, isDisabledFocusable = false, ariaAttributes, }) {
|
18
18
|
const isItemFocusable = React.useCallback((item) => {
|
19
19
|
if (!item || item.type !== "interactive") {
|
20
20
|
return false;
|
@@ -119,7 +119,7 @@ export function UiListbox({ items, className, itemClassName, maxWidth, onSelect,
|
|
119
119
|
shouldKeyboardActionPreventDefault,
|
120
120
|
shouldKeyboardActionStopPropagation,
|
121
121
|
]);
|
122
|
-
return (React.createElement("div", { className: cx(b(), className), style: { maxWidth } },
|
122
|
+
return (React.createElement("div", { className: cx(b(), className), style: { maxWidth, maxHeight } },
|
123
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), className: itemClassName },
|
124
124
|
React.createElement(InteractiveItemComponent, { onSelect: () => {
|
125
125
|
handleSelectItem(item);
|
@@ -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,MAAM,YAAY,CAAC;AAC5B,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,
|
1
|
+
{"version":3,"file":"UiListbox.js","sourceRoot":"","sources":["../../../src/@ui/UiListbox/UiListbox.tsx"],"names":[],"mappings":"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"}
|
@@ -58,6 +58,7 @@ export interface UiListboxProps<InteractiveItemData, StaticItemData = React.Reac
|
|
58
58
|
className?: string;
|
59
59
|
itemClassName?: string;
|
60
60
|
maxWidth?: number;
|
61
|
+
maxHeight?: number;
|
61
62
|
onSelect?: (item: IUiListboxInteractiveItem<InteractiveItemData>) => void;
|
62
63
|
onClose?: () => void;
|
63
64
|
onUnhandledKeyDown?: (event: React.KeyboardEvent, context: IUiListboxContext<InteractiveItemData, StaticItemData>) => void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiListbox/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnE;;GAEG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACnC,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,CAAC,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB,CAAC,CAAC;IACxC,IAAI,EAAE,aAAa,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,CAAC,CAAC;CACX;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,mBAAmB,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS,IAC1E,oBAAoB,CAAC,cAAc,CAAC,GACpC,yBAAyB,CAAC,mBAAmB,CAAC,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,6BAA6B,CAAC,CAAC;IAC5C,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;IAEnC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IAEpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACvC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,mBAAmB,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS;IACpF,KAAK,EAAE,cAAc,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAAE,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC3D,QAAQ,EAAE,CAAC,IAAI,EAAE,yBAAyB,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACzE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IAC1E,eAAe,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,mBAAmB,EAAE,cAAc,CAAC,KAAK,OAAO,CAAC;CAC3F;AAED;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,mBAAmB,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS;IACjF,KAAK,EAAE,cAAc,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAAE,CAAC;IAE7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiListbox/types.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import React from "react";
|
2
|
+
/**
|
3
|
+
* @internal
|
4
|
+
*/
|
5
|
+
export declare const SELECT_ITEM_ACTION = "selectItem";
|
6
|
+
/**
|
7
|
+
* @internal
|
8
|
+
*/
|
9
|
+
export declare function useListWithActionsKeyboardNavigation<Item, Action extends string>({ items, actionHandlers, getItemAdditionalActions, }: {
|
10
|
+
items: Item[];
|
11
|
+
actionHandlers: {
|
12
|
+
[key in Action | typeof SELECT_ITEM_ACTION]: (item: Item) => (() => void) | undefined;
|
13
|
+
};
|
14
|
+
getItemAdditionalActions: (item: Item) => Action[];
|
15
|
+
}): {
|
16
|
+
onKeyboardNavigation: (event: React.KeyboardEvent<Element>) => void;
|
17
|
+
onBlur: React.FocusEventHandler<Element>;
|
18
|
+
focusedAction: "selectItem" | Action;
|
19
|
+
focusedItem: Item;
|
20
|
+
};
|
21
|
+
//# sourceMappingURL=useListWithActionsKeyboardNavigation.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useListWithActionsKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useListWithActionsKeyboardNavigation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAY/C;;GAEG;AACH,wBAAgB,oCAAoC,CAAC,IAAI,EAAE,MAAM,SAAS,MAAM,EAAE,EAC9E,KAAK,EACL,cAAc,EACd,wBAAwB,GAC3B,EAAE;IACC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,cAAc,EAAE;SAAG,GAAG,IAAI,MAAM,GAAG,OAAO,kBAAkB,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;KAAE,CAAC;IAC1G,wBAAwB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,EAAE,CAAC;CACtD;;;;;EAiDA"}
|
@@ -0,0 +1,128 @@
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
2
|
+
import React from "react";
|
3
|
+
import { useAutoupdateRef } from "@gooddata/sdk-ui";
|
4
|
+
import { makeLinearKeyboardNavigation, makeMenuKeyboardNavigation } from "../@utils/keyboardNavigation.js";
|
5
|
+
/**
|
6
|
+
* @internal
|
7
|
+
*/
|
8
|
+
export const SELECT_ITEM_ACTION = "selectItem";
|
9
|
+
/**
|
10
|
+
* @internal
|
11
|
+
*/
|
12
|
+
export function useListWithActionsKeyboardNavigation({ items, actionHandlers, getItemAdditionalActions, }) {
|
13
|
+
const [focusedIndex, setFocusedIndex] = React.useState(0);
|
14
|
+
const focusedItem = focusedIndex === undefined ? undefined : items[focusedIndex];
|
15
|
+
const [focusedAction, setFocusedAction] = React.useState(SELECT_ITEM_ACTION);
|
16
|
+
const focusedItemAdditionalActions = React.useMemo(() => (focusedItem ? getItemAdditionalActions(focusedItem) : []), [focusedItem, getItemAdditionalActions]);
|
17
|
+
// If the items change and we're suddenly focusing on a nonexistent item
|
18
|
+
if (focusedIndex && focusedIndex > items.length - 1) {
|
19
|
+
setFocusedIndex(items.length - 1);
|
20
|
+
}
|
21
|
+
// If the item actions change and we're suddenly focusing on a nonexistent action
|
22
|
+
if (focusedAction !== SELECT_ITEM_ACTION && !focusedItemAdditionalActions.includes(focusedAction)) {
|
23
|
+
setFocusedAction(focusedItemAdditionalActions[0] ?? SELECT_ITEM_ACTION);
|
24
|
+
}
|
25
|
+
const keyboardNavigationDepsRef = useAutoupdateRef({
|
26
|
+
items,
|
27
|
+
focusedAction,
|
28
|
+
setFocusedIndex,
|
29
|
+
setFocusedAction,
|
30
|
+
focusedItemAdditionalActions,
|
31
|
+
focusedItem,
|
32
|
+
actionHandlers,
|
33
|
+
});
|
34
|
+
// There are two separate modes of control,
|
35
|
+
// one switches between items and one controls picking actions for a specific item
|
36
|
+
const selectionMode = focusedAction === SELECT_ITEM_ACTION ? "item" : "additionalAction";
|
37
|
+
const handleKeyboardNavigation = React.useMemo(() => {
|
38
|
+
return selectionMode === "item"
|
39
|
+
? // Selecting items
|
40
|
+
makeItemSelectionNavigation(keyboardNavigationDepsRef)
|
41
|
+
: // Selecting actions
|
42
|
+
makeActionSelectionNavigation(keyboardNavigationDepsRef);
|
43
|
+
}, [keyboardNavigationDepsRef, selectionMode]);
|
44
|
+
const handleBlur = React.useCallback(() => {
|
45
|
+
setFocusedAction(SELECT_ITEM_ACTION);
|
46
|
+
}, []);
|
47
|
+
return { onKeyboardNavigation: handleKeyboardNavigation, onBlur: handleBlur, focusedAction, focusedItem };
|
48
|
+
}
|
49
|
+
function makeItemSelectionNavigation(depsRef) {
|
50
|
+
return makeMenuKeyboardNavigation({
|
51
|
+
onFocusPrevious: () => {
|
52
|
+
const { items, setFocusedIndex } = depsRef.current;
|
53
|
+
setFocusedIndex((currentIndex) => currentIndex === undefined || currentIndex === 0 ? items.length - 1 : currentIndex - 1);
|
54
|
+
},
|
55
|
+
onFocusNext: () => {
|
56
|
+
const { items, setFocusedIndex } = depsRef.current;
|
57
|
+
setFocusedIndex((currentIndex) => currentIndex === undefined || currentIndex === items.length - 1 ? 0 : currentIndex + 1);
|
58
|
+
},
|
59
|
+
onFocusFirst: () => {
|
60
|
+
const { setFocusedIndex } = depsRef.current;
|
61
|
+
setFocusedIndex(0);
|
62
|
+
},
|
63
|
+
onFocusLast: () => {
|
64
|
+
const { items, setFocusedIndex } = depsRef.current;
|
65
|
+
setFocusedIndex(items.length - 1);
|
66
|
+
},
|
67
|
+
onSelect: () => {
|
68
|
+
const { actionHandlers, focusedItem } = depsRef.current;
|
69
|
+
if (!focusedItem) {
|
70
|
+
return;
|
71
|
+
}
|
72
|
+
actionHandlers.selectItem(focusedItem)?.();
|
73
|
+
},
|
74
|
+
onEnterLevel: () => {
|
75
|
+
const { focusedItemAdditionalActions, setFocusedAction } = depsRef.current;
|
76
|
+
if (focusedItemAdditionalActions.length === 0) {
|
77
|
+
return;
|
78
|
+
}
|
79
|
+
setFocusedAction(focusedItemAdditionalActions[0]);
|
80
|
+
},
|
81
|
+
});
|
82
|
+
}
|
83
|
+
function makeActionSelectionNavigation(depsRef) {
|
84
|
+
return makeLinearKeyboardNavigation({
|
85
|
+
onFocusPrevious: () => {
|
86
|
+
const { focusedItemAdditionalActions, setFocusedAction } = depsRef.current;
|
87
|
+
setFocusedAction((currentAction) => {
|
88
|
+
if (currentAction === SELECT_ITEM_ACTION) {
|
89
|
+
return currentAction;
|
90
|
+
}
|
91
|
+
return (focusedItemAdditionalActions[focusedItemAdditionalActions.indexOf(currentAction) - 1] ??
|
92
|
+
focusedItemAdditionalActions.at(-1) ??
|
93
|
+
SELECT_ITEM_ACTION);
|
94
|
+
});
|
95
|
+
},
|
96
|
+
onFocusNext: () => {
|
97
|
+
const { focusedItemAdditionalActions, setFocusedAction } = depsRef.current;
|
98
|
+
setFocusedAction((currentAction) => {
|
99
|
+
if (currentAction === SELECT_ITEM_ACTION) {
|
100
|
+
return currentAction;
|
101
|
+
}
|
102
|
+
return (focusedItemAdditionalActions[focusedItemAdditionalActions.indexOf(currentAction) + 1] ??
|
103
|
+
focusedItemAdditionalActions[0] ??
|
104
|
+
SELECT_ITEM_ACTION);
|
105
|
+
});
|
106
|
+
},
|
107
|
+
onFocusFirst: () => {
|
108
|
+
const { focusedItemAdditionalActions, setFocusedAction } = depsRef.current;
|
109
|
+
setFocusedAction(focusedItemAdditionalActions[0] ?? SELECT_ITEM_ACTION);
|
110
|
+
},
|
111
|
+
onFocusLast: () => {
|
112
|
+
const { focusedItemAdditionalActions, setFocusedAction } = depsRef.current;
|
113
|
+
setFocusedAction(focusedItemAdditionalActions.at(-1) ?? SELECT_ITEM_ACTION);
|
114
|
+
},
|
115
|
+
onSelect: () => {
|
116
|
+
const { actionHandlers, focusedAction, focusedItem } = depsRef.current;
|
117
|
+
if (!focusedItem) {
|
118
|
+
return;
|
119
|
+
}
|
120
|
+
actionHandlers[focusedAction](focusedItem)?.();
|
121
|
+
},
|
122
|
+
onClose: () => {
|
123
|
+
const { setFocusedAction } = depsRef.current;
|
124
|
+
setFocusedAction(SELECT_ITEM_ACTION);
|
125
|
+
},
|
126
|
+
});
|
127
|
+
}
|
128
|
+
//# sourceMappingURL=useListWithActionsKeyboardNavigation.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useListWithActionsKeyboardNavigation.js","sourceRoot":"","sources":["../../../src/@ui/hooks/useListWithActionsKeyboardNavigation.ts"],"names":[],"mappings":"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"}
|
package/esm/List/ListItem.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../src/List/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAe,MAAM,OAAO,CAAC;AAG/F,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAKvE;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,EAAE,KAAK,SAAS,CAAC;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,EAAE,KAAK,SAAS,CAAC;IAElE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC3D;AA2DD;;GAEG;AACH,eAAO,MAAM,oBAAoB,
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../src/List/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAe,MAAM,OAAO,CAAC;AAG/F,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAKvE;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,EAAE,KAAK,SAAS,CAAC;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,EAAE,KAAK,SAAS,CAAC;IAElE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC3D;AA2DD;;GAEG;AACH,eAAO,MAAM,oBAAoB,uHA0J/B,CAAC"}
|
package/esm/List/ListItem.js
CHANGED
@@ -24,7 +24,7 @@ const ButtonElement = forwardRef(function ButtonElement({ children, ...props },
|
|
24
24
|
* @internal
|
25
25
|
*/
|
26
26
|
export const SingleSelectListItem = forwardRef(function SingleSelectListItem(props, ref) {
|
27
|
-
const { title, icon, type, className, info, eventsOnBubble = false, hideDelayBubble, isSelected, isMenu, elementType = "div", iconRenderer, infoRenderer, } = props;
|
27
|
+
const { title, icon, type, className, info, eventsOnBubble = false, hideDelayBubble, isSelected, isFocused, isMenu, elementType = "div", iconRenderer, infoRenderer, } = props;
|
28
28
|
const [isOverflowed, setIsOverflowed] = useState(false);
|
29
29
|
const titleRef = useRef(null);
|
30
30
|
const checkOverflow = useCallback(() => {
|
@@ -53,6 +53,7 @@ export const SingleSelectListItem = forwardRef(function SingleSelectListItem(pro
|
|
53
53
|
return cx("gd-list-item", className, testClassName, {
|
54
54
|
"is-selected": isSelected,
|
55
55
|
"is-submenu": isMenu,
|
56
|
+
"is-focused": isFocused,
|
56
57
|
});
|
57
58
|
};
|
58
59
|
const renderIcon = (iconProp) => {
|
package/esm/List/ListItem.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/List/ListItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAa,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/F,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,eAAe,GAAG,EAAE,CAAC;
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/List/ListItem.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../src/RecurrenceForm/DateTime.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQhD,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAOD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,
|
1
|
+
{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../src/RecurrenceForm/DateTime.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQhD,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAOD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmH7C,CAAC"}
|
@@ -3,7 +3,7 @@ import React, { useState, useCallback } from "react";
|
|
3
3
|
import cx from "classnames";
|
4
4
|
import { Datepicker } from "../Datepicker/index.js";
|
5
5
|
import { Timepicker, normalizeTime } from "../Timepicker/index.js";
|
6
|
-
import { DEFAULT_DROPDOWN_ZINDEX,
|
6
|
+
import { DEFAULT_DROPDOWN_ZINDEX, TIME_ANCHOR } from "./constants.js";
|
7
7
|
import { defineMessages, FormattedMessage } from "react-intl";
|
8
8
|
import { parseDate } from "../Datepicker/Datepicker.js";
|
9
9
|
import { useIdPrefixed } from "../utils/useId.js";
|
@@ -56,7 +56,7 @@ export const DateTime = (props) => {
|
|
56
56
|
errorDate ? (React.createElement("span", { id: errorId, className: "gd-recurrence-form-datetime-error-message" },
|
57
57
|
React.createElement(FormattedMessage, { id: errorDate, values: { dateFormat } }))) : (React.createElement("span", { className: "gd-recurrence-form-datetime-help" },
|
58
58
|
React.createElement(FormattedMessage, { id: "recurrence.datetime.format.help", values: { dateFormat } })))),
|
59
|
-
React.createElement(Timepicker, { className: "gd-recurrence-form-datetime-time s-recurrence-form-datetime-time",
|
59
|
+
React.createElement(Timepicker, { className: "gd-recurrence-form-datetime-time s-recurrence-form-datetime-time", time: date, onChange: handleTimeChange, overlayPositionType: "sameAsTarget", overlayZIndex: DEFAULT_DROPDOWN_ZINDEX, timeAnchor: TIME_ANCHOR, timeFormat: timeFormat, closeOnParentScroll: closeOnParentScroll })),
|
60
60
|
timezone ? (React.createElement("div", { className: "gd-recurrence-form-datetime-timezone s-recurrence-form-datetime-timezone" }, timezone)) : null));
|
61
61
|
};
|
62
62
|
//# sourceMappingURL=DateTime.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DateTime.js","sourceRoot":"","sources":["../../src/RecurrenceForm/DateTime.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,
|
1
|
+
{"version":3,"file":"DateTime.js","sourceRoot":"","sources":["../../src/RecurrenceForm/DateTime.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RepeatTypeSelect.d.ts","sourceRoot":"","sources":["../../src/RecurrenceForm/RepeatTypeSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;
|
1
|
+
{"version":3,"file":"RepeatTypeSelect.d.ts","sourceRoot":"","sources":["../../src/RecurrenceForm/RepeatTypeSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAkG5C,MAAM,WAAW,sBAAsB;IACnC,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0E7D,CAAC"}
|
@@ -2,11 +2,12 @@
|
|
2
2
|
import React from "react";
|
3
3
|
import { useIntl } from "react-intl";
|
4
4
|
import { invariant } from "ts-invariant";
|
5
|
-
import { Dropdown,
|
5
|
+
import { Dropdown, DropdownButton } from "../Dropdown/index.js";
|
6
6
|
import { SingleSelectListItem } from "../List/index.js";
|
7
7
|
import { DEFAULT_DROPDOWN_ALIGN_POINTS, DEFAULT_DROPDOWN_WIDTH, DEFAULT_DROPDOWN_ZINDEX, RECURRENCE_TYPES, } from "./constants.js";
|
8
8
|
import { getWeekNumber, getIntlDayName, isLastOccurrenceOfWeekdayInMonth } from "./utils.js";
|
9
9
|
import { messages } from "./locales.js";
|
10
|
+
import { UiListbox } from "../@ui/UiListbox/UiListbox.js";
|
10
11
|
const getLocalizationKey = (id) => {
|
11
12
|
switch (id) {
|
12
13
|
case RECURRENCE_TYPES.HOURLY:
|
@@ -86,12 +87,21 @@ export const RepeatTypeSelect = (props) => {
|
|
86
87
|
const repeatItems = getRepeatItems(intl, startDate, allowHourlyRecurrence, showInheritValue);
|
87
88
|
const repeatTypeItem = repeatItems.find((item) => item.id === repeatType);
|
88
89
|
invariant(repeatTypeItem, "Inconsistent state in RepeatTypeSelect");
|
89
|
-
return (React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, alignPoints: DEFAULT_DROPDOWN_ALIGN_POINTS, className: "gd-recurrence-form-type s-recurrence-form-type", renderButton: ({ toggleDropdown, isOpen, dropdownId }) => (React.createElement(DropdownButton, { value: repeatTypeItem.title, onClick: () => {
|
90
|
+
return (React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, alignPoints: DEFAULT_DROPDOWN_ALIGN_POINTS, className: "gd-recurrence-form-type s-recurrence-form-type", autofocusOnOpen: true, renderButton: ({ toggleDropdown, isOpen, dropdownId, buttonRef }) => (React.createElement(DropdownButton, { value: repeatTypeItem.title, onClick: () => {
|
90
91
|
!isOpen && onRepeatDropdownOpen?.();
|
91
92
|
toggleDropdown();
|
92
|
-
}, dropdownId: dropdownId, isOpen: isOpen })), renderBody: ({ closeDropdown,
|
93
|
+
}, dropdownId: dropdownId, isOpen: isOpen, buttonRef: buttonRef })), renderBody: ({ closeDropdown, ariaAttributes }) => {
|
94
|
+
const listboxItems = repeatItems.map((item) => ({
|
95
|
+
type: "interactive",
|
96
|
+
id: item.id,
|
97
|
+
stringTitle: item.title,
|
98
|
+
data: item,
|
99
|
+
}));
|
100
|
+
return (React.createElement(UiListbox, { shouldKeyboardActionStopPropagation: true, shouldKeyboardActionPreventDefault: true, className: "gd-recurrence-form-type-list s-recurrence-form-type-list", items: listboxItems, maxWidth: DEFAULT_DROPDOWN_WIDTH, selectedItemId: repeatType, onSelect: (item) => {
|
93
101
|
onChange(item.id);
|
94
|
-
|
95
|
-
|
102
|
+
}, onClose: closeDropdown, ariaAttributes: ariaAttributes, InteractiveItemComponent: ({ item, isSelected, onSelect, isFocused }) => {
|
103
|
+
return (React.createElement(SingleSelectListItem, { title: item.stringTitle, info: item.data.info, isSelected: isSelected, isFocused: isFocused, onClick: onSelect, className: "gd-recurrence-form-list-item" }));
|
104
|
+
} }));
|
105
|
+
}, overlayPositionType: "sameAsTarget", overlayZIndex: DEFAULT_DROPDOWN_ZINDEX }));
|
96
106
|
};
|
97
107
|
//# sourceMappingURL=RepeatTypeSelect.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RepeatTypeSelect.js","sourceRoot":"","sources":["../../src/RecurrenceForm/RepeatTypeSelect.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,OAAO,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,
|
1
|
+
{"version":3,"file":"RepeatTypeSelect.js","sourceRoot":"","sources":["../../src/RecurrenceForm/RepeatTypeSelect.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/RecurrenceForm/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,KAAK,CAAC;
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/RecurrenceForm/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAChD,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAC3C,eAAO,MAAM,mBAAmB,UAAU,CAAC;AAE3C,eAAO,MAAM,6BAA6B;;GAOzC,CAAC;AACF,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAC5C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAC"}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
// (C) 2024-2025 GoodData Corporation
|
2
2
|
export const TIME_ANCHOR = 60; // 1 hour granularity for time picker
|
3
|
-
export const MAX_VISIBLE_TIME_ITEMS_COUNT = 5;
|
4
3
|
export const DEFAULT_LOCALE = "en-US";
|
5
4
|
export const DEFAULT_DATE_FORMAT = "yyyy-MM-dd";
|
6
5
|
export const DEFAULT_WEEK_START = "Monday";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/RecurrenceForm/constants.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC,CAAC,qCAAqC;
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/RecurrenceForm/constants.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC,CAAC,qCAAqC;AAEpE,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,YAAY,CAAC;AAChD,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC;AAC3C,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAE3C,MAAM,CAAC,MAAM,6BAA6B,GAAG;IACzC;QACI,KAAK,EAAE,OAAO;KACjB;IACD;QACI,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAAC;AAC5C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAE1C;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACf,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Timepicker.d.ts","sourceRoot":"","sources":["../../src/Timepicker/Timepicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAM/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;
|
1
|
+
{"version":3,"file":"Timepicker.d.ts","sourceRoot":"","sources":["../../src/Timepicker/Timepicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAM/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,UAAU,EAAE,aAAa,EAAyC,MAAM,0BAA0B,CAAC;AAS5G,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC;AAErC;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAE1E,UAAU,gBAAgB;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,IAAI,CAAC;CACtB;AAED,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC;IAClF,WAAW,kCAAqC;IAEvD,OAAc,YAAY;;;;;;;;;MASxB;gBAEU,KAAK,EAAE,eAAe;IAc3B,gCAAgC,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI;IAWjE,iBAAiB,IAAI,IAAI;IAIhC,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,YAAY,CAqBlB;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAEF,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,iBAAiB,CASvB;IAEK,MAAM;CA+EhB;AAID;;GAEG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;IAC7D,MAAM;CAOhB"}
|
@@ -5,12 +5,14 @@ import moment from "moment";
|
|
5
5
|
import { translationUtils } from "@gooddata/util";
|
6
6
|
import { IntlWrapper } from "@gooddata/sdk-ui";
|
7
7
|
import noop from "lodash/noop.js";
|
8
|
-
import { Dropdown, DropdownButton
|
8
|
+
import { Dropdown, DropdownButton } from "../Dropdown/index.js";
|
9
|
+
import { UiListbox } from "../@ui/UiListbox/UiListbox.js";
|
9
10
|
import { formatTime, normalizeTime, updateTime, HOURS_IN_DAY, TIME_ANCHOR } from "./utils/timeUtilities.js";
|
10
11
|
import { SingleSelectListItem } from "../List/index.js";
|
11
12
|
const DEFAULT_WIDTH = 199;
|
12
13
|
const MINUTES_IN_HOUR = 60;
|
13
14
|
const MAX_VISIBLE_ITEMS_COUNT = 10;
|
15
|
+
const MAX_HEIGHT = 140;
|
14
16
|
export { normalizeTime, formatTime };
|
15
17
|
export class WrappedTimepicker extends React.PureComponent {
|
16
18
|
dropdownRef = React.createRef();
|
@@ -86,7 +88,7 @@ export class WrappedTimepicker extends React.PureComponent {
|
|
86
88
|
this.setState({ selectedTime }, () => this.props.onChange(selectedTime));
|
87
89
|
};
|
88
90
|
render() {
|
89
|
-
const { ariaLabelledBy, overlayPositionType,
|
91
|
+
const { ariaLabelledBy, overlayPositionType, overlayZIndex, intl, closeOnParentScroll } = this.props;
|
90
92
|
const { dropdownWidth, selectedTime } = this.state;
|
91
93
|
const time = {
|
92
94
|
h: selectedTime.getHours(),
|
@@ -102,13 +104,22 @@ export class WrappedTimepicker extends React.PureComponent {
|
|
102
104
|
{
|
103
105
|
align: "tl bl",
|
104
106
|
},
|
105
|
-
], renderButton: ({ openDropdown, isOpen, dropdownId }) => (React.createElement(DropdownButton, { accessibilityConfig: {
|
107
|
+
], autofocusOnOpen: true, renderButton: ({ openDropdown, isOpen, dropdownId, buttonRef }) => (React.createElement(DropdownButton, { accessibilityConfig: {
|
106
108
|
ariaLabelledBy,
|
107
109
|
ariaLabel: accessibilityDropdownButtonLabel,
|
108
|
-
}, value: formatTime(time.h, time.m, this.props.timeFormat), isOpen: isOpen, dropdownId: dropdownId, onClick: openDropdown, iconLeft: "gd-icon-timer" })), renderBody: ({ closeDropdown,
|
109
|
-
|
110
|
-
|
111
|
-
|
110
|
+
}, value: formatTime(time.h, time.m, this.props.timeFormat), isOpen: isOpen, dropdownId: dropdownId, onClick: openDropdown, iconLeft: "gd-icon-timer", buttonRef: buttonRef })), renderBody: ({ closeDropdown, ariaAttributes }) => {
|
111
|
+
const listboxItems = items.map((item) => ({
|
112
|
+
type: "interactive",
|
113
|
+
id: `${item.h}-${item.m}`,
|
114
|
+
stringTitle: item.title,
|
115
|
+
data: item,
|
116
|
+
}));
|
117
|
+
return (React.createElement(UiListbox, { shouldKeyboardActionStopPropagation: true, shouldKeyboardActionPreventDefault: true, className: "gd-timepicker-list s-timepicker-list", items: listboxItems, maxWidth: dropdownWidth, maxHeight: MAX_HEIGHT, selectedItemId: currentItem ? `${currentItem.h}-${currentItem.m}` : undefined, onSelect: (item) => {
|
118
|
+
this.handleTimeChanged(item.data);
|
119
|
+
}, onClose: closeDropdown, ariaAttributes: ariaAttributes, InteractiveItemComponent: ({ item, isSelected, onSelect, isFocused }) => {
|
120
|
+
return (React.createElement(SingleSelectListItem, { title: item.stringTitle, isSelected: isSelected, isFocused: isFocused, onClick: onSelect, className: "gd-timepicker-list-item" }));
|
121
|
+
} }));
|
122
|
+
}, overlayZIndex: overlayZIndex })));
|
112
123
|
}
|
113
124
|
}
|
114
125
|
const TimePickerWithIntl = injectIntl(WrappedTimepicker);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Timepicker.js","sourceRoot":"","sources":["../../src/Timepicker/Timepicker.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,YAAY,CAAC;AAC/D,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,
|
1
|
+
{"version":3,"file":"Timepicker.js","sourceRoot":"","sources":["../../src/Timepicker/Timepicker.tsx"],"names":[],"mappings":"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"}
|
package/esm/index.d.ts
CHANGED
@@ -112,4 +112,5 @@ export { getItemInteractiveParent, getSiblingItems, getNextSiblings, getPrevious
|
|
112
112
|
export type { UiMenuProps, IUiMenuContext, IUiMenuItem, IUiMenuFocusableItem, IUiMenuStaticItem, IUiMenuStaticItemProps, IUiMenuInteractiveItem, IUiMenuInteractiveItemProps, IUiMenuGroupItem, IUiMenuGroupItemProps, IUiMenuInteractiveItemWrapperProps, IUiMenuContentItem, IUiMenuContentItemWrapperProps, IUiMenuContentItemProps, IUiMenuContentProps, IUiMenuItemProps, IUiMenuControlType, IUiMenuPluggableComponents, IUiMenuItemData, } from "./@ui/UiMenu/types.js";
|
113
113
|
export { makeMenuKeyboardNavigation, makeLinearKeyboardNavigation, makeKeyboardNavigation, modifierNegator, } from "./@ui/@utils/keyboardNavigation.js";
|
114
114
|
export type { IHandleActionOptions, IModifier } from "./@ui/@utils/keyboardNavigation.js";
|
115
|
+
export { useListWithActionsKeyboardNavigation, SELECT_ITEM_ACTION, } from "./@ui/hooks/useListWithActionsKeyboardNavigation.js";
|
115
116
|
//# sourceMappingURL=index.d.ts.map
|