@atlaskit/link-datasource 1.4.5 → 1.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-datasource
 
+## 1.5.0
+
+### Minor Changes
+
+- [#40840](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40840) [`66c9f6469c5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/66c9f6469c5) - [ux] Wrap link values in smart link hover card component
+
 ## 1.4.5
 
 ### Patch Changes

package/dist/cjs/analytics/constants.js

@@ -8,6 +8,6 @@ var EVENT_CHANNEL = 'media';
 exports.EVENT_CHANNEL = EVENT_CHANNEL;
 var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.4.5"
+  packageVersion: "1.5.0"
 };
 exports.packageMetaData = packageMetaData;

package/dist/cjs/ui/assets-modal/modal/index.js

@@ -231,7 +231,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.4.5",
+  packageVersion: "1.5.0",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/cjs/ui/issue-like-table/render-type/link/index.js

@@ -9,6 +9,7 @@ exports.default = exports.LINK_TYPE_TEST_ID = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _smartCard = require("@atlaskit/smart-card");
+var _hoverCard = require("@atlaskit/smart-card/hover-card");
 var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
 var _colors = require("@atlaskit/theme/colors");
 var _typography = require("@atlaskit/theme/typography");
@@ -36,14 +37,17 @@ var LinkRenderType = function LinkRenderType(_ref) {
     return (style === null || style === void 0 ? void 0 : style.appearance) && linkStyles[style.appearance] || {};
   }, [style]);
   var anchor = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
+    return /*#__PURE__*/_react.default.createElement(_hoverCard.HoverCard, {
+      url: url,
+      showServerActions: true
+    }, /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
       href: url,
       style: _objectSpread(_objectSpread({}, linkStyle), {}, {
         fontSize: _styled.FieldTextFontSize
       }),
       "data-testid": testId,
       target: "_blank"
-    }, text || url);
+    }, text || url));
   }, [linkStyle, url, text, testId]);
   var SmartCard = function SmartCard() {
     return /*#__PURE__*/_react.default.createElement(_smartCard.Card, {

package/dist/es2019/analytics/constants.js

@@ -1,5 +1,5 @@
 export const EVENT_CHANNEL = 'media';
 export const packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.4.5"
+  packageVersion: "1.5.0"
 };

package/dist/es2019/ui/assets-modal/modal/index.js

@@ -205,7 +205,7 @@ const analyticsContextAttributes = {
 };
 const analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.4.5",
+  packageVersion: "1.5.0",
   source: 'datasourceConfigModal'
 };
 const contextData = {

package/dist/es2019/ui/issue-like-table/render-type/link/index.js

@@ -1,5 +1,6 @@
 import React, { useMemo } from 'react';
 import { Card } from '@atlaskit/smart-card';
+import { HoverCard } from '@atlaskit/smart-card/hover-card';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { N300 } from '@atlaskit/theme/colors';
 import { h300 } from '@atlaskit/theme/typography';
@@ -22,7 +23,10 @@ const LinkRenderType = ({
   const linkStyle = useMemo(() => {
     return (style === null || style === void 0 ? void 0 : style.appearance) && linkStyles[style.appearance] || {};
   }, [style]);
-  const anchor = useMemo(() => /*#__PURE__*/React.createElement(LinkUrl, {
+  const anchor = useMemo(() => /*#__PURE__*/React.createElement(HoverCard, {
+    url: url,
+    showServerActions: true
+  }, /*#__PURE__*/React.createElement(LinkUrl, {
     href: url,
     style: {
       ...linkStyle,
@@ -30,7 +34,7 @@ const LinkRenderType = ({
     },
     "data-testid": testId,
     target: "_blank"
-  }, text || url), [linkStyle, url, text, testId]);
+  }, text || url)), [linkStyle, url, text, testId]);
   const SmartCard = () => /*#__PURE__*/React.createElement(Card, {
     appearance: "inline",
     url: url,

package/dist/esm/analytics/constants.js

@@ -1,5 +1,5 @@
 export var EVENT_CHANNEL = 'media';
 export var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.4.5"
+  packageVersion: "1.5.0"
 };

package/dist/esm/ui/assets-modal/modal/index.js

@@ -222,7 +222,7 @@ var analyticsContextAttributes = {
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.4.5",
+  packageVersion: "1.5.0",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

package/dist/esm/ui/issue-like-table/render-type/link/index.js

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useMemo } from 'react';
 import { Card } from '@atlaskit/smart-card';
+import { HoverCard } from '@atlaskit/smart-card/hover-card';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { N300 } from '@atlaskit/theme/colors';
 import { h300 } from '@atlaskit/theme/typography';
@@ -25,14 +26,17 @@ var LinkRenderType = function LinkRenderType(_ref) {
     return (style === null || style === void 0 ? void 0 : style.appearance) && linkStyles[style.appearance] || {};
   }, [style]);
   var anchor = useMemo(function () {
-    return /*#__PURE__*/React.createElement(LinkUrl, {
+    return /*#__PURE__*/React.createElement(HoverCard, {
+      url: url,
+      showServerActions: true
+    }, /*#__PURE__*/React.createElement(LinkUrl, {
       href: url,
       style: _objectSpread(_objectSpread({}, linkStyle), {}, {
         fontSize: FieldTextFontSize
       }),
       "data-testid": testId,
       target: "_blank"
-    }, text || url);
+    }, text || url));
   }, [linkStyle, url, text, testId]);
   var SmartCard = function SmartCard() {
     return /*#__PURE__*/React.createElement(Card, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.4.5",
+  "version": "1.5.0",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"