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);
}

[pan-kot]

Hello Archit,

Thank you for your detailed request, the need is clear. Our team will prioritise it, and in case we have any updates or questions we will post them here.