@ttoss/react-hooks 1.25.15 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-hooks",
-  "version": "1.25.15",
+  "version": "2.0.1",
   "description": "React hooks.",
   "author": "ttoss",
   "contributors": [
@@ -11,10 +11,10 @@
     "url": "https://github.com/ttoss/ttoss.git",
     "directory": "packages/react-hooks"
   },
+  "type": "module",
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",
-      "require": "./dist/index.js",
       "types": "./dist/index.d.ts"
     }
   },
@@ -26,12 +26,12 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.3",
+    "@types/react": "^18.3.7",
     "jest": "^29.7.0",
     "react": "^18.3.1",
-    "tsup": "^8.2.4",
-    "@ttoss/config": "^1.32.9",
-    "@ttoss/test-utils": "^2.1.13"
+    "tsup": "^8.3.0",
+    "@ttoss/test-utils": "^2.1.14",
+    "@ttoss/config": "^1.32.10"
   },
   "keywords": [
     "React",
@@ -43,6 +43,6 @@
   },
   "scripts": {
     "build": "tsup",
-    "test": "jest"
+    "test": "jest --projects tests/unit"
   }
 }

package/dist/index.d.mts

@@ -1,14 +0,0 @@
-type ScriptStatus = 'idle' | 'loading' | 'ready' | 'error';
-/**
- * https://usehooks.com/useScript/
- *
- * @param src: string - the url of the script to load.
- * @returns status: Status
- */
-declare const useScript: (src: string) => {
-    status: ScriptStatus;
-};
-
-declare const useDebounce: <T>(value: T, delay?: number) => T;
-
-export { type ScriptStatus, useDebounce, useScript };

package/dist/index.js

@@ -1,111 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  useDebounce: () => useDebounce,
-  useScript: () => useScript
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/useScript.ts
-var React = __toESM(require("react"));
-var useScript = src => {
-  const [status, setStatus] = React.useState(src ? "loading" : "idle");
-  React.useEffect(() => {
-    if (!src) {
-      setStatus("idle");
-      return;
-    }
-    let script = document.querySelector(`script[src="${src}"]`);
-    if (!script) {
-      script = document.createElement("script");
-      script.src = src;
-      script.async = true;
-      script.setAttribute("data-status", "loading");
-      document.body.appendChild(script);
-      const setAttributeFromEvent = event => {
-        if (script) {
-          script.setAttribute("data-status", event.type === "load" ? "ready" : "error");
-        }
-      };
-      script.addEventListener("load", setAttributeFromEvent);
-      script.addEventListener("error", setAttributeFromEvent);
-    } else {
-      setStatus(script.getAttribute("data-status") || "error");
-    }
-    const setStateFromEvent = event => {
-      setStatus(event.type === "load" ? "ready" : "error");
-    };
-    script.addEventListener("load", setStateFromEvent);
-    script.addEventListener("error", setStateFromEvent);
-    return () => {
-      if (script) {
-        script.removeEventListener("load", setStateFromEvent);
-        script.removeEventListener("error", setStateFromEvent);
-      }
-    };
-  },
-  /**
-   * Only re-run effect if script src changes.
-   */
-  [src]);
-  return {
-    status
-  };
-};
-
-// src/useDebounce.ts
-var React2 = __toESM(require("react"));
-var useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = React2.useState(value);
-  React2.useEffect(() => {
-    const timer = setTimeout(() => {
-      return setDebouncedValue(value);
-    }, delay || 500);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [value, delay]);
-  return debouncedValue;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useDebounce,
-  useScript
-});