Skip to:

Top Bar
Sidebar
Main Content

Atlaskit

Media ui

Examples

Typescript ❤️

Includes common components and utilities used by other media packages

Install

yarn add @atlaskit/media-ui

npm

Source

Bundle

Latest

28.0.3

Patch Changes

Updated dependencies

Internal Media Use Only

Media UI is intended for internal use by the Media Platform and as a transitive dependency of a media package within your product.

Direct use of this component is not supported.

Consider using one of these packages instead:

Note: This component is designed for internal Atlassian development.

External contributors will be able to use this component but will not be able to submit issues.

This package includes common components and utilities used by other media packages.

28.0.3

Patch Changes

Updated dependencies

28.0.2

Patch Changes

#120999 3d280e8a1e183 - [ux] Moves media floating toolbar options to convert image from block to inline and back to a dropdown.

28.0.1

Patch Changes

Updated dependencies

28.0.0

Major Changes

#117363 10a0f7f6c2027 - This package's peerDependencies have been adjusted for react and/or react-dom to reflect the status of only supporting React 18 going forward. No explicit breaking change to React support has been made in this release, but this is to signify going forward, breaking changes for React 16 or React 17 may come via non-major semver releases.

Please refer this community post for more details: https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026

Patch Changes

Updated dependencies

27.5.0

Minor Changes

#116138 b50c5d5d65ae2 - Bump to the latest version of @compiled/react

Patch Changes

Updated dependencies

27.4.3

Patch Changes

Updated dependencies

27.4.2

Patch Changes

Updated dependencies

27.4.1

Patch Changes

Updated dependencies

27.4.0

Minor Changes

#109060 4660ec858a305 - Update React from v16 to v18

Patch Changes

Updated dependencies

27.3.2

Patch Changes

#107798 6f9d0367cb933 - Updated DSP Enforcement Message
Updated dependencies

27.3.1

Patch Changes

Updated dependencies

27.3.0

Minor Changes

#97492 5195c4fd974a3 - Exported common modal dialog for for abuse-classified file downloads

27.2.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

27.1.0

Minor Changes

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

27.0.5

Patch Changes

#177875 d0c3d27216b7c - Clean up props for select new improvement on theme and customized components
Updated dependencies

27.0.4

Patch Changes

Updated dependencies

27.0.3

Patch Changes

Updated dependencies

27.0.2

Patch Changes

Updated dependencies

27.0.1

Patch Changes

Updated dependencies

27.0.0

Major Changes

#169432 d3cd99e113f4c - Migrates Media UI to Compiled CSS behind a feature flag.

26.2.6

Patch Changes

Updated dependencies

26.2.5

Patch Changes

Updated dependencies

26.2.4

Patch Changes

Updated dependencies

26.2.3

Patch Changes

Updated dependencies

26.2.2

Patch Changes

Updated dependencies

26.2.1

Patch Changes

Updated dependencies

26.2.0

Minor Changes

#164149 2331ee694f442 - [ux] Custom icon migration behind feature flag

Patch Changes

Updated dependencies

26.1.0

Minor Changes

#161636 69629c54c803b - Adding en-ZZ locale support to media-ui

26.0.2

Patch Changes

#159249 665bb2f24332d - fix React 18 StrictMode issue

26.0.1

Patch Changes

Updated dependencies

26.0.0

Major 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.

25.16.1

Patch Changes

Updated dependencies

25.16.0

Minor Changes

#152525 137373a63e749 - Implement platform_media_disable_video_640p_artifact_usage feature flag

25.15.4

Patch Changes

#149473 4c74b6716ded9 - Remove global jest override to fix runtime type error in jest tests
Updated dependencies

25.15.3

Patch Changes

Updated dependencies

25.15.2

Patch Changes

#144896 8c10a30335655 - Updated intl ids for alt text helper and label
Updated dependencies

25.15.1

Patch Changes

Updated dependencies

25.15.0

Minor Changes

#142588 982e6ecf05d18 - Add data vc to some components

25.14.0

Minor 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.

25.13.0

Minor Changes

#141607 6c376c877f98a - [ux] Enable new icons behind a feature flag.

25.12.0

Minor Changes

#140915 36b5acc412af5 - Design system typography uplift

25.11.1

Patch Changes

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

25.11.0

Minor Changes

#129943 91186b2860822 - Updates media-ui to support React 18

Patch Changes

Updated dependencies

25.10.14

Patch Changes

Updated dependencies

25.10.13

Patch Changes

Updated dependencies

25.10.12

Patch Changes

Updated dependencies

25.10.11

Patch Changes

Updated dependencies

25.10.10

Patch Changes

Updated dependencies

25.10.9

Patch Changes

#116846 b9c3dabe8ea72 - ECA11Y-66: Make video controls accessible for keyboard users, feature flag removal

25.10.8

Patch Changes

Updated dependencies

25.10.7

Patch Changes

Updated dependencies

25.10.6

Patch Changes

Updated dependencies

25.10.5

Patch Changes

Updated dependencies

25.10.4

Patch Changes

Updated dependencies

25.10.3

Patch Changes

#95896 b1900695f505 - ECA11Y-191 Add aria-label for volume level control slider

25.10.2

Patch Changes

#94950 829cce5728a3 - ECAY11-190 Add state announcement of the “Volume“ button by the screen reader

25.10.1

Patch Changes

Updated dependencies

25.10.0

Minor Changes

#96985 024d611d1aee - clean up html image dimensions FF

25.9.1

Patch Changes

#89395 d8ff819d271c - [ux] ECA11Y-200 Make editor video seeker accessible for keyboard users

25.9.0

Minor Changes

#93302 c370864d9ece - Improve image dimensions logic for better reliability

Patch Changes

Updated dependencies

25.8.0

Minor Changes

#80318 378835ef4c22 - ECA11Y-201: Make video volume regulation accessible and focusable

25.7.0

Minor Changes

#86221 3d897cbc0397 - [ux] Adds a mechanism for user to enter alt text in avatar picker

25.6.1

Patch Changes

#89185 bf076b766e85 - CXP-3206 Fix CustomMediaPlayer's thumb vertical positioning

25.6.0

Minor Changes

#73901 2aefab5730ab - ECA11Y-207 Added Tab navigation for video panel controls and handling key press on them

Patch Changes

Updated dependencies

25.5.0

Minor Changes

#87932 9de84130ef6a - [ux] Fixes text colour in playback speed menu in light mode

Patch Changes

Updated dependencies

25.4.4

Patch Changes

#83116 8d4e99057fe0 - Upgrade Typescript from 4.9.5 to 5.4.2

25.4.3

Patch Changes

Updated dependencies

25.4.2

Patch Changes

#80067 3ea4eada1951 - [ux] Replaced standard spacing with space tokens

25.4.1

Patch Changes

#79378 1292c9f03c9f - Apply spacing token to media-ui

25.4.0

Minor Changes

#78097 85166d42ab97 - Update PDF password form UI styling and messages

25.3.0

Minor Changes

#77668 c8a08df51a9f - Add password protected pdf support for media viewer

25.2.0

Minor Changes

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

25.1.0

Minor Changes

#69045 b4de23a94d1f - Added new intl message for button to open Media viewer in Media Card

25.0.13

Patch Changes

#64367 92a5d4b3f616 - fix selection issue of media inline card

25.0.12

Patch Changes

Updated dependencies

25.0.11

Patch Changes

#60029 b9826ea49c47 - Update dependencies that were impacted by HOT-106483 to latest.

25.0.10

Patch Changes

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

25.0.9

Patch Changes

#56822 77f4fbf44e93 - ECA11Y-78: Added announce for the selected file

25.0.8

Patch Changes

Updated dependencies

25.0.7

Patch Changes

Updated dependencies

25.0.6

Patch Changes

Updated dependencies

25.0.5

Patch Changes

Updated dependencies

25.0.4

Patch Changes

#43014 f021d31543e - create useFileState hook versions of header and itemviewer, create list-v2, refactor MediaFileStateError to media-client-react
#43014 761551f78ab - Implement useFileState hook on Media Viewer under Version 2
Updated dependencies

25.0.3

Patch Changes

Updated dependencies

25.0.2

Patch Changes

#41501 b3cb749dc67 - Fix TS errors in AFM

25.0.1

