Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@atlaskit/media-card

atlassian43.8kApache-2.079.2.5TypeScript support: included

Includes all media card related components, CardView, CardViewSmall, Card...

readme

changelog

@atlaskit/media-card

79.2.5

Patch Changes

  • Updated dependencies

79.2.4

Patch Changes

  • Updated dependencies

79.2.3

Patch Changes

  • Updated dependencies

79.2.2

Patch Changes

  • #148508 3b5a9d9a7b657 - Fixed a bug in safari where height for image wrapper when inline was not correct in compiled, this was not an issue in emotion as it was overriden by a more specific selector
  • Updated dependencies

79.2.1

Patch Changes

  • #146064 1467fbda1acd9 - Fixing typo causing the font-size to not be correctly set for media with titlebar in compiled view

79.2.0

Minor Changes

79.1.0

Minor Changes

  • #123268 f47a830143188 - Allow for passing in a resolved media provider to enable SSR'ing media in the editor

Patch Changes

  • Updated dependencies

79.0.13

Patch Changes

  • #127167 08efe402190f3 - Replaced internal image rendering component - Behind feature gate platform_media_card_image_render

79.0.12

Patch Changes

  • Updated dependencies

79.0.11

Patch Changes

  • #129972 b2d69a39e6687 - Update @compiled/react dependency for improved type checking support.
  • Updated dependencies

79.0.10

Patch Changes

79.0.9

Patch Changes

79.0.8

Patch Changes

  • Updated dependencies

79.0.7

Patch Changes

  • #123539 7d7e4ceeebc70 - Fixed error logging payload - added more info from underlying errors
  • Updated dependencies

79.0.6

Patch Changes

  • Updated dependencies

79.0.5

Patch Changes

  • Updated dependencies

79.0.4

Patch Changes

79.0.3

Patch Changes

  • #117537 1aafb49d776e0 - Integrated Media Viewer with internal DS Portal (removed feature flag)
  • Updated dependencies

79.0.2

Patch Changes

79.0.1

Patch Changes

79.0.0

Major Changes

Patch Changes

  • Updated dependencies

78.19.7

Patch Changes

78.19.6

Patch Changes

  • Updated dependencies

78.19.5

Patch Changes

78.19.4

Patch Changes

78.19.3

Patch Changes

  • Updated dependencies

78.19.2

Patch Changes

  • Updated dependencies

78.19.1

Patch Changes

78.19.0

Minor Changes

Patch Changes

  • Updated dependencies

78.18.6

Patch Changes

78.18.5

Patch Changes

78.18.4

Patch Changes

  • Updated dependencies

78.18.3

Patch Changes

  • #102527 a90d34cd14faf - Updated ErrorFileState deserialisation and error logging
  • Updated dependencies

78.18.2

Patch Changes

  • #103673 41cc17bdee600 - Replaced feature gate "platform_media_copy_and_paste_v2" with "platform_media_cross_client_copy" to avoid releasing to users with broken versions in cache
  • Updated dependencies

78.18.1

Patch Changes

  • Updated dependencies

78.18.0

Minor Changes

  • #97492 5195c4fd974a3 - Integrated warning modal dialog to prevent against abuse-classified file downloads.

    Integrated with MediaViewerWithPortal replacing React Potal (behind feature flag)

Patch Changes

  • Updated dependencies

78.17.3

Patch Changes

78.17.2

Patch Changes

78.17.1

Patch Changes

78.17.0

Minor Changes

  • #98696 396ff0958321d - Adding the ability to register copy intents to enable cross site / product copy and paste for media by forwarding the ref from useCopyIntent / useFilePreview

Patch Changes

  • Updated dependencies

78.16.1

Patch Changes

78.16.0

Minor Changes

  • #179931 9ecf438a10ba5 - Disable Media downloads based on Product security policy. Option added to Media Client Config

Patch Changes

  • #179934 be121b1cf4f54 - Internal changes to typography font family style definitions.
  • Updated dependencies

78.15.4

Patch Changes

78.15.3

Patch Changes

78.15.2

Patch Changes

  • Updated dependencies

78.15.1

Patch Changes

  • Updated dependencies

78.15.0

Minor Changes

  • #170821 52532d238c0b6 - Enabled the deduplication of files in media-filmstrip by passing includeHashForDuplicateFiles flag to /items

Patch Changes

  • Updated dependencies

78.14.2

Patch Changes

78.14.1

Patch Changes

  • Updated dependencies

78.14.0

Minor Changes

  • #162568 bdec058ec8fe8 - Added support for navite SVG rendering when overlay is enabled (Media Group)

Patch Changes

  • Updated dependencies

78.13.0

Minor Changes

Patch Changes

  • Updated dependencies

78.12.1

Patch Changes

78.12.0

Minor Changes

  • 6099ac032dd30 - Added viewerOptions to override file preview renderer in media components

Patch Changes

  • Updated dependencies

78.11.0

Minor Changes

Patch Changes

  • Updated dependencies

78.10.4

Patch Changes

78.10.3

Patch Changes

  • #158851 f5c5983855cae - Used new @atlaskit/media-client-react functions for verifying MediaFileStateError type and extracting error reason
  • #159313 d9195e7bfb522 - Removed unused mediaCardRender commenced event
  • Updated dependencies

78.10.2

Patch Changes

78.10.1

Patch Changes

78.10.0

Minor Changes

78.9.3

Patch Changes

  • Updated dependencies

78.9.2

Patch Changes

78.9.1

Patch Changes

78.9.0

Minor Changes

  • #156360 411b348673f6b - [ux] Replace "Preview currently unavailable" messaging for media card rate limit errors with standard "Preview unavailable" messaging. @atlaskit/media-ui requires a major version bump as the "Preview currently unavailable" messaging has been removed, this messaging is only used by the @atlaskit/media-card component however.

Patch Changes

  • Updated dependencies

78.8.1

Patch Changes

  • Updated dependencies

78.8.0

Minor Changes

Patch Changes

  • Updated dependencies

78.7.1

Patch Changes

  • Updated dependencies

78.7.0

Minor Changes

  • #152851 caba4b5434f99 - CardLoading component accepts interactionName for the underlying spinner. This is to idenfity the experience in Performance Portal.

78.6.0

Minor Changes

78.5.5

Patch Changes

  • Updated dependencies

78.5.4

Patch Changes

78.5.3

Patch Changes

  • 9ec2d0a84a183 - add initiatorType and responseEnd to mediaCardPerfObserver event

78.5.2

Patch Changes

  • Updated dependencies

78.5.1

Patch Changes

  • Updated dependencies

78.5.0

Minor Changes

78.4.1

Patch Changes

  • #141583 ba6def6b9d3ce - Updated Media card and UI to avoid contributing to TTVC metrics

    • Media card will always render the img, even while it is still loading (in that case, the img will just be hidden). It will also use a custom loading spinner with no interaction context.
    • Media image will allow a null value for the image source. It will also always render the img tag and switch the css prop display according to the src value.
  • Updated dependencies

78.4.0

Minor Changes

Patch Changes

  • Updated dependencies

78.3.0

Minor Changes

  • #139803 573e2dccbc940 - Render SVG Images natively when overlay is disabled (no longer behind a featue flag)

Patch Changes

  • Updated dependencies

78.2.4

Patch Changes

78.2.3

Patch Changes

  • #139310 3037eb69f8dbc - Updated Media card and UI to avoid unnecessary re-renders to avoid contributing to TTVC metrics

78.2.2

Patch Changes

  • Updated dependencies

78.2.1

Patch Changes

78.2.0

Minor Changes

Patch Changes

  • 84c0869e8c5c6 - remove unused cardview refactor FF and components
  • Updated dependencies

78.1.2

Patch Changes

  • eaacfc7b03414 - Changed the feature flag used for analytics publishing to prevent spamming due to cached clients using bugged versions of Card

78.1.1

Patch Changes

  • #132917 c940f8ae45182 - Include additional attributes in the mediaCardPerfObserver metrics: contentDownloadTime, nextHopProtocol, userAgent

    And remove the url attribute.

78.1.0

Minor Changes

  • #130787 64a680780dc57 - Add performance observer metrics for Media Card to assist investigation into hot-110955

Patch Changes

  • Updated dependencies

78.0.15

Patch Changes

  • Updated dependencies

78.0.14

Patch Changes

  • Updated dependencies

78.0.13

Patch Changes

  • Updated dependencies

78.0.12

Patch Changes

  • Updated dependencies

78.0.11

Patch Changes

  • Updated dependencies

78.0.10

Patch Changes

  • #122514 7012015c2cc2d - Introduced a preload static function to the CardLoader component. This function allows for asynchronously loading the component ahead of time. Useful for optimising performance by preloading the component when needed.

78.0.9

Patch Changes

78.0.8

Patch Changes

78.0.7

Patch Changes

78.0.6

Patch Changes

