@atlaskit/media-ui 25.9.1 → 25.10.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/media-ui
 
+## 25.10.0
+
+### Minor Changes
+
+-   [#96985](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96985)
+    [`024d611d1aee`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/024d611d1aee) -
+    clean up html image dimensions FF
+
 ## 25.9.1
 
 ### Patch Changes

package/dist/cjs/customMediaPlayer/index.js

@@ -54,7 +54,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // Keep media player components used in media-viewer to use static colors from the new color palette to
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "25.9.1";
+var packageVersion = "25.10.0";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/cjs/imageMetaData/index.js

@@ -30,7 +30,6 @@ Object.defineProperty(exports, "isRotated", {
 exports.readImageMetaData = readImageMetaData;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("./types");
 var _metatags = require("./metatags");
 var _util = require("../util");
@@ -156,7 +155,7 @@ function readImageMetaData(_x3) {
 }
 function _readImageMetaData() {
   _readImageMetaData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(fileInfo) {
-    var file, src, type, width, height, tags, orientation, isImageRotated, data, img, _readImageNaturalOrie, _width, _height;
+    var file, src, type, width, height, tags, data, img, _readImageNaturalOrie, _width, _height;
     return _regenerator.default.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -175,9 +174,6 @@ function _readImageMetaData() {
           if (tags && tags.PixelXDimension) {
             height = getMetaTagNumericValue(tags, 'PixelYDimension', 0);
           }
-          // otherwise, load the image async (ideally avoid if found above due to being slightly expensive)
-          orientation = getOrientationFromTags(tags);
-          isImageRotated = (0, _imageOrientationUtil.isRotated)(orientation);
           data = {
             type: type,
             width: width,
@@ -193,33 +189,29 @@ function _readImageMetaData() {
            * https://jira.atlassian.com/browse/CONFCLOUD-78275
            * The best way to get accurate dimensions is by loading images into the HTML, which reflects the actual dimensions the browser will render
            */
-          if (!((0, _platformFeatureFlags.getBooleanFF)('platform.corex.html-image-dimensions_18x3l') || isImageRotated || width === 0 && height === 0)) {
-            _context3.next = 27;
-            break;
-          }
-          _context3.prev = 13;
-          _context3.next = 16;
+          _context3.prev = 10;
+          _context3.next = 13;
           return (0, _util.loadImage)(src);
-        case 16:
+        case 13:
           img = _context3.sent;
           _readImageNaturalOrie = (0, _util.readImageNaturalOrientationFromDOM)(img), _width = _readImageNaturalOrie.width, _height = _readImageNaturalOrie.height;
           data.width = _width;
           data.height = _height;
           data.naturalWidth = img.naturalWidth;
           data.naturalHeight = img.naturalHeight;
-          _context3.next = 27;
+          _context3.next = 24;
           break;
-        case 24:
-          _context3.prev = 24;
-          _context3.t0 = _context3["catch"](13);
+        case 21:
+          _context3.prev = 21;
+          _context3.t0 = _context3["catch"](10);
           return _context3.abrupt("return", null);
-        case 27:
+        case 24:
           return _context3.abrupt("return", data);
-        case 28:
+        case 25:
         case "end":
           return _context3.stop();
       }
-    }, _callee3, null, [[13, 24]]);
+    }, _callee3, null, [[10, 21]]);
   }));
   return _readImageMetaData.apply(this, arguments);
 }

package/dist/es2019/customMediaPlayer/index.js

@@ -37,7 +37,7 @@ import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "25.9.1";
+const packageVersion = "25.10.0";
 const MEDIUM_VIDEO_MAX_WIDTH = 400;
 const SMALL_VIDEO_MAX_WIDTH = 160;
 const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/es2019/imageMetaData/index.js

@@ -1,8 +1,6 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { SupportedImageMetaTag, ExifOrientation } from './types';
 import { readImageMetaTags } from './metatags';
 import { loadImage, readImageNaturalOrientationFromDOM } from '../util';
