@gooddata/sdk-ui-kit 11.8.0-alpha.3 → 11.8.0-alpha.5
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/DefaultUiMenuContentItem.d.ts +1 -1
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.d.ts.map +1 -1
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.js +3 -2
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.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/UiMenu/types.d.ts +2 -0
- package/esm/@ui/UiMenu/types.d.ts.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/Icon/icons/Hash.d.ts +3 -0
- package/esm/Icon/icons/Hash.d.ts.map +1 -1
- package/esm/Icon/icons/Hash.js.map +1 -1
- package/esm/Icon/icons/Magic.d.ts +3 -0
- package/esm/Icon/icons/Magic.d.ts.map +1 -1
- package/esm/Icon/icons/Magic.js +3 -0
- package/esm/Icon/icons/Magic.js.map +1 -1
- package/esm/Icon/icons/User.d.ts +3 -0
- package/esm/Icon/icons/User.d.ts.map +1 -1
- package/esm/Icon/icons/User.js.map +1 -1
- package/esm/Icon/icons/UserGroup.d.ts +5 -2
- package/esm/Icon/icons/UserGroup.d.ts.map +1 -1
- package/esm/Icon/icons/UserGroup.js.map +1 -1
- package/esm/Icon/index.d.ts +112 -11
- package/esm/Icon/index.d.ts.map +1 -1
- package/esm/Icon/index.js +109 -1
- package/esm/Icon/index.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 +865 -173
- 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
|
@@ -20,6 +20,7 @@ export interface UiIconButtonPublicProps {
|
|
|
20
20
|
ariaAttributes?: IDropdownButtonRenderProps["ariaAttributes"];
|
|
21
21
|
accessibilityConfig?: IDropdownButtonRenderProps["accessibilityConfig"];
|
|
22
22
|
tabIndex?: number;
|
|
23
|
+
id?: string;
|
|
23
24
|
}
|
|
24
25
|
export interface UiIconButtonInternalProps {
|
|
25
26
|
iconAfter?: IconType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiIconButtonRenderer.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButtonRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAc,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1G,OAAO,EACH,WAAW,EACX,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAK9B;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAElF,OAAO,CAAC,EACF,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,aAAa,GACb,aAAa,GACb,YAAY,GACZ,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAAE,0BAA0B,CAAC,qBAAqB,CAAC,CAAC;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"UiIconButtonRenderer.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButtonRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAc,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1G,OAAO,EACH,WAAW,EACX,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAK9B;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAElF,OAAO,CAAC,EACF,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,aAAa,GACb,aAAa,GACb,YAAY,GACZ,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAAE,0BAA0B,CAAC,qBAAqB,CAAC,CAAC;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBAAyB;IACtC,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CACnE;AAED,MAAM,MAAM,yBAAyB,GAAG,uBAAuB,GAAG,yBAAyB,CAAC;AAI5F,eAAO,MAAM,oBAAoB,mJAoDhC,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { bem } from "../@utils/bem.js";
|
|
|
7
7
|
import { getButtonIconSize } from "../@utils/size.js";
|
|
8
8
|
import { UiIcon } from "../UiIcon/UiIcon.js";
|
|
9
9
|
const { b } = bem("gd-ui-kit-icon-button");
|
|
10
|
-
export const UiIconButtonRenderer = forwardRef(({ icon, iconAfter, iconAfterSize = "xsmall", label, size = "medium", variant = "secondary", isDisabled, isActive, onClick, dataId, dataTestId, onKeyDown, ariaAttributes, accessibilityConfig, tabIndex, }, ref) => {
|
|
10
|
+
export const UiIconButtonRenderer = forwardRef(({ icon, iconAfter, iconAfterSize = "xsmall", label, size = "medium", variant = "secondary", isDisabled, isActive, onClick, dataId, dataTestId, onKeyDown, ariaAttributes, accessibilityConfig, tabIndex, id, }, ref) => {
|
|
11
11
|
const iconSize = getButtonIconSize(size);
|
|
12
12
|
const testId = dataTestId || `${stringUtils.simplifyText(label)}`;
|
|
13
13
|
return (_jsxs("button", { ref: ref, className: b({
|
|
@@ -15,7 +15,7 @@ export const UiIconButtonRenderer = forwardRef(({ icon, iconAfter, iconAfterSize
|
|
|
15
15
|
size,
|
|
16
16
|
variant,
|
|
17
17
|
active: isActive,
|
|
18
|
-
}), disabled: isDisabled, onClick: onClick, onKeyDown: onKeyDown, "data-id": dataId, "data-testid": testId, "aria-disabled": isDisabled, "aria-label": label, tabIndex: tabIndex, ...
|
|
18
|
+
}), id: id, disabled: isDisabled, onClick: onClick, onKeyDown: onKeyDown, "data-id": dataId, "data-testid": testId, "aria-disabled": isDisabled, "aria-label": label, tabIndex: tabIndex, ...accessibilityConfigToAttributes(accessibilityConfig), ...ariaAttributes, children: [_jsx(UiIcon, { type: icon, size: iconSize, ariaHidden: true }), iconAfter ? (_jsx(UiIcon, { type: iconAfter, size: getButtonIconSize(iconAfterSize), ariaHidden: true })) : null] }));
|
|
19
19
|
});
|
|
20
20
|
UiIconButtonRenderer.displayName = "UiIconButtonRenderer";
|
|
21
21
|
//# sourceMappingURL=UiIconButtonRenderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiIconButtonRenderer.js","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButtonRenderer.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAA6B,UAAU,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAC;AAY7E,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"UiIconButtonRenderer.js","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButtonRenderer.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAA6B,UAAU,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAC;AAY7E,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAsC7C,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAC1C,CACI,EACI,IAAI,EACJ,SAAS,EACT,aAAa,GAAG,QAAQ,EACxB,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,WAAW,EACrB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,MAAM,EACN,UAAU,EACV,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,QAAQ,EACR,EAAE,GACL,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,UAAU,IAAI,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;IAClE,OAAO,CACH,kBACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC;YACT,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ;YAC7C,IAAI;YACJ,OAAO;YACP,MAAM,EAAE,QAAQ;SACnB,CAAC,EACF,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,aACX,MAAM,iBACF,MAAM,mBACJ,UAAU,gBACb,KAAK,EACjB,QAAQ,EAAE,QAAQ,KACd,+BAA+B,CAAC,mBAAmB,CAAC,KACpD,cAAc,aAElB,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,SAAG,EAChD,SAAS,CAAC,CAAC,CAAC,CACT,KAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,iBAAiB,CAAC,aAAa,CAAC,EAAE,UAAU,SAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACH,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/components/Item.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,IAAI,wCAAsB,CAAC,SAAS,eAAe,qBAAqB,gBAAgB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/components/Item.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,IAAI,wCAAsB,CAAC,SAAS,eAAe,qBAAqB,gBAAgB,CAAC,CAAC,CAAC,8CAsBtG,CAAC"}
|
|
@@ -3,13 +3,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { memo } from "react";
|
|
4
4
|
import { typedUiMenuContextStore } from "../context.js";
|
|
5
5
|
export const Item = memo(function Item({ item }) {
|
|
6
|
-
const { InteractiveItemWrapper, StaticItem, GroupItem, ContentItemWrapper } = typedUiMenuContextStore().
|
|
7
|
-
InteractiveItemWrapper
|
|
8
|
-
StaticItem
|
|
9
|
-
GroupItem
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}));
|
|
6
|
+
const { InteractiveItemWrapper, StaticItem, GroupItem, ContentItemWrapper } = typedUiMenuContextStore().useContextStoreValues([
|
|
7
|
+
"InteractiveItemWrapper",
|
|
8
|
+
"StaticItem",
|
|
9
|
+
"GroupItem",
|
|
10
|
+
"ContentItemWrapper",
|
|
11
|
+
]);
|
|
13
12
|
if (item.type === "interactive") {
|
|
14
13
|
return _jsx(InteractiveItemWrapper, { item: item });
|
|
15
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/components/Item.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,IAAI,CAAqC,EAAE,IAAI,EAAuB;IACpG,MAAM,EAAE,sBAAsB,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAE,GACvE,uBAAuB,EAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/components/Item.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,IAAI,CAAqC,EAAE,IAAI,EAAuB;IACpG,MAAM,EAAE,sBAAsB,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAE,GACvE,uBAAuB,EAAK,CAAC,qBAAqB,CAAC;QAC/C,wBAAwB;QACxB,YAAY;QACZ,WAAW;QACX,oBAAoB;KACvB,CAAC,CAAC;IAEP,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;QAC9B,OAAO,KAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAClD,CAAC;IACD,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IACtC,CAAC;IACD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IACrC,CAAC;IACD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,KAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAC9C,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC,CAAC"}
|
|
@@ -8,5 +8,5 @@ export declare const DefaultUiMenuContentItemWrapper: import("react").MemoExotic
|
|
|
8
8
|
/**
|
|
9
9
|
* @internal
|
|
10
10
|
*/
|
|
11
|
-
export declare function DefaultUiMenuContentItem<T extends IUiMenuItemData = object>({ item, isFocused, }: IUiMenuContentItemProps<T>): ReactNode;
|
|
11
|
+
export declare function DefaultUiMenuContentItem<T extends IUiMenuItemData = object>({ item, isFocused, size, }: IUiMenuContentItemProps<T>): ReactNode;
|
|
12
12
|
//# sourceMappingURL=DefaultUiMenuContentItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiMenuContentItem.d.ts","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,YAAY,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAO9F,OAAO,EAAE,uBAAuB,EAAE,8BAA8B,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1G;;;GAGG;AACH,eAAO,MAAM,+BAA+B,wCACxC,CAAC,SAAS,eAAe,qBACjB,8BAA8B,CAAC,CAAC,CAAC,KAAG,YAAY,EA8E1D,CAAC;AAEH;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EACzE,IAAI,EACJ,SAAS,
|
|
1
|
+
{"version":3,"file":"DefaultUiMenuContentItem.d.ts","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,YAAY,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAO9F,OAAO,EAAE,uBAAuB,EAAE,8BAA8B,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1G;;;GAGG;AACH,eAAO,MAAM,+BAA+B,wCACxC,CAAC,SAAS,eAAe,qBACjB,8BAA8B,CAAC,CAAC,CAAC,KAAG,YAAY,EA8E1D,CAAC;AAEH;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EACzE,IAAI,EACJ,SAAS,EACT,IAAe,GAClB,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAAG,SAAS,CAiBxC"}
|
|
@@ -51,10 +51,11 @@ export const DefaultUiMenuContentItemWrapper = memo(function DefaultUiMenuConten
|
|
|
51
51
|
/**
|
|
52
52
|
* @internal
|
|
53
53
|
*/
|
|
54
|
-
export function DefaultUiMenuContentItem({ item, isFocused, }) {
|
|
54
|
+
export function DefaultUiMenuContentItem({ item, isFocused, size = "medium", }) {
|
|
55
55
|
return (_jsxs("div", { className: e("item", {
|
|
56
56
|
isFocused,
|
|
57
57
|
isDisabled: !!item.isDisabled,
|
|
58
|
-
|
|
58
|
+
size,
|
|
59
|
+
}), children: [item.iconLeft ? item.iconLeft : null, _jsx(ShortenedText, { className: e("item-title"), ellipsisPosition: "end", children: item.stringTitle }), !!item.Component && _jsx("i", { className: "gd-icon-navigateright" })] }));
|
|
59
60
|
}
|
|
60
61
|
//# sourceMappingURL=DefaultUiMenuContentItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiMenuContentItem.js","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DefaultUiMenuContentItem.js","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,10 +7,10 @@ import { typedUiMenuContextStore } from "../../context.js";
|
|
|
7
7
|
* @internal
|
|
8
8
|
*/
|
|
9
9
|
export const DefaultUiMenuStaticItem = memo(function DefaultUiMenuStaticItem({ item }) {
|
|
10
|
-
const { itemClassName, itemDataTestId } = typedUiMenuContextStore().
|
|
11
|
-
itemClassName
|
|
12
|
-
itemDataTestId
|
|
13
|
-
|
|
10
|
+
const { itemClassName, itemDataTestId } = typedUiMenuContextStore().useContextStoreValues([
|
|
11
|
+
"itemClassName",
|
|
12
|
+
"itemDataTestId",
|
|
13
|
+
]);
|
|
14
14
|
return (_jsx("li", { role: "none", className: typeof itemClassName === "function" ? itemClassName(item) : itemClassName, "data-testid": typeof itemDataTestId === "function" ? itemDataTestId(item) : itemDataTestId, children: item.data }));
|
|
15
15
|
});
|
|
16
16
|
//# sourceMappingURL=DefaultUiMenuStaticItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiMenuStaticItem.js","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuStaticItem.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAA2B,IAAI,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG3D;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAAC,SAAS,uBAAuB,CAE1E,EAAE,IAAI,EAA6B;IACjC,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,uBAAuB,EAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"DefaultUiMenuStaticItem.js","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuStaticItem.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAA2B,IAAI,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG3D;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAAC,SAAS,uBAAuB,CAE1E,EAAE,IAAI,EAA6B;IACjC,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,uBAAuB,EAAK,CAAC,qBAAqB,CAAC;QACzF,eAAe;QACf,gBAAgB;KACnB,CAAC,CAAC;IAEH,OAAO,CACH,aACI,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,OAAO,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,iBACvE,OAAO,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,YAExF,IAAI,CAAC,IAAiB,GACtB,CACR,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -49,6 +49,7 @@ export type IUiMenuContentItem<T extends IUiMenuItemData = object> = {
|
|
|
49
49
|
stringTitle: string;
|
|
50
50
|
isDisabled?: boolean;
|
|
51
51
|
showComponentOnly?: boolean;
|
|
52
|
+
iconLeft?: ReactNode;
|
|
52
53
|
data: T["content"];
|
|
53
54
|
Component: ComponentType<{
|
|
54
55
|
onBack: () => void;
|
|
@@ -107,6 +108,7 @@ export interface IUiMenuStaticItemProps<T extends IUiMenuItemData = object> {
|
|
|
107
108
|
export interface IUiMenuContentItemProps<T extends IUiMenuItemData = object> {
|
|
108
109
|
item: IUiMenuContentItem<T>;
|
|
109
110
|
isFocused: boolean;
|
|
111
|
+
size?: SizeSmall | SizeMedium;
|
|
110
112
|
}
|
|
111
113
|
/**
|
|
112
114
|
* @internal
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/types.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,cAAc,EACd,aAAa,EACb,QAAQ,EACR,aAAa,EACb,UAAU,EACV,SAAS,EACT,SAAS,EACT,cAAc,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;KAAG,IAAI,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO;CAAE,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,IAAI;IAChE,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,IAAI;IACrE,IAAI,EAAE,aAAa,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,IAAI;IAC/D,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,IAAI;IACjE,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;IACnB,SAAS,EAAE,aAAa,CAAC;QACrB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC,CAAC;CACN,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,IACpD,iBAAiB,CAAC,CAAC,CAAC,GACpB,sBAAsB,CAAC,CAAC,CAAC,GACzB,gBAAgB,CAAC,CAAC,CAAC,GACnB,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAE5B;;GAEG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,IAC7D,sBAAsB,CAAC,CAAC,CAAC,GACzB,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM;IAChE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,kCAAkC,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM;IAClF,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,8BAA8B,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM;IAC9E,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM;IAC3E,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAEhC,SAAS,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM;IACrE,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM;IACtE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM;IACvE,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM;IACnE,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM;IAC1E,eAAe,EAAE,aAAa,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,sBAAsB,EAAE,aAAa,CAAC,kCAAkC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7E,SAAS,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,UAAU,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,kBAAkB,EAAE,aAAa,CAAC,8BAA8B,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,WAAW,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,UAAU,EAAE,aAAa,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,CAC1E,SAAQ,0BAA0B,CAAC,CAAC,CAAC;IACrC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACjD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,2BAA2B,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IAC1E,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACjG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IAC3D,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IACnD,WAAW,EAAE,kBAAkB,CAAC;IAChC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7D,YAAY,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC;IACxE,cAAc,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC;IACzE,aAAa,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,gBAAgB,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,iBAAiB,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,CACvE,SAAQ,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC;IAC9C,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAExB,UAAU,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC;IAE3E,cAAc,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC;IAEzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC;IAE1E,sBAAsB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAErD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACxF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAEhF,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,mCAAmC,CAAC,EAAE,OAAO,CAAC;IAC9C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,cAAc,EAAE,IAAI,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;IAEzE,WAAW,CAAC,EAAE,CAAC,CAAC;CACnB"}
|
|
@@ -1,41 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { SizeLarge, SizeMedium, SizeSmall } from "../@types/size.js";
|
|
1
|
+
import { EmptyObject } from "@gooddata/util";
|
|
2
|
+
import { IUiTabsProps } from "./types.js";
|
|
4
3
|
/**
|
|
5
4
|
* @internal
|
|
6
5
|
*/
|
|
7
|
-
export
|
|
8
|
-
tabRole?: HTMLAttributes<HTMLElement>["role"];
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* @internal
|
|
12
|
-
*/
|
|
13
|
-
export interface UiTabsProps {
|
|
14
|
-
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
15
|
-
tabs: Array<UiTab>;
|
|
16
|
-
onTabSelect: (tab: UiTab) => void;
|
|
17
|
-
selectedTabId: string;
|
|
18
|
-
accessibilityConfig?: UiTabsAccessibilityConfig;
|
|
19
|
-
/**
|
|
20
|
-
* Maximum length for tab labels. When exceeded, the label will be truncated with ellipsis
|
|
21
|
-
* and the full label will be available via aria-label.
|
|
22
|
-
*/
|
|
23
|
-
maxLabelLength?: number;
|
|
24
|
-
/**
|
|
25
|
-
* Enable overflow dropdown that appears when tabs don't fit in the container.
|
|
26
|
-
* When true, a dropdown button will appear showing all tabs.
|
|
27
|
-
*/
|
|
28
|
-
enableOverflowDropdown?: boolean;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* @internal
|
|
32
|
-
*/
|
|
33
|
-
export interface UiTab {
|
|
34
|
-
id: string;
|
|
35
|
-
label: string;
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* @internal
|
|
39
|
-
*/
|
|
40
|
-
export declare function UiTabs({ size, tabs, onTabSelect, selectedTabId, accessibilityConfig, maxLabelLength, enableOverflowDropdown, }: UiTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function UiTabs<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>(props: IUiTabsProps<TTabProps, TTabActionProps>): import("react/jsx-runtime").JSX.Element;
|
|
41
7
|
//# sourceMappingURL=UiTabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiTabs.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/UiTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"UiTabs.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/UiTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG1C;;GAEG;AACH,wBAAgB,MAAM,CAClB,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EAChD,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EACxD,KAAK,EAAE,YAAY,CAAC,SAAS,EAAE,eAAe,CAAC,2CAUhD"}
|
package/esm/@ui/UiTabs/UiTabs.js
CHANGED
|
@@ -1,127 +1,13 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import { useIntl } from "react-intl";
|
|
5
|
-
import { messages } from "./messages.js";
|
|
6
|
-
import { Dropdown } from "../../Dropdown/index.js";
|
|
7
|
-
import { bem } from "../@utils/bem.js";
|
|
8
|
-
import { makeTabsKeyboardNavigation } from "../@utils/keyboardNavigation.js";
|
|
9
|
-
import { UiButton } from "../UiButton/UiButton.js";
|
|
10
|
-
import { UiListbox } from "../UiListbox/UiListbox.js";
|
|
11
|
-
import { UiTooltip } from "../UiTooltip/UiTooltip.js";
|
|
12
|
-
const { b, e } = bem("gd-ui-kit-tabs");
|
|
13
|
-
/**
|
|
14
|
-
* Truncates a string to a maximum length and adds ellipsis
|
|
15
|
-
*/
|
|
16
|
-
function truncateLabel(label, maxLength) {
|
|
17
|
-
if (!maxLength || label.length <= maxLength) {
|
|
18
|
-
return label;
|
|
19
|
-
}
|
|
20
|
-
return label.slice(0, maxLength - 1) + "…";
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Dropdown component that shows all tabs in a list when tabs overflow
|
|
24
|
-
* @internal
|
|
25
|
-
*/
|
|
26
|
-
function UiTabsOverflowDropdown({ tabs, selectedTabId, onTabSelect }) {
|
|
27
|
-
const intl = useIntl();
|
|
28
|
-
// Convert tabs to listbox items for the overflow dropdown
|
|
29
|
-
const listboxItems = useMemo(() => tabs.map((tab) => ({
|
|
30
|
-
type: "interactive",
|
|
31
|
-
id: tab.id,
|
|
32
|
-
stringTitle: tab.label,
|
|
33
|
-
data: tab,
|
|
34
|
-
})), [tabs]);
|
|
35
|
-
const handleDropdownSelect = useCallback((item) => {
|
|
36
|
-
onTabSelect(item.data);
|
|
37
|
-
}, [onTabSelect]);
|
|
38
|
-
return (_jsx("div", { className: e("dropdown"), children: _jsx(Dropdown, { renderButton: ({ toggleDropdown, isOpen }) => (_jsx(UiButton, { label: intl.formatMessage(messages["all"]), iconAfter: isOpen ? "chevronUp" : "chevronDown", size: "small", variant: "tertiary", accessibilityConfig: {
|
|
39
|
-
ariaLabel: intl.formatMessage(messages["showAllTabs"]),
|
|
40
|
-
ariaExpanded: isOpen,
|
|
41
|
-
}, onClick: toggleDropdown })), renderBody: ({ closeDropdown, ariaAttributes }) => (_jsx(UiListbox, { items: listboxItems, selectedItemId: selectedTabId, onSelect: (item) => {
|
|
42
|
-
handleDropdownSelect(item);
|
|
43
|
-
closeDropdown();
|
|
44
|
-
}, ariaAttributes: ariaAttributes, maxWidth: 160, maxHeight: 400 })), alignPoints: [{ align: "br tr" }, { align: "tr br" }], closeOnEscape: true, accessibilityConfig: {
|
|
45
|
-
triggerRole: "button",
|
|
46
|
-
popupRole: "listbox",
|
|
47
|
-
} }) }));
|
|
48
|
-
}
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { getTypedUiTabsContextStore } from "./context.js";
|
|
3
|
+
import { useUiTabsContextStoreValue } from "./useUiTabsContextStoreValue.js";
|
|
49
4
|
/**
|
|
50
5
|
* @internal
|
|
51
6
|
*/
|
|
52
|
-
export function UiTabs(
|
|
53
|
-
const
|
|
54
|
-
const
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
const focusTab = useCallback((index) => {
|
|
58
|
-
tabRefs.current[index]?.focus();
|
|
59
|
-
}, []);
|
|
60
|
-
const handleKeyDown = useMemo(() => makeTabsKeyboardNavigation({
|
|
61
|
-
onFocusPrevious: () => {
|
|
62
|
-
const previousTabIndex = (focusedIndexRef.current - 1 + tabs.length) % tabs.length;
|
|
63
|
-
focusTab(previousTabIndex);
|
|
64
|
-
},
|
|
65
|
-
onFocusNext: () => {
|
|
66
|
-
const nextTabIndex = (focusedIndexRef.current + 1) % tabs.length;
|
|
67
|
-
focusTab(nextTabIndex);
|
|
68
|
-
},
|
|
69
|
-
onFocusFirst: () => {
|
|
70
|
-
focusTab(0);
|
|
71
|
-
},
|
|
72
|
-
onFocusLast: () => {
|
|
73
|
-
focusTab(tabs.length - 1);
|
|
74
|
-
},
|
|
75
|
-
onSelect: () => {
|
|
76
|
-
const focusedTab = tabs[focusedIndexRef.current];
|
|
77
|
-
onTabSelect(focusedTab);
|
|
78
|
-
},
|
|
79
|
-
}), [tabs, onTabSelect, focusTab]);
|
|
80
|
-
// Check if tabs overflow the container
|
|
81
|
-
useEffect(() => {
|
|
82
|
-
if (!enableOverflowDropdown || !containerRef.current) {
|
|
83
|
-
return undefined;
|
|
84
|
-
}
|
|
85
|
-
const containerElement = containerRef.current;
|
|
86
|
-
const checkOverflow = () => {
|
|
87
|
-
const container = containerRef.current;
|
|
88
|
-
if (!container) {
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
const hasOverflow = container.scrollWidth > container.clientWidth;
|
|
92
|
-
setShowOverflowDropdown(hasOverflow);
|
|
93
|
-
};
|
|
94
|
-
checkOverflow();
|
|
95
|
-
const resizeObserver = new ResizeObserver(checkOverflow);
|
|
96
|
-
resizeObserver.observe(containerElement);
|
|
97
|
-
return () => {
|
|
98
|
-
resizeObserver.disconnect();
|
|
99
|
-
};
|
|
100
|
-
}, [enableOverflowDropdown, tabs]);
|
|
101
|
-
// Scroll to selected tab when selection changes
|
|
102
|
-
useEffect(() => {
|
|
103
|
-
const selectedIndex = tabs.findIndex((tab) => tab.id === selectedTabId);
|
|
104
|
-
if (selectedIndex !== -1 && tabRefs.current[selectedIndex]) {
|
|
105
|
-
tabRefs.current[selectedIndex].scrollIntoView({
|
|
106
|
-
behavior: "smooth",
|
|
107
|
-
block: "nearest",
|
|
108
|
-
inline: "center",
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
}, [selectedTabId, tabs]);
|
|
112
|
-
const handleTabClick = useCallback((tab) => {
|
|
113
|
-
onTabSelect(tab);
|
|
114
|
-
}, [onTabSelect]);
|
|
115
|
-
const handleTabFocus = useCallback((index) => {
|
|
116
|
-
focusedIndexRef.current = index;
|
|
117
|
-
}, []);
|
|
118
|
-
return (_jsxs("div", { className: b({ size, overflow: enableOverflowDropdown }), "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role, children: [_jsx("div", { className: e("container"), ref: containerRef, children: tabs.map((tab, index) => {
|
|
119
|
-
const truncatedLabel = truncateLabel(tab.label, maxLabelLength);
|
|
120
|
-
const needsTruncation = truncatedLabel !== tab.label;
|
|
121
|
-
const button = (_jsx("button", { className: e("item", { selected: tab.id === selectedTabId }), onClick: () => handleTabClick(tab), role: accessibilityConfig?.tabRole, "aria-selected": tab.id === selectedTabId, "aria-label": needsTruncation ? tab.label : undefined, tabIndex: tab.id === selectedTabId ? 0 : -1, ref: (el) => {
|
|
122
|
-
tabRefs.current[index] = el;
|
|
123
|
-
}, onKeyDown: handleKeyDown, onFocus: () => handleTabFocus(index), children: _jsx("span", { className: e("label"), children: truncatedLabel }) }, tab.id));
|
|
124
|
-
return needsTruncation ? (_jsx(UiTooltip, { anchor: button, content: tab.label, triggerBy: ["hover", "focus"], arrowPlacement: "top" }, tab.id)) : (button);
|
|
125
|
-
}) }), Boolean(enableOverflowDropdown && showOverflowDropdown) && (_jsx("div", { className: e("dropdown-wrapper"), children: _jsx(UiTabsOverflowDropdown, { tabs: tabs, selectedTabId: selectedTabId, onTabSelect: onTabSelect }) }))] }));
|
|
7
|
+
export function UiTabs(props) {
|
|
8
|
+
const ContextStore = getTypedUiTabsContextStore();
|
|
9
|
+
const contextStoreValue = useUiTabsContextStoreValue(props);
|
|
10
|
+
const Container = contextStoreValue.Container;
|
|
11
|
+
return (_jsx(ContextStore, { value: contextStoreValue, children: _jsx(Container, {}) }));
|
|
126
12
|
}
|
|
127
13
|
//# sourceMappingURL=UiTabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiTabs.js","sourceRoot":"","sources":["../../../src/@ui/UiTabs/UiTabs.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"UiTabs.js","sourceRoot":"","sources":["../../../src/@ui/UiTabs/UiTabs.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AACH,MAAM,UAAU,MAAM,CAGpB,KAA+C;IAC7C,MAAM,YAAY,GAAG,0BAA0B,EAA8B,CAAC;IAC9E,MAAM,iBAAiB,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,iBAAiB,CAAC,SAAS,CAAC;IAE9C,OAAO,CACH,KAAC,YAAY,IAAC,KAAK,EAAE,iBAAiB,YAClC,KAAC,SAAS,KAAG,GACF,CAClB,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bem.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/bem.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;CAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bem.js","sourceRoot":"","sources":["../../../src/@ui/UiTabs/bem.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IContextStore } from "@gooddata/sdk-ui";
|
|
2
|
+
import { EmptyObject } from "@gooddata/util";
|
|
3
|
+
import { IUiTabContext } from "./types.js";
|
|
4
|
+
/**
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
export declare function getTypedUiTabsContextStore<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>(): IContextStore<IUiTabContext<TTabProps, TTabActionProps>>;
|
|
8
|
+
//# sourceMappingURL=context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C;;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,KAEzB,aAAa,CAAC,aAAa,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CACxF"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
|
2
|
+
import { createContextStore } from "@gooddata/sdk-ui";
|
|
3
|
+
const UiTabsContextStore = createContextStore("UiTabs");
|
|
4
|
+
/**
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
export function getTypedUiTabsContextStore() {
|
|
8
|
+
return UiTabsContextStore;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/@ui/UiTabs/context.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKrE,MAAM,kBAAkB,GAAG,kBAAkB,CAAkC,QAAQ,CAAC,CAAC;AAEzF;;GAEG;AACH,MAAM,UAAU,0BAA0B;IAItC,OAAO,kBAA8E,CAAC;AAC1F,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 DefaultUiTabsAllTabs<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>(_props: IUiTabComponentProps<"AllTabs", TTabProps, TTabActionProps>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=DefaultUiTabsAllTabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsAllTabs.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAc7C,OAAO,EAAU,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAE3D;;GAEG;AACH,wBAAgB,oBAAoB,CAChC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EAChD,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EACxD,MAAM,EAAE,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,2CA4GpE"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// (C) 2025 GoodData Corporation
|
|
3
|
+
import { useCallback, useState } from "react";
|
|
4
|
+
import { Dropdown } from "../../../Dropdown/index.js";
|
|
5
|
+
import { ListWithActionsFocusStore, useFocusWithinContainer, useListWithActionsFocusStoreValue, } from "../../hooks/useListWithActionsFocus.js";
|
|
6
|
+
import { SELECT_ITEM_ACTION, useListWithActionsKeyboardNavigation, } from "../../hooks/useListWithActionsKeyboardNavigation.js";
|
|
7
|
+
import { UiTabsBem } from "../bem.js";
|
|
8
|
+
import { getTypedUiTabsContextStore } from "../context.js";
|
|
9
|
+
/**
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
export function DefaultUiTabsAllTabs(_props) {
|
|
13
|
+
const store = getTypedUiTabsContextStore();
|
|
14
|
+
const { tabs, onTabSelect, AllTabsButton, selectedTabId, isOverflowing, useActionListener } = store.useContextStoreValues([
|
|
15
|
+
"tabs",
|
|
16
|
+
"onTabSelect",
|
|
17
|
+
"selectedTabId",
|
|
18
|
+
"AllTabsButton",
|
|
19
|
+
"isOverflowing",
|
|
20
|
+
"useActionListener",
|
|
21
|
+
]);
|
|
22
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
23
|
+
useActionListener(({ action }) => {
|
|
24
|
+
if (action.closeOnSelect === "all") {
|
|
25
|
+
setIsOpen(false);
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const handleDropdownSelect = useCallback((item) => () => {
|
|
29
|
+
onTabSelect(item);
|
|
30
|
+
setIsOpen(false);
|
|
31
|
+
}, [onTabSelect]);
|
|
32
|
+
const { onKeyboardNavigation, focusedItem, focusedAction, setFocusedIndex, setFocusedAction } = useListWithActionsKeyboardNavigation({
|
|
33
|
+
items: tabs,
|
|
34
|
+
getItemAdditionalActions: (item) => ((item.actions ?? []).length ? ["selectTabActions"] : []),
|
|
35
|
+
actionHandlers: {
|
|
36
|
+
selectItem: handleDropdownSelect,
|
|
37
|
+
selectTabActions: () => undefined,
|
|
38
|
+
},
|
|
39
|
+
isSimple: true,
|
|
40
|
+
});
|
|
41
|
+
const listWithActionsFocusStoreValue = useListWithActionsFocusStoreValue((item) => item.id);
|
|
42
|
+
const { containerRef } = useFocusWithinContainer(listWithActionsFocusStoreValue.makeId({ item: focusedItem, action: focusedAction }) ?? "");
|
|
43
|
+
if (!isOverflowing) {
|
|
44
|
+
return null;
|
|
45
|
+
}
|
|
46
|
+
return (_jsx("div", { className: UiTabsBem.e("dropdown-wrapper"), children: _jsx("div", { className: UiTabsBem.e("dropdown"), children: _jsx(Dropdown, { renderButton: ({ toggleDropdown, isOpen, buttonRef, ariaAttributes }) => (_jsx(AllTabsButton, { onClick: toggleDropdown, isOpen: isOpen, ref: buttonRef, ariaAttributes: ariaAttributes })), renderBody: ({ ariaAttributes }) => (_jsx(ListWithActionsFocusStore, { value: listWithActionsFocusStoreValue, children: _jsx("div", { className: UiTabsBem.e("tab-list"), role: "grid", ref: containerRef, onKeyDown: onKeyboardNavigation, tabIndex: -1, id: listWithActionsFocusStoreValue.containerId, ...ariaAttributes, "aria-label": "TODO", "aria-rowcount": tabs.length, children: tabs.map((item, index) => (_jsx(TabListItem, { item: item, index: index, focusedAction: item === focusedItem ? focusedAction : undefined, onApply: handleDropdownSelect(item) }, item.id))) }) })), autofocusOnOpen: true, shouldTrapFocus: true, alignPoints: [{ align: "br tr" }, { align: "tr br" }], closeOnEscape: true, accessibilityConfig: {
|
|
47
|
+
triggerRole: "button",
|
|
48
|
+
popupRole: "listbox",
|
|
49
|
+
}, onToggle: (desiredState) => {
|
|
50
|
+
setIsOpen((wasOpen) => desiredState ?? !wasOpen);
|
|
51
|
+
}, isOpen: isOpen, onOpenStateChanged: () => {
|
|
52
|
+
setFocusedIndex(tabs.findIndex((t) => t.id === selectedTabId) ?? 0);
|
|
53
|
+
setFocusedAction(SELECT_ITEM_ACTION);
|
|
54
|
+
} }) }) }));
|
|
55
|
+
}
|
|
56
|
+
function TabListItem({ item, index, focusedAction, onApply, }) {
|
|
57
|
+
const store = getTypedUiTabsContextStore();
|
|
58
|
+
const { TabValue, TabActions, selectedTabId } = store.useContextStoreValues([
|
|
59
|
+
"TabValue",
|
|
60
|
+
"TabActions",
|
|
61
|
+
"selectedTabId",
|
|
62
|
+
]);
|
|
63
|
+
const isSelected = item.id === selectedTabId;
|
|
64
|
+
const isFocused = !!focusedAction;
|
|
65
|
+
const makeId = ListWithActionsFocusStore.useContextStoreOptional((ctx) => ctx.makeId);
|
|
66
|
+
return (_jsxs("div", { className: UiTabsBem.e("tab-list-item", {
|
|
67
|
+
focused: isFocused,
|
|
68
|
+
"select-item": focusedAction === SELECT_ITEM_ACTION,
|
|
69
|
+
}), role: "row", "aria-rowindex": index + 1, "aria-labelledby": makeId?.({ item, action: SELECT_ITEM_ACTION }), tabIndex: -1, children: [_jsx("div", { className: UiTabsBem.e("tab-list-item-value"), onClick: onApply, role: "gridcell", children: _jsx("div", { role: "button", tabIndex: isSelected ? 0 : -1, id: makeId?.({ item, action: SELECT_ITEM_ACTION }), children: _jsx(TabValue, { tab: item, isSelected: isSelected, location: "allList" }) }) }), (item.actions ?? []).length ? (_jsx("div", { className: UiTabsBem.e("tab-list-item-actions", { focused: isFocused }), role: "gridcell", children: _jsx(TabActions, { tab: item, location: "allList", tabIndex: -1, id: makeId?.({ item, action: "selectTabActions" }) }) })) : null] }));
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=DefaultUiTabsAllTabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsAllTabs.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { EmptyObject } from "@gooddata/util";
|
|
2
|
+
import { IUiTabComponentProps } from "../types.js";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare function DefaultUiTabsAllTabsButton<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ isOpen, onClick, ref }: IUiTabComponentProps<"AllTabsButton", TTabProps, TTabActionProps>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=DefaultUiTabsAllTabsButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsAllTabsButton.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD;;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,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,oBAAoB,CAAC,eAAe,EAAE,SAAS,EAAE,eAAe,CAAC,2CAiB5F"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useIntl } from "react-intl";
|
|
3
|
+
import { UiButton } from "../../UiButton/UiButton.js";
|
|
4
|
+
import { messages } from "../messages.js";
|
|
5
|
+
/**
|
|
6
|
+
* @internal
|
|
7
|
+
*/
|
|
8
|
+
export function DefaultUiTabsAllTabsButton({ isOpen, onClick, ref }) {
|
|
9
|
+
const intl = useIntl();
|
|
10
|
+
return (_jsx(UiButton, { label: intl.formatMessage(messages["all"]), iconAfter: isOpen ? "chevronUp" : "chevronDown", size: "small", variant: "tertiary", accessibilityConfig: {
|
|
11
|
+
ariaLabel: intl.formatMessage(messages["showAllTabs"]),
|
|
12
|
+
ariaExpanded: isOpen,
|
|
13
|
+
}, onClick: onClick, ref: ref }));
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=DefaultUiTabsAllTabsButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsAllTabsButton.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAIrC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,0BAA0B,CAGxC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAqE;IACzF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACH,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAC1C,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAC/C,IAAI,EAAE,OAAO,EACb,OAAO,EAAC,UAAU,EAClB,mBAAmB,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;YACtD,YAAY,EAAE,MAAM;SACvB,EACD,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAmC,GAC1C,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 DefaultUiTabsContainer<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>(_props: IUiTabComponentProps<"Container", TTabProps, TTabActionProps>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=DefaultUiTabsContainer.d.ts.map
|