78.0.5

Patch Changes

  • #119322 2f435f37f33e0 - Allow alt text on image to be empty on decorative images to improve accessibility
  • Updated dependencies

78.0.4

Patch Changes

  • Updated dependencies

78.0.3

Patch Changes

78.0.2

Patch Changes

  • fc2ed679e4540 - Sanitise UGC from fileId in media-card-render UFO experience

78.0.1

Patch Changes

  • Updated dependencies

78.0.0

Major Changes

  • #115862 be4b79682f52b - Removing mediacardV2 feature flag making the default experience the refactored one which may result in tests failing where consumers test the internals of media components

77.12.4

Patch Changes

  • Updated dependencies

77.12.3

Patch Changes

  • cd38da52e02b7 - Media Card handles SVG errors and logs extra info for monitoring

77.12.2

Patch Changes

77.12.1

Patch Changes

77.12.0

Minor Changes

  • #105003 bfeca76e5015 - [ux] Added support for native SVG rendering (currently behind a feature flag)

Patch Changes

  • Updated dependencies

77.11.3

Patch Changes

77.11.2

Patch Changes

  • Updated dependencies

77.11.1

Patch Changes

  • #90872 ac8e7b44549a - The internal composition of this package has changed. There is no expected change in behavior.

77.11.0

Minor Changes

  • #88895 a48b908e2bf6 - Add integration of React UFO to not hold react-ufo measurement when media is not in viewport

Patch Changes

  • Updated dependencies

77.10.12

Patch Changes

  • #89247 a65b4a0870d8 - The internal composition of this package has changed. There is no expected change in behavior.

77.10.11

Patch Changes

  • #88354 4c87d9b4f0c2 - The internal composition of this component has changed. There is no expected change in behavior.
  • Updated dependencies

77.10.10

Patch Changes

77.10.9

Patch Changes

  • Updated dependencies

77.10.8

Patch Changes

  • #80866 5f63192be3ab - Sanitise file id before logging to prevent PII/UGC leaks
  • Updated dependencies

77.10.7

Patch Changes

77.10.6

Patch Changes

77.10.5

Patch Changes

77.10.4

Patch Changes

  • #77619 019721a3386a - Fixed issue with keyboard focused card actions not being visible
  • Updated dependencies

77.10.3

Patch Changes

  • #69454 41f49439d5da - [ux] ECA11Y-198: Add Shift + F10 shortcut to focus play/pause button when video is selected
  • Updated dependencies

77.10.2

Patch Changes

  • #74855 60e3eb23093b - Fixed accessiblity issue where passing label was not adding an accessible aria-label tag

77.10.1

Patch Changes

  • Updated dependencies

77.10.0

Minor Changes

77.9.0

Minor Changes

77.8.0

Minor Changes

Patch Changes

  • Updated dependencies

77.7.7

Patch Changes

  • #70446 f5cf78271e82 - Card v2 updates use of return value from Hook
  • Updated dependencies

77.7.6

Patch Changes

77.7.5

Patch Changes

77.7.4

Patch Changes

77.7.3

Patch Changes

77.7.2

Patch Changes

77.7.1

Patch Changes

77.7.0

Minor Changes

  • #66422 e26fc35ce110 - [CXP-2840] Added DateOverrideContext to fix inconsistent creation time in film strip (JRACLOUD-77568)

77.6.7

Patch Changes

77.6.6

Patch Changes

77.6.5

Patch Changes

77.6.4

Patch Changes

  • #61611 fd753abb6b83 - [ED-21557] Add optional chaining in the unsubscribe to avoid tests cases failing in React 18

77.6.3

Patch Changes

77.6.2

Patch Changes

  • #60690 4a6ece928910 - [ux] Media Inline Card displays the file name when failed to process and enables Media Viewer to download it

77.6.1

Patch Changes

77.6.0

Minor Changes

Patch Changes

77.5.2

Patch Changes

  • Updated dependencies

77.5.1

Patch Changes

77.5.0

Minor Changes

77.4.10

Patch Changes

77.4.9

Patch Changes

  • #57473 100f90575744 - Remove legacy theming logic from @atlaskit/media-avatar-picker, @atlaskit/media-card, @atlaskit/media-ui and @atlaskit/media-viewer.

77.4.8

Patch Changes

77.4.7

Patch Changes

  • #57119 c64d6ef23ba4 - Replaces the return type of internal preview hook to include the attributes for the ssr script
  • Updated dependencies

77.4.6

Patch Changes

  • #56636 eb1b7736ff9d - Moved preview fetch logic from internal component into an internal hook

77.4.5

Patch Changes

  • #43072 4c4278b7415 - [ux] CXP-2744 Bug fix preventing an infinite loop from occurring when an error occurs in inline player
  • Updated dependencies

77.4.4

Patch Changes

  • Updated dependencies

77.4.3

Patch Changes

  • #43248 38b1f08a5da - [ux] CXP-2748 Bug fix in CardV2 so that the card correctly updates the file preview when a new identifier is passed to the component

77.4.2

Patch Changes

  • #43093 ccba4cddc23 - [ux] CXP-2736 Bug fix to ensure that a poster attribute is provided to videos for CardV2.

77.4.1

Patch Changes

  • Updated dependencies

77.4.0

Minor Changes

  • #43014 f021d31543e - create useFileState hook versions of header and itemviewer, create list-v2, refactor MediaFileStateError to media-client-react

Patch Changes

77.3.0

Minor Changes

77.2.3

Patch Changes

  • Updated dependencies

77.2.2

Patch Changes

  • #41659 a0c97a19dba - Remove unused utils and depreciated exports in mediaClient.
  • Updated dependencies

77.2.1

Patch Changes

  • #41932 756dd90f1a3 - 1. Deprecate withMediaClient HOC in media-client and migrated it to media-client-react 2. clean up deprecated imports from media-client
  • Updated dependencies

77.2.0

Minor Changes

77.1.2

Patch Changes

77.1.1

Patch Changes

77.1.0

Minor Changes

77.0.3

Patch Changes

77.0.2

Patch Changes

  • #40353 78b51d6134c - Fixed issue with media card lazy loading not working during SSR hydration

77.0.1

Patch Changes

  • #39320 ec4867e1376 - Removed captions flag and replaced with a new media prop allowCaptions. allowCaptions is set to false by default and products will need to opt in to be able to use captions from now on.

77.0.0

Major Changes

  • #39427 e6122bf1c9a - MEX-2481 revert and re-introduce a new fix for media border gap issue

Patch Changes

  • Updated dependencies

76.2.1

Patch Changes

  • #39787 6900f89eb0e - Internal changes to use space tokens. There is no expected visual or behaviour change.

76.2.0

Minor Changes

  • #38532 7b6a2c6671b - Introducing 'media-state' for handling media internal file state. Introducing 'media-client-react' to provide hooks for seamless media-client integration with React. Introducing 'MediaCardV2' with a feature flag to replace rxjs based fileState subscription with 'useFileState' hook. Removed unused feature flags APIs from 'media-client' and its helper functions from 'media-common'.

Patch Changes

  • Updated dependencies

76.1.2

Patch Changes

  • Updated dependencies

76.1.1

Patch Changes

  • #37897 ed81e630547 - MEX-2089 Remove timestamp feature flag on AFP
  • Updated dependencies

76.1.0

Minor Changes

Patch Changes

  • Updated dependencies

76.0.6

Patch Changes

76.0.5

Patch Changes

  • #33728 48e4a655534 - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.

76.0.4

Patch Changes

  • #34914 8b83c75ef6d - MEX-2382 Fixed a bug in media card so that the card preview updates when the provided file identifier is different

76.0.3

Patch Changes

76.0.2

Patch Changes

76.0.1

Patch Changes

  • #34644 501218d4044 - MEX-2393 fix error setting in subscribe method in media-inline

76.0.0

Major Changes

  • #34192 9fe30b8ca24 - Removed classic experience
  • 3247424b653 - Removed the classname 'fileCardImageViewSelectedSelector' since it is no longer being used

Minor Changes

  • 3239a550cb6 - Add analytics succeeded and failed render event for mediaInlineCard.

Patch Changes

  • e725edbb0d9 - Card goes to ‘processing’ status instead of ‘completed’ when a file is in processing and it is identified as non previewable (removed feature flag to make it a permanent change)
  • Updated dependencies

75.0.1

Patch Changes

75.0.0

Major Changes

  • #33771 8c6a6cf4bc4 - Media Card now only accepts a list of items for Media Viewer, no longer collection name

Patch Changes

74.8.1

Patch Changes

74.8.0

Minor Changes

Patch Changes

  • Updated dependencies

74.7.4

Patch Changes

  • #33004 5c6e8f7b846 - - refactored card file states example
    • added inline card file states example
  • e8bb5592bf8 - MEX-2140 Refactor error boundary of media inline card
  • Updated dependencies

