@atlaskit/smart-card 43.7.1 → 43.8.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/smart-card
 
+## 43.8.0
+
+### Minor Changes
+
+- [`a117d28802895`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a117d28802895) -
+  [ux] If icon prop is provided it will be used while the card is resolving and hideIcon is false
+
+### Patch Changes
+
+- Updated dependencies
+
+## 43.7.2
+
+### Patch Changes
+
+- [`47806d831b118`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/47806d831b118) -
+  NAVX-2338 cleaning up navx-1910-fix-hovercard-performance-metrics
+
 ## 43.7.1
 
 ### Patch Changes

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

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

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -8,11 +8,13 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../../constants");
 var _loadingSkeleton = require("../../../common/loading-skeleton");
+var _elements = require("../../../elements");
 var _utils = require("../../../utils");
 var _block = _interopRequireDefault(require("../../block"));
-var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
+var _excluded = ["actionGroup", "icon", "position", "testId", "title", "hideIcon"];
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
@@ -22,6 +24,8 @@ var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
  */
 var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var actionGroup = _ref.actionGroup,
+    icon = _ref.icon,
+    position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
     hideIcon = _ref.hideIcon,
@@ -31,7 +35,12 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var iconWidth = (0, _utils.getIconWidth)(size);
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), !hideIcon && /*#__PURE__*/_react.default.createElement("span", {
+  }), !hideIcon && icon && (0, _platformFeatureFlags.fg)('platform_initial_icon_for_title_block') && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+    overrideIcon: icon,
+    position: position,
+    size: size,
+    hideLoadingSkeleton: true
+  }), !hideIcon && (!icon || !(0, _platformFeatureFlags.fg)('platform_initial_icon_for_title_block')) && /*#__PURE__*/_react.default.createElement("span", {
     style: {
       width: iconWidth,
       height: iconWidth

package/dist/cjs/view/HoverCard/components/ImagePreview.js

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _extractPreview = require("../../../extractors/flexible/extract-preview");
 var _blocks = require("../../FlexibleCard/components/blocks");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -34,12 +33,10 @@ var ImagePreview = function ImagePreview(_ref) {
     if (previewBlockRef.current) {
       var _previewBlockRef$curr;
       var previewHeight = (_previewBlockRef$curr = previewBlockRef.current) === null || _previewBlockRef$curr === void 0 ? void 0 : _previewBlockRef$curr.getBoundingClientRect().height;
-      setDynamicStyles(_objectSpread(_objectSpread({
+      setDynamicStyles(_objectSpread({
         borderTopLeftRadius: "var(--ds-radius-large, 8px)",
         borderTopRightRadius: "var(--ds-radius-large, 8px)"
-      }, (0, _platformFeatureFlags.fg)('navx-1910-fix-hovercard-performance-metrics') ? {} : {
-        marginBottom: "var(--ds-space-100, 8px)"
-      }), previewHeight ? {
+      }, previewHeight ? {
         height: "".concat(previewHeight, "px")
       } : {}));
     }

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

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "43.7.2",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

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

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

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -1,8 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../../../../../constants';
 import { LoadingSkeleton } from '../../../common/loading-skeleton';
+import { LinkIcon } from '../../../elements';
 import { getIconWidth } from '../../../utils';
 import Block from '../../block';
 /**
@@ -13,6 +15,8 @@ import Block from '../../block';
  */
 const TitleBlockResolvingView = ({
   actionGroup,
+  icon,
+  position,
   testId,
   title,
   hideIcon,
@@ -24,7 +28,12 @@ const TitleBlockResolvingView = ({
   const iconWidth = getIconWidth(size);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-resolving-view`
-  }), !hideIcon && /*#__PURE__*/React.createElement("span", {
+  }), !hideIcon && icon && fg('platform_initial_icon_for_title_block') && /*#__PURE__*/React.createElement(LinkIcon, {
+    overrideIcon: icon,
+    position: position,
+    size: size,
+    hideLoadingSkeleton: true
+  }), !hideIcon && (!icon || !fg('platform_initial_icon_for_title_block')) && /*#__PURE__*/React.createElement("span", {
     style: {
       width: iconWidth,
       height: iconWidth

package/dist/es2019/view/HoverCard/components/ImagePreview.js

@@ -1,5 +1,4 @@
 import React, { useCallback, useRef, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { extractSmartLinkPreviewImage } from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock } from '../../FlexibleCard/components/blocks';
 const ImagePreview = ({
@@ -19,9 +18,6 @@ const ImagePreview = ({
       setDynamicStyles({
         borderTopLeftRadius: "var(--ds-radius-large, 8px)",
         borderTopRightRadius: "var(--ds-radius-large, 8px)",
-        ...(fg('navx-1910-fix-hovercard-performance-metrics') ? {} : {
-          marginBottom: "var(--ds-space-100, 8px)"
-        }),
         ...(previewHeight ? {
           height: `${previewHeight}px`
         } : {})

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "43.7.2",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

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

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

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -1,10 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
+var _excluded = ["actionGroup", "icon", "position", "testId", "title", "hideIcon"];
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../../../../../constants';
 import { LoadingSkeleton } from '../../../common/loading-skeleton';
+import { LinkIcon } from '../../../elements';
 import { getIconWidth } from '../../../utils';
 import Block from '../../block';
 /**
@@ -15,6 +17,8 @@ import Block from '../../block';
  */
 var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var actionGroup = _ref.actionGroup,
+    icon = _ref.icon,
+    position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
     hideIcon = _ref.hideIcon,
@@ -24,7 +28,12 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var iconWidth = getIconWidth(size);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), !hideIcon && /*#__PURE__*/React.createElement("span", {
+  }), !hideIcon && icon && fg('platform_initial_icon_for_title_block') && /*#__PURE__*/React.createElement(LinkIcon, {
+    overrideIcon: icon,
+    position: position,
+    size: size,
+    hideLoadingSkeleton: true
+  }), !hideIcon && (!icon || !fg('platform_initial_icon_for_title_block')) && /*#__PURE__*/React.createElement("span", {
     style: {
       width: iconWidth,
       height: iconWidth

package/dist/esm/view/HoverCard/components/ImagePreview.js

@@ -3,7 +3,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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, { useCallback, useRef, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { extractSmartLinkPreviewImage } from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock } from '../../FlexibleCard/components/blocks';
 var ImagePreview = function ImagePreview(_ref) {
@@ -25,12 +24,10 @@ var ImagePreview = function ImagePreview(_ref) {
     if (previewBlockRef.current) {
       var _previewBlockRef$curr;
       var previewHeight = (_previewBlockRef$curr = previewBlockRef.current) === null || _previewBlockRef$curr === void 0 ? void 0 : _previewBlockRef$curr.getBoundingClientRect().height;
-      setDynamicStyles(_objectSpread(_objectSpread({
+      setDynamicStyles(_objectSpread({
         borderTopLeftRadius: "var(--ds-radius-large, 8px)",
         borderTopRightRadius: "var(--ds-radius-large, 8px)"
-      }, fg('navx-1910-fix-hovercard-performance-metrics') ? {} : {
-        marginBottom: "var(--ds-space-100, 8px)"
-      }), previewHeight ? {
+      }, previewHeight ? {
         height: "".concat(previewHeight, "px")
       } : {}));
     }

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

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "43.7.2",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/blocks/title-block/resolving/index.d.ts

@@ -6,5 +6,5 @@ import { type TitleBlockViewProps } from '../types';
  * This should render when a Smart Link has sent a request.
  * @see TitleBlock
  */
-declare const TitleBlockResolvingView: ({ actionGroup, testId, title, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
+declare const TitleBlockResolvingView: ({ actionGroup, icon, position, testId, title, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
 export default TitleBlockResolvingView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/resolving/index.d.ts

@@ -6,5 +6,5 @@ import { type TitleBlockViewProps } from '../types';
  * This should render when a Smart Link has sent a request.
  * @see TitleBlock
  */
-declare const TitleBlockResolvingView: ({ actionGroup, testId, title, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
+declare const TitleBlockResolvingView: ({ actionGroup, icon, position, testId, title, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
 export default TitleBlockResolvingView;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.7.1",
+	"version": "43.8.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -70,9 +70,9 @@
 		"@atlaskit/textarea": "^8.1.0",
 		"@atlaskit/textfield": "^8.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.38.0",
+		"@atlaskit/tmp-editor-statsig": "^13.39.0",
 		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.9.0",
+		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -100,11 +100,11 @@
 		"@atlaskit/analytics-listeners": "^9.1.0",
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
-		"@atlaskit/react-ufo": "^4.14.0",
+		"@atlaskit/react-ufo": "^4.15.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/gemini": "^1.20.0",
+		"@atlassian/gemini": "^1.21.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^13.4.0",
@@ -220,6 +220,9 @@
 		"platform_initial_data_for_smart_cards": {
 			"type": "boolean"
 		},
+		"platform_initial_icon_for_title_block": {
+			"type": "boolean"
+		},
 		"jfp-magma-platform-lozenge-jump-fix": {
 			"type": "boolean"
 		},
@@ -232,9 +235,6 @@
 		"navx-2479-sl-fix-inilne-card-show-connect-button": {
 			"type": "boolean"
 		},
-		"navx-1910-fix-hovercard-performance-metrics": {
-			"type": "boolean"
-		},
 		"platform-linking-smart-card-layered-link-a11y": {
 			"type": "boolean"
 		},