-import { isRotated } from './imageOrientationUtil';
 const {
   Orientation,
   XResolution
@@ -103,9 +101,6 @@ export async function readImageMetaData(fileInfo) {
   if (tags && tags.PixelXDimension) {
     height = getMetaTagNumericValue(tags, 'PixelYDimension', 0);
   }
-  // otherwise, load the image async (ideally avoid if found above due to being slightly expensive)
-  const orientation = getOrientationFromTags(tags);
-  const isImageRotated = isRotated(orientation);
   const data = {
     type,
     width,
@@ -122,20 +117,18 @@ export async function readImageMetaData(fileInfo) {
    * https://jira.atlassian.com/browse/CONFCLOUD-78275
    * The best way to get accurate dimensions is by loading images into the HTML, which reflects the actual dimensions the browser will render
    */
-  if (getBooleanFF('platform.corex.html-image-dimensions_18x3l') || isImageRotated || width === 0 && height === 0) {
-    try {
-      const img = await loadImage(src);
-      const {
-        width,
-        height
-      } = readImageNaturalOrientationFromDOM(img);
-      data.width = width;
-      data.height = height;
-      data.naturalWidth = img.naturalWidth;
-      data.naturalHeight = img.naturalHeight;
-    } catch (e) {
-      return null;
-    }
+  try {
+    const img = await loadImage(src);
+    const {
+      width,
+      height
+    } = readImageNaturalOrientationFromDOM(img);
+    data.width = width;
+    data.height = height;
+    data.naturalWidth = img.naturalWidth;
+    data.naturalHeight = img.naturalHeight;
+  } catch (e) {
+    return null;
   }
   return data;
 }

package/dist/esm/customMediaPlayer/index.js

@@ -47,7 +47,7 @@ import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "25.9.1";
+var packageVersion = "25.10.0";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/esm/imageMetaData/index.js

@@ -1,10 +1,8 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { SupportedImageMetaTag, ExifOrientation } from './types';
 import { readImageMetaTags } from './metatags';
 import { loadImage, readImageNaturalOrientationFromDOM } from '../util';
-import { isRotated } from './imageOrientationUtil';
 var Orientation = SupportedImageMetaTag.Orientation,
   XResolution = SupportedImageMetaTag.XResolution;
 
@@ -127,7 +125,7 @@ export function readImageMetaData(_x3) {
 }
 function _readImageMetaData() {
   _readImageMetaData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(fileInfo) {
-    var file, src, type, width, height, tags, orientation, isImageRotated, data, img, _readImageNaturalOrie, _width, _height;
+    var file, src, type, width, height, tags, data, img, _readImageNaturalOrie, _width, _height;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -146,9 +144,6 @@ function _readImageMetaData() {
           if (tags && tags.PixelXDimension) {
             height = getMetaTagNumericValue(tags, 'PixelYDimension', 0);
           }
-          // otherwise, load the image async (ideally avoid if found above due to being slightly expensive)
-          orientation = getOrientationFromTags(tags);
-          isImageRotated = isRotated(orientation);
           data = {
             type: type,
             width: width,
@@ -164,33 +159,29 @@ function _readImageMetaData() {
            * https://jira.atlassian.com/browse/CONFCLOUD-78275
            * The best way to get accurate dimensions is by loading images into the HTML, which reflects the actual dimensions the browser will render
            */
-          if (!(getBooleanFF('platform.corex.html-image-dimensions_18x3l') || isImageRotated || width === 0 && height === 0)) {
-            _context3.next = 27;
-            break;
-          }
-          _context3.prev = 13;
-          _context3.next = 16;
+          _context3.prev = 10;
+          _context3.next = 13;
           return loadImage(src);
-        case 16:
+        case 13:
           img = _context3.sent;
           _readImageNaturalOrie = readImageNaturalOrientationFromDOM(img), _width = _readImageNaturalOrie.width, _height = _readImageNaturalOrie.height;
           data.width = _width;
           data.height = _height;
           data.naturalWidth = img.naturalWidth;
           data.naturalHeight = img.naturalHeight;
-          _context3.next = 27;
+          _context3.next = 24;
           break;
-        case 24:
-          _context3.prev = 24;
-          _context3.t0 = _context3["catch"](13);
+        case 21:
+          _context3.prev = 21;
+          _context3.t0 = _context3["catch"](10);
           return _context3.abrupt("return", null);
-        case 27:
+        case 24:
           return _context3.abrupt("return", data);
-        case 28:
+        case 25:
         case "end":
           return _context3.stop();
       }
-    }, _callee3, null, [[13, 24]]);
+    }, _callee3, null, [[10, 21]]);
   }));
   return _readImageMetaData.apply(this, arguments);
 }

package/dist/types/imageMetaData/index.d.ts

@@ -1,4 +1,4 @@
-import { ImageInfo, ImageMetaData, ImageMetaDataTags, FileInfo } from './types';
+import { type ImageInfo, type ImageMetaData, type ImageMetaDataTags, type FileInfo } from './types';
 export { ExifOrientation } from './types';
 export type { ImageInfo, ImageMetaData, ImageMetaDataTags, FileInfo, } from './types';
 export declare function getImageInfo(fileInfo: FileInfo): Promise<ImageInfo | null>;

package/dist/types-ts4.5/imageMetaData/index.d.ts

@@ -1,4 +1,4 @@
-import { ImageInfo, ImageMetaData, ImageMetaDataTags, FileInfo } from './types';
+import { type ImageInfo, type ImageMetaData, type ImageMetaDataTags, type FileInfo } from './types';
 export { ExifOrientation } from './types';
 export type { ImageInfo, ImageMetaData, ImageMetaDataTags, FileInfo, } from './types';
 export declare function getImageInfo(fileInfo: FileInfo): Promise<ImageInfo | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-ui",
-  "version": "25.9.1",
+  "version": "25.10.0",
   "description": "Includes common components and utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -115,9 +115,6 @@
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "platform-feature-flags": {
-    "platform.corex.html-image-dimensions_18x3l": {
-      "type": "boolean"
-    },
     "platform.editor.a11y_video_controls_keyboard_support_yhcxh": {
       "type": "boolean"
     }