@pingux/astro 2.52.0 → 2.53.0-alpha.1

package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js

@@ -11,7 +11,6 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
@@ -43,21 +42,5 @@ var IconButtonToggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     icon: RenderedComponent
   }, iconProps)));
 });
-IconButtonToggle.propTypes = {
-  /** Props object that is spread into the icon element. */
-  iconProps: _propTypes["default"].shape({}),
-  /** Props object that is spread into the button element. */
-  buttonProps: _propTypes["default"].shape({}),
-  /** The icon that will render by default. */
-  defaultIcon: _propTypes["default"].elementType.isRequired,
-  /** The icon that will render after toggling the icon. */
-  toggledIcon: _propTypes["default"].elementType.isRequired,
-  /** Whether or not the icon is toggled. (use only when controlled) */
-  isToggled: _propTypes["default"].bool,
-  /** Function that is passed into the IconButton within this component. */
-  onToggle: _propTypes["default"].func,
-  /** Content will be displayed in a tooltip on hover or focus. */
-  title: _propTypes["default"].string
-};
 var _default = IconButtonToggle;
 exports["default"] = _default;

package/lib/cjs/components/IconButtonToggle/IconButtonToggle.stories.d.ts

@@ -0,0 +1,6 @@
+import { StoryFn } from '@storybook/react';
+import { IconButtonToggleProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<IconButtonToggleProps>;
+export declare const Controlled: StoryFn<IconButtonToggleProps>;

package/lib/cjs/components/IconButtonToggle/IconButtonToggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/IconButtonToggle/index.d.ts

@@ -0,0 +1 @@
+export { default } from './IconButtonToggle';

package/lib/cjs/hooks/useComponentToggle/useComponentToggle.d.ts

@@ -18,13 +18,13 @@ interface UseComponentToggle {
      */
     (props: ComponentToggleProps): ComponentToggleResult;
 }
-interface ComponentToggleProps {
+export interface ComponentToggleProps {
     ComponentToRenderIfTrue: React.ReactNode;
     ComponentToRenderIfFalse: React.ReactNode;
     condition: boolean;
     onConditionChange?: (newCondition: boolean, ...args: unknown[]) => void;
 }
-interface ComponentToggleResult {
+export interface ComponentToggleResult {
     handleConditionChange: (...args: unknown[]) => void;
     RenderedComponent: React.ReactNode;
 }

package/lib/cjs/types/button.d.ts

@@ -1,6 +1,7 @@
 import { ButtonProps as ThemeUIButtonProps } from 'theme-ui';
+import { TestingAttributes } from './shared/test';
 import { HoverProps, PressProps } from './shared';
-export interface ButtonProps extends HoverProps, PressProps, ThemeUIButtonProps {
+export interface ButtonProps extends HoverProps, PressProps, ThemeUIButtonProps, TestingAttributes {
     isDisabled?: boolean;
     isLoading?: boolean;
     tabIndex?: number;

package/lib/cjs/types/copyText.d.ts

@@ -0,0 +1,25 @@
+import { RefObject } from 'react';
+import { TestingAttributes } from './shared/test';
+import { IconProps } from './icon';
+import { IconButtonProps } from './iconButton';
+import { FocusableElement, HoverProps } from './shared';
+import { TooltipTriggerProps } from './tooltipTrigger';
+export interface TooltipWrapperProps {
+    children?: React.ReactNode;
+    isOpen?: boolean;
+    tooltip?: string;
+    targetRef?: RefObject<HTMLDivElement | FocusableElement>;
+}
+export interface CopyTextProps extends HoverProps, TestingAttributes {
+    children?: React.ReactNode;
+    mode?: 'text' | 'link' | 'nonClickableContent';
+    textToCopy?: string;
+    tooltipText?: string;
+    tooltipProps?: TooltipTriggerProps;
+    wrapperProps?: TooltipWrapperProps;
+    iconButtonProps?: Omit<IconButtonProps, 'onPress'>;
+}
+export interface CopyButtonProps {
+    iconProps?: IconProps;
+    onPress?: () => void;
+}

package/lib/cjs/types/copyText.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/icon.d.ts

@@ -23,7 +23,7 @@ export interface IconProps extends StyleProps, DOMAttributes, TestingAttributes
         name: string;
     };
     /** The icon to render. */
-    icon: IconTypeExtended;
+    icon?: IconTypeExtended;
     size?: IconSize;
     /** A theme-aware prop to set the icon's color. */
     color?: string;

package/lib/cjs/types/iconButton.d.ts

@@ -1,4 +1,4 @@
-import { IconButtonProps as ThemeUIIconButtonProps, ThemeUICSSObject } from 'theme-ui';
+import { IconButtonProps as ThemeUIIconButtonProps } from 'theme-ui';
 import { TestingAttributes } from './shared/test';
 import { IconTypeExtended } from './icon';
 import { HoverProps, IconSize, PressProps } from './shared';
@@ -16,7 +16,5 @@ export interface IconButtonProps extends ThemeUIIconButtonProps, TestingAttribut
     'aria-label'?: string | undefined;
     /** Whether the icon button is disabled. */
     isDisabled?: boolean;
-    /** Inline styling prop */
-    sx?: ThemeUICSSObject;
     size?: IconSize;
 }

package/lib/cjs/types/iconButtonToggle.d.ts

@@ -0,0 +1,20 @@
+import { ElementType } from 'react';
+import { TestingAttributes } from './shared/test';
+import { ButtonProps } from './button';
+import { IconProps } from './icon';
+export interface IconButtonToggleProps extends TestingAttributes {
+    /** Props object that is spread into the icon element. */
+    iconProps?: IconProps;
+    /** Props object that is spread into the button element. */
+    buttonProps?: ButtonProps;
+    /** The icon that will render by default. */
+    defaultIcon: ElementType;
+    /** The icon that will render after toggling the icon. */
+    toggledIcon: ElementType;
+    /** Whether or not the icon is toggled. (use only when controlled) */
+    isToggled?: boolean;
+    /** Function that is passed into the IconButton within this component. */
+    onToggle?: () => void;
+    /** Content will be displayed in a tooltip on hover or focus. */
+    title?: string;
+}

package/lib/cjs/types/iconButtonToggle.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/index.d.ts

@@ -5,11 +5,13 @@ export * from './breadCrumbs';
 export * from './button';
 export * from './buttonBar';
 export * from './card';
+export * from './copyText';
 export * from './fieldHelperText';
 export * from './helpHint';
 export * from './icon';
 export * from './iconBadge';
 export * from './iconButton';
+export * from './iconButtonToggle';
 export * from './input';
 export * from './item';
 export * from './label';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -84,8 +84,19 @@ _forEachInstanceProperty(_context7 = _Object$keys(_card)).call(_context7, functi
     }
   });
 });