74.7.3

Patch Changes

  • #32424 2e01c9c74b5 - DUMMY remove before merging to master; dupe adf-schema via adf-utils
  • 0f99ed9df35 - Updated example
  • Updated dependencies

74.7.2

Patch Changes

  • #31891 31717a1fe63 - Fix the bug when clicking on media inline files in Hybrid Renderer, viewer is not opening.

74.7.1

Patch Changes

  • #31299 b37723f2cfa - The component now logs the full provided feature flags object
  • Updated dependencies

74.7.0

Minor Changes

  • #30248 8a0a92b2885 - MEX-2210 improve inconsistent behaviour on timestampOnVideo playback
  • c3eba8c788d - Deprecation notice: Media Card and Inline Card no longer accept a collection name as a data source for Media Viewer. Integrators should pass the full list of files to browse through the new "mediaViewerItems" property.

Patch Changes

  • Updated dependencies

74.6.1

Patch Changes

  • #30963 489f7b32ff6 - Fixed broken SSR error handling logic when the preview url fails to load

74.6.0

Minor Changes

  • #29470 dbd7cd19fe6 - Media Card now fetch the preview immediately after mounting, without waiting for file state to be ready

Patch Changes

  • 337bec022b4 - Fixes logic for upfront preview
  • Updated dependencies

74.5.2

Patch Changes

  • Updated dependencies

74.5.1

Patch Changes

  • #29227 4ee60bafc6d - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add allowedSideEffects when loading the page.

74.5.0

Minor Changes

  • #28932 2b3859896cc - Added new Feature Flag to control internal Media Client behaviour

Patch Changes

  • 9b6f1d2a9c3 - Fix compatility issue of Intersection Observer API in old browser versions
  • 925df13094d - Card goes to ‘processing’ status instead of ‘completed’ when a file is in processing and it is identified as non previewable
  • Updated dependencies

74.4.1

Patch Changes

  • #28374 6adc56f320d - [MEX-2003] Fix dark mode regression in new card experience
  • Updated dependencies

74.4.0

Minor Changes

Patch Changes

  • 5f36954436c - Ensure all secondary errors from backend responses are logged in media card
  • 2b5f5a740d3 - [ux] catch unexpected error in media card error boundary with a fallback error component and fire analytics event
  • 8b373447406 - Updated names for Media card examples and updated their references.
  • f36a3d972cf - Updated Media-Card documentation with new tab structure and simpler usage example
  • 3d40d5e9b37 - Adopt updated version of getRandomHex function for generating traceId
  • Updated dependencies

74.3.2

Patch Changes

  • Updated dependencies

74.3.1

Patch Changes

  • Updated dependencies

74.3.0

Minor Changes

  • #26712 6de3a9494a8 - [ux] Instrumented @atlaskit/media-card with the new theming package, @atlaskit/tokens.

    New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha). These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.

Patch Changes

  • 5eb06146a4e - Added support traceContext to be supplied to all request endpoint points.
  • Updated dependencies

74.2.0

Minor Changes

Patch Changes

  • bf8302c838a - Implemented internal functionality to create local video preview.
  • Updated dependencies

74.1.9

Patch Changes

74.1.8

Patch Changes

  • #24710 153829bfcb3 - Upgrade caching algorithm library lru-fast to lru_map.
  • 09464edc105 - ⚠️ Big Folder Structure Refactor
  • 60fb320493e - Fixed circular imports
  • 9f23fe7478e - Fixed Card Actions Dropdown Menu positioning
  • 2f2daf58c20 - Add testId to components to help with testing. No change in behaviour.
  • Updated dependencies

74.1.7

Patch Changes

74.1.5

Patch Changes

74.1.4

Patch Changes

  • #25450 80a1ca7b589 - Fix compatility issue of Intersection Observer API in old browser versions

74.1.3

Patch Changes

  • #24818 46059beebbf - - include tests_external in build
    • replace usage of @local-cypress package with @cypress
    • bump @cypress from ^6.4.0 to ^7.7.0
    • import cypress types into @atlaskit/in-product-testing tsconfig

74.1.2

Patch Changes

  • #24004 f9fee1fbf49 - Use react lazy to avoid pulling InlinePlayer component code if it is not being used on a page
  • Updated dependencies

74.1.1

Patch Changes

74.1.0

Minor Changes

  • #23381 a332288b5ea - Added analytics for media-card memoryCacheLogging and added relevant featureFlag keys for media-common package.

Patch Changes

  • baece961cdd - Add media-card example for use by media-pollinator-test
  • 2285a60dc65 - Logs events when status is error, even if there is no error data
  • 196bfa84bfd - Removed custom anchors from ViewportObserver in favour of IntersectionObserver's rootMargin
  • Updated dependencies

74.0.0

Major Changes

Minor Changes

  • 974e87d133a - [MEX-1574] Updated fetching for caching images

Patch Changes

  • e3d4c39b20c - Remove version.json file. Use injected package name and version from environment variable instead.
  • Updated dependencies

73.8.0

Minor Changes

  • #22029 01203d58916 - Removed Unnecessary semicolon found in media-card
  • 1a76e2839e6 - Default value for mediaUploadApiV2 Media feature flag set to true.

Patch Changes

  • cccc7370667 - [MEX-1633] Removed unused Loading Rate Limited Component
  • Updated dependencies

73.7.0

Minor Changes

  • #21570 bfde909c9b4 - Add new feature flag mediaUploadApiV2
  • ed6cdd2d397 - added onfullscreenchange property to media to avoid triggering table resizing when media is in full screen mode

Patch Changes

  • 35e43fcc798 - Minor bug fix for feature flag names in experience parameters
  • 83036ef87f1 - fix mouse cursor style when hovered over linked image
  • c3d85388bc6 - fix media card titlebox cursor
  • c2ede50a80a - Add media region and environment returned from media API response into failed analytic events.
  • e21e5c271b7 - Enabled UFO logger for all examples of Media-Card
  • Updated dependencies

73.6.0

Minor Changes

  • #20721 b4fd2a59367 - Attach media environment and region to the media-card UFO events
  • 7e767393469 - Add ufo feature flag logging to media-card
  • ade1a5c3e23 - Flagged events with file states processing and uploading for UFO payload

Patch Changes

  • bf0e7c8e46b - [MEX-1413] Hot fix for remove useMediaPickerAuthProvider flag
  • 79c431ca1a6 - Removed "Creating Preview" message for files already processed
  • f87afac53b3 - Add ufo logging for media-card
  • Updated dependencies

73.5.1

Patch Changes

73.5.0

Minor Changes

Patch Changes

  • 3ef794dc11f - Removed emoji and media packages dependencies from renderer initial load.
  • 7948702bf56 - Fixing a bug where sometimes the media card pre-load indicator is given 100% height and renders over other components. It now has a max height of 0 and is not a click target
  • 065ae19cb44 - Enforced "up to date" logged feature flags via type checks
  • Updated dependencies

73.4.2

Patch Changes

  • #20471 c102bb59f41 - Viewport detector needs to have absolute positioning so that it does not cause scroll bars in firefox when rendered in a table with a link.

73.4.1

Patch Changes

  • #20369 de7e2ff674e - Applies a fix to ensure that the media card viewport detector is never a click target

73.4.0

Minor Changes

  • #19618 e7581c27aff - Removed unused dev dependencies
  • f862d5ae7aa - remove RxJs peer dependency
  • 118f3af101f - Media Client APIs has been updated to use MediaSubscribable which provides subscription functionality (similar to RxJs observables). It exposes subscribe method that is called with MediaObserver as an argument and returns MediaSubscription. MediaSubscription exposes unsubscribe method.

    getFileState: The returned type of this function has changed from RxJs ReplaySubject to MediaSubscribable.

    import { MediaClient, MediaObserver, MediaSubscribable, MediaSubscription } from '@atlaskit/media-client';
    
    const mediaClient = new MediaClient({ authProvider });
    
    const fileStateSubscribable: MediaSubscribable<FileState> = mediaClient.file.getFileState(id);
    
    const mediaObserver: MediaObserver<FileState> = {
      next: (fileState) => {
        nextCallback(fileState)
      },
      error: (error) => {
        errorCallback(error)
      },
    };
    
    const subscription: MediaSubscription = fileStateSubscribable.subscribe(mediaObserver);
    
    subscription.unsubscribe();

    upload: The returned type of this function has changed from RxJs ReplaySubject to MediaSubscribable.

    import { MediaClient, MediaObserver, MediaSubscribable, MediaSubscription } from '@atlaskit/media-client';
    
    const mediaClient = new MediaClient({ authProvider });
    
    const uploadFileSubscribable: MediaSubscribable<FileState> = mediaClient.file.upload(uploadableFile);
    
    const mediaObserver: MediaObserver<FileState> = {
      next: (fileState) => {
        nextCallback(fileState)
      },
      error: (error) => {
        errorCallback(error)
      },
    };
    
    const subscription: MediaSubscription = uploadFileSubscribable.subscribe(mediaObserver);
    
    subscription.unsubscribe();

    getItems: The returned type of this function has changed from RxJs ReplaySubject to MediaSubscribable.

    import { MediaClient, MediaObserver, MediaSubscribable, MediaSubscription } from '@atlaskit/media-client';
    
    const mediaClient = new MediaClient({ authProvider });
    
    const collectionItemsSubscribable: MediaSubscribable<MediaCollectionItem[]> = mediaClient.collection.getItems(collectionName);
    
    const mediaObserver: MediaObserver<MediaCollectionItem[]> = {
      next: (items) => {
        nextCallback(items)
      },
      error: (error) => {
        errorCallback(error)
      },
    };
    
    const subscription: MediaSubscription = collectionItemsSubscribable.subscribe(mediaObserver);
    
    subscription.unsubscribe();

