@atlaskit/editor-extension-dropbox 0.2.26 → 0.2.29

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-extension-dropbox
 
+## 0.2.29
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.2.28
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- Updated dependencies
+
+## 0.2.27
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.2.26
 
 ### Patch Changes

package/constants/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/constants.js",
   "module": "../dist/esm/constants.js",
   "module:es2019": "../dist/es2019/constants.js",
+  "sideEffects": false,
   "types": "../dist/types/constants.d.ts"
 }

package/dist/cjs/icons/DropboxIcon.js

@@ -15,6 +15,7 @@ var _default = function _default() {
   return (
     /*#__PURE__*/
     // This colour is not ADG - it is the dropbox brand color
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     _react.default.createElement(_dropbox.default, {
       primaryColor: "#0061FF",
       label: ""

package/dist/cjs/modal.js

@@ -11,12 +11,8 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
 
-var _chromatism = _interopRequireDefault(require("chromatism"));
-
 var _react2 = require("@emotion/react");
 
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
@@ -25,22 +21,13 @@ var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close")
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
-var _constants = require("@atlaskit/theme/constants");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _constants2 = require("./constants");
+var _constants = require("./constants");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 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); 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 = 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)();
-
+/** @jsx jsx */
 var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return (0, _react2.jsx)("div", {
     ref: ref,
@@ -55,35 +42,10 @@ var iframeStyle = {
   height: '100%',
   borderRadius: '0 0 3px 3px'
 };
-/*
-BC: I have stolen hexToRGBA and bottomShadow from atlassian-navigation. Having a direct dependency
-on Atlassian navigation seemed bad, but wanted to get us close enough. Finding a
-better solution to have this as common would be good.
-*/
-
-var hexToRGBA = function hexToRGBA(hex) {
-  var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-
-  var rgba = _objectSpread(_objectSpread({}, _chromatism.default.convert(hex).rgb), {
-    a: opacity
-  });
-
-  return "rgba(".concat(Object.values(rgba).join(', '), ")");
-};
-
 var bottomShadow = (0, _react2.css)({
   display: 'flex',
   justifyContent: 'space-between',
-  alignItems: 'baseline',
-  '&:after': {
-    content: '""',
-    left: 0,
-    right: 0,
-    position: 'absolute',
-    top: '33px',
-    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)")
-  }
+  alignItems: 'baseline'
 });
 var spacingDivStyle = {
   width: '28px'
@@ -137,12 +99,12 @@ var Modal = function Modal(_ref) {
     }
   }, (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,
+    name: _constants.DROPBOX_IFRAME_NAME,
     frameBorder: 0,
     src: TEST_ONLY_src
   }) : (0, _react2.jsx)("iframe", {
     css: iframeStyle,
-    name: _constants2.DROPBOX_IFRAME_NAME,
+    name: _constants.DROPBOX_IFRAME_NAME,
     frameBorder: 0
   })))));
 };

package/dist/cjs/version.json

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

package/dist/es2019/icons/DropboxIcon.js

