@trackunit/react-components 0.1.138-alpha-ea50faef71.0 → 0.1.139

package/index.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/{index.cjs → index.cjs.js}

@@ -18913,13 +18913,13 @@ const EmptyState = ({ title, description, altText, image, customImageSrc, action
                     importedImage = WorkerWithSign;
                     break;
                 case "ROAD_BLOCK":
-                    importedImage = (yield Promise.resolve().then(function () { return require('./road_block.cjs'); })).default;
+                    importedImage = (yield Promise.resolve().then(function () { return require('./road_block.cjs.js'); })).default;
                     break;
                 case "BUILDING_ERROR":
-                    importedImage = (yield Promise.resolve().then(function () { return require('./building_error.cjs'); })).default;
+                    importedImage = (yield Promise.resolve().then(function () { return require('./building_error.cjs.js'); })).default;
                     break;
                 case "WALL_CONSTRUCTION":
-                    importedImage = (yield Promise.resolve().then(function () { return require('./wall_construction.cjs'); })).default;
+                    importedImage = (yield Promise.resolve().then(function () { return require('./wall_construction.cjs.js'); })).default;
                     break;
                 default:
                     importedImage = WorkerWithSign;
@@ -36672,13 +36672,12 @@ const getWindowSize = () => {
 
 /**
  * @param {UseTimeoutProps} props The props
- * @returns {{ startTimeout: () => void; stopTimeout: () => void; isReady: boolean | null}} return
+ * @returns {{ startTimeout: () => void; stopTimeout: () => void;}} return
  */
 const useTimeout = ({ onTimeout, duration }) => {
     const ready = React.useRef(false);
     const timeout = React.useRef();
     const callback = React.useRef(onTimeout);
-    const isReady = React.useCallback(() => ready.current, []);
     const startTimeout = React.useCallback(() => {
         ready.current = false;
         timeout.current && clearTimeout(timeout.current);
@@ -36691,16 +36690,16 @@ const useTimeout = ({ onTimeout, duration }) => {
         ready.current = null;
         timeout.current && clearTimeout(timeout.current);
     }, []);
-    // update ref when function changes
     React.useEffect(() => {
         callback.current = onTimeout;
     }, [onTimeout]);
-    // startTimeout on mount, stopTimeout on unmount
     React.useEffect(() => {
-        startTimeout();
-        return stopTimeout;
-    }, [duration, startTimeout, stopTimeout]);
-    return [isReady, stopTimeout, startTimeout];
+        // Cleanup function to clear the timeout when component unmounts
+        return () => {
+            timeout.current && clearTimeout(timeout.current);
+        };
+    }, []);
+    return [startTimeout, stopTimeout];
 };
 
 const cvaMoreMenu = cssClassVarianceUtilities.cvaMerge(["p-4"]);

package/{index.js → index.esm.js}

@@ -18886,13 +18886,13 @@ const EmptyState = ({ title, description, altText, image, customImageSrc, action
                     importedImage = WorkerWithSign;
                     break;
                 case "ROAD_BLOCK":
-                    importedImage = (yield import('./road_block.js')).default;
+                    importedImage = (yield import('./road_block.esm.js')).default;
                     break;
                 case "BUILDING_ERROR":
-                    importedImage = (yield import('./building_error.js')).default;
+                    importedImage = (yield import('./building_error.esm.js')).default;
                     break;
                 case "WALL_CONSTRUCTION":
-                    importedImage = (yield import('./wall_construction.js')).default;
+                    importedImage = (yield import('./wall_construction.esm.js')).default;
                     break;
                 default:
                     importedImage = WorkerWithSign;
@@ -36645,13 +36645,12 @@ const getWindowSize = () => {
 
 /**
  * @param {UseTimeoutProps} props The props
- * @returns {{ startTimeout: () => void; stopTimeout: () => void; isReady: boolean | null}} return
+ * @returns {{ startTimeout: () => void; stopTimeout: () => void;}} return
  */
 const useTimeout = ({ onTimeout, duration }) => {
     const ready = useRef(false);
     const timeout = useRef();
     const callback = useRef(onTimeout);
-    const isReady = useCallback(() => ready.current, []);
     const startTimeout = useCallback(() => {
         ready.current = false;
         timeout.current && clearTimeout(timeout.current);
@@ -36664,16 +36663,16 @@ const useTimeout = ({ onTimeout, duration }) => {
         ready.current = null;
         timeout.current && clearTimeout(timeout.current);
     }, []);
-    // update ref when function changes
     useEffect(() => {
         callback.current = onTimeout;
     }, [onTimeout]);
-    // startTimeout on mount, stopTimeout on unmount
     useEffect(() => {
-        startTimeout();
-        return stopTimeout;
-    }, [duration, startTimeout, stopTimeout]);
-    return [isReady, stopTimeout, startTimeout];
+        // Cleanup function to clear the timeout when component unmounts
+        return () => {
+            timeout.current && clearTimeout(timeout.current);
+        };
+    }, []);
+    return [startTimeout, stopTimeout];
 };
 
 const cvaMoreMenu = cvaMerge(["p-4"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.138-alpha-ea50faef71.0",
+  "version": "0.1.139",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,11 +8,11 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.22.2",
-    "@trackunit/css-class-variance-utilities": "0.0.12-alpha-ea50faef71.0",
-    "@trackunit/css-core": "0.0.91-alpha-ea50faef71.0",
-    "@trackunit/tailwind-styled-components": "0.0.61-alpha-ea50faef71.0",
-    "@trackunit/ui-design-tokens": "0.0.75-alpha-ea50faef71.0",
-    "@trackunit/ui-icons": "0.0.72-alpha-ea50faef71.0",
+    "@trackunit/css-class-variance-utilities": "0.0.11",
+    "@trackunit/css-core": "0.0.91",
+    "@trackunit/tailwind-styled-components": "0.0.60",
+    "@trackunit/ui-design-tokens": "0.0.74",
+    "@trackunit/ui-icons": "0.0.71",
     "date-fns": "2.29.3",
     "lodash": "4.17.21",
     "react": "18.2.0",
@@ -23,9 +23,7 @@
     "react-useportal": "1.0.17",
     "zod": "3.14.1"
   },
-  "module": "./index.js",
-  "main": "./index.cjs",
-  "type": "module",
-  "types": "./src/index.d.ts",
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js",
   "peerDependencies": {}
 }

package/src/hooks/useTimeout.d.ts

@@ -1,11 +1,12 @@
-export type UseTimeoutReturn = [() => boolean | null, () => void, () => void];
+type Callback = () => void;
+export type UseTimeoutReturn = [Callback, Callback];
 interface UseTimeoutProps {
     onTimeout: () => void;
     duration: number;
 }
 /**
  * @param {UseTimeoutProps} props The props
- * @returns {{ startTimeout: () => void; stopTimeout: () => void; isReady: boolean | null}} return
+ * @returns {{ startTimeout: () => void; stopTimeout: () => void;}} return
  */
 export declare const useTimeout: ({ onTimeout, duration }: UseTimeoutProps) => UseTimeoutReturn;
 export {};