@gooddata/sdk-ui-kit 11.35.0-alpha.1 → 11.35.0-alpha.2
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/UiDrawer/UiDrawer.d.ts.map +1 -1
- package/esm/@ui/UiDrawer/UiDrawer.js +8 -2
- package/esm/@ui/UiDrawer/UiDrawer.js.map +1 -1
- package/esm/@ui/hooks/useElementSize.d.ts +2 -1
- package/esm/@ui/hooks/useElementSize.d.ts.map +1 -1
- package/esm/@ui/hooks/useElementSize.js +4 -3
- package/esm/@ui/hooks/useElementSize.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +2 -1
- package/package.json +11 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiDrawer.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiDrawer/UiDrawer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UiDrawer.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiDrawer/UiDrawer.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAIjD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACrB,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,IAAiB,EACjB,UAAU,EACV,QAAQ,EACR,MAAgB,EAChB,UAAU,EACV,WAAW,EACX,cAAc,EACd,UAAoB,EACpB,eAAsB,EACtB,YAAmB,EACnB,MAAM,EACN,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,aAAa,EACb,mBAAmB,EACtB,EAAE,cAAc,kDA8FhB"}
|
|
@@ -5,6 +5,7 @@ import { Portal } from "react-portal";
|
|
|
5
5
|
import { bem } from "../@utils/bem.js";
|
|
6
6
|
import { makeDialogKeyboardNavigation } from "../@utils/keyboardNavigation.js";
|
|
7
7
|
import { OverlayContent, OverlayProvider } from "../@utils/OverlayStack.js";
|
|
8
|
+
import { useElementSize } from "../hooks/useElementSize.js";
|
|
8
9
|
import { UiAutofocus } from "../UiFocusManager/UiAutofocus.js";
|
|
9
10
|
import { UiFocusTrap } from "../UiFocusManager/UiFocusTrap.js";
|
|
10
11
|
import { UiReturnFocusOnUnmount } from "../UiFocusManager/UiReturnFocusOnUnmount.js";
|
|
@@ -23,6 +24,7 @@ export function UiDrawer({ open, zIndex, node, mode = "absolute", dataTestId, ch
|
|
|
23
24
|
shouldPreventDefault: true,
|
|
24
25
|
shouldStopPropagation: true,
|
|
25
26
|
}), [onEscapeKey]);
|
|
27
|
+
const { ref: headerRef, height } = useElementSize([isOpen, ref.current]);
|
|
26
28
|
if (!isOpen) {
|
|
27
29
|
return null;
|
|
28
30
|
}
|
|
@@ -30,10 +32,14 @@ export function UiDrawer({ open, zIndex, node, mode = "absolute", dataTestId, ch
|
|
|
30
32
|
_jsx("div", { className: e("backdrop"), style: {
|
|
31
33
|
position: mode,
|
|
32
34
|
...backdropStyle,
|
|
33
|
-
}, onClick: onClickOutside }), _jsx(UiFocusTrap, { root: _jsx("div", {}), children: _jsxs("div", { tabIndex: -1, style: {
|
|
35
|
+
}, onClick: onClickOutside }), _jsx(UiFocusTrap, { root: _jsx("div", {}), children: _jsxs("div", { tabIndex: -1, style: {
|
|
36
|
+
position: mode,
|
|
37
|
+
...contentStyle,
|
|
38
|
+
...(height ? { paddingTop: height } : {}),
|
|
39
|
+
}, onKeyDown: handleKeyDown, role: accessibilityConfig?.role ?? "dialog", "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-modal": "true", className: e("content", {
|
|
34
40
|
showCloseButton: showCloseButton || Boolean(header),
|
|
35
41
|
}), ref: showCloseButton ? undefined : ref, children: [
|
|
36
|
-
_jsxs("div", { className: e("header"), children: [header, showCloseButton ? (_jsx("div", { className: e("close-button"), children: _jsx(UiIconButton, { label: closeLabel, icon: "close", variant: "tertiary", onClick: onClickClose, ref: ref }) })) : null] }), _jsx(UiAutofocus, { root: _jsx("div", { className: e("scrollable") }), active: isFullyOpen, refocusKey: refocusKey, initialFocus: initialFocus || ref, children: children })
|
|
42
|
+
_jsxs("div", { className: e("header"), ref: headerRef, children: [header, showCloseButton ? (_jsx("div", { className: e("close-button"), children: _jsx(UiIconButton, { label: closeLabel, icon: "close", variant: "tertiary", onClick: onClickClose, ref: ref }) })) : null] }), _jsx(UiAutofocus, { root: _jsx("div", { className: e("scrollable") }), active: isFullyOpen, refocusKey: refocusKey, initialFocus: initialFocus || ref, children: children })
|
|
37
43
|
] }) })
|
|
38
44
|
] }) }) })) }) }));
|
|
39
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiDrawer.js","sourceRoot":"","sources":["../../../src/@ui/UiDrawer/UiDrawer.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG7D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAEzC;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACrB,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,IAAI,GAAG,UAAU,EACjB,UAAU,EACV,QAAQ,EACR,MAAM,GAAG,OAAO,EAChB,UAAU,EACV,WAAW,EACX,cAAc,EACd,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,IAAI,EACtB,YAAY,GAAG,IAAI,EACnB,MAAM,EACN,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,aAAa,EACb,mBAAmB,GACN,EAAE;IACf,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"UiDrawer.js","sourceRoot":"","sources":["../../../src/@ui/UiDrawer/UiDrawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { type DependencyList } from "react";
|
|
1
2
|
/**
|
|
2
3
|
* @internal
|
|
3
4
|
*/
|
|
4
|
-
export declare function useElementSize<T extends HTMLElement>(): {
|
|
5
|
+
export declare function useElementSize<T extends HTMLElement>(deps?: DependencyList): {
|
|
5
6
|
ref: import("react").RefObject<T | null>;
|
|
6
7
|
height: number;
|
|
7
8
|
width: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useElementSize.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useElementSize.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useElementSize.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useElementSize.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAqC,MAAM,OAAO,CAAC;AAE/E;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,IAAI,CAAC,EAAE,cAAc;;;;EAmC1E"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
// (C) 2024-
|
|
1
|
+
// (C) 2024-2026 GoodData Corporation
|
|
2
2
|
import { useLayoutEffect, useRef, useState } from "react";
|
|
3
3
|
/**
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
|
-
export function useElementSize() {
|
|
6
|
+
export function useElementSize(deps) {
|
|
7
7
|
const ref = useRef(null);
|
|
8
8
|
const [height, setHeight] = useState(0);
|
|
9
9
|
const [width, setWidth] = useState(0);
|
|
@@ -27,7 +27,8 @@ export function useElementSize() {
|
|
|
27
27
|
setWidth(0);
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
|
|
30
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
31
|
+
}, deps ?? []);
|
|
31
32
|
return {
|
|
32
33
|
ref,
|
|
33
34
|
height,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useElementSize.js","sourceRoot":"","sources":["../../../src/@ui/hooks/useElementSize.tsx"],"names":[],"mappings":"AAAA,qCAAqC;
|
|
1
|
+
{"version":3,"file":"useElementSize.js","sourceRoot":"","sources":["../../../src/@ui/hooks/useElementSize.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,EAAuB,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/E;;GAEG;AACH,MAAM,UAAU,cAAc,CAAwB,IAAqB,EAAE;IACzE,MAAM,GAAG,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACnC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAE9C,eAAe,CAAC,GAAG,EAAE,CAAC;QAClB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;YACnD,MAAM,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;YACxB,IAAI,KAAK,EAAE,CAAC;gBACR,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBACpC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC;QAAA,CACJ,CAAC,CAAC;QAEH,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACpC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YACpC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,GAAG,EAAE,CAAC;YACT,IAAI,cAAc,EAAE,CAAC;gBACjB,cAAc,CAAC,UAAU,EAAE,CAAC;gBAC5B,SAAS,CAAC,CAAC,CAAC,CAAC;gBACb,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChB,CAAC;QAAA,CACJ,CAAC;QACF,uDAAuD;IADrD,CAEL,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;IAEf,OAAO;QACH,GAAG;QACH,MAAM;QACN,KAAK;KACR,CAAC;AAAA,CACL"}
|
package/esm/sdk-ui-kit.d.ts
CHANGED
|
@@ -24,6 +24,7 @@ import { CSSProperties } from 'react';
|
|
|
24
24
|
import { CsvDelimiterPreset } from '@gooddata/sdk-model';
|
|
25
25
|
import { CsvDelimiterValidationError } from '@gooddata/sdk-model';
|
|
26
26
|
import { DebouncedFunc } from 'lodash-es';
|
|
27
|
+
import { DependencyList } from 'react';
|
|
27
28
|
import { Dispatch } from 'react';
|
|
28
29
|
import { EditorView } from '@codemirror/view';
|
|
29
30
|
import { ElementType } from 'react';
|
|
@@ -9796,7 +9797,7 @@ export declare type UseCurrencyFormatDefaultsConfig = {
|
|
|
9796
9797
|
/**
|
|
9797
9798
|
* @internal
|
|
9798
9799
|
*/
|
|
9799
|
-
export declare function useElementSize<T extends HTMLElement>(): {
|
|
9800
|
+
export declare function useElementSize<T extends HTMLElement>(deps?: DependencyList): {
|
|
9800
9801
|
ref: RefObject<T | null>;
|
|
9801
9802
|
height: number;
|
|
9802
9803
|
width: number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-kit",
|
|
3
|
-
"version": "11.35.0-alpha.
|
|
3
|
+
"version": "11.35.0-alpha.2",
|
|
4
4
|
"description": "GoodData SDK - UI Building Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "GoodData Corporation",
|
|
@@ -75,11 +75,11 @@
|
|
|
75
75
|
"tslib": "2.8.1",
|
|
76
76
|
"unified": "^11.0.5",
|
|
77
77
|
"uuid": "11.1.0",
|
|
78
|
-
"@gooddata/sdk-
|
|
79
|
-
"@gooddata/sdk-
|
|
80
|
-
"@gooddata/sdk-ui
|
|
81
|
-
"@gooddata/
|
|
82
|
-
"@gooddata/
|
|
78
|
+
"@gooddata/sdk-model": "11.35.0-alpha.2",
|
|
79
|
+
"@gooddata/sdk-backend-spi": "11.35.0-alpha.2",
|
|
80
|
+
"@gooddata/sdk-ui": "11.35.0-alpha.2",
|
|
81
|
+
"@gooddata/util": "11.35.0-alpha.2",
|
|
82
|
+
"@gooddata/sdk-ui-theme-provider": "11.35.0-alpha.2"
|
|
83
83
|
},
|
|
84
84
|
"devDependencies": {
|
|
85
85
|
"@microsoft/api-documenter": "^7.17.0",
|
|
@@ -128,11 +128,11 @@
|
|
|
128
128
|
"typescript": "5.9.3",
|
|
129
129
|
"vitest": "4.1.0",
|
|
130
130
|
"vitest-dom": "0.1.1",
|
|
131
|
-
"@gooddata/eslint-config": "11.35.0-alpha.
|
|
132
|
-
"@gooddata/oxlint-config": "11.35.0-alpha.
|
|
133
|
-
"@gooddata/reference-workspace": "11.35.0-alpha.
|
|
134
|
-
"@gooddata/sdk-backend-mockingbird": "11.35.0-alpha.
|
|
135
|
-
"@gooddata/stylelint-config": "11.35.0-alpha.
|
|
131
|
+
"@gooddata/eslint-config": "11.35.0-alpha.2",
|
|
132
|
+
"@gooddata/oxlint-config": "11.35.0-alpha.2",
|
|
133
|
+
"@gooddata/reference-workspace": "11.35.0-alpha.2",
|
|
134
|
+
"@gooddata/sdk-backend-mockingbird": "11.35.0-alpha.2",
|
|
135
|
+
"@gooddata/stylelint-config": "11.35.0-alpha.2"
|
|
136
136
|
},
|
|
137
137
|
"peerDependencies": {
|
|
138
138
|
"react": "^18.0.0 || ^19.0.0",
|