@atlaskit/smart-card 38.5.0 → 38.5.1

package/dist/esm/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -155,4 +155,15 @@ var BaseBadgeElementCompiledNew = function BaseBadgeElementCompiledNew(_ref2) {
 };
 export default withFeatureFlaggedComponent(BaseBadgeElementCompiledNew, BaseBadgeElementRefreshNewWithOverrideCss, function () {
   return fg('platform-linking-visual-refresh-v1');
-});
+});
+export var toBadgeProps = function toBadgeProps(label) {
+  if (fg('platform-linking-flexible-card-elements-refactor')) {
+    // Don't render the element if its 0
+    return label !== '0' && label ? {
+      label: label
+    } : undefined;
+  }
+  return label ? {
+    label: label
+  } : undefined;
+};

package/dist/esm/view/FlexibleCard/components/elements/common/base-date-time-element/index.js

@@ -27,7 +27,7 @@ var typeToDescriptorMap = {
 /**
  * A base element that displays an ISO Timestamp in text.
  * @internal
- * @param {BaseDateTimeProps} BaseDateTimeProps - The props necessary for the DateTime element.
+ * @param {BaseDateTimeElementProps} BaseDateTimeElementProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn
  * @see SentOn
@@ -93,4 +93,10 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", className])
   }, content);
 };
-export default BaseDateTimeElement;
+export default BaseDateTimeElement;
+export var toDateTimeProps = function toDateTimeProps(type, dateString) {
+  return dateString ? {
+    date: new Date(dateString),
+    type: type
+  } : undefined;
+};

package/dist/esm/view/FlexibleCard/components/elements/{icon-element → common/base-icon-element}/index.js

@@ -1,9 +1,12 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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; }
 /* eslint-disable @compiled/shorthand-property-sorting */
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
@@ -12,10 +15,11 @@ import { useMemo } from 'react';
 import LinkIcon from '@atlaskit/icon/core/migration/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
-import { SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import AtlaskitIcon from '../../common/atlaskit-icon';
-import ImageIcon from '../../common/image-icon';
-import { getIconWidth } from '../../utils';
+import { SmartLinkPosition, SmartLinkSize } from '../../../../../../constants';
+import { isProfileType } from '../../../../../../utils';
+import AtlaskitIcon from '../../../common/atlaskit-icon';
+import ImageIcon from '../../../common/image-icon';
+import { getIconWidth } from '../../../utils';
 var styles = {
   container: "_1ul91ns9",
   iconWrapperStyle: "_1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -110,4 +114,16 @@ var IconElement = function IconElement(_ref) {
     }
   }, element));
 };
-export default IconElement;
+export default IconElement;
+export var toLinkIconProps = function toLinkIconProps(data, type) {
+  var isDataLinkIcon = function isDataLinkIcon(_data) {
+    return _typeof(_data) === 'object' && _data !== null && ('icon' in _data || 'url' in _data);
+  };
+  if (!isDataLinkIcon(data)) {
+    return _typeof(data) === 'object' ? data : undefined;
+  }
+  var isImageRound = isProfileType(type);
+  return _objectSpread(_objectSpread({}, data), {}, {
+    appearance: isImageRound ? 'round' : 'square'
+  });
+};

package/dist/esm/view/FlexibleCard/components/elements/common/base-link-element/index.js

@@ -112,4 +112,10 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug"])
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
 };
-export default BaseLinkElement;
+export default BaseLinkElement;
+export var toLinkProps = function toLinkProps(text, url) {
+  return text ? {
+    text: text,
+    url: url
+  } : undefined;
+};

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/index.js

@@ -4,6 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { FormattedDate } from 'react-intl-next';
 import AtlaskitLozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
@@ -54,4 +55,18 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_1e0c116y _vwz41kw7", fg('platform-linking-visual-refresh-v1') && "_1e0c116y _1ul91ns9", className])
   }), lozenge);
 };
-export default BaseLozengeElement;
+export default BaseLozengeElement;
+export var toDateLozengeProps = function toDateLozengeProps(dateString) {
+  if (dateString) {
+    var text = Date.parse(dateString) ? /*#__PURE__*/React.createElement(FormattedDate, {
+      value: new Date(dateString),
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      formatMatcher: "best fit"
+    }) : dateString;
+    return {
+      text: text
+    };
+  }
+};

