@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.
Files changed (56) hide show
  1. package/dist/components/layout/accordion/Accordion.js +2 -2
  2. package/dist/components/layout/accordion/Accordion.js.map +1 -1
  3. package/dist/components/layout/card/CardGroup.js +2 -2
  4. package/dist/components/layout/screenOverlay/ScreenOverlay.d.ts +15 -0
  5. package/dist/components/layout/screenOverlay/ScreenOverlay.d.ts.map +1 -0
  6. package/dist/components/layout/screenOverlay/ScreenOverlay.js +25 -0
  7. package/dist/components/layout/screenOverlay/ScreenOverlay.js.map +1 -0
  8. package/dist/components/layout/screenOverlay/index.d.ts +2 -0
  9. package/dist/components/layout/screenOverlay/index.d.ts.map +1 -0
  10. package/dist/components/layout/screenOverlay/index.js +2 -0
  11. package/dist/components/layout/screenOverlay/index.js.map +1 -0
  12. package/dist/components/layout/showMore/ShowMore.js +2 -2
  13. package/dist/components/layout/showMore/ShowMore.js.map +1 -1
  14. package/dist/components/navigation/anchorNav/AnchorNav.d.ts.map +1 -1
  15. package/dist/components/navigation/anchorNav/AnchorNav.js +1 -1
  16. package/dist/components/navigation/anchorNav/AnchorNav.js.map +1 -1
  17. package/dist/components/navigation/flyout/Flyout.d.ts +7 -15
  18. package/dist/components/navigation/flyout/Flyout.d.ts.map +1 -1
  19. package/dist/components/navigation/flyout/Flyout.js +18 -52
  20. package/dist/components/navigation/flyout/Flyout.js.map +1 -1
  21. package/dist/components/navigation/flyout/FlyoutMobile.d.ts +53 -0
  22. package/dist/components/navigation/flyout/FlyoutMobile.d.ts.map +1 -0
  23. package/dist/components/navigation/flyout/FlyoutMobile.js +179 -0
  24. package/dist/components/navigation/flyout/FlyoutMobile.js.map +1 -0
  25. package/dist/components/navigation/flyout/index.d.ts +1 -0
  26. package/dist/components/navigation/flyout/index.d.ts.map +1 -1
  27. package/dist/components/navigation/flyout/index.js +1 -0
  28. package/dist/components/navigation/flyout/index.js.map +1 -1
  29. package/dist/components/navigation/header/Header.d.ts +11 -8
  30. package/dist/components/navigation/header/Header.d.ts.map +1 -1
  31. package/dist/components/navigation/header/Header.js +34 -36
  32. package/dist/components/navigation/header/Header.js.map +1 -1
  33. package/dist/components/navigation/searchInput/SearchInput.d.ts +1 -0
  34. package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
  35. package/dist/components/navigation/searchInput/SearchInput.js +17 -9
  36. package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
  37. package/dist/components/structures/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
  38. package/dist/components/structures/loadingSpinner/LoadingSpinner.js +6 -6
  39. package/dist/components/structures/loadingSpinner/LoadingSpinner.js.map +1 -1
  40. package/dist/hooks/useElementSize/index.d.ts +2 -0
  41. package/dist/hooks/useElementSize/index.d.ts.map +1 -0
  42. package/dist/hooks/useElementSize/index.js +2 -0
  43. package/dist/hooks/useElementSize/index.js.map +1 -0
  44. package/dist/hooks/useElementSize/useElementSize.d.ts +6 -0
  45. package/dist/hooks/useElementSize/useElementSize.d.ts.map +1 -0
  46. package/dist/hooks/useElementSize/useElementSize.js +24 -0
  47. package/dist/hooks/useElementSize/useElementSize.js.map +1 -0
  48. package/package.json +2 -2
  49. package/dist/hooks/useElementHeight/index.d.ts +0 -2
  50. package/dist/hooks/useElementHeight/index.d.ts.map +0 -1
  51. package/dist/hooks/useElementHeight/index.js +0 -2
  52. package/dist/hooks/useElementHeight/index.js.map +0 -1
  53. package/dist/hooks/useElementHeight/useElementHeight.d.ts +0 -3
  54. package/dist/hooks/useElementHeight/useElementHeight.d.ts.map +0 -1
  55. package/dist/hooks/useElementHeight/useElementHeight.js +0 -28
  56. 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.48",
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.14"
86
+ "@odx/websites-ui": "0.2.15"
87
87
  },
88
88
  "peerDependencies": {
89
89
  "@odx/websites-ui": ">=0.2.1",
@@ -1,2 +0,0 @@
1
- export * from './useElementHeight';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './useElementHeight';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { DependencyList } from 'react';
2
- export declare const useElementHeight: (deps?: DependencyList) => readonly [import("react").RefObject<HTMLDivElement>, number];
3
- //# sourceMappingURL=useElementHeight.d.ts.map
@@ -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"}