@pingux/astro 2.238.0 → 2.239.0-alpha.0

package/lib/components/ComboBox/ComboBoxInput.js

@@ -1,17 +1,4 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["controlProps", "containerProps", "hasAutoFocus", "isDisabled", "isReadOnly", "isOpen", "loadingState", "style", "inputWrapperRef", "inputRef", "inputProps", "triggerRef", "triggerProps", "menuTrigger", "onInputChange", "onLoadMore", "onOpenChange", "onSelectionChange", "wrapperProps"];
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { forwardRef, useImperativeHandle } from 'react';
 import { FocusRing, mergeProps } from 'react-aria';
 import { PressResponder, useHover } from '@react-aria/interactions';
@@ -20,52 +7,60 @@ import { useInputLoader, usePropWarning } from '../../hooks';
 import useGetTheme from '../../hooks/useGetTheme';
 import loadingStates from '../../utils/devUtils/constants/loadingStates';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var ComboBoxInput = /*#__PURE__*/forwardRef(function (props, ref) {
-  var controlProps = props.controlProps,
-    containerProps = props.containerProps,
-    hasAutoFocus = props.hasAutoFocus,
-    isDisabled = props.isDisabled,
-    isReadOnly = props.isReadOnly,
-    isOpen = props.isOpen,
-    loadingState = props.loadingState,
-    style = props.style,
-    inputWrapperRef = props.inputWrapperRef,
-    inputRef = props.inputRef,
-    inputProps = props.inputProps,
-    triggerRef = props.triggerRef,
-    triggerProps = props.triggerProps,
-    menuTrigger = props.menuTrigger,
-    onInputChange = props.onInputChange,
-    onLoadMore = props.onLoadMore,
-    onOpenChange = props.onOpenChange,
-    onSelectionChange = props.onSelectionChange,
-    wrapperProps = props.wrapperProps,
-    others = _objectWithoutProperties(props, _excluded);
-  var _useHover = useHover({}),
-    hoverProps = _useHover.hoverProps,
-    isHovered = _useHover.isHovered;
-  var textFieldProps = _objectSpread({
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    containerProps: containerProps
-  }, mergeProps(inputProps, others));
-  var _useGetTheme = useGetTheme(),
-    icons = _useGetTheme.icons,
-    isOnyx = _useGetTheme.themeState.isOnyx;
-  var MenuDown = icons.MenuDown;
+const ComboBoxInput = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    controlProps,
+    containerProps,
+    hasAutoFocus,
+    isDisabled,
+    isReadOnly,
+    isOpen,
+    loadingState,
+    style,
+    inputWrapperRef,
+    inputRef,
+    inputProps,
+    triggerRef,
+    triggerProps,
+    menuTrigger,
+    onInputChange,
+    onLoadMore,
+    onOpenChange,
+    onSelectionChange,
+    wrapperProps,
+    ...others
+  } = props;
+  const {
+    hoverProps,
+    isHovered
+  } = useHover({});
+  const textFieldProps = {
+    isDisabled,
+    isReadOnly,
+    containerProps,
+    ...mergeProps(inputProps, others)
+  };
+  const {
+    icons,
+    themeState: {
+      isOnyx
+    }
+  } = useGetTheme();
+  const {
+    MenuDown
+  } = icons;
 
   // istanbul ignore next
-  useImperativeHandle(ref, function () {
-    return inputRef.current;
+  useImperativeHandle(ref, () => inputRef.current);
+  const {
+    isLoading
+  } = useInputLoader({
+    loadingState: loadingState,
+    // eslint-disable-next-line max-len
+    inputValue: inputProps?.value
   });
-  var _useInputLoader = useInputLoader({
-      loadingState: loadingState,
-      // eslint-disable-next-line max-len
-      inputValue: inputProps === null || inputProps === void 0 ? void 0 : inputProps.value
-    }),
-    isLoading = _useInputLoader.isLoading;
   usePropWarning(props, 'disabled', 'isDisabled');
-  var button = !isReadOnly && ___EmotionJSX(Box, {
+  const button = !isReadOnly && ___EmotionJSX(Box, {
     isRow: true,
     variant: "forms.comboBox.inputInContainerSlot"
   },
@@ -108,12 +103,13 @@ var ComboBoxInput = /*#__PURE__*/forwardRef(function (props, ref) {
     wrapperProps: {
       ref: inputWrapperRef
     },
-    controlProps: _objectSpread({
-      variant: 'forms.comboBox.input'
-    }, controlProps),
+    controlProps: {
+      variant: 'forms.comboBox.input',
+      ...controlProps
+    },
     tabIndex: -1,
     statusClasses: {
-      isHovered: isHovered
+      isHovered
     },
     ref: inputRef,
     slots: {

package/lib/components/ComboBoxField/ComboBoxField.js

@@ -1,21 +1,4 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["hasAutoFocus", "hasAddOption", "hasCustomValue", "hasNoEmptySelection", "selectedKey", "onSelectionChange", "defaultItems", "items", "loadingState", "onLoadMore", "inputValue", "isReadOnly", "menuTrigger", "isNotFlippable", "direction", "scrollBoxProps", "controlProps", "defaultFilter", "status", "helperText", "renderEmptyState", "allowsEmptyCollection"],
-  _excluded2 = ["shouldFocusOnHover", "shouldSelectOnPressUp", "UNSTABLE_itemBehavior"];
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { DismissButton, FocusScope, useComboBox, useOverlayPosition } from 'react-aria';
 import { useComboBoxState } from 'react-stately';
@@ -30,141 +13,145 @@ import ListBox from '../ListBox';
 import Popover from '../Popover';
 import ScrollBox from '../ScrollBox';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var displayName = 'ComboBoxField';
-var ComboBoxField = /*#__PURE__*/forwardRef(function (props, ref) {
-  var hasAutoFocus = props.hasAutoFocus,
-    hasAddOption = props.hasAddOption,
-    hasCustomValue = props.hasCustomValue,
-    hasNoEmptySelection = props.hasNoEmptySelection,
-    selectedKey = props.selectedKey,
-    onSelectionChange = props.onSelectionChange,
-    initialDefaultItems = props.defaultItems,
-    initialItems = props.items,
-    loadingState = props.loadingState,
-    onLoadMore = props.onLoadMore,
-    inputValue = props.inputValue,
-    isReadOnly = props.isReadOnly,
-    menuTrigger = props.menuTrigger,
-    isNotFlippable = props.isNotFlippable,
-    direction = props.direction,
-    scrollBoxProps = props.scrollBoxProps,
-    controlProps = props.controlProps,
-    defaultFilter = props.defaultFilter,
-    status = props.status,
-    helperText = props.helperText,
-    renderEmptyState = props.renderEmptyState,
-    allowsEmptyCollection = props.allowsEmptyCollection,
-    others = _objectWithoutProperties(props, _excluded);
-  var _getAriaAttributeProp = getAriaAttributeProps(others),
-    nonAriaProps = _getAriaAttributeProp.nonAriaProps;
-  var comboBoxOptions = _objectSpread({
+const displayName = 'ComboBoxField';
+const ComboBoxField = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    hasAutoFocus,
+    hasAddOption,
+    hasCustomValue,
+    hasNoEmptySelection,
+    selectedKey,
+    onSelectionChange,
+    defaultItems: initialDefaultItems,
+    items: initialItems,
+    loadingState,
+    onLoadMore,
+    inputValue,
+    isReadOnly,
+    menuTrigger,
+    isNotFlippable,
+    direction,
+    scrollBoxProps,
+    controlProps,
+    defaultFilter,
+    status,
+    helperText,
+    renderEmptyState,
+    allowsEmptyCollection,
+    ...others
+  } = props;
+  const {
+    nonAriaProps
+  } = getAriaAttributeProps(others);
+  const comboBoxOptions = {
     autoFocus: hasAutoFocus,
     allowsCustomValue: hasAddOption || hasCustomValue,
     disallowEmptySelection: hasNoEmptySelection,
-    selectedKey: selectedKey,
-    onSelectionChange: onSelectionChange,
-    loadingState: loadingState,
-    onLoadMore: onLoadMore,
-    inputValue: inputValue,
-    menuTrigger: menuTrigger,
+    selectedKey,
+    onSelectionChange,
+    loadingState,
+    onLoadMore,
+    inputValue,
+    menuTrigger,
     shouldFlip: !isNotFlippable,
-    direction: direction,
+    direction,
     label: 'default',
-    allowsEmptyCollection: allowsEmptyCollection
-  }, nonAriaProps);
-  var popoverRef = useRef(null);
-  var buttonRef = useRef(null);
-  var listBoxRef = useRef(null);
-  var inputRef = useRef(null);
-  var inputWrapperRef = useRef(null);
+    allowsEmptyCollection,
+    ...nonAriaProps
+  };
+  const popoverRef = useRef(null);
+  const buttonRef = useRef(null);
+  const listBoxRef = useRef(null);
+  const inputRef = useRef(null);
+  const inputWrapperRef = useRef(null);
   usePropWarning(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
-  useImperativeHandle(ref, function () {
-    return inputRef.current;
-  });
-  var shouldShowAddOption = hasAddOption && inputValue && selectedKey !== inputValue;
-  var addOption = "ADD: ".concat(inputValue);
-  var getItemsArr = function getItemsArr(initialArr) {
+  useImperativeHandle(ref, () => inputRef.current);
+  const shouldShowAddOption = hasAddOption && inputValue && selectedKey !== inputValue;
+  const addOption = `ADD: ${inputValue}`;
+  const getItemsArr = initialArr => {
     if (initialArr && shouldShowAddOption) {
-      var _context;
-      return _concatInstanceProperty(_context = []).call(_context, _Array$from(initialArr), [{
+      return [].concat(Array.from(initialArr), [{
         name: addOption,
         key: addOption
       }]);
     }
     return initialArr;
   };
-  var defaultItems = getItemsArr(initialDefaultItems);
-  var items = getItemsArr(initialItems);
+  const defaultItems = getItemsArr(initialDefaultItems);
+  const items = getItemsArr(initialItems);
 
   /* istanbul ignore next */
-  var onSelectionChangeHandler = function onSelectionChangeHandler(key) {
-    var newVal = key || selectedKey || '';
-    var arrayOfValues = _Array$from(items || defaultItems);
+  const onSelectionChangeHandler = key => {
+    let newVal = key || selectedKey || '';
+    const arrayOfValues = Array.from(items || defaultItems);
     if (hasAddOption && selectedKey !== inputValue && arrayOfValues[arrayOfValues.length - 1].key === key) {
       newVal = inputValue;
     }
     if (onSelectionChange) onSelectionChange(newVal);
   };
-  var _useFilter = useFilter({
-      sensitivity: 'base'
-    }),
-    contains = _useFilter.contains;
-  var state = useComboBoxState(_objectSpread(_objectSpread({}, comboBoxOptions), {}, {
+  const {
+    contains
+  } = useFilter({
+    sensitivity: 'base'
+  });
+  const state = useComboBoxState({
+    ...comboBoxOptions,
     defaultItems: isReadOnly ? [] : defaultItems,
-    items: items,
+    items,
     onSelectionChange: hasAddOption || hasCustomValue ? onSelectionChangeHandler : onSelectionChange,
     defaultFilter: typeof defaultFilter !== 'undefined' ? defaultFilter : contains
-  }));
-  useEffect(function () {
+  });
+  useEffect(() => {
     if (shouldShowAddOption) state.selectionManager.setFocusedKey(addOption);
   }, [shouldShowAddOption, inputValue, addOption, state.isOpen]);
-  var _useComboBox = useComboBox(_objectSpread(_objectSpread({}, comboBoxOptions), {}, {
-      buttonRef: buttonRef,
-      popoverRef: popoverRef,
-      listBoxRef: listBoxRef,
-      inputRef: inputRef
-    }), state),
-    buttonProps = _useComboBox.buttonProps,
-    inputProps = _useComboBox.inputProps,
-    listBoxProps = _useComboBox.listBoxProps,
-    labelProps = _useComboBox.labelProps;
-  var _ref = listBoxProps,
-    shouldFocusOnHover = _ref.shouldFocusOnHover,
-    shouldSelectOnPressUp = _ref.shouldSelectOnPressUp,
-    action = _ref['UNSTABLE_itemBehavior'],
-    otherListBoxProps = _objectWithoutProperties(_ref, _excluded2);
-  var _useOverlayPosition = useOverlayPosition({
-      offset: 1,
-      targetRef: inputWrapperRef,
-      overlayRef: popoverRef,
-      scrollRef: listBoxRef,
-      placement: "".concat(direction, " end"),
-      shouldFlip: !isNotFlippable,
-      isOpen: state.isOpen,
-      onClose: state.close
-    }),
-    overlayProps = _useOverlayPosition.overlayProps,
-    placement = _useOverlayPosition.placement,
-    updatePosition = _useOverlayPosition.updatePosition;
+  const {
+    buttonProps,
+    inputProps,
+    listBoxProps,
+    labelProps
+  } = useComboBox({
+    ...comboBoxOptions,
+    buttonRef,
+    popoverRef,
+    listBoxRef,
+    inputRef
+  }, state);
+  const {
+    shouldFocusOnHover,
+    shouldSelectOnPressUp,
+    'UNSTABLE_itemBehavior': action,
+    ...otherListBoxProps
+  } = listBoxProps;
+  const {
+    overlayProps,
+    placement,
+    updatePosition
+  } = useOverlayPosition({
+    offset: 1,
+    targetRef: inputWrapperRef,
+    overlayRef: popoverRef,
+    scrollRef: listBoxRef,
+    placement: `${direction} end`,
+    shouldFlip: !isNotFlippable,
+    isOpen: state.isOpen,
+    onClose: state.close
+  });
 
   // Update position once the ListBox has rendered. This ensures that
   // it flips properly when it doesn't fit in the available space.
   /* istanbul ignore next */
-  useLayoutEffect(function () {
+  useLayoutEffect(() => {
     if (state.isOpen) {
-      requestAnimationFrame(function () {
+      requestAnimationFrame(() => {
         updatePosition();
       });
     }
   }, [state.isOpen, updatePosition]);
 
   // Measure the width of the input to inform the width of the menu (below).
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    menuWidth = _useState2[0],
-    setMenuWidth = _useState2[1];
-  var onResize = useCallback(function () {
+  const [menuWidth, setMenuWidth] = useState(null);
+  const onResize = useCallback(() => {
     /* istanbul ignore next */
     if (inputWrapperRef.current) {
       setMenuWidth(inputWrapperRef.current.offsetWidth);
@@ -172,7 +159,7 @@ var ComboBoxField = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [inputWrapperRef, setMenuWidth]);
   useResizeObserver({
     ref: inputWrapperRef,
-    onResize: onResize
+    onResize
   });
 
   // Re-measure synchronously (before paint) whenever the menu opens or closes,
@@ -180,11 +167,12 @@ var ComboBoxField = /*#__PURE__*/forwardRef(function (props, ref) {
   // Without state.isOpen in deps, width updates rely solely on ResizeObserver
   // which fires asynchronously after paint, causing a visible flicker.
   useLayoutEffect(onResize, [onResize, state.isOpen]);
-  var style = _objectSpread(_objectSpread({}, overlayProps.style), {}, {
+  const style = {
+    ...overlayProps.style,
     width: menuWidth,
     minWidth: menuWidth
-  });
-  var listBox = !isReadOnly && ___EmotionJSX(Popover, {
+  };
+  const listBox = !isReadOnly && ___EmotionJSX(Popover, {
     hasNoArrow: true,
     isNonModal: true,
     isOpen: state.isOpen,

package/lib/components/CopyText/CopyButton.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["iconProps", "variant"];
 import React, { forwardRef } from 'react';
 import ContentCopy from '@pingux/mdi-react/ContentCopyIcon';
 import { useGetTheme } from '../../hooks';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var CopyButton = /*#__PURE__*/forwardRef(function (props, ref) {
+const CopyButton = /*#__PURE__*/forwardRef((props, ref) => {
   /* istanbul ignore next */
-  var iconProps = props.iconProps,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'default' : _props$variant,
-    others = _objectWithoutProperties(props, _excluded);
-  var _useGetTheme = useGetTheme(),
-    copyButtonSize = _useGetTheme.copyButtonSize,
-    themeState = _useGetTheme.themeState;
+  const {
+    iconProps,
+    variant = 'default',
+    ...others
+  } = props;
+  const {
+    copyButtonSize,
+    themeState
+  } = useGetTheme();
   /* istanbul ignore next */
-  var themeVariant = themeState.isOnyx ? "copyButton.".concat(variant) : 'copyButton';
+  const themeVariant = themeState.isOnyx ? `copyButton.${variant}` : 'copyButton';
   return ___EmotionJSX(IconButton, _extends({
     ref: ref,
     "aria-label": "copy to clipboard",

package/lib/components/CopyText/CopyText.js

@@ -1,9 +1,4 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "tooltip"],
-  _excluded2 = ["children", "textToCopy", "tooltipText", "mode", "tooltipProps", "wrapperProps", "iconButtonProps"];
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import { mergeProps, useFocusRing } from 'react-aria';
 import { useHover, usePress } from '@react-aria/interactions';
@@ -12,71 +7,73 @@ import useCopyToClipboard from '../../hooks/useCopyToClipboard';
 import { Box, Tooltip, TooltipTrigger } from '../../index';
 import CopyButton from './CopyButton';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var TooltipWrapper = function TooltipWrapper(_ref) {
-  var children = _ref.children,
-    tooltip = _ref.tooltip,
-    others = _objectWithoutProperties(_ref, _excluded);
+const TooltipWrapper = ({
+  children,
+  tooltip,
+  ...others
+}) => {
   return ___EmotionJSX(TooltipTrigger, _extends({
     direction: "top"
   }, others), children, ___EmotionJSX(Tooltip, null, tooltip));
 };
-var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props, _props2;
-  var children = props.children,
-    textToCopy = props.textToCopy,
-    tooltipText = props.tooltipText,
-    mode = props.mode,
-    tooltipProps = props.tooltipProps,
-    wrapperProps = props.wrapperProps,
-    iconButtonProps = props.iconButtonProps,
-    others = _objectWithoutProperties(props, _excluded2);
-  var value = textToCopy || (mode === 'link' ? children === null || children === void 0 || (_props = children.props) === null || _props === void 0 ? void 0 : _props.href : (_props2 = children.props) === null || _props2 === void 0 ? void 0 : _props2.children);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isCopied = _useState2[0],
-    setIsCopied = _useState2[1];
-  var _useHover = useHover(props),
-    hoverProps = _useHover.hoverProps,
-    isHovered = _useHover.isHovered;
-  var _useFocusRing = useFocusRing(),
-    focusProps = _useFocusRing.focusProps,
-    isFocusVisible = _useFocusRing.isFocusVisible;
-  useEffect(function () {
+const CopyText = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    textToCopy,
+    tooltipText,
+    mode,
+    tooltipProps,
+    wrapperProps,
+    iconButtonProps,
+    ...others
+  } = props;
+  const value = textToCopy || (mode === 'link' ? children?.props?.href : children.props?.children);
+  const [isCopied, setIsCopied] = useState(false);
+  const {
+    hoverProps,
+    isHovered
+  } = useHover(props);
+  const {
+    focusProps,
+    isFocusVisible
+  } = useFocusRing();
+  useEffect(() => {
     setIsCopied(false);
   }, [isHovered]);
 
   // Hiding "Copied!" tooltip after delay
   /* istanbul ignore next */
-  useEffect(function () {
+  useEffect(() => {
     if (isCopied) {
       announce('Copied!', 'polite');
-      var timer = _setTimeout(function () {
+      const timer = setTimeout(() => {
         setIsCopied(false);
       }, 1000);
-      return function () {
+      return () => {
         clearTimeout(timer);
       };
     }
     return undefined;
   }, [isCopied]);
-  var copyToClipboard = useCopyToClipboard(value, setIsCopied);
-  var onTextClick = function onTextClick() {
-    var selection = window.getSelection();
-    if ((selection === null || selection === void 0 ? void 0 : selection.toString()) === '') {
+  const copyToClipboard = useCopyToClipboard(value, setIsCopied);
+  const onTextClick = () => {
+    const selection = window.getSelection();
+    if (selection?.toString() === '') {
       copyToClipboard();
     }
   };
 
   /* Used for text copying */
-  var contentRef = useRef(null);
-  var _usePress = usePress({
-      ref: contentRef,
-      onClick: onTextClick
-    }),
-    pressProps = _usePress.pressProps;
+  const contentRef = useRef(null);
+  const {
+    pressProps
+  } = usePress({
+    ref: contentRef,
+    onClick: onTextClick
+  });
   delete pressProps.onMouseDown;
   delete pressProps.onPointerDown;
-  var content = mode === 'link' || mode === 'nonClickableContent' ? children : ___EmotionJSX(Box, _extends({
+  const content = mode === 'link' || mode === 'nonClickableContent' ? children : ___EmotionJSX(Box, _extends({
     ref: contentRef
   }, mergeProps(focusProps, pressProps), {
     role: "presentation",
@@ -84,16 +81,17 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
       cursor: 'pointer'
     }
   }), children);
-  var tooltip = isCopied ? 'Copied!' : tooltipText;
-  var isTooltipOpen = isFocusVisible || isHovered || isCopied;
-  var pressableRef = useRef(null);
-  var _usePress2 = usePress({
-      ref: pressableRef
-    }),
-    pressableProps = _usePress2.pressProps;
+  const tooltip = isCopied ? 'Copied!' : tooltipText;
+  const isTooltipOpen = isFocusVisible || isHovered || isCopied;
+  const pressableRef = useRef(null);
+  const {
+    pressProps: pressableProps
+  } = usePress({
+    ref: pressableRef
+  });
   delete pressableProps.onMouseDown;
   delete pressableProps.onPointerDown;
-  var wrapperRef = useRef(null);
+  const wrapperRef = useRef(null);
   if (mode === 'nonClickableContent') {
     return ___EmotionJSX(TooltipWrapper, _extends({
       isOpen: isTooltipOpen,