claude-code/src/components/BaseTextInput.tsx

import { c as _c } from "react/compiler-runtime";
import React from 'react';
import { renderPlaceholder } from '../hooks/renderPlaceholder.js';
import { usePasteHandler } from '../hooks/usePasteHandler.js';
import { useDeclaredCursor } from '../ink/hooks/use-declared-cursor.js';
import { Ansi, Box, Text, useInput } from '../ink.js';
import type { BaseInputState, BaseTextInputProps } from '../types/textInputTypes.js';
import type { TextHighlight } from '../utils/textHighlighting.js';
import { HighlightedInput } from './PromptInput/ShimmeredInput.js';
type BaseTextInputComponentProps = BaseTextInputProps & {
  inputState: BaseInputState;
  children?: React.ReactNode;
  terminalFocus: boolean;
  highlights?: TextHighlight[];
  invert?: (text: string) => string;
  hidePlaceholderText?: boolean;
};

/**
 * A base component for text inputs that handles rendering and basic input
 */
export function BaseTextInput(t0) {
  const $ = _c(14);
  const {
    inputState,
    children,
    terminalFocus,
    invert,
    hidePlaceholderText,
    ...props
  } = t0;
  const {
    onInput,
    renderedValue,
    cursorLine,
    cursorColumn
  } = inputState;
  const t1 = Boolean(props.focus && props.showCursor && terminalFocus);
  let t2;
  if ($[0] !== cursorColumn || $[1] !== cursorLine || $[2] !== t1) {
    t2 = {
      line: cursorLine,
      column: cursorColumn,
      active: t1
    };
    $[0] = cursorColumn;
    $[1] = cursorLine;
    $[2] = t1;
    $[3] = t2;
  } else {
    t2 = $[3];
  }
  const cursorRef = useDeclaredCursor(t2);
  const {
    wrappedOnInput,
    isPasting: t3
  } = usePasteHandler({
    onPaste: props.onPaste,
    onInput: (input, key) => {
      if (isPasting && key.return) {
        return;
      }
      onInput(input, key);
    },
    onImagePaste: props.onImagePaste
  });
  const isPasting = t3;
  const {
    onIsPastingChange
  } = props;
  React.useEffect(() => {
    if (onIsPastingChange) {
      onIsPastingChange(isPasting);
    }
  }, [isPasting, onIsPastingChange]);
  const {
    showPlaceholder,
    renderedPlaceholder
  } = renderPlaceholder({
    placeholder: props.placeholder,
    value: props.value,
    showCursor: props.showCursor,
    focus: props.focus,
    terminalFocus,
    invert,
    hidePlaceholderText
  });
  useInput(wrappedOnInput, {
    isActive: props.focus
  });
  const commandWithoutArgs = props.value && props.value.trim().indexOf(" ") === -1 || props.value && props.value.endsWith(" ");
  const showArgumentHint = Boolean(props.argumentHint && props.value && commandWithoutArgs && props.value.startsWith("/"));
  const cursorFiltered = props.showCursor && props.highlights ? props.highlights.filter(h => h.dimColor || props.cursorOffset < h.start || props.cursorOffset >= h.end) : props.highlights;
  const {
    viewportCharOffset,
    viewportCharEnd
  } = inputState;
  const filteredHighlights = cursorFiltered && viewportCharOffset > 0 ? cursorFiltered.filter(h_0 => h_0.end > viewportCharOffset && h_0.start < viewportCharEnd).map(h_1 => ({
    ...h_1,
    start: Math.max(0, h_1.start - viewportCharOffset),
    end: h_1.end - viewportCharOffset
  })) : cursorFiltered;
  const hasHighlights = filteredHighlights && filteredHighlights.length > 0;
  if (hasHighlights) {
    return <Box ref={cursorRef}><HighlightedInput text={renderedValue} highlights={filteredHighlights} />{showArgumentHint && <Text dimColor={true}>{props.value?.endsWith(" ") ? "" : " "}{props.argumentHint}</Text>}{children}</Box>;
  }
  const T0 = Box;
  const T1 = Text;
  const t4 = "truncate-end";
  const t5 = showPlaceholder && props.placeholderElement ? props.placeholderElement : showPlaceholder && renderedPlaceholder ? <Ansi>{renderedPlaceholder}</Ansi> : <Ansi>{renderedValue}</Ansi>;
  const t6 = showArgumentHint && <Text dimColor={true}>{props.value?.endsWith(" ") ? "" : " "}{props.argumentHint}</Text>;
  let t7;
  if ($[4] !== T1 || $[5] !== children || $[6] !== props || $[7] !== t5 || $[8] !== t6) {
    t7 = <T1 wrap={t4} dimColor={props.dimColor}>{t5}{t6}{children}</T1>;
    $[4] = T1;
    $[5] = children;
    $[6] = props;
    $[7] = t5;
    $[8] = t6;
    $[9] = t7;
  } else {
    t7 = $[9];
  }
  let t8;
  if ($[10] !== T0 || $[11] !== cursorRef || $[12] !== t7) {
    t8 = <T0 ref={cursorRef}>{t7}</T0>;
    $[10] = T0;
    $[11] = cursorRef;
    $[12] = t7;
    $[13] = t8;
  } else {
    t8 = $[13];
  }
  return t8;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInJlbmRlclBsYWNlaG9sZGVyIiwidXNlUGFzdGVIYW5kbGVyIiwidXNlRGVjbGFyZWRDdXJzb3IiLCJBbnNpIiwiQm94IiwiVGV4dCIsInVzZUlucHV0IiwiQmFzZUlucHV0U3RhdGUiLCJCYXNlVGV4dElucHV0UHJvcHMiLCJUZXh0SGlnaGxpZ2h0IiwiSGlnaGxpZ2h0ZWRJbnB1dCIsIkJhc2VUZXh0SW5wdXRDb21wb25lbnRQcm9wcyIsImlucHV0U3RhdGUiLCJjaGlsZHJlbiIsIlJlYWN0Tm9kZSIsInRlcm1pbmFsRm9jdXMiLCJoaWdobGlnaHRzIiwiaW52ZXJ0IiwidGV4dCIsImhpZGVQbGFjZWhvbGRlclRleHQiLCJCYXNlVGV4dElucHV0IiwidDAiLCIkIiwiX2MiLCJwcm9wcyIsIm9uSW5wdXQiLCJyZW5kZXJlZFZhbHVlIiwiY3Vyc29yTGluZSIsImN1cnNvckNvbHVtbiIsInQxIiwiQm9vbGVhbiIsImZvY3VzIiwic2hvd0N1cnNvciIsInQyIiwibGluZSIsImNvbHVtbiIsImFjdGl2ZSIsImN1cnNvclJlZiIsIndyYXBwZWRPbklucHV0IiwiaXNQYXN0aW5nIiwidDMiLCJvblBhc3RlIiwiaW5wdXQiLCJrZXkiLCJyZXR1cm4iLCJvbkltYWdlUGFzdGUiLCJvbklzUGFzdGluZ0NoYW5nZSIsInVzZUVmZmVjdCIsInNob3dQbGFjZWhvbGRlciIsInJlbmRlcmVkUGxhY2Vob2xkZXIiLCJwbGFjZWhvbGRlciIsInZhbHVlIiwiaXNBY3RpdmUiLCJjb21tYW5kV2l0aG91dEFyZ3MiLCJ0cmltIiwiaW5kZXhPZiIsImVuZHNXaXRoIiwic2hvd0FyZ3VtZW50SGludCIsImFyZ3VtZW50SGludCIsInN0YXJ0c1dpdGgiLCJjdXJzb3JGaWx0ZXJlZCIsImZpbHRlciIsImgiLCJkaW1Db2xvciIsImN1cnNvck9mZnNldCIsInN0YXJ0IiwiZW5kIiwidmlld3BvcnRDaGFyT2Zmc2V0Iiwidmlld3BvcnRDaGFyRW5kIiwiZmlsdGVyZWRIaWdobGlnaHRzIiwiaF8wIiwibWFwIiwiaF8xIiwiTWF0aCIsIm1heCIsImhhc0hpZ2hsaWdodHMiLCJsZW5ndGgiLCJUMCIsIlQxIiwidDQiLCJ0NSIsInBsYWNlaG9sZGVyRWxlbWVudCIsInQ2IiwidDciLCJ0OCJdLCJzb3VyY2VzIjpbIkJhc2VUZXh0SW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHJlbmRlclBsYWNlaG9sZGVyIH0gZnJvbSAnLi4vaG9va3MvcmVuZGVyUGxhY2Vob2xkZXIuanMnXG5pbXBvcnQgeyB1c2VQYXN0ZUhhbmRsZXIgfSBmcm9tICcuLi9ob29rcy91c2VQYXN0ZUhhbmRsZXIuanMnXG5pbXBvcnQgeyB1c2VEZWNsYXJlZEN1cnNvciB9IGZyb20gJy4uL2luay9ob29rcy91c2UtZGVjbGFyZWQtY3Vyc29yLmpzJ1xuaW1wb3J0IHsgQW5zaSwgQm94LCBUZXh0LCB1c2VJbnB1dCB9IGZyb20gJy4uL2luay5qcydcbmltcG9ydCB0eXBlIHtcbiAgQmFzZUlucHV0U3RhdGUsXG4gIEJhc2VUZXh0SW5wdXRQcm9wcyxcbn0gZnJvbSAnLi4vdHlwZXMvdGV4dElucHV0VHlwZXMuanMnXG5pbXBvcnQgdHlwZSB7IFRleHRIaWdobGlnaHQgfSBmcm9tICcuLi91dGlscy90ZXh0SGlnaGxpZ2h0aW5nLmpzJ1xuaW1wb3J0IHsgSGlnaGxpZ2h0ZWRJbnB1dCB9IGZyb20gJy4vUHJvbXB0SW5wdXQvU2hpbW1lcmVkSW5wdXQuanMnXG5cbnR5cGUgQmFzZVRleHRJbnB1dENvbXBvbmVudFByb3BzID0gQmFzZVRleHRJbnB1dFByb3BzICYge1xuICBpbnB1dFN0YXRlOiBCYXNlSW5wdXRTdGF0ZVxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICB0ZXJtaW5hbEZvY3VzOiBib29sZWFuXG4gIGhpZ2hsaWdodHM/OiBUZXh0SGlnaGxpZ2h0W11cbiAgaW52ZXJ0PzogKHRleHQ6IHN0cmluZykgPT4gc3RyaW5nXG4gIGhpZGVQbGFjZWhvbGRlclRleHQ/OiBib29sZWFuXG59XG5cbi8qKlxuICogQSBiYXNlIGNvbXBvbmVudCBmb3IgdGV4dCBpbnB1dHMgdGhhdCBoYW5kbGVzIHJlbmRlcmluZyBhbmQgYmFzaWMgaW5wdXRcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIEJhc2VUZXh0SW5wdXQoe1xuICBpbnB1dFN0YXRlLFxuICBjaGlsZHJlbixcbiAgdGVybWluYWxGb2N1cyxcbiAgaW52ZXJ0LFxuICBoaWRlUGxhY2Vob2xkZXJUZXh0LFxuICAuLi5wcm9wc1xufTogQmFzZVRleHRJbnB1dENvbXBvbmVudFByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgeyBvbklucHV0LCByZW5kZXJlZFZhbHVlLCBjdXJzb3JMaW5lLCBjdXJzb3JDb2x1bW4gfSA9IGlucHV0U3RhdGVcblxuICAvLyBQYXJrIHRoZSBuYXRpdmUgdGVybWluYWwgY3Vyc29yIGF0IHRoZSBpbnB1dCBjYXJldC4gVGVybWluYWwgZW11bGF0b3JzXG4gIC8vIHBvc2l0aW9uIElNRSBwcmVlZGl0IHRleHQgYXQgdGhlIHBoeXNpY2FsIGN1cnNvciwgYW5kIHNjcmVlbiByZWFkZXJzIC9cbiAgLy8gc2NyZWVuIG1hZ25pZmllcnMgdHJhY2sgaXQg4oCUIHNvIHBhcmtpbmcgaGVyZSBtYWtlcyBDSksgaW5wdXQgYXBwZWFyXG4gIC8vIGlubGluZSBhbmQgbGV0cyBhY2Nlc3NpYmlsaXR5IHRvb2xzIGZvbGxvdyB0aGUgaW5wdXQuIFRoZSBCb3ggcmVmIGJlbG93XG4gIC8vIGlzIHRoZSB5b2dhIGxheW91dCBvcmlnaW47IChjdXJzb3JMaW5lLCBjdXJzb3JDb2x1bW4pIGlzIHJlbGF0aXZlIHRvIGl0LlxuICAvLyBPbmx5IGFjdGl2ZSB3aGVuIHRoZSBpbnB1dCBpcyBmb2N1c2VkLCBzaG93aW5nIGl0cyBjdXJzb3IsIGFuZCB0aGVcbiAgLy8gdGVybWluYWwgaXRzZWxmIGhhcyBmb2N1cy5cbiAgY29uc3QgY3Vyc29yUmVmID0gdXNlRGVjbGFyZWRDdXJzb3Ioe1xuICAgIGxpbmU6IGN1cnNvckxpbmUsXG4gICAgY29sdW1uOiBjdXJzb3JDb2x1bW4sXG4gICAgYWN0aXZlOiBCb29sZWFuKHByb3BzLmZvY3VzICYmIHByb3BzLnNob3dDdXJzb3IgJiYgdGVybWluYWxGb2N1cyksXG4gIH0pXG5cbiAgY29uc3QgeyB3cmFwcGVkT25JbnB1dCwgaXNQYXN0aW5nIH0gPSB1c2VQYXN0ZUhhbmRsZXIoe1xuICAgIG9uUGFzdGU6IHByb3BzLm9uUGFzdGUsXG4gICAgb25JbnB1dDogKGlucHV0LCBrZXkpID0+IHtcbiAgICAgIC8vIFByZXZlbnQgRW50ZXIga2V5IGZyb20gdHJpZ2dlcmluZyBzdWJtaXNzaW9uIGR1cml