@radix-ui/react-id - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0-rc.1

dist/index.d.ts

@@ -1,3 +0,3 @@
-export function useId(deterministicId?: string): string;
+declare function useId(deterministicId?: string): string;
 
-//# sourceMappingURL=index.d.ts.map
+export { useId };

dist/index.js

@@ -1,28 +0,45 @@
-var $47woD$react = require("react");
-var $47woD$radixuireactuselayouteffect = require("@radix-ui/react-use-layout-effect");
+"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 __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined") return require.apply(this, arguments);
+    throw Error('Dynamic require of "' + x + '" is not supported');
+  });
+  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
+  ));
 
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useId", () => $dc478e4659f630c5$export$f680877a34711e37);
-
-
-const $dc478e4659f630c5$var$useReactId = $47woD$react['useId'.toString()] || (()=>undefined
-);
-let $dc478e4659f630c5$var$count = 0;
-function $dc478e4659f630c5$export$f680877a34711e37(deterministicId) {
-    const [id, setId] = $47woD$react.useState($dc478e4659f630c5$var$useReactId()); // React versions older than 18 will have client-side ids only.
-    $47woD$radixuireactuselayouteffect.useLayoutEffect(()=>{
-        if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($dc478e4659f630c5$var$count++)
-        );
-    }, [
-        deterministicId
-    ]);
-    return deterministicId || (id ? `radix-${id}` : '');
-}
-
-
-
-
+  // packages/react/id/src/id.tsx
+  var React = __toESM(__require("react"));
+  var import_react_use_layout_effect = __require("@radix-ui/react-use-layout-effect");
+  var useReactId = React["useId".toString()] || (() => void 0);
+  var count = 0;
+  function useId(deterministicId) {
+    const [id, setId] = React.useState(useReactId());
+    (0, import_react_use_layout_effect.useLayoutEffect)(() => {
+      if (!deterministicId) setId((reactId) => reactId ?? String(count++));
+    }, [deterministicId]);
+    return deterministicId || (id ? `radix-${id}` : "");
+  }
+})();
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@radix-ui/react-id",
-  "version": "1.0.1",
+  "version": "1.1.0-rc.1",
   "license": "MIT",
@@ -48,5 +48,5 @@ "exports": {
   "dependencies": {
-    "@babel/runtime": "^7.13.10",
-    "@radix-ui/react-use-layout-effect": "1.0.1"
-  }
+    "@radix-ui/react-use-layout-effect": "1.1.0-rc.1"
+  },
+  "stableVersion": "1.0.1"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dependency count

3

decreased by-25%

Lines of code

62

increased by58.97%

Worsened metrics

Total package byte prevSize

6456

decreased by-7.37%

Number of package files

8

decreased by-11.11%

Number of low quality alerts

1

increased byInfinity%

Number of low supply chain risk alerts

3

increased byInfinity%

Dependency changes

• + Added@radix-ui/react-use-layout-effect@1.1.0-rc.1(transitive)

• - Removed@babel/runtime@^7.13.10

• - Removed@babel/runtime@7.25.0(transitive)

• - Removed@radix-ui/react-use-layout-effect@1.0.1(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• Updated@radix-ui/react-use-layout-effect@1.1.0-rc.1