@atlaskit/smart-card 38.11.0 → 38.13.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 38.13.0
+
+### Minor Changes
+
+- [#174490](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174490)
+  [`b888b5c613e71`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b888b5c613e71) -
+  [ux] EDM-12882 fixing a11y issues with platform-linking-flexible-card-context
+
+## 38.12.0
+
+### Minor Changes
+
+- [#173028](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173028)
+  [`8350b887416f1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8350b887416f1) -
+  Add onRender callback to elements
+
 ## 38.11.0
 
 ### Minor Changes

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

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

@@ -169,6 +169,7 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
 };
 var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
   var _ref3 = context || {},
+    linkTitle = _ref3.linkTitle,
     title = _ref3.title,
     _ref3$url = _ref3.url,
     url = _ref3$url === void 0 ? '' : _ref3$url;
@@ -179,7 +180,7 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick)
     onClick: onClick,
     target: target,
     testId: testId,
-    text: text || title,
+    text: text || title || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };

package/dist/cjs/view/FlexibleCard/components/elements/comment-count-element/index.js

@@ -1,22 +1,38 @@
 "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 = _interopRequireDefault(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _excluded = ["onRender"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var CommentCountElement = function CommentCountElement(props) {
   var _context$commentCount;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toBadgeProps)((_context$commentCount = context.commentCount) === null || _context$commentCount === void 0 ? void 0 : _context$commentCount.toString()) : null;
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
     icon: _constants.IconType.Comment
-  }, data, props, {
+  }, data, restProps, {
     name: _constants.ElementName.CommentCount
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/components/elements/modified-on-element/index.js

@@ -1,19 +1,34 @@
 "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 = _interopRequireDefault(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _excluded = ["onRender"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ModifiedOnElement = function ModifiedOnElement(props) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toDateTimeProps)('modified', context.modifiedOn) : null;
-  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseDateTimeElement, (0, _extends2.default)({}, data, props, {
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseDateTimeElement, (0, _extends2.default)({}, data, restProps, {
     name: _constants.ElementName.ModifiedOn
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/components/elements/owned-by-element/index.js

@@ -1,20 +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 = _interopRequireDefault(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _excluded = ["onRender"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var OwnedByElement = function OwnedByElement(props) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toFormattedTextProps)(_messages.messages.owned_by, context.ownedBy) : null;
-  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, restProps, {
     name: _constants.ElementName.OwnedBy
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/components/elements/owned-by-group-element/index.js

@@ -1,19 +1,34 @@
 "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 = _interopRequireDefault(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _excluded = ["onRender"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var OwnedByGroupElement = function OwnedByGroupElement(props) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toAvatarGroupProps)(context.ownedByGroup, false) : null;
-  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseAvatarGroupElement, (0, _extends2.default)({}, data, props, {
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseAvatarGroupElement, (0, _extends2.default)({}, data, restProps, {
     name: _constants.ElementName.OwnedByGroup
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/components/elements/react-count-element/index.js

@@ -1,22 +1,37 @@
 "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 = _interopRequireDefault(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _excluded = ["onRender"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ReactCountElement = function ReactCountElement(props) {
   var _context$reactCount;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toBadgeProps)((_context$reactCount = context.reactCount) === null || _context$reactCount === void 0 ? void 0 : _context$reactCount.toString()) : null;
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
     icon: _constants.IconType.React
-  }, data, props, {
+  }, data, restProps, {
     name: _constants.ElementName.ReactCount
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/external.js

@@ -42,7 +42,8 @@ var CollaboratorGroupElement = exports.CollaboratorGroupElement = function Colla
 var CommentCountElement = exports.CommentCountElement = function CommentCountElement(props) {
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, {
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, null);
@@ -78,7 +79,8 @@ var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement(p
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, {
       hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, null);
@@ -87,12 +89,18 @@ var OwnedByElement = exports.OwnedByElement = function OwnedByElement(props) {
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, {
       hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, null);
 };
-var OwnedByGroupElement = exports.OwnedByGroupElement = function OwnedByGroupElement() {
+var OwnedByGroupElement = exports.OwnedByGroupElement = function OwnedByGroupElement(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/_react.default.createElement(_elements.OwnedByGroup, {
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_elements.OwnedByGroup, null);
 };
 var PreviewElement = exports.PreviewElement = function PreviewElement(props) {
@@ -115,7 +123,8 @@ var ProviderElement = exports.ProviderElement = function ProviderElement() {
 var ReactCountElement = exports.ReactCountElement = function ReactCountElement(props) {
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, {
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, null);

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: "38.10.2",
+  packageVersion: "38.12.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/extractors/action/extract-invoke-copy-link-action.js

@@ -1,5 +1,5 @@
 import { extractLink, extractSmartLinkUrl } from '@atlaskit/link-extractors';
-import { fg } from "@atlaskit/platform-feature-flags";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, CardAction } from '../../index';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';

package/dist/es2019/extractors/action/extract-invoke-download-action.js

@@ -1,5 +1,5 @@
-import { extractSmartLinkDownloadUrl } from "@atlaskit/link-extractors";
-import { fg } from "@atlaskit/platform-feature-flags";
+import { extractSmartLinkDownloadUrl } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, CardAction } from '../../index';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { downloadUrl as download } from '../../utils';

package/dist/es2019/extractors/action/extract-invoke-preview-action.js

@@ -1,5 +1,5 @@
 import { extractLink, extractPreview as extractPreviewData, extractProvider, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle } from '@atlaskit/link-extractors';
-import { fg } from "@atlaskit/platform-feature-flags";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';

package/dist/es2019/extractors/common/primitives/extractSummary.js

@@ -1,5 +1,5 @@
-import { extractEntity, isEntityPresent } from "@atlaskit/link-extractors";
-import { fg } from "@atlaskit/platform-feature-flags";
+import { extractEntity, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  * Return link summary

package/dist/es2019/extractors/flexible/actions/extract-view-related-links-action.js

@@ -1,5 +1,5 @@
 import { extractAri, extractSmartLinkAri } from '@atlaskit/link-extractors';
-import { fg } from "@atlaskit/platform-feature-flags";
+import { fg } from '@atlaskit/platform-feature-flags';
 export const extractViewRelatedLinksAction = response => {
   var _response$meta, _response$meta$suppor;
   if (!(response !== null && response !== void 0 && (_response$meta = response.meta) !== null && _response$meta !== void 0 && (_response$meta$suppor = _response$meta.supportedFeature) !== null && _response$meta$suppor !== void 0 && _response$meta$suppor.includes('RelatedLinks'))) {

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

@@ -1,6 +1,6 @@
 import { extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkAuthorGroup, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { extractSmartLinkSummary } from "../common/primitives/extractSummary";
+import { extractSmartLinkSummary } from '../common/primitives/extractSummary';
 import { extractFlexibleCardActions } from './actions';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import extractLinkTitle from './extract-link-title';

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

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

@@ -161,6 +161,7 @@ const getTitleBlockProps = children => {
 };
 const getLayeredLink = (testId, context, children, onClick) => {
   const {
+    linkTitle,
     title,
     url = ''
   } = context || {};
@@ -172,7 +173,7 @@ const getLayeredLink = (testId, context, children, onClick) => {
     onClick: onClick,
     target: target,
     testId: testId,
-    text: text || title,
+    text: text || title || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };

package/dist/es2019/view/FlexibleCard/components/elements/comment-count-element/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, IconType } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseBadgeElement, toBadgeProps } from '../common';
@@ -7,9 +8,21 @@ const CommentCountElement = props => {
   var _context$commentCount;
   const context = useFlexibleUiContext();
   const data = context ? toBadgeProps((_context$commentCount = context.commentCount) === null || _context$commentCount === void 0 ? void 0 : _context$commentCount.toString()) : null;
+  const {
+    onRender,
+    ...restProps
+  } = props || {};
+
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
+    }, [data, onRender]);
+  }
   return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
     icon: IconType.Comment
-  }, data, props, {
+  }, data, restProps, {
     name: ElementName.CommentCount
   })) : null;
 };

package/dist/es2019/view/FlexibleCard/components/elements/modified-on-element/index.js

@@ -1,12 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseDateTimeElement, toDateTimeProps } from '../common';
 const ModifiedOnElement = props => {
   const context = useFlexibleUiContext();
   const data = context ? toDateTimeProps('modified', context.modifiedOn) : null;
-  return data ? /*#__PURE__*/React.createElement(BaseDateTimeElement, _extends({}, data, props, {
+  const {
+    onRender,
+    ...restProps
+  } = props || {};
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/React.createElement(BaseDateTimeElement, _extends({}, data, restProps, {
     name: ElementName.ModifiedOn
   })) : null;
 };

package/dist/es2019/view/FlexibleCard/components/elements/owned-by-element/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -7,7 +8,18 @@ import { BaseTextElement, toFormattedTextProps } from '../common';
 const OwnedByElement = props => {
   const context = useFlexibleUiContext();
   const data = context ? toFormattedTextProps(messages.owned_by, context.ownedBy) : null;
-  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, props, {
+  const {
+    onRender,
+    ...restProps
+  } = props || {};
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, restProps, {
     name: ElementName.OwnedBy
   })) : null;
 };

package/dist/es2019/view/FlexibleCard/components/elements/owned-by-group-element/index.js

@@ -1,12 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseAvatarGroupElement, toAvatarGroupProps } from '../common';
 const OwnedByGroupElement = props => {
   const context = useFlexibleUiContext();
   const data = context ? toAvatarGroupProps(context.ownedByGroup, false) : null;
-  return data ? /*#__PURE__*/React.createElement(BaseAvatarGroupElement, _extends({}, data, props, {
+  const {
+    onRender,
+    ...restProps
+  } = props || {};
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/React.createElement(BaseAvatarGroupElement, _extends({}, data, restProps, {
     name: ElementName.OwnedByGroup
   })) : null;
 };

package/dist/es2019/view/FlexibleCard/components/elements/react-count-element/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, IconType } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseBadgeElement, toBadgeProps } from '../common';
@@ -7,9 +8,20 @@ const ReactCountElement = props => {
   var _context$reactCount;
   const context = useFlexibleUiContext();
   const data = context ? toBadgeProps((_context$reactCount = context.reactCount) === null || _context$reactCount === void 0 ? void 0 : _context$reactCount.toString()) : null;
+  const {
+    onRender,
+    ...restProps
+  } = props || {};
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
+    }, [data, onRender]);
+  }
   return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
     icon: IconType.React
-  }, data, props, {
+  }, data, restProps, {
     name: ElementName.ReactCount
   })) : null;
 };

package/dist/es2019/view/FlexibleCard/external.js

@@ -23,7 +23,8 @@ export const CollaboratorGroupElement = () => /*#__PURE__*/React.createElement(C
 export const CommentCountElement = props => {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(CommentCount, {
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/React.createElement(CommentCount, null);
@@ -47,7 +48,8 @@ export const ModifiedOnElement = props => {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(ModifiedOn, {
       hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/React.createElement(ModifiedOn, null);
@@ -56,12 +58,20 @@ export const OwnedByElement = props => {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(OwnedBy, {
       hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/React.createElement(OwnedBy, null);
 };
-export const OwnedByGroupElement = () => /*#__PURE__*/React.createElement(OwnedByGroup, null);
+export const OwnedByGroupElement = props => {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(OwnedByGroup, {
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
+    });
+  }
+  return /*#__PURE__*/React.createElement(OwnedByGroup, null);
+};
 export const PreviewElement = props => {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(Preview, {
@@ -76,7 +86,8 @@ export const ProviderElement = () => /*#__PURE__*/React.createElement(Provider,
 export const ReactCountElement = props => {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(ReactCount, {
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/React.createElement(ReactCount, null);

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: "38.10.2",
+  packageVersion: "38.12.0",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/extractors/action/extract-invoke-copy-link-action.js

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { extractLink, extractSmartLinkUrl } from '@atlaskit/link-extractors';
-import { fg } from "@atlaskit/platform-feature-flags";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, CardAction } from '../../index';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';

package/dist/esm/extractors/action/extract-invoke-download-action.js

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { extractSmartLinkDownloadUrl } from "@atlaskit/link-extractors";
-import { fg } from "@atlaskit/platform-feature-flags";
+import { extractSmartLinkDownloadUrl } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, CardAction } from '../../index';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { downloadUrl as download } from '../../utils';

package/dist/esm/extractors/action/extract-invoke-preview-action.js

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { extractLink, extractPreview as extractPreviewData, extractProvider, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle } from '@atlaskit/link-extractors';
-import { fg } from "@atlaskit/platform-feature-flags";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';

package/dist/esm/extractors/common/primitives/extractSummary.js

@@ -1,5 +1,5 @@
-import { extractEntity, isEntityPresent } from "@atlaskit/link-extractors";
-import { fg } from "@atlaskit/platform-feature-flags";
+import { extractEntity, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  * Return link summary

package/dist/esm/extractors/flexible/actions/extract-view-related-links-action.js

@@ -1,5 +1,5 @@
 import { extractAri, extractSmartLinkAri } from '@atlaskit/link-extractors';
-import { fg } from "@atlaskit/platform-feature-flags";
+import { fg } from '@atlaskit/platform-feature-flags';
 export var extractViewRelatedLinksAction = function extractViewRelatedLinksAction(response) {
   var _response$meta;
   if (!(response !== null && response !== void 0 && (_response$meta = response.meta) !== null && _response$meta !== void 0 && (_response$meta = _response$meta.supportedFeature) !== null && _response$meta !== void 0 && _response$meta.includes('RelatedLinks'))) {

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

@@ -5,7 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkAuthorGroup, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { extractSmartLinkSummary } from "../common/primitives/extractSummary";
+import { extractSmartLinkSummary } from '../common/primitives/extractSummary';
 import { extractFlexibleCardActions } from './actions';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import extractLinkTitle from './extract-link-title';

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

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

@@ -164,6 +164,7 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
 };
 var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
   var _ref3 = context || {},
+    linkTitle = _ref3.linkTitle,
     title = _ref3.title,
     _ref3$url = _ref3.url,
     url = _ref3$url === void 0 ? '' : _ref3$url;
@@ -174,7 +175,7 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick)
     onClick: onClick,
     target: target,
     testId: testId,
-    text: text || title,
+    text: text || title || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };

package/dist/esm/view/FlexibleCard/components/elements/comment-count-element/index.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onRender"];
+import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, IconType } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseBadgeElement, toBadgeProps } from '../common';
@@ -7,9 +10,20 @@ var CommentCountElement = function CommentCountElement(props) {
   var _context$commentCount;
   var context = useFlexibleUiContext();
   var data = context ? toBadgeProps((_context$commentCount = context.commentCount) === null || _context$commentCount === void 0 ? void 0 : _context$commentCount.toString()) : null;
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
   return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
     icon: IconType.Comment
-  }, data, props, {
+  }, data, restProps, {
     name: ElementName.CommentCount
   })) : null;
 };

package/dist/esm/view/FlexibleCard/components/elements/modified-on-element/index.js

@@ -1,12 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onRender"];
+import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseDateTimeElement, toDateTimeProps } from '../common';
 var ModifiedOnElement = function ModifiedOnElement(props) {
   var context = useFlexibleUiContext();
   var data = context ? toDateTimeProps('modified', context.modifiedOn) : null;
-  return data ? /*#__PURE__*/React.createElement(BaseDateTimeElement, _extends({}, data, props, {
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/React.createElement(BaseDateTimeElement, _extends({}, data, restProps, {
     name: ElementName.ModifiedOn
   })) : null;
 };

package/dist/esm/view/FlexibleCard/components/elements/owned-by-element/index.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onRender"];
+import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -7,7 +10,17 @@ import { BaseTextElement, toFormattedTextProps } from '../common';
 var OwnedByElement = function OwnedByElement(props) {
   var context = useFlexibleUiContext();
   var data = context ? toFormattedTextProps(messages.owned_by, context.ownedBy) : null;
-  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, props, {
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, restProps, {
     name: ElementName.OwnedBy
   })) : null;
 };

package/dist/esm/view/FlexibleCard/components/elements/owned-by-group-element/index.js

@@ -1,12 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onRender"];
+import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseAvatarGroupElement, toAvatarGroupProps } from '../common';
 var OwnedByGroupElement = function OwnedByGroupElement(props) {
   var context = useFlexibleUiContext();
   var data = context ? toAvatarGroupProps(context.ownedByGroup, false) : null;
-  return data ? /*#__PURE__*/React.createElement(BaseAvatarGroupElement, _extends({}, data, props, {
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
+  return data ? /*#__PURE__*/React.createElement(BaseAvatarGroupElement, _extends({}, data, restProps, {
     name: ElementName.OwnedByGroup
   })) : null;
 };

package/dist/esm/view/FlexibleCard/components/elements/react-count-element/index.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onRender"];
+import React, { useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, IconType } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseBadgeElement, toBadgeProps } from '../common';
@@ -7,9 +10,19 @@ var ReactCountElement = function ReactCountElement(props) {
   var _context$reactCount;
   var context = useFlexibleUiContext();
   var data = context ? toBadgeProps((_context$reactCount = context.reactCount) === null || _context$reactCount === void 0 ? void 0 : _context$reactCount.toString()) : null;
+  var _ref = props || {},
+    onRender = _ref.onRender,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(function () {
+      onRender === null || onRender === void 0 || onRender(!!data);
+    }, [data, onRender]);
+  }
   return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
     icon: IconType.React
-  }, data, props, {
+  }, data, restProps, {
     name: ElementName.ReactCount
   })) : null;
 };

package/dist/esm/view/FlexibleCard/external.js

@@ -35,7 +35,8 @@ export var CollaboratorGroupElement = function CollaboratorGroupElement() {
 export var CommentCountElement = function CommentCountElement(props) {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(CommentCount, {
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/React.createElement(CommentCount, null);
@@ -71,7 +72,8 @@ export var ModifiedOnElement = function ModifiedOnElement(props) {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(ModifiedOn, {
       hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/React.createElement(ModifiedOn, null);
@@ -80,12 +82,18 @@ export var OwnedByElement = function OwnedByElement(props) {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(OwnedBy, {
       hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/React.createElement(OwnedBy, null);
 };
-export var OwnedByGroupElement = function OwnedByGroupElement() {
+export var OwnedByGroupElement = function OwnedByGroupElement(props) {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(OwnedByGroup, {
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
+    });
+  }
   return /*#__PURE__*/React.createElement(OwnedByGroup, null);
 };
 export var PreviewElement = function PreviewElement(props) {
@@ -108,7 +116,8 @@ export var ProviderElement = function ProviderElement() {
 export var ReactCountElement = function ReactCountElement(props) {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(ReactCount, {
-      color: props === null || props === void 0 ? void 0 : props.color
+      color: props === null || props === void 0 ? void 0 : props.color,
+      onRender: props === null || props === void 0 ? void 0 : props.onRender
     });
   }
   return /*#__PURE__*/React.createElement(ReactCount, null);

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: "38.10.2",
+  packageVersion: "38.12.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/__fixtures__/document-entity.d.ts

@@ -1,3 +1,3 @@
-import { SmartLinkResponse } from "@atlaskit/linking-types";
+import { SmartLinkResponse } from '@atlaskit/linking-types';
 declare const _default: SmartLinkResponse;
 export default _default;

package/dist/types/extractors/common/primitives/extractSummary.d.ts

@@ -1,5 +1,5 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
-import type { SmartLinkResponse } from "@atlaskit/linking-types";
+import type { SmartLinkResponse } from '@atlaskit/linking-types';
 /**
  * Return link summary
  */

package/dist/types/view/FlexibleCard/components/elements/comment-count-element/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { type BaseBadgeElementProps } from '../common';
-export type CommentCountElementProps = BaseBadgeElementProps;
+export type CommentCountElementProps = BaseBadgeElementProps & {
+    onRender?: (hasData: boolean) => void;
+};
 declare const CommentCountElement: (props: CommentCountElementProps) => JSX.Element | null;
 export default CommentCountElement;

package/dist/types/view/FlexibleCard/components/elements/modified-on-element/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { type BaseDateTimeElementProps } from '../common';
-export type ModifiedOnProps = BaseDateTimeElementProps;
+export type ModifiedOnProps = BaseDateTimeElementProps & {
+    onRender?: (hasData: boolean) => void;
+};
 declare const ModifiedOnElement: (props: ModifiedOnProps) => JSX.Element | null;
 export default ModifiedOnElement;

package/dist/types/view/FlexibleCard/components/elements/owned-by-element/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { type BaseTextElementProps } from '../common';
-export type OwnedByElementProps = BaseTextElementProps;
+export type OwnedByElementProps = BaseTextElementProps & {
+    onRender?: (hasData: boolean) => void;
+};
 declare const OwnedByElement: (props: OwnedByElementProps) => JSX.Element | null;
 export default OwnedByElement;

package/dist/types/view/FlexibleCard/components/elements/owned-by-group-element/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { type BaseAvatarGroupElementProps } from '../common';
-export type OwnedByGroupElementProps = BaseAvatarGroupElementProps;
+export type OwnedByGroupElementProps = BaseAvatarGroupElementProps & {
+    onRender?: (hasData: boolean) => void;
+};
 declare const OwnedByGroupElement: (props: OwnedByGroupElementProps) => JSX.Element | null;
 export default OwnedByGroupElement;

package/dist/types/view/FlexibleCard/components/elements/react-count-element/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { type BaseBadgeElementProps } from '../common';
-export type ReactCountElementProps = BaseBadgeElementProps;
+export type ReactCountElementProps = BaseBadgeElementProps & {
+    onRender?: (hasData: boolean) => void;
+};
 declare const ReactCountElement: (props: ReactCountElementProps) => JSX.Element | null;
 export default ReactCountElement;

package/dist/types/view/FlexibleCard/external.d.ts

@@ -8,14 +8,14 @@
  */
 import React from 'react';
 import { Prettify } from '@atlaskit/linking-common';
-import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, Preview, ReactCount, Snippet, Title } from './components/elements';
+import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, OwnedByGroup, Preview, ReactCount, Snippet, Title } from './components/elements';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;
 export declare const AttachmentCountElement: () => React.JSX.Element;
 export declare const AuthorGroupElement: () => React.JSX.Element;
 export declare const ChecklistProgressElement: () => React.JSX.Element;
 export declare const CollaboratorGroupElement: () => React.JSX.Element;
-type CommentCountElementProps = Pick<React.ComponentProps<typeof CommentCount>, 'color'>;
+type CommentCountElementProps = Pick<React.ComponentProps<typeof CommentCount>, 'color' | 'onRender'>;
 export declare const CommentCountElement: (props?: CommentCountElementProps) => React.JSX.Element;
 export declare const CreatedOnElement: () => React.JSX.Element;
 export declare const CreatedByElement: () => React.JSX.Element;
@@ -27,11 +27,12 @@ type LinkIconElementProps = Prettify<Pick<React.ComponentProps<typeof LinkIcon>,
 export declare const LinkIconElement: (props?: LinkIconElementProps) => React.JSX.Element;
 export declare const LocationElement: () => React.JSX.Element;
 export declare const ModifiedByElement: () => React.JSX.Element;
-type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color'>;
+type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color' | 'onRender'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
-type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color'>;
+type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color' | 'onRender'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
-export declare const OwnedByGroupElement: () => React.JSX.Element;
+type OwnedByGroupElementProps = Pick<React.ComponentProps<typeof OwnedByGroup>, 'onRender'>;
+export declare const OwnedByGroupElement: (props?: OwnedByGroupElementProps) => React.JSX.Element;
 type PreviewElementProps = {
     url?: React.ComponentProps<typeof Preview>['overrideUrl'];
 };
@@ -39,7 +40,7 @@ export declare const PreviewElement: (props?: PreviewElementProps) => React.JSX.
 export declare const PriorityElement: () => React.JSX.Element;
 export declare const ProgrammingLanguageElement: () => React.JSX.Element;
 export declare const ProviderElement: () => React.JSX.Element;
-type ReactCountElementProps = Pick<React.ComponentProps<typeof ReactCount>, 'color'>;
+type ReactCountElementProps = Pick<React.ComponentProps<typeof ReactCount>, 'color' | 'onRender'>;
 export declare const ReactCountElement: (props?: ReactCountElementProps) => React.JSX.Element;
 export declare const ReadTimeElement: () => React.JSX.Element;
 export declare const SentOnElement: () => React.JSX.Element;

package/dist/types-ts4.5/__fixtures__/document-entity.d.ts

@@ -1,3 +1,3 @@
-import { SmartLinkResponse } from "@atlaskit/linking-types";
+import { SmartLinkResponse } from '@atlaskit/linking-types';
 declare const _default: SmartLinkResponse;
 export default _default;

package/dist/types-ts4.5/extractors/common/primitives/extractSummary.d.ts

@@ -1,5 +1,5 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
-import type { SmartLinkResponse } from "@atlaskit/linking-types";
+import type { SmartLinkResponse } from '@atlaskit/linking-types';
 /**
  * Return link summary
  */

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { type BaseBadgeElementProps } from '../common';
-export type CommentCountElementProps = BaseBadgeElementProps;
+export type CommentCountElementProps = BaseBadgeElementProps & {
+    onRender?: (hasData: boolean) => void;
+};
 declare const CommentCountElement: (props: CommentCountElementProps) => JSX.Element | null;
 export default CommentCountElement;

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { type BaseDateTimeElementProps } from '../common';
-export type ModifiedOnProps = BaseDateTimeElementProps;
+export type ModifiedOnProps = BaseDateTimeElementProps & {
+    onRender?: (hasData: boolean) => void;
+};
 declare const ModifiedOnElement: (props: ModifiedOnProps) => JSX.Element | null;
 export default ModifiedOnElement;

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { type BaseTextElementProps } from '../common';
-export type OwnedByElementProps = BaseTextElementProps;
+export type OwnedByElementProps = BaseTextElementProps & {
+    onRender?: (hasData: boolean) => void;
+};
 declare const OwnedByElement: (props: OwnedByElementProps) => JSX.Element | null;
 export default OwnedByElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/owned-by-group-element/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { type BaseAvatarGroupElementProps } from '../common';
-export type OwnedByGroupElementProps = BaseAvatarGroupElementProps;
+export type OwnedByGroupElementProps = BaseAvatarGroupElementProps & {
+    onRender?: (hasData: boolean) => void;
+};
 declare const OwnedByGroupElement: (props: OwnedByGroupElementProps) => JSX.Element | null;
 export default OwnedByGroupElement;

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { type BaseBadgeElementProps } from '../common';
-export type ReactCountElementProps = BaseBadgeElementProps;
+export type ReactCountElementProps = BaseBadgeElementProps & {
+    onRender?: (hasData: boolean) => void;
+};
 declare const ReactCountElement: (props: ReactCountElementProps) => JSX.Element | null;
 export default ReactCountElement;

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

@@ -8,14 +8,14 @@
  */
 import React from 'react';
 import { Prettify } from '@atlaskit/linking-common';
-import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, Preview, ReactCount, Snippet, Title } from './components/elements';
+import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, OwnedByGroup, Preview, ReactCount, Snippet, Title } from './components/elements';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;
 export declare const AttachmentCountElement: () => React.JSX.Element;
 export declare const AuthorGroupElement: () => React.JSX.Element;
 export declare const ChecklistProgressElement: () => React.JSX.Element;
 export declare const CollaboratorGroupElement: () => React.JSX.Element;
-type CommentCountElementProps = Pick<React.ComponentProps<typeof CommentCount>, 'color'>;
+type CommentCountElementProps = Pick<React.ComponentProps<typeof CommentCount>, 'color' | 'onRender'>;
 export declare const CommentCountElement: (props?: CommentCountElementProps) => React.JSX.Element;
 export declare const CreatedOnElement: () => React.JSX.Element;
 export declare const CreatedByElement: () => React.JSX.Element;
@@ -27,11 +27,12 @@ type LinkIconElementProps = Prettify<Pick<React.ComponentProps<typeof LinkIcon>,
 export declare const LinkIconElement: (props?: LinkIconElementProps) => React.JSX.Element;
 export declare const LocationElement: () => React.JSX.Element;
 export declare const ModifiedByElement: () => React.JSX.Element;
-type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color'>;
+type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color' | 'onRender'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
-type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color'>;
+type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color' | 'onRender'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
-export declare const OwnedByGroupElement: () => React.JSX.Element;
+type OwnedByGroupElementProps = Pick<React.ComponentProps<typeof OwnedByGroup>, 'onRender'>;
+export declare const OwnedByGroupElement: (props?: OwnedByGroupElementProps) => React.JSX.Element;
 type PreviewElementProps = {
     url?: React.ComponentProps<typeof Preview>['overrideUrl'];
 };
@@ -39,7 +40,7 @@ export declare const PreviewElement: (props?: PreviewElementProps) => React.JSX.
 export declare const PriorityElement: () => React.JSX.Element;
 export declare const ProgrammingLanguageElement: () => React.JSX.Element;
 export declare const ProviderElement: () => React.JSX.Element;
-type ReactCountElementProps = Pick<React.ComponentProps<typeof ReactCount>, 'color'>;
+type ReactCountElementProps = Pick<React.ComponentProps<typeof ReactCount>, 'color' | 'onRender'>;
 export declare const ReactCountElement: (props?: ReactCountElementProps) => React.JSX.Element;
 export declare const ReadTimeElement: () => React.JSX.Element;
 export declare const SentOnElement: () => React.JSX.Element;

package/package.json

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