@atlaskit/editor-extension-dropbox 0.3.6 → 0.3.8

package/dist/esm/enable-dropbox.js

@@ -3,30 +3,24 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 export default /*#__PURE__*/(function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appKey) {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (window.Dropbox) {
-              _context.next = 4;
-              break;
-            }
-
-            return _context.abrupt("return", import('./dropboxscript').then(function () {
-              window.Dropbox.appKey = appKey;
-            }));
-
-          case 4:
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (window.Dropbox) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return", import('./dropboxscript').then(function () {
             window.Dropbox.appKey = appKey;
-            return _context.abrupt("return", Promise.resolve());
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
+          }));
+        case 4:
+          window.Dropbox.appKey = appKey;
+          return _context.abrupt("return", Promise.resolve());
+        case 6:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));
-
   return function (_x) {
     return _ref.apply(this, arguments);
   };

package/dist/esm/manifest.js

@@ -5,125 +5,102 @@ import ReactDOM from 'react-dom';
 import { inlineCard } from '@atlaskit/adf-utils/builders';
 import enableDropbox from './enable-dropbox';
 import { POPUP_MOUNTPOINT, DROPBOX_IFRAME_NAME } from './constants';
-
 function pickFromDropbox(_x, _x2) {
   return _pickFromDropbox.apply(this, arguments);
 }
-
 function _pickFromDropbox() {
   _pickFromDropbox = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(appKey, canMountinIframe) {
     var popupMountPoint, Modal, files, node, newNodes;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return enableDropbox(appKey);
-
-          case 2:
-            if (!canMountinIframe) {
-              _context2.next = 9;
-              break;
-            }
-
-            _context2.next = 5;
-            return import('./modal');
-
-          case 5:
-            Modal = _context2.sent;
-            // The decision has been made to simply append our modal to the body
-            // Using the passed in popupMountPoint has the potential to cause
-            // problems, and several users pass down document.body anyway
-            //
-            // We want to append it and attach it to a new div so we have complete control.
-            popupMountPoint = document.getElementById(POPUP_MOUNTPOINT);
-
-            if (!popupMountPoint) {
-              popupMountPoint = document.createElement('div');
-              popupMountPoint.id = POPUP_MOUNTPOINT;
-              document.body.appendChild(popupMountPoint);
-            }
-
-            ReactDOM.render( /*#__PURE__*/React.createElement(Modal.default, {
-              onClose: function onClose() {}
-            }), popupMountPoint);
-
-          case 9:
-            _context2.prev = 9;
-            _context2.next = 12;
-            return new Promise(function (resolve, reject) {
-              window.Dropbox.choose({
-                iframe: canMountinIframe,
-                windowName: canMountinIframe ? DROPBOX_IFRAME_NAME : undefined,
-                success: resolve,
-                cancel: reject
-              });
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return enableDropbox(appKey);
+        case 2:
+          if (!canMountinIframe) {
+            _context2.next = 9;
+            break;
+          }
+          _context2.next = 5;
+          return import('./modal');
+        case 5:
+          Modal = _context2.sent;
+          // The decision has been made to simply append our modal to the body
+          // Using the passed in popupMountPoint has the potential to cause
+          // problems, and several users pass down document.body anyway
+          //
+          // We want to append it and attach it to a new div so we have complete control.
+          popupMountPoint = document.getElementById(POPUP_MOUNTPOINT);
+          if (!popupMountPoint) {
+            popupMountPoint = document.createElement('div');
+            popupMountPoint.id = POPUP_MOUNTPOINT;
+            document.body.appendChild(popupMountPoint);
+          }
+          ReactDOM.render( /*#__PURE__*/React.createElement(Modal.default, {
+            onClose: function onClose() {}
+          }), popupMountPoint);
+        case 9:
+          _context2.prev = 9;
+          _context2.next = 12;
+          return new Promise(function (resolve, reject) {
+            window.Dropbox.choose({
+              iframe: canMountinIframe,
+              windowName: canMountinIframe ? DROPBOX_IFRAME_NAME : undefined,
+              success: resolve,
+              cancel: reject
             });
-
-          case 12:
-            files = _context2.sent;
-            _context2.next = 19;
+          });
+        case 12:
+          files = _context2.sent;
+          _context2.next = 19;
+          break;
+        case 15:
+          _context2.prev = 15;
+          _context2.t0 = _context2["catch"](9);
+          if (popupMountPoint) {
+            ReactDOM.unmountComponentAtNode(popupMountPoint);
+          }
+          return _context2.abrupt("return");
+        case 19:
+          if (files.length) {
+            _context2.next = 22;
             break;
-
-          case 15:
-            _context2.prev = 15;
-            _context2.t0 = _context2["catch"](9);
-
-            if (popupMountPoint) {
-              ReactDOM.unmountComponentAtNode(popupMountPoint);
-            }
-
-            return _context2.abrupt("return");
-
-          case 19:
-            if (files.length) {
-              _context2.next = 22;
-              break;
-            }
-
-            if (popupMountPoint) {
-              ReactDOM.unmountComponentAtNode(popupMountPoint);
-            }
-
-            return _context2.abrupt("return");
-
-          case 22:
-            newNodes = files.map(function (file) {
-              return inlineCard({
-                url: file.link
-              });
+          }
+          if (popupMountPoint) {
+            ReactDOM.unmountComponentAtNode(popupMountPoint);
+          }
+          return _context2.abrupt("return");
+        case 22:
+          newNodes = files.map(function (file) {
+            return inlineCard({
+              url: file.link
             });
-
-            if (newNodes.length === 1) {
-              node = newNodes[0];
-            } else {
-              // NOTE: we are not currently passing in `multiselect`, so this is not a possible state,
-              // but we likely want to allow multiselect in the future so doing some future-proofing
-              node = {
-                type: 'paragraph',
-                content: newNodes
-              };
-            }
-
-            if (popupMountPoint) {
-              ReactDOM.unmountComponentAtNode(popupMountPoint);
-            }
-
-            return _context2.abrupt("return", node);
-
-          case 26:
-          case "end":
-            return _context2.stop();
-        }
+          });
+          if (newNodes.length === 1) {
+            node = newNodes[0];
+          } else {
+            // NOTE: we are not currently passing in `multiselect`, so this is not a possible state,
+            // but we likely want to allow multiselect in the future so doing some future-proofing
+            node = {
+              type: 'paragraph',
+              content: newNodes
+            };
+          }
+          if (popupMountPoint) {
+            ReactDOM.unmountComponentAtNode(popupMountPoint);
+          }
+          return _context2.abrupt("return", node);
+        case 26:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2, null, [[9, 15]]);
   }));
   return _pickFromDropbox.apply(this, arguments);
 }
