use-truncate-from-middle
Version:
React hook which dynamically calculates the maximum number of characters that fit into an HTML element and truncates the text from middle with given middle chars.
20 lines (19 loc) • 686 B
TypeScript
import { Target } from '../../utils/getTargetElement';
/**
* Calculates the maximum number of characters that can be fit into give maxwidth.
* Calculates the width of text with given font family via ref object, in terms of px
*
* @return number of chars of ref's text, including number of chars of given/default
* returned value is an odd number, first part has +1 characters
*/
export interface Options {
target: Target;
maxWidth: number;
middleChars?: string;
}
declare const useFitCharacterNumber: ({ target, maxWidth, middleChars }: Options) => {
charNumber: undefined;
} | {
charNumber: number;
};
export default useFitCharacterNumber;