@synerise/ds-utils 0.26.1 → 0.26.3

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.26.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@0.26.2...@synerise/ds-utils@0.26.3) (2024-04-15)
+
+
+### Bug Fixes
+
+* **tabs:** tabs height and testing issues ([424707d](https://github.com/synerise/synerise-design/commit/424707d35bdfbea65621ff175fa7772996f24c77))
+
+
+
+
+
+## [0.26.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@0.26.1...@synerise/ds-utils@0.26.2) (2024-04-02)
+
+
+### Bug Fixes
+
+* **inline-edit:** fixed autosize ([3dba994](https://github.com/synerise/synerise-design/commit/3dba9947e3a0c43297fce8d66ba5be2514db4f4c))
+
+
+
+
+
 ## [0.26.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-utils@0.26.0...@synerise/ds-utils@0.26.1) (2024-03-29)
 
 **Note:** Version bump only for package @synerise/ds-utils

package/README.md

@@ -11,4 +11,6 @@ List of utils:
 - toCamelCase,
 - useBreakpoint,
 - useOnClickOutside,
-- useResize.
+- useResize,
+- useResizeObserver,
+- useResizeToFit.

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { default as focusWithArrowKeys } from './focusWithArrowKeys/focusWithArr
 export { default as escapeRegEx } from './regex/regex';
 export { default as doubleClickListener } from './doubleClickListener/doubleClickListener';
 export { default as useResize } from './useResize/useResize';
+export { default as useResizeObserver } from './useResizeObserver/useResizeObserver';
 export { default as useBreakpoint } from './useBreakpoint/useBreakpoint';
 export { default as useCombinedRefs } from './useCombinedRefs/useCombinedRefs';
 export { default as usePrevious } from './usePrevious/usePrevious';

package/dist/index.js

@@ -6,6 +6,7 @@ export { default as focusWithArrowKeys } from './focusWithArrowKeys/focusWithArr
 export { default as escapeRegEx } from './regex/regex';
 export { default as doubleClickListener } from './doubleClickListener/doubleClickListener';
 export { default as useResize } from './useResize/useResize';
+export { default as useResizeObserver } from './useResizeObserver/useResizeObserver';
 export { default as useBreakpoint } from './useBreakpoint/useBreakpoint';
 export { default as useCombinedRefs } from './useCombinedRefs/useCombinedRefs';
 export { default as usePrevious } from './usePrevious/usePrevious';

package/dist/useResizeObserver/useResizeObserver.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const useResizeObserver: (elementRef: RefObject<HTMLElement | undefined>) => DOMRect;
+export default useResizeObserver;

package/dist/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,30 @@
+import { useEffect, useState, useRef, useCallback } from 'react';
+
+var useResizeObserver = function useResizeObserver(elementRef) {
+  var _useState = useState(new DOMRect()),
+      dimensions = _useState[0],
+      setDimensions = _useState[1];
+
+  var resizeObserver = useRef(new window.ResizeObserver(function (entries) {
+    var contentRect = entries[0].contentRect;
+    setDimensions(contentRect);
+  })).current;
+  var observe = useCallback(function () {
+    elementRef.current && resizeObserver.observe(elementRef.current); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [resizeObserver]);
+  var disconnect = useCallback(function () {
+    resizeObserver.disconnect();
+  }, [resizeObserver]);
+  useEffect(function () {
+    if (elementRef.current) {
+      observe();
+    }
+
+    return function () {
+      resizeObserver.disconnect();
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [resizeObserver, observe, disconnect]);
+  return dimensions;
+};
+
+export default useResizeObserver;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-utils",
-  "version": "0.26.1",
+  "version": "0.26.3",
   "description": "Utils UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -43,5 +43,5 @@
   "devDependencies": {
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "07304b7bf03826701df904c7be058d93588a9611"
+  "gitHead": "fcc57aef73d1309a366e4c6e80ce4defdd9f20f8"
 }