Patch Changes

  • Updated dependencies

73.3.2

Patch Changes

  • #19796 4f97dd898fc - EDM-2995: fix media inline icon, use mimeType to render a better icon type
  • Updated dependencies

73.3.1

Patch Changes

  • #19569 9671dfa12b1 - Revert [MEX-1276] fix vertical scroll for firefox when media link is wrapped

73.3.0

Minor Changes

Patch Changes

  • Updated dependencies

73.2.0

Minor Changes

  • #18526 3ad0bbf0f93 - Log media ssr getImageURLSync error in global variable ssr data.
  • #16752 1dcf16cb69e - Reuse image url from server when hydrates and refetch if dimensions in client are bigger
  • a5cabf7f670 - Made InlinePlayer compatible with SSR

Patch Changes

  • 46cd0dfed6f - Removed duplicated commenced event
  • 5571b079998 - Added example using FileState Factory helper
  • 116ae9cd4fe - Update SSR example with media single in stretchy-fit mode.
  • 42485996554 - vr tests for ssr cases
  • a31422c7a74 - MEX-1194 introduce cursor states to media card
  • af3fcc847ce - Improved filestate simulations example
  • 8fd03048678 - Added example and test for media ssr usage in renderer
  • Updated dependencies

73.1.1

Patch Changes

73.1.0

Minor Changes

  • 19d72473dfb - [ux] Displaying the control bar including the timestamp by default for videos that have been processed.

Patch Changes

  • 19d72473dfb - fix percent width on media-card
  • 19d72473dfb - Refactor solution for fixing media card images overlaps with creating preview message
  • e221ee215e7 - fix vertical scroll for firefox when media link is wrapped
  • 19d72473dfb - Improved card lazy offset
  • 19d72473dfb - Add media node updater to media inline node
  • 19d72473dfb - show progress bar for inline player when videos is uploading
  • 19d72473dfb - Adding a feature flag for TimestampOnVideo
  • 19d72473dfb - Fix cardview issue with creating preview text overlaps with image in safari"
  • Updated dependencies

73.0.0

Major Changes

  • #14810 47f58da5946 - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages

    What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs. Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated. How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.

    Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias

    "react-intl": "^2.6.0",
    "react-intl-next": "npm:react-intl@^5.18.1",
    import { IntlProvider } from 'react-intl';
    import { IntlProvider as IntlNextProvider } from 'react-intl-next';
    
    return (
        <IntlProvider
            key={locale}
            data-test-language={locale}
            locale={locale}
            defaultLocale={DEFAULT_LOCALE}
            messages={messages}
        >
            <IntlNextProvider
                key={locale}
                data-test-language={locale}
                locale={locale}
                defaultLocale={DEFAULT_LOCALE}
                messages={messages}
            >
                {children}
            </IntlNextProvider>
        </IntlProvider>
    );

Patch Changes

  • Updated dependencies

72.1.0

Minor Changes

  • #15998 1724e1b8277 - Added SSR capabilities to Media Card
  • ca519a86b1d - Add new prop forceSyncDisplay in MediaImage to provide an option of always showing images. Enable MediaCard to turn on forceSyncDisplay when server side rendering is enabled.
  • ac4846d0f3f - Added native lazy load support

Patch Changes

  • fc70978492a - Using type for SSR prop to reduce dependency on media-common
  • dc1f9d42903 - Fixed error message logic
  • 27c61b8cdd8 - revert CardSSRView component
  • 12bfc09a21e - Fixing internal prop calls for testId and removing references to the old DropdownMenuStateless export when using the new default export.
  • 2b24fcc59f2 - Removed Code Viewer and Zip Previews Feature Flags
  • bccde8a4127 - Update dependency of dropdown menu to the lite mode version. Update all usages to cater to the new API. The padding within dropdown menu items is 8px more, which makes the menu look bigger.
  • 3a56ce8792b - [ux] Show selected for mediaInline in other states
  • f461edcfd05 - Update CardLoader to use react-loadable Add SSR feature prop to be passed in renderer and media card
  • Updated dependencies

72.0.0

Major Changes

Minor Changes

  • 269ee940b87 - redesign error UI on new media card experience

Patch Changes

  • a81fdad4b7b - Refactored the internal status logic based on file processing status and preview render outcome
  • b51fc0a9062 - Refactored internal helpers to match common type definitions from Media Client
  • ebad8bc86e5 - Moved analytics from image renderer to root component
  • fe9ced0cd70 - Removed feature flags for polling settings
  • Updated dependencies

71.0.0

Major Changes

Minor Changes

  • cf853e39278 - [ux] Skip forward and backward buttons are added to inline media player
  • cf853e39278 - Added analytics event to track total impressions of successfully rendered mediacards

Patch Changes

  • cf853e39278 - Adding lazy loading as the default for the SSR media card
  • cf853e39278 - fix modification for media card flow example
  • f3547c79d81 - Updated in-code comment
  • Updated dependencies

70.11.0

Minor Changes

  • #13864 5559b9ca1b4 - Media CardView component renders consistent views in error and failed-processing status regardless of thumbnail image.
  • 9ecd471f124 - Adding a dedicated server side media card
  • ab905c0e924 - [ux] EDM-1641: add floating toolbar to media card and view switcher for inline view
  • 46d9d2872b4 - Video Analytics - Add UI events for CustomMediaPlayer

Patch Changes

  • d0357a98b97 - Small code refactor
  • 4777a174e6d - Added analytics support for customMediaPlayer + screen event + entrypoint for locales
  • b77bfe8e99c - Add performance attributes to Commenced, Succeeded, Failed events for media card
  • 2debd2fdf3d - Remove the default type icon rendered in media card background
  • 26ef709f133 - Refactored Copy & Commenced Analytics events
  • b90c0237824 - Update package.jsons to remove unused dependencies.
  • 493b1b43d50 - Modify file card flow example
  • e7d1eb5cd0a - handle loading-preview status for card view
  • Updated dependencies

70.10.0

Minor Changes

Patch Changes

  • 6869256538b - Handling card preview fetch from a separated internal module
  • Updated dependencies

70.9.0

Minor Changes

  • #12837 fb1ca71dd2c - Render a spinner in the background of CardView component when card status is loading

Patch Changes

  • 254c7ae04bc - Refactor CardView in Media Card to group UI elements by status
  • 8f76b747198 - fix: default return for internal render config function
  • Updated dependencies

70.8.1

Patch Changes

  • #12328 99d444aac1b - Replaced metadata object for fileState in Card internal state.
  • 99411613963 - Render spinner while waiting for card component to mount
  • Updated dependencies

70.8.0

Minor Changes

  • #11649 42c7f13ac31 - export inlinePlayerClassName export newFileExperienceClassName

Patch Changes

  • 8cba1694b5e - Remove pollingMaxFailuresExceeded error from implementation and feature flags
  • Updated dependencies

70.7.3

Patch Changes

  • #11778 9e09b407b43 - Exclude __tests_external__ from the build/tsconfig.json. Add local-cypress and remove types export.

70.7.2

Patch Changes

70.7.1

Patch Changes

  • #11113 3cd9ee2d15b - Added RxJS compatiblity notice in Media docs
  • 6be6879ef6d - Added Media Feature Flags control in examples
  • 47ebd02a8d1 - Removed lazy load logic from root component
  • Updated dependencies

70.7.0

Minor Changes

Patch Changes

  • Updated dependencies

70.6.0

Minor Changes

  • #10230 d575abf3498 - EDM-1640: Introduce Cypress in-product tests in Atlassian Frontend

    Example test:

    import { editorFundamentalsTestCollection } from '@atlaskit/editor-common/in-product';
    
    //code to navigate to the page
    
    editorFundamentalsTestCollection({}).test(cy);
    

Patch Changes

  • 277ed9667b2 - Fixed media bundle names following atlassian-frontend linting rules
  • Updated dependencies

70.5.1

