Function Component

packages/joint-react/src/components/text-node/text-node.tsx:17–92

(props: TextNodeProps, ref: React.ForwardedRef<SVGTextElement>)

// eslint-disable-next-line jsdoc/require-jsdoc
function Component(props: TextNodeProps, ref: React.ForwardedRef<SVGTextElement>) {
  const {
    children,
    eol,
    x,
    textVerticalAnchor,
    lineHeight,
    textPath,
    annotations,
    includeAnnotationIndices,
    displayEmpty,
    width,
    height,
    textWrap,
    ...rest
  } = props;

  const textRef = useCombinedRef<SVGTextElement>(ref);
  const cellId = useCellId();
  const graph = useGraph();
  useEffect(() => {
    if (!textRef.current) {
      return;
    }

    if (typeof children !== 'string') {
      throw new TypeError('TextNode children must be a string');
    }

    let text = children;
    if (textWrap) {
      let breakTextWidth = width;

      if (isNumber(breakTextWidth)) {
        breakTextWidth = Math.max(0, breakTextWidth);
      } else if (breakTextWidth == undefined) {
        const element = graph.getCell(cellId);
        if (!element.isElement()) {
          throw new TypeError('TextNode must be used inside a MeasuredNode');
        }
        breakTextWidth = element.size().width;
      }

      const options: util.BreakTextOptions = typeof textWrap === 'object' ? textWrap : {};
      text = util.breakText(text, { width: breakTextWidth, height }, {}, options);
    }

    V(textRef.current).text(text, {
      textVerticalAnchor,
      lineHeight,
      annotations,
      displayEmpty,
      eol,
      includeAnnotationIndices,
      textPath,
      x,
    });
  }, [