@primer/react 38.0.0-rc.1 → 38.0.0-rc.2

package/lib-esm/Token/TokenBase.js

@@ -25,119 +25,110 @@ const isTokenInteractive = ({
   return Boolean(onFocus || onClick || tabIndex > -1 || ['a', 'button'].includes(as));
 };
 const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
-  const $ = c(27);
-  let className;
+  const $ = c(26);
+  let T0;
   let id;
-  let onKeyDown;
-  let onRemove;
   let rest;
+  let size;
   let t1;
   let t2;
+  let t3;
+  let t4;
   if ($[0] !== t0) {
     const {
-      onRemove: t3,
-      onKeyDown: t4,
+      onRemove,
+      onKeyDown,
       id: t5,
-      className: t6,
-      size: t7,
+      className,
+      size: t6,
       isSelected: _isSelected,
-      as: t8,
-      ...t9
+      as: t7,
+      ...t8
     } = t0;
-    onRemove = t3;
-    onKeyDown = t4;
     id = t5;
-    className = t6;
-    t1 = t7;
-    t2 = t8;
-    rest = t9;
+    rest = t8;
+    size = t6 === undefined ? defaultTokenSize : t6;
+    const as = t7 === undefined ? "span" : t7;
+    T0 = BoxWithFallback;
+    t1 = as;
+    if ($[9] !== onKeyDown || $[10] !== onRemove) {
+      t2 = event => {
+        onKeyDown && onKeyDown(event);
+        if ((event.key === "Backspace" || event.key === "Delete") && onRemove) {
+          onRemove();
+        }
+      };
+      $[9] = onKeyDown;
+      $[10] = onRemove;
+      $[11] = t2;
+    } else {
+      t2 = $[11];
+    }
+    if ($[12] !== className) {
+      t3 = clsx(classes.TokenBase, className);
+      $[12] = className;
+      $[13] = t3;
+    } else {
+      t3 = $[13];
+    }
+    t4 = isTokenInteractive({
+      as,
+      ...rest
+    });
     $[0] = t0;
-    $[1] = className;
+    $[1] = T0;
     $[2] = id;
-    $[3] = onKeyDown;
-    $[4] = onRemove;
-    $[5] = rest;
-    $[6] = t1;
-    $[7] = t2;
+    $[3] = rest;
+    $[4] = size;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
   } else {
-    className = $[1];
+    T0 = $[1];
     id = $[2];
-    onKeyDown = $[3];
-    onRemove = $[4];
-    rest = $[5];
-    t1 = $[6];
-    t2 = $[7];
-  }
-  const size = t1 === undefined ? defaultTokenSize : t1;
-  const as = t2 === undefined ? "span" : t2;
-  let t3;
-  if ($[8] !== onKeyDown || $[9] !== onRemove) {
-    t3 = event => {
-      onKeyDown && onKeyDown(event);
-      if ((event.key === "Backspace" || event.key === "Delete") && onRemove) {
-        onRemove();
-      }
-    };
-    $[8] = onKeyDown;
-    $[9] = onRemove;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  let t4;
-  if ($[11] !== className) {
-    t4 = clsx(classes.TokenBase, className);
-    $[11] = className;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
+    rest = $[3];
+    size = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
   }
   let t5;
-  if ($[13] !== as || $[14] !== rest) {
-    t5 = isTokenInteractive({
-      as,
-      ...rest
-    });
-    $[13] = as;
-    $[14] = rest;
+  if ($[14] !== id) {
+    var _id;
+    t5 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
+    $[14] = id;
     $[15] = t5;
   } else {
     t5 = $[15];
   }
   let t6;
-  if ($[16] !== id) {
-    var _id;
-    t6 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
-    $[16] = id;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  let t7;
-  if ($[18] !== as || $[19] !== forwardedRef || $[20] !== rest || $[21] !== size || $[22] !== t3 || $[23] !== t4 || $[24] !== t5 || $[25] !== t6) {
-    t7 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: as,
-      onKeyDown: t3,
-      className: t4,
-      "data-cursor-is-interactive": t5,
+  if ($[16] !== T0 || $[17] !== forwardedRef || $[18] !== rest || $[19] !== size || $[20] !== t1 || $[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== t5) {
+    t6 = /*#__PURE__*/jsx(T0, {
+      as: t1,
+      onKeyDown: t2,
+      className: t3,
+      "data-cursor-is-interactive": t4,
       "data-size": size,
-      id: t6,
+      id: t5,
       ...rest,
       ref: forwardedRef
     });
-    $[18] = as;
-    $[19] = forwardedRef;
-    $[20] = rest;
-    $[21] = size;
+    $[16] = T0;
+    $[17] = forwardedRef;
+    $[18] = rest;
+    $[19] = size;
+    $[20] = t1;
+    $[21] = t2;
     $[22] = t3;
     $[23] = t4;
     $[24] = t5;
     $[25] = t6;
-    $[26] = t7;
   } else {
-    t7 = $[26];
+    t6 = $[25];
   }
-  return t7;
+  return t6;
 });
 
 export { TokenBase as default, defaultTokenSize, isTokenInteractive, tokenSizes };

package/lib-esm/Token/_RemoveTokenButton.js

@@ -1,3 +1,4 @@
+import { c } from 'react-compiler-runtime';
 import { XIcon } from '@primer/octicons-react';
 import { clsx } from 'clsx';
 import { defaultTokenSize, tokenSizes } from './TokenBase.js';
@@ -6,32 +7,111 @@ import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 const getTokenButtonIconSize = size => parseInt(tokenSizes[size || defaultTokenSize], 10) * 0.75;
-const RemoveTokenButton = ({
-  'aria-label': ariaLabel,
-  isParentInteractive,
-  size = defaultTokenSize,
-  className,
-  borderOffset = 0,
-  as: _as,
-  ...rest
-}) => {
-  // eslint-disable-next-line react-compiler/react-compiler
-  delete rest.children;
-  return /*#__PURE__*/jsx(BoxWithFallback, {
-    as: isParentInteractive ? 'span' : 'button',
-    tabIndex: isParentInteractive ? -1 : undefined,
-    "aria-label": !isParentInteractive ? 'Remove token' : ariaLabel,
-    "data-size": size,
-    className: clsx(classes.TokenButton, className),
-    style: {
-      transform: `translate(${borderOffset}px, -${borderOffset}px)`
-    },
-    ...rest,
-    children: /*#__PURE__*/jsx(XIcon, {
-      size: getTokenButtonIconSize(size)
-    })
-  });
+const RemoveTokenButton = t0 => {
+  const $ = c(24);
+  let ariaLabel;
+  let borderOffset;
+  let className;
+  let isParentInteractive;
+  let rest;
+  let size;
+  if ($[0] !== t0) {
+    const {
+      "aria-label": t1,
+      isParentInteractive: t2,
+      size: t3,
+      className: t4,
+      borderOffset: t5,
+      as: _as,
+      ...t6
+    } = t0;
+    ariaLabel = t1;
+    isParentInteractive = t2;
+    className = t4;
+    rest = t6;
+    size = t3 === undefined ? defaultTokenSize : t3;
+    borderOffset = t5 === undefined ? 0 : t5;
+    delete rest.children;
+    $[0] = t0;
+    $[1] = ariaLabel;
+    $[2] = borderOffset;
+    $[3] = className;
+    $[4] = isParentInteractive;
+    $[5] = rest;
+    $[6] = size;
+  } else {
+    ariaLabel = $[1];
+    borderOffset = $[2];
+    className = $[3];
+    isParentInteractive = $[4];
+    rest = $[5];
+    size = $[6];
+  }
+  const t1 = isParentInteractive ? "span" : "button";
+  const t2 = isParentInteractive ? -1 : undefined;
+  const t3 = !isParentInteractive ? "Remove token" : ariaLabel;
+  let t4;
+  if ($[7] !== className) {
+    t4 = clsx(classes.TokenButton, className);
+    $[7] = className;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const t5 = `translate(${borderOffset}px, -${borderOffset}px)`;
+  let t6;
+  if ($[9] !== t5) {
+    t6 = {
+      transform: t5
+    };
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== size) {
+    t7 = getTokenButtonIconSize(size);
+    $[11] = size;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== t7) {
+    t8 = /*#__PURE__*/jsx(XIcon, {
+      size: t7
+    });
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== rest || $[16] !== size || $[17] !== t1 || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== t6 || $[22] !== t8) {
+    t9 = /*#__PURE__*/jsx(BoxWithFallback, {
+      as: t1,
+      tabIndex: t2,
+      "aria-label": t3,
+      "data-size": size,
+      className: t4,
+      style: t6,
+      ...rest,
+      children: t8
+    });
+    $[15] = rest;
+    $[16] = size;
+    $[17] = t1;
+    $[18] = t2;
+    $[19] = t3;
+    $[20] = t4;
+    $[21] = t6;
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  return t9;
 };
-RemoveTokenButton.displayName = "RemoveTokenButton";
 
 export { RemoveTokenButton as default };

package/lib-esm/Tooltip/Tooltip.js

@@ -85,21 +85,19 @@ function Tooltip(t0) {
   }
   const classes = t6;
   let t7;
-  let t8;
   if ($[16] !== tooltipId) {
-    t8 = {
+    t7 = {
       tooltipId
     };
     $[16] = tooltipId;
-    $[17] = t8;
+    $[17] = t7;
   } else {
-    t8 = $[17];
+    t7 = $[17];
   }
-  t7 = t8;
   const value = t7;
-  let t9;
+  let t8;
   if ($[18] !== children || $[19] !== classes || $[20] !== rest || $[21] !== text || $[22] !== tooltipId) {
-    t9 = /*#__PURE__*/jsx(TooltipBase, {
+    t8 = /*#__PURE__*/jsx(TooltipBase, {
       role: "tooltip",
       "aria-label": text,
       id: tooltipId,
@@ -112,23 +110,23 @@ function Tooltip(t0) {
     $[20] = rest;
     $[21] = text;
     $[22] = tooltipId;
-    $[23] = t9;
+    $[23] = t8;
   } else {
-    t9 = $[23];
+    t8 = $[23];
   }
-  let t10;
-  if ($[24] !== t9 || $[25] !== value) {
-    t10 = /*#__PURE__*/jsx(TooltipContext.Provider, {
+  let t9;
+  if ($[24] !== t8 || $[25] !== value) {
+    t9 = /*#__PURE__*/jsx(TooltipContext.Provider, {
       value: value,
-      children: t9
+      children: t8
     });
-    $[24] = t9;
+    $[24] = t8;
     $[25] = value;
-    $[26] = t10;
+    $[26] = t9;
   } else {
-    t10 = $[26];
+    t9 = $[26];
   }
-  return t10;
+  return t9;
 }
 Tooltip.alignments = ['left', 'right'];
 Tooltip.directions = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];

package/lib-esm/TreeView/TreeView.js

@@ -769,41 +769,39 @@ const EmptyItem = /*#__PURE__*/React.forwardRef((props, ref) => {
 function useSubTree(children) {
   const $ = c(8);
   let t0;
-  let t1;
   if ($[0] !== children) {
-    t1 = React.Children.toArray(children).find(_temp4);
+    t0 = React.Children.toArray(children).find(_temp4);
     $[0] = children;
-    $[1] = t1;
+    $[1] = t0;
   } else {
-    t1 = $[1];
+    t0 = $[1];
   }
-  const subTree = t1;
-  let t2;
+  const subTree = t0;
+  let t1;
   if ($[2] !== children) {
-    t2 = React.Children.toArray(children).filter(_temp5);
+    t1 = React.Children.toArray(children).filter(_temp5);
     $[2] = children;
-    $[3] = t2;
+    $[3] = t1;
   } else {
-    t2 = $[3];
+    t1 = $[3];
   }
-  const childrenWithoutSubTree = t2;
-  const t3 = Boolean(subTree);
-  let t4;
-  if ($[4] !== childrenWithoutSubTree || $[5] !== subTree || $[6] !== t3) {
-    t4 = {
+  const childrenWithoutSubTree = t1;
+  const t2 = Boolean(subTree);
+  let t3;
+  if ($[4] !== childrenWithoutSubTree || $[5] !== subTree || $[6] !== t2) {
+    t3 = {
       subTree,
       childrenWithoutSubTree,
-      hasSubTree: t3
+      hasSubTree: t2
     };
     $[4] = childrenWithoutSubTree;
     $[5] = subTree;
-    $[6] = t3;
-    $[7] = t4;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t4 = $[7];
+    t3 = $[7];
   }
-  t0 = t4;
-  return t0;
+  return t3;
 }
 
 // ----------------------------------------------------------------------------