index.js 1.0 KB

12345678910111213141516171819202122232425262728
  1. var $47woD$react = require("react");
  2. var $47woD$radixuireactuselayouteffect = require("@radix-ui/react-use-layout-effect");
  3. function $parcel$export(e, n, v, s) {
  4. Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
  5. }
  6. $parcel$export(module.exports, "useId", () => $dc478e4659f630c5$export$f680877a34711e37);
  7. const $dc478e4659f630c5$var$useReactId = $47woD$react['useId'.toString()] || (()=>undefined
  8. );
  9. let $dc478e4659f630c5$var$count = 0;
  10. function $dc478e4659f630c5$export$f680877a34711e37(deterministicId) {
  11. const [id, setId] = $47woD$react.useState($dc478e4659f630c5$var$useReactId()); // React versions older than 18 will have client-side ids only.
  12. $47woD$radixuireactuselayouteffect.useLayoutEffect(()=>{
  13. if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($dc478e4659f630c5$var$count++)
  14. );
  15. }, [
  16. deterministicId
  17. ]);
  18. return deterministicId || (id ? `radix-${id}` : '');
  19. }
  20. //# sourceMappingURL=index.js.map