+var _copyText = require("./copyText");
+_forEachInstanceProperty(_context8 = _Object$keys(_copyText)).call(_context8, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _copyText[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _copyText[key];
+    }
+  });
+});
 var _fieldHelperText = require("./fieldHelperText");
-_forEachInstanceProperty(_context8 = _Object$keys(_fieldHelperText)).call(_context8, function (key) {
+_forEachInstanceProperty(_context9 = _Object$keys(_fieldHelperText)).call(_context9, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _fieldHelperText[key]) return;
   _Object$defineProperty(exports, key, {
@@ -96,7 +107,7 @@ _forEachInstanceProperty(_context8 = _Object$keys(_fieldHelperText)).call(_conte
   });
 });
 var _helpHint = require("./helpHint");
-_forEachInstanceProperty(_context9 = _Object$keys(_helpHint)).call(_context9, function (key) {
+_forEachInstanceProperty(_context10 = _Object$keys(_helpHint)).call(_context10, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _helpHint[key]) return;
   _Object$defineProperty(exports, key, {
@@ -107,7 +118,7 @@ _forEachInstanceProperty(_context9 = _Object$keys(_helpHint)).call(_context9, fu
   });
 });
 var _icon = require("./icon");
-_forEachInstanceProperty(_context10 = _Object$keys(_icon)).call(_context10, function (key) {
+_forEachInstanceProperty(_context11 = _Object$keys(_icon)).call(_context11, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -118,7 +129,7 @@ _forEachInstanceProperty(_context10 = _Object$keys(_icon)).call(_context10, func
   });
 });
 var _iconBadge = require("./iconBadge");
-_forEachInstanceProperty(_context11 = _Object$keys(_iconBadge)).call(_context11, function (key) {
+_forEachInstanceProperty(_context12 = _Object$keys(_iconBadge)).call(_context12, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconBadge[key]) return;
   _Object$defineProperty(exports, key, {
@@ -129,7 +140,7 @@ _forEachInstanceProperty(_context11 = _Object$keys(_iconBadge)).call(_context11,
   });
 });
 var _iconButton = require("./iconButton");
-_forEachInstanceProperty(_context12 = _Object$keys(_iconButton)).call(_context12, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_iconButton)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButton[key]) return;
   _Object$defineProperty(exports, key, {
@@ -139,8 +150,19 @@ _forEachInstanceProperty(_context12 = _Object$keys(_iconButton)).call(_context12
     }
   });
 });
