@atlaskit/media-card 73.7.0 → 73.8.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-card
 
+## 73.8.0
+
+### Minor Changes
+
+- [`01203d58916`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01203d58916) - Removed Unnecessary semicolon found in media-card
+- [`1a76e2839e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a76e2839e6) - Default value for mediaUploadApiV2 Media feature flag set to true.
+
+### Patch Changes
+
+- [`cccc7370667`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cccc7370667) - [MEX-1633] Removed unused Loading Rate Limited Component
+- Updated dependencies
+
 ## 73.7.0
 
 ### Minor Changes

package/dist/cjs/root/cardView.js

@@ -497,7 +497,7 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement(_styled4.IconWrapper, {
         breakpoint: this.breakpoint,
         hasTitleBox: hasTitleBox
-      }, /*#__PURE__*/_react.default.createElement(_playButton.PlayButton, null), ";");
+      }, /*#__PURE__*/_react.default.createElement(_playButton.PlayButton, null));
     } //This Blanket will provide a shadow backround for uploading status by
     //setting isFixed.
 

package/dist/cjs/utils/analytics.js

@@ -30,7 +30,7 @@ var relevantFlags = {
   observedWidth: true,
   mediaInline: false,
   folderUploads: false,
-  mediaUploadApiV2: false
+  mediaUploadApiV2: true
 };
 var LOGGED_FEATURE_FLAGS = (0, _mediaCommon.filterFeatureFlagNames)(relevantFlags);
 exports.LOGGED_FEATURE_FLAGS = LOGGED_FEATURE_FLAGS;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.7.0",
+	"version": "73.8.0",
 	"sideEffects": false
 }

package/dist/es2019/root/cardView.js

@@ -440,7 +440,7 @@ export class CardViewBase extends React.Component {
     return /*#__PURE__*/React.createElement(IconWrapper, {
       breakpoint: this.breakpoint,
       hasTitleBox: hasTitleBox
-    }, /*#__PURE__*/React.createElement(PlayButton, null), ";");
+    }, /*#__PURE__*/React.createElement(PlayButton, null));
   } //This Blanket will provide a shadow backround for uploading status by
   //setting isFixed.
 

package/dist/es2019/utils/analytics.js

@@ -9,7 +9,7 @@ const relevantFlags = {
   observedWidth: true,
   mediaInline: false,
   folderUploads: false,
-  mediaUploadApiV2: false
+  mediaUploadApiV2: true
 };
 export const LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
 export const LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.7.0",
+	"version": "73.8.0",
 	"sideEffects": false
 }

package/dist/esm/root/cardView.js

@@ -462,7 +462,7 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(IconWrapper, {
         breakpoint: this.breakpoint,
         hasTitleBox: hasTitleBox
-      }, /*#__PURE__*/React.createElement(PlayButton, null), ";");
+      }, /*#__PURE__*/React.createElement(PlayButton, null));
     } //This Blanket will provide a shadow backround for uploading status by
     //setting isFixed.
 

package/dist/esm/utils/analytics.js

@@ -15,7 +15,7 @@ var relevantFlags = {
   observedWidth: true,
   mediaInline: false,
   folderUploads: false,
-  mediaUploadApiV2: false
+  mediaUploadApiV2: true
 };
 export var LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
 export var LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.7.0",
+	"version": "73.8.0",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "73.7.0",
+  "version": "73.8.0",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,10 +34,10 @@
     "@atlaskit/editor-shared-styles": "^2.1.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-client": "^16.0.0",
-    "@atlaskit/media-common": "^2.14.0",
+    "@atlaskit/media-client": "^17.0.0",
+    "@atlaskit/media-common": "^2.15.0",
     "@atlaskit/media-ui": "^22.1.0",
-    "@atlaskit/media-viewer": "^46.4.0",
+    "@atlaskit/media-viewer": "^46.5.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tooltip": "^17.5.0",

package/dist/cjs/root/ui/loadingRateLimited/loadingRateLimited.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoadingRateLimited = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _errorIcon = require("@atlaskit/media-ui/errorIcon");
-
-var _styled = require("./styled");
-
-var _styled2 = require("../../styled");
-
-var _mediaUi = require("@atlaskit/media-ui");
-
-var _reactIntlNext = require("react-intl-next");
-
-var _common = require("../common");
-
-var LoadingRateLimited = function LoadingRateLimited(_ref) {
-  var _ref$breakpoint = _ref.breakpoint,
-      breakpoint = _ref$breakpoint === void 0 ? _common.Breakpoint.SMALL : _ref$breakpoint,
-      _ref$positionBottom = _ref.positionBottom,
-      positionBottom = _ref$positionBottom === void 0 ? true : _ref$positionBottom;
-  return /*#__PURE__*/_react.default.createElement(_styled.LoadingRateLimitedContainer, null, /*#__PURE__*/_react.default.createElement(_styled.WarningIconWrapper, null, _errorIcon.errorIcon), /*#__PURE__*/_react.default.createElement(_styled.LoadingRateLimitedTextWrapper, {
-    breakpoint: breakpoint,
-    positionBottom: positionBottom
-  }, /*#__PURE__*/_react.default.createElement(_styled.CouldntLoadWrapper, null, /*#__PURE__*/_react.default.createElement(_styled2.FormattedMessageWrapper, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.couldnt_load_file))), /*#__PURE__*/_react.default.createElement(_styled.ErrorWrapper, null, /*#__PURE__*/_react.default.createElement(_styled2.FormattedMessageWrapper, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.error_429)))));
-};
-
-exports.LoadingRateLimited = LoadingRateLimited;

package/dist/cjs/root/ui/loadingRateLimited/styled.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WarningIconWrapper = exports.LoadingRateLimitedTextWrapper = exports.LoadingRateLimitedContainer = exports.ErrorWrapper = exports.CouldntLoadWrapper = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styled = require("../progressBar/styled");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-var LoadingRateLimitedContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n"])));
-
-exports.LoadingRateLimitedContainer = LoadingRateLimitedContainer;
-
-var WarningIconWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  justify-content: center;\n  display: flex;\n  /* Required to allow end users to select text in the error message */\n  cursor: auto;\n  user-select: text;\n  > svg {\n    width: 45px;\n  }\n"])));
-
-exports.WarningIconWrapper = WarningIconWrapper;
-
-var LoadingRateLimitedTextWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), function (_ref) {
-  var breakpoint = _ref.breakpoint,
-      positionBottom = _ref.positionBottom;
-  return "\n    margin-top: 10px;\n    overflow: hidden;\n    color: ".concat(_colors.N300, ";\n    display: block;\n    width:100%;\n    text-align:center;\n    ").concat((0, _styled.generateResponsiveStyles)(breakpoint, positionBottom, false, 1), "\n  ");
-});
-
-exports.LoadingRateLimitedTextWrapper = LoadingRateLimitedTextWrapper;
-LoadingRateLimitedTextWrapper.displayName = 'LoadingRateLimitedTextWrapper';
-
-var CouldntLoadWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 550;\n"])));
-
-exports.CouldntLoadWrapper = CouldntLoadWrapper;
-
-var ErrorWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 350;\n"])));
-
-exports.ErrorWrapper = ErrorWrapper;

package/dist/es2019/root/ui/loadingRateLimited/loadingRateLimited.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { errorIcon } from '@atlaskit/media-ui/errorIcon';
-import { WarningIconWrapper, LoadingRateLimitedContainer, CouldntLoadWrapper, ErrorWrapper, LoadingRateLimitedTextWrapper } from './styled';
-import { FormattedMessageWrapper } from '../../styled';
-import { messages } from '@atlaskit/media-ui';
-import { FormattedMessage } from 'react-intl-next';
-import { Breakpoint } from '../common';
-export const LoadingRateLimited = ({
-  breakpoint = Breakpoint.SMALL,
-  positionBottom = true
-}) => {
-  return /*#__PURE__*/React.createElement(LoadingRateLimitedContainer, null, /*#__PURE__*/React.createElement(WarningIconWrapper, null, errorIcon), /*#__PURE__*/React.createElement(LoadingRateLimitedTextWrapper, {
-    breakpoint: breakpoint,
-    positionBottom: positionBottom
-  }, /*#__PURE__*/React.createElement(CouldntLoadWrapper, null, /*#__PURE__*/React.createElement(FormattedMessageWrapper, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.couldnt_load_file))), /*#__PURE__*/React.createElement(ErrorWrapper, null, /*#__PURE__*/React.createElement(FormattedMessageWrapper, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.error_429)))));
-};

package/dist/es2019/root/ui/loadingRateLimited/styled.js

@@ -1,43 +0,0 @@
-import styled from 'styled-components';
-import { generateResponsiveStyles } from '../progressBar/styled';
-import { N300 } from '@atlaskit/theme/colors';
-export const LoadingRateLimitedContainer = styled.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-`;
-export const WarningIconWrapper = styled.div`
-  width: 100%;
-  justify-content: center;
-  display: flex;
-  /* Required to allow end users to select text in the error message */
-  cursor: auto;
-  user-select: text;
-  > svg {
-    width: 45px;
-  }
-`;
-export const LoadingRateLimitedTextWrapper = styled.div`
-  ${({
-  breakpoint,
-  positionBottom
-}) => `
-    margin-top: 10px;
-    overflow: hidden;
-    color: ${N300};
-    display: block;
-    width:100%;
-    text-align:center;
-    ${generateResponsiveStyles(breakpoint, positionBottom, false, 1)}
-  `}
-`;
-LoadingRateLimitedTextWrapper.displayName = 'LoadingRateLimitedTextWrapper';
-export const CouldntLoadWrapper = styled.div`
-  font-weight: 550;
-`;
-export const ErrorWrapper = styled.div`
-  font-weight: 350;
-`;

package/dist/esm/root/ui/loadingRateLimited/loadingRateLimited.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { errorIcon } from '@atlaskit/media-ui/errorIcon';
-import { WarningIconWrapper, LoadingRateLimitedContainer, CouldntLoadWrapper, ErrorWrapper, LoadingRateLimitedTextWrapper } from './styled';
-import { FormattedMessageWrapper } from '../../styled';
-import { messages } from '@atlaskit/media-ui';
-import { FormattedMessage } from 'react-intl-next';
-import { Breakpoint } from '../common';
-export var LoadingRateLimited = function LoadingRateLimited(_ref) {
-  var _ref$breakpoint = _ref.breakpoint,
-      breakpoint = _ref$breakpoint === void 0 ? Breakpoint.SMALL : _ref$breakpoint,
-      _ref$positionBottom = _ref.positionBottom,
-      positionBottom = _ref$positionBottom === void 0 ? true : _ref$positionBottom;
-  return /*#__PURE__*/React.createElement(LoadingRateLimitedContainer, null, /*#__PURE__*/React.createElement(WarningIconWrapper, null, errorIcon), /*#__PURE__*/React.createElement(LoadingRateLimitedTextWrapper, {
-    breakpoint: breakpoint,
-    positionBottom: positionBottom
-  }, /*#__PURE__*/React.createElement(CouldntLoadWrapper, null, /*#__PURE__*/React.createElement(FormattedMessageWrapper, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.couldnt_load_file))), /*#__PURE__*/React.createElement(ErrorWrapper, null, /*#__PURE__*/React.createElement(FormattedMessageWrapper, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.error_429)))));
-};

