@synerise/ds-information-card 0.3.59 → 0.3.61

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.61](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@0.3.60...@synerise/ds-information-card@0.3.61) (2024-03-05)
+
+**Note:** Version bump only for package @synerise/ds-information-card
+
+
+
+
+
+## [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

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.59",
+  "version": "0.3.61",
   "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.4",
-    "@synerise/ds-avatar": "^0.15.22",
-    "@synerise/ds-badge": "^0.6.50",
-    "@synerise/ds-button": "^0.19.1",
-    "@synerise/ds-card": "^0.16.3",
-    "@synerise/ds-description": "^0.3.95",
-    "@synerise/ds-divider": "^0.6.8",
-    "@synerise/ds-dropdown": "^0.17.97",
-    "@synerise/ds-icon": "^0.60.1",
-    "@synerise/ds-menu": "^0.18.13",
-    "@synerise/ds-subtle-form": "^0.9.94",
-    "@synerise/ds-tooltip": "^0.14.18",
+    "@synerise/ds-alert": "^0.8.6",
+    "@synerise/ds-avatar": "^0.15.24",
+    "@synerise/ds-badge": "^0.6.52",
+    "@synerise/ds-button": "^0.19.3",
+    "@synerise/ds-card": "^0.16.5",
+    "@synerise/ds-description": "^0.3.97",
+    "@synerise/ds-divider": "^0.6.10",
+    "@synerise/ds-dropdown": "^0.17.99",
+    "@synerise/ds-icon": "^0.60.3",
+    "@synerise/ds-menu": "^0.18.15",
+    "@synerise/ds-subtle-form": "^0.9.96",
+    "@synerise/ds-tooltip": "^0.14.20",
     "@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.25",
+    "@synerise/ds-utils": "^0.25.0",
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "cddb99e7a7cf30926aa46cf772a17d6803ff62cf"
+  "gitHead": "6b8da853a2bb4e993d89e9b0b3041216f0c9c976"
 }