+var _iconButtonToggle = require("./iconButtonToggle");
+_forEachInstanceProperty(_context14 = _Object$keys(_iconButtonToggle)).call(_context14, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _iconButtonToggle[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _iconButtonToggle[key];
+    }
+  });
+});
 var _input = require("./input");
-_forEachInstanceProperty(_context13 = _Object$keys(_input)).call(_context13, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_input)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -151,7 +173,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_input)).call(_context13, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context14 = _Object$keys(_item)).call(_context14, function (key) {
+_forEachInstanceProperty(_context16 = _Object$keys(_item)).call(_context16, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -162,7 +184,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_item)).call(_context14, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context15 = _Object$keys(_label)).call(_context15, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_label)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -173,7 +195,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_label)).call(_context15, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context16 = _Object$keys(_link)).call(_context16, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_link)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +206,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_link)).call(_context16, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context17 = _Object$keys(_listBox)).call(_context17, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_listBox)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +217,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_listBox)).call(_context17, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context18 = _Object$keys(_listItem)).call(_context18, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_listItem)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +228,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_listItem)).call(_context18,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context19 = _Object$keys(_loader)).call(_context19, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_loader)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +239,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_loader)).call(_context19, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context20 = _Object$keys(_menu)).call(_context20, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_menu)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +250,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_menu)).call(_context20, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context21 = _Object$keys(_menuItem)).call(_context21, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_menuItem)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +261,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_menuItem)).call(_context21,
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context22 = _Object$keys(_overlayPanel)).call(_context22, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_overlayPanel)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +272,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context23 = _Object$keys(_popoverContainer)).call(_context23, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_popoverContainer)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +283,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context24 = _Object$keys(_popoverMenu)).call(_context24, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_popoverMenu)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +294,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_popoverMenu)).call(_context2
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context25 = _Object$keys(_requirementsList)).call(_context25, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_requirementsList)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +305,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context26 = _Object$keys(_rockerButtonGroup)).call(_context26, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_rockerButtonGroup)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +316,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context27 = _Object$keys(_scrollBox)).call(_context27, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_scrollBox)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +327,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_scrollBox)).call(_context27,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context28 = _Object$keys(_separator)).call(_context28, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_separator)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +338,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_separator)).call(_context28,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context29 = _Object$keys(_shared)).call(_context29, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_shared)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +349,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_shared)).call(_context29, fu
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context30 = _Object$keys(_table)).call(_context30, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_table)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +360,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_table)).call(_context30, fun
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context31 = _Object$keys(_text)).call(_context31, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_text)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +371,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_text)).call(_context31, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context32 = _Object$keys(_tooltipTrigger)).call(_context32, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_tooltipTrigger)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/components/CopyText/CopyButton.js

@@ -1,26 +1,25 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["iconProps"];
 import React, { forwardRef } from 'react';
 import ContentCopy from '@pingux/mdi-react/ContentCopyIcon';
-import { omit } from 'lodash';
-import PropTypes from 'prop-types';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var CopyButton = /*#__PURE__*/forwardRef(function (props, ref) {
+  var iconProps = props.iconProps,
+    others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(IconButton, _extends({
     ref: ref,
     "aria-label": "copy to clipboard",
     variant: "copyButton"
-  }, omit(props, 'iconProps')), ___EmotionJSX(Icon, _extends({
+  }, others), ___EmotionJSX(Icon, _extends({
     icon: ContentCopy,
     size: "xs",
     color: "text.secondary",
     title: {
       name: 'Content Copy Icon'
     }
-  }, props === null || props === void 0 ? void 0 : props.iconProps)));
+  }, iconProps)));
 });
-CopyButton.propTypes = {
-  iconProps: PropTypes.shape({})
-};
 export default CopyButton;

package/lib/components/CopyText/CopyText.js

