@atlaskit/smart-card 23.6.7 → 23.7.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 23.7.0
+
+### Minor Changes
+
+- [`3cae92db2b6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3cae92db2b6) - [ux] Introduces ChecklistProgress element, adds to Trello Hover Cards
+
 ## 23.6.7
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -133,6 +133,7 @@ exports.ElementName = ElementName;
 (function (ElementName) {
   ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
+  ElementName["ChecklistProgress"] = "ChecklistProgress";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
   ElementName["CreatedBy"] = "CreatedBy";
@@ -225,6 +226,7 @@ exports.IconType = IconType;
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
   IconType["Attachment"] = "Badge:Attachment";
+  IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";

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

@@ -48,6 +48,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext(response, rende
     viewCount: (0, _utils.extractViewCount)(data),
     reactCount: (0, _utils.extractReactCount)(data),
     voteCount: (0, _utils.extractVoteCount)(data),
+    checklistProgress: (0, _utils.extractChecklistProgress)(data),
     createdBy: (0, _utils.extractCreatedBy)(data),
     createdOn: (0, _extractors.extractDateCreated)(data),
     dueOn: (0, _utils.extractDueOn)(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 = exports.extractAttachmentCount = 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.extractChecklistProgress = exports.extractAttachmentCount = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -99,4 +99,11 @@ var extractTargetBranch = function extractTargetBranch(data) {
   return extractLinkName(data['atlassian:mergeDestination']);
 };
 
-exports.extractTargetBranch = extractTargetBranch;
+exports.extractTargetBranch = extractTargetBranch;
+
+var extractChecklistProgress = function extractChecklistProgress(data) {
+  var checkItemsObj = extractValue(data, 'atlassian:checkItems');
+  return checkItemsObj ? "".concat(checkItemsObj.checkedItems, "/").concat(checkItemsObj.totalItems) : undefined;
+};
+
+exports.extractChecklistProgress = extractChecklistProgress;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.6.7",
+	"version": "23.7.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.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);
+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.ChecklistProgress, ['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

@@ -210,6 +210,10 @@ var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)(_i
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('@atlaskit/icon/glyph/attachment'));
   });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.CheckItem, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon/glyph/task'));
+  });
 }), (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 = exports.AttachmentCount = 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.ChecklistProgress = exports.AuthorGroup = exports.AttachmentCount = void 0;
 
 var _utils = require("./utils");
 
@@ -25,12 +25,19 @@ var AttachmentCount = (0, _utils.createElement)(_constants.ElementName.Attachmen
 
 exports.AttachmentCount = AttachmentCount;
 var AuthorGroup = (0, _utils.createElement)(_constants.ElementName.AuthorGroup);
+/**
+ * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
+ * @see Badge
+ */
+
+exports.AuthorGroup = AuthorGroup;
+var ChecklistProgress = (0, _utils.createElement)(_constants.ElementName.ChecklistProgress);
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
 
-exports.AuthorGroup = AuthorGroup;
+exports.ChecklistProgress = ChecklistProgress;
 var CollaboratorGroup = (0, _utils.createElement)(_constants.ElementName.CollaboratorGroup);
 /**
  * Creates a CommentCount Badge element using the data from CommentCount in the Flexible UI Context.

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

@@ -59,6 +59,11 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_ele
   }
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AuthorGroup, {
   component: _avatarGroup.default
+}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.ChecklistProgress, {
+  component: _badge.default,
+  props: {
+    icon: _constants.IconType.CheckItem
+  }
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.CollaboratorGroup, {
   component: _avatarGroup.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.CommentCount, {
@@ -149,6 +154,7 @@ var getData = function getData(elementName, contextKey, context) {
       return toAvatarGroupProps(data);
 
     case _constants.ElementName.AttachmentCount:
+    case _constants.ElementName.ChecklistProgress:
     case _constants.ElementName.CommentCount:
     case _constants.ElementName.ViewCount:
     case _constants.ElementName.ReactCount:

package/dist/cjs/view/HoverCard/utils.js

@@ -65,7 +65,7 @@ var getSimulatedMetadata = function getSimulatedMetadata() {
       return {
         metadata: {
           primary: [_constants.ElementName.AuthorGroup, _constants.ElementName.State, _constants.ElementName.DueOn],
-          secondary: [_constants.ElementName.ReactCount, _constants.ElementName.CommentCount, _constants.ElementName.AttachmentCount],
+          secondary: [_constants.ElementName.ReactCount, _constants.ElementName.CommentCount, _constants.ElementName.AttachmentCount, _constants.ElementName.ChecklistProgress],
           subtitle: []
         }
       };

package/dist/es2019/constants.js

@@ -110,6 +110,7 @@ export let ElementName;
 (function (ElementName) {
   ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
+  ElementName["ChecklistProgress"] = "ChecklistProgress";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
   ElementName["CreatedBy"] = "CreatedBy";
@@ -198,6 +199,7 @@ export let IconType;
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
   IconType["Attachment"] = "Badge:Attachment";
+  IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";

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 { extractAttachmentCount, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
+import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink } from '@atlaskit/linking-common/extractors';
 import extractPriority from './extract-priority';
@@ -27,6 +27,7 @@ const extractFlexibleUiContext = (response, renderers) => {
     viewCount: extractViewCount(data),
     reactCount: extractReactCount(data),
     voteCount: extractVoteCount(data),
+    checklistProgress: extractChecklistProgress(data),
     createdBy: extractCreatedBy(data),
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),

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

@@ -33,4 +33,8 @@ export const extractProgrammingLanguage = data => extractValue(data, 'schema:pro
 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']);
+export const extractTargetBranch = data => extractLinkName(data['atlassian:mergeDestination']);
+export const extractChecklistProgress = data => {
+  const checkItemsObj = extractValue(data, 'atlassian:checkItems');
+  return checkItemsObj ? `${checkItemsObj.checkedItems}/${checkItemsObj.totalItems}` : undefined;
+};

package/dist/es2019/version.json

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

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

@@ -10,6 +10,7 @@ import ElementGroup from './element-group';
 export const ElementDisplaySchema = {
   [ElementName.AttachmentCount]: ['inline'],
   [ElementName.AuthorGroup]: ['inline'],
+  [ElementName.ChecklistProgress]: ['inline'],
   [ElementName.CollaboratorGroup]: ['inline'],
   [ElementName.CommentCount]: ['inline'],
   [ElementName.ViewCount]: ['inline'],

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

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

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

@@ -15,6 +15,12 @@ export const AttachmentCount = createElement(ElementName.AttachmentCount);
  */
 
 export const AuthorGroup = createElement(ElementName.AuthorGroup);
+/**
+ * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
+ * @see Badge
+ */
+
+export const ChecklistProgress = createElement(ElementName.ChecklistProgress);
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup

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

@@ -25,6 +25,12 @@ const elementMappings = {
   [ElementName.AuthorGroup]: {
     component: AvatarGroup
   },
+  [ElementName.ChecklistProgress]: {
+    component: Badge,
+    props: {
+      icon: IconType.CheckItem
+    }
+  },
   [ElementName.CollaboratorGroup]: {
     component: AvatarGroup
   },
@@ -139,6 +145,7 @@ const getData = (elementName, contextKey, context) => {
       return toAvatarGroupProps(data);
 
     case ElementName.AttachmentCount:
+    case ElementName.ChecklistProgress:
     case ElementName.CommentCount:
     case ElementName.ViewCount:
     case ElementName.ReactCount:

package/dist/es2019/view/HoverCard/utils.js

@@ -44,7 +44,7 @@ export const getSimulatedMetadata = (extensionKey = '', types = []) => {
       return {
         metadata: {
           primary: [ElementName.AuthorGroup, ElementName.State, ElementName.DueOn],
-          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount],
+          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount, ElementName.ChecklistProgress],
           subtitle: []
         }
       };

package/dist/esm/constants.js

@@ -110,6 +110,7 @@ export var ElementName;
 (function (ElementName) {
   ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
+  ElementName["ChecklistProgress"] = "ChecklistProgress";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
   ElementName["CreatedBy"] = "CreatedBy";
@@ -198,6 +199,7 @@ export var IconType;
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
   IconType["Attachment"] = "Badge:Attachment";
+  IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";
   IconType["View"] = "Badge:View";
   IconType["React"] = "Badge:React";

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 { extractAttachmentCount, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
+import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink } from '@atlaskit/linking-common/extractors';
 import extractPriority from './extract-priority';
@@ -27,6 +27,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext(response, rende
     viewCount: extractViewCount(data),
     reactCount: extractReactCount(data),
     voteCount: extractVoteCount(data),
+    checklistProgress: extractChecklistProgress(data),
     createdBy: extractCreatedBy(data),
     createdOn: extractDateCreated(data),
     dueOn: extractDueOn(data),

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

@@ -54,4 +54,8 @@ export var extractAttachmentCount = function extractAttachmentCount(data) {
 };
 export var extractTargetBranch = function extractTargetBranch(data) {
   return extractLinkName(data['atlassian:mergeDestination']);
+};
+export var extractChecklistProgress = function extractChecklistProgress(data) {
+  var checkItemsObj = extractValue(data, 'atlassian:checkItems');
+  return checkItemsObj ? "".concat(checkItemsObj.checkedItems, "/").concat(checkItemsObj.totalItems) : undefined;
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.6.7",
+	"version": "23.7.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.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);
+export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AttachmentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ChecklistProgress, ['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

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

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

@@ -15,6 +15,12 @@ export var AttachmentCount = createElement(ElementName.AttachmentCount);
  */
 
 export var AuthorGroup = createElement(ElementName.AuthorGroup);
+/**
+ * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
+ * @see Badge
+ */
+
+export var ChecklistProgress = createElement(ElementName.ChecklistProgress);
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup

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

@@ -27,6 +27,11 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
   }
 }), _defineProperty(_elementMappings, ElementName.AuthorGroup, {
   component: AvatarGroup
+}), _defineProperty(_elementMappings, ElementName.ChecklistProgress, {
+  component: Badge,
+  props: {
+    icon: IconType.CheckItem
+  }
 }), _defineProperty(_elementMappings, ElementName.CollaboratorGroup, {
   component: AvatarGroup
 }), _defineProperty(_elementMappings, ElementName.CommentCount, {
@@ -117,6 +122,7 @@ var getData = function getData(elementName, contextKey, context) {
       return toAvatarGroupProps(data);
 
     case ElementName.AttachmentCount:
+    case ElementName.ChecklistProgress:
     case ElementName.CommentCount:
     case ElementName.ViewCount:
     case ElementName.ReactCount:

package/dist/esm/view/HoverCard/utils.js

@@ -53,7 +53,7 @@ export var getSimulatedMetadata = function getSimulatedMetadata() {
       return {
         metadata: {
           primary: [ElementName.AuthorGroup, ElementName.State, ElementName.DueOn],
-          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount],
+          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount, ElementName.ChecklistProgress],
           subtitle: []
         }
       };

package/dist/types/constants.d.ts

@@ -83,6 +83,7 @@ export declare enum SmartLinkWidth {
 export declare enum ElementName {
     AttachmentCount = "AttachmentCount",
     AuthorGroup = "AuthorGroup",
+    ChecklistProgress = "ChecklistProgress",
     CollaboratorGroup = "CollaboratorGroup",
     CommentCount = "CommentCount",
     CreatedBy = "CreatedBy",
@@ -165,6 +166,7 @@ export declare enum IconType {
     Error = "Default:Error",
     Forbidden = "Default:Forbidden",
     Attachment = "Badge:Attachment",
+    CheckItem = "Badge:Task",
     Comment = "Badge:Comment",
     View = "Badge:View",
     React = "Badge:React",

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

@@ -11,3 +11,4 @@ export declare const extractSourceBranch: (data: JsonLd.Data.SourceCodePullReque
 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;
+export declare const extractChecklistProgress: (data: JsonLd.Data.BaseData) => string | undefined;

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

@@ -17,6 +17,11 @@ export declare type FlexibleUiDataContext = {
      * @see AvatarGroup
      */
     authorGroup?: LinkPerson[];
+    /**
+     * A string displaying progress on a checklist
+     * @see ChecklistProgress
+     */
+    checklistProgress?: string;
     /**
      * An array containing a @type {LinkPerson} used to populate the CollaboratorGroup element.
      * @see CollaboratorGroup

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

@@ -168,7 +168,7 @@ export declare type OnActionMenuOpenChangeOptions = {
 /**
  * A type that contains all the possible combinations of elements with their corresponding props.
  */
-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;
+export declare type ElementItemProps = AttachmentCount | AuthorGroup | ChecklistProgress | 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
@@ -183,6 +183,13 @@ export declare type AttachmentCount = {
 export declare type AuthorGroup = {
     name: ElementName.AuthorGroup;
 };
+/**
+ * Represents the props available for an ChecklistProgress element.
+ * @see ChecklistProgress
+ */
+export declare type ChecklistProgress = {
+    name: ElementName.ChecklistProgress;
+};
 /**
  * Represents the props available for an CollaboratorGroup element.
  * @see CollaboratorGroup

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

@@ -17,6 +17,11 @@ export declare const AttachmentCount: import("react").FC<BadgeProps>;
  * @see AvatarGroup
  */
 export declare const AuthorGroup: import("react").FC<AvatarGroupProps>;
+/**
+ * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const ChecklistProgress: import("react").FC<BadgeProps>;
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup

package/package.json

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

package/report.api.md

@@ -315,6 +315,11 @@ export interface CardProps extends WithAnalyticsEventsProps {
 
 export { CardType };
 
+// @public
+type ChecklistProgress = {
+  name: ElementName.ChecklistProgress;
+};
+
 export { Client };
 
 // @public
@@ -407,6 +412,7 @@ export type ElementItem = {
 type ElementItemProps =
   | AttachmentCount
   | AuthorGroup
+  | ChecklistProgress
   | CollaboratorGroup
   | CommentCount
   | CreatedBy
@@ -437,6 +443,8 @@ export enum ElementName {
   // (undocumented)
   AuthorGroup = 'AuthorGroup',
   // (undocumented)
+  ChecklistProgress = 'ChecklistProgress',
+  // (undocumented)
   CollaboratorGroup = 'CollaboratorGroup',
   // (undocumented)
   CommentCount = 'CommentCount',

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

@@ -241,6 +241,11 @@ export interface CardProps extends WithAnalyticsEventsProps {
 
 export { CardType }
 
+// @public
+type ChecklistProgress = {
+    name: ElementName.ChecklistProgress;
+};
+
 export { Client }
 
 // @public
@@ -324,7 +329,7 @@ export type ElementItem = {
 } & ElementItemProps;
 
 // @public
-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;
+type ElementItemProps = AttachmentCount | AuthorGroup | ChecklistProgress | 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 {
@@ -333,6 +338,8 @@ export enum ElementName {
     // (undocumented)
     AuthorGroup = "AuthorGroup",
     // (undocumented)
+    ChecklistProgress = "ChecklistProgress",
+    // (undocumented)
     CollaboratorGroup = "CollaboratorGroup",
     // (undocumented)
     CommentCount = "CommentCount",