@atlaskit/smart-card 27.21.0 → 28.0.1

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @atlaskit/smart-card
 
+## 28.0.1
+
+### Patch Changes
+
+- [#138717](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/138717)
+  [`c435b6d52ac26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c435b6d52ac26) -
+  Removing aria-label for decorative images to fix a11y violations
+
+## 28.0.0
+
+### Major Changes
+
+- [#138322](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/138322)
+  [`578855218c959`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/578855218c959) - ####
+  What
+
+  Linking Platform are updating block smart cards to use flexible UI internally by default, and
+  deprecating the `enableFlexibleBlockCard` provider feature flag.
+
+  When upgrading you'll see some visual and minor content changes to the block cards where the
+  legacy block card was being used.
+
+  #### Why
+
+  A majority of adopters using block smart cards are already using flexible UI by using the
+  `enableFlexibleBlockCard` feature flag within `SmartCardProvider`. There are very few use cases
+  where using the legacy block card is still required and our goal is to completely remove the
+  legacy block card.
+
+  #### How to upgrade
+
+  Upgrade the smart-card dependency to the latest major version. If breaking changes are introduced,
+  there is a `useLegacyBlockCard` prop to allow existing usages of the standalone block card to
+  persist the legacy version. Linking Platform discourage the use of the prop, please reach out to
+  #help-linking-platform for further help if its use is required.
+
 ## 27.21.0
 
 ### Minor 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: "27.21.0"
+  packageVersion: "28.0.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/CardWithUrl/component.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardWithUrlContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _linkProvider = require("@atlaskit/link-provider");
 var _modal = require("../../state/modal");
 var _utils = require("../../utils");
 var measure = _interopRequireWildcard(require("../../utils/performance"));
@@ -77,7 +76,6 @@ function Component(_ref) {
   var isFlexibleUi = (0, _react.useMemo)(function () {
     return (0, _flexible.isFlexibleUiCard)(children);
   }, [children]);
-  var enableFlexibleBlockCardFlag = Boolean((0, _linkProvider.useFeatureFlag)('enableFlexibleBlockCard'));
   var actionOptions = (0, _combineActionOptions.combineActionOptions)(actionOptionsProp, showServerActions, showActions, platform);
   var frameStyle = (0, _utils.combineFrameStyle)(frameStyleProp, isFrameVisible);
 
@@ -257,7 +255,7 @@ function Component(_ref) {
         testId: testId,
         actionOptions: actionOptions,
         platform: platform,
-        enableFlexibleBlockCard: enableFlexibleBlockCardFlag && useLegacyBlockCard !== true
+        enableFlexibleBlockCard: useLegacyBlockCard !== true
       });
     case 'embed':
       return /*#__PURE__*/_react.default.createElement(_EmbedCard.EmbedCard, {

package/dist/cjs/view/FlexibleCard/components/elements/icon/index.js

@@ -62,11 +62,10 @@ var getCustomRenderStyles = function getCustomRenderStyles(value) {
     })
   );
 };
-var renderAtlaskitIcon = function renderAtlaskitIcon(icon, label, testId) {
+var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   if (icon) {
     return (0, _react2.jsx)(_atlaskitIcon.default, {
       icon: icon,
-      label: label,
       testId: "".concat(testId, "-icon")
     });
   }
@@ -111,7 +110,7 @@ var Icon = function Icon(_ref) {
     url = _ref.url;
   var element = (0, _react.useMemo)(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, testId) || defaultIcon;
   }, [overrideIcon, icon, label, render, testId, url]);
   var width = (0, _utils.getIconWidth)(size);
   var styles = getIconStyles(position, width);

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.21.0",
+  packageVersion: "28.0.1",
   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: "27.21.0"
+  packageVersion: "28.0.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/CardWithUrl/component.js

@@ -1,6 +1,5 @@
 import React, { useEffect, useCallback, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { combineFrameStyle, isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
@@ -68,7 +67,6 @@ function Component({
   const services = getServices(state.details);
   const canBeDatasource = getCanBeDatasource(state.details);
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
-  const enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
   const actionOptions = combineActionOptions(actionOptionsProp, showServerActions, showActions, platform);
   const frameStyle = combineFrameStyle(frameStyleProp, isFrameVisible);
 
@@ -244,7 +242,7 @@ function Component({
         testId: testId,
         actionOptions: actionOptions,
         platform: platform,
-        enableFlexibleBlockCard: enableFlexibleBlockCardFlag && useLegacyBlockCard !== true
+        enableFlexibleBlockCard: useLegacyBlockCard !== true
       });
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {

package/dist/es2019/view/FlexibleCard/components/elements/icon/index.js

@@ -44,11 +44,10 @@ css(getTruncateStyles(1, value), {
     verticalAlign: 'baseline'
   }
 });
-const renderAtlaskitIcon = (icon, label, testId) => {
+const renderAtlaskitIcon = (icon, testId) => {
   if (icon) {
     return jsx(AtlaskitIcon, {
       icon: icon,
-      label: label,
       testId: `${testId}-icon`
     });
   }
@@ -88,7 +87,7 @@ const Icon = ({
 }) => {
   const element = useMemo(() => {
     const defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, testId) || defaultIcon;
   }, [overrideIcon, icon, label, render, testId, url]);
   const width = getIconWidth(size);
   const styles = getIconStyles(position, width);

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.21.0",
+  packageVersion: "28.0.1",
   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: "27.21.0"
+  packageVersion: "28.0.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/CardWithUrl/component.js

@@ -1,6 +1,5 @@
 import React, { useEffect, useCallback, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { combineFrameStyle, isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
@@ -67,7 +66,6 @@ function Component(_ref) {
   var isFlexibleUi = useMemo(function () {
     return isFlexibleUiCard(children);
   }, [children]);
-  var enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
   var actionOptions = combineActionOptions(actionOptionsProp, showServerActions, showActions, platform);
   var frameStyle = combineFrameStyle(frameStyleProp, isFrameVisible);
 
@@ -247,7 +245,7 @@ function Component(_ref) {
         testId: testId,
         actionOptions: actionOptions,
         platform: platform,
-        enableFlexibleBlockCard: enableFlexibleBlockCardFlag && useLegacyBlockCard !== true
+        enableFlexibleBlockCard: useLegacyBlockCard !== true
       });
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {

package/dist/esm/view/FlexibleCard/components/elements/icon/index.js

@@ -50,11 +50,10 @@ var getCustomRenderStyles = function getCustomRenderStyles(value) {
     })
   );
 };
-var renderAtlaskitIcon = function renderAtlaskitIcon(icon, label, testId) {
+var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   if (icon) {
     return jsx(AtlaskitIcon, {
       icon: icon,
-      label: label,
       testId: "".concat(testId, "-icon")
     });
   }
@@ -99,7 +98,7 @@ var Icon = function Icon(_ref) {
     url = _ref.url;
   var element = useMemo(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, testId) || defaultIcon;
   }, [overrideIcon, icon, label, render, testId, url]);
   var width = getIconWidth(size);
   var styles = getIconStyles(position, width);

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.21.0",
+  packageVersion: "28.0.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "27.21.0",
+	"version": "28.0.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -51,7 +51,7 @@
 		"@atlaskit/modal-dialog": "^12.15.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/popup": "^1.24.0",
+		"@atlaskit/popup": "^1.25.0",
 		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/select": "^17.15.0",