@atlaskit/smart-card 45.20.7 → 45.21.0

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

@@ -10,12 +10,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 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 context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toDateTimeProps)('modified', context.modifiedOn) : null;
   var _ref = props || {},
     onRender = _ref.onRender,

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

@@ -11,12 +11,12 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var _excluded = ["onRender", "textPrefix"];
 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 context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var _ref = props || {},
     onRender = _ref.onRender,
     _ref$textPrefix = _ref.textPrefix,

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

@@ -10,12 +10,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 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 context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toAvatarGroupProps)(context.ownedByGroup, false) : null;
   var _ref = props || {},
     onRender = _ref.onRender,

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

@@ -9,14 +9,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _mediaElement = _interopRequireDefault(require("../media-element"));
 var _excluded = ["overrideUrl"];
 var PreviewElement = function PreviewElement(props) {
   var _ref = props !== null && props !== void 0 ? props : {},
     overrideUrl = _ref.overrideUrl,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = overrideUrl ? {
     url: overrideUrl,
     type: _constants.MediaType.Image

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

@@ -8,11 +8,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var PriorityElement = function PriorityElement(props) {
   var _context$priority;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.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.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.Priority

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

@@ -8,10 +8,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var ProgrammingLanguageElement = function ProgrammingLanguageElement(props) {
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toBadgeProps)(context.programmingLanguage) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
     icon: _constants.IconType.ProgrammingLanguage

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

@@ -8,11 +8,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var ProviderElement = function ProviderElement(props) {
   var _context$provider;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.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.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.Provider

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

@@ -10,13 +10,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 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 context = (0, _useFlexibleUiContext.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,

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

@@ -9,10 +9,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var ReadTimeElement = function ReadTimeElement(props) {
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toFormattedTextProps)(_messages.messages.read_time, context.readTime) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.ReadTime

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

@@ -8,10 +8,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var SentOnElement = function SentOnElement(props) {
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toDateTimeProps)('sent', context.sentOn) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseDateTimeElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.SentOn

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

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var _excluded = ["content", "maxLines", "className"];
 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); }
@@ -25,7 +25,7 @@ var SnippetElement = function SnippetElement(props) {
     maxLines = _ref$maxLines === void 0 ? SNIPPET_DEFAULT_MAX_LINES : _ref$maxLines,
     className = _ref.className,
     restOfProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   return /*#__PURE__*/React.createElement(_common.BaseTextElement, (0, _extends2.default)({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,

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

@@ -8,10 +8,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var SourceBranchElement = function SourceBranchElement(props) {
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toTextProps)(context.sourceBranch) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.SourceBranch

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

@@ -10,13 +10,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 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 STATE_METRIC_REGEX = /^(.+?)\s+-\s+(\d+(?:\.\d+)?)$/;
 var StateElement = function StateElement(props) {
   var _context$state;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = (_context$state = context === null || context === void 0 ? void 0 : context.state) !== null && _context$state !== void 0 ? _context$state : null;
   var metricProps = (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks

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

@@ -8,10 +8,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var StoryPointsElement = function StoryPointsElement(props) {
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toAtlaskitBadgeProps)(context.storyPoints) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseAtlaskitBadgeElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.StoryPoints

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

@@ -8,11 +8,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var SubTasksProgressElement = function SubTasksProgressElement(props) {
   var _context$subTasksProg;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toBadgeProps)((_context$subTasksProg = context.subTasksProgress) === null || _context$subTasksProg === void 0 ? void 0 : _context$subTasksProg.toString()) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
     icon: _constants.IconType.SubTasksProgress

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

@@ -8,11 +8,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var SubscriberCountElement = function SubscriberCountElement(props) {
   var _context$subscriberCo;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toBadgeProps)((_context$subscriberCo = context.subscriberCount) === null || _context$subscriberCo === void 0 ? void 0 : _context$subscriberCo.toString()) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
     icon: _constants.IconType.Subscriber

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

@@ -8,10 +8,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var TargetBranchElement = function TargetBranchElement(props) {
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toTextProps)(context.targetBranch) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.TargetBranch

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

@@ -9,12 +9,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var MAX_TEAM_MEMBER_LIMIT = 50;
 var TeamMemberCountElement = function TeamMemberCountElement(props) {
   var _context$teamMemberCo;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   if (!(context !== null && context !== void 0 && context.teamMemberCount)) {
     return null;
   }

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

@@ -8,10 +8,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var TitleElement = function TitleElement(props) {
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? context === null || context === void 0 ? void 0 : context.linkTitle : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseLinkElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.Title

package/dist/cjs/view/FlexibleCard/components/elements/user-attributes-element/index.js

@@ -9,10 +9,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var UserAttributesElement = function UserAttributesElement(props) {
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var renderUserAttributes = function renderUserAttributes(userAttributes) {
     if (!userAttributes) {
       return null;

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

@@ -8,11 +8,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var ViewCountElement = function ViewCountElement(props) {
   var _context$viewCount;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toBadgeProps)((_context$viewCount = context.viewCount) === null || _context$viewCount === void 0 ? void 0 : _context$viewCount.toString()) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
     icon: _constants.IconType.View

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

@@ -8,11 +8,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
 var _common = require("../common");
 var VoteCountElement = function VoteCountElement(props) {
   var _context$voteCount;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toBadgeProps)((_context$voteCount = context.voteCount) === null || _context$voteCount === void 0 ? void 0 : _context$voteCount.toString()) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
     icon: _constants.IconType.Vote

package/dist/cjs/view/FlexibleCard/components/getFormattedMessage.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFormattedMessage = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var getFormattedMessage = exports.getFormattedMessage = function getFormattedMessage(message) {
+  if (message) {
+    var descriptor = message.descriptor,
+      values = message.values;
+    return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, descriptor, {
+      values: values
+    }));
+  }
+};

package/dist/cjs/view/FlexibleCard/components/getFormattedMessageAsString.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFormattedMessageAsString = void 0;
+var getFormattedMessageAsString = exports.getFormattedMessageAsString = function getFormattedMessageAsString(intl, message, context) {
+  var formatMessage = intl.formatMessage;
+  return message ? formatMessage(message, {
+    context: context
+  }) : '';
+};

package/dist/cjs/view/FlexibleCard/components/getIconWidth.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIconWidth = void 0;
+var _constants = require("../../../constants");
+var getIconWidth = exports.getIconWidth = function getIconWidth(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+    case _constants.SmartLinkSize.Large:
+      return "var(--ds-space-300, 24px)";
+    case _constants.SmartLinkSize.Medium:
+    case _constants.SmartLinkSize.Small:
+    default:
+      return "var(--ds-space-200, 16px)";
+  }
+};

package/dist/cjs/view/FlexibleCard/components/getMaxLineHeight.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMaxLineHeight = void 0;
+var _constants = require("../../../constants");
+var getMaxLineHeight = exports.getMaxLineHeight = function getMaxLineHeight(size) {
+  // The maximum line height based on all elements in specific size.
+  // These heights belongs to AvatarGroup.
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+    case _constants.SmartLinkSize.Large:
+      return 1.75;
+    case _constants.SmartLinkSize.Medium:
+    case _constants.SmartLinkSize.Small:
+    default:
+      return 1.5;
+  }
+};

package/dist/cjs/view/FlexibleCard/components/getMaxLines.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMaxLines = void 0;
+var getMaxLines = exports.getMaxLines = function getMaxLines(value, defaultValue, max, min) {
+  if (value > max) {
+    return defaultValue;
+  }
+  if (value < min) {
+    return min;
+  }
+  return value;
+};

package/dist/cjs/view/FlexibleCard/components/getPrimitivesInlineSpaceBySize.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPrimitivesInlineSpaceBySize = void 0;
+var _constants = require("../../../constants");
+/**
+ * A space between element based on smart link size
+ * To replace blocks/utils.tsz getGapSize() with space token for primitives
+ */
+var getPrimitivesInlineSpaceBySize = exports.getPrimitivesInlineSpaceBySize = function getPrimitivesInlineSpaceBySize(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return 'space.250';
+    case _constants.SmartLinkSize.Large:
+      return 'space.200';
+    case _constants.SmartLinkSize.Medium:
+      return 'space.100';
+    case _constants.SmartLinkSize.Small:
+    default:
+      return 'space.050';
+  }
+};

package/dist/cjs/view/FlexibleCard/components/hasWhiteSpace.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasWhiteSpace = void 0;
+var hasWhiteSpace = exports.hasWhiteSpace = function hasWhiteSpace(str) {
+  return str.search(/\s/) >= 0;
+};

package/dist/cjs/view/FlexibleCard/components/importIcon.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.importIcon = void 0;
+var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var importIcon = exports.importIcon = function importIcon(importFn) {
+  return (0, _reactLoadable.default)({
+    loader: function loader() {
+      return importFn().then(function (module) {
+        return module.default;
+      });
+    },
+    loading: function loading() {
+      return null;
+    }
+  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
+};

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

@@ -4,92 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizeToButtonSpacing = exports.importIcon = exports.hasWhiteSpace = exports.getPrimitivesInlineSpaceBySize = exports.getMaxLines = exports.getMaxLineHeight = exports.getIconWidth = exports.getFormattedMessageAsString = exports.getFormattedMessage = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.sizeToButtonSpacing = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntl = require("react-intl");
-var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _constants = require("../../../constants");
-var sizeToButtonSpacing = exports.sizeToButtonSpacing = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.SmartLinkSize.Small, 'none'), _constants.SmartLinkSize.Medium, 'compact'), _constants.SmartLinkSize.Large, 'compact'), _constants.SmartLinkSize.XLarge, 'default');
-var getFormattedMessage = exports.getFormattedMessage = function getFormattedMessage(message) {
-  if (message) {
-    var descriptor = message.descriptor,
-      values = message.values;
-    return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, descriptor, {
-      values: values
-    }));
-  }
-};
-var getFormattedMessageAsString = exports.getFormattedMessageAsString = function getFormattedMessageAsString(intl, message, context) {
-  var formatMessage = intl.formatMessage;
-  return message ? formatMessage(message, {
-    context: context
-  }) : '';
-};
-var getIconWidth = exports.getIconWidth = function getIconWidth(size) {
-  switch (size) {
-    case _constants.SmartLinkSize.XLarge:
-    case _constants.SmartLinkSize.Large:
-      return "var(--ds-space-300, 24px)";
-    case _constants.SmartLinkSize.Medium:
-    case _constants.SmartLinkSize.Small:
-    default:
-      return "var(--ds-space-200, 16px)";
-  }
-};
-var importIcon = exports.importIcon = function importIcon(importFn) {
-  return (0, _reactLoadable.default)({
-    loader: function loader() {
-      return importFn().then(function (module) {
-        return module.default;
-      });
-    },
-    loading: function loading() {
-      return null;
-    }
-  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
-};
-var getMaxLineHeight = exports.getMaxLineHeight = function getMaxLineHeight(size) {
-  // The maximum line height based on all elements in specific size.
-  // These heights belongs to AvatarGroup.
-  switch (size) {
-    case _constants.SmartLinkSize.XLarge:
-    case _constants.SmartLinkSize.Large:
-      return 1.75;
-    case _constants.SmartLinkSize.Medium:
-    case _constants.SmartLinkSize.Small:
-    default:
-      return 1.5;
-  }
-};
-var getMaxLines = exports.getMaxLines = function getMaxLines(value, defaultValue, max, min) {
-  if (value > max) {
-    return defaultValue;
-  }
-  if (value < min) {
-    return min;
-  }
-  return value;
-};
-
-/**
- * A space between element based on smart link size
- * To replace blocks/utils.tsz getGapSize() with space token for primitives
- */
-var getPrimitivesInlineSpaceBySize = exports.getPrimitivesInlineSpaceBySize = function getPrimitivesInlineSpaceBySize(size) {
-  switch (size) {
-    case _constants.SmartLinkSize.XLarge:
-      return 'space.250';
-    case _constants.SmartLinkSize.Large:
-      return 'space.200';
-    case _constants.SmartLinkSize.Medium:
-      return 'space.100';
-    case _constants.SmartLinkSize.Small:
-    default:
-      return 'space.050';
-  }
-};
-var hasWhiteSpace = exports.hasWhiteSpace = function hasWhiteSpace(str) {
-  return str.search(/\s/) >= 0;
-};
+var sizeToButtonSpacing = exports.sizeToButtonSpacing = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.SmartLinkSize.Small, 'none'), _constants.SmartLinkSize.Medium, 'compact'), _constants.SmartLinkSize.Large, 'compact'), _constants.SmartLinkSize.XLarge, 'default');