Patch Changes

  • #9510 859f4e95fb7 - Fires analytics events from an internal module
  • a8c69bc44f9 - Log analytics events for errors thrown from preview fetch
  • abc38bc9990 - Added request metadata to failed frontend SLIs
  • Updated dependencies

70.5.0

Minor Changes

  • #9083 56104b9cc12 - add data-testid="media-card-play-button" for video files on preview mode

Patch Changes

  • d933aa659a2 - Removed feature that integrates processing times in the uploading progress bar for a reduced amount of file types
  • Updated dependencies

70.4.0

Minor Changes

  • #8644 f0a900eb563 - [ux] Added option for products to enable download button MediaCard when a user hovers over a card.
  • ceb8a18d7dd - Filtering Feature Flags when attaching them to Analytics Context through the HOC
  • e66ffd11ac6 - Refactored Analytics Events. Slight differences in payloads and contexts

Patch Changes

  • a0dcbc9b0a3 - Media Card now logs "unsupported" amalytics events accordingly, instead of "succeeded" events
  • f7f301ec851 - Media Card logs errors regardless of the existence of a preview to display
  • 19302000a1a - Reverted "unsupported" analytics events
  • 0d0e72f74bb - Included feature flag "captions" in analytics events
  • e62066560fb - Removed fileSource attributes from operational SLIs
  • cf080faf650 - Refactored fail reasons and error constants in render analytics events
  • 37d4add135f - Use of Media Client Errors test helpers
  • Updated dependencies

70.3.3

Patch Changes

  • #8178 5380459f37b - [ux] Play icon on media video player has been adjusted in size to better match ADG
  • Updated dependencies

70.3.2

Patch Changes

  • #7425 1f4d55e86a - Minor syntax fix
  • 7e990a036d - Removed Feature Flag Control from Card View Matrix example
  • 63bff65641 - [ux] Making the VidPlayButton bigger
  • Updated dependencies

70.3.1

Patch Changes

  • #7170 758aa08653 - Polling Fuction throws the inner error instead of wrapping it
  • 0553f6db92 - Styled components code refactor
  • b37190888c - ensure polling errors trigger more graceful UX
  • bacab2338b - Updated error message displayed when a Polling Error has been thrown
  • a26afbd493 - Added getMediaClientFailReason() helper
  • 7c44d1e585 - Fixed cards with non web-friendly MP4/MOV videos not mounting
  • 8dfcc55dce - Refactored error enums to be types for code clarity
  • ab48ad8249 - Better segmentation on file uri fail reason analytics event
  • 19b3e0f0a0 - ensure card renders empty files correctly
  • 9a8ea15989 - Standarized Icon Message for Rate Limited Error
  • Updated dependencies

70.3.0

Minor Changes

  • #6930 56693486a3 - [ux] Rate Limited UI for the MediaViewer. Also moved a MediaCard function into MediaClient so that that functionality can be used across multiple packages

Patch Changes

  • 2b7746c631 - Disable progress bar while processing in classic card
  • 4c699cc1cb - Adding VR tests for Rate Limited UI states
  • Updated dependencies

70.2.0

Minor Changes

  • #6571 11d6640e9c - [ux] New UI states for when a card is rate limited
  • 48995f73b2 - Create entry points to export internal API isolated from UI changes.

Patch Changes

  • 7736346d88 - Added strongly typed errors to Media Client
  • aac5527ec8 - standardise data test attributes for media-card classic/new UX
  • Updated dependencies

70.1.1

Patch Changes

70.1.0

Minor Changes

  • #6228 aac7ffcb97 - [ux] While a file has a 'processing' filestate, we now alert the user that we are creating the preview. This signifies to the user that they can download & view a file while the preview is being generated (i.e they don't have to wait). Also added a 'Failed Processing' UI state, for when a preview cannot be generated and is thus unavailable

Patch Changes

  • b124464476 - Fixing bug. Text should be "Preview unavailable" not "Preview Unavailable"
  • a1c2bf2e45 - pass originalDimensions to inline video player
  • Updated dependencies

70.0.0

Major Changes

  • #5860 dc8f998c1c - Added visual regression tests for media-cards. Also created a new examples page specifically for these VR tests
  • f4a2c533f4 - Fix wrong dependency

Patch Changes

  • Updated dependencies

69.5.0

Minor Changes

  • #5516 669b5e4240 - Add support for specifying background colour and icon for the title box

Patch Changes

  • 3f0dd38c9d - BMPT-626 Fixed fetching remote preview for non-supported documents in classic Media Card experience
  • bf98a47a0f - Enhance polling strategy to limit to finite attempts with timing backoff
  • Updated dependencies

69.4.2

Patch Changes

  • #5497 5f58283e1f - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started Also add typescript to devDependencies to denote version that the package was built with.

69.4.1

Patch Changes

  • Updated dependencies

69.4.0

Minor Changes

  • #4749 ae50a98f18 - ED-9125 ED-8837 Update styles for selected media cards

    • Use editor selection styles from @atlaskit/editor-shared-styles
    • Update UI for selected items in media group to no longer set blue background and tick in corner
    • No longer set set text selection over filename, filesize etc. for media group cards when selected with Cmd + A or via a range selection
  • 7d831363d9 - Migrated to declarative entry points

Patch Changes

  • Updated dependencies

69.3.3

Patch Changes

69.3.2

Patch Changes

69.3.1

Patch Changes

  • Updated dependencies

69.3.0

Minor Changes

  • #4424 a106c17833 - Adds support for Intl in Media Card Date
  • 8fc5fe20df - Inline video player as part of the card and video player in media-viewer will now store last viewed position between sessions for given media id

Patch Changes

  • 0caa7daade - Ensurer MediaCard passes featureFlags to MediaViewer
  • a7a0a8ea67 - Adds tests for TitleBox component
  • 21b9d3d336 - Fixed RAR/non-ZIP files not recognised as archives
  • e5d5875710 - Fixes attach of default IntlProvider
  • Updated dependencies

69.2.1

Patch Changes

  • #3885 6c525a8229 - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0

    Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade to prevent duplicates of tslib being bundled.

69.2.0

Minor Changes

  • #3823 65652ba165 - Added 15 new icons based on the mimetype (.sketch, .gif, ect). Previously, we only had 6 icons based on the mediaType (doc/audio/unknown/image/video). Also created a dedicated examples page for icons
  • 48f416a9d9 - Exporting new css class name for cardImageView: fileCardImageViewSelector
  • 6faafb144c - Introduce MediaFeatureFlags. Refactor components to use.
  • 861d585ba8 - Changed mediaSingle to now render it's child adf nodes using nodeviews rather than directly with react
  • 2202870181 - Added support for zip previews in media viewer

Patch Changes

  • 54ba7a137a - Use IntersectionObserver when isLazy is true in media-card
  • 3a188fc905 - Fixed error when using empty mimeType in media examples
  • c026e59e68 - Move truncateText helper from media-card to media-ui and expose entry point. Export optional NameCell component from MediaTable.
  • bfaa99bb5d - Fixed responsiveness for Failed To Load message (i18n)
  • 878d4126c2 - Added mime types supported by Media API file preview
  • fa6fb5dfbb - Removing unused code to be published
  • d9ca530258 - Retry button stops propagation of the event
  • caf46c7c45 - Improved remote preview functionality for media-card redesign. Breaking change: renamed type of argument "SourceFile" to "CopySourceFile" in the method "copyFile" of media-client.
  • 87434f6a18 - Removed unneeded styles
  • 838f711196 - fix blanket styles to ensure is visible
  • 4f70769fe1 - Minor CSS update to vertically center image in media-card
  • 89a1c63251 - Add the rowProps property, which enables consumers to apply properties to the underlying row component. Move truncateText helper from media-card to media-ui and expose entry point. Export optional NameCell component from MediaTable.
  • 16f000d172 - Set isCardVisible to true if local cache is available from the beginning
  • 367c2fd66d - Fixed example
  • 87459b57ba - Fixed insertion failure of processing file from recent files into Editor
  • 2b1ad94f17 - Hides Titlebox when Media Single uploads
  • Updated dependencies

69.1.0

Minor Changes

  • #3428 50d947cdae - Added Media Card New Experience behind a feature flag
  • 8502dcbdaa - Adding icons for media-card new experiences
  • f98a7a056b - Add action buttons to the new media card experience
  • 34be68ad22 - Ellipsifying the titlebox name if the length of the name overflows the mediacard width
  • c9f617fdeb - Adding tooltip showing full file name on new media card experience

