@gooddata/sdk-ui-kit 11.12.0-alpha.2 → 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/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 +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":"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"}
|
|
@@ -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":";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,EAKH,gBAAgB,GACnB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,gCAAgC,EAAE,MAAM,6DAA6D,CAAC;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AA4HlE,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,KAAK,EAAE;QACH,EAAE,EAAE,eAAe;KACtB;IACD,MAAM,EAAE;QACJ,EAAE,EAAE,gBAAgB;KACvB;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAI,KAAwC;IAChF,MAAM,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,aAAa,EACb,SAAS,EACT,aAAa,EACb,KAAK,GAAG,GAAG,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,MAAM,EACN,eAAe,EACf,eAAe,EACf,YAAY,EACZ,aAAa,EACb,UAAU,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,mBAAmB,IAAI,EAAE,CAAC,CAAC;IACpF,MAAM,CAAC,kBAAkB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAM,YAAY,IAAI,EAAE,CAAC,CAAC;IACrF,MAAM,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,iBAAiB,IAAI,IAAI,CAAC,CAAC;IAClG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAM,YAAY,IAAI,EAAE,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,iBAAiB,IAAI,IAAI,CAAC,CAAC;IAEjF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,gCAAgC,CACpD,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,CACf,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAEtD,MAAM,QAAQ,GAAG,CAAC,YAAoB,EAAE,EAAE;QACtC,eAAe,CAAC,YAAY,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,aAAkB,EAAE,UAAmB,EAAE,EAAE;QACzD,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,aAAa,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACjC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACnC,eAAe,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAChC,qBAAqB,CAAC,UAAU,CAAC,CAAC;QAClC,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;QAC9C,OAAO,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC;IACpG,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAsD,EAAE;QACjF,OAAO,CACH,KAAK,CAAC,YAAY;YAClB,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,QAAQ,IACL,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,cAAc,GAC1B,CACL,CAAC,CACL,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAE5C,OAAO,CACH,KAAC,QAAQ,IACL,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,kBAAkB,EAAE,CAAC,MAAM,EAAE,EAAE;YAC3B,IAAI,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,EAAE,CAAC;YACf,CAAC;iBAAM,CAAC;gBACJ,uBAAuB,EAAE,CAAC;gBAC1B,OAAO,EAAE,EAAE,CAAC;YAChB,CAAC;QACL,CAAC,EACD,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,CAAC,SAAS,EAAE,EAAE;YACtB,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;YACpC,MAAM,gBAAgB,GAAG,CAAC,UAAU,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,CAAC;YAC/D,MAAM,gBAAgB,GAClB,OAAO,CAAC,SAAS,EAAE,kBAAkB,CAAC,IAAI,UAAU,KAAK,mBAAmB,CAAC;YACjF,OAAO,CACH,8BACK,MAAM,EACP,KAAC,gBAAgB,IACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,eAAe,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,SAAS,EACxB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,CAAC,MAAM,GACzC,EACD,aAAa,EAAE,CAAC,SAAS,CAAC,IAAI,CAC3B,KAAC,+BAA+B,IAC5B,OAAO,EAAE,GAAG,EAAE;4BACV,OAAO,EAAE,CAAC;4BACV,aAAa,EAAE,CAAC;wBACpB,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;4BACX,aAAa,EAAE,CAAC;wBACpB,CAAC,EACD,eAAe,EAAE,gBAAgB,IAAI,gBAAgB,GACvD,CACL,IACF,CACN,CAAC;QACN,CAAC,GACO,CACf,CAAC;AACN,CAAC;AAQD,SAAS,+BAA+B,CAAC,EACrC,OAAO,EACP,eAAe,EACf,QAAQ,GAC4B;IACpC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAErD,OAAO,CACH,4BACI,eAAK,SAAS,EAAC,8BAA8B,aACzC,KAAC,aAAa,KAAG,EACjB,eAAK,SAAS,EAAC,sCAAsC,aACjD,KAAC,QAAQ,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,GAAI,EACnF,KAAC,QAAQ,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,eAAe,GAC7B,IACA,IACJ,GACP,CACN,CAAC;AACN,CAAC"}
|
|
@@ -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-theme-provider": "11.12.0-alpha.
|
|
82
|
-
"@gooddata/util": "11.12.0-alpha.
|
|
83
|
-
"@gooddata/sdk-
|
|
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",
|
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
|
|
66
66
|
&--sorted:hover {
|
|
67
67
|
color: var(--gd-palette-complementary-8);
|
|
68
|
+
|
|
68
69
|
#{$root}__sort svg {
|
|
69
70
|
fill: var(--gd-palette-complementary-8);
|
|
70
71
|
}
|
|
@@ -191,39 +192,31 @@
|
|
|
191
192
|
}
|
|
192
193
|
|
|
193
194
|
&__toolbar {
|
|
194
|
-
|
|
195
|
-
|
|
195
|
+
width: calc(100% - var(--gd-spacing-10px));
|
|
196
|
+
margin-right: var(--gd-spacing-10px);
|
|
197
|
+
margin-bottom: var(--gd-spacing-20px);
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
&__toolbar-top {
|
|
196
201
|
display: flex;
|
|
197
202
|
align-items: flex-start;
|
|
198
203
|
justify-content: start;
|
|
199
204
|
gap: var(--gd-spacing-10px);
|
|
200
205
|
margin-bottom: var(--gd-spacing-20px);
|
|
201
|
-
margin-right: var(--gd-spacing-10px);
|
|
202
|
-
width: calc(100% - var(--gd-spacing-10px));
|
|
203
|
-
|
|
204
|
-
#{$root}__cell {
|
|
205
|
-
visibility: visible;
|
|
206
|
-
border: 1px solid var(--gd-palette-complementary-3);
|
|
207
|
-
border-radius: 3px;
|
|
208
|
-
height: 27px;
|
|
209
|
-
}
|
|
210
206
|
|
|
211
207
|
&--mobile-view {
|
|
212
208
|
flex-direction: column-reverse;
|
|
213
209
|
align-items: stretch;
|
|
214
210
|
width: 100%;
|
|
215
|
-
padding-right: var(--gd-spacing-10px);
|
|
216
211
|
row-gap: var(--gd-spacing-20px);
|
|
217
|
-
margin-bottom: var(--gd-spacing-10px);
|
|
218
212
|
|
|
219
|
-
#{$root}__toolbar-
|
|
220
|
-
|
|
221
|
-
|
|
213
|
+
#{$root}__toolbar-search-section {
|
|
214
|
+
margin-left: 0;
|
|
215
|
+
max-width: 100%;
|
|
222
216
|
}
|
|
223
217
|
|
|
224
218
|
#{$root}__toolbar-search {
|
|
225
|
-
|
|
226
|
-
max-width: 100%;
|
|
219
|
+
flex-grow: 1;
|
|
227
220
|
}
|
|
228
221
|
|
|
229
222
|
#{$root}__toolbar-filters-section {
|
|
@@ -239,10 +232,25 @@
|
|
|
239
232
|
gap: var(--gd-spacing-10px);
|
|
240
233
|
}
|
|
241
234
|
|
|
235
|
+
&__toolbar-bulk-actions {
|
|
236
|
+
&--mobile-view {
|
|
237
|
+
width: 100%;
|
|
238
|
+
justify-content: space-between;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
#{$root}__cell {
|
|
242
|
+
visibility: visible;
|
|
243
|
+
border: 1px solid var(--gd-palette-complementary-3);
|
|
244
|
+
border-radius: 3px;
|
|
245
|
+
height: 27px;
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
|
|
242
249
|
&__toolbar-filters-section {
|
|
243
250
|
display: flex;
|
|
244
251
|
align-items: flex-start;
|
|
245
252
|
gap: var(--gd-spacing-10px);
|
|
253
|
+
margin-top: 1px;
|
|
246
254
|
}
|
|
247
255
|
|
|
248
256
|
&__toolbar-label {
|
|
@@ -271,15 +279,14 @@
|
|
|
271
279
|
overflow: hidden;
|
|
272
280
|
text-overflow: ellipsis;
|
|
273
281
|
white-space: nowrap;
|
|
274
|
-
|
|
275
|
-
&:not(&--short) {
|
|
276
|
-
min-width: 110px;
|
|
277
|
-
}
|
|
282
|
+
min-width: 110px;
|
|
278
283
|
}
|
|
279
284
|
|
|
280
|
-
&__toolbar-search {
|
|
285
|
+
&__toolbar-search-section {
|
|
286
|
+
display: flex;
|
|
287
|
+
gap: var(--gd-spacing-10px);
|
|
281
288
|
margin-left: auto;
|
|
282
|
-
max-width:
|
|
289
|
+
max-width: 260px;
|
|
283
290
|
}
|
|
284
291
|
|
|
285
292
|
&__toolbar-custom-element {
|
|
@@ -416,6 +423,7 @@
|
|
|
416
423
|
#{$root}__row--focused,
|
|
417
424
|
#{$root}__cell--focused {
|
|
418
425
|
@include mixins.focus-ring;
|
|
426
|
+
|
|
419
427
|
@supports (-webkit-hyphens: none) {
|
|
420
428
|
outline-offset: -5px;
|
|
421
429
|
}
|
|
@@ -95,6 +95,7 @@
|
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
&:active,
|
|
98
|
+
&[aria-expanded="true"],
|
|
98
99
|
&#{$root}--isSelected {
|
|
99
100
|
background-color: var(--gd-palette-primary-base-d12);
|
|
100
101
|
box-shadow: var(--gd-button-dropShadow, 0 1px 0 0) var(--gd-palette-complementary-9-t85)
|
|
@@ -129,6 +130,7 @@
|
|
|
129
130
|
}
|
|
130
131
|
|
|
131
132
|
&:active,
|
|
133
|
+
&[aria-expanded="true"],
|
|
132
134
|
&#{$root}--isSelected {
|
|
133
135
|
--gd-icon-fill-color: var(--gd-palette-primary-base);
|
|
134
136
|
|
|
@@ -159,6 +161,7 @@
|
|
|
159
161
|
&:hover,
|
|
160
162
|
&:focus-visible,
|
|
161
163
|
&:active,
|
|
164
|
+
&[aria-expanded="true"],
|
|
162
165
|
&#{$root}--isSelected {
|
|
163
166
|
--gd-icon-fill-color: var(--gd-palette-primary-base);
|
|
164
167
|
|