@atlaskit/smart-card 45.20.7 → 45.21.0

package/dist/cjs/view/FlexibleCard/components/elements/common/base-badge-element/toBadgeProps.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toBadgeProps = void 0;
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+var toBadgeProps = exports.toBadgeProps = function toBadgeProps(label) {
+  // Don't render the element if its 0
+  return label !== '0' && label ? {
+    label: label
+  } : undefined;
+};

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

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toDateTimeProps = exports.default = void 0;
+exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
@@ -140,10 +140,4 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref2) {
     className: (0, _runtime.ax)(["_11c8wadc _1reo15vq _18m915vq _syazazsu _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", fontSize !== undefined && fontOverrideStyleMap[fontSize], className])
   }, content);
 };
-var _default = exports.default = BaseDateTimeElement;
-var toDateTimeProps = exports.toDateTimeProps = function toDateTimeProps(type, dateString) {
-  return dateString ? {
-    date: new Date(dateString),
-    type: type
-  } : undefined;
-};
+var _default = exports.default = BaseDateTimeElement;

package/dist/cjs/view/FlexibleCard/components/elements/common/base-date-time-element/toDateTimeProps.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toDateTimeProps = void 0;
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+var toDateTimeProps = exports.toDateTimeProps = function toDateTimeProps(type, dateString) {
+  return dateString ? {
+    date: new Date(dateString),
+    type: type
+  } : undefined;
+};

package/dist/cjs/view/FlexibleCard/components/elements/common/base-icon-element/index.js

@@ -2,30 +2,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toLinkIconProps = exports.default = void 0;
+exports.default = void 0;
 require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tile = _interopRequireDefault(require("@atlaskit/tile/tile"));
 var _constants = require("../../../../../../constants");
-var _utils = require("../../../../../../utils");
 var _imageIcon = _interopRequireDefault(require("../../../../../common/image-icon"));
 var _atlaskitIcon = _interopRequireDefault(require("../../../common/atlaskit-icon"));
-var _utils2 = require("../../../utils");
-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" != _typeof3(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); }
-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) { (0, _defineProperty2.default)(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 */
+var _getIconWidth = require("../../../getIconWidth");
+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); }
+/* eslint-disable @compiled/shorthand-property-sorting */
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 var styles = {
   container: "_1ul91ns9",
   iconWrapperStyle: "_1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -121,6 +119,7 @@ var renderImageIconNew = function renderImageIconNew(defaultIcon, url, testId) {
     }));
   }
 };
+
 /**
  * A base element that displays an Icon or favicon.
  * @internal
@@ -150,7 +149,7 @@ var IconElement = function IconElement(_ref) {
     var defaultIcon = renderDefaultIcon(label, testId);
     return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || ((0, _fg.fg)('platform_sl_3p_preauth_better_hovercard_killswitch') ? renderImageIconNew(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton, (0, _fg.fg)('platform_navx_smart_link_icon_label_a11y') ? label : undefined, isTiledIcon) : renderImageIcon(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton, (0, _fg.fg)('platform_navx_smart_link_icon_label_a11y') ? label : undefined)) || renderAtlaskitIcon(icon, testId, size, (0, _fg.fg)('platform_navx_smart_link_icon_label_a11y') ? label : undefined, isTiledIcon) || defaultIcon;
   }, [label, testId, overrideIcon, render, url, size, appearance, hideLoadingSkeleton, icon, isTiledIcon]);
-  var width = (0, _utils2.getIconWidth)(size);
+  var width = (0, _getIconWidth.getIconWidth)(size);
   return /*#__PURE__*/React.createElement("div", {
     "data-smart-element": name,
     "data-smart-element-icon": true,
@@ -173,16 +172,4 @@ var IconElement = function IconElement(_ref) {
     }
   }, element));
 };
-var _default = exports.default = IconElement;
-var toLinkIconProps = exports.toLinkIconProps = function toLinkIconProps(data, type) {
-  var isDataLinkIcon = function isDataLinkIcon(_data) {
-    return (0, _typeof2.default)(_data) === 'object' && _data !== null && ('icon' in _data || 'url' in _data);
-  };
-  if (!isDataLinkIcon(data)) {
-    return (0, _typeof2.default)(data) === 'object' ? data : undefined;
-  }
-  var isImageRound = (0, _utils.isProfileType)(type);
-  return _objectSpread(_objectSpread({}, data), {}, {
-    appearance: isImageRound ? 'round' : 'square'
-  });
-};
+var _default = exports.default = IconElement;