Patch Changes

#40009 dcef48fcb56 - Dependency for @types/enzyme set as static as the following patch version contains a breaking change

25.0.0

Major Changes

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

24.0.3

Patch Changes

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

24.0.2

Patch Changes

Updated dependencies

24.0.1

Patch Changes

#39255 ede6ee7aaab - Updated tests, examples and moving towards /test-helper export in packages to prevent circular dependancies
Updated dependencies

24.0.0

Major Changes

#39127 3fa17b4c298 - Removed support for 'auto' as an allowed value for the loading property within MediaImageProps.

export interface MediaImageProps {
    ...
-   loading?: 'auto' | 'lazy' | 'eager';
+   loading?: 'lazy' | 'eager';
    ...
}

The loading property within MediaImageProps directly maps to the loading property of an HTMLImageElement.

// node_modules/typescript/lib/lib.dom.d.ts:

/** Provides special properties and methods for manipulating <img> elements. */
interface HTMLImageElement extends HTMLElement {
    ...
    /** Sets or retrieves the policy for loading image elements that are outside the viewport. */
    loading: "eager" | "lazy";
    ...
}

The 'auto' value was experimental within older versions of Chrome and never made its way into the final HTML spec. Learn more here.

23.3.0

Minor Changes

#36363 9435778d504 - Added additional messages for Media Avatar Picker for improved accessibility

23.2.2

Patch Changes

#38069 07ffc8e6fbd - remove unused right prop from IconAndTitleLayout

23.2.1

Patch Changes

Updated dependencies

23.2.0

Minor Changes

#36498 f486dbd535c - MEX-2481 Fix minor gap between image and border

23.1.1

Patch Changes

#35933 183fdc63b26 - MEX-2467 Fix firstPlayed track event firing when autoPlay is false

23.1.0

Minor Changes

#35725 a67386c9448 - add missing label for media avatar picker back button

23.0.6

Patch Changes

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

23.0.5

Patch Changes

#35026 da9024f099f - MEX-2432 Enable range selection on MediaInline component

23.0.4

Patch Changes

Updated dependencies

23.0.3

Patch Changes

Updated dependencies

23.0.2

Patch Changes

#34192 1f14ade848b - [MEX-2401] Duplicated title when copy-paste of media inline
Updated dependencies

23.0.1

Patch Changes

#33793 9d00501a414 - Ensure legacy types are published for TS 4.5-4.8

23.0.0

Major Changes

#33771 780e634b885 - Removed fadeIn styles - Removed emotion/react dependency

22.4.1

Patch Changes

#33649 41fae2c6f68 - Upgrade Typescript from 4.5.5 to 4.9.5

22.4.0

Minor Changes

#33258 56507598609 - Skip minor dependency bump

Patch Changes

Updated dependencies

22.3.6

Patch Changes

#32424 2e01c9c74b5 - DUMMY remove before merging to master; dupe adf-schema via adf-utils

22.3.5

Patch Changes

#31891 b8341366c9a - [ux] Add dark mode support for media inline card.

22.3.4

Patch Changes

#31299 b37723f2cfa - Custom Media Player now logs all passed feature flags
Updated dependencies

22.3.3

Patch Changes

Updated dependencies

22.3.2

Patch Changes

Updated dependencies

22.3.1

Patch Changes

Updated dependencies

22.3.0

Minor Changes

#28932 1687a9fddf0 - Updated previewOrientation prop to allow "from-image" orientation

Patch Changes

Updated dependencies

22.2.4

Patch Changes

#28090 a8eeb045e3a - adding media only callouts to docs
Updated dependencies

22.2.3

Patch Changes

#27706 65527c85a64 - Bump @emotion

22.2.2

Patch Changes

Updated dependencies

22.2.1

Patch Changes

Updated dependencies

22.2.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.
3b86aedf4cf - Instrumented @atlaskit/media-ui 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

cb8f8e76d25 - Update types for react-select and @atlaskit/select upgrade Update commerce-ui entrypoints that caused a pipeline issue.
7c8727e3cb0 - [ux] Updated color usages in MediaButton and CustomMediaPlayer to use new colors from the new color palette.
Updated dependencies

22.1.3

Patch Changes

#24874 8cc2f888c83 - Upgrade Typescript from 4.3.5 to 4.5.5

22.1.2

Patch Changes

#24492 8d4228767b0 - Upgrade Typescript from 4.2.4 to 4.3.5.

22.1.1

Patch Changes

#22642 e3d4c39b20c - Remove version.json file. Use injected package name and version from environment variable instead.

22.1.0

Minor Changes

#21570 ed6cdd2d397 - added onfullscreenchange property to media to avoid triggering table resizing when media is in full screen mode

Patch Changes

Updated dependencies

22.0.0

Major Changes

#20721 6b7ba46a96b - [MEX-1456] Remove unused infinite scroll from Media-UI and Remove lodash from Media package

Patch Changes

a5d25a077bc - removed duplicated module from Confluence's node_modules introduced with our components
Updated dependencies

21.1.1

Patch Changes

#20650 cb2392f6d33 - Upgrade to TypeScript 4.2.4
Updated dependencies

21.1.0

Minor Changes

#20033 5a79ea6f7d6 - Add support for assessing the mimetype of a file when deciding what viewer to show

Patch Changes

Updated dependencies

21.0.0

Major Changes

#19618 e579e144052 - [ux] EDM-2821: Fix media inline wrap after icon

Minor Changes

0c27d2645ad - Removed unused dependencies

Patch Changes

fb1cf506701 - [ux] ED-14487: polyfill ResizeObserver and IntersectionObserver for unit tests, but mock isIntersectionObserverSupported() for tests related to smart-cards
Updated dependencies

20.1.0

Minor Changes

#19796 a05dcf1b9d6 - allow to pass size prop to MediaMimeTypeIcon

20.0.0

Major Changes

#19019 d6a20cc81b8 - Remove smart-card views and utils from media-ui

Minor Changes

8742dbe70bd - MEX-1102 Removed lodash dependencies from media component and converted all to local functions (lightweight helpers)

Patch Changes

Updated dependencies

19.0.0

Major Changes

#16752 09a6d800330 - Remove fadeInKeyframe export

Minor Changes

da72247beeb - remove styled-components from media-ui
#18526 a5cabf7f670 - CustomMediaPlayer accepts poster property
beb3969bd64 - [ux] Change the media floating toolbar view switcher dropdown text to Change view

Patch Changes

2b2425c9758 - [ux] Fixed Icon and Title padding for media inline component

18.1.1

Patch Changes

#18528 9ca8f7e9d74 - Revert extra image visibility style for media card

18.1.0

Minor Changes

19d72473dfb - [ux] Displaying the control bar including the timestamp by default for videos that have been processed.
19d72473dfb - [ux] Making the control bar for videos adaptive (controls change based on video size)

Patch Changes

19d72473dfb - Refactor solution for fixing media card images overlaps with creating preview message
19d72473dfb - fixed confluence embed smartlink icon
19d72473dfb - add shimer placeholder

18.0.1

Patch Changes

#17475 c55c736ecea - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489

18.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>
);
```

17.2.0

Minor Changes

#15998 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.

af29def3dac - expose missing smart-card classnames

import {
  blockCardResolvedViewByClassName,
  blockCardForbiddenViewLinkClassName,
  blockCardContentClassName,
  blockCardContentHeaderClassName,
  blockCardContentHeaderNameClassName,
  blockCardNotFoundViewClassName,
  blockCardErroredViewClassName,
} from '@atlaskit/smart-card'

css`
  .${blockCardContentHeaderNameClassName} {
    background-color: red;
  }
