@primer/react 38.39.0-rc.fbea7df95 → 38.39.0

package/dist/utils/react-compiler-runtime.js

@@ -0,0 +1,32 @@
+import React, { useMemo } from "react";
+//#region src/utils/react-compiler-runtime.ts
+/**
+* Local, bundled replacement for the `c` helper exported by
+* `react-compiler-runtime`.
+*
+* The React Compiler emits `import {c} from 'react-compiler-runtime'`. The build
+* aliases that import to this module so the helper is bundled into
+* `@primer/react` as plain ES modules instead of being resolved as an external
+* CommonJS dependency. Leaving it external ships a bare cross-chunk import that
+* can crash (`TypeError: (0, t.c) is not a function`) when a consumer's bundle
+* graph resolves a skewed or duplicate copy across independently-cached chunks.
+*
+* The behavior mirrors `react-compiler-runtime`: prefer React's built-in
+* compiler runtime when it is available (React 19+), otherwise fall back to a
+* `useMemo`-backed cache. This module is excluded from the React Compiler (see
+* `script/react-compiler.mjs`) so it does not attempt to compile the helper that
+* backs the compiler's own runtime.
+*/
+const MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel");
+function useMemoCache(size) {
+	return useMemo(() => {
+		const cache = new Array(size);
+		for (let index = 0; index < size; index++) cache[index] = MEMO_CACHE_SENTINEL;
+		cache[MEMO_CACHE_SENTINEL] = true;
+		return cache;
+	}, []);
+}
+const builtinRuntime = React.__COMPILER_RUNTIME;
+const c = typeof (builtinRuntime === null || builtinRuntime === void 0 ? void 0 : builtinRuntime.c) === "function" ? builtinRuntime.c : useMemoCache;
+//#endregion
+export { c, useMemoCache };

package/generated/components.json