package/dist/cjs/view/FlexibleCard/components/elements/common/base-icon-element/toLinkIconProps.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toLinkIconProps = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _isProfileType = require("../../../../../../utils/is-profile-type");
+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) { (0, _defineProperty2.default)(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 */ /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+var toLinkIconProps = exports.toLinkIconProps = function toLinkIconProps(data, type) {
+  var isDataLinkIcon = function isDataLinkIcon(_data) {
+    return (0, _typeof2.default)(_data) === 'object' && _data !== null && ('icon' in _data || 'url' in _data);
+  };
+  if (!isDataLinkIcon(data)) {
+    return (0, _typeof2.default)(data) === 'object' ? data : undefined;
+  }
+  var isImageRound = (0, _isProfileType.isProfileType)(type);
+  return _objectSpread(_objectSpread({}, data), {}, {
+    appearance: isImageRound ? 'round' : 'square'
+  });
+};

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

@@ -6,15 +6,15 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toLinkProps = exports.default = void 0;
+exports.default = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _constants = require("../../../../../../constants");
-var _useLinkClicked = require("../../../../../../state/analytics/useLinkClicked");
-var _utils = require("../../../utils");
+var _useMouseDownEvent = require("../../../../../../state/analytics/useMouseDownEvent");
+var _hasWhiteSpace = require("../../../hasWhiteSpace");
 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); }
 /* eslint-disable @compiled/shorthand-property-sorting */
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
@@ -97,9 +97,9 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     _ref$target = _ref.target,
     target = _ref$target === void 0 ? '_blank' : _ref$target,
     anchorRef = _ref.anchorRef;
-  var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
+  var onMouseDown = (0, _useMouseDownEvent.useMouseDownEvent)();
   var hasSpace = (0, _react.useMemo)(function () {
-    return text ? (0, _utils.hasWhiteSpace)(text) : false;
+    return text ? (0, _hasWhiteSpace.hasWhiteSpace)(text) : false;
   }, [text]);
   var anchor = /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
     "data-smart-element": name,
@@ -124,10 +124,4 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug"])
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, url !== null && url !== void 0 && url.includes(text) ? url : text, testId));
 };
-var _default = exports.default = BaseLinkElement;
-var toLinkProps = exports.toLinkProps = function toLinkProps(text, url) {
-  return text ? {
-    text: text,
-    url: url
-  } : undefined;
-};
+var _default = exports.default = BaseLinkElement;

package/dist/cjs/view/FlexibleCard/components/elements/common/base-link-element/toLinkProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toLinkProps = void 0;
+/* eslint-disable @compiled/shorthand-property-sorting */
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+var toLinkProps = exports.toLinkProps = function toLinkProps(text, url) {
+  return text ? {
+    text: text,
+    url: url
+  } : undefined;
+};

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

@@ -6,16 +6,15 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toDateLozengeProps = exports.default = void 0;
+exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _reactIntl = require("react-intl");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _simple = _interopRequireDefault(require("@atlaskit/tag/tag/simple"));
-var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
+var _useFlexibleUiOptionContext = require("../../../../../../state/flexible-ui-context/useFlexibleUiOptionContext");
 var _lozengeAction = _interopRequireDefault(require("./lozenge-action"));
 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 styles = null;
@@ -40,7 +39,7 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId,
     isDateTag = _ref.isDateTag,
     trailingMetric = _ref.trailingMetric;
-  var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
+  var ui = (0, _useFlexibleUiOptionContext.useFlexibleUiOptionContext)();
   if (!text) {
     return null;
   }
@@ -77,18 +76,4 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     className: (0, _runtime.ax)(["_1e0c116y _1ul91ns9", isDateTag && (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && "_19pkr5cr _2hwxr5cr _otyrr5cr _18u0r5cr", className])
   }, lozenge);
 };
-var _default = exports.default = BaseLozengeElement;
-var toDateLozengeProps = exports.toDateLozengeProps = function toDateLozengeProps(dateString) {
-  if (dateString) {
-    var text = Date.parse(dateString) ? /*#__PURE__*/React.createElement(_reactIntl.FormattedDate, {
-      value: new Date(dateString),
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      formatMatcher: "best fit"
-    }) : dateString;
-    return {
-      text: text
-    };
-  }
-};
+var _default = exports.default = BaseLozengeElement;

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

