@pingux/astro 2.48.0-alpha.2 → 2.48.0-alpha.3

package/lib/cjs/components/CopyText/CopyText.js

@@ -23,7 +23,7 @@ var _index = require("../../index");
 var _CopyButton = _interopRequireDefault(require("./CopyButton"));
 var _react2 = require("@emotion/react");
 var _excluded = ["children", "tooltip"],
-  _excluded2 = ["children", "textToCopy", "tooltipText", "mode", "tooltipProps", "wrapperProps"];
+  _excluded2 = ["children", "textToCopy", "tooltipText", "mode", "tooltipProps", "wrapperProps", "iconButtonProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var TooltipWrapper = function TooltipWrapper(_ref) {
@@ -47,6 +47,7 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     mode = props.mode,
     tooltipProps = props.tooltipProps,
     wrapperProps = props.wrapperProps,
+    iconButtonProps = props.iconButtonProps,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded2);
   var value = textToCopy || (mode === 'link' ? children.props.href : children.props.children);
   var _useState = (0, _react.useState)(false),
@@ -118,7 +119,7 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tabIndex: 0
     }, (0, _reactAria.mergeProps)(hoverProps, others), wrapperProps), content, (0, _react2.jsx)(_CopyButton["default"], (0, _extends2["default"])({
       onPress: copyToClipboard
-    }, focusProps))));
+    }, focusProps, iconButtonProps))));
   }
   if (mode === 'link') {
     return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
@@ -130,7 +131,7 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tooltip: tooltip
     }, (0, _react2.jsx)(_CopyButton["default"], (0, _extends2["default"])({
       onPress: copyToClipboard
-    }, (0, _reactAria.mergeProps)(hoverProps, focusProps)))));
+    }, (0, _reactAria.mergeProps)(hoverProps, focusProps, iconButtonProps)))));
   }
   return (0, _react2.jsx)(TooltipWrapper, {
     isOpen: isTooltipOpen,
@@ -148,7 +149,7 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     variant: "copyText.copy"
   }, others), content, (0, _react2.jsx)(_CopyButton["default"], (0, _extends2["default"])({
     onPress: copyToClipboard
-  }, focusProps)))));
+  }, focusProps, iconButtonProps)))));
 });
 CopyText.propTypes = {
   /** The behavioral pattern to apply to the component. */
@@ -160,7 +161,9 @@ CopyText.propTypes = {
   /** Props to apply to the tooltip in nonClickableContent mode. */
   tooltipProps: _propTypes["default"].shape({}),
   /** Props to apply to the wrapper in nonClickableContent mode. */
-  wrapperProps: _propTypes["default"].shape({})
+  wrapperProps: _propTypes["default"].shape({}),
+  /** Props to apply to the icon button */
+  iconButtonProps: _propTypes["default"].shape({})
 };
 CopyText.defaultProps = {
   mode: 'text',

package/lib/components/CopyText/CopyText.js

@@ -2,7 +2,7 @@ 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"];
+  _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';
@@ -34,6 +34,7 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
     mode = props.mode,
     tooltipProps = props.tooltipProps,
     wrapperProps = props.wrapperProps,
+    iconButtonProps = props.iconButtonProps,
     others = _objectWithoutProperties(props, _excluded2);
   var value = textToCopy || (mode === 'link' ? children.props.href : children.props.children);
   var _useState = useState(false),
@@ -105,7 +106,7 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
       tabIndex: 0
     }, mergeProps(hoverProps, others), wrapperProps), content, ___EmotionJSX(CopyButton, _extends({
       onPress: copyToClipboard
-    }, focusProps))));
+    }, focusProps, iconButtonProps))));
   }
   if (mode === 'link') {
     return ___EmotionJSX(Box, _extends({
@@ -117,7 +118,7 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
       tooltip: tooltip
     }, ___EmotionJSX(CopyButton, _extends({
       onPress: copyToClipboard
-    }, mergeProps(hoverProps, focusProps)))));
+    }, mergeProps(hoverProps, focusProps, iconButtonProps)))));
   }
   return ___EmotionJSX(TooltipWrapper, {
     isOpen: isTooltipOpen,
@@ -135,7 +136,7 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
     variant: "copyText.copy"
   }, others), content, ___EmotionJSX(CopyButton, _extends({
     onPress: copyToClipboard
-  }, focusProps)))));
+  }, focusProps, iconButtonProps)))));
 });
 CopyText.propTypes = {
   /** The behavioral pattern to apply to the component. */
@@ -147,7 +148,9 @@ CopyText.propTypes = {
   /** Props to apply to the tooltip in nonClickableContent mode. */
   tooltipProps: PropTypes.shape({}),
   /** Props to apply to the wrapper in nonClickableContent mode. */
-  wrapperProps: PropTypes.shape({})
+  wrapperProps: PropTypes.shape({}),
+  /** Props to apply to the icon button */
+  iconButtonProps: PropTypes.shape({})
 };
 CopyText.defaultProps = {
   mode: 'text',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.48.0-alpha.2",
+  "version": "2.48.0-alpha.3",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",