@atlaskit/smart-card 43.27.5 → 43.28.0

package/dist/esm/utils/index.js

@@ -32,7 +32,7 @@ export var isSpecialKey = function isSpecialKey(event) {
 export var isSpecialClick = function isSpecialClick(event) {
   return event.button === 1;
 };
-export var getIconForFileType = function getIconForFileType(fileMimeType) {
+export var getIconForFileType = function getIconForFileType(fileMimeType, showIconLabel) {
   if (!fileMimeType) {
     return;
   }
@@ -56,9 +56,18 @@ export var getIconForFileType = function getIconForFileType(fileMimeType) {
     }
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
-  return /*#__PURE__*/React.createElement(Icon, {
-    testId: "document-file-format-icon"
-  });
+  if (fg('platform_navx_smart_link_icon_label_a11y')) {
+    var descriptorLabel = icon[1] || ''; // NAVX-4354: Combine into const [importCb] = icon; above
+    var label = (showIconLabel !== null && showIconLabel !== void 0 ? showIconLabel : true) ? descriptorLabel : '';
+    return /*#__PURE__*/React.createElement(Icon, {
+      testId: "document-file-format-icon",
+      label: label
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(Icon, {
+      testId: "document-file-format-icon"
+    });
+  }
 };
 // prettier-ignore
 export var getLazyIcons = function getLazyIcons() {
@@ -414,13 +423,18 @@ export var getLazyIcons = function getLazyIcons() {
   });
 };
 var getTypeToIconMap = function getTypeToIconMap(fileFormat) {
-  var _lazyIcons$iconDescri;
   var iconDescriptor = extractFileFormatIcon(fileFormat);
   if (!(iconDescriptor !== null && iconDescriptor !== void 0 && iconDescriptor.icon)) {
     return null;
   }
   var lazyIcons = getLazyIcons();
-  return [(_lazyIcons$iconDescri = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri === void 0 ? void 0 : _lazyIcons$iconDescri.default];
+  if (fg('platform_navx_smart_link_icon_label_a11y')) {
+    var _lazyIcons$iconDescri, _iconDescriptor$label;
+    return [(_lazyIcons$iconDescri = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri === void 0 ? void 0 : _lazyIcons$iconDescri.default, (_iconDescriptor$label = iconDescriptor.label) !== null && _iconDescriptor$label !== void 0 ? _iconDescriptor$label : ''];
+  } else {
+    var _lazyIcons$iconDescri2;
+    return [(_lazyIcons$iconDescri2 = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri2 === void 0 ? void 0 : _lazyIcons$iconDescri2.default];
+  }
 };
 export var getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrusted) {
   if (isTrusted) {

package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js

@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import ImageLoader from 'react-render-image';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { LoadingSkeleton } from '../loading-skeleton';
 var styles = {
   roundImg: "_2rko1rr0"
@@ -17,7 +18,8 @@ var messages = defineMessages({
   }
 });
 var ImageIcon = function ImageIcon(_ref) {
-  var defaultIcon = _ref.defaultIcon,
+  var label = _ref.label,
+    defaultIcon = _ref.defaultIcon,
     testId = _ref.testId,
     url = _ref.url,
     width = _ref.width,
@@ -43,10 +45,11 @@ var ImageIcon = function ImageIcon(_ref) {
     return defaultIcon;
   }
   if (hideLoadingSkeleton) {
+    var _label$trim;
     return /*#__PURE__*/React.createElement("img", {
       src: url,
       "data-testid": "".concat(testId, "-image"),
-      alt: "",
+      alt: fg('platform_navx_smart_link_icon_label_a11y') ? (_label$trim = label === null || label === void 0 ? void 0 : label.trim()) !== null && _label$trim !== void 0 ? _label$trim : '' : '',
       style: {
         width: width,
         height: height
@@ -57,6 +60,7 @@ var ImageIcon = function ImageIcon(_ref) {
       className: ax([appearance === 'round' && styles.roundImg])
     });
   } else {
+    var _label$trim2;
     return /*#__PURE__*/React.createElement(ImageLoader, {
       src: url,
       loading: /*#__PURE__*/React.createElement(LoadingSkeleton, {
@@ -67,7 +71,7 @@ var ImageIcon = function ImageIcon(_ref) {
       loaded: /*#__PURE__*/React.createElement("img", {
         src: url,
         "data-testid": "".concat(testId, "-image"),
-        alt: formatMessage(messages.imageAltText),
+        alt: fg('platform_navx_smart_link_icon_label_a11y') ? (_label$trim2 = label === null || label === void 0 ? void 0 : label.trim()) !== null && _label$trim2 !== void 0 ? _label$trim2 : '' : formatMessage(messages.imageAltText),
         style: {
           width: width,
           height: height

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

@@ -1,6 +1,7 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
+import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -12,6 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { useMemo } from 'react';
 import LinkIcon from '@atlaskit/icon/core/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tile from '@atlaskit/tile';
 import { SmartLinkPosition, SmartLinkSize } from '../../../../../../constants';
@@ -36,15 +38,19 @@ var customRenderStyleMap = {
 };
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   var size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : SmartLinkSize.Medium;
+  var label = arguments.length > 3 ? arguments[3] : undefined;
   if (icon) {
-    return /*#__PURE__*/React.createElement(AtlaskitIcon, {
+    return /*#__PURE__*/React.createElement(AtlaskitIcon, _extends({
       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")
+    }, fg('platform_navx_smart_link_icon_label_a11y') ? {
+      label: label
+    } : {
+      'aria-hidden': true,
+      label: ''
+    }, {
       size: size
-    });
+    }));
   }
 };
 var renderDefaultIcon = function renderDefaultIcon(label, testId) {
@@ -58,9 +64,12 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
   var size = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 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 === SmartLinkSize.Large ? "var(--ds-space-300, 24px)" : "var(--ds-space-200, 16px)";
   if (url) {
-    return /*#__PURE__*/React.createElement(ImageIcon, {
+    return /*#__PURE__*/React.createElement(ImageIcon, _extends({}, fg('platform_navx_smart_link_icon_label_a11y') ? {
+      label: label
+    } : {}, {
       defaultIcon: defaultIcon,
       testId: testId,
       url: url,
@@ -68,7 +77,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
       height: width,
       appearance: appearance,
       hideLoadingSkeleton: hideLoadingSkeleton
-    });
+    }));
   }
 };
 
@@ -81,8 +90,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 ? SmartLinkPosition.Top : _ref$position,
@@ -97,9 +105,10 @@ var IconElement = function IconElement(_ref) {
     appearance = _ref$appearance === void 0 ? 'square' : _ref$appearance,
     hideLoadingSkeleton = _ref.hideLoadingSkeleton,
     isTiledIcon = _ref.isTiledIcon;
+  var label = fg('platform_navx_smart_link_icon_label_a11y') ? labelProp !== null && labelProp !== void 0 ? labelProp : '' : labelProp !== null && labelProp !== void 0 ? labelProp : 'Link';
   var element = 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, fg('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || renderAtlaskitIcon(icon, testId, size, fg('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || defaultIcon;
   }, [label, testId, overrideIcon, render, url, size, appearance, hideLoadingSkeleton, icon]);
   var width = getIconWidth(size);
   return /*#__PURE__*/React.createElement("div", {

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

@@ -1,11 +1,9 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedDate } from 'react-intl-next';
 import AtlaskitLozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import LozengeAction from './lozenge-action';
 var styles = null;
@@ -31,26 +29,23 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
   if (!text) {
     return null;
   }
-  var lozenge = action ? /*#__PURE__*/React.createElement(LozengeAction, _extends({
+  var lozenge = action ? /*#__PURE__*/React.createElement(LozengeAction, {
     action: action,
-    appearance: appearance
-  }, 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(AtlaskitLozenge, _extends({
+  }) : /*#__PURE__*/React.createElement(AtlaskitLozenge, {
     appearance: appearance,
-    isBold: true
-  }, 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/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js

@@ -140,10 +140,8 @@ var LozengeAction = function LozengeAction(_ref) {
   var trigger = useCallback(function (props) {
     return /*#__PURE__*/React.createElement(LozengeActionTrigger, _extends({}, props, {
       appearance: selected.appearance,
-      isOpen: isOpen
-    }, fg('platform_navx_sl_lozenge_max_width') ? {
-      maxWidth: maxWidth
-    } : undefined, {
+      isOpen: isOpen,
+      maxWidth: maxWidth,
       testId: testId,
       text: selected.text
     }));

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

@@ -67,21 +67,20 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     return /*#__PURE__*/React.createElement(Box, {
       xcss: cx(styles.lozengeContainer, (isOpen || isPressing) && styles.lozengeContainerSelected),
       as: "span"
-    }, /*#__PURE__*/React.createElement(Lozenge, _extends({
+    }, /*#__PURE__*/React.createElement(Lozenge, {
       appearance: appearance,
-      isBold: true
-    }, 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: ax(["_4cvr1h6o _1e0c1txw"])
     }, /*#__PURE__*/React.createElement("span", {
-      className: ax([fg('platform_navx_sl_lozenge_max_width') && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
+      className: ax(["_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
     }, text), /*#__PURE__*/React.createElement(Box, {
       as: "span",
       xcss: styles.chevronDown
@@ -98,7 +97,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     "data-action-open": isOpen,
     "data-testid": "".concat(testId, "--trigger"),
     style: {
-      maxWidth: fg('platform_navx_sl_lozenge_max_width') ? maxWidth : undefined
+      maxWidth: maxWidth
     },
     onMouseDown: onMouseOrKeyDown,
     onMouseUp: onMouseOrKeyUp,

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

@@ -1,13 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseIconElement, toLinkIconProps } from '../common';
+import { resourceTypeToLabel } from './resourceTypeToLabel';
 var LinkIconElement = function LinkIconElement(props) {
   var context = useFlexibleUiContext();
   if (!context) {
     return null;
   }
+  if (fg('platform_navx_smart_link_icon_label_a11y')) {
+    var _ref, _resourceTypeToLabel, _context$meta, _linkIconProps$label;
+    var linkIconProps = toLinkIconProps(context === null || context === void 0 ? void 0 : context.linkIcon, context.type);
+    if (!linkIconProps) {
+      return null;
+    }
+    var label = (_ref = (_resourceTypeToLabel = 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.createElement(BaseIconElement, _extends({}, linkIconProps, props, {
+      label: label,
+      name: ElementName.LinkIcon
+    }));
+  }
   var data = toLinkIconProps(context === null || context === void 0 ? void 0 : context.linkIcon, context.type);
   return data ? /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, data, props, {
     name: ElementName.LinkIcon

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

@@ -0,0 +1,189 @@
+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();
+}
+export 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/esm/view/FlexibleCard/external.js

@@ -8,7 +8,6 @@ import _extends from "@babel/runtime/helpers/extends";
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../constants';
 import { CopyLinkAction as CopyLinkActionComponent, CustomAction as CustomActionComponent, DownloadAction as DownloadActionComponent, FollowAction as FollowActionComponent, PreviewAction as PreviewActionComponent, UnresolvedAction as UnresolvedActionComponent } from './components/actions';
 import { AssignedTo, AssignedToGroup, AttachmentCount, AuthorGroup, ChecklistProgress, CollaboratorGroup, CommentCount, CreatedBy, CreatedOn, DueOn, LatestCommit, LinkIcon, Location, ModifiedBy, ModifiedOn, OwnedBy, OwnedByGroup, Preview, Priority, ProgrammingLanguage, Provider, ReactCount, ReadTime, SentOn, Snippet, SourceBranch, State, StoryPoints, SubscriberCount, SubTasksProgress, TargetBranch, Title, ViewCount, VoteCount } from './components/elements';
@@ -120,9 +119,9 @@ export var SourceBranchElement = function SourceBranchElement() {
   return /*#__PURE__*/React.createElement(SourceBranch, null);
 };
 export var StateElement = function StateElement(props) {
-  return /*#__PURE__*/React.createElement(State, fg('platform_navx_sl_lozenge_max_width') ? {
+  return /*#__PURE__*/React.createElement(State, {
     maxWidth: props === null || props === void 0 ? void 0 : props.maxWidth
-  } : undefined);
+  });
 };
 export var StoryPointsElement = function StoryPointsElement() {
   return /*#__PURE__*/React.createElement(StoryPoints, null);

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

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "43.27.5",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/extractors/flexible/icon/extract-document-type-icon.d.ts

@@ -1,3 +1,4 @@
+import type { JsonLd } from '@atlaskit/json-ld-types';
 import { type IconDescriptor } from './types';
 /**
  * Computes the relevant icon for a document type.
@@ -14,5 +15,6 @@ import { type IconDescriptor } from './types';
  * @param providerId JSON-LD provider (generator ID)
  * @returns an icon descriptor representing the document type
  */
-declare const extractDocumentTypeIcon: (documentType: string, label?: string, providerId?: string) => IconDescriptor | undefined;
+declare const extractDocumentTypeIcon: (documentType: JsonLd.Primitives.ObjectType | "atlassian:Template", label?: string, // NAVX-4354: remove this during cleanup
+providerId?: string) => IconDescriptor | undefined;
 export default extractDocumentTypeIcon;

package/dist/types/utils/index.d.ts

@@ -16,7 +16,7 @@ export declare const isIframe: () => boolean;
  */
 export declare const isSpecialKey: (event: React.MouseEvent | React.KeyboardEvent) => boolean;
 export declare const isSpecialClick: (event: React.MouseEvent) => boolean;
-export declare const getIconForFileType: (fileMimeType: string) => React.ReactNode | undefined;
+export declare const getIconForFileType: (fileMimeType: string, showIconLabel?: boolean) => React.ReactNode | undefined;
 export declare const getLazyIcons: () => Partial<Record<IconType, {
     default: () => Promise<unknown>;
     large?: () => Promise<unknown>;

package/dist/types/view/FlexibleCard/components/common/image-icon/index.d.ts

@@ -3,5 +3,5 @@
  * @jsx jsx
  */
 import { type ImageIconProps } from './types';
-declare const ImageIcon: ({ defaultIcon, testId, url, width, height, appearance, onError, onLoad, hideLoadingSkeleton, }: ImageIconProps) => string | number | boolean | Iterable<import("react").ReactNode> | JSX.Element | null | undefined;
+declare const ImageIcon: ({ label, defaultIcon, testId, url, width, height, appearance, onError, onLoad, hideLoadingSkeleton, }: ImageIconProps) => string | number | boolean | Iterable<import("react").ReactNode> | JSX.Element | null | undefined;
 export default ImageIcon;

package/dist/types/view/FlexibleCard/components/common/image-icon/types.d.ts

@@ -3,6 +3,10 @@ export type ImageIconProps = {
     defaultIcon?: React.ReactNode;
     height?: string;
     hideLoadingSkeleton?: boolean;
+    /**
+     * Accessible name for the loaded image (maps to the HTML `alt` attribute).
+     */
+    label?: string;
     onError?: () => void;
     onLoad?: () => void;
     testId?: string;

package/dist/types/view/FlexibleCard/components/elements/common/base-icon-element/index.d.ts

@@ -48,7 +48,7 @@ export type BaseIconElementProps = ElementProps & {
  * @param props - The props necessary for the Icon element.
  * @see LinkIcon
  */
-declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, hideLoadingSkeleton, isTiledIcon, }: BaseIconElementProps) => JSX.Element;
+declare const IconElement: ({ icon, overrideIcon, label: labelProp, name, position, className, render, size, testId, url, appearance, hideLoadingSkeleton, isTiledIcon, }: BaseIconElementProps) => JSX.Element;
 export default IconElement;
 export declare const toLinkIconProps: (data: FlexibleUiDataContext[keyof FlexibleUiDataContext] | undefined, type: FlexibleUiDataContext["type"]) => string[] | import("../../../../../../extractors/common/lozenge/types").LinkLozenge | import("../../../../../../state/flexible-ui-context/types").FlexibleUiActions | import("@atlaskit/link-extractors").LinkPerson[] | import("../../../../../../state/flexible-ui-context/types").LinkTitle | import("../../../../../../state/flexible-ui-context/types").LinkLocation | {
     accessType?: string;

package/dist/types/view/FlexibleCard/components/elements/link-icon-element/resourceTypeToLabel.d.ts

@@ -0,0 +1 @@
+export declare function resourceTypeToLabel(resourceType?: string): string | undefined;

package/dist/types-ts4.5/extractors/flexible/icon/extract-document-type-icon.d.ts

@@ -1,3 +1,4 @@
+import type { JsonLd } from '@atlaskit/json-ld-types';
 import { type IconDescriptor } from './types';
 /**
  * Computes the relevant icon for a document type.
@@ -14,5 +15,6 @@ import { type IconDescriptor } from './types';
  * @param providerId JSON-LD provider (generator ID)
  * @returns an icon descriptor representing the document type
  */
-declare const extractDocumentTypeIcon: (documentType: string, label?: string, providerId?: string) => IconDescriptor | undefined;
+declare const extractDocumentTypeIcon: (documentType: JsonLd.Primitives.ObjectType | "atlassian:Template", label?: string, // NAVX-4354: remove this during cleanup
+providerId?: string) => IconDescriptor | undefined;
 export default extractDocumentTypeIcon;

package/dist/types-ts4.5/utils/index.d.ts

@@ -16,7 +16,7 @@ export declare const isIframe: () => boolean;
  */
 export declare const isSpecialKey: (event: React.MouseEvent | React.KeyboardEvent) => boolean;
 export declare const isSpecialClick: (event: React.MouseEvent) => boolean;
-export declare const getIconForFileType: (fileMimeType: string) => React.ReactNode | undefined;
+export declare const getIconForFileType: (fileMimeType: string, showIconLabel?: boolean) => React.ReactNode | undefined;
 export declare const getLazyIcons: () => Partial<Record<IconType, {
     default: () => Promise<unknown>;
     large?: () => Promise<unknown>;

package/dist/types-ts4.5/view/FlexibleCard/components/common/image-icon/index.d.ts

@@ -3,5 +3,5 @@
  * @jsx jsx
  */
 import { type ImageIconProps } from './types';
-declare const ImageIcon: ({ defaultIcon, testId, url, width, height, appearance, onError, onLoad, hideLoadingSkeleton, }: ImageIconProps) => string | number | boolean | Iterable<import("react").ReactNode> | JSX.Element | null | undefined;
+declare const ImageIcon: ({ label, defaultIcon, testId, url, width, height, appearance, onError, onLoad, hideLoadingSkeleton, }: ImageIconProps) => string | number | boolean | Iterable<import("react").ReactNode> | JSX.Element | null | undefined;
 export default ImageIcon;

package/dist/types-ts4.5/view/FlexibleCard/components/common/image-icon/types.d.ts

@@ -3,6 +3,10 @@ export type ImageIconProps = {
     defaultIcon?: React.ReactNode;
     height?: string;
     hideLoadingSkeleton?: boolean;
+    /**
+     * Accessible name for the loaded image (maps to the HTML `alt` attribute).
+     */
+    label?: string;
     onError?: () => void;
     onLoad?: () => void;
     testId?: string;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-icon-element/index.d.ts

@@ -48,7 +48,7 @@ export type BaseIconElementProps = ElementProps & {
  * @param props - The props necessary for the Icon element.
  * @see LinkIcon
  */
-declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, hideLoadingSkeleton, isTiledIcon, }: BaseIconElementProps) => JSX.Element;
+declare const IconElement: ({ icon, overrideIcon, label: labelProp, name, position, className, render, size, testId, url, appearance, hideLoadingSkeleton, isTiledIcon, }: BaseIconElementProps) => JSX.Element;
 export default IconElement;
 export declare const toLinkIconProps: (data: FlexibleUiDataContext[keyof FlexibleUiDataContext] | undefined, type: FlexibleUiDataContext["type"]) => string[] | import("../../../../../../extractors/common/lozenge/types").LinkLozenge | import("../../../../../../state/flexible-ui-context/types").FlexibleUiActions | import("@atlaskit/link-extractors").LinkPerson[] | import("../../../../../../state/flexible-ui-context/types").LinkTitle | import("../../../../../../state/flexible-ui-context/types").LinkLocation | {
     accessType?: string;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/link-icon-element/resourceTypeToLabel.d.ts

@@ -0,0 +1 @@
+export declare function resourceTypeToLabel(resourceType?: string): string | undefined;