-
 var manifestFunction = function manifestFunction(_ref) {
   var appKey = _ref.appKey,
-      canMountinIframe = _ref.canMountinIframe;
+    canMountinIframe = _ref.canMountinIframe;
   return {
     title: 'Dropbox',
     type: 'com.dropbox.fabric',
@@ -131,23 +108,17 @@ var manifestFunction = function manifestFunction(_ref) {
     description: 'Embed Dropbox file to collaborate with your team',
     icons: {
       '16': function _() {
-        return import(
-        /* webpackChunkName: "@atlaskit-internal_editor-dropbox" */
-        './icons/DropboxIcon').then(function (mod) {
+        return import( /* webpackChunkName: "@atlaskit-internal_editor-dropbox" */'./icons/DropboxIcon').then(function (mod) {
           return mod.default;
         });
       },
       '24': function _() {
-        return import(
-        /* webpackChunkName: "@atlaskit-internal_editor-dropbox" */
-        './icons/DropboxIcon').then(function (mod) {
+        return import( /* webpackChunkName: "@atlaskit-internal_editor-dropbox" */'./icons/DropboxIcon').then(function (mod) {
           return mod.default;
         });
       },
       '48': function _() {
-        return import(
-        /* webpackChunkName: "@atlaskit-internal_editor-dropbox" */
-        './icons/DropboxIcon').then(function (mod) {
+        return import( /* webpackChunkName: "@atlaskit-internal_editor-dropbox" */'./icons/DropboxIcon').then(function (mod) {
           return mod.default;
         });
       }
@@ -160,38 +131,30 @@ var manifestFunction = function manifestFunction(_ref) {
             var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
               var newNode;
               return _regeneratorRuntime.wrap(function _callee$(_context) {
-                while (1) {
-                  switch (_context.prev = _context.next) {
-                    case 0:
-                      _context.prev = 0;
-                      _context.next = 3;
-                      return pickFromDropbox(appKey, canMountinIframe);
-
-                    case 3:
-                      newNode = _context.sent;
-
-                      if (!newNode) {
-                        reject();
-                      } else {
-                        resolve(newNode);
-                      }
-
-                      _context.next = 10;
-                      break;
-
-                    case 7:
-                      _context.prev = 7;
-                      _context.t0 = _context["catch"](0);
-                      reject(_context.t0);
-
-                    case 10:
-                    case "end":
-                      return _context.stop();
-                  }
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.prev = 0;
+                    _context.next = 3;
+                    return pickFromDropbox(appKey, canMountinIframe);
+                  case 3:
+                    newNode = _context.sent;
+                    if (!newNode) {
+                      reject();
+                    } else {
+                      resolve(newNode);
+                    }
+                    _context.next = 10;
+                    break;
+                  case 7:
+                    _context.prev = 7;
+                    _context.t0 = _context["catch"](0);
+                    reject(_context.t0);
+                  case 10:
+                  case "end":
+                    return _context.stop();
                 }
               }, _callee, null, [[0, 7]]);
             }));
-
             return function (_x3, _x4) {
               return _ref2.apply(this, arguments);
             };
@@ -201,5 +164,4 @@ var manifestFunction = function manifestFunction(_ref) {
     }
   };
 };
-
 export default manifestFunction;

package/dist/esm/modal.js

@@ -1,5 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /** @jsx jsx */
 import React, { useState } from 'react';
 import { jsx, css } from '@emotion/react';
@@ -31,12 +30,10 @@ var spacingDivStyle = {
 var headingStyle = {
   marginTop: '8px'
 };
-
 var Header = function Header() {
   var _useModal = useModal(),
-      onClose = _useModal.onClose,
-      titleId = _useModal.titleId;
-
+    onClose = _useModal.onClose,
+    titleId = _useModal.titleId;
   return jsx("div", {
     css: bottomShadow
   }, jsx("div", {
@@ -52,27 +49,22 @@ var Header = function Header() {
     onClick: onClose
   })));
 };
-
 var Modal = function Modal(_ref) {
   var _onClose = _ref.onClose,
-      TEST_ONLY_src = _ref.TEST_ONLY_src,
-      showModal = _ref.showModal;
-
+    TEST_ONLY_src = _ref.TEST_ONLY_src,
+    showModal = _ref.showModal;
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   if (typeof showModal === 'boolean' && isOpen !== showModal) {
     setIsOpen(showModal);
   }
-
   return jsx(ModalTransition, null, isOpen && jsx(ModalDialog, {
     height: "100%",
     width: "large",
     onClose: function onClose() {
       setIsOpen(false);
-
       _onClose();
     }
   }, jsx(Header, null), jsx(AKModalBody, null, jsx(ModalBody, null, TEST_ONLY_src ? jsx("iframe", {
@@ -86,5 +78,4 @@ var Modal = function Modal(_ref) {
     frameBorder: 0
   })))));
 };
-
 export default Modal;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-extension-dropbox",
-	"version": "0.3.6",
+	"version": "0.3.8",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-extension-dropbox",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "description": "A an atlassian editor extension to add a native dropbox picker",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,9 +24,9 @@
     }
   },
   "dependencies": {
-    "@atlaskit/adf-utils": "^18.0.0",
-    "@atlaskit/button": "^16.5.0",
-    "@atlaskit/editor-common": "^72.0.0",
+    "@atlaskit/adf-utils": "^18.1.0",
+    "@atlaskit/button": "^16.6.0",
+    "@atlaskit/editor-common": "^73.0.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/modal-dialog": "^12.4.0",
     "@babel/runtime": "^7.0.0",
@@ -47,7 +47,9 @@
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "techstack": {
     "@repo/internal": {
-      "theming": "tokens",
+      "design-tokens": [
+        "color"
+      ],
       "deprecation": "no-deprecated-imports",
       "styling": [
         "emotion"

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -30,3 +31,16 @@ export default manifestFunction;
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0",
+  "react-dom": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->