@atlaskit/smart-card 36.8.2 → 36.9.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 36.9.0
+
+### Minor Changes
+
+- [#141991](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/141991)
+  [`bcca20c11f791`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bcca20c11f791) -
+  [ux] Adds functionality to show a count of applied components to a Compass Scorecard Smartlink.
+
+### Patch Changes
+
+- [#144847](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144847)
+  [`00cb7d91843fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00cb7d91843fd) -
+  Internal change to move towards Compiled CSS-in-JS styling.
+- Updated dependencies
+
 ## 36.8.2
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -105,6 +105,7 @@ var SmartLinkWidth = exports.SmartLinkWidth = /*#__PURE__*/function (SmartLinkWi
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 var ElementName = exports.ElementName = /*#__PURE__*/function (ElementName) {
+  ElementName["AppliedToComponentsCount"] = "AppliedToComponentsCount";
   ElementName["AssignedTo"] = "AssignedTo";
   ElementName["AssignedToGroup"] = "AssignedToGroup";
   ElementName["AttachmentCount"] = "AttachmentCount";
@@ -217,6 +218,7 @@ var IconType = exports.IconType = /*#__PURE__*/function (IconType) {
   IconType["Attachment"] = "Badge:Attachment";
   IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";
+  IconType["Component"] = "Badge:Component";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";
   IconType["Vote"] = "Badge:Vote";

package/dist/cjs/extractors/flexible/index.js

@@ -46,6 +46,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
       response: response,
       url: props.url // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
     }),
+    appliedToComponentsCount: (0, _utils.extractAppliedToComponentsCount)(data),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
     authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),

package/dist/cjs/extractors/flexible/utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSubTasksProgress = exports.extractStoryPoints = exports.extractSourceBranch = exports.extractSentOn = exports.extractReadTime = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractPersonAssignedToAsArray = exports.extractOwnedBy = exports.extractModifiedBy = exports.extractLocation = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractChecklistProgress = exports.extractAttachmentCount = exports.extractAssignedTo = void 0;
+exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSubTasksProgress = exports.extractStoryPoints = exports.extractSourceBranch = exports.extractSentOn = exports.extractReadTime = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractPersonAssignedToAsArray = exports.extractOwnedBy = exports.extractModifiedBy = exports.extractLocation = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractChecklistProgress = exports.extractAttachmentCount = exports.extractAssignedTo = exports.extractAppliedToComponentsCount = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var extractLinkName = function extractLinkName(link) {
@@ -18,6 +18,9 @@ var extractValue = function extractValue(data, key) {
 var extractCommentCount = exports.extractCommentCount = function extractCommentCount(data) {
   return extractValue(data, 'schema:commentCount');
 };
+var extractAppliedToComponentsCount = exports.extractAppliedToComponentsCount = function extractAppliedToComponentsCount(data) {
+  return extractValue(data, 'atlassian:appliedToComponentsCount');
+};
 var extractDueOn = exports.extractDueOn = function extractDueOn(data) {
   return extractValue(data, 'endTime');
 };

package/dist/cjs/messages.js

@@ -136,6 +136,10 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Check this link',
     description: 'Link safety warning modal header'
   },
+  compass_applied_components_count: {
+    id: 'compass.applied_components_count.non-final',
+    defaultMessage: 'Applied to {numberOfComponents, plural, one {{numberOfComponents, number} component}  other {{numberOfComponents, number} components}}'
+  },
   connect_to: {
     id: 'fabric.linking.connect_to',
     defaultMessage: 'Connect to {name}',

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: "36.8.2"
+  packageVersion: "36.9.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/index.js

@@ -748,6 +748,12 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task'));
       });
     }
+  }), _constants.IconType.Component, {
+    default: function _default() {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/migration/component'));
+      });
+    }
   }), _constants.IconType.Comment, {
     default: function _default() {
       return Promise.resolve().then(function () {
@@ -772,13 +778,13 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/arrow-up'));
       });
     }
-  }), _constants.IconType.PriorityBlocker, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityBlocker, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityCritical, {
+  }), _constants.IconType.PriorityCritical, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical'));
@@ -832,13 +838,13 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'@atlaskit/icon-priority/glyph/priority-trivial'));
       });
     }
-  }), _constants.IconType.PriorityUndefined, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityUndefined, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.ProgrammingLanguage, {
+  }), _constants.IconType.ProgrammingLanguage, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code'));

package/dist/cjs/view/BlockCard/views/utils/index.js

@@ -71,7 +71,9 @@ var getSimulatedBetterMetadata = exports.getSimulatedBetterMetadata = function g
           }, {
             name: _constants.ElementName.OwnedBy
           }].concat(baseTopMetadata) : defaultTopMetadata,
-          bottomMetadata: defaultBottomMetadata
+          bottomMetadata: [{
+            name: _constants.ElementName.AppliedToComponentsCount
+          }].concat(baseBottomMetaData)
         };
       } else {
         return {

package/dist/cjs/view/FlexibleCard/components/blocks/utils.js

@@ -22,7 +22,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Determine whether the element can be display as inline/block.
 
-var ElementDisplaySchema = exports.ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AssignedTo, ['inline']), _constants.ElementName.AssignedToGroup, ['inline']), _constants.ElementName.AttachmentCount, ['inline']), _constants.ElementName.AuthorGroup, ['inline']), _constants.ElementName.ChecklistProgress, ['inline']), _constants.ElementName.CollaboratorGroup, ['inline']), _constants.ElementName.CommentCount, ['inline']), _constants.ElementName.CreatedBy, ['inline']), _constants.ElementName.CreatedOn, ['inline']), _constants.ElementName.DueOn, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LatestCommit, ['inline']), _constants.ElementName.LinkIcon, ['inline']), _constants.ElementName.Location, ['inline']), _constants.ElementName.ModifiedBy, ['inline']), _constants.ElementName.ModifiedOn, ['inline']), _constants.ElementName.OwnedBy, ['inline']), _constants.ElementName.OwnedByGroup, ['inline']), _constants.ElementName.Preview, ['block']), _constants.ElementName.Priority, ['inline']), _constants.ElementName.ProgrammingLanguage, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Provider, ['inline']), _constants.ElementName.ReactCount, ['inline']), _constants.ElementName.ReadTime, ['inline']), _constants.ElementName.Snippet, ['block']), _constants.ElementName.SourceBranch, ['inline']), _constants.ElementName.SentOn, ['inline']), _constants.ElementName.State, ['inline']), _constants.ElementName.SubscriberCount, ['inline']), _constants.ElementName.SubTasksProgress, ['inline']), _constants.ElementName.StoryPoints, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.TargetBranch, ['inline']), _constants.ElementName.Title, ['inline']), _constants.ElementName.ViewCount, ['inline']), _constants.ElementName.VoteCount, ['inline']));
+var ElementDisplaySchema = exports.ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AssignedTo, ['inline']), _constants.ElementName.AssignedToGroup, ['inline']), _constants.ElementName.AttachmentCount, ['inline']), _constants.ElementName.AuthorGroup, ['inline']), _constants.ElementName.AppliedToComponentsCount, ['inline']), _constants.ElementName.ChecklistProgress, ['inline']), _constants.ElementName.CollaboratorGroup, ['inline']), _constants.ElementName.CommentCount, ['inline']), _constants.ElementName.CreatedBy, ['inline']), _constants.ElementName.CreatedOn, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.DueOn, ['inline']), _constants.ElementName.LatestCommit, ['inline']), _constants.ElementName.LinkIcon, ['inline']), _constants.ElementName.Location, ['inline']), _constants.ElementName.ModifiedBy, ['inline']), _constants.ElementName.ModifiedOn, ['inline']), _constants.ElementName.OwnedBy, ['inline']), _constants.ElementName.OwnedByGroup, ['inline']), _constants.ElementName.Preview, ['block']), _constants.ElementName.Priority, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ProgrammingLanguage, ['inline']), _constants.ElementName.Provider, ['inline']), _constants.ElementName.ReactCount, ['inline']), _constants.ElementName.ReadTime, ['inline']), _constants.ElementName.Snippet, ['block']), _constants.ElementName.SourceBranch, ['inline']), _constants.ElementName.SentOn, ['inline']), _constants.ElementName.State, ['inline']), _constants.ElementName.SubscriberCount, ['inline']), _constants.ElementName.SubTasksProgress, ['inline']), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.StoryPoints, ['inline']), _constants.ElementName.TargetBranch, ['inline']), _constants.ElementName.Title, ['inline']), _constants.ElementName.ViewCount, ['inline']), _constants.ElementName.VoteCount, ['inline']));
 
 /**
  * Get gap size between elements inside a block

package/dist/cjs/view/FlexibleCard/components/elements/applied-to-components-count/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _constants = require("../../../../../constants");
+var _messages = require("../../../../../messages");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _badge = _interopRequireDefault(require("../badge"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var AppliedToComponentsCount = function AppliedToComponentsCount(props) {
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+  if (
+  // Check for null and undefined, render if it's 0.
+  (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === null || (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === undefined) {
+    return null;
+  }
+  var label = formatMessage(_messages.messages.compass_applied_components_count, {
+    numberOfComponents: context.appliedToComponentsCount
+  });
+  return /*#__PURE__*/_react.default.createElement(_badge.default, (0, _extends2.default)({
+    icon: _constants.IconType.Component,
+    label: label
+  }, props));
+};
+var _default = exports.default = AppliedToComponentsCount;

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

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AppliedToComponentsCount", {
+  enumerable: true,
+  get: function get() {
+    return _appliedToComponentsCount.default;
+  }
+});
 exports.OwnedByGroup = exports.OwnedBy = exports.ModifiedOn = exports.ModifiedBy = exports.Location = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.ChecklistProgress = exports.AuthorGroup = exports.AttachmentCount = exports.AssignedToGroup = exports.AssignedTo = void 0;
 Object.defineProperty(exports, "Preview", {
   enumerable: true,
@@ -23,6 +29,7 @@ var _constants = require("../../../../constants");
 var _utils = require("./utils");
 var _preview = _interopRequireDefault(require("./preview"));
 var _snippetElement = _interopRequireDefault(require("./snippet-element"));
+var _appliedToComponentsCount = _interopRequireDefault(require("./applied-to-components-count"));
 // Attention: Keep the export name and element name the same.
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems

package/dist/cjs/view/FlexibleCard/components/elements/utils.js

@@ -14,6 +14,7 @@ var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../../../constants");
 var _messages = require("../../../../messages");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
+var _appliedToComponentsCount = _interopRequireDefault(require("./applied-to-components-count"));
 var _atlaskitBadge = _interopRequireDefault(require("./atlaskit-badge"));
 var _avatarGroup = _interopRequireDefault(require("./avatar-group"));
 var _badge = _interopRequireDefault(require("./badge"));
@@ -26,7 +27,12 @@ var _text = _interopRequireDefault(require("./text"));
 var _elementMappings;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AttachmentCount, {
+var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AppliedToComponentsCount, {
+  component: _appliedToComponentsCount.default,
+  props: {
+    icon: _constants.IconType.Component
+  }
+}), _constants.ElementName.AttachmentCount, {
   component: _badge.default,
   props: {
     icon: _constants.IconType.Attachment
@@ -62,9 +68,9 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0,
   }
 }), _constants.ElementName.CreatedBy, {
   component: _text.default
-}), _constants.ElementName.OwnedBy, {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.OwnedBy, {
   component: _text.default
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AssignedTo, {
+}), _constants.ElementName.AssignedTo, {
   component: _text.default
 }), _constants.ElementName.AssignedToGroup, {
   component: _avatarGroup.default
@@ -85,9 +91,9 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0,
   component: _text.default
 }), _constants.ElementName.ModifiedOn, {
   component: _dateTime.default
-}), _constants.ElementName.Preview, {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Preview, {
   component: _media.default
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Priority, {
+}), _constants.ElementName.Priority, {
   component: _badge.default
 }), _constants.ElementName.ProgrammingLanguage, {
   component: _badge.default,
@@ -114,9 +120,9 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0,
   props: {
     icon: _constants.IconType.SubTasksProgress
   }
-}), _constants.ElementName.StoryPoints, {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.StoryPoints, {
   component: _atlaskitBadge.default
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.TargetBranch, {
+}), _constants.ElementName.TargetBranch, {
   component: _text.default
 }), _constants.ElementName.Title, {
   component: _link.default
@@ -144,6 +150,7 @@ var getData = function getData(elementName, contextKey, context) {
       var AvatarGroupsWithFallback = [_constants.ElementName.AssignedToGroup];
       var showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
       return toAvatarGroupProps(data, showFallbackAvatar);
+    case _constants.ElementName.AppliedToComponentsCount:
     case _constants.ElementName.AttachmentCount:
     case _constants.ElementName.ChecklistProgress:
     case _constants.ElementName.CommentCount:

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

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

package/dist/cjs/view/common/UnauthorisedViewContent.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _messages = require("../../messages");
@@ -35,7 +35,7 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     values: {
       context: providerName
     }
-  })) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_unauthorised_account_description_no_provider), ' ', (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_primitives.Anchor, {
+  })) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_unauthorised_account_description_no_provider), ' ', (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
     href: isProductIntegrationSupported ? _constants.CONTENT_URL_3P_ACCOUNT_AUTH : _constants.CONTENT_URL_SECURITY_AND_PERMISSIONS,
     target: "_blank",
     testId: "".concat(testId, "-learn-more"),

package/dist/es2019/constants.js

@@ -106,6 +106,7 @@ export let SmartLinkWidth = /*#__PURE__*/function (SmartLinkWidth) {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export let ElementName = /*#__PURE__*/function (ElementName) {
+  ElementName["AppliedToComponentsCount"] = "AppliedToComponentsCount";
   ElementName["AssignedTo"] = "AssignedTo";
   ElementName["AssignedToGroup"] = "AssignedToGroup";
   ElementName["AttachmentCount"] = "AttachmentCount";
@@ -220,6 +221,7 @@ export let IconType = /*#__PURE__*/function (IconType) {
   IconType["Attachment"] = "Badge:Attachment";
   IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";
+  IconType["Component"] = "Badge:Component";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";
   IconType["Vote"] = "Badge:Vote";

package/dist/es2019/extractors/flexible/index.js

@@ -8,7 +8,7 @@ import extractState from './extract-state';
 import { extractLinkIcon } from './icon';
 import extractProviderIcon from './icon/extract-provider-icon';
 import { extractLatestCommit } from './latest-commit';
-import { extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
+import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
 const extractFlexibleUiContext = ({
   appearance,
   fireEvent,
@@ -37,6 +37,7 @@ const extractFlexibleUiContext = ({
       response,
       url: props.url // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
     }),
+    appliedToComponentsCount: extractAppliedToComponentsCount(data),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),

package/dist/es2019/extractors/flexible/utils.js

@@ -8,6 +8,7 @@ const extractValue = (data, key) => {
   return data === null || data === void 0 ? void 0 : data[key];
 };
 export const extractCommentCount = data => extractValue(data, 'schema:commentCount');
+export const extractAppliedToComponentsCount = data => extractValue(data, 'atlassian:appliedToComponentsCount');
 export const extractDueOn = data => extractValue(data, 'endTime');
 export const extractViewCount = data => extractValue(data, 'atlassian:viewCount');
 export const extractReactCount = data => extractValue(data, 'atlassian:reactCount');

package/dist/es2019/messages.js

@@ -130,6 +130,10 @@ export const messages = defineMessages({
     defaultMessage: 'Check this link',
     description: 'Link safety warning modal header'
   },
+  compass_applied_components_count: {
+    id: 'compass.applied_components_count.non-final',
+    defaultMessage: 'Applied to {numberOfComponents, plural, one {{numberOfComponents, number} component}  other {{numberOfComponents, number} components}}'
+  },
   connect_to: {
     id: 'fabric.linking.connect_to',
     defaultMessage: 'Connect to {name}',

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

package/dist/es2019/utils/index.js

@@ -283,6 +283,9 @@ export const getLazyIcons = () => {
     [IconType.CheckItem]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task')
     },
+    [IconType.Component]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/migration/component')
+    },
     [IconType.Comment]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/comment')
     },

package/dist/es2019/view/BlockCard/views/utils/index.js

@@ -65,7 +65,9 @@ export const getSimulatedBetterMetadata = cardDetails => {
           }, {
             name: ElementName.OwnedBy
           }, ...baseTopMetadata] : defaultTopMetadata,
-          bottomMetadata: defaultBottomMetadata
+          bottomMetadata: [{
+            name: ElementName.AppliedToComponentsCount
+          }, ...baseBottomMetaData]
         };
       } else {
         return {

package/dist/es2019/view/FlexibleCard/components/blocks/utils.js

@@ -13,6 +13,7 @@ export const ElementDisplaySchema = {
   [ElementName.AssignedToGroup]: ['inline'],
   [ElementName.AttachmentCount]: ['inline'],
   [ElementName.AuthorGroup]: ['inline'],
+  [ElementName.AppliedToComponentsCount]: ['inline'],
   [ElementName.ChecklistProgress]: ['inline'],
   [ElementName.CollaboratorGroup]: ['inline'],
   [ElementName.CommentCount]: ['inline'],

package/dist/es2019/view/FlexibleCard/components/elements/applied-to-components-count/index.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useContext } from 'react';
+import { useIntl } from 'react-intl-next';
+import { IconType } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import Badge from '../badge';
+const AppliedToComponentsCount = props => {
+  const {
+    formatMessage
+  } = useIntl();
+  const context = useContext(FlexibleUiContext);
+  if (
+  // Check for null and undefined, render if it's 0.
+  (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === null || (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === undefined) {
+    return null;
+  }
+  const label = formatMessage(messages.compass_applied_components_count, {
+    numberOfComponents: context.appliedToComponentsCount
+  });
+  return /*#__PURE__*/React.createElement(Badge, _extends({
+    icon: IconType.Component,
+    label: label
+  }, props));
+};
+export default AppliedToComponentsCount;

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

@@ -173,4 +173,5 @@ export const ViewCount = createElement(ElementName.ViewCount);
  * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
  * @see Badge
  */
-export const VoteCount = createElement(ElementName.VoteCount);
+export const VoteCount = createElement(ElementName.VoteCount);
+export { default as AppliedToComponentsCount } from './applied-to-components-count';

package/dist/es2019/view/FlexibleCard/components/elements/utils.js

@@ -4,6 +4,7 @@ import { FormattedDate } from 'react-intl-next';
 import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../constants';
 import { messages } from '../../../../messages';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
+import AppliedToComponentsCount from './applied-to-components-count';
 import AtlaskitBadge from './atlaskit-badge';
 import AvatarGroup from './avatar-group';
 import Badge from './badge';
@@ -14,6 +15,12 @@ import Lozenge from './lozenge';
 import Media from './media';
 import Text from './text';
 const elementMappings = {
+  [ElementName.AppliedToComponentsCount]: {
+    component: AppliedToComponentsCount,
+    props: {
+      icon: IconType.Component
+    }
+  },
   [ElementName.AttachmentCount]: {
     component: Badge,
     props: {
@@ -165,6 +172,7 @@ const getData = (elementName, contextKey, context) => {
       const AvatarGroupsWithFallback = [ElementName.AssignedToGroup];
       const showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
       return toAvatarGroupProps(data, showFallbackAvatar);
+    case ElementName.AppliedToComponentsCount:
     case ElementName.AttachmentCount:
     case ElementName.ChecklistProgress:
     case ElementName.CommentCount:

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

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

package/dist/es2019/view/common/UnauthorisedViewContent.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Anchor } from '@atlaskit/primitives';
+import { Anchor } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';

package/dist/esm/constants.js

@@ -106,6 +106,7 @@ export var SmartLinkWidth = /*#__PURE__*/function (SmartLinkWidth) {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export var ElementName = /*#__PURE__*/function (ElementName) {
+  ElementName["AppliedToComponentsCount"] = "AppliedToComponentsCount";
   ElementName["AssignedTo"] = "AssignedTo";
   ElementName["AssignedToGroup"] = "AssignedToGroup";
   ElementName["AttachmentCount"] = "AttachmentCount";
@@ -220,6 +221,7 @@ export var IconType = /*#__PURE__*/function (IconType) {
   IconType["Attachment"] = "Badge:Attachment";
   IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";
+  IconType["Component"] = "Badge:Component";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";
   IconType["Vote"] = "Badge:Vote";

package/dist/esm/extractors/flexible/index.js

@@ -10,7 +10,7 @@ import extractState from './extract-state';
 import { extractLinkIcon } from './icon';
 import extractProviderIcon from './icon/extract-provider-icon';
 import { extractLatestCommit } from './latest-commit';
-import { extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
+import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var appearance = _ref.appearance,
@@ -39,6 +39,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
       response: response,
       url: props.url // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
     }),
+    appliedToComponentsCount: extractAppliedToComponentsCount(data),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),

package/dist/esm/extractors/flexible/utils.js

@@ -11,6 +11,9 @@ var extractValue = function extractValue(data, key) {
 export var extractCommentCount = function extractCommentCount(data) {
   return extractValue(data, 'schema:commentCount');
 };
+export var extractAppliedToComponentsCount = function extractAppliedToComponentsCount(data) {
+  return extractValue(data, 'atlassian:appliedToComponentsCount');
+};
 export var extractDueOn = function extractDueOn(data) {
   return extractValue(data, 'endTime');
 };

package/dist/esm/messages.js

@@ -130,6 +130,10 @@ export var messages = defineMessages({
     defaultMessage: 'Check this link',
     description: 'Link safety warning modal header'
   },
+  compass_applied_components_count: {
+    id: 'compass.applied_components_count.non-final',
+    defaultMessage: 'Applied to {numberOfComponents, plural, one {{numberOfComponents, number} component}  other {{numberOfComponents, number} components}}'
+  },
   connect_to: {
     id: 'fabric.linking.connect_to',
     defaultMessage: 'Connect to {name}',

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

package/dist/esm/utils/index.js

@@ -496,6 +496,10 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task');
     }
+  }), IconType.Component, {
+    default: function _default() {
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/migration/component');
+    }
   }), IconType.Comment, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/comment');
@@ -512,11 +516,11 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/arrow-up');
     }
-  }), IconType.PriorityBlocker, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityBlocker, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityCritical, {
+  }), IconType.PriorityCritical, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical');
     }
@@ -552,11 +556,11 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'@atlaskit/icon-priority/glyph/priority-trivial');
     }
-  }), IconType.PriorityUndefined, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityUndefined, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_ref3, IconType.ProgrammingLanguage, {
+  }), IconType.ProgrammingLanguage, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code');
     }

package/dist/esm/view/BlockCard/views/utils/index.js

@@ -65,7 +65,9 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
           }, {
             name: ElementName.OwnedBy
           }].concat(baseTopMetadata) : defaultTopMetadata,
-          bottomMetadata: defaultBottomMetadata
+          bottomMetadata: [{
+            name: ElementName.AppliedToComponentsCount
+          }].concat(baseBottomMetaData)
         };
       } else {
         return {

package/dist/esm/view/FlexibleCard/components/blocks/utils.js

@@ -13,7 +13,7 @@ import ElementGroup from './element-group';
 
 // Determine whether the element can be display as inline/block.
 
-export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.AssignedTo, ['inline']), ElementName.AssignedToGroup, ['inline']), ElementName.AttachmentCount, ['inline']), ElementName.AuthorGroup, ['inline']), ElementName.ChecklistProgress, ['inline']), ElementName.CollaboratorGroup, ['inline']), ElementName.CommentCount, ['inline']), ElementName.CreatedBy, ['inline']), ElementName.CreatedOn, ['inline']), ElementName.DueOn, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), ElementName.LinkIcon, ['inline']), ElementName.Location, ['inline']), ElementName.ModifiedBy, ['inline']), ElementName.ModifiedOn, ['inline']), ElementName.OwnedBy, ['inline']), ElementName.OwnedByGroup, ['inline']), ElementName.Preview, ['block']), ElementName.Priority, ['inline']), ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), ElementName.ReactCount, ['inline']), ElementName.ReadTime, ['inline']), ElementName.Snippet, ['block']), ElementName.SourceBranch, ['inline']), ElementName.SentOn, ['inline']), ElementName.State, ['inline']), ElementName.SubscriberCount, ['inline']), ElementName.SubTasksProgress, ['inline']), ElementName.StoryPoints, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), ElementName.Title, ['inline']), ElementName.ViewCount, ['inline']), ElementName.VoteCount, ['inline']));
+export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.AssignedTo, ['inline']), ElementName.AssignedToGroup, ['inline']), ElementName.AttachmentCount, ['inline']), ElementName.AuthorGroup, ['inline']), ElementName.AppliedToComponentsCount, ['inline']), ElementName.ChecklistProgress, ['inline']), ElementName.CollaboratorGroup, ['inline']), ElementName.CommentCount, ['inline']), ElementName.CreatedBy, ['inline']), ElementName.CreatedOn, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), ElementName.LatestCommit, ['inline']), ElementName.LinkIcon, ['inline']), ElementName.Location, ['inline']), ElementName.ModifiedBy, ['inline']), ElementName.ModifiedOn, ['inline']), ElementName.OwnedBy, ['inline']), ElementName.OwnedByGroup, ['inline']), ElementName.Preview, ['block']), ElementName.Priority, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), ElementName.Provider, ['inline']), ElementName.ReactCount, ['inline']), ElementName.ReadTime, ['inline']), ElementName.Snippet, ['block']), ElementName.SourceBranch, ['inline']), ElementName.SentOn, ['inline']), ElementName.State, ['inline']), ElementName.SubscriberCount, ['inline']), ElementName.SubTasksProgress, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.StoryPoints, ['inline']), ElementName.TargetBranch, ['inline']), ElementName.Title, ['inline']), ElementName.ViewCount, ['inline']), ElementName.VoteCount, ['inline']));
 
 /**
  * Get gap size between elements inside a block

package/dist/esm/view/FlexibleCard/components/elements/applied-to-components-count/index.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useContext } from 'react';
+import { useIntl } from 'react-intl-next';
+import { IconType } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import Badge from '../badge';
+var AppliedToComponentsCount = function AppliedToComponentsCount(props) {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var context = useContext(FlexibleUiContext);
+  if (
+  // Check for null and undefined, render if it's 0.
+  (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === null || (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === undefined) {
+    return null;
+  }
+  var label = formatMessage(messages.compass_applied_components_count, {
+    numberOfComponents: context.appliedToComponentsCount
+  });
+  return /*#__PURE__*/React.createElement(Badge, _extends({
+    icon: IconType.Component,
+    label: label
+  }, props));
+};
+export default AppliedToComponentsCount;

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

@@ -173,4 +173,5 @@ export var ViewCount = createElement(ElementName.ViewCount);
  * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
  * @see Badge
  */
-export var VoteCount = createElement(ElementName.VoteCount);
+export var VoteCount = createElement(ElementName.VoteCount);
+export { default as AppliedToComponentsCount } from './applied-to-components-count';

package/dist/esm/view/FlexibleCard/components/elements/utils.js

@@ -7,6 +7,7 @@ import { FormattedDate } from 'react-intl-next';
 import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../constants';
 import { messages } from '../../../../messages';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
+import AppliedToComponentsCount from './applied-to-components-count';
 import AtlaskitBadge from './atlaskit-badge';
 import AvatarGroup from './avatar-group';
 import Badge from './badge';
@@ -16,7 +17,12 @@ import Link from './link';
 import Lozenge from './lozenge';
 import Media from './media';
 import Text from './text';
-var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.AttachmentCount, {
+var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.AppliedToComponentsCount, {
+  component: AppliedToComponentsCount,
+  props: {
+    icon: IconType.Component
+  }
+}), ElementName.AttachmentCount, {
   component: Badge,
   props: {
     icon: IconType.Attachment
@@ -52,9 +58,9 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_d
   }
 }), ElementName.CreatedBy, {
   component: Text
-}), ElementName.OwnedBy, {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.OwnedBy, {
   component: Text
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.AssignedTo, {
+}), ElementName.AssignedTo, {
   component: Text
 }), ElementName.AssignedToGroup, {
   component: AvatarGroup
@@ -75,9 +81,9 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_d
   component: Text
 }), ElementName.ModifiedOn, {
   component: DateTime
-}), ElementName.Preview, {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.Preview, {
   component: Media
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.Priority, {
+}), ElementName.Priority, {
   component: Badge
 }), ElementName.ProgrammingLanguage, {
   component: Badge,
@@ -104,9 +110,9 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_d
   props: {
     icon: IconType.SubTasksProgress
   }
-}), ElementName.StoryPoints, {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.StoryPoints, {
   component: AtlaskitBadge
-}), _defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.TargetBranch, {
+}), ElementName.TargetBranch, {
   component: Text
 }), ElementName.Title, {
   component: Link
@@ -134,6 +140,7 @@ var getData = function getData(elementName, contextKey, context) {
       var AvatarGroupsWithFallback = [ElementName.AssignedToGroup];
       var showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
       return toAvatarGroupProps(data, showFallbackAvatar);
+    case ElementName.AppliedToComponentsCount:
     case ElementName.AttachmentCount:
     case ElementName.ChecklistProgress:
     case ElementName.CommentCount:

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

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

package/dist/esm/view/common/UnauthorisedViewContent.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Anchor } from '@atlaskit/primitives';
+import { Anchor } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';

package/dist/types/__fixtures__/compass-scorecard.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    meta: {
+        access: string;
+        visibility: string;
+        product: string;
+        resourceType: string;
+        key: string;
+    };
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        '@type': string[];
+        url: string;
+        name: string;
+        icon: {
+            '@type': string;
+            url: string;
+        };
+        preview: {
+            '@type': string;
+            href: string;
+            'atlassian:supportedPlatforms': string[];
+        };
+        generator: {
+            '@type': string;
+            name: string;
+            icon: {
+                '@type': string;
+                url: string;
+            };
+        };
+        'atlassian:ownedBy': {
+            '@type': string;
+            name: string;
+            icon: string;
+        };
+        'atlassian:appliedToComponentsCount': number;
+        summary: string;
+    };
+};
+export default _default;

package/dist/types/constants.d.ts

@@ -88,6 +88,7 @@ export declare enum SmartLinkWidth {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export declare enum ElementName {
+    AppliedToComponentsCount = "AppliedToComponentsCount",
     AssignedTo = "AssignedTo",
     AssignedToGroup = "AssignedToGroup",
     AttachmentCount = "AttachmentCount",
@@ -192,6 +193,7 @@ export declare enum IconType {
     Attachment = "Badge:Attachment",
     CheckItem = "Badge:Task",
     Comment = "Badge:Comment",
+    Component = "Badge:Component",
     View = "Badge:View",
     React = "Badge:React",
     Vote = "Badge:Vote",

package/dist/types/extractors/flexible/utils.d.ts

@@ -3,6 +3,7 @@ import { type LinkPerson } from '@atlaskit/link-extractors';
 import { type LinkLocation } from '../../state/flexible-ui-context/types';
 export type LinkCommentType = JsonLd.Data.Document | JsonLd.Data.Page | JsonLd.Data.Project | JsonLd.Data.SourceCodeCommit | JsonLd.Data.TaskType;
 export declare const extractCommentCount: (data: JsonLd.Data.BaseData) => number | undefined;
+export declare const extractAppliedToComponentsCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractDueOn: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractViewCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractReactCount: (data: JsonLd.Data.BaseData) => number | undefined;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'more_information_about_this_work_item' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_header' | 'related_links_modal_error_title' | 'related_links_modal_error_message' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_header' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_message' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_modal_title_v2' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_found_in_v2' | 'related_links_includes_links_to' | 'related_links_includes_links_to_v2' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'status_change_permission_errorIssueTermRefresh';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'more_information_about_this_work_item' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_header' | 'related_links_modal_error_title' | 'related_links_modal_error_message' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_header' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_message' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_modal_title_v2' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_found_in_v2' | 'related_links_includes_links_to' | 'related_links_includes_links_to_v2' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'status_change_permission_errorIssueTermRefresh';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -23,6 +23,12 @@ export type FlexibleUiDataContext = {
      * @see AttachmentCount
      */
     attachmentCount?: number;
+    /**
+     * Contains the number of applied components on the linked resource.
+     * @type number
+     * @see AppliedToComponentsCount
+     */
+    appliedToComponentsCount?: number;
     /**
      * An array containing data used to populate the AuthorGroup element.
      * @see AvatarGroup

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -185,7 +185,7 @@ export type OnActionMenuOpenChangeOptions = {
 /**
  * A type that contains all the possible combinations of elements with their corresponding props.
  */
-export type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location | ModifiedBy | ModifiedOn | OwnedBy | OwnedByGroup | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | ReadTime | SentOn | Snippet | SourceBranch | State | SubscriberCount | SubTasksProgress | StoryPoints | TargetBranch | Title | ViewCount | VoteCount;
+export type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount | AuthorGroup | AppliedToComponentsCount | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location | ModifiedBy | ModifiedOn | OwnedBy | OwnedByGroup | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | ReadTime | SentOn | Snippet | SourceBranch | State | SubscriberCount | SubTasksProgress | StoryPoints | TargetBranch | Title | ViewCount | VoteCount;
 /**
  * Represents the props available for an AttachmentCount element.
  * @see AttachmentCount
@@ -193,6 +193,13 @@ export type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount |
 export type AttachmentCount = {
     name: ElementName.AttachmentCount;
 };
+/**
+ * Represents the props available for an AppliedToComponentsCount element.
+ * @see AppliedToComponentsCount
+ */
+export type AppliedToComponentsCount = {
+    name: ElementName.AppliedToComponentsCount;
+};
 /**
  * Represents the props available for an AuthorGroup element.
  * @see AuthorGroup

package/dist/types/view/FlexibleCard/components/elements/applied-to-components-count/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BadgeProps } from '../badge/types';
+declare const AppliedToComponentsCount: (props: BadgeProps) => React.JSX.Element | null;
+export default AppliedToComponentsCount;

package/dist/types/view/FlexibleCard/components/elements/index.d.ts

@@ -177,3 +177,4 @@ export declare const ViewCount: import("react").ComponentType<BadgeProps>;
  * @see Badge
  */
 export declare const VoteCount: import("react").ComponentType<BadgeProps>;
+export { default as AppliedToComponentsCount } from './applied-to-components-count';

package/dist/types-ts4.5/__fixtures__/compass-scorecard.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    meta: {
+        access: string;
+        visibility: string;
+        product: string;
+        resourceType: string;
+        key: string;
+    };
+    data: {
+        '@context': {
+            '@vocab': string;
+            atlassian: string;
+            schema: string;
+        };
+        '@type': string[];
+        url: string;
+        name: string;
+        icon: {
+            '@type': string;
+            url: string;
+        };
+        preview: {
+            '@type': string;
+            href: string;
+            'atlassian:supportedPlatforms': string[];
+        };
+        generator: {
+            '@type': string;
+            name: string;
+            icon: {
+                '@type': string;
+                url: string;
+            };
+        };
+        'atlassian:ownedBy': {
+            '@type': string;
+            name: string;
+            icon: string;
+        };
+        'atlassian:appliedToComponentsCount': number;
+        summary: string;
+    };
+};
+export default _default;

package/dist/types-ts4.5/constants.d.ts

@@ -88,6 +88,7 @@ export declare enum SmartLinkWidth {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export declare enum ElementName {
+    AppliedToComponentsCount = "AppliedToComponentsCount",
     AssignedTo = "AssignedTo",
     AssignedToGroup = "AssignedToGroup",
     AttachmentCount = "AttachmentCount",
@@ -192,6 +193,7 @@ export declare enum IconType {
     Attachment = "Badge:Attachment",
     CheckItem = "Badge:Task",
     Comment = "Badge:Comment",
+    Component = "Badge:Component",
     View = "Badge:View",
     React = "Badge:React",
     Vote = "Badge:Vote",

package/dist/types-ts4.5/extractors/flexible/utils.d.ts

@@ -3,6 +3,7 @@ import { type LinkPerson } from '@atlaskit/link-extractors';
 import { type LinkLocation } from '../../state/flexible-ui-context/types';
 export type LinkCommentType = JsonLd.Data.Document | JsonLd.Data.Page | JsonLd.Data.Project | JsonLd.Data.SourceCodeCommit | JsonLd.Data.TaskType;
 export declare const extractCommentCount: (data: JsonLd.Data.BaseData) => number | undefined;
+export declare const extractAppliedToComponentsCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractDueOn: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractViewCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractReactCount: (data: JsonLd.Data.BaseData) => number | undefined;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'more_information_about_this_work_item' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_header' | 'related_links_modal_error_title' | 'related_links_modal_error_message' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_header' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_message' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_modal_title_v2' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_found_in_v2' | 'related_links_includes_links_to' | 'related_links_includes_links_to_v2' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'status_change_permission_errorIssueTermRefresh';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'more_information_about_this_work_item' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_header' | 'related_links_modal_error_title' | 'related_links_modal_error_message' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_header' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_message' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_modal_title_v2' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_found_in_v2' | 'related_links_includes_links_to' | 'related_links_includes_links_to_v2' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'status_change_permission_errorIssueTermRefresh';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts

@@ -23,6 +23,12 @@ export type FlexibleUiDataContext = {
      * @see AttachmentCount
      */
     attachmentCount?: number;
+    /**
+     * Contains the number of applied components on the linked resource.
+     * @type number
+     * @see AppliedToComponentsCount
+     */
+    appliedToComponentsCount?: number;
     /**
      * An array containing data used to populate the AuthorGroup element.
      * @see AvatarGroup

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/types.d.ts

@@ -185,7 +185,7 @@ export type OnActionMenuOpenChangeOptions = {
 /**
  * A type that contains all the possible combinations of elements with their corresponding props.
  */
-export type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location | ModifiedBy | ModifiedOn | OwnedBy | OwnedByGroup | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | ReadTime | SentOn | Snippet | SourceBranch | State | SubscriberCount | SubTasksProgress | StoryPoints | TargetBranch | Title | ViewCount | VoteCount;
+export type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount | AuthorGroup | AppliedToComponentsCount | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location | ModifiedBy | ModifiedOn | OwnedBy | OwnedByGroup | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | ReadTime | SentOn | Snippet | SourceBranch | State | SubscriberCount | SubTasksProgress | StoryPoints | TargetBranch | Title | ViewCount | VoteCount;
 /**
  * Represents the props available for an AttachmentCount element.
  * @see AttachmentCount
@@ -193,6 +193,13 @@ export type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount |
 export type AttachmentCount = {
     name: ElementName.AttachmentCount;
 };
+/**
+ * Represents the props available for an AppliedToComponentsCount element.
+ * @see AppliedToComponentsCount
+ */
+export type AppliedToComponentsCount = {
+    name: ElementName.AppliedToComponentsCount;
+};
 /**
  * Represents the props available for an AuthorGroup element.
  * @see AuthorGroup

package/dist/types-ts4.5/view/FlexibleCard/components/elements/applied-to-components-count/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BadgeProps } from '../badge/types';
+declare const AppliedToComponentsCount: (props: BadgeProps) => React.JSX.Element | null;
+export default AppliedToComponentsCount;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/index.d.ts

@@ -177,3 +177,4 @@ export declare const ViewCount: import("react").ComponentType<BadgeProps>;
  * @see Badge
  */
 export declare const VoteCount: import("react").ComponentType<BadgeProps>;
+export { default as AppliedToComponentsCount } from './applied-to-components-count';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "36.8.2",
+	"version": "36.9.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,9 +33,9 @@
 		"@atlaskit/avatar-group": "^12.0.0",
 		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/checkbox": "^17.0.0",
+		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/dropdown-menu": "^14.0.0",
+		"@atlaskit/dropdown-menu": "^14.1.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/frontend-utilities": "^3.0.0",
 		"@atlaskit/heading": "^5.2.0",
@@ -45,7 +45,7 @@
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/image": "^3.0.0",
-		"@atlaskit/json-ld-types": "^1.1.0",
+		"@atlaskit/json-ld-types": "^1.2.0",
 		"@atlaskit/legacy-custom-icons": "^0.22.0",
 		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/link-analytics": "^9.1.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/popup": "^4.1.0",
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/select": "^20.3.0",
+		"@atlaskit/select": "^20.4.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",