@odx/websites-react 1.0.48 → 1.0.50

package/dist/hooks/useElementSize/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useElementSize/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/hooks/useElementSize/useElementSize.d.ts

@@ -0,0 +1,6 @@
+import type { DependencyList } from 'react';
+export declare const useElementSize: (deps?: DependencyList) => readonly [import("react").RefObject<HTMLDivElement>, {
+    height: number;
+    width: number;
+}];
+//# sourceMappingURL=useElementSize.d.ts.map

package/dist/hooks/useElementSize/useElementSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementSize/useElementSize.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,eAAO,MAAM,cAAc,UAAU,cAAc;;;EAwBlD,CAAC"}

package/dist/hooks/useElementSize/useElementSize.js

@@ -0,0 +1,24 @@
+import { useLayoutEffect, useCallback, useRef, useState } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
+import { debounce } from '../../utils';
+export const useElementSize = (deps = []) => {
+    const [elementSize, setElementSize] = useState({ height: 0, width: 0 });
+    const ref = useRef(null);
+    const handleContentResize = useCallback(debounce(setElementSize, 50), []);
+    useLayoutEffect(() => {
+        if (!ref.current)
+            return;
+        const { height, width } = ref.current.getBoundingClientRect();
+        setElementSize({ height, width });
+        const resizeObserver = new ResizeObserver(entries => {
+            entries.forEach(entry => {
+                const { height, width } = entry.contentRect;
+                handleContentResize({ height, width });
+            });
+        });
+        resizeObserver.observe(ref.current);
+        return () => resizeObserver.disconnect();
+    }, deps);
+    return [ref, elementSize];
+};
+//# sourceMappingURL=useElementSize.js.map

package/dist/hooks/useElementSize/useElementSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize.js","sourceRoot":"","sources":["../../../src/hooks/useElementSize/useElementSize.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,cAAc,GAAG,CAAC,OAAuB,EAAE,EAAE,EAAE;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC;IACtE,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1E,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAO;QACzB,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC5D,cAAc,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;QAEhC,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAClD,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,WAAW,CAAC;gBAC1C,mBAAmB,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;YACvC,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,IAAI,CAAC,CAAC;IAET,OAAO,CAAC,GAAG,EAAE,WAAW,CAAU,CAAC;AACrC,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/websites-react",
   "author": "Drägerwerk AG & Co. KGaA",
-  "version": "1.0.48",
+  "version": "1.0.50",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "ODX React component library for websites",
   "type": "module",
@@ -82,8 +82,8 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.4.5",
     "@odx/eslint-config-websites": "0.0.1",
-    "@odx/websites-tsconfig": "0.0.0",
-    "@odx/websites-ui": "0.2.14"
+    "@odx/websites-ui": "0.2.15",
+    "@odx/websites-tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "@odx/websites-ui": ">=0.2.1",

package/dist/hooks/useElementHeight/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useElementHeight';
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useElementHeight/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/hooks/useElementHeight/index.js

@@ -1,2 +0,0 @@
-export * from './useElementHeight';
-//# sourceMappingURL=index.js.map

package/dist/hooks/useElementHeight/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/hooks/useElementHeight/useElementHeight.d.ts

@@ -1,3 +0,0 @@
-import type { DependencyList } from 'react';
-export declare const useElementHeight: (deps?: DependencyList) => readonly [import("react").RefObject<HTMLDivElement>, number];
-//# sourceMappingURL=useElementHeight.d.ts.map

package/dist/hooks/useElementHeight/useElementHeight.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/dist/hooks/useElementHeight/useElementHeight.js

@@ -1,28 +0,0 @@
-import { useLayoutEffect, useCallback, useRef, useState } from 'react';
-import ResizeObserver from 'resize-observer-polyfill';
-import { debounce } from '../../utils';
-export const useElementHeight = (deps = []) => {
-    const [contentHeight, setContentHeight] = useState(0);
-    const ref = useRef(null);
-    const handleContentResize = useCallback(debounce(setContentHeight, 50), []);
-    useLayoutEffect(() => {
-        if (ref.current) {
-            const { height } = ref.current.getBoundingClientRect();
-            setContentHeight(height);
-        }
-    }, deps);
-    useLayoutEffect(() => {
-        if (!ref.current)
-            return;
-        const resizeObserver = new ResizeObserver(entries => {
-            entries.forEach(entry => {
-                const { height } = entry.contentRect;
-                handleContentResize(height);
-            });
-        });
-        resizeObserver.observe(ref.current);
-        return () => resizeObserver.disconnect();
-    }, []);
-    return [ref, contentHeight];
-};
-//# sourceMappingURL=useElementHeight.js.map

package/dist/hooks/useElementHeight/useElementHeight.js.map

@@ -1 +0,0 @@
-{"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"}