`

Patch Changes

09f27f70093 - Grant "clipboard-write" permission so that the browsing contexts within the iframe will have Clipboard API available
f124adcb18f - Adding .md, .lock, .yaml, .yml, .tsx, .jsx as known extension types
fe8e5ca9a92 - [ux] MediaInline package now correctly shows a border around it upon being selected
Updated dependencies

17.1.0

Minor Changes

#14777 269ee940b87 - redesign error UI on new media card experience

Patch Changes

Updated dependencies

17.0.0

Major Changes

#14319 cf853e39278 - [ux] Updated and refreshed media inline component

Minor Changes

cf853e39278 - [ux] Skip forward and backward buttons are added to inline media player

Patch Changes

cf853e39278 - Adds support for lazy loading of MediaImage
cf853e39278 - Adding lazy loading as the default for the SSR media card
Updated dependencies

16.6.0

Minor Changes

#13864 4777a174e6d - Added analytics support for customMediaPlayer + screen event + entrypoint for locales
8f9f7250bba - CustomMediaPlayer: refactored screen event + added "viewed" track event
5662f7f329c - Added analytics track event for tracking the total playcount for each individual video based on the first time a video is played
ab905c0e924 - [ux] EDM-1641: add floating toolbar to media card and view switcher for inline view
46d9d2872b4 - Video Analytics - Add UI events for CustomMediaPlayer
9c0241362a6 - [ux] Upgrade to the latest version of @atlaskit/modal-dialog. This change includes shifting the primary button in the footer of the modal to be on the right instead of the left.

Patch Changes

abb74b2f8a4 - Filter out undefined attributes in video analytics, add actionSubjectId in screen event
a46eca1d68c - [ux] Fix ellipsified text issue when used in MediaAvatarPicker inside a modal
35d85025b4d - MEX-860 Changed base track events payload + added CustomMediaPlayerType
b90c0237824 - Update package.jsons to remove unused dependencies.
bab5f91af08 - Add UI events for the case when TimeRange's value changed
64216e944dd - Fixed track event "played" + added test
Updated dependencies

16.5.0

Minor Changes

#13302 00de5482a5a - # expose smart-link selectors

Documentation with visual examples: https://hello.atlassian.net/wiki/spaces/~hzarcogarcia/pages/1250247546/How+to+use+smart+link+classnames

import {
  contentFooterClassName,
  metadataListClassName,
  blockCardResolvingViewClassName,
  blockCardResolvedViewClassName,
  blockCardForbiddenViewClassName,
  blockCardIconImageClassName,
  loadingPlaceholderClassName
} from '@atlaskit/smart-card';

// Example usage:

css`
  .${contentFooterClassName} {
    background-color: red;
  }
`

Patch Changes

Updated dependencies

16.4.0

Minor Changes

#12837 96b6fb1c6b9 - Add sandbox property to Smart Links embed
c0fa45830e1 - Add sandbox prop to Smart Links block card preview iframe

Patch Changes

Updated dependencies

16.3.1

Patch Changes

#12328 1648ac429ee - [ux] Updated to use the new @atlaskit/select design.
Updated dependencies

16.3.0

Minor Changes

#11649 3592e304adc - [ux] Underlying icons used in MediaTypeIcon (that is also used as part of MimeTypeIcon) has been replaced. This mean they will change size (2px) and in some cases colour (like for audio file).
- Add data-type attribute for easier testing for both MediaTypeIcon and MimeTypeIcon components
- Add testId prop to both MediaTypeIcon and MimeTypeIcon
c74e598326e - Add new member formatDate. Also, available via own entry point.
b26fdd2ccbf - [ux] EDM-1191: fix lozenge positioning on Inline Smart Links.

Patch Changes

915288075cd - Accessibility improvements for media-image component: empty alt attribute by default
Updated dependencies

16.2.0

Minor Changes

#11113 7cb22b649a7 - Fix Exif orientation display in MediaImage, add VR tests
756e94e27a5 - [ux] EDM-1953: Provide default icon on the card view on smart link.
c9dd0243320 - [ux] prepend page title with emoji icon for smart link and block card

Patch Changes

7ded168e0c2 - Update translation
Updated dependencies

16.1.0

Minor Changes

#10569 93232471b86 - allow to pass size to MediaTypeIcon expose loading_file locale

Patch Changes

Updated dependencies

16.0.2

Patch Changes

#10230 bdd31628e87 - Fix translation not available for new strings
8f3399a7c9d - Updates to types consumed from @atlaskit/code
Updated dependencies

16.0.1

Patch Changes

#9756 78c54a8761f - Rewording some comments/types/descriptions to remove unnecessarily gendered phrasing
Updated dependencies

16.0.0

Major Changes

#9510 b94126fdf04 - EmbedCardResolvedViewProps.preview has been changed from being a string to shape of {src: string, aspectRatio?: number}, where src represent what has been previously a preview string value.

15.3.2

Patch Changes

#9083 9e0a877809a - Add test-ids to BlockCard/CollaboratorList
Updated dependencies

15.3.1

Patch Changes

#8644 1d09c9ed549 - refactor media-viewer for better analytics and error handling
845dee52a4a - [ux] Adds additional request access metadata to forbidden urls if avalible
1085b407772 - BMPT-1215 - bump react-video-renderer to 2.4.8 fixes onCanPlay multiple fire
0bbbe442ccd - [ux] Prevent cross button of Blockcard ModalHeader wrapping to next line on long file title
695ce4fe717 - Adds additional request access metadata to forbidden urls if avalible
Updated dependencies

15.3.0

Minor Changes

#8178 504119cfbe2 - [ux] InlinePreloaderStyle type is added as part of @atlaskit/media-ui/types entry point.
8a148bfb609 - EDM-855: add underline styles for inline smart links

Patch Changes

e6a61a55325 - Updated react-video-renderer to 2.4.7
0d11733c9e3 - fix volume controls for inline video player
b7e84781856 - [ux] Prevent saving current media play time when the media is less than a minute long
Updated dependencies

15.2.0

Minor Changes

#7762 7ddbf962bd9 - [ux] Updated and added new translations

Patch Changes

7d24194b639 - EDM-1717: Fix Safari danger styles for inline smart links

15.1.0

Minor Changes

#7425 78e3c951c8 - [ux] Making the inline video player able to play/pause from anywhere on card

15.0.2

Patch Changes

#7559 965c783580 - add override references for Trello only

15.0.1

Patch Changes

#7170 bacab2338b - Updated error message displayed when a Polling Error has been thrown
610ceb3235 - Update inline video player speed controls
Updated dependencies

15.0.0

Major Changes

#6930 ef4be7212a - @atlaskit/media-ui/embeds EmbedCardResolvedView component now requires iframe ref. And new export embedHeaderHeight is introduced

14.4.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.

14.3.1

Patch Changes

#5857 d3265f19be - Transpile packages using babel rather than tsc

14.3.0

Minor Changes

#6228 0c0de3acae - [EDM-341]: Add playback speed control to inline video player

Patch Changes

b124464476 - Fixing bug. Text should be "Preview unavailable" not "Preview Unavailable"
Updated dependencies

14.2.1

Patch Changes

#5860 6689df691c - [ux] fixed bugs where the unknown icon was rendered instead of the codeIcon
330da4d675 - Update translations via Traduki from issue/translation-2020-10-08T000543

14.2.0

Minor Changes

#5516 73613210d4 - Adding support for Code and Email files so that they are now able to be previewed in the viewer.

Patch Changes

7d5c00e638 - EDM-1252: Use viewport height rather than percentage
4b2c7ce81c - ED-10580: Fix duplicate i18n ids
2992f6d3d3 - Work around an issue in Firefox when copy paste smart link from renderer to editor
8aeda5d89f - add image-orientation rule to media-image to standardise exif rotation
47ebd1cd77 - [ux] Added dark mode colors to inline smart cards
Updated dependencies

14.1.3

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.

14.1.2

Patch Changes

Updated dependencies

14.1.1

Patch Changes

#5206 da5bff8404 - fix duplicated media locale

14.1.0

Minor Changes

#4749 df3bf7f77f - Added support for uploading files from MediaPicker. Additionally, added support for browser detection.
96ab8c45fc - Changing the text in the picker in the UI so that users now know they can drag&drop folders
7d831363d9 - Migrated to declarative entry points

Patch Changes

595078d4ea - Fix allowing color of text for card/block view to be changed for undefined links.
c2da663f7b - EDM-932: fix double scroll in embeds
Updated dependencies

14.0.1

Patch Changes

#4647 631412a7f6 - Revert usage of flex for media card UI

14.0.0

Major Changes

#4424 863a41adbb - Drop unorthodox 'toolbar' appearance as one of the values in MediaButton's appearance. If you used it before just replace it with default (means, remove whole apperance prop definition completely)

Minor Changes

9468594ef9 - Ticket: EDM-1120

Changes:
- Refactored Card Link view tests to separate files to be more maintainable;
- Added unit tests to all Card Link actions;
- Added unit tests to Card Link PreviewAction;
- Added openPreviewState and waitForPreviewState selectors for VR tests;
- Added VR test in Editor for Preview State;
- Added VR test in Renderer for Preview State.
c87e8dad69 - CustomMediaPlayer got new optional prop lastWatchTimeConfig which value has shape {contentId: string} where contentId is unique identifier of the media. When this prop provided component will store last played position for that contentId and when mounted next time will resume from that place.

Patch Changes

6e5372dcda - Ticket: EDM-1121

Changes:

Added integration tests across the board, asserting that a new window is opened to kick off the 3LO flow.
- Added integration test for account connection and try another account flows for Inline Links;
- Added integration test for account connection and try another account flows for Card Links;
- Added integration test for account connection and try another account flows for Embed Links;
- Aligned data-testids across all buttons for all unauthenticated views for each of the above to be - button-connect-account for connecting account, and button-connect-other-account for trying with another account.
Further, added an AuthorizationWindow method to the @atlaskit/media-integration-test-helpers, with the following methods:
- AuthorizationWindow.open() - to open a window to authorize, dependent on which card state it is being activated from;
- AuthorizationWindow.checkUrl() - to check if the window URL when redirected is the same as the MOCK_URL_AUTH_PROVIDER inside of the package for assertions which ship with our mocks;
- AuthorizationWindow.close() - to close the window opened for authorization.
Updated dependencies

13.1.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.

13.1.0

Minor Changes

#3823 c026e59e68 - Move truncateText helper from media-card to media-ui and expose entry point. Export optional NameCell component from MediaTable.
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
af4a8c4262 - Added custom error message for encrypted zip file previews
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.
2202870181 - Added support for zip previews in media viewer
de5ee48f89 - fix: added icon prop on media-ui, InlineCardForbiddenView - moving to updated link framework for fforbidden view of Inline Smart Links.

Patch Changes

6262f382de - Use the 'lodash' package instead of single-function 'lodash.*' packages
41a10a49e0 - Tiny CSS fix for images rendered in a table in chrome
fa6fb5dfbb - Removing unused code to be published
fb84b0696d - CSS fix for image wrapper in media ui
4f70769fe1 - Minor CSS update to vertically center image in media-card
861d585ba8 - Changed mediaSingle to now render it's child adf nodes using nodeviews rather than directly with react
889a2d9486 - fix: updated error views for all Inline and Block links
Updated dependencies

13.0.2

Patch Changes

#3369 d03bff2147 - updated translations

13.0.1

Patch Changes

#3428 cde426961a - Bumps Avatar and AvatarGroup depenedencies
7b90a82e88 - Update the elevation to work correctly in Safari and Edge <79 correctly
8f2f2422a1 - EDM-955: Fix error state height for embeds
Updated dependencies

13.0.0

Major Changes

#3335 87f4720f27 - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11. For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534

Patch Changes

Updated dependencies

12.5.1

Patch Changes

#2763 39d076a3bd - fix: smart links inline loading state
Updated dependencies

12.5.0

Minor Changes

#2443 0ae829a4ea - EDM-648: Adds resizing and alignment to embed cards
1508cc97c9 - fix: lazy-rendering, React key, isFrameVisible in @atlaskit/renderer and click handlers for EmbedCard components.

Patch Changes

7c75ddf54f - [EDM-704]: Fix EmbedCard UI issues
2589a3e4fc - EDM-713: fix copy-paste from Renderer to Editor on Firefox
Updated dependencies

12.4.1

Patch Changes

#2576 fc83c36503 - Update translation files via Traduki build

12.4.0

Minor Changes

#2984 fb5ddad3a4 - expose isIntersectionObserverSupported helper

12.3.0

Minor Changes

#2137 360f7e03a0 - expose MediaTypeIcon
```
import { MediaTypeIcon } from '@atlaskit/media-ui/media-type-icon';
```
<MediaTypeIcon type="image" /> ```
50c333ab3a - EDM-216: Adds EmbedCards in the Editor under the flag - allowEmbeds in the UNSAFE_cards prop

