@odx/websites-react 1.0.48 → 1.0.49
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/dist/components/layout/accordion/Accordion.js +2 -2
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/card/CardGroup.js +2 -2
- package/dist/components/layout/screenOverlay/ScreenOverlay.d.ts +15 -0
- package/dist/components/layout/screenOverlay/ScreenOverlay.d.ts.map +1 -0
- package/dist/components/layout/screenOverlay/ScreenOverlay.js +25 -0
- package/dist/components/layout/screenOverlay/ScreenOverlay.js.map +1 -0
- package/dist/components/layout/screenOverlay/index.d.ts +2 -0
- package/dist/components/layout/screenOverlay/index.d.ts.map +1 -0
- package/dist/components/layout/screenOverlay/index.js +2 -0
- package/dist/components/layout/screenOverlay/index.js.map +1 -0
- package/dist/components/layout/showMore/ShowMore.js +2 -2
- package/dist/components/layout/showMore/ShowMore.js.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.d.ts.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.js +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.js.map +1 -1
- package/dist/components/navigation/flyout/Flyout.d.ts +7 -15
- package/dist/components/navigation/flyout/Flyout.d.ts.map +1 -1
- package/dist/components/navigation/flyout/Flyout.js +18 -52
- package/dist/components/navigation/flyout/Flyout.js.map +1 -1
- package/dist/components/navigation/flyout/FlyoutMobile.d.ts +53 -0
- package/dist/components/navigation/flyout/FlyoutMobile.d.ts.map +1 -0
- package/dist/components/navigation/flyout/FlyoutMobile.js +179 -0
- package/dist/components/navigation/flyout/FlyoutMobile.js.map +1 -0
- package/dist/components/navigation/flyout/index.d.ts +1 -0
- package/dist/components/navigation/flyout/index.d.ts.map +1 -1
- package/dist/components/navigation/flyout/index.js +1 -0
- package/dist/components/navigation/flyout/index.js.map +1 -1
- package/dist/components/navigation/header/Header.d.ts +11 -8
- package/dist/components/navigation/header/Header.d.ts.map +1 -1
- package/dist/components/navigation/header/Header.js +34 -36
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.d.ts +1 -0
- package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +17 -9
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/components/structures/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
- package/dist/components/structures/loadingSpinner/LoadingSpinner.js +6 -6
- package/dist/components/structures/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/dist/hooks/useElementSize/index.d.ts +2 -0
- package/dist/hooks/useElementSize/index.d.ts.map +1 -0
- package/dist/hooks/useElementSize/index.js +2 -0
- package/dist/hooks/useElementSize/index.js.map +1 -0
- package/dist/hooks/useElementSize/useElementSize.d.ts +6 -0
- package/dist/hooks/useElementSize/useElementSize.d.ts.map +1 -0
- package/dist/hooks/useElementSize/useElementSize.js +24 -0
- package/dist/hooks/useElementSize/useElementSize.js.map +1 -0
- package/package.json +2 -2
- package/dist/hooks/useElementHeight/index.d.ts +0 -2
- package/dist/hooks/useElementHeight/index.d.ts.map +0 -1
- package/dist/hooks/useElementHeight/index.js +0 -2
- package/dist/hooks/useElementHeight/index.js.map +0 -1
- package/dist/hooks/useElementHeight/useElementHeight.d.ts +0 -3
- package/dist/hooks/useElementHeight/useElementHeight.d.ts.map +0 -1
- package/dist/hooks/useElementHeight/useElementHeight.js +0 -28
- package/dist/hooks/useElementHeight/useElementHeight.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.49",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"typescript": "^5.4.5",
|
|
84
84
|
"@odx/eslint-config-websites": "0.0.1",
|
|
85
85
|
"@odx/websites-tsconfig": "0.0.0",
|
|
86
|
-
"@odx/websites-ui": "0.2.
|
|
86
|
+
"@odx/websites-ui": "0.2.15"
|
|
87
87
|
},
|
|
88
88
|
"peerDependencies": {
|
|
89
89
|
"@odx/websites-ui": ">=0.2.1",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useElementHeight.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/useElementHeight.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,eAAO,MAAM,gBAAgB,UAAU,cAAc,iEA4BpD,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { useLayoutEffect, useCallback, useRef, useState } from 'react';
|
|
2
|
-
import ResizeObserver from 'resize-observer-polyfill';
|
|
3
|
-
import { debounce } from '../../utils';
|
|
4
|
-
export const useElementHeight = (deps = []) => {
|
|
5
|
-
const [contentHeight, setContentHeight] = useState(0);
|
|
6
|
-
const ref = useRef(null);
|
|
7
|
-
const handleContentResize = useCallback(debounce(setContentHeight, 50), []);
|
|
8
|
-
useLayoutEffect(() => {
|
|
9
|
-
if (ref.current) {
|
|
10
|
-
const { height } = ref.current.getBoundingClientRect();
|
|
11
|
-
setContentHeight(height);
|
|
12
|
-
}
|
|
13
|
-
}, deps);
|
|
14
|
-
useLayoutEffect(() => {
|
|
15
|
-
if (!ref.current)
|
|
16
|
-
return;
|
|
17
|
-
const resizeObserver = new ResizeObserver(entries => {
|
|
18
|
-
entries.forEach(entry => {
|
|
19
|
-
const { height } = entry.contentRect;
|
|
20
|
-
handleContentResize(height);
|
|
21
|
-
});
|
|
22
|
-
});
|
|
23
|
-
resizeObserver.observe(ref.current);
|
|
24
|
-
return () => resizeObserver.disconnect();
|
|
25
|
-
}, []);
|
|
26
|
-
return [ref, contentHeight];
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=useElementHeight.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useElementHeight.js","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/useElementHeight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,cAAc,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAIrC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAuB,EAAE,EAAE,EAAE;IAC5D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC,gBAAgB,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5E,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,MAAM,EAAC,MAAM,EAAC,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACrD,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAO;QACzB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAClD,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,WAAW,CAAC;gBACnC,mBAAmB,CAAC,MAAM,CAAC,CAAC;YAC9B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEpC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,GAAG,EAAE,aAAa,CAAU,CAAC;AACvC,CAAC,CAAC"}
|