@synerise/ds-description 0.3.110 → 0.3.112

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.112](https://github.com/Synerise/synerise-design/compare/@synerise/ds-description@0.3.111...@synerise/ds-description@0.3.112) (2024-08-19)
+
+**Note:** Version bump only for package @synerise/ds-description
+
+
+
+
+
+## [0.3.111](https://github.com/Synerise/synerise-design/compare/@synerise/ds-description@0.3.110...@synerise/ds-description@0.3.111) (2024-07-26)
+
+
+### Bug Fixes
+
+* **information-card:** change title and subtitle overflow ([82761e5](https://github.com/Synerise/synerise-design/commit/82761e5802dfefbc28b932b9250e825c4c96028e))
+
+
+
+
+
 ## [0.3.110](https://github.com/Synerise/synerise-design/compare/@synerise/ds-description@0.3.109...@synerise/ds-description@0.3.110) (2024-07-15)
 
 **Note:** Version bump only for package @synerise/ds-description

package/dist/Row/Copy.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { CopyProps } from './Copy.types';
-declare const Copy: React.FC<CopyProps>;
+declare const Copy: ({ copyValue, texts, className, onMouseEnter, onMouseLeave }: CopyProps) => React.JSX.Element;
 export default Copy;

package/dist/Row/Copy.js

@@ -1,18 +1,21 @@
+import React, { useState, useMemo, useCallback } from 'react';
 import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
 import Icon, { CopyClipboardM } from '@synerise/ds-icon';
-import * as React from 'react';
 import * as copy from 'copy-to-clipboard';
 import { useIntl } from 'react-intl';
 import * as S from './DescriptionRow.styles';
 
 var Copy = function Copy(_ref) {
   var copyValue = _ref.copyValue,
-      texts = _ref.texts;
+      texts = _ref.texts,
+      className = _ref.className,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave;
 
   var _useIntl = useIntl(),
       formatMessage = _useIntl.formatMessage;
 
-  var textsObj = React.useMemo(function () {
+  var textsObj = useMemo(function () {
     return texts || {
       copiedTooltip: formatMessage({
         id: 'DS.DESCRIPTION.COPIED'
@@ -23,34 +26,36 @@ var Copy = function Copy(_ref) {
     };
   }, [texts, formatMessage]);
 
-  var _React$useState = React.useState(false),
-      tooltipVisible = _React$useState[0],
-      setTooltipVisible = _React$useState[1];
+  var _useState = useState(false),
+      tooltipVisible = _useState[0],
+      setTooltipVisible = _useState[1];
 
-  var _React$useState2 = React.useState(textsObj.copyTooltip),
-      tooltipTitle = _React$useState2[0],
-      setTooltipTitle = _React$useState2[1];
+  var _useState2 = useState(textsObj.copyTooltip),
+      tooltipTitle = _useState2[0],
+      setTooltipTitle = _useState2[1];
 
-  var handleCopy = React.useCallback(function () {
+  var handleCopy = useCallback(function () {
     if (copyValue && copy(copyValue)) {
       setTooltipTitle(textsObj.copiedTooltip);
       setTooltipVisible(true);
     }
   }, [copyValue, setTooltipTitle, textsObj.copiedTooltip]);
-  var handleMouseEnter = React.useCallback(function (e) {
-    e.stopPropagation();
+  var handleMouseEnter = useCallback(function (event) {
+    event.stopPropagation();
     setTooltipTitle(textsObj.copyTooltip);
     setTooltipVisible(true);
-  }, [setTooltipVisible, textsObj]);
-  var handleMouseLeave = React.useCallback(function (e) {
-    e.stopPropagation();
+    onMouseEnter && onMouseEnter(event);
+  }, [setTooltipVisible, textsObj, onMouseEnter]);
+  var handleMouseLeave = useCallback(function (event) {
+    event.stopPropagation();
     setTooltipVisible(false);
-  }, [setTooltipVisible]);
+    onMouseLeave && onMouseLeave(event);
+  }, [setTooltipVisible, onMouseLeave]);
   return /*#__PURE__*/React.createElement(Tooltip, {
     title: tooltipTitle,
     visible: tooltipVisible
   }, /*#__PURE__*/React.createElement(S.Copyable, {
-    className: "ds-description-copy",
+    className: "ds-description-copy " + className,
     onClick: handleCopy,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave

package/dist/Row/Copy.types.d.ts

@@ -1,5 +1,6 @@
+import { HTMLAttributes } from 'react';
 import { RowTexts } from './DescriptionRow.types';
-export interface CopyProps {
+export type CopyProps = {
     copyValue: string;
     texts?: RowTexts;
-}
+} & HTMLAttributes<HTMLDivElement>;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './Description';
 export { default as DescriptionRow } from './Row/DescriptionRow';
+export { default as DescriptionCopyable } from './Row/Copy';

package/dist/index.js

@@ -1,2 +1,3 @@
 export { default } from './Description';
-export { default as DescriptionRow } from './Row/DescriptionRow';
+export { default as DescriptionRow } from './Row/DescriptionRow';
+export { default as DescriptionCopyable } from './Row/Copy';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-description",
-  "version": "0.3.110",
+  "version": "0.3.112",
   "description": "Description UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,8 +33,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.64.1",
-    "@synerise/ds-tooltip": "^0.14.33",
+    "@synerise/ds-icon": "^0.65.0",
+    "@synerise/ds-tooltip": "^0.14.35",
     "classnames": "2.3.2",
     "react-intl": "3.12.0"
   },
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "6f4996380356c1e5cb9a9d8b553069ad9cea7c27"
+  "gitHead": "2e6de17b64023536c24be8fcb67b1e53e8bffa3d"
 }