react-resizable-panels 2.0.22 → 2.0.23

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 2.0.23
+
+- Improve obfuscation for `React.useId` references (#382)
+
 ## 2.0.22
 
 - Force eager layout re-calculation after panel added/removed (#375)

package/dist/react-resizable-panels.browser.cjs.js

@@ -43,8 +43,8 @@ const {
   useState
 } = React__namespace;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React__namespace["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React__namespace[`useId${Math.random()}`.slice(0, 5)];
 const useLayoutEffect_do_not_use_directly = useLayoutEffect;
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled

package/dist/react-resizable-panels.browser.development.cjs.js

@@ -43,8 +43,8 @@ const {
   useState
 } = React__namespace;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React__namespace["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React__namespace[`useId${Math.random()}`.slice(0, 5)];
 const useLayoutEffect_do_not_use_directly = useLayoutEffect;
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled

package/dist/react-resizable-panels.browser.development.esm.js

@@ -19,8 +19,8 @@ const {
   useState
 } = React;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React[`useId${Math.random()}`.slice(0, 5)];
 const useLayoutEffect_do_not_use_directly = useLayoutEffect;
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled

package/dist/react-resizable-panels.browser.esm.js

@@ -19,8 +19,8 @@ const {
   useState
 } = React;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React[`useId${Math.random()}`.slice(0, 5)];
 const useLayoutEffect_do_not_use_directly = useLayoutEffect;
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled

package/dist/react-resizable-panels.cjs.js

@@ -45,8 +45,8 @@ const {
   useState
 } = React__namespace;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React__namespace["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React__namespace[`useId${Math.random()}`.slice(0, 5)];
 const useLayoutEffect_do_not_use_directly = useLayoutEffect;
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled

package/dist/react-resizable-panels.development.cjs.js

@@ -45,8 +45,8 @@ const {
   useState
 } = React__namespace;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React__namespace["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React__namespace[`useId${Math.random()}`.slice(0, 5)];
 const useLayoutEffect_do_not_use_directly = useLayoutEffect;
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled

package/dist/react-resizable-panels.development.esm.js

@@ -21,8 +21,8 @@ const {
   useState
 } = React;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React[`useId${Math.random()}`.slice(0, 5)];
 const useLayoutEffect_do_not_use_directly = useLayoutEffect;
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled

package/dist/react-resizable-panels.development.node.cjs.js

@@ -43,8 +43,8 @@ const {
   useState
 } = React__namespace;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React__namespace["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React__namespace[`useId${Math.random()}`.slice(0, 5)];
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled
 

package/dist/react-resizable-panels.development.node.esm.js

@@ -19,8 +19,8 @@ const {
   useState
 } = React;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React[`useId${Math.random()}`.slice(0, 5)];
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled
 

package/dist/react-resizable-panels.esm.js

@@ -21,8 +21,8 @@ const {
   useState
 } = React;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React[`useId${Math.random()}`.slice(0, 5)];
 const useLayoutEffect_do_not_use_directly = useLayoutEffect;
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled

package/dist/react-resizable-panels.node.cjs.js

@@ -43,8 +43,8 @@ const {
   useState
 } = React__namespace;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React__namespace["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React__namespace[`useId${Math.random()}`.slice(0, 5)];
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled
 

package/dist/react-resizable-panels.node.esm.js

@@ -19,8 +19,8 @@ const {
   useState
 } = React;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = React["useId".toString()];
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = React[`useId${Math.random()}`.slice(0, 5)];
 
 // The "contextmenu" event is not supported as a PointerEvent in all browsers yet, so MouseEvent still need to be handled
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-resizable-panels",
-  "version": "2.0.22",
+  "version": "2.0.23",
   "description": "React components for resizable panel groups/layouts",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
   "license": "MIT",

package/src/vendor/react.ts

@@ -36,8 +36,10 @@ const {
   useState,
 } = React;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = (React as any)["useId".toString()] as () => string;
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = (React as any)[
+  `useId${Math.random()}`.slice(0, 5)
+] as () => string;
 
 const useLayoutEffect_do_not_use_directly = useLayoutEffect;