@@ -9775,19 +9775,19 @@
         },
         {
           "id": "experimental-components-underlinepanels-features--controlled",
-          "code": "() => {\n  const [refType, setRefType] = useState('branch')\n  return (\n    <>\n      <FlagState />\n      <UnderlinePanels\n        aria-label=\"Ref type\"\n        value={refType}\n        onChange={({ value }) => {\n          action('onChange')({\n            value,\n          })\n          setRefType(value)\n        }}\n      >\n        <UnderlinePanels.Tab value=\"branch\" icon={GitBranchIcon}>\n          Branches\n        </UnderlinePanels.Tab>\n        <UnderlinePanels.Tab value=\"tag\" icon={TagIcon}>\n          Tags\n        </UnderlinePanels.Tab>\n        <UnderlinePanels.Panel value=\"branch\">\n          Find or create a branch…\n        </UnderlinePanels.Panel>\n        <UnderlinePanels.Panel value=\"tag\">\n          Search or create a new tag…\n        </UnderlinePanels.Panel>\n      </UnderlinePanels>\n      <p>\n        Selected ref type: <strong>{refType}</strong>\n      </p>\n    </>\n  )\n}"
+          "code": "() => {\n  const [refType, setRefType] = useState('branch')\n  return (\n    <>\n      <UnderlinePanels\n        aria-label=\"Ref type\"\n        value={refType}\n        onChange={({ value }) => {\n          action('onChange')({\n            value,\n          })\n          setRefType(value)\n        }}\n      >\n        <UnderlinePanels.Tab value=\"branch\" icon={GitBranchIcon}>\n          Branches\n        </UnderlinePanels.Tab>\n        <UnderlinePanels.Tab value=\"tag\" icon={TagIcon}>\n          Tags\n        </UnderlinePanels.Tab>\n        <UnderlinePanels.Panel value=\"branch\">\n          Find or create a branch…\n        </UnderlinePanels.Panel>\n        <UnderlinePanels.Panel value=\"tag\">\n          Search or create a new tag…\n        </UnderlinePanels.Panel>\n      </UnderlinePanels>\n      <p>\n        Selected ref type: <strong>{refType}</strong>\n      </p>\n    </>\n  )\n}"
         },
         {
           "id": "experimental-components-underlinepanels-features--uncontrolled",
-          "code": "() => (\n  <>\n    <FlagState />\n    <UnderlinePanels\n      aria-label=\"Ref type\"\n      defaultValue=\"tag\"\n      onChange={({ value }) => {\n        action('onChange')({\n          value,\n        })\n      }}\n    >\n      <UnderlinePanels.Tab value=\"branch\">Branches</UnderlinePanels.Tab>\n      <UnderlinePanels.Tab value=\"tag\">Tags</UnderlinePanels.Tab>\n      <UnderlinePanels.Panel value=\"branch\">\n        Find or create a branch…\n      </UnderlinePanels.Panel>\n      <UnderlinePanels.Panel value=\"tag\">\n        Search or create a new tag…\n      </UnderlinePanels.Panel>\n    </UnderlinePanels>\n  </>\n)"
+          "code": "() => (\n  <>\n    <UnderlinePanels\n      aria-label=\"Ref type\"\n      defaultValue=\"tag\"\n      onChange={({ value }) => {\n        action('onChange')({\n          value,\n        })\n      }}\n    >\n      <UnderlinePanels.Tab value=\"branch\">Branches</UnderlinePanels.Tab>\n      <UnderlinePanels.Tab value=\"tag\">Tags</UnderlinePanels.Tab>\n      <UnderlinePanels.Panel value=\"branch\">\n        Find or create a branch…\n      </UnderlinePanels.Panel>\n      <UnderlinePanels.Panel value=\"tag\">\n        Search or create a new tag…\n      </UnderlinePanels.Panel>\n    </UnderlinePanels>\n  </>\n)"
         },
         {
           "id": "experimental-components-underlinepanels-features--manual-activation",
-          "code": "() => {\n  const [refType, setRefType] = useState('branch')\n  return (\n    <>\n      <FlagState />\n      <p>\n        With <code>activationMode=&quot;manual&quot;</code>, arrow keys only\n        move focus; press Enter or Space (or click) to commit selection. Prefer\n        this when switching tabs triggers async work like a fetch.\n      </p>\n      <UnderlinePanels\n        aria-label=\"Ref type\"\n        value={refType}\n        activationMode=\"manual\"\n        onChange={({ value }) => {\n          action('onChange')({\n            value,\n          })\n          setRefType(value)\n        }}\n      >\n        <UnderlinePanels.Tab value=\"branch\">Branches</UnderlinePanels.Tab>\n        <UnderlinePanels.Tab value=\"tag\">Tags</UnderlinePanels.Tab>\n        <UnderlinePanels.Panel value=\"branch\">\n          Find or create a branch…\n        </UnderlinePanels.Panel>\n        <UnderlinePanels.Panel value=\"tag\">\n          Search or create a new tag…\n        </UnderlinePanels.Panel>\n      </UnderlinePanels>\n    </>\n  )\n}"
+          "code": "() => {\n  const [refType, setRefType] = useState('branch')\n  return (\n    <>\n      <p>\n        With <code>activationMode=&quot;manual&quot;</code>, arrow keys only\n        move focus; press Enter or Space (or click) to commit selection. Prefer\n        this when switching tabs triggers async work like a fetch.\n      </p>\n      <UnderlinePanels\n        aria-label=\"Ref type\"\n        value={refType}\n        activationMode=\"manual\"\n        onChange={({ value }) => {\n          action('onChange')({\n            value,\n          })\n          setRefType(value)\n        }}\n      >\n        <UnderlinePanels.Tab value=\"branch\">Branches</UnderlinePanels.Tab>\n        <UnderlinePanels.Tab value=\"tag\">Tags</UnderlinePanels.Tab>\n        <UnderlinePanels.Panel value=\"branch\">\n          Find or create a branch…\n        </UnderlinePanels.Panel>\n        <UnderlinePanels.Panel value=\"tag\">\n          Search or create a new tag…\n        </UnderlinePanels.Panel>\n      </UnderlinePanels>\n    </>\n  )\n}"
         },
         {
           "id": "experimental-components-underlinepanels-features--in-overlay",
-          "code": "() => {\n  const [open, setOpen] = useState(false)\n  const [refType, setRefType] = useState('branch')\n  return (\n    <>\n      <FlagState />\n      <AnchoredOverlay\n        open={open}\n        onOpen={() => setOpen(true)}\n        onClose={() => setOpen(false)}\n        renderAnchor={(props) => <Button {...props}>Select ref type</Button>}\n        overlayProps={{\n          role: 'dialog',\n          'aria-modal': true,\n          'aria-label': 'Select a ref type',\n          style: {\n            width: '320px',\n          },\n        }}\n        focusZoneSettings={{\n          disabled: true,\n        }}\n      >\n        <UnderlinePanels\n          aria-label=\"Ref type\"\n          value={refType}\n          onChange={({ value }) => {\n            action('onChange')({\n              value,\n            })\n            setRefType(value)\n          }}\n        >\n          <UnderlinePanels.Tab value=\"branch\">Branches</UnderlinePanels.Tab>\n          <UnderlinePanels.Tab value=\"tag\">Tags</UnderlinePanels.Tab>\n          <UnderlinePanels.Panel value=\"branch\">\n            Find or create a branch…\n          </UnderlinePanels.Panel>\n          <UnderlinePanels.Panel value=\"tag\">\n            Search or create a new tag…\n          </UnderlinePanels.Panel>\n        </UnderlinePanels>\n      </AnchoredOverlay>\n    </>\n  )\n}"
+          "code": "() => {\n  const [open, setOpen] = useState(false)\n  const [refType, setRefType] = useState('branch')\n  return (\n    <>\n      <AnchoredOverlay\n        open={open}\n        onOpen={() => setOpen(true)}\n        onClose={() => setOpen(false)}\n        renderAnchor={(props) => <Button {...props}>Select ref type</Button>}\n        overlayProps={{\n          role: 'dialog',\n          'aria-modal': true,\n          'aria-label': 'Select a ref type',\n          style: {\n            width: '320px',\n          },\n        }}\n        focusZoneSettings={{\n          disabled: true,\n        }}\n      >\n        <UnderlinePanels\n          aria-label=\"Ref type\"\n          value={refType}\n          onChange={({ value }) => {\n            action('onChange')({\n              value,\n            })\n            setRefType(value)\n          }}\n        >\n          <UnderlinePanels.Tab value=\"branch\">Branches</UnderlinePanels.Tab>\n          <UnderlinePanels.Tab value=\"tag\">Tags</UnderlinePanels.Tab>\n          <UnderlinePanels.Panel value=\"branch\">\n            Find or create a branch…\n          </UnderlinePanels.Panel>\n          <UnderlinePanels.Panel value=\"tag\">\n            Search or create a new tag…\n          </UnderlinePanels.Panel>\n        </UnderlinePanels>\n      </AnchoredOverlay>\n    </>\n  )\n}"
         }
       ],
       "importPath": "@primer/react/experimental",
