@atlaskit/smart-card 38.4.5 → 38.5.1

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;