Patch Changes

  • 8c4210797a - MPT-475: Showing upload progress during processing of non-natively supported files
  • 7e2c17eb4a - Fixed missing title in media-card overlay during selected upload
  • 4c06f345ec - Fixing tooltip covering retry button and excessive padding on action bar
  • 4543f920b0 - Disabled previews for redesign; fixed not initially showing a doc icon when uploading a document
  • 46417e790a - Display error message when the image fails to render
  • 47f865f183 - add @atlaskit/spinner to media-card
  • f5150a43c1 - Add truncation to title box when card has failed to load
  • c62d2c285f - Added Failed To Load Error Message to New Experience
  • 1e37fff6cf - Removed TemporarySucceededEvent
  • 011324f3b1 - Temporary patch to Analytics Events
  • e297a94160 - Fixing another padding issue with new media card experience
  • ce6c20e34b - Removed duplicated Actions Bar
  • 890992ee55 - fixed new upload not showing processing progress when inserted into Editor
  • 89df1041d5 - Attach Media Card Feature Flags to Analytics Events
  • 95c4be11d5 - Fix Analytics Events for unpreviewable files
  • cba906d181 - Repositioning the spinner to match the mediatypeicon
  • 31a75d4431 - Prevents plays on a processing unsupported video
  • f8e73cc7da - Fixing new media-card design issues
  • e8d2230623 - Refactors Tooltip implementation

69.0.0

Major Changes

Patch Changes

  • Updated dependencies

68.0.2

Patch Changes

  • #2763 e04c837864 - File-state-errors should only be fired when the filestate is Error OR failed-processing
  • 5989238f54 - Reuse existing preview in InlineVideoPlayer to prevent re renders when video is uploading
  • 3879663f8b - Replace use of findDOMNode with React.Ref
  • Updated dependencies

68.0.1

Patch Changes

  • #2443 eaade3e0e3 - Added Feature Flag placeholder: Media Card New Experience
  • Updated dependencies

68.0.0

Major Changes

  • #2137 4ffbda40ca - Rename OriginalCardDimensions TS interface to NumericalCardDimensions

Minor Changes

  • 65ee549c4c - ED-8836 Make media single selected styling consistent
  • c3b799c7eb - add optional createdAt field

Patch Changes

  • a2ffde361d - MPT-131: fetch remote preview for files not supported by the browser
  • 58de72f246 - Updates properties documentation
  • 2b8e73b021 - Cache dataURIs so that there is no flickering in image when table is resized
  • b6003252e5 - Remove unneeded FileCard Component
  • 54d82b49f0 - Remove unused dependencies
  • Updated dependencies

67.2.3

Patch Changes

  • Updated dependencies

67.2.2

Patch Changes

  • #1868 128b80c4ba - Changing the way error analytics are fired for unpreviewable files, as an undefined mediatype is classified as 'unpreviewable'- Updated dependencies

67.2.1

Patch Changes

67.2.0

Minor Changes

  • [minor]4aca202534:

    New data-testid added: [data-testid="custom-media-player"] - Wrapper around custom media player- [minor]c28ff17fbd:

    Add new data-testid "data-test-media-name"

Patch Changes

67.1.1

Patch Changes

67.1.0

Minor Changes

  • [minor]695e1c1c31:

    expose originalDimensions property

    This property allows consumers to provide the original dimensions of the file instead of the dimensions the card will have.

    As opposite to cardDimensions in where you can pass string | number | undefined, so integrators can provide things like 5% or 10px or only provide 1 of the values. In original dimensions, integrators need to provide both width + height in number type.

    interface OriginalCardDimensions {
      width: number;
      height: number;
    }
    import {Card} from '@atlaskit/media-card'
    
    <Card
      originalDimensions={{
        width: 50,
        height: 100
      }}
    />
    

Patch Changes

67.0.5

Patch Changes

67.0.4

Patch Changes

67.0.3

Patch Changes

67.0.2

Patch Changes

67.0.1

Patch Changes

67.0.0

Major Changes

  • [major]03c917044e:

    Remove onChangeSelected and onLoadingChange from media-card and media-filmstrip as they are unused. The behavior is now achieved with mediaClient.file.getFileState:

    import {getMediaClient} from '@atlaskit/media-client'
    
    const mediaClient = getMediaClient({
        mediaClientConfig: {
            authProvider: () => Promise.resolve()
        }
    })
    
    mediaClient.file.getFileState('file-id', {
        next(state) {
            console.log(state)
        }
    })

Patch Changes

66.1.2

Patch Changes

66.1.1

Patch Changes

66.1.0

Minor Changes

  • [minor]c23ff56fb0:

    Introduced new optional prop testId that will be applied to data-testid prop on top DOM element of Card

Patch Changes

  • [patch]5b2c89203e:

    Fix linting errors from prettier upgrade

66.0.2

Patch Changes

  • [patch]d222c2b987:

    Theme has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided.

    Breaking

    ** getTokens props changes ** When defining the value function passed into a ThemeProvider, the getTokens parameter cannot be called without props; if no props are provided an empty object {} must be passed in:

    <CustomTheme.Provider
      value={t => ({ ...t(), backgroundColor: '#333'})}
    >

    becomes:

    <CustomTheme.Provider
      value={t => ({ ...t({}), backgroundColor: '#333'})}
    >

    ** Color palette changes ** Color palettes have been moved into their own file. Users will need to update imports from this:

    import { colors } from '@atlaskit/theme';
    
    colors.colorPalette('8');

    to this:

    import { colorPalette } from '@atlaskit/theme';
    
    colorPalette.colorPalette('8');

    or for multi entry-point users:

    import * as colors from '@atlaskit/theme/colors';
    
    colors.colorPalette('8');

    to this:

    import * as colorPalettes from '@atlaskit/theme/color-palette';
    
    colorPalettes.colorPalette('8');

66.0.1

Patch Changes

66.0.0

Major Changes

  • [major]c3e65f1b9e:

    Breaking change

    remove deprecated "context" property from media components in favor of "mediaClientConfig"

    This affects all public media UI components:

    • Card
    • Filmstrip
    • SmartMediaEditor
    • MediaImage
    • Dropzone
    • Clipboard
    • Browser
    • MediaPicker
    • MediaViewer

    Before:

    import {ContextFactory} from '@atlaskit/media-core';
    import {Card} from '@atlaskit/media-card'
    import {SmartMediaEditor} from '@atlaskit/media-editor'
    import {Filmstrip} from '@atlaskit/media-filmstrip'
    import {MediaImage} from '@atlaskit/media-image'
    import {MediaViewer} from '@atlaskit/media-viewer'
    import {Dropzone, Clipboard, Browser, MediaPicker} from '@atlaskit/media-picker';
    
    const context = ContextFactory.creat({
      authProvider: () => Promise.resolve({})
    })
    
    const mediaPicker = MediaPicker(context);
    
    <Card context={context}>
    <SmartMediaEditor context={context}>
    <Filmstrip context={context}>
    <MediaImage context={context}>
    <Dropzone context={context}>
    <Clipboard context={context}>
    <Browser context={context}>
    <MediaViewer context={context}>

    Now:

    import {MediaClientConfig} from '@atlaskit/media-core';
    import {Card} from '@atlaskit/media-card'
    import {SmartMediaEditor} from '@atlaskit/media-editor'
    import {Filmstrip} from '@atlaskit/media-filmstrip'
    import {MediaImage} from '@atlaskit/media-image'
    import {MediaViewer} from '@atlaskit/media-viewer'
    import {Dropzone, Clipboard, Browser, MediaPicker} from '@atlaskit/media-picker';

const mediaClientConfig: MediaClientConfig = { authProvider: () => Promise.resolve({}) }

const mediaPicker = MediaPicker(mediaClientConfig);