Patch Changes

9961ccddcf - EDM-665: fix error handling of Smart Links
54d82b49f0 - Remove unused dependencies
93daf076e4 - fix: bugs with Block Links - floating menu placement, spacing, editing of link title or source, lazy loading.
baaad91b65 - Updated to use the latest and more performant version of @atlaskit/avatar
891b7ba558 - EDM-725: fix floating toolbar not displaying for unauthorized inline card
98f462e2aa - Bumping use the latest version of @atlaskit/spinner
Updated dependencies

12.2.2

Patch Changes

#2541 91626bbac9 - hotfix: smart links auth state

12.2.1

Patch Changes

#1868 08ae8cdf2f - Update styling for unauthorised inline cards- Updated dependencies

12.2.0

Minor Changes

[minor]dc3bade5f1:

expose Embed card views

import {
  EmbedCardResolvedView,
  EmbedCardUnauthorisedView,
  EmbedCardForbiddenView,
  EmbedCardNotFoundView,
} from '@atlaskit/media-ui/embeds';
```- [minor] [acc12dba75](https://bitbucket.org/atlassian/atlassian-frontend/commits/acc12dba75):

fix: refactor of extractor logic in smart-card- [minor] [1b3a41f3ea](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b3a41f3ea):

Add isFrameVisible to EmbedCard and fix minor UI issues

Patch Changes

[patch]3b776be426:

Change appearance of unauthorised inline cards- Updated dependencies 443bb984ab:
Updated dependencies 3940bd71f1:
Updated dependencies 6b8e60827e:
Updated dependencies e95a8726e2:
Updated dependencies 449ef134b3:
Updated dependencies 9a534d6a74:
Updated dependencies 167a55fd7a:
Updated dependencies 57c0487a02:
Updated dependencies a4acc95793:
Updated dependencies 68ff159118:
Updated dependencies a4d063330a:
Updated dependencies 093fdc91b1:
Updated dependencies 7a2540821c:
- @atlaskit/page@11.0.13
- @atlaskit/tooltip@15.2.6
- @atlaskit/button@13.3.11
- @atlaskit/avatar-group@5.1.2
- @atlaskit/icon@20.1.1
- @atlaskit/modal-dialog@10.5.7
- @atlaskit/avatar@17.1.10
- @atlaskit/droplist@10.0.4
- @atlaskit/checkbox@10.1.11
- @atlaskit/lozenge@9.1.7
- @atlaskit/badge@13.1.8
- @atlaskit/dropdown-menu@9.0.3

12.1.1

Patch Changes

[patch]66c5bd52fb:

EDM-597: fix block cards disappearing on mobile

12.1.0

Minor Changes

[minor]f459d99f15:

Add search locale- [minor]17cc5dde5d:

EDM-200: instrument metrics for preview mode- [minor]f061ed6c98:

EDM-199: add analytics for action invocations on Block links- [minor]49dbcfa64c:

Implement actions in SmartCard component- [minor]318a1a0f2f:

EDM-454: Actions in block cards are now behind the flag: showActions- [minor]b5f17f0751:

fix: i18n strings of Block links- [minor]4635f8107b:

fix: responsiveness on mobile for block cards- [minor]d3547279dd:

Update the previewAction to add more rich detail- [minor]8c8f0099d8:

fix: copy for block links, added not found view to match spec

Patch Changes

[patch]3aedaac8c7:

fix: intl on preview state- [patch]e9d555132d:

fix: ui for block links- [patch]d7b07a9ca4:

Fix Media Viewer Scroll- [patch]fd4b237ffe:

Change customMediaPlayer MediaButton testId to data-testid- [patch]9691bb8eb9:

Implement SmartLink actions- [patch]5550919b98:

Changing background-color of blockCard to white- [patch]e9044fbfa6:

Hide some buttons when cusomVideoPlayer is small- [patch]050781f257:

fix: root extractor for object in block links- [patch]ba8c2c4129:

fix: icons for jira block links- [patch]67bc25bc3f:

Move WidthObserver from editor-common to width-detector

WidthObserver is a more performant version of WidthDetector and should be used going forward.
```
import { WidthObserver } from '@atlaskit/width-detector';