package/dist/esm/view/FlexibleCard/components/elements/common/base-text-element/index.js

@@ -46,4 +46,30 @@ export var BaseTextElement = function BaseTextElement(_ref) {
     }
   }, fg('platform-linking-additional-flexible-element-props') ? newContent : oldContent);
 };
-export default BaseTextElement;
+export default BaseTextElement;
+export var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return context ? {
+      message: {
+        descriptor: descriptor,
+        values: {
+          context: context
+        }
+      },
+      content: context
+    } : undefined;
+  }
+  return context ? {
+    message: {
+      descriptor: descriptor,
+      values: {
+        context: context
+      }
+    }
+  } : undefined;
+};
+export var toTextProps = function toTextProps(content) {
+  return content ? {
+    content: content
+  } : undefined;
+};

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

@@ -1,6 +1,8 @@
-export { default as BaseBadgeElement } from './base-badge-element';
-export { default as BaseTextElement } from './base-text-element';
-export { default as BaseAvatarGroupElement } from './base-avatar-group-element';
-export { default as BaseDateTimeElement } from './base-date-time-element';
-export { default as BaseLozengeElement } from './base-lozenge-element';
-export { default as BaseLinkElement } from './base-link-element';
+export { default as BaseBadgeElement, toBadgeProps } from './base-badge-element';
+export { default as BaseTextElement, toFormattedTextProps, toTextProps } from './base-text-element';
+export { default as BaseAvatarGroupElement, toAvatarGroupProps } from './base-avatar-group-element';
+export { default as BaseDateTimeElement, toDateTimeProps } from './base-date-time-element';
+export { default as BaseLozengeElement, toDateLozengeProps } from './base-lozenge-element';
+export { default as BaseLinkElement, toLinkProps } from './base-link-element';
+export { default as BaseIconElement, toLinkIconProps } from './base-icon-element';
+export { default as BaseAtlaskitBadgeElement, toAtlaskitBadgeProps } from './base-atlaskit-badge-element';

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

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseTextElement, toFormattedTextProps } from '../common';
+var CreatedByElement = function CreatedByElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toFormattedTextProps(messages.created_by, context.createdBy) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, props, {
+    name: ElementName.CreatedBy
+  })) : null;
+};
+export default CreatedByElement;

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

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseDateTimeElement, toDateTimeProps } from '../common';
+var CreatedOnElement = function CreatedOnElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toDateTimeProps('created', context.createdOn) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseDateTimeElement, _extends({}, data, props, {
+    name: ElementName.CreatedOn
+  })) : null;
+};
+export default CreatedOnElement;

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

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseLozengeElement, toDateLozengeProps } from '../common';
+var DueOnElement = function DueOnElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toDateLozengeProps(context.dueOn) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseLozengeElement, _extends({}, data, props, {
+    name: ElementName.DueOn
+  })) : null;
+};
+export default DueOnElement;

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

@@ -1,5 +1,12 @@
 import { ElementName } from '../../../../constants';
 import { createElement } from './utils';
+/**
+ * @note The intention is to replace all the exports below with an import from
+ * the direct files when `createElement` is deleted.
+ * This changes should be made when FG platform-linking-flexible-card-elements-refactor
+ * is cleaned up
+ */
+
 // Attention: Keep the export name and element name the same.
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems
@@ -8,6 +15,9 @@ import { createElement } from './utils';
  * @see Text
  */
 export var AssignedTo = createElement(ElementName.AssignedTo);
