@atlaskit/smart-card 43.27.4 → 43.28.0

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

@@ -13,7 +13,9 @@ 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tile = _interopRequireDefault(require("@atlaskit/tile"));
 var _constants = require("../../../../../../constants");
@@ -41,15 +43,19 @@ var customRenderStyleMap = {
 };
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   var size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _constants.SmartLinkSize.Medium;
+  var label = arguments.length > 3 ? arguments[3] : undefined;
   if (icon) {
-    return /*#__PURE__*/React.createElement(_atlaskitIcon.default, {
+    return /*#__PURE__*/React.createElement(_atlaskitIcon.default, (0, _extends2.default)({
       icon: icon,
-      testId: "".concat(testId, "-icon"),
-      "aria-hidden": "true",
-      label: "" // Since we already set aria-hidden="true", the label should be given an empty string
-      ,
+      testId: "".concat(testId, "-icon")
+    }, (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? {
+      label: label
+    } : {
+      'aria-hidden': true,
+      label: ''
+    }, {
       size: size
-    });
+    }));
   }
 };
 var renderDefaultIcon = function renderDefaultIcon(label, testId) {
@@ -63,9 +69,12 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
   var size = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants.SmartLinkSize.Medium;
   var appearance = arguments.length > 4 ? arguments[4] : undefined;
   var hideLoadingSkeleton = arguments.length > 5 ? arguments[5] : undefined;
+  var label = arguments.length > 6 ? arguments[6] : undefined;
   var width = size === _constants.SmartLinkSize.Large ? "var(--ds-space-300, 24px)" : "var(--ds-space-200, 16px)";
   if (url) {
-    return /*#__PURE__*/React.createElement(_imageIcon.default, {
+    return /*#__PURE__*/React.createElement(_imageIcon.default, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? {
+      label: label
+    } : {}, {
       defaultIcon: defaultIcon,
       testId: testId,
       url: url,
@@ -73,7 +82,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
       height: width,
       appearance: appearance,
       hideLoadingSkeleton: hideLoadingSkeleton
-    });
+    }));
   }
 };
 