<WidthObserver
  setWidth={width => console.log(`width has changed to ${width}`)}
/>;
```- [patch] [f3587bae11](https://bitbucket.org/atlassian/atlassian-frontend/commits/f3587bae11):

chore: fix UI nits for block cards- Updated dependencies [6a6a991904](https://bitbucket.org/atlassian/atlassian-frontend/commits/6a6a991904):
```
Updated dependencies 84f82f7015:
Updated dependencies 168b5f90e5:
Updated dependencies f5b654c328:
Updated dependencies 0c270847cb:
Updated dependencies 109004a98e:
Updated dependencies b9903e773a:
Updated dependencies b2402fc3a2:
Updated dependencies 67bc25bc3f:
Updated dependencies bb2fe95478:
Updated dependencies 89bf723567:
Updated dependencies 7e363d5aba:
- @atlaskit/media-test-helpers@27.2.0
- @atlaskit/docs@8.5.1
- @atlaskit/modal-dialog@10.5.6
- @atlaskit/theme@9.5.3
- @atlaskit/button@13.3.10
- @atlaskit/width-detector@2.1.0
- @atlaskit/media-common@1.0.1

12.0.1

Patch Changes

[patch]f83b67a761:

EDM-407: Smart cards copy pasted from Renderer to Editor create mediaSingles- Updated dependencies 4d3749c9e6:
Updated dependencies dae900bf82:
Updated dependencies d49ebd7c7a:
Updated dependencies 6dcad31e41:
Updated dependencies 8c9e4f1ec6:
Updated dependencies 3cbc8a49a2:
- @atlaskit/modal-dialog@10.5.5
- @atlaskit/build-utils@2.6.4
- @atlaskit/media-test-helpers@27.1.0
- @atlaskit/docs@8.5.0

12.0.0

Major Changes

[major]77474b6821:

The one where we update block card!

We've done a complete refresh of the BlockCard component and all it's views. It's now nice and spic and span and modern. This has been done to use block cards in smart links, coming to an editor experience near you very soon!

Patch Changes

[patch]dda84ee26d:

The Mediapicker did not give feedback before when there was a network error (Dropbox/Googledrive) but now it gives an error message for cloud fetching- [patch]196500df34:

move MockGlobalImage to media-test-helpers for reuse- [patch]d7ed7b1513:

Remove export * from media components- Updated dependencies 66dcced7a0:
Updated dependencies fd5292fd5a:
Updated dependencies 196500df34:
Updated dependencies d7ed7b1513:
Updated dependencies 41a2496393:
Updated dependencies 28573f37a7:
Updated dependencies fd5292fd5a:
Updated dependencies 8b9598a760:
Updated dependencies bbf5eb8824:
Updated dependencies eea5e9bd8c:
Updated dependencies 6b06a7baa9:
Updated dependencies fd5292fd5a:
Updated dependencies 8b34c7371d:
- @atlaskit/docs@8.4.0
- @atlaskit/icon@20.1.0
- @atlaskit/media-test-helpers@27.0.0
- @atlaskit/avatar-group@5.1.1
- @atlaskit/item@11.0.2
- @atlaskit/field-base@14.0.2
- @atlaskit/avatar@17.1.9
- @atlaskit/badge@13.1.7
- @atlaskit/button@13.3.9
- @atlaskit/checkbox@10.1.10
- @atlaskit/dropdown-menu@9.0.2
- @atlaskit/droplist@10.0.3
- @atlaskit/lozenge@9.1.6
- @atlaskit/modal-dialog@10.5.4
- @atlaskit/spinner@12.1.6
- @atlaskit/textfield@3.1.9
- @atlaskit/tooltip@15.2.5

11.9.0

Minor Changes

[minor]f709e92247:

Adding an optional prop testId that will set the attribute value data-testid. It will help products to write better integration and end to end tests.

Patch Changes

[patch]8c7f68d911:

Fix drag on inline video player so that it no longer keeps scrubbing the timeline after you have stopped clicking- [patch]0e562f2a4a:

EDM-280: fix icon placement of Smart Links- Updated dependencies e9a14f945f:
Updated dependencies 4859ceaa73:
Updated dependencies 9e87af4685:
Updated dependencies 0603860c07:
Updated dependencies 91a1eb05db:
Updated dependencies c1992227dc:
- @atlaskit/avatar-group@5.1.0
- @atlaskit/dropdown-menu@9.0.0
- @atlaskit/icon@20.0.2
- @atlaskit/textfield@3.1.7
- @atlaskit/checkbox@10.1.8
- @atlaskit/media-test-helpers@26.1.2

11.8.3

Patch Changes

[patch]6548261c9a:

Remove namespace imports from React, ReactDom, and PropTypes
Updated dependencies 6548261c9a:
- @atlaskit/docs@8.3.2
- @atlaskit/avatar-group@5.0.4
- @atlaskit/avatar@17.1.7
- @atlaskit/badge@13.1.5
- @atlaskit/button@13.3.7
- @atlaskit/checkbox@10.1.7
- @atlaskit/dropdown-menu@8.2.4
- @atlaskit/field-base@14.0.1
- @atlaskit/icon@20.0.1
- @atlaskit/lozenge@9.1.4
- @atlaskit/page@11.0.12
- @atlaskit/spinner@12.1.4
- @atlaskit/textfield@3.1.6
- @atlaskit/theme@9.5.1
- @atlaskit/tooltip@15.2.3
- @atlaskit/media-test-helpers@26.1.1

11.8.2

Patch Changes

[patch]555818c33a:

EDM-237: fix wrapping for inline Smart Links- Updated dependencies fe4eaf06fc:
Updated dependencies c0102a3ea2:
Updated dependencies b9dc265bc9:
- @atlaskit/media-test-helpers@26.1.0
- @atlaskit/field-base@14.0.0
- @atlaskit/icon@20.0.0
- @atlaskit/avatar@17.1.6
- @atlaskit/dropdown-menu@8.2.3
- @atlaskit/avatar-group@5.0.3
- @atlaskit/docs@8.3.1
- @atlaskit/button@13.3.6
- @atlaskit/checkbox@10.1.6
- @atlaskit/textfield@3.1.5
- @atlaskit/tooltip@15.2.2
- @atlaskit/page@11.0.11

11.8.1

Patch Changes

Updated dependencies 966622bd45:
Updated dependencies d2b8166208:
Updated dependencies 6ee177aeb4:
- @atlaskit/media-test-helpers@26.0.0
- @atlaskit/docs@8.3.0

11.8.0

Minor Changes

[minor]d3f4c97f6a:

Add media-card-file-name testId for cards file name and Add testId attribute to Ellipsify component.

Patch Changes

[patch]149560f012:

ED-7697 Fixed focus problem when clicking smartlink inside a panel- Updated dependencies 28f8f0e089:
Updated dependencies 82747f2922:
Updated dependencies 4a223473c5:
Updated dependencies 6a8bc6f866:
- @atlaskit/icon@19.1.0
- @atlaskit/theme@9.5.0
- @atlaskit/badge@13.1.4
- @atlaskit/button@13.3.5
- @atlaskit/checkbox@10.1.5
- @atlaskit/lozenge@9.1.3
- @atlaskit/page@11.0.10
- @atlaskit/spinner@12.1.3
- @atlaskit/tooltip@15.2.1
- @atlaskit/media-test-helpers@25.2.6
- @atlaskit/dropdown-menu@8.2.2

11.7.2

Patch Changes

[patch]24865cfaff:

Force keyboard shortcuts during fullscreen for CustomVideoPlayer- [patch]24865cfaff:

make InactivityDetector styles relative- Updated dependencies 24865cfaff:
Updated dependencies 24865cfaff:
Updated dependencies 24865cfaff:
Updated dependencies 24865cfaff:
Updated dependencies 24865cfaff:
Updated dependencies 24865cfaff:
Updated dependencies 24865cfaff:
- @atlaskit/tooltip@15.2.0
- @atlaskit/checkbox@10.1.4
- @atlaskit/field-text@9.0.14
- @atlaskit/avatar-group@5.0.2
- @atlaskit/avatar@17.1.5

11.7.1

Patch Changes

[patch]955e23d516:

fix blueimp-load-image to 2.19.0 version

11.7.0

Minor Changes

[minor]550d260bfc:

Introducing support for alt-text in media.- [minor]ae4f336a3a:

FABDODGEM-13 Editor Damask Release - Internal post

BREAKING CHANGES

Media: Removed deprecated "context" property from media components in favor of "mediaClientConfig". This affects all public media UI components.
- https://product-fabric.atlassian.net/browse/MS-2038
Tasks & Decisions: Removed containerAri for task-decisions components.
- https://product-fabric.atlassian.net/browse/ED-7631
Renderer: Adapts to task-decision changes.
Editor Mobile Bridge: Adapts to task-decision changes.
Util Data Test: Adapts to task-decision changes.

Affected Editor Components:

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

Editor

Support nested actions in stage-0 schema; Change DOM representation of actions
- https://product-fabric.atlassian.net/browse/ED-7674
Updated i18n translations
- https://product-fabric.atlassian.net/browse/ED-7750
Improved analytics & crash reporting (via a new error boundary)
- https://product-fabric.atlassian.net/browse/ED-7766
- https://product-fabric.atlassian.net/browse/ED-7806
Improvements to heading anchor links.
- https://product-fabric.atlassian.net/browse/ED-7849
- https://product-fabric.atlassian.net/browse/ED-7860
Copy/Paste improvements
- https://product-fabric.atlassian.net/browse/ED-7840
- https://product-fabric.atlassian.net/browse/ED-7849
Fixes for the selection state of Smart links.
- https://product-fabric.atlassian.net/browse/ED-7602?src=confmacro
Improvements for table resizing & column creation.
- https://product-fabric.atlassian.net/browse/ED-7698
- https://product-fabric.atlassian.net/browse/ED-7319
- https://product-fabric.atlassian.net/browse/ED-7799

Mobile

GASv3 Analytics Events are now relayed from the web to the native context, ready for dispatching.
- https://product-fabric.atlassian.net/browse/FM-2502
Hybrid Renderer Recycler view now handles invalid ADF nodes gracefully.
- https://product-fabric.atlassian.net/browse/FM-2370

Media

Improved analytics
- https://product-fabric.atlassian.net/browse/MS-2036
- https://product-fabric.atlassian.net/browse/MS-2145
- https://product-fabric.atlassian.net/browse/MS-2416
- https://product-fabric.atlassian.net/browse/MS-2487
Added shouldOpenMediaViewer property to renderer
- https://product-fabric.atlassian.net/browse/MS-2393
Implemented analytics for file copy
- https://product-fabric.atlassian.net/browse/MS-2036
New media-viewed event dispatched when media is interacted with via the media card or viewer.
- https://product-fabric.atlassian.net/browse/MS-2284
Support for alt text attribute on media image elements.
- https://product-fabric.atlassian.net/browse/ED-7776

i18n-tools

Bumped dependencies.

[minor]5ce184b1d3:

New optional prop onFirstPlay is added to Props of CustomMediaPlayer component

11.6.8

Patch Changes

[patch]35d2229b2a:

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

11.6.7

Updated dependencies 97bab7fd28:
- @atlaskit/button@13.3.1
- @atlaskit/checkbox@10.0.0
- @atlaskit/docs@8.1.7

11.6.6

Patch Changes

[patch]a6a0cb78a6:

change white color to N0 import from theme

11.6.5

Patch Changes

[patch]fc79969f86:

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

11.6.4

Patch Changes

[patch]b8fd0f0847:

hot-88372: fix css props breaking in layoutNG.

11.6.3

Updated dependencies 40bda8f796:
- @atlaskit/avatar-group@5.0.0
- @atlaskit/avatar@17.0.1

11.6.2

Updated dependencies 8d0f37c23e:
- @atlaskit/avatar-group@4.0.13
- @atlaskit/dropdown-menu@8.1.1
- @atlaskit/avatar@17.0.0
- @atlaskit/theme@9.2.2

11.6.1

Patch Changes

[patch]6410edd029:

Deprecated props, value and onValueUpdated have been removed from the Badge component. Please use the children prop instead.

11.6.0

Minor Changes

[minor]c6efb2f5b6:

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

11.5.5

Patch Changes

[patch]097b696613:

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

11.5.4

Patch Changes

[patch]0d7d459f1a:

Fixes type errors which were incompatible with TS 3.6

11.5.3

Patch Changes

[patch]ecca4d1dbb:

Upgraded Typescript to 3.3.x

11.5.2

Updated dependencies 69586b5353:
- @atlaskit/media-test-helpers@25.0.0

11.5.1

Patch Changes

[patch]d399d55637:

Move @types/bytes from dependencies to devDependencies.

11.5.0

Minor Changes

[minor]1c806932b3:

Following exported members are introduced: findParentByClassname function, InactivityDetector component to help with inactivity detection and hiding controls in inline video player and media viewer, WithShowControlMethodProp interface to combine type expectations.

11.4.7

Patch Changes

[patch]2d48433f3c:

ED-7278: Adjust smart link icon height, when link is truncated the text after the link should now wrap correctly

11.4.6

Patch Changes

[patch]6742fbf2cc:

bugfix, fixes missing version.json file

11.4.5

Patch Changes

[patch]515427ad91:

fix: forbidden and unauthorised smartlinks act like <a> tags and no longer truncate their URLs

11.4.4

Patch Changes

[patch]18dfac7332:

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

11.4.3

Patch Changes

