@jobber/hooks 2.17.4 → 2.18.0

package/dist/{useOnMount/useOnMount.js → useOnMount-cjs.js}

@@ -1,20 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnMount = void 0;
-const react_1 = require("react");
-const useCallbackRef_1 = require("../useCallbackRef");
+'use strict';
+
+var require$$1 = require('react');
+var useCallbackRef = require('./useCallbackRef-cjs.js');
+
 /**
  * A custom hook that will call the provided function only once when the component mounts. Useful for emitting
  * analytics tracking events on component mount.
  */
 const useOnMount = (fn) => {
-    const mountedRef = (0, react_1.useRef)(false);
-    const callback = (0, useCallbackRef_1.useCallbackRef)(fn);
-    (0, react_1.useEffect)(() => {
+    const mountedRef = require$$1.useRef(false);
+    const callback = useCallbackRef.useCallbackRef(fn);
+    require$$1.useEffect(() => {
         if (!mountedRef.current) {
             mountedRef.current = true;
             callback();
         }
     }, [callback]);
 };
+
 exports.useOnMount = useOnMount;

package/dist/useOnMount-es.js

@@ -0,0 +1,19 @@
+import { useRef, useEffect } from 'react';
+import { u as useCallbackRef } from './useCallbackRef-es.js';
+
+/**
+ * A custom hook that will call the provided function only once when the component mounts. Useful for emitting
+ * analytics tracking events on component mount.
+ */
+const useOnMount = (fn) => {
+    const mountedRef = useRef(false);
+    const callback = useCallbackRef(fn);
+    useEffect(() => {
+        if (!mountedRef.current) {
+            mountedRef.current = true;
+            callback();
+        }
+    }, [callback]);
+};
+
+export { useOnMount as u };

package/dist/useRefocusOnActivator/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var useRefocusOnActivator = require('../useRefocusOnActivator-cjs.js');
+require('react');
+
+
+
+exports.useRefocusOnActivator = useRefocusOnActivator.useRefocusOnActivator;

package/dist/useRefocusOnActivator/index.mjs

@@ -0,0 +1,2 @@
+export { u as useRefocusOnActivator } from '../useRefocusOnActivator-es.js';
+import 'react';

package/dist/{useRefocusOnActivator/useRefocusOnActivator.js → useRefocusOnActivator-cjs.js}

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefocusOnActivator = useRefocusOnActivator;
-const react_1 = require("react");
+'use strict';
+
+var require$$1 = require('react');
+
 /**
  * Brings back the focus to the element that opened an overlaid element once
  * said overlaid element is dismissed.
@@ -9,7 +9,7 @@ const react_1 = require("react");
  * @param active - Determines if it should focus or not
  */
 function useRefocusOnActivator(active) {
-    (0, react_1.useEffect)(() => {
+    require$$1.useEffect(() => {
         let activator;
         if (active && !activator) {
             activator = document.activeElement;
@@ -24,3 +24,5 @@ function useRefocusOnActivator(active) {
         };
     }, [active]);
 }
+
+exports.useRefocusOnActivator = useRefocusOnActivator;

package/dist/useRefocusOnActivator-es.js

@@ -0,0 +1,26 @@
+import { useEffect } from 'react';
+
+/**
+ * Brings back the focus to the element that opened an overlaid element once
+ * said overlaid element is dismissed.
+ *
+ * @param active - Determines if it should focus or not
+ */
+function useRefocusOnActivator(active) {
+    useEffect(() => {
+        let activator;
+        if (active && !activator) {
+            activator = document.activeElement;
+        }
+        return () => {
+            if (active) {
+                if (activator instanceof HTMLElement) {
+                    activator.focus();
+                }
+                activator = undefined;
+            }
+        };
+    }, [active]);
+}
+
+export { useRefocusOnActivator as u };

package/dist/useResizeObserver/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var useResizeObserver = require('../useResizeObserver-cjs.js');
+require('react');
+require('../isObjectLike-cjs.js');
+
+
+
+exports.Breakpoints = useResizeObserver.Breakpoints;
+exports.useResizeObserver = useResizeObserver.useResizeObserver;

package/dist/useResizeObserver/index.mjs

@@ -0,0 +1,3 @@
+export { B as Breakpoints, u as useResizeObserver } from '../useResizeObserver-es.js';
+import 'react';
+import '../isObjectLike-es.js';