@atlaskit/smart-card 32.5.0 → 32.5.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 32.5.1
+
+### Patch Changes
+
+- [#171430](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171430)
+  [`d100d121a8a38`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d100d121a8a38) -
+  [ux] Update editor's links to use design system's standards
+
 ## 32.5.0
 
 ### Minor Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -17,7 +17,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.5.0"
+  packageVersion: "32.5.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/LinkUrl/index.js

@@ -4,23 +4,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.LinkComponent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _link = _interopRequireDefault(require("@atlaskit/link"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _click = require("../../utils/analytics/click");
 var _LinkAnalyticsContext = require("../../utils/analytics/LinkAnalyticsContext");
 var _LinkWarningModal = _interopRequireDefault(require("./LinkWarningModal"));
 var _useLinkWarningModal2 = require("./LinkWarningModal/hooks/use-link-warning-modal");
-var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
+var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLinkComponent"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.5.0",
+  packageVersion: "32.5.1",
   componentName: 'linkUrl'
 };
-var Link = (0, _click.withLinkClickedEvent)('a');
+var Anchor = (0, _click.withLinkClickedEvent)('a');
+var LinkComponent = exports.LinkComponent = (0, _click.withLinkClickedEvent)(_link.default);
 var LinkUrl = function LinkUrl(_ref) {
   var href = _ref.href,
     children = _ref.children,
@@ -29,17 +33,20 @@ var LinkUrl = function LinkUrl(_ref) {
     _onClick = _ref.onClick,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'link-with-safety' : _ref$testId,
+    _ref$isLinkComponent = _ref.isLinkComponent,
+    isLinkComponent = _ref$isLinkComponent === void 0 ? false : _ref$isLinkComponent,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useLinkWarningModal = (0, _useLinkWarningModal2.useLinkWarningModal)(),
     isLinkSafe = _useLinkWarningModal.isLinkSafe,
     showSafetyWarningModal = _useLinkWarningModal.showSafetyWarningModal,
     linkWarningModalProps = (0, _objectWithoutProperties2.default)(_useLinkWarningModal, _excluded2);
+  var Link = isLinkComponent && (0, _platformFeatureFlags.fg)('platform_editor_hyperlink_underline') ? LinkComponent : Anchor;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LinkAnalyticsContext.LinkAnalyticsContext, {
     url: href,
     display: "url"
   }, /*#__PURE__*/_react.default.createElement(Link, (0, _extends2.default)({
     "data-testid": testId,
-    href: href,
+    href: href || '',
     onClick: function onClick(e) {
       if (!checkSafety) {
         _onClick && _onClick(e);

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.5.0"
+  packageVersion: "32.5.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/LinkUrl/index.js

@@ -1,22 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { di } from 'react-magnetic-di';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import AKLink from '@atlaskit/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { withLinkClickedEvent } from '../../utils/analytics/click';
 import { LinkAnalyticsContext } from '../../utils/analytics/LinkAnalyticsContext';
 import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.5.0",
+  packageVersion: "32.5.1",
   componentName: 'linkUrl'
 };
-const Link = withLinkClickedEvent('a');
+const Anchor = withLinkClickedEvent('a');
+export const LinkComponent = withLinkClickedEvent(AKLink);
 const LinkUrl = ({
   href,
   children,
   checkSafety = true,
   onClick,
   testId = 'link-with-safety',
+  isLinkComponent = false,
   ...props
 }) => {
   const {
@@ -24,12 +29,13 @@ const LinkUrl = ({
     showSafetyWarningModal,
     ...linkWarningModalProps
   } = useLinkWarningModal();
+  const Link = isLinkComponent && fg('platform_editor_hyperlink_underline') ? LinkComponent : Anchor;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
     url: href,
     display: "url"
   }, /*#__PURE__*/React.createElement(Link, _extends({
     "data-testid": testId,
-    href: href,
+    href: href || '',
     onClick: e => {
       if (!checkSafety) {
         onClick && onClick(e);

package/dist/esm/utils/analytics/analytics.js

@@ -10,7 +10,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.5.0"
+  packageVersion: "32.5.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/LinkUrl/index.js

@@ -1,19 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
+var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLinkComponent"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 import React from 'react';
+import { di } from 'react-magnetic-di';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import AKLink from '@atlaskit/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { withLinkClickedEvent } from '../../utils/analytics/click';
 import { LinkAnalyticsContext } from '../../utils/analytics/LinkAnalyticsContext';
 import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.5.0",
+  packageVersion: "32.5.1",
   componentName: 'linkUrl'
 };
-var Link = withLinkClickedEvent('a');
+var Anchor = withLinkClickedEvent('a');
+export var LinkComponent = withLinkClickedEvent(AKLink);
 var LinkUrl = function LinkUrl(_ref) {
   var href = _ref.href,
     children = _ref.children,
@@ -22,17 +26,20 @@ var LinkUrl = function LinkUrl(_ref) {
     _onClick = _ref.onClick,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'link-with-safety' : _ref$testId,
+    _ref$isLinkComponent = _ref.isLinkComponent,
+    isLinkComponent = _ref$isLinkComponent === void 0 ? false : _ref$isLinkComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useLinkWarningModal = useLinkWarningModal(),
     isLinkSafe = _useLinkWarningModal.isLinkSafe,
     showSafetyWarningModal = _useLinkWarningModal.showSafetyWarningModal,
     linkWarningModalProps = _objectWithoutProperties(_useLinkWarningModal, _excluded2);
+  var Link = isLinkComponent && fg('platform_editor_hyperlink_underline') ? LinkComponent : Anchor;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
     url: href,
     display: "url"
   }, /*#__PURE__*/React.createElement(Link, _extends({
     "data-testid": testId,
-    href: href,
+    href: href || '',
     onClick: function onClick(e) {
       if (!checkSafety) {
         _onClick && _onClick(e);

package/dist/types/state/analytics/useLinkClicked.d.ts

@@ -4,5 +4,5 @@ export declare enum ClickButton {
     Middle = 1,
     Right = 2
 }
-export declare const useLinkClicked: <T extends import("react").MouseEventHandler<Element>>(handler?: T, predicate?: ((event: React.MouseEvent) => boolean) | undefined) => (...args: Parameters<T>) => void;
+export declare const useLinkClicked: <T extends (e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void>(handler?: T, predicate?: ((event: React.MouseEvent) => boolean) | undefined) => (...args: Parameters<T>) => void;
 export declare const useMouseDownEvent: <T extends import("react").MouseEventHandler<Element>>(onMouseDown?: T) => (...args: Parameters<T>) => void;

package/dist/types/utils/analytics/click.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type GasPayload } from '@atlaskit/analytics-gas-types';
 import { type AnalyticsEventPayload, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type LinkProps } from '@atlaskit/link';
 import { type AnalyticsPayload } from '../types';
 import { type ClickOutcome, type ClickType, type UiLinkClickedEventProps } from './types';
 export declare const buttonMap: Map<number | undefined, "left" | "right" | "none" | "middle">;
@@ -13,14 +14,8 @@ type DeepPartial<T> = T extends object ? {
 export declare const fireLinkClickedEvent: (createAnalyticsEvent: (payload: AnalyticsEventPayload) => UIAnalyticsEvent) => (event: React.MouseEvent, overrides?: DeepPartial<Omit<GasPayload, 'attributes'> & {
     attributes: UiLinkClickedEventProps;
 }>) => void;
-export declare function withLinkClickedEvent<Component extends React.ElementType<{
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-    onMouseDown?: React.MouseEventHandler<HTMLAnchorElement>;
-}>>(WrappedComponent: Component): {
-    (props: React.ComponentProps<Component>): React.ReactElement<{
-        onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-    }, string | React.JSXElementConstructor<any>>;
+export declare function withLinkClickedEvent<Component extends Extract<React.ElementType, 'a'> | React.ComponentType<LinkProps>>(WrappedComponent: Component): {
+    (props: LinkProps): React.ReactElement<LinkProps, string | React.JSXElementConstructor<any>>;
     displayName: string;
 };
 export {};

package/dist/types/view/LinkUrl/index.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
 import { type LinkUrlProps } from './types';
+export declare const LinkComponent: {
+    (props: import("@atlaskit/link").LinkProps): React.ReactElement<import("@atlaskit/link").LinkProps, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
 declare const _default: React.ForwardRefExoticComponent<LinkUrlProps & import("@atlaskit/analytics-next").WithContextProps & React.RefAttributes<any>>;
 export default _default;

package/dist/types/view/LinkUrl/types.d.ts

@@ -5,6 +5,7 @@ export interface LinkUrlProps extends React.AnchorHTMLAttributes<HTMLAnchorEleme
      */
     checkSafety?: boolean;
     testId?: string;
+    isLinkComponent?: boolean;
 }
 export type PackageDataType = {
     packageName: string;

package/dist/types-ts4.5/state/analytics/useLinkClicked.d.ts

@@ -4,5 +4,5 @@ export declare enum ClickButton {
     Middle = 1,
     Right = 2
 }
-export declare const useLinkClicked: <T extends import("react").MouseEventHandler<Element>>(handler?: T, predicate?: ((event: React.MouseEvent) => boolean) | undefined) => (...args: Parameters<T>) => void;
+export declare const useLinkClicked: <T extends (e: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void>(handler?: T, predicate?: ((event: React.MouseEvent) => boolean) | undefined) => (...args: Parameters<T>) => void;
 export declare const useMouseDownEvent: <T extends import("react").MouseEventHandler<Element>>(onMouseDown?: T) => (...args: Parameters<T>) => void;

package/dist/types-ts4.5/utils/analytics/click.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type GasPayload } from '@atlaskit/analytics-gas-types';
 import { type AnalyticsEventPayload, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type LinkProps } from '@atlaskit/link';
 import { type AnalyticsPayload } from '../types';
 import { type ClickOutcome, type ClickType, type UiLinkClickedEventProps } from './types';
 export declare const buttonMap: Map<number | undefined, "left" | "right" | "none" | "middle">;
@@ -13,14 +14,8 @@ type DeepPartial<T> = T extends object ? {
 export declare const fireLinkClickedEvent: (createAnalyticsEvent: (payload: AnalyticsEventPayload) => UIAnalyticsEvent) => (event: React.MouseEvent, overrides?: DeepPartial<Omit<GasPayload, 'attributes'> & {
     attributes: UiLinkClickedEventProps;
 }>) => void;
-export declare function withLinkClickedEvent<Component extends React.ElementType<{
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-    onMouseDown?: React.MouseEventHandler<HTMLAnchorElement>;
-}>>(WrappedComponent: Component): {
-    (props: React.ComponentProps<Component>): React.ReactElement<{
-        onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-    }, string | React.JSXElementConstructor<any>>;
+export declare function withLinkClickedEvent<Component extends Extract<React.ElementType, 'a'> | React.ComponentType<LinkProps>>(WrappedComponent: Component): {
+    (props: LinkProps): React.ReactElement<LinkProps, string | React.JSXElementConstructor<any>>;
     displayName: string;
 };
 export {};

package/dist/types-ts4.5/view/LinkUrl/index.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
 import { type LinkUrlProps } from './types';
+export declare const LinkComponent: {
+    (props: import("@atlaskit/link").LinkProps): React.ReactElement<import("@atlaskit/link").LinkProps, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
 declare const _default: React.ForwardRefExoticComponent<LinkUrlProps & import("@atlaskit/analytics-next").WithContextProps & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/view/LinkUrl/types.d.ts

@@ -5,6 +5,7 @@ export interface LinkUrlProps extends React.AnchorHTMLAttributes<HTMLAnchorEleme
      */
     checkSafety?: boolean;
     testId?: string;
+    isLinkComponent?: boolean;
 }
 export type PackageDataType = {
     packageName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "32.5.0",
+	"version": "32.5.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,6 +41,7 @@
 		"@atlaskit/icon-object": "^6.9.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/legacy-custom-icons": "^0.20.0",
+		"@atlaskit/link": "^1.2.1",
 		"@atlaskit/link-analytics": "^8.5.0",
 		"@atlaskit/link-client-extension": "^3.0.0",
 		"@atlaskit/link-extractors": "^1.9.0",
@@ -90,7 +91,6 @@
 		"@af/visual-regression": "*",
 		"@atlaskit/analytics-listeners": "^8.13.0",
 		"@atlaskit/css-reset": "^6.11.0",
-		"@atlaskit/link": "^1.2.1",
 		"@atlaskit/link-test-helpers": "^7.5.0",
 		"@atlaskit/media-test-helpers": "^34.6.0",
 		"@atlaskit/ssr": "*",
@@ -179,6 +179,9 @@
 		},
 		"smart-card-remove-block-card-from-embed": {
 			"type": "boolean"
+		},
+		"platform_editor_hyperlink_underline": {
+			"type": "boolean"
 		}
 	}
 }