@gooddata/sdk-ui-kit 11.12.0-alpha.1 → 11.12.0-alpha.3
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/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js +13 -5
- 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 +22 -19
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js.map +1 -1
- package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.js +1 -1
- package/esm/@ui/UiButton/UiButton.js.map +1 -1
- package/esm/@ui/UiMenu/UiMenu.d.ts.map +1 -1
- package/esm/@ui/UiMenu/UiMenu.js +3 -2
- package/esm/@ui/UiMenu/UiMenu.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 +1 -2
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.js.map +1 -1
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.d.ts +1 -1
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.d.ts.map +1 -1
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.js +1 -2
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.js.map +1 -1
- package/esm/@ui/UiMenu/hooks.d.ts.map +1 -1
- package/esm/@ui/UiMenu/hooks.js +2 -1
- package/esm/@ui/UiMenu/hooks.js.map +1 -1
- package/esm/@ui/UiMenu/types.d.ts +3 -2
- 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 +22 -7
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.js +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.js +2 -2
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.js +2 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.js.map +1 -1
- package/esm/@ui/UiTabs/types.d.ts +1 -1
- package/esm/@ui/UiTabs/types.d.ts.map +1 -1
- package/esm/Dropdown/DropdownInvertableSelect.d.ts +17 -1
- package/esm/Dropdown/DropdownInvertableSelect.d.ts.map +1 -1
- package/esm/Dropdown/DropdownInvertableSelect.js +8 -4
- package/esm/Dropdown/DropdownInvertableSelect.js.map +1 -1
- package/esm/List/InvertableSelect/InvertableSelectItem.d.ts +2 -1
- package/esm/List/InvertableSelect/InvertableSelectItem.d.ts.map +1 -1
- package/esm/List/InvertableSelect/InvertableSelectItem.js +2 -2
- package/esm/List/InvertableSelect/InvertableSelectItem.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +24 -6
- package/package.json +9 -9
- package/src/@ui/UiAsyncTable/asyncTable.scss +32 -24
- package/src/@ui/UiButton/UiButton.scss +3 -0
- package/src/@ui/UiMenu/UiMenu.scss +40 -28
- package/src/@ui/UiTabs/UiTabs.scss +15 -5
- package/styles/css/main.css +75 -54
- package/styles/css/main.css.map +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
// (C) 2025 GoodData Corporation
|
|
3
|
-
import { useCallback, useState } from "react";
|
|
3
|
+
import { useCallback, useEffect, useState } from "react";
|
|
4
4
|
import { Dropdown } from "../../../Dropdown/index.js";
|
|
5
5
|
import { useMediaQuery } from "../../../responsive/index.js";
|
|
6
6
|
import { useFocusWithinContainer } from "../../hooks/useFocusWithinContainer.js";
|
|
@@ -23,11 +23,6 @@ export function DefaultUiTabsAllTabs(_props) {
|
|
|
23
23
|
]);
|
|
24
24
|
const isMobile = useMediaQuery("mobileDevice");
|
|
25
25
|
const [isOpen, setIsOpen] = useState(false);
|
|
26
|
-
useActionListener(({ action }) => {
|
|
27
|
-
if (action.closeOnSelect === "all") {
|
|
28
|
-
setIsOpen(false);
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
26
|
const handleDropdownSelect = useCallback((item) => () => {
|
|
32
27
|
onTabSelect(item);
|
|
33
28
|
setIsOpen(false);
|
|
@@ -43,6 +38,26 @@ export function DefaultUiTabsAllTabs(_props) {
|
|
|
43
38
|
});
|
|
44
39
|
const scopedIdStoreValue = useScopedIdStoreValue((item) => item?.id ?? "");
|
|
45
40
|
const { containerRef } = useFocusWithinContainer(scopedIdStoreValue.makeId({ item: focusedItem, specifier: focusedAction }) ?? "");
|
|
41
|
+
const selectedItemId = focusedItem
|
|
42
|
+
? scopedIdStoreValue.makeId({ item: focusedItem, specifier: "container" })
|
|
43
|
+
: "";
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
document
|
|
46
|
+
.getElementById(selectedItemId)
|
|
47
|
+
?.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "instant" });
|
|
48
|
+
}, [selectedItemId, isOpen]);
|
|
49
|
+
useActionListener(({ action, tab }) => {
|
|
50
|
+
if (action.closeOnSelect === "all") {
|
|
51
|
+
setIsOpen(false);
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
const tabContainerId = scopedIdStoreValue.makeId({ item: tab, specifier: "container" });
|
|
55
|
+
window.setTimeout(() => {
|
|
56
|
+
document
|
|
57
|
+
.getElementById(tabContainerId)
|
|
58
|
+
?.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "instant" });
|
|
59
|
+
}, 50);
|
|
60
|
+
});
|
|
46
61
|
if (!isOverflowing) {
|
|
47
62
|
return null;
|
|
48
63
|
}
|
|
@@ -72,7 +87,7 @@ function TabListItem({ item, index, focusedAction, onApply, }) {
|
|
|
72
87
|
focused: isFocused,
|
|
73
88
|
"select-item": focusedAction === SELECT_ITEM_ACTION,
|
|
74
89
|
"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", {
|
|
90
|
+
}), role: "row", "aria-rowindex": index + 1, "aria-labelledby": makeId?.({ item, specifier: SELECT_ITEM_ACTION }), tabIndex: -1, id: makeId?.({ item, specifier: "container" }), 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 }), className: UiTabsBem.e("tab-list-item-value-button"), "aria-label": item.label, children: _jsx(TabValue, { tab: item, isSelected: isSelected, location: "allList" }) }) }), (item.actions ?? []).length ? (_jsx("div", { className: UiTabsBem.e("tab-list-item-actions", {
|
|
76
91
|
focused: isFocused,
|
|
77
92
|
}), role: "gridcell", children: _jsx(TabActions, { tab: item, location: "allList", tabIndex: -1, id: makeId?.({ item, specifier: "selectTabActions" }), isOpen: isActionsOpen, onToggleOpen: handleToggleActionsOpen }) })) : null] }));
|
|
78
93
|
}
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsAllTabs.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ export function DefaultUiTabsTab({ tab, isSelected, onSelect, focusedAction }) {
|
|
|
22
22
|
const isOverflowing = tab.label.length > maxLabelLength;
|
|
23
23
|
const [isActionsOpen, setIsActionsOpen] = useState(false);
|
|
24
24
|
const handleToggleActionsOpen = useCallback((desiredState) => setIsActionsOpen((wasOpen) => desiredState ?? !wasOpen), [setIsActionsOpen]);
|
|
25
|
-
const tabButton = (_jsx("button", { className: UiTabsBem.e("item", { selected: isSelected }), onClick: onSelect, role: accessibilityConfig?.tabRole, "aria-selected": isSelected, "aria-label":
|
|
25
|
+
const tabButton = (_jsx("button", { className: UiTabsBem.e("item", { selected: isSelected }), onClick: onSelect, role: accessibilityConfig?.tabRole, "aria-selected": isSelected, "aria-label": tab.label, tabIndex: focusedAction === SELECT_ITEM_ACTION ? 0 : -1, id: makeId?.({ item: tab, specifier: SELECT_ITEM_ACTION }), "data-testid": `s-tab-${stringUtils.simplifyText(tab.label)}`, children: _jsx(TabValue, { tab: tab, isSelected: isSelected, location: "tabs" }) }));
|
|
26
26
|
return (_jsxs("div", { className: UiTabsBem.e("tab-wrapper", {
|
|
27
27
|
selected: isSelected,
|
|
28
28
|
variant: tab.variant ?? "default",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiTabsTab.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAe,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAG9B,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAA2D;IACnG,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,qBAAqB,CAAC;QAC9F,qBAAqB;QACrB,UAAU;QACV,YAAY;QACZ,gBAAgB;KACnB,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,aAAa,CAAC,uBAAuB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAE1E,MAAM,aAAa,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAExD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,uBAAuB,GAAG,WAAW,CACvC,CAAC,YAAsB,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,EACnF,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,MAAM,SAAS,GAAG,CACd,iBACI,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EACxD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,mBAAmB,EAAE,OAAO,mBACnB,UAAU,gBACb,
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTab.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAe,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAG9B,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAA2D;IACnG,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,qBAAqB,CAAC;QAC9F,qBAAqB;QACrB,UAAU;QACV,YAAY;QACZ,gBAAgB;KACnB,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,aAAa,CAAC,uBAAuB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAE1E,MAAM,aAAa,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAExD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,uBAAuB,GAAG,WAAW,CACvC,CAAC,YAAsB,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,EACnF,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,MAAM,SAAS,GAAG,CACd,iBACI,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EACxD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,mBAAmB,EAAE,OAAO,mBACnB,UAAU,gBACb,GAAG,CAAC,KAAK,EACrB,QAAQ,EAAE,aAAa,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvD,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,iBAC7C,SAAS,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,YAE3D,KAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAI,GAC3D,CACZ,CAAC;IAEF,OAAO,CACH,eACI,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE;YAClC,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,GAAG,CAAC,OAAO,IAAI,SAAS;YACjC,OAAO,EAAE,CAAC,CAAC,aAAa;YACxB,cAAc,EAAE,aAAa;SAChC,CAAC,aAEF,cACI,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAC3C,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,GAC7D,EACD,aAAa,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IAEN,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,GAAG,CAAC,KAAK,EAClB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC7B,cAAc,EAAC,KAAK,EACpB,gBAAgB,UALX,GAAG,CAAC,EAAE,CAMb,CACL,CAAC,CAAC,CAAC,CACA,SAAS,CACZ,EAED,cAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,YACvC,KAAC,UAAU,IACP,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,MAAM,EAChB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,EAC1D,QAAQ,EAAE,aAAa,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvD,MAAM,EAAE,aAAa,EACrB,YAAY,EAAE,uBAAuB,GACvC,GACA,IACJ,CACT,CAAC;AACN,CAAC"}
|
|
@@ -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;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,
|
|
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,2CAuGhE"}
|
|
@@ -16,7 +16,7 @@ export function DefaultUiTabsTabActions({ tab, location, id, tabIndex, isOpen, o
|
|
|
16
16
|
"TabActionsButton",
|
|
17
17
|
"onActionTriggered",
|
|
18
18
|
]);
|
|
19
|
-
const tabElementId = useScopedId(tab, "
|
|
19
|
+
const tabElementId = useScopedId(tab, "tab-scroll-target");
|
|
20
20
|
const menuItems = useMemo(() => tab.actions?.map((action) => {
|
|
21
21
|
return isSeparator(action)
|
|
22
22
|
? action
|
|
@@ -58,7 +58,7 @@ export function DefaultUiTabsTabActions({ tab, location, id, tabIndex, isOpen, o
|
|
|
58
58
|
if (menuItems.length === 0) {
|
|
59
59
|
return null;
|
|
60
60
|
}
|
|
61
|
-
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: {
|
|
61
|
+
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, size: "small", containerBottomPadding: "small", containerTopPadding: "small" })), autofocusOnOpen: true, shouldTrapFocus: true, alignPoints: [{ align: "bl tl" }, { align: "br tr" }], closeOnEscape: true, closeOnOutsideClick: true, accessibilityConfig: {
|
|
62
62
|
triggerRole: "button",
|
|
63
63
|
popupRole: "listbox",
|
|
64
64
|
}, isOpen: isOpen, onToggle: onToggleOpen }));
|
|
@@ -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,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,iEAAiE,CAAC;AAE9F,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAU3D;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAGrC,EACE,GAAG,EACH,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,MAAM,EACN,YAAY,GACiD;IAC7D,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC,qBAAqB,CAAC;QACxE,kBAAkB;QAClB,mBAAmB;KACtB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTabActions.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiTabsTabValue.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTabValue.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,wBAAgB,qBAAqB,CACjC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EAChD,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EACxD,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,oBAAoB,CAAC,UAAU,EAAE,SAAS,EAAE,eAAe,CAAC,2CAgBlF"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ShortenedText } from "../../../ShortenedText/index.js";
|
|
2
3
|
import { UiTabsBem } from "../bem.js";
|
|
3
4
|
import { getTypedUiTabsContextStore } from "../context.js";
|
|
4
5
|
/**
|
|
@@ -8,6 +9,6 @@ export function DefaultUiTabsTabValue({ tab, isSelected }) {
|
|
|
8
9
|
const store = getTypedUiTabsContextStore();
|
|
9
10
|
const { maxLabelLength } = store.useContextStoreValues(["maxLabelLength"]);
|
|
10
11
|
const isOverflowing = tab.label.length > maxLabelLength;
|
|
11
|
-
return (_jsx(
|
|
12
|
+
return (_jsx(ShortenedText, { className: UiTabsBem.e("label", { selected: isSelected, variant: tab.variant ?? "default" }), ellipsisPosition: "end", tagName: "div", tooltipAlignPoints: [{ align: "cl cr" }], children: isOverflowing ? tab.label.substring(0, maxLabelLength) + "…" : tab.label }));
|
|
12
13
|
}
|
|
13
14
|
//# sourceMappingURL=DefaultUiTabsTabValue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiTabsTabValue.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAGnC,EAAE,GAAG,EAAE,UAAU,EAAgE;IAC/E,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAE3E,MAAM,aAAa,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAExD,OAAO,CACH,
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsTabValue.js","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAGnC,EAAE,GAAG,EAAE,UAAU,EAAgE;IAC/E,MAAM,KAAK,GAAG,0BAA0B,EAA8B,CAAC;IACvE,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAE3E,MAAM,aAAa,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAExD,OAAO,CACH,KAAC,aAAa,IACV,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,EAC5F,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,KAAK,EACd,kBAAkB,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,YAEvC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,GAC7D,CACnB,CAAC;AACN,CAAC"}
|
|
@@ -102,7 +102,7 @@ export type IUiTabContext<TTabProps extends Record<any, any> = EmptyObject, TTab
|
|
|
102
102
|
isOverflowing: boolean;
|
|
103
103
|
containerRef: RefCallback<Element>;
|
|
104
104
|
onActionTriggered: (context: IUiTabActionEventContext<TTabProps, TTabActionProps>) => void;
|
|
105
|
-
useActionListener: (callback: (context: IUiTabActionEventContext) => void) => void;
|
|
105
|
+
useActionListener: (callback: (context: IUiTabActionEventContext<TTabProps, TTabActionProps>) => void) => void;
|
|
106
106
|
} & IUiTabComponents<TTabProps, TTabActionProps>;
|
|
107
107
|
/**
|
|
108
108
|
* @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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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from "react";
|
|
2
2
|
import { type IDropdownBodyRenderProps, type IDropdownButtonRenderProps } from "../Dropdown/Dropdown.js";
|
|
3
|
-
import { type IInvertableSelectRenderNoDataProps, type IInvertableSelectRenderSearchBarProps, type IInvertableSelectRenderStatusBarProps } from "../List/InvertableSelect/InvertableSelect.js";
|
|
3
|
+
import { IInvertableSelectRenderItemProps, type IInvertableSelectRenderNoDataProps, type IInvertableSelectRenderSearchBarProps, type IInvertableSelectRenderStatusBarProps } from "../List/InvertableSelect/InvertableSelect.js";
|
|
4
4
|
import { OverlayPositionType } from "../typings/overlay.js";
|
|
5
5
|
import type { IAlignPoint } from "../typings/positioning.js";
|
|
6
6
|
/**
|
|
@@ -79,10 +79,26 @@ export interface IDropdownInvertableSelectProps<T> {
|
|
|
79
79
|
* Render function for the actions.
|
|
80
80
|
*/
|
|
81
81
|
renderActions?: (props: IDropdownBodyRenderProps) => ReactElement;
|
|
82
|
+
/**
|
|
83
|
+
* Render function for the item.
|
|
84
|
+
*/
|
|
85
|
+
renderItem?: (props: IInvertableSelectRenderItemProps<T>) => ReactElement;
|
|
82
86
|
/**
|
|
83
87
|
* Overlay position type.
|
|
84
88
|
*/
|
|
85
89
|
overlayPositionType?: OverlayPositionType;
|
|
90
|
+
/**
|
|
91
|
+
* On open handler
|
|
92
|
+
*/
|
|
93
|
+
onOpen?: () => void;
|
|
94
|
+
/**
|
|
95
|
+
* On close handler
|
|
96
|
+
*/
|
|
97
|
+
onClose?: () => void;
|
|
98
|
+
/**
|
|
99
|
+
* Close on escape
|
|
100
|
+
*/
|
|
101
|
+
closeOnEscape?: boolean;
|
|
86
102
|
}
|
|
87
103
|
/**
|
|
88
104
|
* @internal
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownInvertableSelect.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownInvertableSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAMnE,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAClC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACH,KAAK,kCAAkC,EACvC,KAAK,qCAAqC,EAC1C,KAAK,qCAAqC,EAE7C,MAAM,8CAA8C,CAAC;AAGtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,8BAA8B,CAAC,CAAC;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAElC;;OAEG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEhC;;OAEG;IACH,QAAQ,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAE5B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IAEnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,qCAAqC,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAEpF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,qCAAqC,KAAK,YAAY,CAAC;IAEjF;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,kCAAkC,KAAK,YAAY,CAAC;IAE3E;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC;IAEhE;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,YAAY,CAAC;IAElE;;OAEG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownInvertableSelect.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownInvertableSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAMnE,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAClC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACH,gCAAgC,EAChC,KAAK,kCAAkC,EACvC,KAAK,qCAAqC,EAC1C,KAAK,qCAAqC,EAE7C,MAAM,8CAA8C,CAAC;AAGtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,8BAA8B,CAAC,CAAC;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAElC;;OAEG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEhC;;OAEG;IACH,QAAQ,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAE5B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IAEnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,qCAAqC,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAEpF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,qCAAqC,KAAK,YAAY,CAAC;IAEjF;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,kCAAkC,KAAK,YAAY,CAAC;IAE3E;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC;IAEhE;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,YAAY,CAAC;IAElE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAE1E;;OAEG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAE1C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAWD;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,KAAK,EAAE,8BAA8B,CAAC,CAAC,CAAC,2CA0InF;AAED,MAAM,WAAW,qCAAqC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B"}
|
|
@@ -20,7 +20,7 @@ const messages = defineMessages({
|
|
|
20
20
|
* @internal
|
|
21
21
|
*/
|
|
22
22
|
export function DropdownInvertableSelect(props) {
|
|
23
|
-
const { title, options, onChange, className, bodyClassName, width = 240, alignPoints, getItemTitle, getItemKey, initialValue, initialIsInverted, initialSearchString, overlayPositionType, header, renderStatusBar, renderSearchBar, renderNoData, renderActions, } = props;
|
|
23
|
+
const { title, options, onChange, onOpen, onClose, closeOnEscape, className, bodyClassName, width = 240, alignPoints, getItemTitle, getItemKey, initialValue, initialIsInverted, initialSearchString, overlayPositionType, header, renderStatusBar, renderSearchBar, renderNoData, renderActions, renderItem, } = props;
|
|
24
24
|
const [searchString, setSearchString] = useState(initialSearchString ?? "");
|
|
25
25
|
const [committedSelection, setCommitedSelection] = useState(initialValue ?? []);
|
|
26
26
|
const [committedIsInverted, setCommitedIsInverted] = useState(initialIsInverted ?? true);
|
|
@@ -53,14 +53,18 @@ export function DropdownInvertableSelect(props) {
|
|
|
53
53
|
(({ toggleDropdown }) => (_jsx(UiButton, { label: buttonText, badgeAfter: count, onClick: toggleDropdown, size: "small", variant: "secondary", iconAfter: "navigateDown" }))));
|
|
54
54
|
}, [buttonText, count, props.renderButton]);
|
|
55
55
|
return (_jsx(Dropdown, { className: className, alignPoints: alignPoints, overlayPositionType: overlayPositionType, onOpenStateChanged: (isOpen) => {
|
|
56
|
-
if (
|
|
56
|
+
if (isOpen) {
|
|
57
|
+
onOpen?.();
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
57
60
|
resetTemporarySelection();
|
|
61
|
+
onClose?.();
|
|
58
62
|
}
|
|
59
|
-
}, renderButton: renderButton, renderBody: (bodyProps) => {
|
|
63
|
+
}, closeOnEscape: closeOnEscape, renderButton: renderButton, renderBody: (bodyProps) => {
|
|
60
64
|
const { closeDropdown } = bodyProps;
|
|
61
65
|
const isEmptySelection = !isInverted && selection.length === 0;
|
|
62
66
|
const isSelectionEqual = isEqual(selection, committedSelection) && isInverted === committedIsInverted;
|
|
63
|
-
return (_jsxs(_Fragment, { children: [header, _jsx(InvertableSelect, { width: width, className: bodyClassName, items: filteredOptions, getItemTitle: getItemTitle, getItemKey: getItemKey, isInverted: isInverted, searchString: searchString, onSearch: onSearch, selectedItems: selection, onSelect: onSelect, renderStatusBar: renderStatusBar, renderSearchBar: renderSearchBar, renderNoData: renderNoData, totalItemsCount: filteredOptions.length }), renderActions?.(bodyProps) ?? (_jsx(DropdownInvertableSelectActions, { onApply: () => {
|
|
67
|
+
return (_jsxs(_Fragment, { children: [header, _jsx(InvertableSelect, { width: width, className: bodyClassName, items: filteredOptions, getItemTitle: getItemTitle, getItemKey: getItemKey, isInverted: isInverted, searchString: searchString, onSearch: onSearch, selectedItems: selection, onSelect: onSelect, renderStatusBar: renderStatusBar, renderSearchBar: renderSearchBar, renderNoData: renderNoData, renderItem: renderItem, totalItemsCount: filteredOptions.length }), renderActions?.(bodyProps) ?? (_jsx(DropdownInvertableSelectActions, { onApply: () => {
|
|
64
68
|
onApply();
|
|
65
69
|
closeDropdown();
|
|
66
70
|
}, onCancel: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownInvertableSelect.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownInvertableSelect.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAA2B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EACH,QAAQ,GAGX,MAAM,yBAAyB,CAAC;AACjC,OAAO,
|
|
1
|
+
{"version":3,"file":"DropdownInvertableSelect.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownInvertableSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,11 +17,12 @@ export interface IInvertableSelectItem {
|
|
|
17
17
|
onOnly?: () => void;
|
|
18
18
|
onClick?: () => void;
|
|
19
19
|
renderOnly?: (props: IInvertableSelectItemRenderOnlyProps) => ReactElement;
|
|
20
|
+
renderRight?: () => ReactElement | null;
|
|
20
21
|
isDisabled?: boolean;
|
|
21
22
|
listRef?: RefObject<HTMLElement>;
|
|
22
23
|
}
|
|
23
24
|
/**
|
|
24
25
|
* @internal
|
|
25
26
|
*/
|
|
26
|
-
export declare function InvertableSelectItem({ title, onClick, onMouseOver, onMouseOut, isSelected, onOnly, renderOnly, icon, isDisabled, }: IInvertableSelectItem): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare function InvertableSelectItem({ title, onClick, onMouseOver, onMouseOut, isSelected, onOnly, renderOnly, renderRight, icon, isDisabled, }: IInvertableSelectItem): import("react/jsx-runtime").JSX.Element;
|
|
27
28
|
//# sourceMappingURL=InvertableSelectItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvertableSelectItem.d.ts","sourceRoot":"","sources":["../../../src/List/InvertableSelect/InvertableSelectItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAOzE;;GAEG;AACH,MAAM,WAAW,oCAAoC;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,oCAAoC,KAAK,YAAY,CAAC;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,UAAU,EACV,MAAM,EACN,UAAU,EACV,IAAI,EACJ,UAAU,GACb,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"InvertableSelectItem.d.ts","sourceRoot":"","sources":["../../../src/List/InvertableSelect/InvertableSelectItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAOzE;;GAEG;AACH,MAAM,WAAW,oCAAoC;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,oCAAoC,KAAK,YAAY,CAAC;IAC3E,WAAW,CAAC,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,UAAU,EACV,MAAM,EACN,UAAU,EACV,WAAW,EACX,IAAI,EACJ,UAAU,GACb,EAAE,qBAAqB,2CA4CvB"}
|
|
@@ -7,7 +7,7 @@ import { stringUtils } from "@gooddata/util";
|
|
|
7
7
|
/**
|
|
8
8
|
* @internal
|
|
9
9
|
*/
|
|
10
|
-
export function InvertableSelectItem({ title, onClick, onMouseOver, onMouseOut, isSelected, onOnly, renderOnly, icon, isDisabled, }) {
|
|
10
|
+
export function InvertableSelectItem({ title, onClick, onMouseOver, onMouseOut, isSelected, onOnly, renderOnly, renderRight, icon, isDisabled, }) {
|
|
11
11
|
const handleOnly = useCallback((e) => {
|
|
12
12
|
if (isDisabled) {
|
|
13
13
|
return;
|
|
@@ -21,6 +21,6 @@ export function InvertableSelectItem({ title, onClick, onMouseOver, onMouseOut,
|
|
|
21
21
|
"has-only-visible": true,
|
|
22
22
|
"is-selected": isSelected,
|
|
23
23
|
"is-disabled": isDisabled,
|
|
24
|
-
}), onClick: isDisabled ? () => { } : onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut, children: [_jsxs("label", { className: "input-checkbox-label", children: [_jsx("input", { type: "checkbox", className: "input-checkbox", readOnly: true, checked: isSelected, disabled: isDisabled }), icon ?? null, _jsx("span", { className: "input-label-text", children: title })] }), renderOnly?.({ onOnly: onOnly }) ?? (_jsx("span", { className: "gd-list-item-only", onClick: handleOnly, children: _jsx(FormattedMessage, { id: "gs.list.only" }) }))] }));
|
|
24
|
+
}), onClick: isDisabled ? () => { } : onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut, children: [_jsxs("label", { className: "input-checkbox-label", children: [_jsx("input", { type: "checkbox", className: "input-checkbox", readOnly: true, checked: isSelected, disabled: isDisabled }), icon ?? null, _jsx("span", { className: "input-label-text", children: title })] }), renderOnly?.({ onOnly: onOnly }) ?? (_jsx("span", { className: "gd-list-item-only", onClick: handleOnly, children: _jsx(FormattedMessage, { id: "gs.list.only" }) })), renderRight?.()] }));
|
|
25
25
|
}
|
|
26
26
|
//# sourceMappingURL=InvertableSelectItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvertableSelectItem.js","sourceRoot":"","sources":["../../../src/List/InvertableSelect/InvertableSelectItem.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAuC,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"InvertableSelectItem.js","sourceRoot":"","sources":["../../../src/List/InvertableSelect/InvertableSelectItem.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAuC,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA0B7C;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,UAAU,EACV,MAAM,EACN,UAAU,EACV,WAAW,EACX,IAAI,EACJ,UAAU,GACU;IACpB,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,CAA8B,EAAE,EAAE;QAC/B,IAAI,UAAU,EAAE,CAAC;YACb,OAAO;QACX,CAAC;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,MAAM,EAAE,EAAE,CAAC;IACf,CAAC,EACD,CAAC,MAAM,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,OAAO,CACH,eACI,SAAS,EAAE,EAAE,CAAC;YACV,cAAc,EAAE,IAAI;YACpB,CAAC,KAAK,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,IAAI;YAC9C,kBAAkB,EAAE,IAAI;YACxB,aAAa,EAAE,UAAU;YACzB,aAAa,EAAE,UAAU;SAC5B,CAAC,EACF,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,OAAO,EACxC,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,aAEtB,iBAAO,SAAS,EAAC,sBAAsB,aACnC,gBACI,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,QACR,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,GACtB,EACD,IAAI,IAAI,IAAI,EACb,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAQ,IAC7C,EACP,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,IAAI,CACjC,eAAM,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,UAAU,YACnD,KAAC,gBAAgB,IAAC,EAAE,EAAC,cAAc,GAAG,GACnC,CACV,EACA,WAAW,EAAE,EAAE,IACd,CACT,CAAC;AACN,CAAC"}
|
package/esm/sdk-ui-kit.d.ts
CHANGED
|
@@ -551,7 +551,7 @@ item: IUiMenuContentItem<T>;
|
|
|
551
551
|
/**
|
|
552
552
|
* @internal
|
|
553
553
|
*/
|
|
554
|
-
export declare function DefaultUiMenuContentItem<T extends IUiMenuItemData = object>({ item, isFocused,
|
|
554
|
+
export declare function DefaultUiMenuContentItem<T extends IUiMenuItemData = object>({ item, isFocused, }: IUiMenuContentItemProps<T>): ReactNode;
|
|
555
555
|
|
|
556
556
|
/**
|
|
557
557
|
* Default component for rendering content menu items.
|
|
@@ -574,7 +574,7 @@ export declare const DefaultUiMenuHeader: FC;
|
|
|
574
574
|
/**
|
|
575
575
|
* @internal
|
|
576
576
|
*/
|
|
577
|
-
export declare function DefaultUiMenuInteractiveItem<T extends IUiMenuItemData = object>({ item, isFocused,
|
|
577
|
+
export declare function DefaultUiMenuInteractiveItem<T extends IUiMenuItemData = object>({ item, isFocused, }: IUiMenuInteractiveItemProps<T>): ReactNode;
|
|
578
578
|
|
|
579
579
|
/**
|
|
580
580
|
* @internal
|
|
@@ -2724,10 +2724,26 @@ export declare interface IDropdownInvertableSelectProps<T> {
|
|
|
2724
2724
|
* Render function for the actions.
|
|
2725
2725
|
*/
|
|
2726
2726
|
renderActions?: (props: IDropdownBodyRenderProps) => ReactElement;
|
|
2727
|
+
/**
|
|
2728
|
+
* Render function for the item.
|
|
2729
|
+
*/
|
|
2730
|
+
renderItem?: (props: IInvertableSelectRenderItemProps<T>) => ReactElement;
|
|
2727
2731
|
/**
|
|
2728
2732
|
* Overlay position type.
|
|
2729
2733
|
*/
|
|
2730
2734
|
overlayPositionType?: OverlayPositionType;
|
|
2735
|
+
/**
|
|
2736
|
+
* On open handler
|
|
2737
|
+
*/
|
|
2738
|
+
onOpen?: () => void;
|
|
2739
|
+
/**
|
|
2740
|
+
* On close handler
|
|
2741
|
+
*/
|
|
2742
|
+
onClose?: () => void;
|
|
2743
|
+
/**
|
|
2744
|
+
* Close on escape
|
|
2745
|
+
*/
|
|
2746
|
+
closeOnEscape?: boolean;
|
|
2731
2747
|
}
|
|
2732
2748
|
|
|
2733
2749
|
/**
|
|
@@ -3401,6 +3417,7 @@ export declare interface IInvertableSelectItem {
|
|
|
3401
3417
|
onOnly?: () => void;
|
|
3402
3418
|
onClick?: () => void;
|
|
3403
3419
|
renderOnly?: (props: IInvertableSelectItemRenderOnlyProps) => ReactElement;
|
|
3420
|
+
renderRight?: () => ReactElement | null;
|
|
3404
3421
|
isDisabled?: boolean;
|
|
3405
3422
|
listRef?: RefObject<HTMLElement>;
|
|
3406
3423
|
}
|
|
@@ -4426,7 +4443,7 @@ export declare function InvertableSelectAllCheckbox({ isVisible, checked, onTogg
|
|
|
4426
4443
|
/**
|
|
4427
4444
|
* @internal
|
|
4428
4445
|
*/
|
|
4429
|
-
export declare function InvertableSelectItem({ title, onClick, onMouseOver, onMouseOut, isSelected, onOnly, renderOnly, icon, isDisabled, }: IInvertableSelectItem): JSX.Element;
|
|
4446
|
+
export declare function InvertableSelectItem({ title, onClick, onMouseOver, onMouseOut, isSelected, onOnly, renderOnly, renderRight, icon, isDisabled, }: IInvertableSelectItem): JSX.Element;
|
|
4430
4447
|
|
|
4431
4448
|
/**
|
|
4432
4449
|
* @internal
|
|
@@ -5624,7 +5641,6 @@ export declare type IUiMenuContentItem<T extends IUiMenuItemData = object> = {
|
|
|
5624
5641
|
export declare interface IUiMenuContentItemProps<T extends IUiMenuItemData = object> {
|
|
5625
5642
|
item: IUiMenuContentItem<T>;
|
|
5626
5643
|
isFocused: boolean;
|
|
5627
|
-
size?: SizeSmall | SizeMedium;
|
|
5628
5644
|
}
|
|
5629
5645
|
|
|
5630
5646
|
/**
|
|
@@ -5646,6 +5662,7 @@ export declare interface IUiMenuContentProps<T extends IUiMenuItemData = object>
|
|
|
5646
5662
|
*/
|
|
5647
5663
|
export declare interface IUiMenuContext<T extends IUiMenuItemData = object, M = object> extends IUiMenuPluggableComponents<T> {
|
|
5648
5664
|
items: IUiMenuItem<T>[];
|
|
5665
|
+
size: SizeSmall | SizeMedium;
|
|
5649
5666
|
focusedItem: IUiMenuFocusableItem<T> | undefined;
|
|
5650
5667
|
shownCustomContentItemId?: string;
|
|
5651
5668
|
setShownCustomContentItemId: Dispatch<SetStateAction<string | undefined>>;
|
|
@@ -5721,7 +5738,6 @@ export declare type IUiMenuInteractiveItem<T extends IUiMenuItemData = object> =
|
|
|
5721
5738
|
export declare interface IUiMenuInteractiveItemProps<T extends IUiMenuItemData = object> {
|
|
5722
5739
|
item: IUiMenuInteractiveItem<T>;
|
|
5723
5740
|
isFocused: boolean;
|
|
5724
|
-
size?: SizeSmall | SizeMedium;
|
|
5725
5741
|
}
|
|
5726
5742
|
|
|
5727
5743
|
/**
|
|
@@ -5932,7 +5948,7 @@ export declare type IUiTabContext<TTabProps extends Record<any, any> = EmptyObje
|
|
|
5932
5948
|
isOverflowing: boolean;
|
|
5933
5949
|
containerRef: RefCallback<Element>;
|
|
5934
5950
|
onActionTriggered: (context: IUiTabActionEventContext<TTabProps, TTabActionProps>) => void;
|
|
5935
|
-
useActionListener: (callback: (context: IUiTabActionEventContext) => void) => void;
|
|
5951
|
+
useActionListener: (callback: (context: IUiTabActionEventContext<TTabProps, TTabActionProps>) => void) => void;
|
|
5936
5952
|
} & IUiTabComponents<TTabProps, TTabActionProps>;
|
|
5937
5953
|
|
|
5938
5954
|
/**
|
|
@@ -7596,11 +7612,13 @@ export declare function UiMenu<T extends IUiMenuItemData = object, M extends obj
|
|
|
7596
7612
|
*/
|
|
7597
7613
|
export declare interface UiMenuProps<T extends IUiMenuItemData = object, M = object> extends Partial<IUiMenuPluggableComponents<T>> {
|
|
7598
7614
|
items: IUiMenuItem<T>[];
|
|
7615
|
+
size?: SizeSmall | SizeMedium;
|
|
7599
7616
|
dataTestId?: ((context: IUiMenuContext<T>) => string | undefined) | string;
|
|
7600
7617
|
itemDataTestId?: ((item: IUiMenuItem<T>) => string | undefined) | string;
|
|
7601
7618
|
maxWidth?: number;
|
|
7602
7619
|
maxHeight?: ((context: IUiMenuContext<T>) => number | undefined) | number;
|
|
7603
7620
|
containerBottomPadding?: "none" | "small" | "medium";
|
|
7621
|
+
containerTopPadding?: "none" | "small" | "medium";
|
|
7604
7622
|
onSelect?: (item: IUiMenuInteractiveItem<T>, event: MouseEvent_2 | KeyboardEvent_2) => void;
|
|
7605
7623
|
onLevelChange?: (level: number, item?: IUiMenuContentItem<T> | IUiMenuInteractiveItem<T>) => void;
|
|
7606
7624
|
onClose?: () => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-kit",
|
|
3
|
-
"version": "11.12.0-alpha.
|
|
3
|
+
"version": "11.12.0-alpha.3",
|
|
4
4
|
"description": "GoodData SDK - UI Building Components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -76,11 +76,11 @@
|
|
|
76
76
|
"tslib": "2.8.1",
|
|
77
77
|
"unified": "^11.0.5",
|
|
78
78
|
"uuid": "^11.1.0",
|
|
79
|
-
"@gooddata/sdk-backend-spi": "11.12.0-alpha.
|
|
80
|
-
"@gooddata/sdk-
|
|
81
|
-
"@gooddata/sdk-ui": "11.12.0-alpha.
|
|
82
|
-
"@gooddata/
|
|
83
|
-
"@gooddata/
|
|
79
|
+
"@gooddata/sdk-backend-spi": "11.12.0-alpha.3",
|
|
80
|
+
"@gooddata/sdk-ui": "11.12.0-alpha.3",
|
|
81
|
+
"@gooddata/sdk-ui-theme-provider": "11.12.0-alpha.3",
|
|
82
|
+
"@gooddata/util": "11.12.0-alpha.3",
|
|
83
|
+
"@gooddata/sdk-model": "11.12.0-alpha.3"
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
86
|
"@gooddata/stylelint-config": "^5.0.0",
|
|
@@ -130,9 +130,9 @@
|
|
|
130
130
|
"typescript": "5.8.3",
|
|
131
131
|
"vitest": "3.2.4",
|
|
132
132
|
"vitest-dom": "0.1.1",
|
|
133
|
-
"@gooddata/eslint-config": "11.12.0-alpha.
|
|
134
|
-
"@gooddata/reference-workspace": "11.12.0-alpha.
|
|
135
|
-
"@gooddata/sdk-backend-mockingbird": "11.12.0-alpha.
|
|
133
|
+
"@gooddata/eslint-config": "11.12.0-alpha.3",
|
|
134
|
+
"@gooddata/reference-workspace": "11.12.0-alpha.3",
|
|
135
|
+
"@gooddata/sdk-backend-mockingbird": "11.12.0-alpha.3"
|
|
136
136
|
},
|
|
137
137
|
"peerDependencies": {
|
|
138
138
|
"react": "^18.0.0 || ^19.0.0",
|