@primer/react/dist/internal/components/TextInputInnerAction.js

An implementation of GitHub's Primer Design System using React

import { c } from 'react-compiler-runtime';
import { forwardRef } from 'react';
import { IconButton } from '../../Button/IconButton.js';
import { ButtonComponent } from '../../Button/Button.js';
import { clsx } from 'clsx';
import styles from './TextInputInnerAction.module.css.js';
import { jsx, Fragment } from 'react/jsx-runtime';
import { Tooltip } from '../../TooltipV2/Tooltip.js';

const ConditionalTooltip = t0 => {
  const $ = c(6);
  const {
    "aria-label": ariaLabel,
    children,
    tooltipDirection
  } = t0;
  let t1;
  if ($[0] !== ariaLabel || $[1] !== children || $[2] !== tooltipDirection) {
    t1 = ariaLabel ? /*#__PURE__*/jsx(Tooltip, {
      text: ariaLabel,
      direction: tooltipDirection,
      className: styles.ConditionalTooltip,
      children: children
    }) : children;
    $[0] = ariaLabel;
    $[1] = children;
    $[2] = tooltipDirection;
    $[3] = t1;
  } else {
    t1 = $[3];
  }
  let t2;
  if ($[4] !== t1) {
    t2 = /*#__PURE__*/jsx(Fragment, {
      children: t1
    });
    $[4] = t1;
    $[5] = t2;
  } else {
    t2 = $[5];
  }
  return t2;
};
const TextInputAction = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
  const $ = c(28);
  let ariaLabel;
  let ariaLabelledBy;
  let children;
  let className;
  let icon;
  let rest;
  let t1;
  let tooltipDirection;
  if ($[0] !== t0) {
    ({
      "aria-label": ariaLabel,
      "aria-labelledby": ariaLabelledBy,
      tooltipDirection,
      children,
      icon,
      className,
      variant: t1,
      ...rest
    } = t0);
    $[0] = t0;
    $[1] = ariaLabel;
    $[2] = ariaLabelledBy;
    $[3] = children;
    $[4] = className;
    $[5] = icon;
    $[6] = rest;
    $[7] = t1;
    $[8] = tooltipDirection;
  } else {
    ariaLabel = $[1];
    ariaLabelledBy = $[2];
    children = $[3];
    className = $[4];
    icon = $[5];
    rest = $[6];
    t1 = $[7];
    tooltipDirection = $[8];
  }
  const variant = t1 === undefined ? "invisible" : t1;
  const t2 = variant === "invisible" && styles.Invisible;
  let t3;
  if ($[9] !== className || $[10] !== t2) {
    t3 = clsx(t2, className);
    $[9] = className;
    $[10] = t2;
    $[11] = t3;
  } else {
    t3 = $[11];
  }
  let t4;
  if ($[12] !== t3) {
    t4 = {
      className: t3
    };
    $[12] = t3;
    $[13] = t4;
  } else {
    t4 = $[13];
  }
  const styleProps = t4;
  if (icon && !ariaLabel || !children && !ariaLabel) {
    console.warn("Use the `aria-label` prop to provide an accessible label for assistive technology");
  }
  let t5;
  if ($[14] !== ariaLabel || $[15] !== ariaLabelledBy) {
    t5 = ariaLabel ? {
      "aria-label": ariaLabel
    } : ariaLabelledBy ? {
      "aria-labelledby": ariaLabelledBy
    } : {
      "aria-label": ""
    };
    $[14] = ariaLabel;
    $[15] = ariaLabelledBy;
    $[16] = t5;
  } else {
    t5 = $[16];
  }
  const accessibleLabel = t5;
  let t6;
  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
    t6 = clsx("TextInput-action", styles.TextInputAction);
    $[17] = t6;
  } else {
    t6 = $[17];
  }
  let t7;
  if ($[18] !== accessibleLabel || $[19] !== ariaLabel || $[20] !== children || $[21] !== forwardedRef || $[22] !== icon || $[23] !== rest || $[24] !== styleProps || $[25] !== tooltipDirection || $[26] !== variant) {
    var _tooltipDirection;
    t7 = /*#__PURE__*/jsx("span", {
      className: t6,
      children: icon && !children && ariaLabel ? /*#__PURE__*/jsx(IconButton, {
        ...accessibleLabel,
        tooltipDirection: (_tooltipDirection = tooltipDirection) !== null && _tooltipDirection !== void 0 ? _tooltipDirection : "s",
        variant: variant,
        type: "button",
        icon: icon,
        size: "small",
        ...styleProps,
        ...rest,
        ref: forwardedRef
      }) : /*#__PURE__*/jsx(ConditionalTooltip, {
        "aria-label": ariaLabel,
        children: /*#__PURE__*/jsx(ButtonComponent, {
          variant: variant,
          type: "button",
          ...styleProps,
          ...rest,
          ref: forwardedRef,
          children: children
        })
      })
    });
    $[18] = accessibleLabel;
    $[19] = ariaLabel;
    $[20] = children;
    $[21] = forwardedRef;
    $[22] = icon;
    $[23] = rest;
    $[24] = styleProps;
    $[25] = tooltipDirection;
    $[26] = variant;
    $[27] = t7;
  } else {
    t7 = $[27];
  }
  return t7;
});

export { TextInputAction as default };