@atlaskit/media-viewer 48.2.7 → 48.2.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-viewer
 
+## 48.2.9
+
+### Patch Changes
+
+- [#57473](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57473) [`100f90575744`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/100f90575744) - Remove legacy theming logic from @atlaskit/media-avatar-picker, @atlaskit/media-card, @atlaskit/media-ui and @atlaskit/media-viewer.
+
+## 48.2.8
+
+### Patch Changes
+
+- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147) [`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
+
 ## 48.2.7
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _mediaCommon = require("@atlaskit/media-common");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "48.2.7";
+var packageVersion = exports.packageVersion = "48.2.9";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -12,7 +12,7 @@ var _mediaCommon = require("@atlaskit/media-common");
 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-viewer";
-var packageVersion = "48.2.7";
+var packageVersion = "48.2.9";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/viewers/archiveSidebar/styles.js

@@ -7,18 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.sidebarItemWrapperStyles = exports.sidebarHeaderWrapperStyles = exports.sidebarHeaderIconStyles = exports.sidebarHeaderEntryStyles = exports.separatorStyles = exports.itemStyle = exports.archiveViewerWrapperStyles = exports.archiveSidebarFolderWrapperStyles = exports.archiveSidebarFileEntryWrapperStyles = exports.archiveSideBarStyles = exports.archiveLayoutStyles = exports.archiveItemViewerWrapperStyles = exports.archiveDownloadButtonWrapperStyles = exports.ArchiveSideBarWidth = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 var ArchiveSideBarWidth = exports.ArchiveSideBarWidth = 300;
 var archiveItemViewerWrapperStyles = exports.archiveItemViewerWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n"])));
-
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 var archiveSideBarStyles = exports.archiveSideBarStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 22px ", " ", "\n    ", ";\n  background-color: ", ";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: ", "px;\n  bottom: 0;\n  box-sizing: border-box;\n  overflow-y: scroll;\n"])), "var(--ds-space-250, 20px)", "var(--ds-space-250, 20px)", "var(--ds-space-250, 20px)", "var(--ds-surface, #101214)", ArchiveSideBarWidth);
 var slideDown = (0, _react.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n"])));
 var archiveSidebarFolderWrapperStyles = exports.archiveSidebarFolderWrapperStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  transform: translateY(-100%);\n  transition: all 1s;\n  opacity: 0;\n  animation: ", " 0.3s forwards;\n"])), slideDown);
-
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 var archiveDownloadButtonWrapperStyles = exports.archiveDownloadButtonWrapperStyles = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " 7px 5px ", ";\n  border: none;\n  border-radius: 3px;\n  background-color: transparent;\n  color: ", ";\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n\n  &:active {\n    cursor: pointer;\n    background-color: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-icon, #9FADBC)", "var(--ds-background-neutral-subtle-hovered, #A1BDD914)", "var(--ds-background-neutral-subtle-pressed, #A6C5E229)");
 var sidebarItemWrapperStyles = exports.sidebarItemWrapperStyles = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  width: 85%;\n"])));
 
@@ -28,8 +23,7 @@ var archiveLayoutStyles = exports.archiveLayoutStyles = (0, _react.css)(_templat
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 var archiveViewerWrapperStyles = exports.archiveViewerWrapperStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  left: ", "px;\n  right: 0;\n  bottom: 0;\n  align-items: center;\n  display: flex;\n"])), ArchiveSideBarWidth);
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-var separatorStyles = exports.separatorStyles = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 1px;\n  height: 2px;\n  margin: ", "px 0;\n  background-color: ", ";\n  flex-shrink: 0;\n"])), ((0, _constants.gridSize)() * 5 - 2) / 2, "var(--ds-border, #A6C5E229)");
+var separatorStyles = exports.separatorStyles = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 1px;\n  height: 2px;\n  margin: ", "px 0;\n  background-color: ", ";\n  flex-shrink: 0;\n"])), (8 * 5 - 2) / 2, "var(--ds-border, #A6C5E229)");
 var sidebarHeaderWrapperStyles = exports.sidebarHeaderWrapperStyles = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n"])));
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "48.2.7";
+const packageVersion = "48.2.9";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -2,7 +2,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "48.2.7";
+const packageVersion = "48.2.9";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/viewers/archiveSidebar/styles.js

@@ -1,5 +1,4 @@
 import { css, keyframes } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 import { DN500 } from '@atlaskit/theme/colors';
 export const ArchiveSideBarWidth = 300;
 export const archiveItemViewerWrapperStyles = css`
@@ -7,8 +6,6 @@ export const archiveItemViewerWrapperStyles = css`
   display: flex;
   justify-content: center;
 `;
-
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export const archiveSideBarStyles = css`
   padding: 22px ${"var(--ds-space-250, 20px)"} ${"var(--ds-space-250, 20px)"}
     ${"var(--ds-space-250, 20px)"};
@@ -38,8 +35,6 @@ export const archiveSidebarFolderWrapperStyles = css`
   opacity: 0;
   animation: ${slideDown} 0.3s forwards;
 `;
-
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export const archiveDownloadButtonWrapperStyles = css`
   padding: ${"var(--ds-space-100, 8px)"} 7px 5px ${"var(--ds-space-100, 8px)"};
   border: none;
@@ -85,11 +80,10 @@ export const archiveViewerWrapperStyles = css`
   align-items: center;
   display: flex;
 `;
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export const separatorStyles = css`
   border-radius: 1px;
   height: 2px;
-  margin: ${(gridSize() * 5 - 2) / 2}px 0;
+  margin: ${(8 * 5 - 2) / 2}px 0;
   background-color: ${"var(--ds-border, #A6C5E229)"};
   flex-shrink: 0;
 `;

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "48.2.7";
+var packageVersion = "48.2.9";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -5,7 +5,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "48.2.7";
+var packageVersion = "48.2.9";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/viewers/archiveSidebar/styles.js

@@ -1,17 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 import { css, keyframes } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 import { DN500 } from '@atlaskit/theme/colors';
 export var ArchiveSideBarWidth = 300;
 export var archiveItemViewerWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n"])));
-
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export var archiveSideBarStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 22px ", " ", "\n    ", ";\n  background-color: ", ";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: ", "px;\n  bottom: 0;\n  box-sizing: border-box;\n  overflow-y: scroll;\n"])), "var(--ds-space-250, 20px)", "var(--ds-space-250, 20px)", "var(--ds-space-250, 20px)", "var(--ds-surface, #101214)", ArchiveSideBarWidth);
 var slideDown = keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n"])));
 export var archiveSidebarFolderWrapperStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transform: translateY(-100%);\n  transition: all 1s;\n  opacity: 0;\n  animation: ", " 0.3s forwards;\n"])), slideDown);
-
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export var archiveDownloadButtonWrapperStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: ", " 7px 5px ", ";\n  border: none;\n  border-radius: 3px;\n  background-color: transparent;\n  color: ", ";\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n\n  &:active {\n    cursor: pointer;\n    background-color: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-icon, #9FADBC)", "var(--ds-background-neutral-subtle-hovered, #A1BDD914)", "var(--ds-background-neutral-subtle-pressed, #A6C5E229)");
 export var sidebarItemWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 85%;\n"])));
 
@@ -21,8 +16,7 @@ export var archiveLayoutStyles = css(_templateObject8 || (_templateObject8 = _ta
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export var archiveViewerWrapperStyles = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: ", "px;\n  right: 0;\n  bottom: 0;\n  align-items: center;\n  display: flex;\n"])), ArchiveSideBarWidth);
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export var separatorStyles = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  border-radius: 1px;\n  height: 2px;\n  margin: ", "px 0;\n  background-color: ", ";\n  flex-shrink: 0;\n"])), (gridSize() * 5 - 2) / 2, "var(--ds-border, #A6C5E229)");
+export var separatorStyles = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  border-radius: 1px;\n  height: 2px;\n  margin: ", "px 0;\n  background-color: ", ";\n  flex-shrink: 0;\n"])), (8 * 5 - 2) / 2, "var(--ds-border, #A6C5E229)");
 export var sidebarHeaderWrapperStyles = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n"])));
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-viewer",
-  "version": "48.2.7",
+  "version": "48.2.9",
   "description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -69,6 +69,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
+    "@af/integration-testing": "*",
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-state": "^1.0.0",
@@ -76,7 +77,6 @@
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
-    "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/ufo": "^0.2.0",
     "@testing-library/dom": "^8.17.1",