@@ -3,6 +3,7 @@ import DropboxIcon from '@atlaskit/icon/glyph/dropbox';
 export default (() =>
 /*#__PURE__*/
 // This colour is not ADG - it is the dropbox brand color
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 React.createElement(DropboxIcon, {
   primaryColor: "#0061FF",
   label: ""

package/dist/es2019/modal.js

@@ -1,14 +1,10 @@
 /** @jsx jsx */
 import React, { useState } from 'react';
-import chromatism from 'chromatism';
 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';
-import { gridSize as gridSizeFn } from '@atlaskit/theme/constants';
-import { N40A, N30A, N900 } from '@atlaskit/theme/colors';
 import { DROPBOX_IFRAME_NAME } from './constants';
-const gridSize = gridSizeFn();
 const ModalBody = /*#__PURE__*/React.forwardRef((props, ref) => {
   return jsx("div", {
     ref: ref,
@@ -22,34 +18,10 @@ const iframeStyle = {
   height: '100%',
   borderRadius: '0 0 3px 3px'
 };
-/*
-BC: I have stolen hexToRGBA and bottomShadow from atlassian-navigation. Having a direct dependency
-on Atlassian navigation seemed bad, but wanted to get us close enough. Finding a
-better solution to have this as common would be good.
-*/
-
-const hexToRGBA = (hex, opacity = 1) => {
-  const rgba = { ...chromatism.convert(hex).rgb,
-    ...{
-      a: opacity
-    }
-  };
-  return `rgba(${Object.values(rgba).join(', ')})`;
-};
-
 const bottomShadow = css({
   display: 'flex',
   justifyContent: 'space-between',
-  alignItems: 'baseline',
-  '&:after': {
-    content: '""',
-    left: 0,
-    right: 0,
-    position: 'absolute',
-    top: '33px',
-    height: gridSize / 2,
-    background: `linear-gradient(180deg, ${N40A} 0, ${N40A} 1px, ${N30A} 1px, ${hexToRGBA(N900, 0)} 4px)`
-  }
+  alignItems: 'baseline'
 });
 const spacingDivStyle = {
   width: '28px'

package/dist/es2019/version.json

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

package/dist/esm/icons/DropboxIcon.js

@@ -4,6 +4,7 @@ export default (function () {
   return (
     /*#__PURE__*/
     // This colour is not ADG - it is the dropbox brand color
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     React.createElement(DropboxIcon, {
       primaryColor: "#0061FF",
       label: ""

package/dist/esm/modal.js

@@ -1,21 +1,12 @@
 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); 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 = 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, 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';
-import { gridSize as gridSizeFn } from '@atlaskit/theme/constants';
-import { N40A, N30A, N900 } from '@atlaskit/theme/colors';
 import { DROPBOX_IFRAME_NAME } from './constants';
-var gridSize = gridSizeFn();
 var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return jsx("div", {
     ref: ref,
@@ -29,35 +20,10 @@ var iframeStyle = {
   height: '100%',
   borderRadius: '0 0 3px 3px'
 };
-/*
-BC: I have stolen hexToRGBA and bottomShadow from atlassian-navigation. Having a direct dependency
-on Atlassian navigation seemed bad, but wanted to get us close enough. Finding a
-better solution to have this as common would be good.
-*/
-
-var hexToRGBA = function hexToRGBA(hex) {
-  var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-
-  var rgba = _objectSpread(_objectSpread({}, chromatism.convert(hex).rgb), {
-    a: opacity
-  });
-
-  return "rgba(".concat(Object.values(rgba).join(', '), ")");
-};
-
 var bottomShadow = css({
   display: 'flex',
   justifyContent: 'space-between',
-  alignItems: 'baseline',
-  '&:after': {
-    content: '""',
-    left: 0,
-    right: 0,
-    position: 'absolute',
-    top: '33px',
-    height: gridSize / 2,
-    background: "linear-gradient(180deg, ".concat(N40A, " 0, ").concat(N40A, " 1px, ").concat(N30A, " 1px, ").concat(hexToRGBA(N900, 0), " 4px)")
-  }
+  alignItems: 'baseline'
 });
 var spacingDivStyle = {
   width: '28px'

package/dist/esm/version.json

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

package/dist/types/manifest.d.ts

@@ -7,7 +7,7 @@ declare global {
             choose: (args: {
                 iframe?: boolean;
                 windowName?: string;
-                success: (value?: DropboxFile[] | PromiseLike<DropboxFile[]> | undefined) => void;
+                success: (value: DropboxFile[] | PromiseLike<DropboxFile[]>) => void;
                 cancel: () => void;
             }) => void;
         };

package/dropboxscript/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/dropboxscript.js",
   "module": "../dist/esm/dropboxscript.js",
   "module:es2019": "../dist/es2019/dropboxscript.js",
+  "sideEffects": false,
   "types": "../dist/types/dropboxscript.d.ts"
 }

package/enable-dropbox/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/enable-dropbox.js",
   "module": "../dist/esm/enable-dropbox.js",
   "module:es2019": "../dist/es2019/enable-dropbox.js",
+  "sideEffects": false,
   "types": "../dist/types/enable-dropbox.d.ts"
 }

package/manifest/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/manifest.js",
   "module": "../dist/esm/manifest.js",
   "module:es2019": "../dist/es2019/manifest.js",
+  "sideEffects": false,
   "types": "../dist/types/manifest.d.ts"
 }

package/modal/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/modal.js",
   "module": "../dist/esm/modal.js",
   "module:es2019": "../dist/es2019/modal.js",
+  "sideEffects": false,
   "types": "../dist/types/modal.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-extension-dropbox",
-  "version": "0.2.26",
+  "version": "0.2.29",
   "description": "A an atlassian editor extension to add a native dropbox picker",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,14 +25,12 @@
   },
   "dependencies": {
     "@atlaskit/adf-utils": "^16.0.0",
-    "@atlaskit/button": "^16.2.0",
-    "@atlaskit/editor-common": "^65.0.0",
+    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/editor-common": "^67.0.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/modal-dialog": "^12.2.0",
-    "@atlaskit/theme": "^12.1.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "chromatism": "^2.6.0"
+    "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {
     "react": "^16.8.0",
@@ -44,7 +42,12 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
-    "typescript": "3.9.6"
+    "typescript": "4.2.4"
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
+  "techstack": {
+    "@repo/internal": {
+      "theming": "tokens"
+    }
+  }
 }

package/types/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/types.js",
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
+  "sideEffects": false,
   "types": "../dist/types/types.d.ts"
 }