+// For example, this should be replaced with
+// export { default * AssignedTo } from "./assigned-to-element"
+
 /**
  * An AvatarGroup element using the data from AssignedToGroup in the Flexible UI Context.
  * @see AvatarGroup

package/dist/esm/view/FlexibleCard/components/elements/latest-commit-element/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+var LatestCommitElement = function LatestCommitElement(props) {
+  var _context$latestCommit;
+  var context = useFlexibleUiContext();
+  var data = context ? toBadgeProps((_context$latestCommit = context.latestCommit) === null || _context$latestCommit === void 0 ? void 0 : _context$latestCommit.toString()) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.Commit
+  }, data, props, {
+    name: ElementName.LatestCommit
+  })) : null;
+};
+export default LatestCommitElement;

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

@@ -0,0 +1,24 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseIconElement, toLinkIconProps } from '../common';
+var LinkIconElement = function LinkIconElement(props) {
+  var context = useFlexibleUiContext();
+  if (!context) {
+    return null;
+  }
+  if (fg('platform-linking-visual-refresh-v2')) {
+    var _data = toLinkIconProps(context === null || context === void 0 ? void 0 : context.linkIcon, context.type);
+    return _data ? /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, _data, props, {
+      name: ElementName.LinkIcon
+    })) : null;
+  }
+  var data = _typeof(context === null || context === void 0 ? void 0 : context.linkIcon) === 'object' ? context === null || context === void 0 ? void 0 : context.linkIcon : undefined;
+  return data ? /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, data, props, {
+    name: ElementName.LinkIcon
+  })) : null;
+};
+export default LinkIconElement;

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

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, SmartLinkInternalTheme } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseLinkElement } from '../common';
+var LocationElement = function LocationElement(props) {
+  var _context$location;
+  var context = useFlexibleUiContext();
+  var data = (_context$location = context === null || context === void 0 ? void 0 : context.location) !== null && _context$location !== void 0 ? _context$location : null;
+  return data ? /*#__PURE__*/React.createElement(BaseLinkElement, _extends({
+    theme: SmartLinkInternalTheme.Grey
+  }, data, props, {
+    name: ElementName.Location
+  })) : null;
+};
+export default LocationElement;

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

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseTextElement, toFormattedTextProps } from '../common';
+var ModifiedByElement = function ModifiedByElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toFormattedTextProps(messages.modified_by, context.modifiedBy) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, props, {
+    name: ElementName.ModifiedBy
+  })) : null;
+};
+export default ModifiedByElement;

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

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+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, {
+    name: ElementName.ModifiedOn
+  })) : null;
+};
+export default ModifiedOnElement;

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

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+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, {
+    name: ElementName.OwnedBy
+  })) : null;
+};
+export default OwnedByElement;

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

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+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, {
+    name: ElementName.OwnedByGroup
+  })) : null;
+};
+export default OwnedByGroupElement;

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

@@ -1,20 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["overrideUrl"];
-import React, { useContext } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import React from 'react';
 import { MediaType } from '../../../../../constants';
-import { FlexibleUiContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import MediaElement from '../media-element';
 var PreviewElement = function PreviewElement(props) {
   var _ref = props !== null && props !== void 0 ? props : {},
     overrideUrl = _ref.overrideUrl,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var context = fg('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useFlexibleUiContext() :
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useContext(FlexibleUiContext);
+  var context = useFlexibleUiContext();
   var data = overrideUrl ? {
     url: overrideUrl,
     type: MediaType.Image

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

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement } from '../common';
+var PriorityElement = function PriorityElement(props) {
+  var _context$priority;
+  var context = useFlexibleUiContext();
+  var data = (_context$priority = context === null || context === void 0 ? void 0 : context.priority) !== null && _context$priority !== void 0 ? _context$priority : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({}, data, props, {
+    name: ElementName.Priority
+  })) : null;
+};
+export default PriorityElement;

package/dist/esm/view/FlexibleCard/components/elements/programming-language-element/index.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+var ProgrammingLanguageElement = function ProgrammingLanguageElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toBadgeProps(context.programmingLanguage) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.ProgrammingLanguage
+  }, data, props, {
+    name: ElementName.ProgrammingLanguage
+  })) : null;
+};
+export default ProgrammingLanguageElement;

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

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement } from '../common';
+var ProviderElement = function ProviderElement(props) {
+  var _context$provider;
+  var context = useFlexibleUiContext();
+  var data = (_context$provider = context === null || context === void 0 ? void 0 : context.provider) !== null && _context$provider !== void 0 ? _context$provider : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({}, data, props, {
+    name: ElementName.Provider
+  })) : null;
+};
+export default ProviderElement;

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

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+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;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.React
+  }, data, props, {
+    name: ElementName.ReactCount
+  })) : null;
+};
+export default ReactCountElement;