@@ -86,8 +95,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
 var IconElement = function IconElement(_ref) {
   var icon = _ref.icon,
     overrideIcon = _ref.overrideIcon,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? 'Link' : _ref$label,
+    labelProp = _ref.label,
     name = _ref.name,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? _constants.SmartLinkPosition.Top : _ref$position,
@@ -102,9 +110,10 @@ var IconElement = function IconElement(_ref) {
     appearance = _ref$appearance === void 0 ? 'square' : _ref$appearance,
     hideLoadingSkeleton = _ref.hideLoadingSkeleton,
     isTiledIcon = _ref.isTiledIcon;
+  var label = (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? labelProp !== null && labelProp !== void 0 ? labelProp : '' : labelProp !== null && labelProp !== void 0 ? labelProp : 'Link';
   var element = (0, _react.useMemo)(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton, (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || renderAtlaskitIcon(icon, testId, size, (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || defaultIcon;
   }, [label, testId, overrideIcon, render, url, size, appearance, hideLoadingSkeleton, icon]);
   var width = (0, _utils2.getIconWidth)(size);
   return /*#__PURE__*/React.createElement("div", {

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

@@ -10,10 +10,8 @@ exports.toDateLozengeProps = 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 _reactIntlNext = require("react-intl-next");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 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); }
@@ -40,26 +38,23 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
   if (!text) {
     return null;
   }
-  var lozenge = action ? /*#__PURE__*/React.createElement(_lozengeAction.default, (0, _extends2.default)({
+  var lozenge = action ? /*#__PURE__*/React.createElement(_lozengeAction.default, {
     action: action,
-    appearance: appearance
-  }, (0, _platformFeatureFlags.fg)('platform_navx_sl_lozenge_max_width') ? {
-    maxWidth: maxWidth
-  } : undefined, {
+    appearance: appearance,
+    maxWidth: maxWidth,
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex,
     onAfterChanged: onAfterChanged
-  })) : /*#__PURE__*/React.createElement(_lozenge.default, (0, _extends2.default)({
+  }) : /*#__PURE__*/React.createElement(_lozenge.default, {
     appearance: appearance,
-    isBold: true
-  }, (0, _platformFeatureFlags.fg)('platform_navx_sl_lozenge_max_width') ? {
+    isBold: true,
     maxWidth: maxWidth
-  } : undefined, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style,
     testId: "".concat(testId, "-lozenge")
-  }), text);
+  }, text);
   return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-lozenge": true,

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

@@ -149,10 +149,8 @@ var LozengeAction = function LozengeAction(_ref) {
   var trigger = (0, _react.useCallback)(function (props) {
     return /*#__PURE__*/_react.default.createElement(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
       appearance: selected.appearance,
-      isOpen: isOpen
-    }, (0, _platformFeatureFlags.fg)('platform_navx_sl_lozenge_max_width') ? {
-      maxWidth: maxWidth
-    } : undefined, {
+      isOpen: isOpen,
+      maxWidth: maxWidth,
       testId: testId,
       text: selected.text
     }));

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

@@ -75,21 +75,20 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     return /*#__PURE__*/React.createElement(_compiled.Box, {
       xcss: (0, _react2.cx)(styles.lozengeContainer, (isOpen || isPressing) && styles.lozengeContainerSelected),
       as: "span"
-    }, /*#__PURE__*/React.createElement(_lozenge.default, (0, _extends2.default)({
+    }, /*#__PURE__*/React.createElement(_lozenge.default, {
       appearance: appearance,
-      isBold: true
-    }, (0, _platformFeatureFlags.fg)('platform_navx_sl_lozenge_max_width') ? {
+      isBold: true,
       maxWidth: maxWidth
-    } : undefined, {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+      ,
       style: {
         backgroundColor: lozengeBackgroundColor,
         color: lozengeForegroundColor
       }
-    }), /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: (0, _runtime.ax)(["_4cvr1h6o _1e0c1txw"])
     }, /*#__PURE__*/React.createElement("span", {
-      className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform_navx_sl_lozenge_max_width') && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
+      className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
     }, text), /*#__PURE__*/React.createElement(_compiled.Box, {
       as: "span",
       xcss: styles.chevronDown
@@ -106,7 +105,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     "data-action-open": isOpen,
     "data-testid": "".concat(testId, "--trigger"),
     style: {
-      maxWidth: (0, _platformFeatureFlags.fg)('platform_navx_sl_lozenge_max_width') ? maxWidth : undefined
+      maxWidth: maxWidth
     },
     onMouseDown: onMouseOrKeyDown,
     onMouseUp: onMouseOrKeyUp,

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

@@ -7,14 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _common = require("../common");
+var _resourceTypeToLabel2 = require("./resourceTypeToLabel");
 var LinkIconElement = function LinkIconElement(props) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   if (!context) {
     return null;
   }
+  if ((0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y')) {
+    var _ref, _resourceTypeToLabel, _context$meta, _linkIconProps$label;
+    var linkIconProps = (0, _common.toLinkIconProps)(context === null || context === void 0 ? void 0 : context.linkIcon, context.type);
+    if (!linkIconProps) {
+      return null;
+    }
+    var label = (_ref = (_resourceTypeToLabel = (0, _resourceTypeToLabel2.resourceTypeToLabel)((_context$meta = context.meta) === null || _context$meta === void 0 ? void 0 : _context$meta.resourceType)) !== null && _resourceTypeToLabel !== void 0 ? _resourceTypeToLabel : (_linkIconProps$label = linkIconProps.label) === null || _linkIconProps$label === void 0 ? void 0 : _linkIconProps$label.trim()) !== null && _ref !== void 0 ? _ref : props.label;
+    return /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, (0, _extends2.default)({}, linkIconProps, props, {
+      label: label,
+      name: _constants.ElementName.LinkIcon
+    }));
+  }
   var data = (0, _common.toLinkIconProps)(context === null || context === void 0 ? void 0 : context.linkIcon, context.type);
   return data ? /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, (0, _extends2.default)({}, data, props, {
     name: _constants.ElementName.LinkIcon

package/dist/cjs/view/FlexibleCard/components/elements/link-icon-element/resourceTypeToLabel.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resourceTypeToLabel = resourceTypeToLabel;
+var excludedResourceTypes = ['0', 'unknown', 'unsupported', 'REDACTED'];
+var manualMapping = {
+  jswBoard: 'Jira Software Board',
+  calendarJsw: 'Jira Software Calendar',
+  kbArticle: 'Knowledge Base Article',
+  pull: 'Pull Request',
+  repo: 'Repository'
+};
+
+/**
+ * Splits a resolver `resourceType` token into human-oriented words.
+ * Prefers kebab-case (`-`) when present; otherwise splits camelCase / PascalCase.
+ */
+function splitIntoWords(resourceType) {
+  if (resourceType.includes('-')) {
+    return resourceType.split('-').map(function (w) {
+      return w.trim();
+    }).filter(Boolean);
+  }
+  var spaced = resourceType.replace(/([a-z\d])([A-Z])/g, '$1 $2').replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2');
+  return spaced.split(/\s+/).filter(Boolean);
+}
+function titleCaseWord(word) {
+  if (!word) {
+    return word;
+  }
+  return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+}
+function resourceTypeToLabel(resourceType) {
+  var trimmed = resourceType === null || resourceType === void 0 ? void 0 : resourceType.trim();
+  if (!trimmed) {
+    return undefined;
+  }
+  if (excludedResourceTypes.includes(trimmed)) {
+    return undefined;
+  }
+  var manual = manualMapping[trimmed];
+  if (manual !== undefined) {
+    return manual;
+  }
+  var words = splitIntoWords(trimmed);
+  if (words.length === 0) {
+    return undefined;
+  }
+  return words.map(titleCaseWord).join(' ');
+}
+
+// Following are unique resourceType values for the past week (at the the time of writing) for reference:
+// page
+// issue
+// 0
+// (none)
+// unknown
+// file
+// space
+// message
+// jswBoard
+// video
+// card
+// project
+// board
+// repository
+// whiteboard
+// channel
+// pull-request
+// mergeRequest
+// database
+// pullRequest
+// singlePortalPage
+// folder
+// dashboard
+// requestCreateForm
+// commit
+// jql
+// blog
+// version
+// backlog
+// undefinedLink
+// branch
+// report
+// planTimeline
+// sharepointFile
+// comment
+// roadmap
+// idea
+// case
+// opportunity
+// account
+// list
+// issues
+// view
+// workItem
+// link
+// block
+// kbArticle
+// form
+// summary
+// task
+// search
+// visitor
+// public-link
+// user
+// playlist
+// prototype
+// deal
+// screen
+// pipeline
+// contact
+// incident
+// sheet
+// featureFlag
+// release
+// switcheroo-flag
+// single-calendar
+// repo
+// formBuilder
+// proformaForm
+// object
+// tiny
+// document
+// sharedFile
+// campaign
+// table
+// compassComponent
+// timeline
+// boardInvite
+// action
+// embed
+// objectType
+// calendar
+// calendarJsw
+// publishedView
+// template
+// gist
+// recording
+// plan
+// planDependencies
+// epic
+// oneDriveFile
+// chart
+// capability
+// artboard
+// planCalendar
+// planSummary
+// projectTeamTag
+// planProgram
+// compassComponentSearchQuery
+// feature
+// workspace
+// company
+// insight
+// customer
+// Page
+// schema
+// dependency
+// note
+// article
+// snippet
+// tag
+// goal
+// security
+// collaborationGroup
+// envelope
+// code
+// boardView
+// compassScorecard
+// invoice
+// theme
+// customWorkspaceView
+// risk
+// reel
+// deployments
+// objective
+// ask
+// compassMetricDefinition
+// compassComponentAnnouncement
+// portals
+// asks
+// breadcrumbChart
+// Chart
+// slide
+// unsupported
+// remote-link
+// pull
+// REDACTED
+// compassComponentScorecard
+// forms
+// sante
+// zoom

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

@@ -26,7 +26,6 @@ Object.defineProperty(exports, "CustomUnresolvedAction", {
 exports.toActionProps = exports.VoteCountElement = exports.ViewCountElement = exports.UnresolvedAction = exports.TitleElement = exports.TargetBranchElement = exports.SubscriberCountElement = exports.SubTasksProgressElement = exports.StoryPointsElement = exports.StateElement = exports.SourceBranchElement = exports.SnippetElement = exports.SentOnElement = exports.ReadTimeElement = exports.ReactCountElement = exports.ProviderElement = exports.ProgrammingLanguageElement = exports.PriorityElement = exports.PreviewElement = exports.PreviewAction = exports.OwnedByGroupElement = exports.OwnedByElement = exports.ModifiedOnElement = exports.ModifiedByElement = exports.LocationElement = exports.LinkIconElement = exports.LatestCommitElement = exports.FollowAction = exports.DueOnElement = exports.DownloadAction = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var _actions = require("./components/actions");
 var _elements = require("./components/elements");
@@ -146,9 +145,9 @@ var SourceBranchElement = exports.SourceBranchElement = function SourceBranchEle
   return /*#__PURE__*/_react.default.createElement(_elements.SourceBranch, null);
 };
 var StateElement = exports.StateElement = function StateElement(props) {
-  return /*#__PURE__*/_react.default.createElement(_elements.State, (0, _platformFeatureFlags.fg)('platform_navx_sl_lozenge_max_width') ? {
+  return /*#__PURE__*/_react.default.createElement(_elements.State, {
     maxWidth: props === null || props === void 0 ? void 0 : props.maxWidth
-  } : undefined);
+  });
 };
 var StoryPointsElement = exports.StoryPointsElement = function StoryPointsElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.StoryPoints, null);

package/dist/cjs/view/LinkUrl/index.js

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "43.27.5",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/__tests__/vr-tests/__snapshots__/action-lozenge/action-trigger--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a54da48270d4ee29edca083b504ad489927ec4ff1161b652ad4360fe471ae5e0
+size 1921