@gooddata/sdk-ui-kit 11.8.0-alpha.4 → 11.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.d.ts +1 -0
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.d.ts.map +1 -1
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.js +2 -2
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.js.map +1 -1
- package/esm/@ui/UiMenu/components/Item.d.ts.map +1 -1
- package/esm/@ui/UiMenu/components/Item.js +6 -7
- package/esm/@ui/UiMenu/components/Item.js.map +1 -1
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuStaticItem.js +4 -4
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuStaticItem.js.map +1 -1
- package/esm/@ui/UiTabs/UiTabs.d.ts +3 -37
- package/esm/@ui/UiTabs/UiTabs.d.ts.map +1 -1
- package/esm/@ui/UiTabs/UiTabs.js +8 -122
- package/esm/@ui/UiTabs/UiTabs.js.map +1 -1
- package/esm/@ui/UiTabs/bem.d.ts +5 -0
- package/esm/@ui/UiTabs/bem.d.ts.map +1 -0
- package/esm/@ui/UiTabs/bem.js +4 -0
- package/esm/@ui/UiTabs/bem.js.map +1 -0
- package/esm/@ui/UiTabs/context.d.ts +8 -0
- package/esm/@ui/UiTabs/context.d.ts.map +1 -0
- package/esm/@ui/UiTabs/context.js +10 -0
- package/esm/@ui/UiTabs/context.js.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.d.ts +7 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.d.ts.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.js +71 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.js.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.d.ts +7 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.d.ts.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.js +15 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.js.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.d.ts +7 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.d.ts.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.js +45 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.js.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.d.ts +7 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.d.ts.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.js +23 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.js.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.d.ts +7 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.d.ts.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.js +49 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.js.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.d.ts +7 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.d.ts.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.js +21 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.js.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.d.ts +7 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.d.ts.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.js +13 -0
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.js.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/index.d.ts +8 -0
- package/esm/@ui/UiTabs/defaultComponents/index.d.ts.map +1 -0
- package/esm/@ui/UiTabs/defaultComponents/index.js +9 -0
- package/esm/@ui/UiTabs/defaultComponents/index.js.map +1 -0
- package/esm/@ui/UiTabs/messages.d.ts.map +1 -1
- package/esm/@ui/UiTabs/messages.js +1 -0
- package/esm/@ui/UiTabs/messages.js.map +1 -1
- package/esm/@ui/UiTabs/types.d.ts +114 -0
- package/esm/@ui/UiTabs/types.d.ts.map +1 -0
- package/esm/@ui/UiTabs/types.js +3 -0
- package/esm/@ui/UiTabs/types.js.map +1 -0
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.d.ts +7 -0
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.d.ts.map +1 -0
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.js +82 -0
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.js.map +1 -0
- package/esm/@ui/hooks/useListWithActionsKeyboardNavigation.d.ts +1 -0
- package/esm/@ui/hooks/useListWithActionsKeyboardNavigation.d.ts.map +1 -1
- package/esm/@ui/hooks/useListWithActionsKeyboardNavigation.js +1 -0
- package/esm/@ui/hooks/useListWithActionsKeyboardNavigation.js.map +1 -1
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.d.ts.map +1 -1
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.js +4 -0
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.js.map +1 -1
- package/esm/Messages/toasts/ToastsCenter.js +5 -5
- package/esm/Messages/toasts/ToastsCenter.js.map +1 -1
- package/esm/Messages/toasts/useToastMessage.js +5 -5
- package/esm/Messages/toasts/useToastMessage.js.map +1 -1
- package/esm/index.d.ts +4 -1
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +3 -0
- package/esm/index.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +166 -37
- package/package.json +9 -9
- package/src/@ui/UiCard/UiCard.scss +2 -0
- package/src/@ui/UiDrawer/UiDrawer.scss +1 -1
- package/src/@ui/UiTabs/UiTabs.scss +89 -31
- package/styles/css/main.css +72 -20
- package/styles/css/main.css.map +1 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ListWithActionsFocusStore } from "../../hooks/useListWithActionsFocus.js";
|
|
3
|
+
import { SELECT_ITEM_ACTION } from "../../hooks/useListWithActionsKeyboardNavigation.js";
|
|
4
|
+
import { UiTooltip } from "../../UiTooltip/UiTooltip.js";
|
|
5
|
+
import { UiTabsBem } from "../bem.js";
|
|
6
|
+
import { getTypedUiTabsContextStore } from "../context.js";
|
|
7
|
+
/**
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
10
|
+
export function DefaultUiTabsTab({ tab, isSelected, onSelect, focusedAction }) {
|
|
11
|
+
const store = getTypedUiTabsContextStore();
|
|
12
|
+
const { accessibilityConfig, TabValue, TabActions, maxLabelLength } = store.useContextStoreValues([
|
|
13
|
+
"accessibilityConfig",
|
|
14
|
+
"TabValue",
|
|
15
|
+
"TabActions",
|
|
16
|
+
"maxLabelLength",
|
|
17
|
+
]);
|
|
18
|
+
const makeId = ListWithActionsFocusStore.useContextStoreOptional((ctx) => ctx.makeId);
|
|
19
|
+
const isOverflowing = tab.label.length > maxLabelLength;
|
|
20
|
+
const tabButton = (_jsx("button", { className: UiTabsBem.e("item", { selected: isSelected }), onClick: onSelect, role: accessibilityConfig?.tabRole, "aria-selected": isSelected, "aria-label": isOverflowing ? tab.label : undefined, tabIndex: focusedAction === SELECT_ITEM_ACTION ? 0 : -1, id: makeId?.({ item: tab, action: SELECT_ITEM_ACTION }), children: _jsx(TabValue, { tab: tab, isSelected: isSelected, location: "tabs" }) }));
|
|
21
|
+
return (_jsxs("div", { className: UiTabsBem.e("tab-wrapper", { selected: isSelected }), children: [isOverflowing ? (_jsx(UiTooltip, { anchor: tabButton, content: tab.label, triggerBy: ["hover", "focus"], arrowPlacement: "top", optimalPlacement: true }, tab.id)) : (tabButton), _jsx(TabActions, { tab: tab, location: "tabs", id: makeId?.({ item: tab, action: "selectTabActions" }), tabIndex: focusedAction === "selectTabActions" ? 0 : -1 })] }));
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=DefaultUiTabsTab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTab.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAG9B,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAA2D;IACnG,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,qBAAqB,CAAC;QAC9F,qBAAqB;QACrB,UAAU;QACV,YAAY;QACZ,gBAAgB;KACnB,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAEtF,MAAM,aAAa,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAExD,MAAM,SAAS,GAAG,CACd,iBACI,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EACxD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,mBAAmB,EAAE,OAAO,mBACnB,UAAU,gBACb,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAE,aAAa,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvD,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,kBAAkB,EAAE,CAAC,YAEvD,KAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAI,GAC3D,CACZ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,aAC/D,aAAa,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IAEN,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,GAAG,CAAC,KAAK,EAClB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC7B,cAAc,EAAC,KAAK,EACpB,gBAAgB,UALX,GAAG,CAAC,EAAE,CAMb,CACL,CAAC,CAAC,CAAC,CACA,SAAS,CACZ,EAED,KAAC,UAAU,IACP,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,MAAM,EAChB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,kBAAkB,EAAE,CAAC,EACvD,QAAQ,EAAE,aAAa,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACzD,IACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { EmptyObject } from "@gooddata/util";
|
|
2
|
+
import { IUiTabComponentProps } from "../types.js";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare function DefaultUiTabsTabActions<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, location, id, tabIndex }: IUiTabComponentProps<"TabActions", TTabProps, TTabActionProps>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=DefaultUiTabsTabActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTabActions.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,OAAO,EAAgB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AASjE;;GAEG;AACH,wBAAgB,uBAAuB,CACnC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EAChD,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EACxD,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,oBAAoB,CAAC,YAAY,EAAE,SAAS,EAAE,eAAe,CAAC,2CAmFhG"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// (C) 2025 GoodData Corporation
|
|
3
|
+
import { useCallback, useMemo, useState } from "react";
|
|
4
|
+
import { Dropdown } from "../../../Dropdown/index.js";
|
|
5
|
+
import { UiMenu } from "../../UiMenu/UiMenu.js";
|
|
6
|
+
import { UiTabsBem } from "../bem.js";
|
|
7
|
+
import { getTypedUiTabsContextStore } from "../context.js";
|
|
8
|
+
/**
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
11
|
+
export function DefaultUiTabsTabActions({ tab, location, id, tabIndex }) {
|
|
12
|
+
const store = getTypedUiTabsContextStore();
|
|
13
|
+
const { TabActionsButton, onActionTriggered } = store.useContextStoreValues([
|
|
14
|
+
"TabActionsButton",
|
|
15
|
+
"onActionTriggered",
|
|
16
|
+
]);
|
|
17
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
18
|
+
const handleToggleOpen = useCallback((desiredState) => {
|
|
19
|
+
setIsOpen((wasOpen) => desiredState ?? !wasOpen);
|
|
20
|
+
}, []);
|
|
21
|
+
const menuItems = useMemo(() => tab.actions?.map((action) => ({
|
|
22
|
+
type: "interactive",
|
|
23
|
+
id: action.id,
|
|
24
|
+
stringTitle: action.label,
|
|
25
|
+
isDisabled: action.isDisabled,
|
|
26
|
+
iconLeft: action.iconLeft,
|
|
27
|
+
iconRight: action.iconRight,
|
|
28
|
+
data: {
|
|
29
|
+
onSelect: ((ctx) => {
|
|
30
|
+
action.onSelect(ctx);
|
|
31
|
+
onActionTriggered({ action, tab, location });
|
|
32
|
+
if (action.closeOnSelect) {
|
|
33
|
+
setIsOpen(false);
|
|
34
|
+
}
|
|
35
|
+
}),
|
|
36
|
+
},
|
|
37
|
+
})) ?? [], [tab, onActionTriggered, location]);
|
|
38
|
+
const handleItemSelected = useCallback((item) => {
|
|
39
|
+
item.data.onSelect?.({ tab });
|
|
40
|
+
}, [tab]);
|
|
41
|
+
if (menuItems.length === 0) {
|
|
42
|
+
return null;
|
|
43
|
+
}
|
|
44
|
+
return (_jsx(Dropdown, { className: UiTabsBem.e("actions-wrapper", { location }), renderButton: ({ toggleDropdown, isOpen, ariaAttributes }) => (_jsx(TabActionsButton, { tab: tab, isOpen: isOpen, location: location, onClick: toggleDropdown, ariaAttributes: ariaAttributes, id: id, tabIndex: tabIndex })), renderBody: ({ ariaAttributes, closeDropdown }) => (_jsx(UiMenu, { items: menuItems, onSelect: handleItemSelected, onClose: closeDropdown, shouldCloseOnSelect: false, ariaAttributes: ariaAttributes, maxWidth: 160, maxHeight: 400 })), autofocusOnOpen: true, shouldTrapFocus: true, alignPoints: [{ align: "bl tl" }, { align: "tl bl" }], closeOnEscape: true, closeOnOutsideClick: true, accessibilityConfig: {
|
|
45
|
+
triggerRole: "button",
|
|
46
|
+
popupRole: "listbox",
|
|
47
|
+
}, isOpen: isOpen, onToggle: handleToggleOpen }));
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=DefaultUiTabsTabActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTabActions.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAU3D;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAGrC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAkE;IAC7F,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC,qBAAqB,CAAC;QACxE,kBAAkB;QAClB,mBAAmB;KACtB,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,YAAsB,EAAE,EAAE;QAC5D,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAgD,OAAO,CAClE,GAAG,EAAE,CACD,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,aAAsB;QAC5B,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,WAAW,EAAE,MAAM,CAAC,KAAK;QACzB,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,IAAI,EAAE;YACF,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE;gBACf,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACrB,iBAAiB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;gBAC7C,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;oBACvB,SAAS,CAAC,KAAK,CAAC,CAAC;gBACrB,CAAC;YACL,CAAC,CAAyD;SAC7D;KACJ,CAAC,CAAC,IAAI,EAAE,EACb,CAAC,GAAG,EAAE,iBAAiB,EAAE,QAAQ,CAAC,CACrC,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAClC,CAAC,IAA+C,EAAE,EAAE;QAChD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;IAEF,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,QAAQ,IACL,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,CAAC,EACvD,YAAY,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAC1D,KAAC,gBAAgB,IACb,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,cAAc,EACvB,cAAc,EAAE,cAAc,EAC9B,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,GACpB,CACL,EACD,UAAU,EAAE,CAAC,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC/C,KAAC,MAAM,IACH,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,aAAa,EACtB,mBAAmB,EAAE,KAAK,EAC1B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,GAAG,GAChB,CACL,EACD,eAAe,QACf,eAAe,QACf,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EACrD,aAAa,QACb,mBAAmB,QACnB,mBAAmB,EAAE;YACjB,WAAW,EAAE,QAAQ;YACrB,SAAS,EAAE,SAAS;SACvB,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,gBAAgB,GAC5B,CACL,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { EmptyObject } from "@gooddata/util";
|
|
2
|
+
import { IUiTabComponentProps } from "../types.js";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare function DefaultUiTabsTabActionsButton<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, onClick, ariaAttributes, tabIndex, id, isOpen, }: IUiTabComponentProps<"TabActionsButton", TTabProps, TTabActionProps>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=DefaultUiTabsTabActionsButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTabActionsButton.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,wBAAgB,6BAA6B,CACzC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EAChD,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EACxD,EACE,GAAG,EACH,OAAO,EACP,cAAc,EACd,QAAQ,EACR,EAAE,EACF,MAAM,GACT,EAAE,oBAAoB,CAAC,kBAAkB,EAAE,SAAS,EAAE,eAAe,CAAC,2CAuBtE"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// (C) 2025 GoodData Corporation
|
|
3
|
+
import { useIntl } from "react-intl";
|
|
4
|
+
import { UiIconButton } from "../../UiIconButton/UiIconButton.js";
|
|
5
|
+
import { getTypedUiTabsContextStore } from "../context.js";
|
|
6
|
+
import { messages } from "../messages.js";
|
|
7
|
+
/**
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
10
|
+
export function DefaultUiTabsTabActionsButton({ tab, onClick, ariaAttributes, tabIndex, id, isOpen, }) {
|
|
11
|
+
const intl = useIntl();
|
|
12
|
+
const store = getTypedUiTabsContextStore();
|
|
13
|
+
const { size } = store.useContextStoreValues(["size"]);
|
|
14
|
+
if (tab.actions.length === 0) {
|
|
15
|
+
return null;
|
|
16
|
+
}
|
|
17
|
+
return (_jsx(UiIconButton, { icon: "ellipsisVertical", size: size === "large" ? "small" : "xsmall", variant: isOpen ? "secondary" : "tertiary", accessibilityConfig: {
|
|
18
|
+
ariaLabel: intl.formatMessage(messages["actions"]),
|
|
19
|
+
}, ariaAttributes: ariaAttributes, onClick: onClick, tabIndex: tabIndex, id: id }));
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=DefaultUiTabsTabActionsButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTabActionsButton.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAIrC,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,6BAA6B,CAG3C,EACE,GAAG,EACH,OAAO,EACP,cAAc,EACd,QAAQ,EACR,EAAE,EACF,MAAM,GAC6D;IACnE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAEvD,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,YAAY,IACT,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC3C,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAC1C,mBAAmB,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SACrD,EACD,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,GACR,CACL,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { EmptyObject } from "@gooddata/util";
|
|
2
|
+
import { IUiTabComponentProps } from "../types.js";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare function DefaultUiTabsTabValue<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, isSelected }: IUiTabComponentProps<"TabValue", TTabProps, TTabActionProps>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=DefaultUiTabsTabValue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTabValue.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,wBAAgB,qBAAqB,CACjC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EAChD,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EACxD,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,oBAAoB,CAAC,UAAU,EAAE,SAAS,EAAE,eAAe,CAAC,2CAWlF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { UiTabsBem } from "../bem.js";
|
|
3
|
+
import { getTypedUiTabsContextStore } from "../context.js";
|
|
4
|
+
/**
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
export function DefaultUiTabsTabValue({ tab, isSelected }) {
|
|
8
|
+
const store = getTypedUiTabsContextStore();
|
|
9
|
+
const { maxLabelLength } = store.useContextStoreValues(["maxLabelLength"]);
|
|
10
|
+
const isOverflowing = tab.label.length > maxLabelLength;
|
|
11
|
+
return (_jsx("span", { className: UiTabsBem.e("label", { selected: isSelected }), children: isOverflowing ? tab.label.substring(0, maxLabelLength) + "…" : tab.label }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=DefaultUiTabsTabValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTabValue.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAGnC,EAAE,GAAG,EAAE,UAAU,EAAgE;IAC/E,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAE3E,MAAM,aAAa,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAExD,OAAO,CACH,eAAM,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,YAC1D,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,GACtE,CACV,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { DefaultUiTabsAllTabs } from "./DefaultUiTabsAllTabs.js";
|
|
2
|
+
export { DefaultUiTabsAllTabsButton } from "./DefaultUiTabsAllTabsButton.js";
|
|
3
|
+
export { DefaultUiTabsContainer } from "./DefaultUiTabsContainer.js";
|
|
4
|
+
export { DefaultUiTabsTabActions } from "./DefaultUiTabsTabActions.js";
|
|
5
|
+
export { DefaultUiTabsTabActionsButton } from "./DefaultUiTabsTabActionsButton.js";
|
|
6
|
+
export { DefaultUiTabsTab } from "./DefaultUiTabsTab.js";
|
|
7
|
+
export { DefaultUiTabsTabValue } from "./DefaultUiTabsTabValue.js";
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
|
2
|
+
export { DefaultUiTabsAllTabs } from "./DefaultUiTabsAllTabs.js";
|
|
3
|
+
export { DefaultUiTabsAllTabsButton } from "./DefaultUiTabsAllTabsButton.js";
|
|
4
|
+
export { DefaultUiTabsContainer } from "./DefaultUiTabsContainer.js";
|
|
5
|
+
export { DefaultUiTabsTabActions } from "./DefaultUiTabsTabActions.js";
|
|
6
|
+
export { DefaultUiTabsTabActionsButton } from "./DefaultUiTabsTabActionsButton.js";
|
|
7
|
+
export { DefaultUiTabsTab } from "./DefaultUiTabsTab.js";
|
|
8
|
+
export { DefaultUiTabsTabValue } from "./DefaultUiTabsTabValue.js";
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/messages.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,YAAY,CAAC;AAE/D,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/messages.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,YAAY,CAAC;AAE/D,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAIrD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/@ui/UiTabs/messages.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAqB,cAAc,EAAE,MAAM,YAAY,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAAsC,cAAc,CAAC;IACtE,GAAG,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;IACvB,WAAW,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE;CAC1C,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/@ui/UiTabs/messages.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAqB,cAAc,EAAE,MAAM,YAAY,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAAsC,cAAc,CAAC;IACtE,GAAG,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;IACvB,OAAO,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;IAC/B,WAAW,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE;CAC1C,CAAC,CAAC"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { ComponentProps, ComponentType, HTMLAttributes, ReactNode, RefCallback, RefObject } from "react";
|
|
2
|
+
import { EmptyObject } from "@gooddata/util";
|
|
3
|
+
import { IDropdownButtonRenderProps } from "../../Dropdown/index.js";
|
|
4
|
+
import { IAccessibilityConfigBase } from "../../typings/accessibility.js";
|
|
5
|
+
import { SizeLarge, SizeMedium, SizeSmall } from "../@types/size.js";
|
|
6
|
+
import { SELECT_ITEM_ACTION } from "../hooks/useListWithActionsKeyboardNavigation.js";
|
|
7
|
+
/**
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
10
|
+
export type IUiTabAction<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
|
|
11
|
+
id: string;
|
|
12
|
+
label: string;
|
|
13
|
+
isDisabled?: boolean;
|
|
14
|
+
onSelect?: (context: {
|
|
15
|
+
tab: IUiTab<TTabProps, TTabActionProps>;
|
|
16
|
+
}) => void;
|
|
17
|
+
/**
|
|
18
|
+
* Whether to close the dropdown when the action is selected.
|
|
19
|
+
* - "actions" - close actions menu when action is selected
|
|
20
|
+
* - "all" - close actions menu and possibly all tabs list when action is selected
|
|
21
|
+
* - false - do not close anything when action is selected
|
|
22
|
+
*
|
|
23
|
+
* @defaultValue "actions"
|
|
24
|
+
*/
|
|
25
|
+
closeOnSelect?: "actions" | "all" | false;
|
|
26
|
+
iconRight?: ReactNode;
|
|
27
|
+
iconLeft?: ReactNode;
|
|
28
|
+
} & TTabActionProps;
|
|
29
|
+
/**
|
|
30
|
+
* @internal
|
|
31
|
+
*/
|
|
32
|
+
export type IUiTab<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
|
|
33
|
+
id: string;
|
|
34
|
+
label: string;
|
|
35
|
+
actions?: IUiTabAction<TTabProps, TTabActionProps>[];
|
|
36
|
+
} & TTabProps;
|
|
37
|
+
/**
|
|
38
|
+
* @internal
|
|
39
|
+
*/
|
|
40
|
+
export type IUiTabComponents<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
|
|
41
|
+
Container: ComponentType;
|
|
42
|
+
Tab: ComponentType<{
|
|
43
|
+
tab: IUiTab<TTabProps, TTabActionProps>;
|
|
44
|
+
isSelected: boolean;
|
|
45
|
+
onSelect: () => void;
|
|
46
|
+
focusedAction?: typeof SELECT_ITEM_ACTION | "selectTabActions";
|
|
47
|
+
}>;
|
|
48
|
+
TabValue: ComponentType<{
|
|
49
|
+
tab: IUiTab<TTabProps, TTabActionProps>;
|
|
50
|
+
isSelected: boolean;
|
|
51
|
+
location: "tabs" | "allList";
|
|
52
|
+
}>;
|
|
53
|
+
TabActions: ComponentType<{
|
|
54
|
+
tab: IUiTab<TTabProps, TTabActionProps>;
|
|
55
|
+
location: "tabs" | "allList";
|
|
56
|
+
tabIndex?: number;
|
|
57
|
+
id?: string;
|
|
58
|
+
}>;
|
|
59
|
+
TabActionsButton: ComponentType<{
|
|
60
|
+
tab: IUiTab<TTabProps, TTabActionProps>;
|
|
61
|
+
isOpen: boolean;
|
|
62
|
+
onClick: () => void;
|
|
63
|
+
location: "tabs" | "allList";
|
|
64
|
+
ariaAttributes?: IDropdownButtonRenderProps["ariaAttributes"];
|
|
65
|
+
tabIndex?: number;
|
|
66
|
+
id?: string;
|
|
67
|
+
}>;
|
|
68
|
+
AllTabs: ComponentType;
|
|
69
|
+
AllTabsButton: ComponentType<{
|
|
70
|
+
isOpen: boolean;
|
|
71
|
+
onClick: () => void;
|
|
72
|
+
ref?: RefObject<HTMLElement>;
|
|
73
|
+
ariaAttributes?: IDropdownButtonRenderProps["ariaAttributes"];
|
|
74
|
+
}>;
|
|
75
|
+
};
|
|
76
|
+
/**
|
|
77
|
+
* @internal
|
|
78
|
+
*/
|
|
79
|
+
export type IUiTabComponentProps<TComponent extends keyof IUiTabComponents<TTabProps, TTabActionProps>, TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = ComponentProps<IUiTabComponents<TTabProps, TTabActionProps>[TComponent]>;
|
|
80
|
+
/**
|
|
81
|
+
* @internal
|
|
82
|
+
*/
|
|
83
|
+
export type IUiTabActionEventContext<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
|
|
84
|
+
action: IUiTabAction<TTabProps, TTabActionProps>;
|
|
85
|
+
tab: IUiTab<TTabProps, TTabActionProps>;
|
|
86
|
+
location: "tabs" | "allList";
|
|
87
|
+
};
|
|
88
|
+
/**
|
|
89
|
+
* @internal
|
|
90
|
+
*/
|
|
91
|
+
export type IUiTabContext<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = Pick<IUiTabsProps<TTabProps, TTabActionProps>, "tabs" | "selectedTabId" | "onTabSelect" | "size" | "accessibilityConfig" | "maxLabelLength"> & {
|
|
92
|
+
isOverflowing: boolean;
|
|
93
|
+
containerRef: RefCallback<Element>;
|
|
94
|
+
onActionTriggered: (context: IUiTabActionEventContext<TTabProps, TTabActionProps>) => void;
|
|
95
|
+
useActionListener: (callback: (context: IUiTabActionEventContext) => void) => void;
|
|
96
|
+
} & IUiTabComponents<TTabProps, TTabActionProps>;
|
|
97
|
+
/**
|
|
98
|
+
* @internal
|
|
99
|
+
*/
|
|
100
|
+
export type IUiTabsProps<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
|
|
101
|
+
tabs: IUiTab<TTabProps, TTabActionProps>[];
|
|
102
|
+
selectedTabId: string;
|
|
103
|
+
onTabSelect: (tab: IUiTab<TTabProps, TTabActionProps>) => void;
|
|
104
|
+
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
105
|
+
maxLabelLength?: number;
|
|
106
|
+
accessibilityConfig?: IUiTabsAccessibilityConfig;
|
|
107
|
+
} & Partial<IUiTabComponents<TTabProps, TTabActionProps>>;
|
|
108
|
+
/**
|
|
109
|
+
* @internal
|
|
110
|
+
*/
|
|
111
|
+
export interface IUiTabsAccessibilityConfig extends IAccessibilityConfigBase {
|
|
112
|
+
tabRole?: HTMLAttributes<HTMLElement>["role"];
|
|
113
|
+
}
|
|
114
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/@ui/UiTabs/types.ts"],"names":[],"mappings":"AAAA,gCAAgC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { EmptyObject } from "@gooddata/util";
|
|
2
|
+
import { IUiTabContext, IUiTabsProps } from "./types.js";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare function useUiTabsContextStoreValue<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tabs, selectedTabId, onTabSelect, size, maxLabelLength, accessibilityConfig: accessibilityConfigProp, Container, Tab, TabValue, TabActions, TabActionsButton, AllTabs, AllTabsButton, }: IUiTabsProps<TTabProps, TTabActionProps>): IUiTabContext<TTabProps, TTabActionProps>;
|
|
7
|
+
//# sourceMappingURL=useUiTabsContextStoreValue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useUiTabsContextStoreValue.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/useUiTabsContextStoreValue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAW7C,OAAO,EAA4B,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAyBnF;;GAEG;AACH,wBAAgB,0BAA0B,CACtC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EAChD,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EACxD,EACE,IAAI,EACJ,aAAa,EACb,WAAW,EACX,IAAe,EACf,cAAc,EACd,mBAAmB,EAAE,uBAAuB,EAC5C,SAAkC,EAClC,GAAsB,EACtB,QAAgC,EAChC,UAAoC,EACpC,gBAAgD,EAChD,OAA8B,EAC9B,aAA0C,GAC7C,EAAE,YAAY,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,aAAa,CAAC,SAAS,EAAE,eAAe,CAAC,CAsFtF"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
|
2
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
3
|
+
import { DefaultUiTabsAllTabs, DefaultUiTabsAllTabsButton, DefaultUiTabsContainer, DefaultUiTabsTab, DefaultUiTabsTabActions, DefaultUiTabsTabActionsButton, DefaultUiTabsTabValue, } from "./defaultComponents/index.js";
|
|
4
|
+
let actionIdCounter = 0;
|
|
5
|
+
function createActionListener(actionEventListeners) {
|
|
6
|
+
return (callback) => {
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
const id = actionIdCounter++;
|
|
9
|
+
actionEventListeners.set(id, callback);
|
|
10
|
+
return () => {
|
|
11
|
+
actionEventListeners.delete(id);
|
|
12
|
+
};
|
|
13
|
+
}, [callback]);
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* @internal
|
|
18
|
+
*/
|
|
19
|
+
export function useUiTabsContextStoreValue({ tabs, selectedTabId, onTabSelect, size = "medium", maxLabelLength, accessibilityConfig: accessibilityConfigProp, Container = DefaultUiTabsContainer, Tab = DefaultUiTabsTab, TabValue = DefaultUiTabsTabValue, TabActions = DefaultUiTabsTabActions, TabActionsButton = DefaultUiTabsTabActionsButton, AllTabs = DefaultUiTabsAllTabs, AllTabsButton = DefaultUiTabsAllTabsButton, }) {
|
|
20
|
+
const [isOverflowing, setIsOverflowing] = useState(false);
|
|
21
|
+
const resizeObserverRef = useRef(null);
|
|
22
|
+
const accessibilityConfig = useMemo(() => {
|
|
23
|
+
return { tabRole: "tab", role: "tablist", ...accessibilityConfigProp };
|
|
24
|
+
}, [accessibilityConfigProp]);
|
|
25
|
+
// Check if tabs overflow the container
|
|
26
|
+
const containerRef = useCallback((container) => {
|
|
27
|
+
resizeObserverRef.current?.disconnect();
|
|
28
|
+
if (!container) {
|
|
29
|
+
return undefined;
|
|
30
|
+
}
|
|
31
|
+
const checkOverflow = () => {
|
|
32
|
+
const hasOverflow = container.scrollWidth > container.clientWidth;
|
|
33
|
+
setIsOverflowing(hasOverflow);
|
|
34
|
+
};
|
|
35
|
+
checkOverflow();
|
|
36
|
+
resizeObserverRef.current = new ResizeObserver(checkOverflow);
|
|
37
|
+
resizeObserverRef.current.observe(container);
|
|
38
|
+
}, []);
|
|
39
|
+
const [actionEventListeners] = useState(new Map());
|
|
40
|
+
const onActionTriggered = useCallback((context) => {
|
|
41
|
+
actionEventListeners.forEach((listener) => listener(context));
|
|
42
|
+
}, [actionEventListeners]);
|
|
43
|
+
const useActionListener = useMemo(() => createActionListener(actionEventListeners), [actionEventListeners]);
|
|
44
|
+
return useMemo(() => ({
|
|
45
|
+
tabs,
|
|
46
|
+
selectedTabId,
|
|
47
|
+
onTabSelect,
|
|
48
|
+
size,
|
|
49
|
+
maxLabelLength,
|
|
50
|
+
accessibilityConfig,
|
|
51
|
+
onActionTriggered,
|
|
52
|
+
useActionListener,
|
|
53
|
+
isOverflowing,
|
|
54
|
+
containerRef,
|
|
55
|
+
Container,
|
|
56
|
+
Tab,
|
|
57
|
+
TabValue,
|
|
58
|
+
TabActions,
|
|
59
|
+
TabActionsButton,
|
|
60
|
+
AllTabs,
|
|
61
|
+
AllTabsButton,
|
|
62
|
+
}), [
|
|
63
|
+
tabs,
|
|
64
|
+
selectedTabId,
|
|
65
|
+
onTabSelect,
|
|
66
|
+
size,
|
|
67
|
+
maxLabelLength,
|
|
68
|
+
accessibilityConfig,
|
|
69
|
+
onActionTriggered,
|
|
70
|
+
useActionListener,
|
|
71
|
+
isOverflowing,
|
|
72
|
+
containerRef,
|
|
73
|
+
Container,
|
|
74
|
+
Tab,
|
|
75
|
+
TabValue,
|
|
76
|
+
TabActions,
|
|
77
|
+
TabActionsButton,
|
|
78
|
+
AllTabs,
|
|
79
|
+
AllTabsButton,
|
|
80
|
+
]);
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=useUiTabsContextStoreValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useUiTabsContextStoreValue.js","sourceRoot":"","sources":["../../../src/@ui/UiTabs/useUiTabsContextStoreValue.ts"],"names":[],"mappings":"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"}
|
|
@@ -22,5 +22,6 @@ export declare function useListWithActionsKeyboardNavigation<Item, Action extend
|
|
|
22
22
|
focusedAction: "selectItem" | Action;
|
|
23
23
|
focusedItem: Item;
|
|
24
24
|
setFocusedAction: Dispatch<SetStateAction<"selectItem" | Action>>;
|
|
25
|
+
setFocusedIndex: Dispatch<SetStateAction<number>>;
|
|
25
26
|
};
|
|
26
27
|
//# sourceMappingURL=useListWithActionsKeyboardNavigation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListWithActionsKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useListWithActionsKeyboardNavigation.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,QAAQ,EACR,iBAAiB,EACjB,aAAa,EAEb,cAAc,EAKjB,MAAM,OAAO,CAAC;AAUf;;GAEG;AACH,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAkB/C;;GAEG;AACH,wBAAgB,oCAAoC,CAAC,IAAI,EAAE,MAAM,SAAS,MAAM,EAAE,EAC9E,KAAK,EACL,cAAc,EACd,wBAAwB,EACxB,YAAoB,EACpB,QAAgB,EAChB,UAAkB,EAClB,YAAY,EAAE,gBAAgB,GACjC,EAAE;IACC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,cAAc,EAAE;SACX,GAAG,IAAI,MAAM,GAAG,OAAO,kBAAkB,GAAG,CACzC,IAAI,EAAE,IAAI,EACV,CAAC,CAAC,EAAE,aAAa,KAChB,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;KAChC,CAAC;IACF,wBAAwB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB
|
|
1
|
+
{"version":3,"file":"useListWithActionsKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useListWithActionsKeyboardNavigation.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,QAAQ,EACR,iBAAiB,EACjB,aAAa,EAEb,cAAc,EAKjB,MAAM,OAAO,CAAC;AAUf;;GAEG;AACH,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAkB/C;;GAEG;AACH,wBAAgB,oCAAoC,CAAC,IAAI,EAAE,MAAM,SAAS,MAAM,EAAE,EAC9E,KAAK,EACL,cAAc,EACd,wBAAwB,EACxB,YAAoB,EACpB,QAAgB,EAChB,UAAkB,EAClB,YAAY,EAAE,gBAAgB,GACjC,EAAE;IACC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,cAAc,EAAE;SACX,GAAG,IAAI,MAAM,GAAG,OAAO,kBAAkB,GAAG,CACzC,IAAI,EAAE,IAAI,EACV,CAAC,CAAC,EAAE,aAAa,KAChB,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;KAChC,CAAC;IACF,wBAAwB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;;;;;;;EAsEA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListWithActionsKeyboardNavigation.js","sourceRoot":"","sources":["../../../src/@ui/hooks/useListWithActionsKeyboardNavigation.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"useListWithActionsKeyboardNavigation.js","sourceRoot":"","sources":["../../../src/@ui/hooks/useListWithActionsKeyboardNavigation.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButtonKeyboardWrapper.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownButtonKeyboardWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA4D,MAAM,OAAO,CAAC;AAI5F,KAAK,mCAAmC,GAAG;IACvC,QAAQ,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;CACnB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AAE9B,eAAO,MAAM,6BAA6B,
|
|
1
|
+
{"version":3,"file":"DropdownButtonKeyboardWrapper.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownButtonKeyboardWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA4D,MAAM,OAAO,CAAC;AAI5F,KAAK,mCAAmC,GAAG;IACvC,QAAQ,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;CACnB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AAE9B,eAAO,MAAM,6BAA6B,0IA4CzC,CAAC"}
|
|
@@ -8,18 +8,22 @@ export const DropdownButtonKeyboardWrapper = forwardRef(function DropdownButtonK
|
|
|
8
8
|
if (event.code === "Enter" || (event.code === "Space" && !isInputFocused)) {
|
|
9
9
|
onToggle();
|
|
10
10
|
event.preventDefault();
|
|
11
|
+
event.stopPropagation();
|
|
11
12
|
}
|
|
12
13
|
if (event.code === "Escape" && isOpen && closeOnEscape) {
|
|
13
14
|
onToggle(false);
|
|
14
15
|
event.preventDefault();
|
|
16
|
+
event.stopPropagation();
|
|
15
17
|
}
|
|
16
18
|
if (event.code === "ArrowUp" && isOpen) {
|
|
17
19
|
onToggle(false);
|
|
18
20
|
event.preventDefault();
|
|
21
|
+
event.stopPropagation();
|
|
19
22
|
}
|
|
20
23
|
if (event.code === "ArrowDown" && !isOpen) {
|
|
21
24
|
onToggle(true);
|
|
22
25
|
event.preventDefault();
|
|
26
|
+
event.stopPropagation();
|
|
23
27
|
}
|
|
24
28
|
}, [isOpen, onToggle, closeOnEscape]);
|
|
25
29
|
return (_jsx("div", { onKeyDown: handleKeyDown, className: "gd-dropdown-button-wrapper", ...divProps, ref: ref, children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButtonKeyboardWrapper.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownButtonKeyboardWrapper.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAA8C,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAQ9D,MAAM,CAAC,MAAM,6BAA6B,GAAG,UAAU,CACnD,SAAS,6BAA6B,CAClC,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EACjE,GAAG;IAEH,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAK,EAAE,EAAE;QACN,MAAM,cAAc,GAAG,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAElE,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;YACxE,QAAQ,EAAE,CAAC;YACX,KAAK,CAAC,cAAc,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownButtonKeyboardWrapper.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownButtonKeyboardWrapper.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAA8C,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAQ9D,MAAM,CAAC,MAAM,6BAA6B,GAAG,UAAU,CACnD,SAAS,6BAA6B,CAClC,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EACjE,GAAG;IAEH,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAK,EAAE,EAAE;QACN,MAAM,cAAc,GAAG,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAElE,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;YACxE,QAAQ,EAAE,CAAC;YACX,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC;QACD,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,MAAM,IAAI,aAAa,EAAE,CAAC;YACrD,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC;QACD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,EAAE,CAAC;YACrC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC;QACD,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,MAAM,EAAE,CAAC;YACxC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC;IACL,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,EAAE,aAAa,CAAC,CACpC,CAAC;IAEF,OAAO,CACH,cACI,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,4BAA4B,KACnC,QAAQ,EACZ,GAAG,EAAE,GAAgC,YAEpC,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -12,11 +12,11 @@ import { Overlay } from "../../Overlay/index.js";
|
|
|
12
12
|
* @internal
|
|
13
13
|
*/
|
|
14
14
|
export function ToastsCenter() {
|
|
15
|
-
const { messages, removeMessage, hasParentContext } = ToastsCenterContext.
|
|
16
|
-
messages
|
|
17
|
-
removeMessage
|
|
18
|
-
hasParentContext
|
|
19
|
-
|
|
15
|
+
const { messages, removeMessage, hasParentContext } = ToastsCenterContext.useContextStoreValues([
|
|
16
|
+
"messages",
|
|
17
|
+
"removeMessage",
|
|
18
|
+
"hasParentContext",
|
|
19
|
+
]);
|
|
20
20
|
const sortedMessages = useMemo(() => [...messages].sort((a, b) => b.createdAt - a.createdAt), [messages]);
|
|
21
21
|
const label = useMessagesLabel(messages);
|
|
22
22
|
if (hasParentContext) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastsCenter.js","sourceRoot":"","sources":["../../../src/Messages/toasts/ToastsCenter.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAa,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD;;;;;GAKG;AACH,MAAM,UAAU,YAAY;IACxB,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CAAC,
|
|
1
|
+
{"version":3,"file":"ToastsCenter.js","sourceRoot":"","sources":["../../../src/Messages/toasts/ToastsCenter.tsx"],"names":[],"mappings":"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"}
|