package/dist/esm/view/FlexibleCard/components/elements/read-time-element/index.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseTextElement, toFormattedTextProps } from '../common';
+var ReadTimeElement = function ReadTimeElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toFormattedTextProps(messages.read_time, context.readTime) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, props, {
+    name: ElementName.ReadTime
+  })) : null;
+};
+export default ReadTimeElement;

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

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseDateTimeElement, toDateTimeProps } from '../common';
+var SentOnElement = function SentOnElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toDateTimeProps('sent', context.sentOn) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseDateTimeElement, _extends({}, data, props, {
+    name: ElementName.SentOn
+  })) : null;
+};
+export default SentOnElement;

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

@@ -5,9 +5,8 @@ var _excluded = ["content", "maxLines", "className"];
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useContext } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { FlexibleUiContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseTextElement } from '../common';
 var SNIPPET_DEFAULT_MAX_LINES = 3;
 
@@ -21,11 +20,7 @@ var SnippetElement = function SnippetElement(props) {
     maxLines = _ref$maxLines === void 0 ? SNIPPET_DEFAULT_MAX_LINES : _ref$maxLines,
     className = _ref.className,
     restOfProps = _objectWithoutProperties(_ref, _excluded);
-  var context = fg('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useFlexibleUiContext() :
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useContext(FlexibleUiContext);
+  var context = useFlexibleUiContext();
   return /*#__PURE__*/React.createElement(BaseTextElement, _extends({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,

package/dist/esm/view/FlexibleCard/components/elements/source-branch-element/index.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseTextElement, toTextProps } from '../common';
+var SourceBranchElement = function SourceBranchElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toTextProps(context.sourceBranch) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, props, {
+    name: ElementName.SourceBranch
+  })) : null;
+};
+export default SourceBranchElement;

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

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseLozengeElement } from '../common';
+var StateElement = function StateElement(props) {
+  var _context$state;
+  var context = useFlexibleUiContext();
+  var data = (_context$state = context === null || context === void 0 ? void 0 : context.state) !== null && _context$state !== void 0 ? _context$state : null;
+  return data ? /*#__PURE__*/React.createElement(BaseLozengeElement, _extends({}, data, props, {
+    name: ElementName.State
+  })) : null;
+};
+export default StateElement;

package/dist/esm/view/FlexibleCard/components/elements/story-points-element/index.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseAtlaskitBadgeElement, toAtlaskitBadgeProps } from '../common';
+var StoryPointsElement = function StoryPointsElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toAtlaskitBadgeProps(context.storyPoints) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseAtlaskitBadgeElement, _extends({}, data, props, {
+    name: ElementName.StoryPoints
+  })) : null;
+};
+export default StoryPointsElement;

package/dist/esm/view/FlexibleCard/components/elements/sub-tasks-progress-element/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+var SubTasksProgressElement = function SubTasksProgressElement(props) {
+  var _context$subTasksProg;
+  var context = useFlexibleUiContext();
+  var data = context ? toBadgeProps((_context$subTasksProg = context.subTasksProgress) === null || _context$subTasksProg === void 0 ? void 0 : _context$subTasksProg.toString()) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.SubTasksProgress
+  }, data, props, {
+    name: ElementName.SubTasksProgress
+  })) : null;
+};
+export default SubTasksProgressElement;

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

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+var SubscriberCountElement = function SubscriberCountElement(props) {
+  var _context$subscriberCo;
+  var context = useFlexibleUiContext();
+  var data = context ? toBadgeProps((_context$subscriberCo = context.subscriberCount) === null || _context$subscriberCo === void 0 ? void 0 : _context$subscriberCo.toString()) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.Subscriber
+  }, data, props, {
+    name: ElementName.SubscriberCount
+  })) : null;
+};
+export default SubscriberCountElement;

package/dist/esm/view/FlexibleCard/components/elements/target-branch-element/index.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseTextElement, toTextProps } from '../common';
+var TargetBranchElement = function TargetBranchElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toTextProps(context.targetBranch) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, props, {
+    name: ElementName.TargetBranch
+  })) : null;
+};
+export default TargetBranchElement;

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

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseLinkElement, toLinkProps } from '../common';
+var TitleElement = function TitleElement(props) {
+  var context = useFlexibleUiContext();
+  var data = context ? toLinkProps(context.title, context.url) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseLinkElement, _extends({}, data, props, {
+    name: ElementName.Title
+  })) : null;
+};
+export default TitleElement;