@@ -8,7 +8,6 @@ import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import { mergeProps, useFocusRing } from 'react-aria';
 import { useHover, usePress } from '@react-aria/interactions';
 import { announce } from '@react-aria/live-announcer';
-import PropTypes from 'prop-types';
 import useCopyToClipboard from '../../hooks/useCopyToClipboard';
 import { Box, Tooltip, TooltipTrigger } from '../../index';
 import CopyButton from './CopyButton';
@@ -22,11 +21,6 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
     direction: "top"
   }, others), children, ___EmotionJSX(Tooltip, null, tooltip));
 };
-TooltipWrapper.propTypes = {
-  isOpen: PropTypes.bool,
-  targetRef: PropTypes.shape({}),
-  tooltip: PropTypes.string
-};
 var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
     textToCopy = props.textToCopy,
@@ -68,13 +62,13 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
   var copyToClipboard = useCopyToClipboard(value, setIsCopied);
   var onTextClick = function onTextClick() {
     var selection = window.getSelection();
-    if (selection.toString() === '') {
+    if ((selection === null || selection === void 0 ? void 0 : selection.toString()) === '') {
       copyToClipboard();
     }
   };
 
   /* Used for text copying */
-  var contentRef = useRef();
+  var contentRef = useRef(null);
   var _usePress = usePress({
       ref: contentRef,
       onClick: onTextClick
@@ -84,17 +78,19 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
   delete pressProps.onPointerDown;
   var content = mode === 'link' || mode === 'nonClickableContent' ? children : ___EmotionJSX(Box, _extends({
     ref: contentRef
-  }, mergeProps(focusProps, pressProps)), children);
+  }, mergeProps(focusProps, pressProps), {
+    role: "presentation"
+  }), children);
   var tooltip = isCopied ? 'Copied!' : tooltipText;
   var isTooltipOpen = isFocusVisible || isHovered || isCopied;
-  var pressableRef = useRef();
+  var pressableRef = useRef(null);
   var _usePress2 = usePress({
       ref: pressableRef
     }),
     pressableProps = _usePress2.pressProps;
   delete pressableProps.onMouseDown;
   delete pressableProps.onPointerDown;
-  var wrapperRef = useRef();
+  var wrapperRef = useRef(null);
   if (mode === 'nonClickableContent') {
     return ___EmotionJSX(TooltipWrapper, _extends({
       isOpen: isTooltipOpen,
@@ -104,7 +100,9 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
       ref: wrapperRef,
       isRow: true,
       tabIndex: 0
-    }, mergeProps(hoverProps, others), wrapperProps), content, ___EmotionJSX(CopyButton, _extends({
+    }, mergeProps(hoverProps, others), wrapperProps, {
+      role: "presentation"
+    }), content, ___EmotionJSX(CopyButton, _extends({
       onPress: copyToClipboard
     }, focusProps, iconButtonProps))));
   }
@@ -129,29 +127,18 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
   }, mergeProps(hoverProps, pressableProps), {
     sx: {
       width: 'fit-content'
-    }
+    },
+    role: "presentation"
   }), ___EmotionJSX(Box, _extends({
     ref: ref,
     isRow: true,
     variant: "copyText.copy"
-  }, others), content, ___EmotionJSX(CopyButton, _extends({
+  }, others, {
+    role: "presentation"
+  }), content, ___EmotionJSX(CopyButton, _extends({
     onPress: copyToClipboard
   }, focusProps, iconButtonProps)))));
 });
-CopyText.propTypes = {
-  /** The behavioral pattern to apply to the component. */
-  mode: PropTypes.oneOf(['text', 'link', 'nonClickableContent']),
-  /** The text to be copied instead of the text inside the child component. */
-  textToCopy: PropTypes.string,
-  /** The text to be displayed in the tooltip. */
-  tooltipText: PropTypes.string,
-  /** Props to apply to the tooltip in nonClickableContent mode. */
-  tooltipProps: PropTypes.shape({}),
-  /** Props to apply to the wrapper in nonClickableContent mode. */
-  wrapperProps: PropTypes.shape({}),
-  /** Props to apply to the icon button */
-  iconButtonProps: PropTypes.shape({})
-};
 CopyText.defaultProps = {
   mode: 'text',
   tooltipText: 'Copy to clipboard'

package/lib/components/CopyText/CopyText.stories.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, CopyText, Link, Text } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import CopyTextReadme from './CopyText.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {