@pingux/astro 2.52.0 → 2.53.0-alpha.0

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/index.d.ts

@@ -5,6 +5,7 @@ export * from './breadCrumbs';
 export * from './button';
 export * from './buttonBar';
 export * from './card';
+export * from './copyText';
 export * from './fieldHelperText';
 export * from './helpHint';
 export * from './icon';

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;
 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, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_iconButton)).call(_context12
   });
 });
 var _input = require("./input");
-_forEachInstanceProperty(_context13 = _Object$keys(_input)).call(_context13, function (key) {
+_forEachInstanceProperty(_context14 = _Object$keys(_input)).call(_context14, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -151,7 +162,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_input)).call(_context13, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context14 = _Object$keys(_item)).call(_context14, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_item)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -162,7 +173,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_item)).call(_context14, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context15 = _Object$keys(_label)).call(_context15, function (key) {
+_forEachInstanceProperty(_context16 = _Object$keys(_label)).call(_context16, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -173,7 +184,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_label)).call(_context15, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context16 = _Object$keys(_link)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_link)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +195,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_link)).call(_context16, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context17 = _Object$keys(_listBox)).call(_context17, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_listBox)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +206,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_listBox)).call(_context17, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context18 = _Object$keys(_listItem)).call(_context18, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_listItem)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +217,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_listItem)).call(_context18,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context19 = _Object$keys(_loader)).call(_context19, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_loader)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +228,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_loader)).call(_context19, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context20 = _Object$keys(_menu)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_menu)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_menu)).call(_context20, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context21 = _Object$keys(_menuItem)).call(_context21, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_menuItem)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_menuItem)).call(_context21,
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context22 = _Object$keys(_overlayPanel)).call(_context22, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_overlayPanel)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context23 = _Object$keys(_popoverContainer)).call(_context23, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_popoverContainer)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +272,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context24 = _Object$keys(_popoverMenu)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_popoverMenu)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_popoverMenu)).call(_context2
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context25 = _Object$keys(_requirementsList)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_requirementsList)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context26 = _Object$keys(_rockerButtonGroup)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_rockerButtonGroup)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context27 = _Object$keys(_scrollBox)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_scrollBox)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_scrollBox)).call(_context27,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context28 = _Object$keys(_separator)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_separator)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_separator)).call(_context28,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context29 = _Object$keys(_shared)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_shared)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_shared)).call(_context29, fu
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context30 = _Object$keys(_table)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_table)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_table)).call(_context30, fun
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context31 = _Object$keys(_text)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_text)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_text)).call(_context31, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context32 = _Object$keys(_tooltipTrigger)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_tooltipTrigger)).call(_context33, 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 {