@atlaskit/media-card 77.10.9 → 77.10.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-card
 
+## 77.10.10
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 77.10.9
 
 ### Patch Changes

package/classnames/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/classnames.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/classnames.d.ts"
       ]

package/dist/cjs/card/card.js

@@ -50,7 +50,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.10";
 var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.10";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/v2/cardV2.js

@@ -16,7 +16,7 @@ var _externalImageCard = require("./externalImageCard");
 var _fileCard = require("./fileCard");
 var _excluded = ["identifier"];
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.10";
 var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/inline/loader.js

@@ -119,7 +119,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.10.9",
+        packageName: "77.10.10",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.10";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/card.js

@@ -28,7 +28,7 @@ import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '.
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { DateOverrideContext } from '../dateOverrideContext';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.10.9";
+const packageVersion = "77.10.10";
 export class CardBase extends Component {
   constructor(props) {
     super(props);

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.10.9";
+const packageVersion = "77.10.10";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/v2/cardV2.js

@@ -7,7 +7,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.10.9";
+const packageVersion = "77.10.10";
 export const CardV2Base = ({
   identifier,
   ...otherProps

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "77.10.9",
+      packageName: "77.10.10",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.10.9";
+const packageVersion = "77.10.10";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/card.js

@@ -41,7 +41,7 @@ import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '.
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { DateOverrideContext } from '../dateOverrideContext';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.10";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.10";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/v2/cardV2.js

@@ -9,7 +9,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.10";
 export var CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/inline/loader.js

@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.10.9",
+        packageName: "77.10.10",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.10.9";
+var packageVersion = "77.10.10";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts

@@ -4,10 +4,10 @@ export declare const visuallyHiddenStyles: import("@emotion/react").SerializedSt
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     fileName: string;
     innerRef: React.Ref<HTMLButtonElement>;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps<"intl">>> & {
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
         fileName: string;
         innerRef: React.Ref<HTMLButtonElement>;
-    } & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps<"intl">>;
+    } & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>;
 };
 export default _default;

package/dist/types/card/ui/playButton/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const playButtonClassName = "media-card-play-button";
 export declare const bkgClassName = "play-icon-background";
-export declare const fixedPlayButtonStyles: string;
+export declare const fixedPlayButtonStyles = "\n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n";
 export declare const playButtonWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const backgroundStyles: import("@emotion/react").SerializedStyles;

package/dist/types/card/ui/styles.d.ts

@@ -6,7 +6,7 @@ export declare const generateResponsiveStyles: (breakpoint?: Breakpoint) => stri
 export declare const getWrapperDimensions: (dimensions?: CardDimensions, appearance?: CardAppearance) => string;
 export declare const getWrapperShadow: (disableOverlay: boolean, selected: boolean) => string;
 export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => string;
-export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => string;
+export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => "" | "\n    &:hover .media-card-play-button {\n      \n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n\n    }\n  ";
 export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;
 export declare const cardImageContainerStyles: import("@emotion/react").SerializedStyles;
 export declare const transition: (propertyName?: string) => string;

package/dist/types-ts4.5/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts

@@ -4,10 +4,10 @@ export declare const visuallyHiddenStyles: import("@emotion/react").SerializedSt
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     fileName: string;
     innerRef: React.Ref<HTMLButtonElement>;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps<"intl">>> & {
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
         fileName: string;
         innerRef: React.Ref<HTMLButtonElement>;
-    } & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps<"intl">>;
+    } & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>;
 };
 export default _default;

package/dist/types-ts4.5/card/ui/playButton/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const playButtonClassName = "media-card-play-button";
 export declare const bkgClassName = "play-icon-background";
-export declare const fixedPlayButtonStyles: string;
+export declare const fixedPlayButtonStyles = "\n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n";
 export declare const playButtonWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const backgroundStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/card/ui/styles.d.ts

@@ -6,7 +6,7 @@ export declare const generateResponsiveStyles: (breakpoint?: Breakpoint) => stri
 export declare const getWrapperDimensions: (dimensions?: CardDimensions, appearance?: CardAppearance) => string;
 export declare const getWrapperShadow: (disableOverlay: boolean, selected: boolean) => string;
 export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => string;
-export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => string;
+export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => "" | "\n    &:hover .media-card-play-button {\n      \n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n\n    }\n  ";
 export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;
 export declare const cardImageContainerStyles: import("@emotion/react").SerializedStyles;
 export declare const transition: (propertyName?: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.10.9",
+  "version": "77.10.10",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,12 +45,12 @@
     "@atlaskit/media-common": "^11.1.0",
     "@atlaskit/media-file-preview": "^0.5.0",
     "@atlaskit/media-ui": "^25.4.0",
-    "@atlaskit/media-viewer": "^48.3.0",
+    "@atlaskit/media-viewer": "^48.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
-    "@atlaskit/primitives": "^5.0.0",
+    "@atlaskit/primitives": "^5.1.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
@@ -90,7 +90,7 @@
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
-    "typescript": "~4.9.5",
+    "typescript": "~5.4.2",
     "uuid": "^3.1.0",
     "wait-for-expect": "^1.2.0"
   },
@@ -115,4 +115,4 @@
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/types/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/types.d.ts"
       ]