@synerise/ds-utils 0.26.1 → 0.26.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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,6 @@
+import { RefObject } from 'react';
+declare const useResizeObserver: (elementRef: RefObject<HTMLElement | undefined>) => {
+    width: number;
+    height: number;
+};
+export default useResizeObserver;

package/dist/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,37 @@
+import { useEffect, useState, useRef, useCallback } from 'react';
+
+var useResizeObserver = function useResizeObserver(elementRef) {
+  var _useState = useState({
+    width: 0,
+    height: 0
+  }),
+      dimensions = _useState[0],
+      setDimensions = _useState[1];
+
+  var resizeObserver = useRef(new window.ResizeObserver(function () {
+    if (elementRef.current) {
+      setDimensions({
+        width: elementRef.current.clientWidth,
+        height: elementRef.current.clientHeight
+      });
+    }
+  })).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.2",
   "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": "67108cb227db0024b189fa289840cfb5a5d0de8c"
 }