[patch]d0db01b410:

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);
```

11.4.2

Updated dependencies 87a2638655:
- @atlaskit/button@13.0.10
- @atlaskit/checkbox@9.0.0

11.4.1

Updated dependencies 06326ef3f7:
- @atlaskit/docs@8.1.3
- @atlaskit/avatar@16.0.6
- @atlaskit/avatar-group@4.0.6
- @atlaskit/button@13.0.9
- @atlaskit/checkbox@8.0.5
- @atlaskit/dropdown-menu@8.0.8
- @atlaskit/tooltip@15.0.2
- @atlaskit/media-test-helpers@24.1.2
- @atlaskit/icon@19.0.0

11.4.0

Minor Changes

[minor]53b1e6a783:

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

11.3.0

Minor Changes

[minor]fe6dbc5c49:

fix icon alignment for inline card.

11.2.9

Updated dependencies 67f06f58dd:
- @atlaskit/avatar@16.0.4
- @atlaskit/avatar-group@4.0.4
- @atlaskit/dropdown-menu@8.0.5
- @atlaskit/icon@18.0.1
- @atlaskit/tooltip@15.0.0

11.2.8

Updated dependencies cfc3c8adb3:
- @atlaskit/docs@8.1.2
- @atlaskit/avatar@16.0.3
- @atlaskit/avatar-group@4.0.3
- @atlaskit/button@13.0.8
- @atlaskit/checkbox@8.0.2
- @atlaskit/dropdown-menu@8.0.4
- @atlaskit/tooltip@14.0.3
- @atlaskit/media-test-helpers@24.0.3
- @atlaskit/icon@18.0.0

11.2.7

Updated dependencies 70862830d6:
- @atlaskit/button@13.0.6
- @atlaskit/checkbox@8.0.0
- @atlaskit/icon@17.2.0
- @atlaskit/theme@9.1.0

11.2.6

[patch]b0ef06c685:
- This is just a safety release in case anything strange happened in in the previous one. See Pull Request #5942 for details

11.2.5

Updated dependencies 215688984e:
Updated dependencies 9ecfef12ac:
- @atlaskit/button@13.0.4
- @atlaskit/spinner@12.0.0
- @atlaskit/media-test-helpers@24.0.0

11.2.4

Updated dependencies 3af5a7e685:
- @atlaskit/page@11.0.0

11.2.3

[patch]391c93daf7:
- Prevents inline videos in Editor/Renderer to be played simulteneously in the same page

11.2.2

Updated dependencies ed41cac6ac:
- @atlaskit/dropdown-menu@8.0.2
- @atlaskit/theme@9.0.3
- @atlaskit/lozenge@9.0.0

11.2.1

[patch]1c9586e1a0:
- Reverted strings to the original format

11.2.0

[minor]061eb57bab:
- Added partial i18n support to media-ui

11.1.2

[patch]6a52b3d258:
- fix for clicking behaviour in view/edit mode for Inline Smart Links.

11.1.1

Updated dependencies ed3f034232:
- @atlaskit/media-test-helpers@23.0.0

11.1.0

[minor]121c945cc6:
- fix padding, hover, icon for Inline Links.

11.0.0

[major]7c17b35107:
- Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use this package, please ensure you use at least this version of react and react-dom.

10.1.11

[patch]682279973f:
- Changed Unauthorized and Errored inline view for smart cards to be text only and added color theming for smart link titles

10.1.10

[patch]1a18876567:
- Changed behaviour so that icon and first 8 characters of a smart link no longer break when wrapping.

10.1.9

[patch]d3cad2622e:
- Removes babel-runtime in favour of @babel/runtime

10.1.8

[patch]687f535a12:
- Changed smart link selection in editor mode to not include text selection, but retain it in renderer mode

10.1.7

[patch]cfec2f0b70:
- Fixed a text selection bug for inline smart links

10.1.6

[patch]0a4ccaafae:
- Bump tslib

10.1.5

Updated dependencies 9c0b4744be:
- @atlaskit/docs@7.0.3
- @atlaskit/avatar@15.0.4
- @atlaskit/avatar-group@3.0.4
- @atlaskit/badge@11.0.1
- @atlaskit/button@12.0.3
- @atlaskit/checkbox@6.0.4
- @atlaskit/dropdown-menu@7.0.6
- @atlaskit/field-text@8.0.3
- @atlaskit/icon@16.0.9
- @atlaskit/lozenge@7.0.2
- @atlaskit/spinner@10.0.7
- @atlaskit/tooltip@13.0.4
- @atlaskit/theme@8.1.7

10.1.4

[patch]bee4101a63:
- instrument analytics for audio and video play and error events

10.1.3

Updated dependencies 1e826b2966:
- @atlaskit/docs@7.0.2
- @atlaskit/avatar@15.0.3
- @atlaskit/avatar-group@3.0.3
- @atlaskit/checkbox@6.0.3
- @atlaskit/dropdown-menu@7.0.4
- @atlaskit/field-text@8.0.2
- @atlaskit/icon@16.0.8
- @atlaskit/page@9.0.3
- @atlaskit/spinner@10.0.5
- @atlaskit/theme@8.1.6
- @atlaskit/tooltip@13.0.3
- @atlaskit/button@12.0.0

10.1.2

[patch]d13fad66df:
- Enable esModuleInterop for typescript, this allows correct use of default exports

10.1.1

[patch]106d046114:
- Fix issue with media-viewer opening in CC on inline video player controlls clicked

10.1.0

[minor]5d70c1ee30:
- MediaImage component added (moved from @atlaskit/media-card). With extra fields: crossOrigin, onImageLoad, onImageError

10.0.5

Updated dependencies c95557e3ff:
- @atlaskit/badge@11.0.0

10.0.4

[patch]62834d5210:
- update dependency version of @atlaskit/spinner

10.0.3

[patch]9b0dd21ce7:
- allow the appearance of lozenges within smart link tasks to be configured

10.0.2

[patch]aa117f5341:
- fix alignment and UI for inline Smart Links.

10.0.1

[patch]1bcaa1b991:
- Add npmignore for index.ts to prevent some jest tests from resolving that instead of index.js

10.0.0

[major]9d5cc39394:
- Dropped ES5 distributables from the typescript packages

9.2.3

[patch]8ed53a1cbb:
- fix padding, wrapping for inline smart links.

9.2.2

[patch]be479e2335:
- fix link opening logic for view and edit mode.

9.2.1

Updated dependencies 76299208e6:
- @atlaskit/button@10.1.3
- @atlaskit/icon@16.0.4
- @atlaskit/media-test-helpers@20.1.7
- @atlaskit/docs@7.0.0
- @atlaskit/avatar-group@3.0.0
- @atlaskit/avatar@15.0.0
- @atlaskit/badge@10.0.0
- @atlaskit/checkbox@6.0.0
- @atlaskit/dropdown-menu@7.0.0
- @atlaskit/field-text@8.0.0
- @atlaskit/lozenge@7.0.0
- @atlaskit/page@9.0.0
- @atlaskit/spinner@10.0.0
- @atlaskit/theme@8.0.0
- @atlaskit/tooltip@13.0.0

9.2.0

[minor]b7ead07438:
- New messages to support media-editor changes

9.1.0

[minor]41147bbc4c:
- Fix for links in editor

9.0.1

[patch]9aa8faebd4:
- Added strict typing for i18n messages

9.0.0

[major]d5bce1ea15:
- Breaking change. ModalSpinner props has changed. now it's blankedColor: string and invertSpinnerColor: boolean

8.5.1

[patch]ef469cbb0b:
- MS-357 replaced @atlaskit/util-shared-styles from media components by @atlaskit/theme

8.5.0

[minor]be66d1da3a:
- Introduce ModalSpinner component to be used in modal type component while those loading via code split

8.4.2

[patch]af3918bc89:
- The url part of the unauthorized link is now grey

8.4.1

[patch]56c5a4b41f:
- Fix "try again" should not be showing when there are no auth methods

8.4.0

[minor]63e6f7d420:
- Fix missing attributes for link view

8.3.1

[patch]bef9abc8de:
- added background colour to inline card views, fixed icon alignment.

8.3.0

[minor]89668941e6:
- Flip width and height around when image is on it's side according to metadata orientation; Introduce isRotated utility

8.2.6

Updated dependencies 07a187bb30:
- @atlaskit/media-test-helpers@20.0.0

8.2.5

Updated dependencies d7ef59d432:
- @atlaskit/docs@6.0.1
- @atlaskit/avatar@14.1.8
- @atlaskit/avatar-group@2.1.10
- @atlaskit/button@10.1.2
- @atlaskit/checkbox@5.0.11
- @atlaskit/dropdown-menu@6.1.26
- @atlaskit/tooltip@12.1.15
- @atlaskit/media-test-helpers@19.1.1
- @atlaskit/icon@16.0.0

8.2.4

[patch]e7100a8:
- Minor tests realted changes
Updated dependencies 3ad16f3:
- @atlaskit/media-test-helpers@19.0.0

8.2.3

[patch]e6516fb:
- Move media mocks into right location to prevent them to be included in dist

8.2.2

[patch]ca16fa9:
- Add SSR support to media components

8.2.1

[patch]9c50550:
- Do not show connect button if there are no auth methods.

8.2.0

[minor]95f98cc:
- User can click on a smart card to open a new window/tab

8.1.2

Updated dependencies 58b84fa:
- @atlaskit/avatar@14.1.7
- @atlaskit/avatar-group@2.1.9
- @atlaskit/badge@9.2.2
- @atlaskit/button@10.1.1
- @atlaskit/checkbox@5.0.9
- @atlaskit/dropdown-menu@6.1.25
- @atlaskit/field-text@7.0.18
- @atlaskit/icon@15.0.2
- @atlaskit/lozenge@6.2.4
- @atlaskit/page@8.0.12
- @atlaskit/spinner@9.0.13
- @atlaskit/theme@7.0.1
- @atlaskit/tooltip@12.1.13
- @atlaskit/docs@6.0.0

8.1.1

[patch]e375b42:
- Update props description

8.1.0

[minor]8fbb36f:
- Change impl. of CustomVideoPlayer; add disableThumbTooltip property to TimeRange component; Add ability to mouse click and drag right away to TimeRange even if clicked outside of thumb control;

8.0.0

[major]5de3574:
- CustomVideoPlayer is now CustomMediaPlayer and supports audio through type property. Media Viewer now uses custom audio player for audio everywhere except IE11.

7.11.0

[minor]01697a6:
- CustomVideoPlayer improvements: fix currentTime origin + apply custom theme

7.10.0

[minor]c1ea81c:
- use custom video player for inline video in media-card

7.9.0

[minor]c61f828:
- add bounds to camera module

7.8.2

Updated dependencies d13242d:
- @atlaskit/docs@5.2.3
- @atlaskit/avatar-group@2.1.8
- @atlaskit/button@10.0.4
- @atlaskit/checkbox@5.0.8
- @atlaskit/dropdown-menu@6.1.24
- @atlaskit/field-text@7.0.16
- @atlaskit/icon@15.0.1
- @atlaskit/spinner@9.0.12
- @atlaskit/tooltip@12.1.12
- @atlaskit/theme@7.0.0
- @atlaskit/avatar@14.1.6
- @atlaskit/badge@9.2.1
- @atlaskit/lozenge@6.2.3

7.8.1

[patch]4c0c2a0:
- Fix Cards throwing Error when client is not provided.

7.8.0

[minor]5a6de24:
- translate component properties in media components

7.7.0

[minor]df32968:
- Introduced pending state (which is represented as a link) and a race between resolving state and the data fetch.

7.6.2

Updated dependencies ab9b69c:
- @atlaskit/docs@5.2.2
- @atlaskit/avatar@14.1.5
- @atlaskit/avatar-group@2.1.7
- @atlaskit/button@10.0.1
- @atlaskit/checkbox@5.0.7
- @atlaskit/dropdown-menu@6.1.23
- @atlaskit/tooltip@12.1.11
- @atlaskit/icon@15.0.0

7.6.1

Updated dependencies 6998f11:
- @atlaskit/docs@5.2.1
- @atlaskit/avatar@14.1.4
- @atlaskit/avatar-group@2.1.6
- @atlaskit/checkbox@5.0.6
- @atlaskit/dropdown-menu@6.1.22
- @atlaskit/field-text@7.0.15
- @atlaskit/icon@14.6.1
- @atlaskit/page@8.0.11
- @atlaskit/spinner@9.0.11
- @atlaskit/theme@6.2.1
- @atlaskit/tooltip@12.1.10
- @atlaskit/button@10.0.0

7.6.0

[minor]b9d9e9a:
- Support advanced i18n mode in MediaPicker

7.5.0

[minor]2cac27f:
- InfiniteScroll component now triggers on load and on change (where is previously only onScroll event)

7.4.1

[patch]a567cc9:
- Improve rendering of Smart Cards.

7.4.0

[minor]b758737:
- add i18n support to media-avatar-picker

7.3.1

[patch]941a687:

Bump i18n-tools and refactor to support babel-plugin-transform-typescript

7.3.0

[minor][023cb45](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/023cb45" d):
- Add i18n support to MediaViewer

7.2.1

[patch]cf840fa:

MS-1069 Use physical pixel dimensions to determine scale factor of PNG

7.2.0

[minor][439dde6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/439dde6" d):
- rotate local image preview in cards based on the file orientation

7.1.1

[patch]1aa57ab:

Clean up for media up and new task converter for smart cards

7.1.0

[minor] Added task converter 8678076

7.0.0

[major] Update blockcard and inline card exports to be compatible with tree shaking. Preperation for asyncloading parts of smart card ced32d0

6.3.1

[patch] parse floating values correctly for scaleFactor from filename ecc0068

6.3.0

[minor] Add i18n support to MediaPicker 9add3a4

6.2.0

[minor] add image metadata parsing to media-ui 3c42c4d

6.1.0

[minor] Add pagination to recents view in MediaPicker 4b3c1f5

6.0.3

[patch] Refactored the rxjs set up for smart cards 026c96e

6.0.2

[patch] workaround to handle string size comming from /collection/items 8e99323

6.0.1

[patch] Updated dependencies 65c6514
- @atlaskit/docs@5.0.8
- @atlaskit/avatar@14.0.11
- @atlaskit/avatar-group@2.1.3
- @atlaskit/button@9.0.13
- @atlaskit/checkbox@5.0.2
- @atlaskit/dropdown-menu@6.1.17
- @atlaskit/tooltip@12.1.1
- @atlaskit/icon@14.0.0

6.0.0

[major] Add I18n support to media-card dae7792

5.2.0

[minor] Added isSelected to the Card component (inline resolved view) 6666d82

5.1.3

[patch] fix borderRadiusBottom and borderRadius exports f4fa1ac

5.1.2

[patch] Updated dependencies b12f7e6
- @atlaskit/badge@9.1.1

5.1.1

[patch] Updated dependencies df22ad8
- @atlaskit/theme@6.0.0
- @atlaskit/tooltip@12.0.9
- @atlaskit/spinner@9.0.6
- @atlaskit/lozenge@6.1.5
- @atlaskit/icon@13.2.5
- @atlaskit/field-text@7.0.6
- @atlaskit/dropdown-menu@6.1.8
- @atlaskit/button@9.0.6
- @atlaskit/badge@9.1.0
- @atlaskit/avatar-group@2.1.1
- @atlaskit/avatar@14.0.8
- @atlaskit/docs@5.0.6

5.1.0

[minor] Use Camera class in avatar picker 335ab1e

5.0.4

[patch] Make avatar group a caret dependency aa24a6c
[none] Updated dependencies c7e484c
- @atlaskit/avatar-group@2.0.6
- @atlaskit/docs@5.0.3

5.0.3

[patch] Updated dependencies 5b5bd8e
- @atlaskit/avatar-group@2.0.5

5.0.2

[patch] Updated dependencies acd86a1
- @atlaskit/page@8.0.2
- @atlaskit/tooltip@12.0.4
- @atlaskit/icon@13.2.2
- @atlaskit/button@9.0.4
- @atlaskit/theme@5.1.2
- @atlaskit/lozenge@6.1.3
- @atlaskit/badge@9.0.3
- @atlaskit/spinner@9.0.4
- @atlaskit/field-text@7.0.3
- @atlaskit/docs@5.0.2
- @atlaskit/dropdown-menu@6.1.4
- @atlaskit/avatar-group@2.0.4
- @atlaskit/avatar@14.0.5

5.0.1

[patch] Updated dependencies 7e331b5
- @atlaskit/tooltip@12.0.3
- @atlaskit/field-text@7.0.2
- @atlaskit/page@8.0.1
- @atlaskit/button@9.0.3
- @atlaskit/theme@5.1.1
- @atlaskit/lozenge@6.1.2
- @atlaskit/badge@9.0.2
- @atlaskit/spinner@9.0.3
- @atlaskit/icon@13.2.1
- @atlaskit/dropdown-menu@6.1.3
- @atlaskit/avatar-group@2.0.3
- @atlaskit/avatar@14.0.4

5.0.0

[major] Implemented smart cards and common views for other cards fa6f865
[major] Implemented smart cards and common UI elements fdd03d8
[major] Implement smart card 49c8425
[major] Smart cards implementation and moved UI elements into media-ui package 3476e01
[major] Updated dependencies 3476e01
- @atlaskit/media-ui@5.0.0

4.0.0

[major] Updates to React ^16.4.0 7edb866
[major] Updated dependencies 563a7eb
- @atlaskit/button@9.0.0
- @atlaskit/docs@5.0.0
- @atlaskit/icon@13.0.0
[major] Updated dependencies 7edb866
- @atlaskit/button@9.0.0
- @atlaskit/docs@5.0.0
- @atlaskit/icon@13.0.0

3.1.2

[patch] Clean Changelogs - remove duplicates and empty entries e7756cd
[none] Updated dependencies e7756cd
- @atlaskit/button@8.1.2
- @atlaskit/icon@12.1.2

3.1.1

[patch] Update changelogs to remove duplicate cc58e17
[none] Updated dependencies cc58e17
- @atlaskit/icon@12.1.1
- @atlaskit/button@8.1.1
- @atlaskit/docs@4.1.1

3.1.0

[none] Updated dependencies 9d20f54
- @atlaskit/icon@12.1.0
- @atlaskit/docs@4.1.0
- @atlaskit/button@8.1.0

3.0.0

[major] makes styled-components a peer dependency and upgrades version range from 1.4.6 - 3 to ^3.2.6 1e80619
[patch] Updated dependencies 1e80619
- @atlaskit/icon@12.0.0
- @atlaskit/button@8.0.0
- @atlaskit/docs@4.0.0

2.1.1

[patch] Updated dependencies d662caa
- @atlaskit/icon@11.3.0
- @atlaskit/button@7.2.5
- @atlaskit/docs@3.0.4

2.1.0

[minor] Move toHumanReadableMediaSize to media-ui b36c763

2.0.1

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

2.0.0

[major] Bump to React 16.3. 4251858

1.1.6

[patch] fixed missing and inccorect versions of dependencies 7bfbb09

1.1.5

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

1.1.1

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

1.1.0

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

1.0.1

[patch] Introduce media-ui package 39579e2