@@ -16,7 +16,7 @@ var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useAnalyticsEvents2 = require("../../../../../../../common/analytics/generated/use-analytics-events");
 var _extractLozengeActionItems = _interopRequireDefault(require("../../../../../../../extractors/action/extract-lozenge-action-items"));
 var _useInvoke = _interopRequireDefault(require("../../../../../../../state/hooks/use-invoke"));
-var _utils = require("../../../../../../../state/hooks/use-invoke/utils");
+var _isInvokeCustomError = require("../../../../../../../state/hooks/use-invoke/isInvokeCustomError");
 var _useResolve = _interopRequireDefault(require("../../../../../../../state/hooks/use-resolve"));
 var _createStatusUpdateRequest = _interopRequireDefault(require("../../../../../../../utils/actions/create-status-update-request"));
 var _analytics = require("../../../../../../../utils/analytics/analytics");
@@ -204,7 +204,7 @@ var LozengeAction = function LozengeAction(_ref) {
             _context2.prev = 3;
             _t2 = _context2["catch"](0);
             setIsLoading(false);
-            if ((0, _utils.isInvokeCustomError)(_t2)) {
+            if ((0, _isInvokeCustomError.isInvokeCustomError)(_t2)) {
               setErrorMessage(_t2.message);
               fireEvent('track.smartLinkQuickAction.failed', _lozengeActionAnalytics.validationUpdateErrorAnalyticsPayload);
             } else {

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -20,7 +20,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../../../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../../../../messages");
 var _useInvokeClientAction = _interopRequireDefault(require("../../../../../../../../state/hooks/use-invoke-client-action"));
-var _utils = require("../../../../../utils");
+var _getFormattedMessage = require("../../../../../getFormattedMessage");
 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 MAX_LINE_NUMBER = 8;
 var styles = {
@@ -64,7 +64,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
         "--_t4prqe": (0, _runtime.ix)(maxLineNumber),
         "--_hm3wc5": (0, _runtime.ix)("calc(".concat(maxLineNumber, " * 1rem)"))
       }
-    }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
+    }, typeof errorMessage === 'string' ? errorMessage : (0, _getFormattedMessage.getFormattedMessage)(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
       className: (0, _runtime.ax)([styles.linkStyles])
     }, /*#__PURE__*/React.createElement(_compiled.Pressable, {
       testId: "".concat(testId, "-open-embed"),

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/toDateLozengeProps.js

@@ -0,0 +1,26 @@
+/* toDateLozengeProps.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toDateLozengeProps = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _reactIntl = require("react-intl");
+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 toDateLozengeProps = exports.toDateLozengeProps = function toDateLozengeProps(dateString) {
+  if (dateString) {
+    var text = Date.parse(dateString) ? /*#__PURE__*/React.createElement(_reactIntl.FormattedDate, {
+      value: new Date(dateString),
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      formatMatcher: "best fit"
+    }) : dateString;
+    return {
+      text: text
+    };
+  }
+};

package/dist/cjs/view/FlexibleCard/components/elements/common/base-text-element/BaseTextElement.js

@@ -0,0 +1,59 @@
+/* BaseTextElement.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseTextElement = void 0;
+require("./BaseTextElement.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _getFormattedMessage = require("../../../getFormattedMessage");
+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 baseStyle = null;
+var fontOverrideStyleMap = {
+  'font.body': "_11c8fhey",
+  'font.body.large': "_11c81d4k",
+  'font.body.small': "_11c8wadc"
+};
+
+/**
+ * A base element that displays some Text.
+ * @internal
+ * @param {TextProps} TextProps - The props necessary for the Text element.
+ * @see Title
+ */
+var BaseTextElement = exports.BaseTextElement = function BaseTextElement(_ref) {
+  var content = _ref.content,
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
+    message = _ref.message,
+    name = _ref.name,
+    className = _ref.className,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId,
+    _ref$hideFormat = _ref.hideFormat,
+    hideFormat = _ref$hideFormat === void 0 ? false : _ref$hideFormat,
+    color = _ref.color,
+    fontSize = _ref.fontSize;
+  if (!message && !content) {
+    return null;
+  }
+  var dynamicCss = null;
+  var formattedContent = hideFormat && content ? content : (0, _getFormattedMessage.getFormattedMessage)(message) || content;
+  return /*#__PURE__*/React.createElement("span", {
+    "data-separator": true,
+    "data-smart-element": name,
+    "data-smart-element-text": true,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: (0, _runtime.ax)(["_11c8wadc _1reo15vq _18m915vq _syazazsu _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fontOverrideStyleMap[fontSize], "_1yyjr31u _102klxil", className]),
+    style: {
+      color: color,
+      "--_1erfju8": (0, _runtime.ix)(maxLines),
+      "--_ohw86c": (0, _runtime.ix)("calc(".concat(maxLines, " * 1rem)"))
+    }
+  }, formattedContent);
+};

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

@@ -1,75 +1,12 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toTextProps = exports.toFormattedTextProps = exports.default = exports.BaseTextElement = void 0;
-require("./index.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _utils = require("../../../utils");
-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 baseStyle = null;
-var fontOverrideStyleMap = {
-  'font.body': "_11c8fhey",
-  'font.body.large': "_11c81d4k",
-  'font.body.small': "_11c8wadc"
-};
+exports.default = void 0;
+var _BaseTextElement = require("./BaseTextElement");
 /**
- * A base element that displays some Text.
- * @internal
- * @param {TextProps} TextProps - The props necessary for the Text element.
- * @see Title
+ * @jsxRuntime classic
+ * @jsx jsx
  */
-var BaseTextElement = exports.BaseTextElement = function BaseTextElement(_ref) {
-  var content = _ref.content,
-    _ref$maxLines = _ref.maxLines,
-    maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
-    message = _ref.message,
-    name = _ref.name,
-    className = _ref.className,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId,
-    _ref$hideFormat = _ref.hideFormat,
-    hideFormat = _ref$hideFormat === void 0 ? false : _ref$hideFormat,
-    color = _ref.color,
-    fontSize = _ref.fontSize;
-  if (!message && !content) {
-    return null;
-  }
-  var dynamicCss = null;
-  var formattedContent = hideFormat && content ? content : (0, _utils.getFormattedMessage)(message) || content;
-  return /*#__PURE__*/React.createElement("span", {
-    "data-separator": true,
-    "data-smart-element": name,
-    "data-smart-element-text": true,
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: (0, _runtime.ax)(["_11c8wadc _1reo15vq _18m915vq _syazazsu _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fontOverrideStyleMap[fontSize], "_1yyjr31u _102klxil", className]),
-    style: {
-      color: color,
-      "--_1erfju8": (0, _runtime.ix)(maxLines),
-      "--_ohw86c": (0, _runtime.ix)("calc(".concat(maxLines, " * 1rem)"))
-    }
-  }, formattedContent);
-};
-var _default = exports.default = BaseTextElement;
-var toFormattedTextProps = exports.toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
-  return context ? {
-    message: {
-      descriptor: descriptor,
-      values: {
-        context: context
-      }
-    },
-    content: context
-  } : undefined;
-};
-var toTextProps = exports.toTextProps = function toTextProps(content) {
-  return content ? {
-    content: content
-  } : undefined;
-};
+var _default = exports.default = _BaseTextElement.BaseTextElement;

package/dist/cjs/view/FlexibleCard/components/elements/common/base-text-element/toFormattedTextProps.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toFormattedTextProps = void 0;
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+var toFormattedTextProps = exports.toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
+  return context ? {
+    message: {
+      descriptor: descriptor,
+      values: {
+        context: context
+      }
+    },
+    content: context
+  } : undefined;
+};

package/dist/cjs/view/FlexibleCard/components/elements/common/base-text-element/toTextProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toTextProps = void 0;
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+var toTextProps = exports.toTextProps = function toTextProps(content) {
+  return content ? {
+    content: content
+  } : undefined;
+};

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -55,63 +55,71 @@ Object.defineProperty(exports, "BaseTextElement", {
 Object.defineProperty(exports, "toAtlaskitBadgeProps", {
   enumerable: true,
   get: function get() {
-    return _baseAtlaskitBadgeElement.toAtlaskitBadgeProps;
+    return _toAtlaskitBadgeProps.toAtlaskitBadgeProps;
   }
 });
 Object.defineProperty(exports, "toAvatarGroupProps", {
   enumerable: true,
   get: function get() {
-    return _baseAvatarGroupElement.toAvatarGroupProps;
+    return _toAvatarGroupProps.toAvatarGroupProps;
   }
 });
 Object.defineProperty(exports, "toBadgeProps", {
   enumerable: true,
   get: function get() {
-    return _baseBadgeElement.toBadgeProps;
+    return _toBadgeProps.toBadgeProps;
   }
 });
 Object.defineProperty(exports, "toDateLozengeProps", {
   enumerable: true,
   get: function get() {
-    return _baseLozengeElement.toDateLozengeProps;
+    return _toDateLozengeProps.toDateLozengeProps;
   }
 });
 Object.defineProperty(exports, "toDateTimeProps", {
   enumerable: true,
   get: function get() {
-    return _baseDateTimeElement.toDateTimeProps;
+    return _toDateTimeProps.toDateTimeProps;
   }
 });
 Object.defineProperty(exports, "toFormattedTextProps", {
   enumerable: true,
   get: function get() {
-    return _baseTextElement.toFormattedTextProps;
+    return _toFormattedTextProps.toFormattedTextProps;
   }
 });
 Object.defineProperty(exports, "toLinkIconProps", {
   enumerable: true,
   get: function get() {
-    return _baseIconElement.toLinkIconProps;
+    return _toLinkIconProps.toLinkIconProps;
   }
 });
 Object.defineProperty(exports, "toLinkProps", {
   enumerable: true,
   get: function get() {
-    return _baseLinkElement.toLinkProps;
+    return _toLinkProps.toLinkProps;
   }
 });
 Object.defineProperty(exports, "toTextProps", {
   enumerable: true,
   get: function get() {
-    return _baseTextElement.toTextProps;
-  }
-});
-var _baseBadgeElement = _interopRequireWildcard(require("./base-badge-element"));
-var _baseTextElement = _interopRequireWildcard(require("./base-text-element"));
-var _baseAvatarGroupElement = _interopRequireWildcard(require("./base-avatar-group-element"));
-var _baseDateTimeElement = _interopRequireWildcard(require("./base-date-time-element"));
-var _baseLozengeElement = _interopRequireWildcard(require("./base-lozenge-element"));
-var _baseLinkElement = _interopRequireWildcard(require("./base-link-element"));
-var _baseIconElement = _interopRequireWildcard(require("./base-icon-element"));
-var _baseAtlaskitBadgeElement = _interopRequireWildcard(require("./base-atlaskit-badge-element"));
-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); }
+    return _toTextProps.toTextProps;
+  }
+});
+var _baseBadgeElement = _interopRequireDefault(require("./base-badge-element"));
+var _toBadgeProps = require("./base-badge-element/toBadgeProps");
+var _baseTextElement = _interopRequireDefault(require("./base-text-element"));
+var _toFormattedTextProps = require("./base-text-element/toFormattedTextProps");
+var _toTextProps = require("./base-text-element/toTextProps");
+var _baseAvatarGroupElement = _interopRequireDefault(require("./base-avatar-group-element"));
+var _toAvatarGroupProps = require("./base-avatar-group-element/toAvatarGroupProps");
+var _baseDateTimeElement = _interopRequireDefault(require("./base-date-time-element"));
+var _toDateTimeProps = require("./base-date-time-element/toDateTimeProps");
+var _baseLozengeElement = _interopRequireDefault(require("./base-lozenge-element"));
+var _toDateLozengeProps = require("./base-lozenge-element/toDateLozengeProps");
+var _baseLinkElement = _interopRequireDefault(require("./base-link-element"));
+var _toLinkProps = require("./base-link-element/toLinkProps");
+var _baseIconElement = _interopRequireDefault(require("./base-icon-element"));
+var _toLinkIconProps = require("./base-icon-element/toLinkIconProps");
+var _baseAtlaskitBadgeElement = _interopRequireDefault(require("./base-atlaskit-badge-element"));
+var _toAtlaskitBadgeProps = require("./base-atlaskit-badge-element/toAtlaskitBadgeProps");

package/dist/cjs/view/FlexibleCard/components/elements/created-by-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 CreatedByElement = function CreatedByElement(props) {
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var data = context ? (0, _common.toFormattedTextProps)(_messages.messages.created_by, context.createdBy) : null;
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.CreatedBy