@pingux/astro 2.92.0-alpha.1 → 2.92.0-alpha.2

package/lib/cjs/components/CodeView/CodeView.js

@@ -31,7 +31,7 @@ var _useGetTheme = _interopRequireDefault(require("../../hooks/useGetTheme"));
 var _codeView = _interopRequireDefault(require("../../styles/themes/next-gen/codeView/codeView"));
 var _CodeView = _interopRequireDefault(require("./CodeView.styles"));
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "hasLineNumbers", "hasNoCopyButton", "language", "Prism", "stylesProp"];
+var _excluded = ["children", "className", "hasLineNumbers", "hasNoCopyButton", "language", "Prism", "stylesProp", "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; }
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -44,6 +44,7 @@ var CodeView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     language = props.language,
     customPrism = props.Prism,
     stylesProp = props.stylesProp,
+    iconButtonProps = props.iconButtonProps,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useFocusRing = (0, _focus.useFocusRing)(),
     isFocusVisible = _useFocusRing.isFocusVisible,
@@ -126,7 +127,8 @@ var CodeView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, language === null || language === void 0 ? void 0 : language.toUpperCase()), (0, _react2.jsx)(_.CopyText, {
       ref: ref,
       mode: "rightText",
-      textToCopy: children
+      textToCopy: children,
+      iconButtonProps: iconButtonProps
     }, "Copy")), content);
   }
   if (hasNoCopyButton) {
@@ -148,7 +150,8 @@ var CodeView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     wrapperProps: _objectSpread({
       className: classNames,
       variant: 'codeView.wrapper'
-    }, others)
+    }, others),
+    iconButtonProps: iconButtonProps
   }, content);
 });
 CodeView.defaultProps = {

package/lib/cjs/components/CodeView/CodeView.stories.js

@@ -7,6 +7,7 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.WithLineNumbers = exports.WithCustomSize = exports.WithAdditionalLanguage = exports.Default = void 0;
 var _trim = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/trim"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _prismjs = _interopRequireDefault(require("prismjs"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
@@ -59,7 +60,11 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_index.CodeView, args);
+  return (0, _react2.jsx)(_index.CodeView, (0, _extends2["default"])({}, args, {
+    iconButtonProps: {
+      'data-testid': 'custom_data_id'
+    }
+  }));
 };
 exports.Default = Default;
 Default.parameters = {

package/lib/cjs/components/CopyText/CopyButton.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CopyButtonProps } from '../../types';
-declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CopyButton: React.ForwardRefExoticComponent<Omit<CopyButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default CopyButton;

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

@@ -2,6 +2,7 @@ import type { PrismTheme } from 'prism-react-renderer';
 import { Language, Prism as PrismRR } from 'prism-react-renderer';
 import Prism from 'prismjs';
 import { ThemeUICSSObject } from 'theme-ui';
+import { IconButtonProps } from './iconButton';
 import { HoverProps, StyleProps } from './shared';
 export type PrismProps = typeof PrismRR & typeof Prism;
 export type PrismThemeProps = PrismTheme;
@@ -15,4 +16,5 @@ export interface CodeViewProps extends HoverProps, StyleProps {
     sx?: ThemeUICSSObject;
     stylesProp?: ThemeUICSSObject;
     isNextGen?: boolean;
+    iconButtonProps?: IconButtonProps;
 }

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

@@ -1,5 +1,4 @@
 import { RefObject } from 'react';
-import { ThemeUIStyleObject } from 'theme-ui';
 import { TestingAttributes } from './shared/test';
 import { IconProps } from './icon';
 import { IconButtonProps } from './iconButton';
@@ -22,8 +21,6 @@ export interface CopyTextProps extends HoverProps, TestingAttributes {
     wrapperProps?: TooltipWrapperProps;
     iconButtonProps?: Omit<IconButtonProps, 'onPress'>;
 }
-export interface CopyButtonProps {
+export interface CopyButtonProps extends IconButtonProps {
     iconProps?: IconProps;
-    onPress?: () => void;
-    sx?: ThemeUIStyleObject;
 }

package/lib/components/CodeView/CodeView.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className", "hasLineNumbers", "hasNoCopyButton", "language", "Prism", "stylesProp"];
+var _excluded = ["children", "className", "hasLineNumbers", "hasNoCopyButton", "language", "Prism", "stylesProp", "iconButtonProps"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
@@ -33,6 +33,7 @@ var CodeView = /*#__PURE__*/forwardRef(function (props, ref) {
     language = props.language,
     customPrism = props.Prism,
     stylesProp = props.stylesProp,
+    iconButtonProps = props.iconButtonProps,
     others = _objectWithoutProperties(props, _excluded);
   var _useFocusRing = useFocusRing(),
     isFocusVisible = _useFocusRing.isFocusVisible,
@@ -115,7 +116,8 @@ var CodeView = /*#__PURE__*/forwardRef(function (props, ref) {
     }, language === null || language === void 0 ? void 0 : language.toUpperCase()), ___EmotionJSX(CopyText, {
       ref: ref,
       mode: "rightText",
-      textToCopy: children
+      textToCopy: children,
+      iconButtonProps: iconButtonProps
     }, "Copy")), content);
   }
   if (hasNoCopyButton) {
@@ -137,7 +139,8 @@ var CodeView = /*#__PURE__*/forwardRef(function (props, ref) {
     wrapperProps: _objectSpread({
       className: classNames,
       variant: 'codeView.wrapper'
-    }, others)
+    }, others),
+    iconButtonProps: iconButtonProps
   }, content);
 });
 CodeView.defaultProps = {

package/lib/components/CodeView/CodeView.stories.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
 import React from 'react';
 import Prism from 'prismjs';
@@ -50,7 +51,11 @@ export default {
   }
 };
 export var Default = function Default(args) {
-  return ___EmotionJSX(CodeView, args);
+  return ___EmotionJSX(CodeView, _extends({}, args, {
+    iconButtonProps: {
+      'data-testid': 'custom_data_id'
+    }
+  }));
 };
 Default.parameters = {
   design: {

package/package.json

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