@atlaskit/smart-card 26.38.1 → 26.39.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.39.0
+
+### Minor Changes
+
+- [#42180](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42180) [`80f857d75db`](https://bitbucket.org/atlassian/atlassian-frontend/commits/80f857d75db) - [ux] Add hideIcon prop to resolved, resolving, and error states for TitleBlock
+
 ## 26.38.1
 
 ### Patch Changes

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

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

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

@@ -17,7 +17,7 @@ var _constants = require("../../../../../../constants");
 var _utils = require("../../../utils");
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _token = require("../../../../../../utils/token");
-var _excluded = ["actionGroup", "retry", "position", "testId", "title"];
+var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
 var _templateObject, _templateObject2;
 /** @jsx jsx */
 var actionStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  :hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n"])), _token.tokens.errorMessageHover);
@@ -39,6 +39,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
+    hideIcon = _ref.hideIcon,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _ref2 = retry || {},
     descriptor = _ref2.descriptor,
@@ -49,7 +50,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   var hasAction = onClick !== undefined;
   return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
-  }), (0, _react2.jsx)(_elements.LinkIcon, {
+  }), !hideIcon && (0, _react2.jsx)(_elements.LinkIcon, {
     position: position
   }), title, descriptor && (0, _react2.jsx)(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal,

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

@@ -19,7 +19,7 @@ var _errored = _interopRequireDefault(require("./errored"));
 var _resolving = _interopRequireDefault(require("./resolving"));
 var _actionGroup = _interopRequireDefault(require("../action-group"));
 var _elements = require("../../elements");
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition", "hideIcon"];
 var _templateObject, _templateObject2;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -75,6 +75,8 @@ var TitleBlock = function TitleBlock(_ref) {
     theme = _ref.theme,
     hideRetry = _ref.hideRetry,
     metadataPosition = _ref.metadataPosition,
+    _ref$hideIcon = _ref.hideIcon,
+    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (hideRetry && props.retry) {
     delete props.retry;
@@ -116,7 +118,8 @@ var TitleBlock = function TitleBlock(_ref) {
     overrideCss: combinedCss,
     testId: testId,
     title: title,
-    metadataPosition: metadataPosition
+    metadataPosition: metadataPosition,
+    hideIcon: hideIcon
   }));
 };
 var _default = exports.default = TitleBlock;

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

@@ -33,8 +33,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     text = _ref.text,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
+    hideIcon = _ref.hideIcon,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var metadataElements = (0, _utils.renderElementItems)(metadata);
   var subtitleElements = (0, _utils.renderElementItems)(subtitle);

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

@@ -13,7 +13,7 @@ var _block = _interopRequireDefault(require("../../block"));
 var _constants = require("../../../../../../constants");
 var _loadingSkeleton = _interopRequireDefault(require("../../../common/loading-skeleton"));
 var _utils = require("../../../utils");
-var _excluded = ["actionGroup", "testId", "title"];
+var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
 /** @jsx jsx */
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
@@ -25,6 +25,7 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var actionGroup = _ref.actionGroup,
     testId = _ref.testId,
     title = _ref.title,
+    hideIcon = _ref.hideIcon,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _blockProps$size = blockProps.size,
     size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