@@ -9808,7 +9808,7 @@
           "name": "value",
           "type": "string",
           "defaultValue": "",
-          "description": "The value of the selected tab, keyed to each `UnderlinePanels.Tab`/`UnderlinePanels.Panel` `value`. Provide this (with `onChange`) for a controlled component where the selected tab is the single source of truth. Requires the `primer_react_underline_panels_controlled` feature flag."
+          "description": "The value of the selected tab, keyed to each `UnderlinePanels.Tab`/`UnderlinePanels.Panel` `value`. Provide this (with `onChange`) for a controlled component where the selected tab is the single source of truth."
         },
         {
           "name": "defaultValue",
@@ -9826,7 +9826,7 @@
           "name": "activationMode",
           "type": "'automatic' | 'manual'",
           "defaultValue": "'automatic'",
-          "description": "Controls how tabs are activated with the keyboard. `'automatic'` selects on focus (Arrow/Home/End select immediately); `'manual'` moves focus only and commits selection on Enter, Space, or click. Prefer `'manual'` when displaying a panel is not instant (e.g. it triggers a network request). Requires the `primer_react_underline_panels_controlled` feature flag."
+          "description": "Controls how tabs are activated with the keyboard. `'automatic'` selects on focus (Arrow/Home/End select immediately); `'manual'` moves focus only and commits selection on Enter, Space, or click. Prefer `'manual'` when displaying a panel is not instant (e.g. it triggers a network request)."
         },
         {
           "name": "children",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.39.0-rc.fbea7df95",
+  "version": "38.39.0",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -90,7 +90,6 @@
     "hsluv": "1.0.1",
     "lodash.isempty": "^4.4.0",
     "lodash.isobject": "^3.0.2",
-    "react-compiler-runtime": "^1.0.0",
     "react-intersection-observer": "^10.0.3"
   },
   "devDependencies": {
@@ -162,6 +161,7 @@
     "postcss-preset-primer": "^0.0.0",
     "publint": "^0.3.15",
     "react": "18.3.1",
+    "react-compiler-runtime": "^1.0.0",
     "react-dom": "18.3.1",
     "react-is": "18.3.1",
     "recast": "0.23.7",