@atlaskit/media-ui 22.2.4 → 22.3.1

package/dist/esm/util.js

@@ -18,35 +18,31 @@ import SourceCodeIcon from '@atlaskit/icon-file-type/glyph/source-code/24';
 import { isCodeViewerItem } from './codeViewer';
 export function dataURItoFile(dataURI) {
   var filename = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'untitled';
-
   if (dataURI.length === 0) {
     throw new Error('dataURI not found');
-  } // convert base64/URLEncoded data component to raw binary data held in a string
-
+  }
 
+  // convert base64/URLEncoded data component to raw binary data held in a string
   var dataURIParts = dataURI.split(',');
-  var byteString = dataURIParts[0].indexOf('base64') >= 0 ? atob(dataURIParts[1]) : decodeURIComponent(dataURIParts[1]); // separate out the mime component
+  var byteString = dataURIParts[0].indexOf('base64') >= 0 ? atob(dataURIParts[1]) : decodeURIComponent(dataURIParts[1]);
 
+  // separate out the mime component
   var mimeString;
-
   try {
     mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
   } catch (e) {
     // https://stackoverflow.com/questions/1176022/unknown-file-type-mime
     mimeString = 'application/octet-stream';
-  } // write the bytes of the string to a typed array
-
+  }
 
+  // write the bytes of the string to a typed array
   var intArray = new Uint8Array(byteString.length);
-
   for (var i = 0; i < byteString.length; i++) {
     intArray[i] = byteString.charCodeAt(i);
   }
-
   var blob = new Blob([intArray], {
     type: mimeString
   });
