@atlaskit/smart-card 23.0.1 → 23.1.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 23.1.0
+
+### Minor Changes
+
+- [`b3ba198b928`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3ba198b928) - [ux] Adds attachment count widget to metadata section
+
+## 23.0.2
+
+### Patch Changes
+
+- [`6af519d2a17`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6af519d2a17) - Upgrade json-ld-types from 3.0.2 to 3.1.0
+- Updated dependencies
+
 ## 23.0.1
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -129,6 +129,7 @@ var ElementName;
 exports.ElementName = ElementName;
 
 (function (ElementName) {
+  ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
@@ -218,6 +219,7 @@ exports.IconType = IconType;
   IconType["Default"] = "Default";
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
+  IconType["Attachment"] = "Badge:Attachment";
   IconType["Comment"] = "Badge:Comment";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";

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

@@ -48,7 +48,7 @@ var extractBlockIcon = function extractBlockIcon(jsonLd) {
 };
 
 var extractBlockDetails = function extractBlockDetails(jsonLd) {
-  return [(0, _detail.extractCommentCount)(jsonLd), (0, _detail.extractProgrammingLanguage)(jsonLd), (0, _detail.extractSubscriberCount)(jsonLd)].filter(function (detail) {
+  return [(0, _detail.extractCommentCount)(jsonLd), (0, _detail.extractProgrammingLanguage)(jsonLd), (0, _detail.extractSubscriberCount)(jsonLd), (0, _detail.extractAttachmentCount)(jsonLd)].filter(function (detail) {
     return !!detail;
   });
 };

package/dist/cjs/extractors/common/detail/extractAttachmentCount.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractAttachmentCount = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _attachment = _interopRequireDefault(require("@atlaskit/icon/glyph/attachment"));
+
+var _tokens = require("@atlaskit/tokens");
+
+var extractAttachmentCount = function extractAttachmentCount(jsonLd) {
+  var attachmentCount = jsonLd['atlassian:attachmentCount'];
+
+  if (attachmentCount) {
+    return {
+      text: attachmentCount.toString(),
+      icon: /*#__PURE__*/_react.default.createElement(_attachment.default, {
+        size: "small",
+        label: "attachments",
+        primaryColor: (0, _tokens.token)('color.icon.subtle', _colors.N600)
+      })
+    };
+  }
+};
+
+exports.extractAttachmentCount = extractAttachmentCount;

package/dist/cjs/extractors/common/detail/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "extractAttachmentCount", {
+  enumerable: true,
+  get: function get() {
+    return _extractAttachmentCount.extractAttachmentCount;
+  }
+});
 Object.defineProperty(exports, "extractCommentCount", {
   enumerable: true,
   get: function get() {
@@ -34,4 +40,6 @@ var _extractDownloadUrl = require("./extractDownloadUrl");
 
 var _extractProgrammingLanguage = require("./extractProgrammingLanguage");
 
-var _extractSubscriberCount = require("./extractSubscriberCount");
+var _extractSubscriberCount = require("./extractSubscriberCount");
+
+var _extractAttachmentCount = require("./extractAttachmentCount");

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

@@ -35,6 +35,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext(response, rende
   var data = response.data;
   var url = (0, _extractors.extractLink)(data);
   return {
+    attachmentCount: (0, _utils.extractAttachmentCount)(data),
     authorGroup: (0, _extractors.extractPersonCreatedBy)(data),
     collaboratorGroup: (0, _collaboratorGroup.extractPersonsUpdatedBy)(data),
     commentCount: (0, _utils.extractCommentCount)(data),

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSourceBranch = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractModifiedBy = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = void 0;
+exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSourceBranch = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractModifiedBy = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractAttachmentCount = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -89,6 +89,12 @@ var extractSubscriberCount = function extractSubscriberCount(data) {
 
 exports.extractSubscriberCount = extractSubscriberCount;
 
+var extractAttachmentCount = function extractAttachmentCount(data) {
+  return extractValue(data, 'atlassian:attachmentCount');
+};
+
+exports.extractAttachmentCount = extractAttachmentCount;
+
 var extractTargetBranch = function extractTargetBranch(data) {
   return extractLinkName(data['atlassian:mergeDestination']);
 };

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.0.1",
+	"version": "23.1.0",
 	"sideEffects": false
 }

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

@@ -48,7 +48,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AuthorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CollaboratorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CommentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ViewCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ReactCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.VoteCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.DueOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LatestCommit, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LinkIcon, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Preview, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Priority, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ProgrammingLanguage, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Provider, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Snippet, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SourceBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.State, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SubscriberCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.TargetBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Title, ['inline']), _ElementDisplaySchema);
+var ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AttachmentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AuthorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CollaboratorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CommentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ViewCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ReactCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.VoteCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.DueOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LatestCommit, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LinkIcon, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Preview, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Priority, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ProgrammingLanguage, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Provider, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Snippet, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SourceBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.State, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SubscriberCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.TargetBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Title, ['inline']), _ElementDisplaySchema);
 exports.ElementDisplaySchema = ElementDisplaySchema;
 
 var getDirectionStyles = function getDirectionStyles(direction) {

package/dist/cjs/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -206,6 +206,10 @@ var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)(_i
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('@atlaskit/icon/glyph/lock-filled'));
   });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Attachment, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon/glyph/attachment'));
+  });
 }), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Comment, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('@atlaskit/icon/glyph/comment'));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.State = exports.SourceBranch = exports.Snippet = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = exports.Preview = exports.ModifiedOn = exports.ModifiedBy = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.AuthorGroup = void 0;
+exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.State = exports.SourceBranch = exports.Snippet = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = exports.Preview = exports.ModifiedOn = exports.ModifiedBy = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.AuthorGroup = exports.AttachmentCount = void 0;
 
 var _utils = require("./utils");
 
@@ -13,10 +13,17 @@ var _constants = require("../../../../constants");
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems
 
+/**
+ * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
+ * @see Badge
+ */
+var AttachmentCount = (0, _utils.createElement)(_constants.ElementName.AttachmentCount);
 /**
  * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
+
+exports.AttachmentCount = AttachmentCount;
 var AuthorGroup = (0, _utils.createElement)(_constants.ElementName.AuthorGroup);
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.

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

@@ -52,7 +52,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var SNIPPET_DEFAULT_MAX_LINES = 3;
-var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AuthorGroup, {
+var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AttachmentCount, {
+  component: _badge.default,
+  props: {
+    icon: _constants.IconType.Attachment
+  }
+}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AuthorGroup, {
   component: _avatarGroup.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.CollaboratorGroup, {
   component: _avatarGroup.default
@@ -143,6 +148,7 @@ var getData = function getData(elementName, contextKey, context) {
     case _constants.ElementName.CollaboratorGroup:
       return toAvatarGroupProps(data);
 
+    case _constants.ElementName.AttachmentCount:
     case _constants.ElementName.CommentCount:
     case _constants.ElementName.ViewCount:
     case _constants.ElementName.ReactCount:

package/dist/es2019/constants.js

@@ -106,6 +106,7 @@ export let ElementName;
  */
 
 (function (ElementName) {
+  ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
@@ -191,6 +192,7 @@ export let IconType;
   IconType["Default"] = "Default";
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
+  IconType["Attachment"] = "Badge:Attachment";
   IconType["Comment"] = "Badge:Comment";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";

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

@@ -1,7 +1,7 @@
 import { extractTitleTextColor, extractSummary } from '../common/primitives';
 import { extractLozenge } from '../common/lozenge';
 import { extractIcon } from '../common/icon';
-import { extractCommentCount, extractProgrammingLanguage, extractSubscriberCount } from '../common/detail';
+import { extractCommentCount, extractProgrammingLanguage, extractSubscriberCount, extractAttachmentCount } from '../common/detail';
 import { extractLink, extractTitle, extractProvider, extractMembers, extractPersonAssignedTo, extractPersonCreatedBy, extractPersonUpdatedBy, extractImage } from '@atlaskit/linking-common/extractors';
 import { extractByline } from '../common/byline/extractByline';
 import { extractTitlePrefix } from '../common/title-prefix/extractTitlePrefix';
@@ -23,7 +23,7 @@ const extractBlockIcon = jsonLd => {
   }
 };
 
-const extractBlockDetails = jsonLd => [extractCommentCount(jsonLd), extractProgrammingLanguage(jsonLd), extractSubscriberCount(jsonLd)].filter(detail => !!detail);
+const extractBlockDetails = jsonLd => [extractCommentCount(jsonLd), extractProgrammingLanguage(jsonLd), extractSubscriberCount(jsonLd), extractAttachmentCount(jsonLd)].filter(detail => !!detail);
 
 export const extractBlockActions = (props, jsonLd, opts, platform) => {
   if (opts) {

package/dist/es2019/extractors/common/detail/extractAttachmentCount.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { N600 } from '@atlaskit/theme/colors';
+import AttachmentIcon from '@atlaskit/icon/glyph/attachment';
+import { token } from '@atlaskit/tokens';
+export const extractAttachmentCount = jsonLd => {
+  const attachmentCount = jsonLd['atlassian:attachmentCount'];
+
+  if (attachmentCount) {
+    return {
+      text: attachmentCount.toString(),
+      icon: /*#__PURE__*/React.createElement(AttachmentIcon, {
+        size: "small",
+        label: "attachments",
+        primaryColor: token('color.icon.subtle', N600)
+      })
+    };
+  }
+};

package/dist/es2019/extractors/common/detail/index.js

@@ -1,4 +1,5 @@
 export { extractCommentCount } from './extractCommentCount';
 export { extractDownloadUrl } from './extractDownloadUrl';
 export { extractProgrammingLanguage } from './extractProgrammingLanguage';
-export { extractSubscriberCount } from './extractSubscriberCount';
+export { extractSubscriberCount } from './extractSubscriberCount';
+export { extractAttachmentCount } from './extractAttachmentCount';

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

@@ -1,7 +1,7 @@
 import { extractSummary } from '../common/primitives';
 import { extractLozenge } from '../common/lozenge';
 import { extractLinkIcon } from './icon';
-import { extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
+import { extractAttachmentCount, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import { extractPersonCreatedBy, extractLink, extractTitle, extractDateUpdated, extractDateCreated } from '@atlaskit/linking-common/extractors';
 import extractPriority from './extract-priority';
@@ -17,6 +17,7 @@ const extractFlexibleUiContext = (response, renderers) => {
   const data = response.data;
   const url = extractLink(data);
   return {
+    attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),
     collaboratorGroup: extractPersonsUpdatedBy(data),
     commentCount: extractCommentCount(data),

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

@@ -32,4 +32,5 @@ export const extractModifiedBy = data => {
 export const extractProgrammingLanguage = data => extractValue(data, 'schema:programmingLanguage');
 export const extractSourceBranch = data => extractLinkName(data['atlassian:mergeSource']);
 export const extractSubscriberCount = data => extractValue(data, 'atlassian:subscriberCount');
+export const extractAttachmentCount = data => extractValue(data, 'atlassian:attachmentCount');
 export const extractTargetBranch = data => extractLinkName(data['atlassian:mergeDestination']);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.0.1",
+	"version": "23.1.0",
 	"sideEffects": false
 }

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

@@ -8,6 +8,7 @@ import { isFlexibleUiElement } from '../../../../utils/flexible';
 import ActionGroup from './action-group';
 import ElementGroup from './element-group';
 export const ElementDisplaySchema = {
+  [ElementName.AttachmentCount]: ['inline'],
   [ElementName.AuthorGroup]: ['inline'],
   [ElementName.CollaboratorGroup]: ['inline'],
   [ElementName.CommentCount]: ['inline'],

package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -143,6 +143,9 @@ const importIconMapper = {
   /* webpackChunkName: "glyphForbidden" */
   '@atlaskit/icon/glyph/lock-filled'),
   // Badge
+  [IconType.Attachment]: () => import(
+  /* webpackChunkName: "glyphAttachment" */
+  '@atlaskit/icon/glyph/attachment'),
   [IconType.Comment]: () => import(
   /* webpackChunkName: "glyphComment" */
   '@atlaskit/icon/glyph/comment'),

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

@@ -4,10 +4,16 @@ import { ElementName } from '../../../../constants';
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems
 
+/**
+ * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
+ * @see Badge
+ */
+export const AttachmentCount = createElement(ElementName.AttachmentCount);
 /**
  * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
+
 export const AuthorGroup = createElement(ElementName.AuthorGroup);
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.

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

@@ -16,6 +16,12 @@ import DateTime from './date-time';
 import { tokens } from '../../../../utils/token';
 const SNIPPET_DEFAULT_MAX_LINES = 3;
 const elementMappings = {
+  [ElementName.AttachmentCount]: {
+    component: Badge,
+    props: {
+      icon: IconType.Attachment
+    }
+  },
   [ElementName.AuthorGroup]: {
     component: AvatarGroup
   },
@@ -132,6 +138,7 @@ const getData = (elementName, contextKey, context) => {
     case ElementName.CollaboratorGroup:
       return toAvatarGroupProps(data);
 
+    case ElementName.AttachmentCount:
     case ElementName.CommentCount:
     case ElementName.ViewCount:
     case ElementName.ReactCount:

package/dist/esm/constants.js

@@ -106,6 +106,7 @@ export var ElementName;
  */
 
 (function (ElementName) {
+  ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
@@ -191,6 +192,7 @@ export var IconType;
   IconType["Default"] = "Default";
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
+  IconType["Attachment"] = "Badge:Attachment";
   IconType["Comment"] = "Badge:Comment";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";

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

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { extractTitleTextColor, extractSummary } from '../common/primitives';
 import { extractLozenge } from '../common/lozenge';
 import { extractIcon } from '../common/icon';
-import { extractCommentCount, extractProgrammingLanguage, extractSubscriberCount } from '../common/detail';
+import { extractCommentCount, extractProgrammingLanguage, extractSubscriberCount, extractAttachmentCount } from '../common/detail';
 import { extractLink, extractTitle, extractProvider, extractMembers, extractPersonAssignedTo, extractPersonCreatedBy, extractPersonUpdatedBy, extractImage } from '@atlaskit/linking-common/extractors';
 import { extractByline } from '../common/byline/extractByline';
 import { extractTitlePrefix } from '../common/title-prefix/extractTitlePrefix';
@@ -30,7 +30,7 @@ var extractBlockIcon = function extractBlockIcon(jsonLd) {
 };
 
 var extractBlockDetails = function extractBlockDetails(jsonLd) {
-  return [extractCommentCount(jsonLd), extractProgrammingLanguage(jsonLd), extractSubscriberCount(jsonLd)].filter(function (detail) {
+  return [extractCommentCount(jsonLd), extractProgrammingLanguage(jsonLd), extractSubscriberCount(jsonLd), extractAttachmentCount(jsonLd)].filter(function (detail) {
     return !!detail;
   });
 };

package/dist/esm/extractors/common/detail/extractAttachmentCount.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { N600 } from '@atlaskit/theme/colors';
+import AttachmentIcon from '@atlaskit/icon/glyph/attachment';
+import { token } from '@atlaskit/tokens';
+export var extractAttachmentCount = function extractAttachmentCount(jsonLd) {
+  var attachmentCount = jsonLd['atlassian:attachmentCount'];
+
+  if (attachmentCount) {
+    return {
+      text: attachmentCount.toString(),
+      icon: /*#__PURE__*/React.createElement(AttachmentIcon, {
+        size: "small",
+        label: "attachments",
+        primaryColor: token('color.icon.subtle', N600)
+      })
+    };
+  }
+};

package/dist/esm/extractors/common/detail/index.js

@@ -1,4 +1,5 @@
 export { extractCommentCount } from './extractCommentCount';
 export { extractDownloadUrl } from './extractDownloadUrl';
 export { extractProgrammingLanguage } from './extractProgrammingLanguage';
-export { extractSubscriberCount } from './extractSubscriberCount';
+export { extractSubscriberCount } from './extractSubscriberCount';
+export { extractAttachmentCount } from './extractAttachmentCount';

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

@@ -1,7 +1,7 @@
 import { extractSummary } from '../common/primitives';
 import { extractLozenge } from '../common/lozenge';
 import { extractLinkIcon } from './icon';
-import { extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
+import { extractAttachmentCount, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import { extractPersonCreatedBy, extractLink, extractTitle, extractDateUpdated, extractDateCreated } from '@atlaskit/linking-common/extractors';
 import extractPriority from './extract-priority';
@@ -17,6 +17,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext(response, rende
   var data = response.data;
   var url = extractLink(data);
   return {
+    attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),
     collaboratorGroup: extractPersonsUpdatedBy(data),
     commentCount: extractCommentCount(data),

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

@@ -49,6 +49,9 @@ export var extractSourceBranch = function extractSourceBranch(data) {
 export var extractSubscriberCount = function extractSubscriberCount(data) {
   return extractValue(data, 'atlassian:subscriberCount');
 };
+export var extractAttachmentCount = function extractAttachmentCount(data) {
+  return extractValue(data, 'atlassian:attachmentCount');
+};
 export var extractTargetBranch = function extractTargetBranch(data) {
   return extractLinkName(data['atlassian:mergeDestination']);
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.0.1",
+	"version": "23.1.0",
 	"sideEffects": false
 }

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

@@ -20,7 +20,7 @@ import * as Actions from '../actions';
 import { isFlexibleUiElement } from '../../../../utils/flexible';
 import ActionGroup from './action-group';
 import ElementGroup from './element-group';
-export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CollaboratorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CommentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ViewCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReactCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.VoteCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LinkIcon, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Preview, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.Priority, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Snippet, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.SourceBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.State, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubscriberCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Title, ['inline']), _ElementDisplaySchema);
+export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AttachmentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CollaboratorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CommentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ViewCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReactCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.VoteCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LinkIcon, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Preview, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.Priority, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Snippet, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.SourceBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.State, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubscriberCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Title, ['inline']), _ElementDisplaySchema);
 
 var getDirectionStyles = function getDirectionStyles(direction) {
   switch (direction) {

package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -184,6 +184,10 @@ var importIconMapper = (_importIconMapper = {}, _defineProperty(_importIconMappe
   return import(
   /* webpackChunkName: "glyphForbidden" */
   '@atlaskit/icon/glyph/lock-filled');
+}), _defineProperty(_importIconMapper, IconType.Attachment, function () {
+  return import(
+  /* webpackChunkName: "glyphAttachment" */
+  '@atlaskit/icon/glyph/attachment');
 }), _defineProperty(_importIconMapper, IconType.Comment, function () {
   return import(
   /* webpackChunkName: "glyphComment" */

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

@@ -4,10 +4,16 @@ import { ElementName } from '../../../../constants';
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems
 
+/**
+ * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
+ * @see Badge
+ */
+export var AttachmentCount = createElement(ElementName.AttachmentCount);
 /**
  * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
+
 export var AuthorGroup = createElement(ElementName.AuthorGroup);
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.

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

@@ -20,7 +20,12 @@ import { messages } from '../../../../messages';
 import DateTime from './date-time';
 import { tokens } from '../../../../utils/token';
 var SNIPPET_DEFAULT_MAX_LINES = 3;
-var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings, ElementName.AuthorGroup, {
+var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings, ElementName.AttachmentCount, {
+  component: Badge,
+  props: {
+    icon: IconType.Attachment
+  }
+}), _defineProperty(_elementMappings, ElementName.AuthorGroup, {
   component: AvatarGroup
 }), _defineProperty(_elementMappings, ElementName.CollaboratorGroup, {
   component: AvatarGroup
@@ -111,6 +116,7 @@ var getData = function getData(elementName, contextKey, context) {
     case ElementName.CollaboratorGroup:
       return toAvatarGroupProps(data);
 
+    case ElementName.AttachmentCount:
     case ElementName.CommentCount:
     case ElementName.ViewCount:
     case ElementName.ReactCount:

package/dist/types/constants.d.ts

@@ -80,6 +80,7 @@ export declare enum SmartLinkWidth {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export declare enum ElementName {
+    AttachmentCount = "AttachmentCount",
     AuthorGroup = "AuthorGroup",
     CollaboratorGroup = "CollaboratorGroup",
     CommentCount = "CommentCount",
@@ -159,6 +160,7 @@ export declare enum IconType {
     Default = "Default",
     Error = "Default:Error",
     Forbidden = "Default:Forbidden",
+    Attachment = "Badge:Attachment",
     Comment = "Badge:Comment",
     View = "Badge:View",
     React = "Badge:React",

package/dist/types/extractors/common/__mocks__/jsonld.d.ts

@@ -33,6 +33,7 @@ export declare const TEST_DOCUMENT_WITH_ACTIONS: {
     'atlassian:fileSize'?: number | undefined;
     'schema:commentCount'?: number | undefined;
     'atlassian:isDeleted'?: boolean | undefined;
+    'atlassian:attachmentCount'?: number | undefined;
     'atlassian:dateViewed'?: string | undefined;
     'atlassian:reactCount'?: number | undefined;
     'atlassian:state'?: string | JsonLd.Primitives.Object<any> | undefined;
@@ -89,6 +90,7 @@ export declare const TEST_DOCUMENT_WITH_PREVIEW: {
     'schema:commentCount'?: number | undefined;
     'atlassian:isDeleted'?: boolean | undefined;
     'schema:potentialAction'?: JsonLd.Primitives.Property<JsonLd.Data.DocumentAction> | undefined;
+    'atlassian:attachmentCount'?: number | undefined;
     'atlassian:dateViewed'?: string | undefined;
     'atlassian:reactCount'?: number | undefined;
     'atlassian:state'?: string | JsonLd.Primitives.Object<any> | undefined;

package/dist/types/extractors/common/detail/extractAttachmentCount.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { LinkDetail } from './types';
+export declare type LinkAttachmentType = JsonLd.Data.Document | JsonLd.Data.Task | JsonLd.Data.TaskType | JsonLd.Data.Project;
+export declare const extractAttachmentCount: (jsonLd: LinkAttachmentType) => LinkDetail | undefined;

package/dist/types/extractors/common/detail/index.d.ts

@@ -5,3 +5,5 @@ export { extractProgrammingLanguage } from './extractProgrammingLanguage';
 export type { LinkProgrammingLanguageType } from './extractProgrammingLanguage';
 export { extractSubscriberCount } from './extractSubscriberCount';
 export type { LinkSubscriberType } from './extractSubscriberCount';
+export { extractAttachmentCount } from './extractAttachmentCount';
+export type { LinkAttachmentType } from './extractAttachmentCount';

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

@@ -9,4 +9,5 @@ export declare const extractModifiedBy: (data: JsonLd.Data.BaseData) => string |
 export declare const extractProgrammingLanguage: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractSourceBranch: (data: JsonLd.Data.SourceCodePullRequest) => string | undefined;
 export declare const extractSubscriberCount: (data: JsonLd.Data.BaseData) => number | undefined;
+export declare const extractAttachmentCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractTargetBranch: (data: JsonLd.Data.SourceCodePullRequest) => string | undefined;

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

@@ -6,6 +6,12 @@ import { IconType, MediaType } from '../../constants';
  * underlying elements.
  */
 export declare type FlexibleUiDataContext = {
+    /**
+     * Contains the number of attachments on the linked resource.
+     * @type number
+     * @see AttachmentCount
+     */
+    attachmentCount?: number;
     /**
      * An array containing data used to populate the AuthorGroup element.
      * @see AvatarGroup

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

@@ -121,7 +121,14 @@ export declare type OnActionMenuOpenChangeOptions = {
 /**
  * A type that contains all the possible combinations of elements with their corresponding props.
  */
-export declare type ElementItemProps = AuthorGroup | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | ModifiedBy | ModifiedOn | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | Snippet | SourceBranch | State | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
+export declare type ElementItemProps = AttachmentCount | AuthorGroup | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | ModifiedBy | ModifiedOn | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | Snippet | SourceBranch | State | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
+/**
+ * Represents the props available for an AttachmentCount element.
+ * @see AttachmentCount
+ */
+export declare type AttachmentCount = {
+    name: ElementName.AttachmentCount;
+};
 /**
  * Represents the props available for an AuthorGroup element.
  * @see AuthorGroup

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

@@ -7,6 +7,11 @@ import { AvatarGroupProps } from './avatar-group/types';
 import { TextProps } from './text/types';
 import { DateTimeProps } from './date-time/types';
 import { MediaProps } from './media/types';
+/**
+ * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const AttachmentCount: import("react").FC<BadgeProps>;
 /**
  * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
  * @see AvatarGroup

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

@@ -80,6 +80,7 @@ export declare enum SmartLinkWidth {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export declare enum ElementName {
+    AttachmentCount = "AttachmentCount",
     AuthorGroup = "AuthorGroup",
     CollaboratorGroup = "CollaboratorGroup",
     CommentCount = "CommentCount",
@@ -159,6 +160,7 @@ export declare enum IconType {
     Default = "Default",
     Error = "Default:Error",
     Forbidden = "Default:Forbidden",
+    Attachment = "Badge:Attachment",
     Comment = "Badge:Comment",
     View = "Badge:View",
     React = "Badge:React",

package/dist/types-ts4.0/extractors/common/__mocks__/jsonld.d.ts

@@ -33,6 +33,7 @@ export declare const TEST_DOCUMENT_WITH_ACTIONS: {
     'atlassian:fileSize'?: number | undefined;
     'schema:commentCount'?: number | undefined;
     'atlassian:isDeleted'?: boolean | undefined;
+    'atlassian:attachmentCount'?: number | undefined;
     'atlassian:dateViewed'?: string | undefined;
     'atlassian:reactCount'?: number | undefined;
     'atlassian:state'?: string | JsonLd.Primitives.Object<any> | undefined;
@@ -89,6 +90,7 @@ export declare const TEST_DOCUMENT_WITH_PREVIEW: {
     'schema:commentCount'?: number | undefined;
     'atlassian:isDeleted'?: boolean | undefined;
     'schema:potentialAction'?: JsonLd.Primitives.Property<JsonLd.Data.DocumentAction> | undefined;
+    'atlassian:attachmentCount'?: number | undefined;
     'atlassian:dateViewed'?: string | undefined;
     'atlassian:reactCount'?: number | undefined;
     'atlassian:state'?: string | JsonLd.Primitives.Object<any> | undefined;

package/dist/types-ts4.0/extractors/common/detail/extractAttachmentCount.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { LinkDetail } from './types';
+export declare type LinkAttachmentType = JsonLd.Data.Document | JsonLd.Data.Task | JsonLd.Data.TaskType | JsonLd.Data.Project;
+export declare const extractAttachmentCount: (jsonLd: LinkAttachmentType) => LinkDetail | undefined;

package/dist/types-ts4.0/extractors/common/detail/index.d.ts

@@ -5,3 +5,5 @@ export { extractProgrammingLanguage } from './extractProgrammingLanguage';
 export type { LinkProgrammingLanguageType } from './extractProgrammingLanguage';
 export { extractSubscriberCount } from './extractSubscriberCount';
 export type { LinkSubscriberType } from './extractSubscriberCount';
+export { extractAttachmentCount } from './extractAttachmentCount';
+export type { LinkAttachmentType } from './extractAttachmentCount';

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

@@ -9,4 +9,5 @@ export declare const extractModifiedBy: (data: JsonLd.Data.BaseData) => string |
 export declare const extractProgrammingLanguage: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractSourceBranch: (data: JsonLd.Data.SourceCodePullRequest) => string | undefined;
 export declare const extractSubscriberCount: (data: JsonLd.Data.BaseData) => number | undefined;
+export declare const extractAttachmentCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractTargetBranch: (data: JsonLd.Data.SourceCodePullRequest) => string | undefined;

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

@@ -6,6 +6,12 @@ import { IconType, MediaType } from '../../constants';
  * underlying elements.
  */
 export declare type FlexibleUiDataContext = {
+    /**
+     * Contains the number of attachments on the linked resource.
+     * @type number
+     * @see AttachmentCount
+     */
+    attachmentCount?: number;
     /**
      * An array containing data used to populate the AuthorGroup element.
      * @see AvatarGroup

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

@@ -121,7 +121,14 @@ export declare type OnActionMenuOpenChangeOptions = {
 /**
  * A type that contains all the possible combinations of elements with their corresponding props.
  */
-export declare type ElementItemProps = AuthorGroup | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | ModifiedBy | ModifiedOn | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | Snippet | SourceBranch | State | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
+export declare type ElementItemProps = AttachmentCount | AuthorGroup | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | ModifiedBy | ModifiedOn | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | Snippet | SourceBranch | State | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
+/**
+ * Represents the props available for an AttachmentCount element.
+ * @see AttachmentCount
+ */
+export declare type AttachmentCount = {
+    name: ElementName.AttachmentCount;
+};
 /**
  * Represents the props available for an AuthorGroup element.
  * @see AuthorGroup

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

@@ -7,6 +7,11 @@ import { AvatarGroupProps } from './avatar-group/types';
 import { TextProps } from './text/types';
 import { DateTimeProps } from './date-time/types';
 import { MediaProps } from './media/types';
+/**
+ * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const AttachmentCount: import("react").FC<BadgeProps>;
 /**
  * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
  * @see AvatarGroup

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.0.1",
+  "version": "23.1.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -58,7 +58,7 @@
     "@emotion/styled": "^10.0.7",
     "@formatjs/intl-utils": "^3.8.4",
     "facepaint": "^1.2.1",
-    "json-ld-types": "3.0.2",
+    "json-ld-types": "3.1.0",
     "react-error-boundary": "^3.1.3",
     "react-lazily-render": "^1.2.0",
     "react-loadable": "^5.1.0",
@@ -66,7 +66,7 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.3.0",
+    "@atlaskit/link-provider": "^1.3.2",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"

package/report.api.md

@@ -124,6 +124,11 @@ type AnchorTarget = '_blank' | '_parent' | '_self' | '_top';
 
 export { APIError };
 
+// @public
+type AttachmentCount = {
+  name: ElementName.AttachmentCount;
+};
+
 // @public
 type AuthorGroup = {
   name: ElementName.AuthorGroup;
@@ -380,6 +385,7 @@ export type ElementItem = {
 
 // @public
 type ElementItemProps =
+  | AttachmentCount
   | AuthorGroup
   | CollaboratorGroup
   | CommentCount
@@ -406,6 +412,8 @@ type ElementItemProps =
 
 // @public
 export enum ElementName {
+  // (undocumented)
+  AttachmentCount = 'AttachmentCount',
   // (undocumented)
   AuthorGroup = 'AuthorGroup',
   // (undocumented)

package/tmp/api-report-tmp.d.ts

@@ -92,6 +92,11 @@ type AnchorTarget = '_blank' | '_parent' | '_self' | '_top';
 
 export { APIError }
 
+// @public
+type AttachmentCount = {
+    name: ElementName.AttachmentCount;
+};
+
 // @public
 type AuthorGroup = {
     name: ElementName.AuthorGroup;
@@ -302,10 +307,12 @@ export type ElementItem = {
 } & ElementItemProps;
 
 // @public
-type ElementItemProps = AuthorGroup | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | ModifiedBy | ModifiedOn | Preview | Priority | ProgrammingLanguage | Provider_2 | ReactCount | Snippet | SourceBranch | State_2 | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
+type ElementItemProps = AttachmentCount | AuthorGroup | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | ModifiedBy | ModifiedOn | Preview | Priority | ProgrammingLanguage | Provider_2 | ReactCount | Snippet | SourceBranch | State_2 | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
 
 // @public
 export enum ElementName {
+    // (undocumented)
+    AttachmentCount = "AttachmentCount",
     // (undocumented)
     AuthorGroup = "AuthorGroup",
     // (undocumented)