CopyToClipBoard : Allow CopyToClipBoard to take textReferences instead of just textToCopy

[architjain]

Currently CopyToClipBoard component takes a parameter textToCopy of type string

interface CopyToClipboardProps {
  textToCopy:string;
  ...
}

This requires text to be generated when rendering component (not when clicked). If you have a large data serialized, or have multiple number of copy buttons on same page, all of them have to be serialized first even if they are clicked or not.

Proposal : Allow Lazy providers for textToCopy

Something like this :

• Update Interface to take String or StringFn

export type ValueOrFn<T> = T | (() => T);

interface CopyToClipboardProps {
  textToCopy: ValueOrFn<string>;
  ...
}

• Resolve the text onClick

function resolve<T>(input: ValueOrFn<T>): T {
  return typeof input === 'function'
    ? (input as () => T)()
    : input;
}

async function onClick() {
  const text = resolve(props.textToCopy);
  await copyTextToClipboard(text);
}