@razorpay/blade/build/lib/web/development/utils/useTruncationTitle/useTruncationTitle.web.js

The Design System that powers Razorpay

import React__default from 'react';

/**
 *  Utility function that takes checks if text is truncated and adds `htmlTitle` with full text
 *
 * ## Usage
 *
 * ```tsx
 * const { containerRef, textRef } = useTruncationTitle({ content: 'saurabhdaware99@gmail.com' });
 *
 * <Box ref={containerRef}>
 *    <BaseText ref={textRef} truncateAfterLines={1}>
 *      saurabhdaware99@gmail.com
 *    </BaseText>
 * </Box>
 * ```
 */
var useTruncationTitle = function useTruncationTitle(_ref) {
  var content = _ref.content;
  var containerRef = React__default.useRef(null);
  var textRef = React__default.useRef(null);
  React__default.useEffect(function () {
    if (!textRef.current || !containerRef.current) {
      return;
    }
    if (textRef.current.scrollHeight > containerRef.current.clientHeight && content) {
      textRef.current.setAttribute('title', content);
    }
  }, [content]);
  return {
    containerRef: containerRef,
    textRef: textRef
  };
};

export { useTruncationTitle };
//# sourceMappingURL=useTruncationTitle.web.js.map