@cimpress-ui/react 1.9.2 → 1.11.0

package/dist/esm/components/copy/inline-copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-copy.js","sourceRoot":"","sources":["../../../../src/components/copy/inline-copy.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAqB,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,mDAAmD;AACnD,MAAM,WAAW,GAAG,QAAQ,CAAC;AAa7B,SAAS,mBAAmB,CAC1B,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAA4B,EAClH,GAAoC;IAEpC,MAAM,iBAAiB,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,UAAU,EAAE,gBAAgB,EAAE,eAAe,CAAC,GAAG,kBAAkB,EAAE,CAAC;IAE7E,MAAM,SAAS,GACb,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEhH,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,gBAAgB,EACxB,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,aAAa;QACb,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,8BAA8B,EACpF,SAAS,EAAC,KAAK,EACf,UAAU,EAAE,iBAAiB,YAE7B,MAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,gBAAgB,CAAC,EAC7F,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,SAAS,CAAC,CAAC;gBAC3B,MAAM,EAAE,EAAE,CAAC;YACb,CAAC,aAED,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EACvD,WAAW,EACZ,eAAM,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,iBAAiB,YAC1D,gBAAgB,CAAC,CAAC,CAAC,KAAC,eAAe,KAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,GACjD,IACG,GACJ,CACX,CAAC;AACJ,CAAC;AAED,MAAM,oBAAoB,GAAG,cAAc,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,YAAY,CAAC,CAAC;AAE3F,OAAO,EAAE,oBAAoB,IAAI,mBAAmB,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useRef, type ForwardedRef } from 'react';\nimport { Button as RACButton } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { IconCheckCircle, IconCopy } from '../../icons/index.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { ActionButtonProps } from '../button/types.js';\nimport { Tooltip } from '../tooltip/tooltip.js';\nimport type { AriaLabelingProps, CommonProps, StringLikeChildren } from '../types.js';\nimport type { TextStyleOptions } from '../typography/types.js';\nimport { textStyle } from '../typography/utils.js';\nimport { useCopyToClipboard } from './use-copy.js';\n\n// Used to prevent word wrap between icons and text\nconst WORD_JOINER = '\\u2060';\n\nexport interface UNSTABLE_InlineCopyProps\n  extends CommonProps,\n    AriaLabelingProps,\n    Pick<TextStyleOptions, 'variant' | 'tone' | 'fontStyle'>,\n    Pick<ActionButtonProps, 'isDisabled' | 'onHoverStart' | 'onHoverEnd'> {\n  /** The content to be copied. */\n  children: StringLikeChildren;\n  /** A handler that gets called when the user triggers the copying. */\n  onCopy?: () => void;\n}\n\nfunction UNSTABLE_InlineCopy(\n  { children, UNSAFE_className, UNSAFE_style, variant, tone, fontStyle, onCopy, ...props }: UNSTABLE_InlineCopyProps,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  const tooltipTriggerRef = useRef<HTMLSpanElement>(null);\n  const [copyStatus, showCopyFeedback, copyToClipboard] = useCopyToClipboard();\n\n  const textValue =\n    typeof children === 'string' ? children : typeof children === 'number' ? String(children) : children.join('');\n\n  return (\n    <Tooltip\n      isOpen={showCopyFeedback}\n      isDisabled={props.isDisabled}\n      // TODO: i18n\n      label={copyStatus?.success ? 'Copied to clipboard.' : 'Failed to copy to clipboard.'}\n      placement=\"top\"\n      triggerRef={tooltipTriggerRef}\n    >\n      <RACButton\n        {...props}\n        ref={ref}\n        className={clsx('cim-inline-copy', textStyle({ variant, tone, fontStyle }), UNSAFE_className)}\n        style={UNSAFE_style}\n        onPress={() => {\n          copyToClipboard(textValue);\n          onCopy?.();\n        }}\n      >\n        <span className=\"cim-inline-copy-text\">{children}</span>\n        {WORD_JOINER}\n        <span className=\"cim-inline-copy-icon\" ref={tooltipTriggerRef}>\n          {showCopyFeedback ? <IconCheckCircle /> : <IconCopy />}\n        </span>\n      </RACButton>\n    </Tooltip>\n  );\n}\n\nconst _UNSTABLE_InlineCopy = withStyleProps(forwardRef(UNSTABLE_InlineCopy), 'InlineCopy');\n\nexport { _UNSTABLE_InlineCopy as UNSTABLE_InlineCopy };\n"]}