@synerise/ds-information-card 0.3.58 → 0.3.60

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.60](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@0.3.59...@synerise/ds-information-card@0.3.60) (2024-02-21)
+
+
+### Bug Fixes
+
+* **card:** added testids and classname ([74b5a0a](https://github.com/Synerise/synerise-design/commit/74b5a0a56adf2f08963f6c46b93328524680d519))
+
+
+
+
+
+## [0.3.59](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@0.3.58...@synerise/ds-information-card@0.3.59) (2024-02-19)
+
+**Note:** Version bump only for package @synerise/ds-information-card
+
+
+
+
+
 ## [0.3.58](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@0.3.57...@synerise/ds-information-card@0.3.58) (2024-02-19)
 
 **Note:** Version bump only for package @synerise/ds-information-card

package/dist/InformationCard.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { InlineAlertType } from '@synerise/ds-alert/dist/InlineAlert/InlineAlert.types';
 import { InformationCardProps, BadgeData } from './InformationCard.types';
 import 'rc-trigger/assets/index.less';
@@ -16,7 +16,7 @@ export declare function buildExtraInfo(message: string, level?: InlineAlertType)
  * Helper for returning initials. Handles cases such as John Smith, J. Smith, JS.
  */
 export declare function getInitials(name: string): string;
-type InitialsProps = React.PropsWithChildren<{
+type InitialsProps = PropsWithChildren<{
     name?: string;
 }>;
 /**

package/dist/InformationCard.js

@@ -1,10 +1,10 @@
-var _excluded = ["actionButton", "actionButtonTooltipText", "actionButtonCallback", "asTooltip", "avatarTooltipText", "copyTooltip", "copiedTooltip", "renderFooter", "renderBadge", "subtitle", "title", "notice", "footerText", "icon", "iconColor", "descriptionConfig"];
+var _excluded = ["actionButton", "actionButtonTooltipText", "actionButtonCallback", "asTooltip", "avatarTooltipText", "copyTooltip", "copiedTooltip", "renderFooter", "renderBadge", "subtitle", "title", "notice", "footerText", "icon", "iconColor", "descriptionConfig", "className"];
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import * as React from 'react';
+import React, { forwardRef, useState } from 'react';
 import { Text } from '@synerise/ds-typography';
 import Button from '@synerise/ds-button';
 import Divider from '@synerise/ds-divider';
@@ -41,7 +41,7 @@ export function buildIconBadge(data) {
     })
   }));
 }
-var InformationCard = React.forwardRef(function (_ref, ref) {
+var InformationCard = forwardRef(function (_ref, ref) {
   var actionButton = _ref.actionButton,
       actionButtonTooltipText = _ref.actionButtonTooltipText,
       actionButtonCallback = _ref.actionButtonCallback,
@@ -59,6 +59,7 @@ var InformationCard = React.forwardRef(function (_ref, ref) {
       iconElement = _ref$icon === void 0 ? /*#__PURE__*/React.createElement(SegmentM, null) : _ref$icon,
       iconColor = _ref.iconColor,
       descriptionConfig = _ref.descriptionConfig,
+      className = _ref.className,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var copyableSlot = function copyableSlot(content) {
@@ -80,9 +81,10 @@ var InformationCard = React.forwardRef(function (_ref, ref) {
   };
 
   return /*#__PURE__*/React.createElement(S.InfoCardWrapper, {
+    "data-testid": "information-card",
     ref: ref,
     "aria-label": "information card",
-    className: "ds-info-card",
+    className: "ds-info-card " + className,
     asTooltip: asTooltip
   }, /*#__PURE__*/React.createElement(Card, {
     background: "white" // @ts-ignore
@@ -165,18 +167,18 @@ function DescriptionField(_ref3) {
 
   // note: if popover containing this information card will have
   // `destroyTooltipOnHide` (or `keepParent`) set to false, then description state hook will be getting reset
-  var _React$useState = React.useState(''),
-      description = _React$useState[0],
-      setDescription = _React$useState[1];
+  var _useState = useState(''),
+      description = _useState[0],
+      setDescription = _useState[1];
 
   var renderDescription = function renderDescription() {
     if (descriptionConfig) {
       return typeof descriptionConfig === 'string' ? /*#__PURE__*/React.createElement(S.NonEditableWrapper, null, descriptionConfig) : /*#__PURE__*/React.createElement(SubtleForm.TextArea, _extends({
         minRows: 1,
         value: description,
-        onChange: function onChange(v) {
-          descriptionConfig.onChange && descriptionConfig.onChange(v);
-          setDescription(v);
+        onChange: function onChange(value) {
+          descriptionConfig.onChange && descriptionConfig.onChange(value);
+          setDescription(value);
         },
         placeholder: "placeholder",
         suffixTooltip: "Edit"
@@ -193,7 +195,9 @@ function DescriptionField(_ref3) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   };
 
-  return /*#__PURE__*/React.createElement(S.DescriptionWrapper, null, /*#__PURE__*/React.createElement(S.AlertWrapper, null, extraInformation), descriptionConfig && renderDescription());
+  return /*#__PURE__*/React.createElement(S.DescriptionWrapper, {
+    "data-testid": "information-card-description"
+  }, /*#__PURE__*/React.createElement(S.AlertWrapper, null, extraInformation), descriptionConfig && renderDescription());
 }
 /**
  * Tooltip helper for action button in footer
@@ -225,6 +229,7 @@ function Footer(_ref4) {
     marginBottom: 0,
     dashed: true
   }), /*#__PURE__*/React.createElement(S.Flex, {
+    "data-testid": "information-card-footer",
     style: {
       alignItems: 'center'
     }

package/dist/InformationCard.types.d.ts

@@ -32,6 +32,7 @@ export type InformationCardProps = {
      * description in a tooltip shown when user (note renderBadge has to be provided)
      */
     avatarTooltipText?: string;
+    className?: string;
     /**
      * subtitle's value to be copied when clicking on the copy button
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-information-card",
-  "version": "0.3.58",
+  "version": "0.3.60",
   "description": "InformationCard UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,18 +34,18 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^0.8.3",
-    "@synerise/ds-avatar": "^0.15.21",
-    "@synerise/ds-badge": "^0.6.49",
-    "@synerise/ds-button": "^0.19.0",
-    "@synerise/ds-card": "^0.16.2",
-    "@synerise/ds-description": "^0.3.94",
-    "@synerise/ds-divider": "^0.6.7",
-    "@synerise/ds-dropdown": "^0.17.96",
-    "@synerise/ds-icon": "^0.60.0",
-    "@synerise/ds-menu": "^0.18.12",
-    "@synerise/ds-subtle-form": "^0.9.93",
-    "@synerise/ds-tooltip": "^0.14.17",
+    "@synerise/ds-alert": "^0.8.5",
+    "@synerise/ds-avatar": "^0.15.23",
+    "@synerise/ds-badge": "^0.6.51",
+    "@synerise/ds-button": "^0.19.2",
+    "@synerise/ds-card": "^0.16.4",
+    "@synerise/ds-description": "^0.3.96",
+    "@synerise/ds-divider": "^0.6.9",
+    "@synerise/ds-dropdown": "^0.17.98",
+    "@synerise/ds-icon": "^0.60.2",
+    "@synerise/ds-menu": "^0.18.14",
+    "@synerise/ds-subtle-form": "^0.9.95",
+    "@synerise/ds-tooltip": "^0.14.19",
     "@synerise/ds-typography": "^0.14.3",
     "rc-trigger": "5.2.5"
   },
@@ -55,9 +55,9 @@
     "styled-components": "5.0.1"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^0.24.24",
+    "@synerise/ds-utils": "^0.24.26",
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "17e3bca1d4d134a28aaa186f0e2637616ca86174"
+  "gitHead": "673df74b628304300c09f0d7e26279b5901cd925"
 }