package/dist/esm/root/ui/loadingRateLimited/styled.js

@@ -1,17 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import styled from 'styled-components';
-import { generateResponsiveStyles } from '../progressBar/styled';
-import { N300 } from '@atlaskit/theme/colors';
-export var LoadingRateLimitedContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n"])));
-export var WarningIconWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  justify-content: center;\n  display: flex;\n  /* Required to allow end users to select text in the error message */\n  cursor: auto;\n  user-select: text;\n  > svg {\n    width: 45px;\n  }\n"])));
-export var LoadingRateLimitedTextWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var breakpoint = _ref.breakpoint,
-      positionBottom = _ref.positionBottom;
-  return "\n    margin-top: 10px;\n    overflow: hidden;\n    color: ".concat(N300, ";\n    display: block;\n    width:100%;\n    text-align:center;\n    ").concat(generateResponsiveStyles(breakpoint, positionBottom, false, 1), "\n  ");
-});
-LoadingRateLimitedTextWrapper.displayName = 'LoadingRateLimitedTextWrapper';
-export var CouldntLoadWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: 550;\n"])));
-export var ErrorWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-weight: 350;\n"])));

package/dist/types/root/ui/loadingRateLimited/loadingRateLimited.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { Breakpoint } from '../common';
-export declare const LoadingRateLimited: ({ breakpoint, positionBottom, }: {
-    breakpoint?: Breakpoint | undefined;
-    positionBottom?: boolean | undefined;
-}) => JSX.Element;

package/dist/types/root/ui/loadingRateLimited/styled.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-import { Breakpoint } from '../common';
-export declare const LoadingRateLimitedContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
-export declare const WarningIconWrapper: ComponentClass<HTMLAttributes<{}>>;
-export declare type StyledTextProps = {
-    breakpoint: Breakpoint;
-    positionBottom: boolean;
-};
-export declare const LoadingRateLimitedTextWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & StyledTextProps, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & StyledTextProps>;
-export declare const CouldntLoadWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
-export declare const ErrorWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;