<Card mediaClientConfig={mediaClientConfig}> <SmartMediaEditor mediaClientConfig={mediaClientConfig}> <Filmstrip mediaClientConfig={mediaClientConfig}> <MediaImage mediaClientConfig={mediaClientConfig}> <Dropzone mediaClientConfig={mediaClientConfig}> <Clipboard mediaClientConfig={mediaClientConfig}> <Browser mediaClientConfig={mediaClientConfig}> <MediaViewer mediaClientConfig={mediaClientConfig}> ```

FABDODGEM-13 Editor Damask Release

BREAKING CHANGES


Affected Editor Components:

tables, media, mobile, emoji, tasks & decisions, analytics

Editor

Mobile

Media

i18n-tools

Bumped dependencies.

Minor Changes

Emit media-viewed event through globalMediaEventEmitter when media is viewed, played or downloaded via media card or media viewer.- [minor]550d260bfc:

Introducing support for alt-text in media.

65.3.4

Patch Changes

check if selection.containsNode is available before using it to fix issue with IE11

65.3.3

Patch Changes

Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.

65.3.2

Patch Changes

Updated version of analytics-next to fix potential incompatibilities with TS 3.6

65.3.1

Patch Changes

HOT-88731 don't send external image URL as a part of analytics

65.3.0

Minor Changes

Card now sends "copied file" on card copy event in editor and renderer- [minor]ab53f33dc5:

Adding operational events for media card component

65.2.1

65.2.0

Minor Changes

Add new "contextId?: string" property to Card, to retrieve auth from a given context

Patch Changes

Dont release file preview from Card when an external file is passed

65.1.1

Patch Changes

Update all the theme imports in media to use multi entry points

65.1.0

Minor Changes

Added Analytics events for Media Card Action, Dropdown Menu and Retry buttons

65.0.1

Patch Changes

Adding Error boundary in Media Card

65.0.0

Major Changes

Media card now emit analytics events which payload and context stuctures reflect GASv3 payload specification. Media Analytics Listener merges Payload and Context data before sending it to the backend. The merge is based on attributes.packageName equality Media Analytics Listener adds packageHierarchy attribute to merged payload, the same way Atlaskit Listener does.

64.2.1

Patch Changes

CEMS-244: Emit processed state when file gets copied

64.2.0

Minor Changes

Prefix the legacy lifecycle methods with UNSAFE_* to avoid warning in React 16.9+

More information about the deprecation of lifecycles methods can be found here: https://reactjs.org/blog/2018/03/29/react-v-16-3.html#component-lifecycle-changes

64.1.0

Minor Changes

Analytics Event will be fired when InlinePlayer is being clicked

64.0.2

Patch Changes

Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports

64.0.1

Patch Changes

Upgraded Typescript to 3.3.x

64.0.0

Major Changes

Property type was removed from CardViewAnalyticsContext interface File size won't be displayed if it was set to zero or not obtained

63.3.12

Patch Changes

Analytics-next has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No behavioural changes.

Breaking changes

  • withAnalyticsForSumTypeProps alias has been removed, please use withAnalyticsEvents
  • AnalyticsContextWrappedComp alias has been removed, please use withAnalyticsContext

Breaking changes to TypeScript annotations

  • withAnalyticsEvents now infers proptypes automatically, consumers no longer need to provide props as a generic type.
  • withAnalyticsContext now infers proptypes automatically, consumers no longer need to provide props as a generic type.
  • Type WithAnalyticsEventProps has been renamed to WithAnalyticsEventsProps to match source code
  • Type CreateUIAnalyticsEventSignature has been renamed to CreateUIAnalyticsEvent to match source code
  • Type UIAnalyticsEventHandlerSignature has been renamed to UIAnalyticsEventHandler to match source code
  • Type AnalyticsEventsPayload has been renamed to AnalyticsEventPayload
  • Type ObjectType has been removed, please use Record<string, any> or [key: string]: any
  • Type UIAnalyticsEventInterface has been removed, please use UIAnalyticsEvent
  • Type AnalyticsEventInterface has been removed, please use AnalyticsEvent
  • Type CreateAndFireEventFunction removed and should now be inferred by TypeScript
  • Type AnalyticsEventUpdater removed and should now be inferred by TypeScript

63.3.11

63.3.10

Patch Changes

Adding try/catch in async imports for @atlaskit/media-avatar-picker, @atlaskit/media-card, @atlaskit/media-editor, @atlaskit/media-viewer

63.3.9

63.3.8

Patch Changes

Hide inline video player controls during inactivty

63.3.7

63.3.6

Patch Changes

Consume analytics-next ts type definitions as an ambient declaration.

63.3.5

Patch Changes

bugfix, fixes missing version.json file

63.3.4

Patch Changes

In this PR, we are:

  • Re-introducing dist build folders
  • Adding back cjs
  • Replacing es5 by cjs and es2015 by esm
  • Creating folders at the root for entry-points
  • Removing the generation of the entry-points at the root Please see this ticket or this page for further details

63.3.3

Patch Changes

TypeScript users of withAnalyticsEvents and withAnalyticsContext are now required to provide props as a generic type. This is so that TypeScript can correctly calculate the props and defaultProps of the returned component.

Before:

withAnalyticsEvents()(Button) as ComponentClass<Props>;

After:

withAnalyticsEvents<Props>()(Button);

63.3.2

63.3.1

63.3.0

Minor Changes

  • [minor]53b1e6a783:

    Add a download button to inline video player to allow download of video binary

63.2.0

Minor Changes

  • [minor]09f094a7a2:

    SL-259: bump react-lazily-render, remove react-lazily-render-scroll-parent.

63.1.5

63.1.4

Patch Changes

  • [patch]b37dd8dc38:

    Use video binary artifact while video is processing

63.1.3

Patch Changes

63.1.2

63.1.1

  • [patch]b0ef06c685:

    • This is just a safety release in case anything strange happened in in the previous one. See Pull Request #5942 for details

63.1.0

63.0.4

  • [patch]b91590107b:

    • ED-6178 Fix media wrapper having a transparent background for images

63.0.3

  • [patch]a6f27f106a:

    • use componentDidMount in CardLoader to make it SSR hydrate friendly

63.0.2

63.0.1

  • [patch]cbc9ff5b6a:

    • Fix support for exif orientation when dropping a picture

63.0.0

62.0.0

61.0.0

60.0.6

  • [patch]d3cad2622e:

    • Removes babel-runtime in favour of @babel/runtime

60.0.5

  • [patch]8f17450f46:

    • Fix media-card code split from 82kB to 10kB

60.0.4

60.0.3

60.0.2

  • [patch]3f28e6443c:

    • @atlaskit/analytics-next-types is deprecated. Now you can use types for @atlaskit/analytics-next supplied from itself.

60.0.1

60.0.0

  • [major]0ff405bd0f:

    • Removed CardView and CardViewLoader from public APIs and replaced it with light-weight and stateless CardLoading and CardError components. Handling of external images is now done by Card component itself using ExternalImageIdentifier interface.

    If you’ve been using CardView for loading:

    <CardView status="loading" mediaItemType="file" dimensions={cardDimensions} />

    Now you can use new component:

    <CardLoading dimensions={cardDimensions} />

    If you were using CardView to show an error

    <CardView status="error" mediaItemType={type} dimensions={cardDimensions} />

    Now you can use new component:

    <CardError dimensions={cardDimensions} />

    In case you were using CardView to show image with known external URI:

    <CardView status="complete" dataURI={dataURI} metadata={metadata} />

    You will have to find a way to switch to using Card component using ExternalImageIdentifier interface:

    <Card identifier={identifier} context={context} />

59.1.1

  • [patch]d13fad66df:

    • Enable esModuleInterop for typescript, this allows correct use of default exports

59.1.0

  • [minor]e1c1fa454a:

    • Support external image identifier in MediaViewer

59.0.0

58.0.1

  • [patch]106d046114:

    • Fix issue with media-viewer opening in CC on inline video player controlls clicked

58.0.0

  • [major]9c316bd8aa:

    • Exported MediaImage component is removed from media-card and moved to @atlaskit/media-ui

57.0.3

  • [patch]d402fdb775:

    • FIX ED-6584: Keep card dataURI regardless of previus state

57.0.2

  • [patch]1bcaa1b991:

    • Add npmignore for index.ts to prevent some jest tests from resolving that instead of index.js

57.0.1

  • [patch]9192df506a:

    • Do not call given onClick if it's a video file and inline video player is enabled

57.0.0

56.0.0

55.0.4

  • [patch]ff3f40bc38:

    • Fix remove from cache function, which fixes issue when user is deleting recent image in media picker

55.0.3

  • [patch]3591859b2f:

    • use ReactDOM.createPortal to render MediaViewer when shouldOpenMediaViewer=true

55.0.2

55.0.1

55.0.0

54.1.0

  • [minor]eda74c4dce:

    • Add shouldOpenMediaViewer + mediaViewerDataSource optional props to Card api to simplify MediaViewer integration

54.0.0

53.0.0

  • [major]46dfcfbeca:

    • remove Link support from media-card

52.0.7

  • [patch]ab6ba14cd3:

    • Fix a bug where droping image with EXIF orientation >= 5 end up screwing up proportions for some of the cases

52.0.6

  • [patch]05c5bf7a93:

    • Dont user pointer cursor for external images in Cards

52.0.5

  • [patch]c415876da9:

    • add selected state to InlinePlayer in media-card

52.0.4

52.0.3

  • [patch]ef469cbb0b:

    • MS-357 replaced @atlaskit/util-shared-styles from media components by @atlaskit/theme

52.0.2

  • [patch]0e164e542a:

    • MS-1465: Dont fetch file preview if we already have a local one

52.0.1

  • [patch]1d3e336534:

    • Show progress bar while file is uploading

52.0.0

51.0.3

  • [patch]a3f8e527aa:

    • Take into account if image is on it's side according to orientation tag when deciding how to crop/fit and image

51.0.2

51.0.1

51.0.0

50.0.0

49.0.0

48.0.0

  • [minor]72d37fb:

    • Remove deprecated methods from media-core
    • Use context.collection methods in MediaViewer
    • Remove link support from media-card
    • Remove legacy services + providers from media-core
    • Remove link related methods from media-core
    • Remove axios dependency
    • Make context.getImage cancelable
  • Updated dependencies 72d37fb:

47.0.0

  • [major]135ed00:

    • remove "small" appearance from media-card

46.0.1

  • [patch]ca16fa9:

    • Add SSR support to media components

46.0.0

45.0.0

44.2.0

  • [minor]34369e4:

    • ED-5888 Add dark mode for media-card

44.1.4

  • [patch]6f44079:

    • ED-5612: make image preview display correctly after replacing Card props

44.1.3

44.1.2

  • [patch]676257b:

    • Prepare/fix card to be displayed as video inline player in renderer/editor contexts

44.1.1

  • [patch]5de3574:

    • CustomVideoPlayer is now CustomMediaPlayer and supports audio through type property. Media Viewer now uses custom audio player for audio everywhere except IE11.

44.1.0

  • [minor]c1ea81c:

    • use custom video player for inline video in media-card

44.0.2

44.0.1

44.0.0

43.0.0

42.0.0

  • [major]04c7192:

    • remove CardList component from media-card

41.4.0

  • [minor]abef80b:

    • ED-5527: apply max-width: 100% and pass container size to Card as dimension

41.3.0

  • [minor]4718333:

    • Add play icon for video files in MediaCard

41.2.0

41.1.2

41.1.1

  • [patch] Override css rules for an image inside a cart 20a15ef

41.1.0

  • [minor] Cleanup media + editor integration 🔥 2f9d14d

41.0.2

  • [patch] Make image in the card non-draggable 615a536

41.0.1

  • [patch] User img tag in cards instead of div with background 22ae8bb

41.0.0

40.0.1

  • [patch] Code split media list d101ce1

40.0.0

  • [major] Remove support for ApplicationCard 6e510d8

39.0.1

  • [patch] Fix bug with download binary 71ebe0b

39.0.0

38.0.1

  • [patch] Add pagination to recents view in MediaPicker 4b3c1f5

38.0.0

  • [patch] Deprecate context.uploadFile & context.getFile. Instead context.file.upload & context.file.getFileState should be used; media-store's uploadFile function now takes MediaStore as a second argument, not MediaApiConfig 8b2c4d3
  • [patch] Deprecate context.uploadFile & context.getFile. Instead context.file.upload & context.file.getFileState should be used; media-store's uploadFile function now takes MediaStore as a second argument, not MediaApiConfig 3302d51
  • [major] Updated dependencies 8b2c4d3
  • [major] Updated dependencies 3302d51

37.0.1

37.0.0

  • [major] Add I18n support to media-card dae7792

36.1.1

  • [patch] Fix rxjs imports to only import what's needed 2e0ce2b

36.1.0

  • [minor] Support external image identifiers in media-card 82c8bb9

36.0.0

35.0.0

  • [major] Fix CardView code split + remove private components from public api 1be4bb8

34.1.0

  • [minor] Async load media-card modules by default 01416b4

34.0.4

  • [patch] Refetch image when the dimensions change a0475c2

34.0.3

  • [patch] Revert fix for MS-667 43e601f

34.0.2

  • [patch] use new tsconfig for typechecking 09df171

34.0.1

  • [patch] Media-card now re-fetches the underlaying image when the dimensions prop changes 59fb6a4

34.0.0

33.0.2

33.0.1

  • [patch] use media tsconfig in media-card 3417d76

33.0.0

32.0.6

32.0.5

32.0.4

32.0.3

32.0.2

32.0.1

32.0.0

31.3.0

  • [minor] change file image cards background color to transparent 59ccb09

31.2.1

31.2.0

  • [minor] expose smart Filmstrip from media-filmstrip 7fa84a2

31.1.1

31.1.0

31.0.0

30.0.1

30.0.0

29.1.11

29.1.10

29.1.9

  • [patch] Render empty component in CardList when there are no items in the collection 9a1b6a2

29.1.8

29.1.7

29.1.6

  • [patch] Bitbucket images were displaying at 100% of the container, and not respect max-width of the image. ED-4946 370c812

29.1.5

29.1.4

29.1.3

29.1.2

29.1.1

29.1.0

29.0.3

29.0.2

29.0.1

29.0.0

28.0.6

28.0.5

28.0.4

28.0.3

  • [patch] Fix Card's defaultProps TS type 527bc9c

28.0.2

  • [patch] Remove card's "shown" analytics event 7877ce6

28.0.1

28.0.0

27.1.4

27.1.3

27.1.2

27.1.0

  • [minor] Added "disableOverlay" prop to Card and CardView public API 533d085

27.0.4

  • [patch] hide link items from CardList (Sidebard) dd2c7e7

27.0.3

  • [patch] Turn side effects to true due to rxjs operators imports 668f01c
  • [patch] Turn side effects to true due to rxjs operators imports 5eddd49

27.0.2

  • [patch] remove polished dependency 0e54c69

26.0.1

  • [patch] Added missing dependencies and added lint rule to catch them all 0672503

26.0.0

  • [major] Bump to React 16.3. 4251858

25.2.0

  • [minor] use local preview in MediaCard when available b33788b

25.1.6

  • [patch] Fix typo and potential memory leak 6ecc601

25.1.5

  • [patch] Add "sideEffects: false" to AKM2 packages to allow consumer's to tree-shake c3b018a

25.1.3

  • [patch] Fix/revert TS TDs in analytics-next 1284d32

25.1.2

  • [patch] ED-4030 Don't reload Image cards again after upload is done 9aff937

25.1.0

  • [minor] Add analytics events for click and show actions of media-card 031d5da
  • [minor] Add analytics events for click and show actions of media-card b361185

25.0.0

  • [major] icons are now assignable to card actions, which will cause media cards to render upto 2 icon buttons, or a dropdown menu if more than 2 actions are set 649871c

24.1.6

  • [patch] added a cursor to application cards when the onClick property is passed 97cb9c2

24.1.5

  • [patch] Remove TS types that requires styled-components v3 836e53b

24.1.3

  • [patch] Add key as an optional parameter to applicationCard actions 28be081

24.1.2

  • [patch] fix issues with ellipsing of new smart-card designs ec2bed9

24.1.0

  • [minor] Update styled-components dependency to support versions 1.4.6 - 3 ceccf30

24.0.6

  • [patch] Introduce media-ui package 39579e2

24.0.5

  • [patch] fix new smart-card design which is showing the dropdown below consecutive smart-cards 5574b67
  • [patch] fix issue with smart-card dropdown being hidden behind successive cards in new designs ff01687

24.0.4

24.0.3

  • [patch] fixed issue where clicking on smart-card try-again and cancel links would trigger onClick 1e575b3

24.0.2

  • [patch] added missing smart-card action states 3f7536e

23.2.2

  • [patch] Migrate Navigation from Ak repo to ak mk 2 repo, Fixed flow typing inconsistencies in ak mk 2 bdeef5b

23.2.1

  • [patch] added an offset to load lazily loaded cards earlier d1d891c

23.2.0

  • [minor] Add React 16 support. 12ea6e4

23.1.1

  • [patch] Update dependencies 623f8ca

23.1.0

  • [minor] Added new AppCardView v1.5 designs behind a feature flag. 92bc6c8

23.0.2

  • [patch] Make Card to work with pixel units dedba4f

23.0.1

  • [patch] Make Card to work properly with pixel units 69c6443
  • [patch] Dont use default dimensions for link cards ae94181

23.0.0

  • [major] Bump media-core peer dependency to next major versoin (12) 0a84f90

22.4.2

  • [patch] fix z-index issue for app cards d2e05ae

22.4.1

  • [patch] Use default dimensions in CardView when dimensions are not provided d07f3f8

22.4.0

  • [minor] make Card and CardView to work properly when percetanges are passed as dimensions 3178808

22.3.0

  • [minor] Update signature onClick event on filmstrip (renderer) 30bdfcc
  • [minor] Update signature onClick event on filmstrip (renderer) dbced25
  • [minor] Update signature onClick event on filmstrip (renderer) 7ee4743

22.2.7

  • [patch] fix lazy-loading of cards when scrolling up 868505d

22.2.6

  • [patch] Show static images for gifs in small cards e2508f9
  • [patch] Show static images for gifs in small cards e2508f9

22.2.5

  • [patch] Fixed hover state for link media-cards in renderer 05ae05d

22.2.3

  • [patch] Bumping dependency on docs (from a failed build) 6949056

22.2.1

  • [patch] Migrated to the new repo and updated dependencies f76434e

2.1.1 (2017-09-18)

  • bug fix; update media-core and media-test-helpers version (00108cf)

2.1.0 (2017-08-11)

  • feature; bump :allthethings: (f4b1375)

2.0.1 (2017-07-25)

  • fix; use class transform in loose mode in babel to improve load performance in apps (fde719a)

1.0.0 (2017-06-07)

  • feature; fix imgSrc property (d2274ce)
  • feature; mediaImage component skeleton (5dd2f84)