@gooddata/sdk-ui-kit 11.11.0-alpha.0 → 11.11.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/@ui/@types/icon.d.ts +1 -1
- package/esm/@ui/@types/icon.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js +7 -3
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/constants.d.ts +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/constants.js +1 -1
- package/esm/@ui/UiAsyncTable/types.d.ts +2 -0
- package/esm/@ui/UiAsyncTable/types.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.d.ts +2 -0
- package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.js +4 -3
- package/esm/@ui/UiButton/UiButton.js.map +1 -1
- package/esm/@ui/UiIcon/icons.d.ts.map +1 -1
- package/esm/@ui/UiIcon/icons.js +1 -0
- package/esm/@ui/UiIcon/icons.js.map +1 -1
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.d.ts.map +1 -1
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.js +2 -0
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.js.map +1 -1
- package/esm/@ui/UiMenu/types.d.ts +1 -0
- package/esm/@ui/UiMenu/types.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.js +9 -2
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.js +7 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.js +7 -5
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.js +7 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.d.ts +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.js +16 -9
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.d.ts +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.js +2 -2
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.js.map +1 -1
- package/esm/@ui/UiTabs/types.d.ts +10 -1
- package/esm/@ui/UiTabs/types.d.ts.map +1 -1
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.d.ts +1 -1
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.d.ts.map +1 -1
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.js +3 -1
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +18 -5
- package/package.json +9 -9
- package/src/@ui/UiAsyncTable/asyncTable.scss +11 -1
- package/src/@ui/UiMenu/UiMenu.scss +8 -0
- package/src/@ui/UiTabs/UiTabs.scss +72 -14
- package/styles/css/main.css +72 -17
- package/styles/css/main.css.map +1 -1
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
// (C) 2025 GoodData Corporation
|
|
3
3
|
import { useCallback, useState } from "react";
|
|
4
4
|
import { Dropdown } from "../../../Dropdown/index.js";
|
|
5
|
+
import { useMediaQuery } from "../../../responsive/index.js";
|
|
5
6
|
import { useFocusWithinContainer } from "../../hooks/useFocusWithinContainer.js";
|
|
6
7
|
import { SELECT_ITEM_ACTION, useListWithActionsKeyboardNavigation, } from "../../hooks/useListWithActionsKeyboardNavigation.js";
|
|
7
8
|
import { ScopedIdStore, useScopedIdStoreValue } from "../../hooks/useScopedId.js";
|
|
@@ -20,6 +21,7 @@ export function DefaultUiTabsAllTabs(_props) {
|
|
|
20
21
|
"isOverflowing",
|
|
21
22
|
"useActionListener",
|
|
22
23
|
]);
|
|
24
|
+
const isMobile = useMediaQuery("mobileDevice");
|
|
23
25
|
const [isOpen, setIsOpen] = useState(false);
|
|
24
26
|
useActionListener(({ action }) => {
|
|
25
27
|
if (action.closeOnSelect === "all") {
|
|
@@ -44,7 +46,7 @@ export function DefaultUiTabsAllTabs(_props) {
|
|
|
44
46
|
if (!isOverflowing) {
|
|
45
47
|
return null;
|
|
46
48
|
}
|
|
47
|
-
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(ScopedIdStore, { value: scopedIdStoreValue, children: _jsx("div", { className: UiTabsBem.e("tab-list"), role: "grid", ref: containerRef, onKeyDown: onKeyboardNavigation, tabIndex: -1, id: scopedIdStoreValue.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: {
|
|
49
|
+
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(ScopedIdStore, { value: scopedIdStoreValue, children: _jsx("div", { className: UiTabsBem.e("tab-list", { mobile: isMobile }), role: "grid", ref: containerRef, onKeyDown: onKeyboardNavigation, tabIndex: -1, id: scopedIdStoreValue.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: {
|
|
48
50
|
triggerRole: "button",
|
|
49
51
|
popupRole: "listbox",
|
|
50
52
|
}, onToggle: (desiredState) => {
|
|
@@ -64,9 +66,14 @@ function TabListItem({ item, index, focusedAction, onApply, }) {
|
|
|
64
66
|
const isSelected = item.id === selectedTabId;
|
|
65
67
|
const isFocused = !!focusedAction;
|
|
66
68
|
const makeId = ScopedIdStore.useContextStoreOptional((ctx) => ctx.makeId);
|
|
69
|
+
const [isActionsOpen, setIsActionsOpen] = useState(false);
|
|
70
|
+
const handleToggleActionsOpen = useCallback((desiredState) => setIsActionsOpen((wasOpen) => desiredState ?? !wasOpen), [setIsActionsOpen]);
|
|
67
71
|
return (_jsxs("div", { className: UiTabsBem.e("tab-list-item", {
|
|
68
72
|
focused: isFocused,
|
|
69
73
|
"select-item": focusedAction === SELECT_ITEM_ACTION,
|
|
70
|
-
|
|
74
|
+
"actions-open": isActionsOpen,
|
|
75
|
+
}), role: "row", "aria-rowindex": index + 1, "aria-labelledby": makeId?.({ item, specifier: 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, specifier: SELECT_ITEM_ACTION }), children: _jsx(TabValue, { tab: item, isSelected: isSelected, location: "allList" }) }) }), (item.actions ?? []).length ? (_jsx("div", { className: UiTabsBem.e("tab-list-item-actions", {
|
|
76
|
+
focused: isFocused,
|
|
77
|
+
}), role: "gridcell", children: _jsx(TabActions, { tab: item, location: "allList", tabIndex: -1, id: makeId?.({ item, specifier: "selectTabActions" }), isOpen: isActionsOpen, onToggleOpen: handleToggleActionsOpen }) })) : null] }));
|
|
71
78
|
}
|
|
72
79
|
//# sourceMappingURL=DefaultUiTabsAllTabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiTabsAllTabs.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAa,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EACH,kBAAkB,EAClB,oCAAoC,GACvC,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAGlC,MAAmE;IACjE,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,GACvF,KAAK,CAAC,qBAAqB,CAAC;QACxB,MAAM;QACN,aAAa;QACb,eAAe;QACf,eAAe;QACf,eAAe;QACf,mBAAmB;KACtB,CAAC,CAAC;IAEP,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QAC7B,IAAI,MAAM,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;YACjC,SAAS,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,WAAW,CACpC,CAAC,IAAwC,EAAE,EAAE,CAAC,GAAG,EAAE;QAC/C,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,MAAM,EAAE,oBAAoB,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,gBAAgB,EAAE,GACzF,oCAAoC,CAAC;QACjC,KAAK,EAAE,IAAI;QACX,wBAAwB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7F,cAAc,EAAE;YACZ,UAAU,EAAE,oBAAoB;YAChC,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;SACpC;QACD,QAAQ,EAAE,IAAI;KACjB,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,qBAAqB,CAC5C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAC3B,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,GAAG,uBAAuB,CAC5C,kBAAkB,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,CACnF,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,YAC3C,cAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,YACnC,KAAC,QAAQ,IACL,YAAY,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACrE,KAAC,aAAa,IACV,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,SAAS,EACd,cAAc,EAAE,cAAc,GAChC,CACL,EACD,UAAU,EAAE,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAChC,KAAC,aAAa,IAAC,KAAK,EAAE,kBAAkB,YACpC,cACI,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsAllTabs.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiTabsAllTabsButton.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsAllTabsButton.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA6C7C;;GAEG;AACH,eAAO,MAAM,0BAA0B,GAvCnC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,gBAClC,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC;;;;;oFAsC0D,CAAC"}
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useIntl } from "react-intl";
|
|
3
3
|
import { forwardRefWithGenerics } from "@gooddata/sdk-ui";
|
|
4
|
+
import { useMediaQuery } from "../../../responsive/index.js";
|
|
4
5
|
import { UiButton } from "../../UiButton/UiButton.js";
|
|
6
|
+
import { UiIconButton } from "../../UiIconButton/UiIconButton.js";
|
|
5
7
|
import { messages } from "../messages.js";
|
|
6
8
|
function DefaultUiTabsAllTabsButtonNotWrapped({ isOpen, onClick }, ref) {
|
|
7
9
|
const intl = useIntl();
|
|
8
|
-
|
|
10
|
+
const isMobile = useMediaQuery("mobileDevice");
|
|
11
|
+
return isMobile ? (_jsx(UiIconButton, { icon: isOpen ? "navigateUp" : "navigateDown", variant: "tertiary", label: intl.formatMessage(messages["all"]), accessibilityConfig: {
|
|
12
|
+
ariaLabel: intl.formatMessage(messages["showAllTabs"]),
|
|
13
|
+
ariaExpanded: isOpen,
|
|
14
|
+
}, onClick: onClick, ref: ref })) : (_jsx(UiButton, { label: intl.formatMessage(messages["all"]), iconAfter: isOpen ? "navigateUp" : "navigateDown", variant: "tertiary", accessibilityConfig: {
|
|
9
15
|
ariaLabel: intl.formatMessage(messages["showAllTabs"]),
|
|
10
16
|
ariaExpanded: isOpen,
|
|
11
17
|
}, onClick: onClick, ref: ref }));
|
|
@@ -1 +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;AAErC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,SAAS,oCAAoC,CAIzC,EAAE,MAAM,EAAE,OAAO,EAAqE,EACtF,GAA2B;IAE3B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsAllTabsButton.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,SAAS,oCAAoC,CAIzC,EAAE,MAAM,EAAE,OAAO,EAAqE,EACtF,GAA2B;IAE3B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,QAAQ,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;IAE/C,OAAO,QAAQ,CAAC,CAAC,CAAC,CACd,KAAC,YAAY,IACT,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAC5C,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAC1C,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,CAAC,CAAC,CACA,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAC1C,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACjD,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;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,sBAAsB,CAAC,oCAAoC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiTabsContainer.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,OAAO,EAAU,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAE3D;;GAEG;AACH,wBAAgB,sBAAsB,CAClC,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,WAAW,EAAE,SAAS,EAAE,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsContainer.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,OAAO,EAAU,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAE3D;;GAEG;AACH,wBAAgB,sBAAsB,CAClC,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,WAAW,EAAE,SAAS,EAAE,eAAe,CAAC,2CA+FtE"}
|
|
@@ -12,7 +12,7 @@ import { getTypedUiTabsContextStore } from "../context.js";
|
|
|
12
12
|
*/
|
|
13
13
|
export function DefaultUiTabsContainer(_props) {
|
|
14
14
|
const store = getTypedUiTabsContextStore();
|
|
15
|
-
const { Tab, accessibilityConfig, size, tabs, selectedTabId, onTabSelect, containerRef: resizeContainerRef, AllTabs, } = store.useContextStoreValues([
|
|
15
|
+
const { Tab, accessibilityConfig, size, tabs, selectedTabId, onTabSelect, containerRef: resizeContainerRef, AllTabs, disableBottomBorder, } = store.useContextStoreValues([
|
|
16
16
|
"Tab",
|
|
17
17
|
"accessibilityConfig",
|
|
18
18
|
"size",
|
|
@@ -21,6 +21,7 @@ export function DefaultUiTabsContainer(_props) {
|
|
|
21
21
|
"onTabSelect",
|
|
22
22
|
"containerRef",
|
|
23
23
|
"AllTabs",
|
|
24
|
+
"disableBottomBorder",
|
|
24
25
|
]);
|
|
25
26
|
const handleSelectTab = useCallback((tab) => () => {
|
|
26
27
|
onTabSelect(tab);
|
|
@@ -37,17 +38,18 @@ export function DefaultUiTabsContainer(_props) {
|
|
|
37
38
|
});
|
|
38
39
|
const scopedIdStoreValue = useScopedIdStoreValue((item) => item?.id);
|
|
39
40
|
const { containerRef: focusContainerRef } = useFocusWithinContainer(scopedIdStoreValue.makeId({ item: focusedItem, specifier: focusedAction }) ?? "");
|
|
41
|
+
const focusedItemContainerId = scopedIdStoreValue.makeId({ item: focusedItem, specifier: "container" });
|
|
40
42
|
useEffect(() => {
|
|
41
43
|
// We currently cannot use the smooth scrolling, since the actions dropdown uses the Bubble component
|
|
42
44
|
// which does not reposition itself once opened. So with the smooth animation, it becomes detached.
|
|
43
45
|
document
|
|
44
|
-
.getElementById(
|
|
46
|
+
.getElementById(focusedItemContainerId)
|
|
45
47
|
?.scrollIntoView({ block: "center", inline: "center", behavior: "instant" });
|
|
46
|
-
}, [
|
|
47
|
-
return (_jsxs("div", { className: UiTabsBem.b({ size, overflow: true }), children: [_jsx("div", { className: UiTabsBem.e("container"), ref: useCombineRefs(resizeContainerRef, focusContainerRef), onKeyDown: onKeyboardNavigation, id: scopedIdStoreValue.containerId, tabIndex: -1, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role, children: _jsx(ScopedIdStore, { value: scopedIdStoreValue, children: tabs.map((tab) => {
|
|
48
|
+
}, [focusedItemContainerId, selectedTabId]);
|
|
49
|
+
return (_jsxs("div", { className: UiTabsBem.b({ size, overflow: true, "disable-border": disableBottomBorder }), children: [_jsx("div", { className: UiTabsBem.e("container"), ref: useCombineRefs(resizeContainerRef, focusContainerRef), onKeyDown: onKeyboardNavigation, id: scopedIdStoreValue.containerId, tabIndex: -1, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role, children: _jsx(ScopedIdStore, { value: scopedIdStoreValue, children: tabs.map((tab) => {
|
|
48
50
|
const isSelected = selectedTabId === tab.id;
|
|
49
51
|
const onSelect = () => onTabSelect(tab);
|
|
50
|
-
return (_jsx(Tab, { tab: tab, isSelected: isSelected, focusedAction:
|
|
52
|
+
return (_jsx(Tab, { tab: tab, isSelected: isSelected, focusedAction: focusedItem === tab ? focusedAction : undefined, onSelect: onSelect }, tab.id));
|
|
51
53
|
}) }) }), _jsx(AllTabs, {})] }));
|
|
52
54
|
}
|
|
53
55
|
//# sourceMappingURL=DefaultUiTabsContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiTabsContainer.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,oCAAoC,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAGpC,MAAqE;IACnE,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EACF,GAAG,EACH,mBAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,WAAW,EACX,YAAY,EAAE,kBAAkB,EAChC,OAAO,
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsContainer.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiTabsTab.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTab.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,wBAAgB,gBAAgB,CAC5B,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,QAAQ,EAAE,aAAa,EAAE,EAAE,oBAAoB,CAAC,KAAK,EAAE,SAAS,EAAE,eAAe,CAAC,2CAoEtG"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// (C) 2025 GoodData Corporation
|
|
3
|
+
import { useCallback, useState } from "react";
|
|
2
4
|
import { SELECT_ITEM_ACTION } from "../../hooks/useListWithActionsKeyboardNavigation.js";
|
|
3
5
|
import { ScopedIdStore } from "../../hooks/useScopedId.js";
|
|
4
6
|
import { UiTooltip } from "../../UiTooltip/UiTooltip.js";
|
|
@@ -17,10 +19,14 @@ export function DefaultUiTabsTab({ tab, isSelected, onSelect, focusedAction }) {
|
|
|
17
19
|
]);
|
|
18
20
|
const makeId = ScopedIdStore.useContextStoreOptional((ctx) => ctx.makeId);
|
|
19
21
|
const isOverflowing = tab.label.length > maxLabelLength;
|
|
22
|
+
const [isActionsOpen, setIsActionsOpen] = useState(false);
|
|
23
|
+
const handleToggleActionsOpen = useCallback((desiredState) => setIsActionsOpen((wasOpen) => desiredState ?? !wasOpen), [setIsActionsOpen]);
|
|
20
24
|
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, specifier: SELECT_ITEM_ACTION }), children: _jsx(TabValue, { tab: tab, isSelected: isSelected, location: "tabs" }) }));
|
|
21
25
|
return (_jsxs("div", { className: UiTabsBem.e("tab-wrapper", {
|
|
22
26
|
selected: isSelected,
|
|
23
27
|
variant: tab.variant ?? "default",
|
|
24
|
-
|
|
28
|
+
focused: !!focusedAction,
|
|
29
|
+
"actions-open": isActionsOpen,
|
|
30
|
+
}), id: makeId?.({ item: tab, specifier: "container" }), children: [isOverflowing ? (_jsx(UiTooltip, { anchor: tabButton, content: tab.label, triggerBy: ["hover", "focus"], arrowPlacement: "top", optimalPlacement: true }, tab.id)) : (tabButton), _jsx("div", { className: UiTabsBem.e("tabs-actions"), children: _jsx(TabActions, { tab: tab, location: "tabs", id: makeId?.({ item: tab, specifier: "selectTabActions" }), tabIndex: focusedAction === "selectTabActions" ? 0 : -1, isOpen: isActionsOpen, onToggleOpen: handleToggleActionsOpen }) })] }));
|
|
25
31
|
}
|
|
26
32
|
//# sourceMappingURL=DefaultUiTabsTab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiTabsTab.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTab.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,5 +3,5 @@ import { IUiTabComponentProps } from "../types.js";
|
|
|
3
3
|
/**
|
|
4
4
|
* @internal
|
|
5
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;
|
|
6
|
+
export declare function DefaultUiTabsTabActions<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, location, id, tabIndex, isOpen, onToggleOpen, }: IUiTabComponentProps<"TabActions", TTabProps, TTabActionProps>): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
//# sourceMappingURL=DefaultUiTabsTabActions.d.ts.map
|
|
@@ -1 +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;
|
|
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;AAS7C,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,EACE,GAAG,EACH,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,MAAM,EACN,YAAY,GACf,EAAE,oBAAoB,CAAC,YAAY,EAAE,SAAS,EAAE,eAAe,CAAC,2CAkGhE"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
// (C) 2025 GoodData Corporation
|
|
3
|
-
import { useCallback, useMemo
|
|
3
|
+
import { useCallback, useMemo } from "react";
|
|
4
4
|
import { Dropdown } from "../../../Dropdown/index.js";
|
|
5
|
+
import { useScopedId } from "../../hooks/useScopedId.js";
|
|
5
6
|
import { isSeparator } from "../../UiListbox/defaults/DefaultUiListboxStaticItemComponent.js";
|
|
6
7
|
import { UiMenu } from "../../UiMenu/UiMenu.js";
|
|
7
8
|
import { UiTabsBem } from "../bem.js";
|
|
@@ -9,16 +10,13 @@ import { getTypedUiTabsContextStore } from "../context.js";
|
|
|
9
10
|
/**
|
|
10
11
|
* @internal
|
|
11
12
|
*/
|
|
12
|
-
export function DefaultUiTabsTabActions({ tab, location, id, tabIndex }) {
|
|
13
|
+
export function DefaultUiTabsTabActions({ tab, location, id, tabIndex, isOpen, onToggleOpen, }) {
|
|
13
14
|
const store = getTypedUiTabsContextStore();
|
|
14
15
|
const { TabActionsButton, onActionTriggered } = store.useContextStoreValues([
|
|
15
16
|
"TabActionsButton",
|
|
16
17
|
"onActionTriggered",
|
|
17
18
|
]);
|
|
18
|
-
const
|
|
19
|
-
const handleToggleOpen = useCallback((desiredState) => {
|
|
20
|
-
setIsOpen((wasOpen) => desiredState ?? !wasOpen);
|
|
21
|
-
}, []);
|
|
19
|
+
const tabElementId = useScopedId(tab, "container");
|
|
22
20
|
const menuItems = useMemo(() => tab.actions?.map((action) => {
|
|
23
21
|
return isSeparator(action)
|
|
24
22
|
? action
|
|
@@ -27,6 +25,7 @@ export function DefaultUiTabsTabActions({ tab, location, id, tabIndex }) {
|
|
|
27
25
|
id: action.id,
|
|
28
26
|
stringTitle: action.label,
|
|
29
27
|
isDisabled: action.isDisabled,
|
|
28
|
+
isDestructive: action.isDestructive,
|
|
30
29
|
iconLeft: action.iconLeft,
|
|
31
30
|
iconRight: action.iconRight,
|
|
32
31
|
data: {
|
|
@@ -34,12 +33,20 @@ export function DefaultUiTabsTabActions({ tab, location, id, tabIndex }) {
|
|
|
34
33
|
action.onSelect(ctx);
|
|
35
34
|
onActionTriggered({ action, tab, location });
|
|
36
35
|
if (action.closeOnSelect !== false) {
|
|
37
|
-
|
|
36
|
+
onToggleOpen(false);
|
|
38
37
|
}
|
|
38
|
+
// Scroll to the tab after the tabs are redrawn
|
|
39
|
+
window.setTimeout(() => {
|
|
40
|
+
document.getElementById(tabElementId)?.scrollIntoView({
|
|
41
|
+
inline: "nearest",
|
|
42
|
+
block: "nearest",
|
|
43
|
+
behavior: "instant",
|
|
44
|
+
});
|
|
45
|
+
}, 50);
|
|
39
46
|
}),
|
|
40
47
|
},
|
|
41
48
|
};
|
|
42
|
-
}) ?? [], [tab, onActionTriggered, location]);
|
|
49
|
+
}) ?? [], [tab, onActionTriggered, location, tabElementId, onToggleOpen]);
|
|
43
50
|
const handleItemSelected = useCallback((item) => {
|
|
44
51
|
if (item.type !== "interactive") {
|
|
45
52
|
return;
|
|
@@ -52,6 +59,6 @@ export function DefaultUiTabsTabActions({ tab, location, id, tabIndex }) {
|
|
|
52
59
|
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: "br tr" }], closeOnEscape: true, closeOnOutsideClick: true, accessibilityConfig: {
|
|
53
60
|
triggerRole: "button",
|
|
54
61
|
popupRole: "listbox",
|
|
55
|
-
}, isOpen: isOpen, onToggle:
|
|
62
|
+
}, isOpen: isOpen, onToggle: onToggleOpen }));
|
|
56
63
|
}
|
|
57
64
|
//# sourceMappingURL=DefaultUiTabsTabActions.js.map
|
|
@@ -1 +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,
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTabActions.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,5 +3,5 @@ import { IUiTabComponentProps } from "../types.js";
|
|
|
3
3
|
/**
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
|
-
export declare function DefaultUiTabsTabActionsButton<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, onClick, ariaAttributes, tabIndex, id,
|
|
6
|
+
export declare function DefaultUiTabsTabActionsButton<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, onClick, ariaAttributes, tabIndex, id, }: IUiTabComponentProps<"TabActionsButton", TTabProps, TTabActionProps>): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
//# sourceMappingURL=DefaultUiTabsTabActionsButton.d.ts.map
|
|
@@ -1 +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,
|
|
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,GACL,EAAE,oBAAoB,CAAC,kBAAkB,EAAE,SAAS,EAAE,eAAe,CAAC,2CAuBtE"}
|
|
@@ -7,14 +7,14 @@ import { messages } from "../messages.js";
|
|
|
7
7
|
/**
|
|
8
8
|
* @internal
|
|
9
9
|
*/
|
|
10
|
-
export function DefaultUiTabsTabActionsButton({ tab, onClick, ariaAttributes, tabIndex, id,
|
|
10
|
+
export function DefaultUiTabsTabActionsButton({ tab, onClick, ariaAttributes, tabIndex, id, }) {
|
|
11
11
|
const intl = useIntl();
|
|
12
12
|
const store = getTypedUiTabsContextStore();
|
|
13
13
|
const { size } = store.useContextStoreValues(["size"]);
|
|
14
14
|
if (tab.actions.length === 0) {
|
|
15
15
|
return null;
|
|
16
16
|
}
|
|
17
|
-
return (_jsx(UiIconButton, { icon: "ellipsisVertical", size: size === "large" ? "small" : "xsmall", variant:
|
|
17
|
+
return (_jsx(UiIconButton, { icon: "ellipsisVertical", size: size === "large" ? "small" : "xsmall", variant: "tertiary", accessibilityConfig: {
|
|
18
18
|
ariaLabel: intl.formatMessage(messages["actions"]),
|
|
19
19
|
}, ariaAttributes: ariaAttributes, onClick: onClick, tabIndex: tabIndex, id: id }));
|
|
20
20
|
}
|
|
@@ -1 +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,
|
|
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,GACiE;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,UAAU,EACnB,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"}
|
|
@@ -12,6 +12,7 @@ export type IUiTabAction<TTabProps extends Record<any, any> = EmptyObject, TTabA
|
|
|
12
12
|
id: string;
|
|
13
13
|
label: string;
|
|
14
14
|
isDisabled?: boolean;
|
|
15
|
+
isDestructive?: boolean;
|
|
15
16
|
onSelect?: (context: {
|
|
16
17
|
tab: IUiTab<TTabProps, TTabActionProps>;
|
|
17
18
|
}) => void;
|
|
@@ -58,6 +59,8 @@ export type IUiTabComponents<TTabProps extends Record<any, any> = EmptyObject, T
|
|
|
58
59
|
TabActions: ComponentType<{
|
|
59
60
|
tab: IUiTab<TTabProps, TTabActionProps>;
|
|
60
61
|
location: "tabs" | "allList";
|
|
62
|
+
isOpen: boolean;
|
|
63
|
+
onToggleOpen: (desiredState?: boolean) => void;
|
|
61
64
|
tabIndex?: number;
|
|
62
65
|
id?: string;
|
|
63
66
|
}>;
|
|
@@ -93,7 +96,7 @@ export type IUiTabActionEventContext<TTabProps extends Record<any, any> = EmptyO
|
|
|
93
96
|
/**
|
|
94
97
|
* @internal
|
|
95
98
|
*/
|
|
96
|
-
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"> & {
|
|
99
|
+
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" | "disableBottomBorder"> & {
|
|
97
100
|
isOverflowing: boolean;
|
|
98
101
|
containerRef: RefCallback<Element>;
|
|
99
102
|
onActionTriggered: (context: IUiTabActionEventContext<TTabProps, TTabActionProps>) => void;
|
|
@@ -109,6 +112,12 @@ export type IUiTabsProps<TTabProps extends Record<any, any> = EmptyObject, TTabA
|
|
|
109
112
|
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
110
113
|
maxLabelLength?: number;
|
|
111
114
|
accessibilityConfig?: IUiTabsAccessibilityConfig;
|
|
115
|
+
/**
|
|
116
|
+
* When true, disables the gray bottom border line.
|
|
117
|
+
*
|
|
118
|
+
* @defaultValue false
|
|
119
|
+
*/
|
|
120
|
+
disableBottomBorder?: boolean;
|
|
112
121
|
} & Partial<IUiTabComponents<TTabProps, TTabActionProps>>;
|
|
113
122
|
/**
|
|
114
123
|
* @internal
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,5 +3,5 @@ import { IUiTabContext, IUiTabsProps } from "./types.js";
|
|
|
3
3
|
/**
|
|
4
4
|
* @internal
|
|
5
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>;
|
|
6
|
+
export declare function useUiTabsContextStoreValue<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tabs, selectedTabId, onTabSelect, size, maxLabelLength, accessibilityConfig: accessibilityConfigProp, disableBottomBorder, Container, Tab, TabValue, TabActions, TabActionsButton, AllTabs, AllTabsButton, }: IUiTabsProps<TTabProps, TTabActionProps>): IUiTabContext<TTabProps, TTabActionProps>;
|
|
7
7
|
//# sourceMappingURL=useUiTabsContextStoreValue.d.ts.map
|
|
@@ -1 +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,
|
|
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,mBAAmB,EACnB,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,CA+FtF"}
|
|
@@ -16,7 +16,7 @@ function createActionListener(actionEventListeners) {
|
|
|
16
16
|
/**
|
|
17
17
|
* @internal
|
|
18
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, }) {
|
|
19
|
+
export function useUiTabsContextStoreValue({ tabs, selectedTabId, onTabSelect, size = "medium", maxLabelLength, accessibilityConfig: accessibilityConfigProp, disableBottomBorder, Container = DefaultUiTabsContainer, Tab = DefaultUiTabsTab, TabValue = DefaultUiTabsTabValue, TabActions = DefaultUiTabsTabActions, TabActionsButton = DefaultUiTabsTabActionsButton, AllTabs = DefaultUiTabsAllTabs, AllTabsButton = DefaultUiTabsAllTabsButton, }) {
|
|
20
20
|
const [isOverflowing, setIsOverflowing] = useState(false);
|
|
21
21
|
const resizeObserverRef = useRef(null);
|
|
22
22
|
const mutationObserverRef = useRef(null);
|
|
@@ -53,6 +53,7 @@ export function useUiTabsContextStoreValue({ tabs, selectedTabId, onTabSelect, s
|
|
|
53
53
|
onTabSelect,
|
|
54
54
|
size,
|
|
55
55
|
maxLabelLength,
|
|
56
|
+
disableBottomBorder,
|
|
56
57
|
accessibilityConfig,
|
|
57
58
|
onActionTriggered,
|
|
58
59
|
useActionListener,
|
|
@@ -71,6 +72,7 @@ export function useUiTabsContextStoreValue({ tabs, selectedTabId, onTabSelect, s
|
|
|
71
72
|
onTabSelect,
|
|
72
73
|
size,
|
|
73
74
|
maxLabelLength,
|
|
75
|
+
disableBottomBorder,
|
|
74
76
|
accessibilityConfig,
|
|
75
77
|
onActionTriggered,
|
|
76
78
|
useActionListener,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUiTabsContextStoreValue.js","sourceRoot":"","sources":["../../../src/@ui/UiTabs/useUiTabsContextStoreValue.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"useUiTabsContextStoreValue.js","sourceRoot":"","sources":["../../../src/@ui/UiTabs/useUiTabsContextStoreValue.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EACH,oBAAoB,EACpB,0BAA0B,EAC1B,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,6BAA6B,EAC7B,qBAAqB,GACxB,MAAM,8BAA8B,CAAC;AAGtC,IAAI,eAAe,GAAG,CAAC,CAAC;AAExB,SAAS,oBAAoB,CAIzB,oBAGC;IAED,OAAO,CAAC,QAAiF,EAAE,EAAE;QACzF,SAAS,CAAC,GAAG,EAAE;YACX,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;YAE7B,oBAAoB,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;YACvC,OAAO,GAAG,EAAE;gBACR,oBAAoB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACpC,CAAC,CAAC;QACN,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnB,CAAC,CAAC;AACN,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B,CAGxC,EACE,IAAI,EACJ,aAAa,EACb,WAAW,EACX,IAAI,GAAG,QAAQ,EACf,cAAc,EACd,mBAAmB,EAAE,uBAAuB,EAC5C,mBAAmB,EACnB,SAAS,GAAG,sBAAsB,EAClC,GAAG,GAAG,gBAAgB,EACtB,QAAQ,GAAG,qBAAqB,EAChC,UAAU,GAAG,uBAAuB,EACpC,gBAAgB,GAAG,6BAA6B,EAChD,OAAO,GAAG,oBAAoB,EAC9B,aAAa,GAAG,0BAA0B,GACH;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,iBAAiB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC9D,MAAM,mBAAmB,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,MAAM,CAAU,IAAI,CAAC,CAAC;IAE3C,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC3E,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE9B,uCAAuC;IACvC,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,SAAkB,EAAE,EAAE;QAC5D,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;QAEjC,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QACxC,mBAAmB,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QAE1C,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,aAAa,GAAG,GAAG,EAAE;YACvB,MAAM,WAAW,GAAG,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;YAClE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAClC,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;QAEhB,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC;QAC9D,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC7C,mBAAmB,CAAC,OAAO,GAAG,IAAI,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAClE,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACxE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,oBAAoB,CAAC,GAAG,QAAQ,CACnC,IAAI,GAAG,EAAmF,CAC7F,CAAC;IACF,MAAM,iBAAiB,GAAG,WAAW,CACjC,CAAC,OAA6D,EAAE,EAAE;QAC9D,oBAAoB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,CAAC,EACD,CAAC,oBAAoB,CAAC,CACzB,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,oBAAoB,CAAC,oBAAoB,CAAC,EAChD,CAAC,oBAAoB,CAAC,CACzB,CAAC;IAEF,OAAO,OAAO,CACV,GAAG,EAAE,CAAC,CAAC;QACH,IAAI;QACJ,aAAa;QACb,WAAW;QACX,IAAI;QACJ,cAAc;QACd,mBAAmB;QAEnB,mBAAmB;QAEnB,iBAAiB;QACjB,iBAAiB;QAEjB,aAAa;QACb,YAAY,EAAE,oBAAoB;QAElC,SAAS;QACT,GAAG;QACH,QAAQ;QACR,UAAU;QACV,gBAAgB;QAChB,OAAO;QACP,aAAa;KAChB,CAAC,EACF;QACI,IAAI;QACJ,aAAa;QACb,WAAW;QACX,IAAI;QACJ,cAAc;QACd,mBAAmB;QACnB,mBAAmB;QACnB,iBAAiB;QACjB,iBAAiB;QACjB,aAAa;QACb,oBAAoB;QACpB,SAAS;QACT,GAAG;QACH,QAAQ;QACR,UAAU;QACV,gBAAgB;QAChB,OAAO;QACP,aAAa;KAChB,CACJ,CAAC;AACN,CAAC"}
|
package/esm/sdk-ui-kit.d.ts
CHANGED
|
@@ -615,12 +615,12 @@ export declare function DefaultUiTabsTab<TTabProps extends Record<any, any> = Em
|
|
|
615
615
|
/**
|
|
616
616
|
* @internal
|
|
617
617
|
*/
|
|
618
|
-
export declare function DefaultUiTabsTabActions<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, location, id, tabIndex }: IUiTabComponentProps<"TabActions", TTabProps, TTabActionProps>): JSX.Element;
|
|
618
|
+
export declare function DefaultUiTabsTabActions<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, location, id, tabIndex, isOpen, onToggleOpen, }: IUiTabComponentProps<"TabActions", TTabProps, TTabActionProps>): JSX.Element;
|
|
619
619
|
|
|
620
620
|
/**
|
|
621
621
|
* @internal
|
|
622
622
|
*/
|
|
623
|
-
export declare function DefaultUiTabsTabActionsButton<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, onClick, ariaAttributes, tabIndex, id,
|
|
623
|
+
export declare function DefaultUiTabsTabActionsButton<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, onClick, ariaAttributes, tabIndex, id, }: IUiTabComponentProps<"TabActionsButton", TTabProps, TTabActionProps>): JSX.Element;
|
|
624
624
|
|
|
625
625
|
/**
|
|
626
626
|
* @internal
|
|
@@ -2269,7 +2269,7 @@ export declare function IconTreeMap({ className, width, height, color, ariaHidde
|
|
|
2269
2269
|
/**
|
|
2270
2270
|
* @internal
|
|
2271
2271
|
*/
|
|
2272
|
-
export declare type IconType = "brain" | "brainDisabled" | "check" | "checkCircle" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "minimize" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "recommendation";
|
|
2272
|
+
export declare type IconType = "brain" | "brainDisabled" | "check" | "checkCircle" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "clockPaused" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "minimize" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "recommendation";
|
|
2273
2273
|
|
|
2274
2274
|
/**
|
|
2275
2275
|
* @internal
|
|
@@ -5697,6 +5697,7 @@ export declare type IUiMenuInteractiveItem<T extends IUiMenuItemData = object> =
|
|
|
5697
5697
|
stringTitle: string;
|
|
5698
5698
|
isDisabled?: boolean;
|
|
5699
5699
|
isSelected?: boolean;
|
|
5700
|
+
isDestructive?: boolean;
|
|
5700
5701
|
data: T["interactive"];
|
|
5701
5702
|
subItems?: IUiMenuItem<T>[];
|
|
5702
5703
|
iconRight?: ReactNode;
|
|
@@ -5839,6 +5840,7 @@ export declare type IUiTabAction<TTabProps extends Record<any, any> = EmptyObjec
|
|
|
5839
5840
|
id: string;
|
|
5840
5841
|
label: string;
|
|
5841
5842
|
isDisabled?: boolean;
|
|
5843
|
+
isDestructive?: boolean;
|
|
5842
5844
|
onSelect?: (context: {
|
|
5843
5845
|
tab: IUiTab<TTabProps, TTabActionProps>;
|
|
5844
5846
|
}) => void;
|
|
@@ -5888,6 +5890,8 @@ export declare type IUiTabComponents<TTabProps extends Record<any, any> = EmptyO
|
|
|
5888
5890
|
TabActions: ComponentType<{
|
|
5889
5891
|
tab: IUiTab<TTabProps, TTabActionProps>;
|
|
5890
5892
|
location: "tabs" | "allList";
|
|
5893
|
+
isOpen: boolean;
|
|
5894
|
+
onToggleOpen: (desiredState?: boolean) => void;
|
|
5891
5895
|
tabIndex?: number;
|
|
5892
5896
|
id?: string;
|
|
5893
5897
|
}>;
|
|
@@ -5912,7 +5916,7 @@ export declare type IUiTabComponents<TTabProps extends Record<any, any> = EmptyO
|
|
|
5912
5916
|
/**
|
|
5913
5917
|
* @internal
|
|
5914
5918
|
*/
|
|
5915
|
-
export declare type IUiTabContext<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = Pick<IUiTabsProps<TTabProps, TTabActionProps>, "tabs" | "selectedTabId" | "onTabSelect" | "size" | "accessibilityConfig" | "maxLabelLength"> & {
|
|
5919
|
+
export declare type IUiTabContext<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = Pick<IUiTabsProps<TTabProps, TTabActionProps>, "tabs" | "selectedTabId" | "onTabSelect" | "size" | "accessibilityConfig" | "maxLabelLength" | "disableBottomBorder"> & {
|
|
5916
5920
|
isOverflowing: boolean;
|
|
5917
5921
|
containerRef: RefCallback<Element>;
|
|
5918
5922
|
onActionTriggered: (context: IUiTabActionEventContext<TTabProps, TTabActionProps>) => void;
|
|
@@ -5936,6 +5940,12 @@ export declare type IUiTabsProps<TTabProps extends Record<any, any> = EmptyObjec
|
|
|
5936
5940
|
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
5937
5941
|
maxLabelLength?: number;
|
|
5938
5942
|
accessibilityConfig?: IUiTabsAccessibilityConfig;
|
|
5943
|
+
/**
|
|
5944
|
+
* When true, disables the gray bottom border line.
|
|
5945
|
+
*
|
|
5946
|
+
* @defaultValue false
|
|
5947
|
+
*/
|
|
5948
|
+
disableBottomBorder?: boolean;
|
|
5939
5949
|
} & Partial<IUiTabComponents<TTabProps, TTabActionProps>>;
|
|
5940
5950
|
|
|
5941
5951
|
/**
|
|
@@ -7149,6 +7159,7 @@ export declare interface UiAsyncTableProps<T extends {
|
|
|
7149
7159
|
sortDirection?: SortDirection;
|
|
7150
7160
|
onSort?: (key: keyof T) => void;
|
|
7151
7161
|
onSearch?: (search: string) => void;
|
|
7162
|
+
renderToolbarCustomElement?: () => ReactNode;
|
|
7152
7163
|
bulkActions?: Array<UiAsyncTableBulkAction>;
|
|
7153
7164
|
selectedItemIds?: Array<string>;
|
|
7154
7165
|
setSelectedItemIds?: (items: Array<string>) => void;
|
|
@@ -7241,8 +7252,10 @@ export declare interface UiButtonProps {
|
|
|
7241
7252
|
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
7242
7253
|
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTooltip | VariantLink;
|
|
7243
7254
|
iconBefore?: IconType;
|
|
7255
|
+
iconBeforeSize?: number;
|
|
7244
7256
|
badgeAfter?: number;
|
|
7245
7257
|
iconAfter?: IconType;
|
|
7258
|
+
iconAfterSize?: number;
|
|
7246
7259
|
label: string;
|
|
7247
7260
|
isDisabled?: boolean;
|
|
7248
7261
|
isLoading?: boolean;
|
|
@@ -8220,7 +8233,7 @@ export declare const useUiTabOutHandlerConnectors: <T extends HTMLElement = HTML
|
|
|
8220
8233
|
/**
|
|
8221
8234
|
* @internal
|
|
8222
8235
|
*/
|
|
8223
|
-
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>;
|
|
8236
|
+
export declare function useUiTabsContextStoreValue<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tabs, selectedTabId, onTabSelect, size, maxLabelLength, accessibilityConfig: accessibilityConfigProp, disableBottomBorder, Container, Tab, TabValue, TabActions, TabActionsButton, AllTabs, AllTabsButton, }: IUiTabsProps<TTabProps, TTabActionProps>): IUiTabContext<TTabProps, TTabActionProps>;
|
|
8224
8237
|
|
|
8225
8238
|
/**
|
|
8226
8239
|
* @internal
|