-
   try {
     return new File([blob], filename, {
       type: mimeString
@@ -69,7 +65,6 @@ export function fileToDataURI(blob) {
     var reader = new FileReader();
     reader.addEventListener('load', function () {
       var result = reader.result;
-
       if (typeof result === 'string') {
         resolve(result);
       } else if (result === null) {
@@ -83,7 +78,6 @@ export function fileToDataURI(blob) {
 export function getFileInfo(_x, _x2) {
   return _getFileInfo.apply(this, arguments);
 }
-
 function _getFileInfo() {
   _getFileInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, src) {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -92,25 +86,20 @@ function _getFileInfo() {
           case 0:
             _context.t0 = file;
             _context.t1 = src;
-
             if (_context.t1) {
               _context.next = 6;
               break;
             }
-
             _context.next = 5;
             return fileToDataURI(file);
-
           case 5:
             _context.t1 = _context.sent;
-
           case 6:
             _context.t2 = _context.t1;
             return _context.abrupt("return", {
               file: _context.t0,
               src: _context.t2
             });
-
           case 8:
           case "end":
             return _context.stop();
@@ -120,11 +109,9 @@ function _getFileInfo() {
   }));
   return _getFileInfo.apply(this, arguments);
 }
-
 export function getFileInfoFromSrc(_x3, _x4) {
   return _getFileInfoFromSrc.apply(this, arguments);
 }
-
 function _getFileInfoFromSrc() {
   _getFileInfoFromSrc = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(src, file) {
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -132,18 +119,14 @@ function _getFileInfoFromSrc() {
         switch (_context2.prev = _context2.next) {
           case 0:
             _context2.t0 = file;
-
             if (_context2.t0) {
               _context2.next = 5;
               break;
             }
-
             _context2.next = 4;
             return dataURItoFile(src);
-
           case 4:
             _context2.t0 = _context2.sent;
-
           case 5:
             _context2.t1 = _context2.t0;
             _context2.t2 = src;
@@ -151,7 +134,6 @@ function _getFileInfoFromSrc() {
               file: _context2.t1,
               src: _context2.t2
             });
-
           case 8:
           case "end":
             return _context2.stop();
@@ -161,7 +143,6 @@ function _getFileInfoFromSrc() {
   }));
   return _getFileInfoFromSrc.apply(this, arguments);
 }
-
 export function fileToArrayBuffer(file) {
   return new Promise(function (resolve, reject) {
     var reader = new FileReader();
@@ -177,11 +158,9 @@ export function loadImage(src) {
   return new Promise(function (resolve, reject) {
     var img = new Image();
     img.src = src;
-
     img.onload = function () {
       resolve(img);
     };
-
     img.onerror = reject;
   });
 }
@@ -189,11 +168,9 @@ export function readImageNaturalOrientationFromDOM(img) {
   img.style.position = 'absolute';
   img.style.visibility = 'hidden';
   document.body.appendChild(img);
-
   var _img$getBoundingClien = img.getBoundingClientRect(),
-      width = _img$getBoundingClien.width,
-      height = _img$getBoundingClien.height;
-
+    width = _img$getBoundingClien.width,
+    height = _img$getBoundingClien.height;
   document.body.removeChild(img);
   return {
     width: width,
@@ -202,17 +179,13 @@ export function readImageNaturalOrientationFromDOM(img) {
 }
 export var findParentByClassname = function findParentByClassname(element, className) {
   var maxParentElement = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.body;
-
   if (element.classList.contains(className)) {
     return element;
   }
-
   var currentElement = element;
-
   while (currentElement.parentElement !== maxParentElement) {
     if (currentElement.parentElement) {
       currentElement = currentElement.parentElement;
-
       if (currentElement.classList.contains(className)) {
         return currentElement;
       }
@@ -220,7 +193,6 @@ export var findParentByClassname = function findParentByClassname(element, class
       return undefined;
     }
   }
-
   return undefined;
 };
 var mimeTypes = [{
@@ -272,50 +244,48 @@ var mimeTypes = [{
   mimeTypes: ['application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel', 'application/x-iwork-keynote-sffnumbers'],
   icon: ExcelSpreadsheetIcon
 }];
+
 /*
  * Returns a label and icon
  */
-
 export function getMimeIcon(mimeType, fileName) {
   // based on the mimeType, determine the corresponding icon and label
   var iconInfo = mimeTypes.find(function (file) {
     return file.mimeTypes.indexOf(mimeType) > -1;
-  }); //return the appropriate icon and its label if we have it
+  });
 
+  //return the appropriate icon and its label if we have it
   if (iconInfo) {
     return iconInfo;
   }
-
   if (isCodeViewerItem(fileName, mimeType)) {
     return {
       label: 'source-code',
       icon: SourceCodeIcon
     };
-  } // we are not able to determine what icon to render based on the mimeType
-  // hence we render the icon based on the filename
-
+  }
 
+  // we are not able to determine what icon to render based on the mimeType
+  // hence we render the icon based on the filename
   if (fileName.match(/.*\.sketch$/)) {
     return {
       label: 'sketch',
       icon: SketchIcon
     };
   }
-
   if (fileName.match(/.*\.fig$/)) {
     return {
       label: 'figma',
       icon: FigmaIcon
     };
   }
-
   if (fileName.match(/.*\.exe$/) || fileName.match(/.*\.dmg$/)) {
     return {
       label: 'executable',
       icon: ExecutableIcon
     };
-  } // cannot find a corresponding mimeType icon.
-
+  }
 
+  // cannot find a corresponding mimeType icon.
   return undefined;
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "22.2.4",
+	"version": "22.3.1",
 	"sideEffects": false
 }

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

@@ -5,7 +5,7 @@ export interface MediaImageProps {
     alt?: string;
     crop?: boolean;
     stretch?: boolean;
-    previewOrientation?: number;
+    previewOrientation?: number | 'from-image';
     crossOrigin?: '' | 'anonymous' | 'use-credentials';
     onImageLoad?: (loadedImage: HTMLImageElement) => void;
     onImageError?: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-ui",
-  "version": "22.2.4",
+  "version": "22.3.1",
   "description": "Includes common components and utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,11 +45,11 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/icon-file-type": "^6.3.0",
     "@atlaskit/locale": "^2.3.0",
-    "@atlaskit/media-common": "^2.18.0",
+    "@atlaskit/media-common": "^2.19.0",
     "@atlaskit/select": "^16.1.0",
     "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/width-detector": "^4.0.0",
     "@babel/runtime": "^7.0.0",
@@ -68,7 +68,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/analytics-listeners": "^8.3.0",
+    "@atlaskit/analytics-listeners": "^8.5.0",
     "@atlaskit/button": "^16.5.0",
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/docs": "*",

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -449,7 +450,7 @@ export interface MediaImageProps {
   // (undocumented)
   onImageLoad?: (loadedImage: HTMLImageElement) => void;
   // (undocumented)
-  previewOrientation?: number;
+  previewOrientation?: 'from-image' | number;
   // (undocumented)
   stretch?: boolean;
 }
@@ -884,3 +885,17 @@ export interface WithShowControlMethodProp {
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0",
+  "react-dom": "^16.8.0",
+  "react-intl-next": "npm:react-intl@^5.18.1"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->