@@ -32,7 +33,7 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var iconStyles = (0, _utils.getIconSizeStyles)(iconWidth);
   return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), (0, _react2.jsx)("span", {
+  }), !hideIcon && (0, _react2.jsx)("span", {
     css: iconStyles,
     "data-testid": "".concat(testId, "-icon")
   }, (0, _react2.jsx)(_loadingSkeleton.default, {

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

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

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: "26.38.1"
+  packageVersion: "26.39.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -44,6 +44,7 @@ const TitleBlockErroredView = ({
   position,
   testId,
   title,
+  hideIcon,
   ...blockProps
 }) => {
   const {
@@ -57,7 +58,7 @@ const TitleBlockErroredView = ({
   const hasAction = onClick !== undefined;
   return jsx(Block, _extends({}, blockProps, {
     testId: `${testId}-errored-view`
-  }), jsx(LinkIcon, {
+  }), !hideIcon && jsx(LinkIcon, {
     position: position
   }), title, descriptor && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

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

@@ -66,6 +66,7 @@ const TitleBlock = ({
   theme,
   hideRetry,
   metadataPosition,
+  hideIcon = false,
   ...props
 }) => {
   if (hideRetry && props.retry) {
@@ -107,7 +108,8 @@ const TitleBlock = ({
     overrideCss: combinedCss,
     testId: testId,
     title: title,
-    metadataPosition: metadataPosition
+    metadataPosition: metadataPosition,
+    hideIcon: hideIcon
   }));
 };
 export default TitleBlock;

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

@@ -21,7 +21,7 @@ const TitleBlockResolvedView = ({
   text,
   title,
   metadataPosition,
-  hideIcon = false,
+  hideIcon,
   ...blockProps
 }) => {
   const metadataElements = renderElementItems(metadata);

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

@@ -17,6 +17,7 @@ const TitleBlockResolvingView = ({
   actionGroup,
   testId,
   title,
+  hideIcon,
   ...blockProps
 }) => {
   const {
@@ -26,7 +27,7 @@ const TitleBlockResolvingView = ({
   const iconStyles = getIconSizeStyles(iconWidth);
   return jsx(Block, _extends({}, blockProps, {
     testId: `${testId}-resolving-view`
-  }), jsx("span", {
+  }), !hideIcon && jsx("span", {
     css: iconStyles,
     "data-testid": `${testId}-icon`
   }, jsx(LoadingSkeleton, {

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

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.38.1",
+  packageVersion: "26.39.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

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

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["actionGroup", "retry", "position", "testId", "title"];
+var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
 var _templateObject, _templateObject2;
 /** @jsx jsx */
 import React from 'react';
@@ -32,6 +32,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
+    hideIcon = _ref.hideIcon,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = retry || {},
     descriptor = _ref2.descriptor,
@@ -42,7 +43,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   var hasAction = onClick !== undefined;
   return jsx(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
-  }), jsx(LinkIcon, {
+  }), !hideIcon && jsx(LinkIcon, {
     position: position
   }), title, descriptor && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition", "hideIcon"];
 var _templateObject, _templateObject2;
 import React, { useCallback, useState } from 'react';
 import { css } from '@emotion/react';
@@ -65,6 +65,8 @@ var TitleBlock = function TitleBlock(_ref) {
     theme = _ref.theme,
     hideRetry = _ref.hideRetry,
     metadataPosition = _ref.metadataPosition,
+    _ref$hideIcon = _ref.hideIcon,
+    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     props = _objectWithoutProperties(_ref, _excluded);
   if (hideRetry && props.retry) {
     delete props.retry;
@@ -106,7 +108,8 @@ var TitleBlock = function TitleBlock(_ref) {
     overrideCss: combinedCss,
     testId: testId,
     title: title,
-    metadataPosition: metadataPosition
+    metadataPosition: metadataPosition,
+    hideIcon: hideIcon
   }));
 };
 export default TitleBlock;

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

@@ -27,8 +27,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     text = _ref.text,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
+    hideIcon = _ref.hideIcon,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var metadataElements = renderElementItems(metadata);
   var subtitleElements = renderElementItems(subtitle);

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "testId", "title"];
+var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -19,6 +19,7 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var actionGroup = _ref.actionGroup,
     testId = _ref.testId,
     title = _ref.title,
+    hideIcon = _ref.hideIcon,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _blockProps$size = blockProps.size,
     size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
@@ -26,7 +27,7 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var iconStyles = getIconSizeStyles(iconWidth);
   return jsx(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), jsx("span", {
+  }), !hideIcon && jsx("span", {
     css: iconStyles,
     "data-testid": "".concat(testId, "-icon")
   }, jsx(LoadingSkeleton, {

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.38.1",
+  packageVersion: "26.39.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.38.1",
+  "version": "26.39.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"