@atlaskit/editor-extension-dropbox 0.2.23 → 0.2.26

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-extension-dropbox
 
+## 0.2.26
+
+### Patch Changes
+
+- [`55256125722`](https://bitbucket.org/atlassian/atlassian-frontend/commits/55256125722) - ED-14262 update editor packages to use emotion 11
+- Updated dependencies
+
+## 0.2.25
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.2.24
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - ED-13753 Updated editor-common import entries.
+- Updated dependencies
+
 ## 0.2.23
 
 ### Patch Changes

package/dist/cjs/modal.js

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _chromatism = _interopRequireDefault(require("chromatism"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 
@@ -35,14 +35,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var gridSize = (0, _constants.gridSize)();
 
 var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return (0, _core.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     ref: ref,
     style: {
       height: '100%'
@@ -71,7 +71,7 @@ var hexToRGBA = function hexToRGBA(hex) {
   return "rgba(".concat(Object.values(rgba).join(', '), ")");
 };
 
-var bottomShadow = {
+var bottomShadow = (0, _react2.css)({
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'baseline',
@@ -84,7 +84,7 @@ var bottomShadow = {
     height: gridSize / 2,
     background: "linear-gradient(180deg, ".concat(_colors.N40A, " 0, ").concat(_colors.N40A, " 1px, ").concat(_colors.N30A, " 1px, ").concat(hexToRGBA(_colors.N900, 0), " 4px)")
   }
-};
+});
 var spacingDivStyle = {
   width: '28px'
 };
@@ -97,16 +97,16 @@ var Header = function Header() {
       onClose = _useModal.onClose,
       titleId = _useModal.titleId;
 
-  return (0, _core.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     css: bottomShadow
-  }, (0, _core.jsx)("div", {
+  }, (0, _react2.jsx)("div", {
     css: spacingDivStyle
-  }), (0, _core.jsx)("h5", {
+  }), (0, _react2.jsx)("h5", {
     id: titleId,
     css: headingStyle
-  }, "Dropbox"), (0, _core.jsx)("div", null, (0, _core.jsx)(_customThemeButton.default, {
+  }, "Dropbox"), (0, _react2.jsx)("div", null, (0, _react2.jsx)(_customThemeButton.default, {
     appearance: "subtle",
-    iconBefore: (0, _core.jsx)(_close.default, {
+    iconBefore: (0, _react2.jsx)(_close.default, {
       label: "close dropbox modal"
     }),
     onClick: onClose
@@ -127,7 +127,7 @@ var Modal = function Modal(_ref) {
     setIsOpen(showModal);
   }
 
-  return (0, _core.jsx)(_modalDialog.ModalTransition, null, isOpen && (0, _core.jsx)(_modalDialog.default, {
+  return (0, _react2.jsx)(_modalDialog.ModalTransition, null, isOpen && (0, _react2.jsx)(_modalDialog.default, {
     height: "100%",
     width: "large",
     onClose: function onClose() {
@@ -135,12 +135,12 @@ var Modal = function Modal(_ref) {
 
       _onClose();
     }
-  }, (0, _core.jsx)(Header, null), (0, _core.jsx)(_modalDialog.ModalBody, null, (0, _core.jsx)(ModalBody, null, TEST_ONLY_src ? (0, _core.jsx)("iframe", {
+  }, (0, _react2.jsx)(Header, null), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)(ModalBody, null, TEST_ONLY_src ? (0, _react2.jsx)("iframe", {
     css: iframeStyle,
     name: _constants2.DROPBOX_IFRAME_NAME,
     frameBorder: 0,
     src: TEST_ONLY_src
-  }) : (0, _core.jsx)("iframe", {
+  }) : (0, _react2.jsx)("iframe", {
     css: iframeStyle,
     name: _constants2.DROPBOX_IFRAME_NAME,
     frameBorder: 0

package/dist/cjs/version.json

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

package/dist/es2019/modal.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React, { useState } from 'react';
 import chromatism from 'chromatism';
-import { jsx } from '@emotion/core';
+import { jsx, css } from '@emotion/react';
 import ModalDialog, { ModalTransition, useModal, ModalBody as AKModalBody } from '@atlaskit/modal-dialog';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -37,7 +37,7 @@ const hexToRGBA = (hex, opacity = 1) => {
   return `rgba(${Object.values(rgba).join(', ')})`;
 };
 
-const bottomShadow = {
+const bottomShadow = css({
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'baseline',
@@ -50,7 +50,7 @@ const bottomShadow = {
     height: gridSize / 2,
     background: `linear-gradient(180deg, ${N40A} 0, ${N40A} 1px, ${N30A} 1px, ${hexToRGBA(N900, 0)} 4px)`
   }
-};
+});
 const spacingDivStyle = {
   width: '28px'
 };

package/dist/es2019/version.json

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

package/dist/esm/modal.js

@@ -1,14 +1,14 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /** @jsx jsx */
 import React, { useState } from 'react';
 import chromatism from 'chromatism';
-import { jsx } from '@emotion/core';
+import { jsx, css } from '@emotion/react';
 import ModalDialog, { ModalTransition, useModal, ModalBody as AKModalBody } from '@atlaskit/modal-dialog';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -45,7 +45,7 @@ var hexToRGBA = function hexToRGBA(hex) {
   return "rgba(".concat(Object.values(rgba).join(', '), ")");
 };
 
-var bottomShadow = {
+var bottomShadow = css({
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'baseline',
@@ -58,7 +58,7 @@ var bottomShadow = {
     height: gridSize / 2,
     background: "linear-gradient(180deg, ".concat(N40A, " 0, ").concat(N40A, " 1px, ").concat(N30A, " 1px, ").concat(hexToRGBA(N900, 0), " 4px)")
   }
-};
+});
 var spacingDivStyle = {
   width: '28px'
 };

package/dist/esm/version.json

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

package/dist/types/manifest.d.ts

@@ -1,4 +1,4 @@
-import { ExtensionManifest } from '@atlaskit/editor-common';
+import { ExtensionManifest } from '@atlaskit/editor-common/extensions';
 import { DropboxFile } from './types';
 declare global {
     interface Window {

package/dist/types/modal.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 declare const Modal: ({ onClose, TEST_ONLY_src, showModal, }: {
     onClose: () => any;
     TEST_ONLY_src?: string | undefined;
     showModal?: boolean | undefined;
-}) => JSX.Element;
+}) => jsx.JSX.Element;
 export default Modal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-extension-dropbox",
-  "version": "0.2.23",
+  "version": "0.2.26",
   "description": "A an atlassian editor extension to add a native dropbox picker",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,14 +24,14 @@
     }
   },
   "dependencies": {
-    "@atlaskit/adf-utils": "^14.4.0",
-    "@atlaskit/button": "^16.0.0",
-    "@atlaskit/editor-common": "^62.0.0",
-    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/adf-utils": "^16.0.0",
+    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/editor-common": "^65.0.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/modal-dialog": "^12.2.0",
-    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/theme": "^12.1.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9",
+    "@emotion/react": "^11.7.1",
     "chromatism": "^2.6.0"
   },
   "peerDependencies": {