@atlaskit/editor-core 172.1.2 → 172.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "172.1.2",
+  "version": "172.2.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,10 +41,10 @@
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/date": "^0.9.0",
     "@atlaskit/datetime-picker": "^12.2.0",
-    "@atlaskit/editor-common": "^69.2.0",
+    "@atlaskit/editor-common": "^69.3.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-markdown-transformer": "^4.1.0",
-    "@atlaskit/editor-shared-styles": "^2.1.0",
+    "@atlaskit/editor-shared-styles": "^2.2.0",
     "@atlaskit/editor-tables": "^2.1.0",
     "@atlaskit/emoji": "^65.2.0",
     "@atlaskit/empty-state": "^7.4.0",
@@ -95,7 +95,6 @@
     "@types/prosemirror-view": "^1.9.0",
     "@types/react-loadable": "^5.4.1",
     "@types/react-virtualized": "^9.18.12",
-    "chromatism": "^2.6.0",
     "classnames": "^2.2.5",
     "clipboard-polyfill": "2.4.3",
     "date-fns": "^2.17.0",
@@ -106,7 +105,6 @@
     "lodash": "^4.17.21",
     "markdown-it": "^12.3.2",
     "memoize-one": "^6.0.0",
-    "popper.js": "^1.14.1",
     "prop-types": "^15.5.10",
     "prosemirror-collab": "^1.2.2",
     "prosemirror-commands": "1.1.11",
@@ -146,6 +144,7 @@
     "@atlaskit/droplist": "^11.0.0",
     "@atlaskit/editor-bitbucket-transformer": "^7.2.0",
     "@atlaskit/editor-extension-dropbox": "^0.3.0",
+    "@atlaskit/editor-plugin-table": "^0.0.1",
     "@atlaskit/editor-test-helpers": "^17.1.0",
     "@atlaskit/flag": "^14.7.0",
     "@atlaskit/inline-dialog": "^13.4.0",
@@ -157,7 +156,7 @@
     "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/menu": "^1.3.0",
     "@atlaskit/page-layout": "^1.3.0",
-    "@atlaskit/profilecard": "^17.0.0",
+    "@atlaskit/profilecard": "^17.1.0",
     "@atlaskit/pubsub": "^6.0.0",
     "@atlaskit/renderer": "^101.1.0",
     "@atlaskit/section-message": "^6.2.0",

package/dist/cjs/plugins/analytics/types/config-panel-events.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/analytics/types/cut-copy-events.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/analytics/types/date-events.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/analytics/types/element-browser-events.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/analytics/types/find-replace-events.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/analytics/types/format-events.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.INDENT_TYPE = exports.INDENT_DIRECTION = void 0;
-var INDENT_DIRECTION;
-exports.INDENT_DIRECTION = INDENT_DIRECTION;
-
-(function (INDENT_DIRECTION) {
-  INDENT_DIRECTION["INDENT"] = "indent";
-  INDENT_DIRECTION["OUTDENT"] = "outdent";
-})(INDENT_DIRECTION || (exports.INDENT_DIRECTION = INDENT_DIRECTION = {}));
-
-var INDENT_TYPE;
-exports.INDENT_TYPE = INDENT_TYPE;
-
-(function (INDENT_TYPE) {
-  INDENT_TYPE["PARAGRAPH"] = "paragraph";
-  INDENT_TYPE["LIST"] = "list";
-  INDENT_TYPE["HEADING"] = "heading";
-  INDENT_TYPE["CODE_BLOCK"] = "codeBlock";
-  INDENT_TYPE["TASK_LIST"] = "taskList";
-})(INDENT_TYPE || (exports.INDENT_TYPE = INDENT_TYPE = {}));

package/dist/cjs/plugins/analytics/types/insert-events.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.USER_CONTEXT = exports.LINK_STATUS = exports.LINK_RESOURCE = exports.LINK_REPRESENTATION = void 0;
-var USER_CONTEXT;
-exports.USER_CONTEXT = USER_CONTEXT;
-
-(function (USER_CONTEXT) {
-  USER_CONTEXT["EDIT"] = "edit";
-  USER_CONTEXT["NEW"] = "new";
-})(USER_CONTEXT || (exports.USER_CONTEXT = USER_CONTEXT = {}));
-
-var LINK_STATUS;
-exports.LINK_STATUS = LINK_STATUS;
-
-(function (LINK_STATUS) {
-  LINK_STATUS["RESOLVED"] = "resolved";
-  LINK_STATUS["UNRESOLVED"] = "unresolved";
-})(LINK_STATUS || (exports.LINK_STATUS = LINK_STATUS = {}));
-
-var LINK_REPRESENTATION;
-exports.LINK_REPRESENTATION = LINK_REPRESENTATION;
-
-(function (LINK_REPRESENTATION) {
-  LINK_REPRESENTATION["TEXT"] = "text";
-  LINK_REPRESENTATION["INLINE_CARD"] = "inlineCard";
-  LINK_REPRESENTATION["BLOCK_CARD"] = "blockCard";
-  LINK_REPRESENTATION["EMBED"] = "embed";
-})(LINK_REPRESENTATION || (exports.LINK_REPRESENTATION = LINK_REPRESENTATION = {}));
-
-var LINK_RESOURCE;
-exports.LINK_RESOURCE = LINK_RESOURCE;
-
-(function (LINK_RESOURCE) {
-  LINK_RESOURCE["JIRA"] = "jiraIssue";
-  LINK_RESOURCE["CONFLUENCE"] = "confluencePage";
-  LINK_RESOURCE["BITBUCKET_PR"] = "bitbucketPR";
-  LINK_RESOURCE["BITBUCKET_REPO"] = "bitbucketRepo";
-  LINK_RESOURCE["TRELLO_CARD"] = "trelloCard";
-  LINK_RESOURCE["TRELLO_BOARD"] = "trelloBoard";
-  LINK_RESOURCE["STATUS_PAGE"] = "statusPage";
-  LINK_RESOURCE["BOX"] = "boxFile";
-  LINK_RESOURCE["DROPBOX"] = "dropboxFile";
-  LINK_RESOURCE["OFFICE"] = "office";
-  LINK_RESOURCE["DRIVE"] = "drive";
-  LINK_RESOURCE["YOUTUBE"] = "youtubeVideo";
-  LINK_RESOURCE["TWITTER"] = "twitterTweet";
-  LINK_RESOURCE["OTHER"] = "other";
-})(LINK_RESOURCE || (exports.LINK_RESOURCE = LINK_RESOURCE = {}));

package/dist/cjs/plugins/analytics/types/list-events.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LIST_TEXT_SCENARIOS = exports.DELETE_DIRECTION = void 0;
-var DELETE_DIRECTION;
-exports.DELETE_DIRECTION = DELETE_DIRECTION;
-
-(function (DELETE_DIRECTION) {
-  DELETE_DIRECTION["BACKWARD"] = "backward";
-  DELETE_DIRECTION["FORWARD"] = "forward";
-})(DELETE_DIRECTION || (exports.DELETE_DIRECTION = DELETE_DIRECTION = {}));
-
-var LIST_TEXT_SCENARIOS;
-exports.LIST_TEXT_SCENARIOS = LIST_TEXT_SCENARIOS;
-
-(function (LIST_TEXT_SCENARIOS) {
-  LIST_TEXT_SCENARIOS["JOIN_SIBLINGS"] = "joinSiblings";
-  LIST_TEXT_SCENARIOS["JOIN_DESCENDANT_TO_PARENT"] = "joinDescendantToParent";
-  LIST_TEXT_SCENARIOS["JOIN_TO_SIBLING_DESCENDANT"] = "joinToSiblingDescendant";
-  LIST_TEXT_SCENARIOS["JOIN_PARAGRAPH_WITH_LIST"] = "joinParagraphWithList";
-  LIST_TEXT_SCENARIOS["JOIN_PARENT_SIBLING_TO_PARENT_CHILD"] = "joinParentSiblingToParentChild";
-  LIST_TEXT_SCENARIOS["JOIN_LIST_ITEM_WITH_PARAGRAPH"] = "joinListItemWithParagraph";
-})(LIST_TEXT_SCENARIOS || (exports.LIST_TEXT_SCENARIOS = LIST_TEXT_SCENARIOS = {}));

package/dist/cjs/plugins/analytics/types/paste-events.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PasteTypes = exports.PasteSources = exports.PasteContents = void 0;
-var PasteTypes = {
-  richText: 'richText',
-  plain: 'plain',
-  markdown: 'markdown',
-  binary: 'binary'
-};
-exports.PasteTypes = PasteTypes;
-var PasteSources = {
-  fabricEditor: 'fabric-editor',
-  applePages: 'apple-pages',
-  googleSpreadsheets: 'google-spreadsheets',
-  googleDocs: 'google-docs',
-  microsoftExcel: 'microsoft-excel',
-  microsoftWord: 'microsoft-word',
-  dropboxPaper: 'dropbox-paper',
-  uncategorized: 'uncategorized'
-};
-exports.PasteSources = PasteSources;
-var PasteContents = {
-  text: 'text',
-  url: 'url',
-  code: 'code',
-  mediaSingle: 'mediaSingle',
-  mediaCard: 'mediaCard',
-  mediaGroup: 'mediaGroup',
-  tableCells: 'tableCells',
-  table: 'table',
-  expand: 'expand',
-  nestedExpand: 'nestedExpand',
-  mixed: 'mixed',
-  blockquote: 'blockquote',
-  blockCard: 'blockCard',
-  bodiedExtension: 'bodiedExtension',
-  bulletList: 'bulletList',
-  codeBlock: 'codeBlock',
-  decisionList: 'decisionList',
-  decisionItem: 'decisionItem',
-  extension: 'extension',
-  heading: 'heading',
-  layoutSection: 'layoutSection',
-  orderedList: 'orderedList',
-  panel: 'panel',
-  rule: 'rule',
-  tableHeader: 'tableHeader',
-  tableRow: 'tableRow',
-  taskItem: 'taskItem',
-  uncategorized: 'uncategorized'
-};
-exports.PasteContents = PasteContents;

package/dist/cjs/plugins/analytics/types/substitute-events.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SYMBOL = exports.PUNC = void 0;
-var SYMBOL;
-exports.SYMBOL = SYMBOL;
-
-(function (SYMBOL) {
-  SYMBOL["ARROW_RIGHT"] = "rightArrow";
-  SYMBOL["ARROW_LEFT"] = "leftArrow";
-  SYMBOL["ARROW_DOUBLE"] = "doubleArrow";
-})(SYMBOL || (exports.SYMBOL = SYMBOL = {}));
-
-var PUNC;
-exports.PUNC = PUNC;
-
-(function (PUNC) {
-  PUNC["DASH"] = "emDash";
-  PUNC["ELLIPSIS"] = "ellipsis";
-  PUNC["QUOTE_SINGLE"] = "singleQuote";
-  PUNC["QUOTE_DOUBLE"] = "doubleQuote";
-})(PUNC || (exports.PUNC = PUNC = {}));

package/dist/cjs/plugins/analytics/types/table-events.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TABLE_BREAKOUT = exports.TABLE_ACTION = void 0;
-//#region Constants
-var TABLE_ACTION;
-exports.TABLE_ACTION = TABLE_ACTION;
-
-(function (TABLE_ACTION) {
-  TABLE_ACTION["DELETED"] = "deleted";
-  TABLE_ACTION["CLEARED"] = "cleared";
-  TABLE_ACTION["COLLAPSED"] = "collapsed";
-  TABLE_ACTION["MERGED"] = "merged";
-  TABLE_ACTION["SPLIT"] = "split";
-  TABLE_ACTION["COLORED"] = "colored";
-  TABLE_ACTION["TOGGLED_HEADER_COLUMN"] = "toggledHeaderColumn";
-  TABLE_ACTION["TOGGLED_HEADER_ROW"] = "toggledHeaderRow";
-  TABLE_ACTION["TOGGLED_NUMBER_COLUMN"] = "toggledNumberColumn";
-  TABLE_ACTION["CHANGED_BREAKOUT_MODE"] = "changedBreakoutMode";
-  TABLE_ACTION["CUT"] = "cut";
-  TABLE_ACTION["COPIED"] = "copied";
-  TABLE_ACTION["ADDED_ROW"] = "addedRow";
-  TABLE_ACTION["ADDED_COLUMN"] = "addedColumn";
-  TABLE_ACTION["DELETED_ROW"] = "deletedRow";
-  TABLE_ACTION["DELETED_COLUMN"] = "deletedColumn";
-  TABLE_ACTION["SORTED_COLUMN"] = "sortedColumn";
-  TABLE_ACTION["REPLACED"] = "replaced";
-  TABLE_ACTION["ATTEMPTED_TABLE_WIDTH_CHANGE"] = "attemptedTableWidthChange";
-  TABLE_ACTION["DISTRIBUTED_COLUMNS_WIDTHS"] = "distributedColumnsWidths";
-})(TABLE_ACTION || (exports.TABLE_ACTION = TABLE_ACTION = {}));
-
-var TABLE_BREAKOUT; //#endregion
-//#region Type Helpers
-
-exports.TABLE_BREAKOUT = TABLE_BREAKOUT;
-
-(function (TABLE_BREAKOUT) {
-  TABLE_BREAKOUT["WIDE"] = "wide";
-  TABLE_BREAKOUT["FULL_WIDTH"] = "fullWidth";
-  TABLE_BREAKOUT["NORMAL"] = "normal";
-})(TABLE_BREAKOUT || (exports.TABLE_BREAKOUT = TABLE_BREAKOUT = {}));

package/dist/cjs/plugins/analytics/types/utils.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SELECTION_TYPE = exports.SELECTION_POSITION = void 0;
-var SELECTION_TYPE;
-exports.SELECTION_TYPE = SELECTION_TYPE;
-
-(function (SELECTION_TYPE) {
-  SELECTION_TYPE["CURSOR"] = "cursor";
-  SELECTION_TYPE["RANGED"] = "ranged";
-  SELECTION_TYPE["GAP_CURSOR"] = "gapCursor";
-  SELECTION_TYPE["NODE"] = "node";
-  SELECTION_TYPE["CELL"] = "cell";
-})(SELECTION_TYPE || (exports.SELECTION_TYPE = SELECTION_TYPE = {}));
-
-var SELECTION_POSITION;
-exports.SELECTION_POSITION = SELECTION_POSITION;
-
-(function (SELECTION_POSITION) {
-  SELECTION_POSITION["START"] = "start";
-  SELECTION_POSITION["MIDDLE"] = "middle";
-  SELECTION_POSITION["END"] = "end";
-  SELECTION_POSITION["LEFT"] = "left";
-  SELECTION_POSITION["RIGHT"] = "right";
-})(SELECTION_POSITION || (exports.SELECTION_POSITION = SELECTION_POSITION = {}));

package/dist/cjs/ui/ColorPalette/Color/styles.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buttonWrapperStyle = exports.buttonStyle = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = require("@emotion/react");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _templateObject, _templateObject2;
-
-var buttonStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 26px;\n  width: 26px;\n  background: ", ";\n  padding: 0;\n  border-radius: 4px;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: block;\n"])), _colors.N900, _colors.N0);
-exports.buttonStyle = buttonStyle;
-var buttonWrapperStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid transparent;\n  margin: 1px;\n  font-size: 0;\n  display: flex;\n  align-items: center;\n  padding: 1px;\n  border-radius: 6px;\n  &:hover {\n    border-color: ", ";\n  }\n"])), _colors.N50);
-exports.buttonWrapperStyle = buttonWrapperStyle;

package/dist/cjs/ui/ColorPalette/Palettes/getColorMessage.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getColorMessage;
-
-function getColorMessage(messages, color) {
-  var message = messages[color];
-
-  if (!message) {
-    // eslint-disable-next-line no-console
-    console.warn("Text color palette does not have an internationalization message for color ".concat(color.toUpperCase(), ".\nYou must add a message description to properly translate this color.\nUsing current label as default message.\nThis could have happen when someone changed the 'colorPalette' from 'adf-schema' without updating this file.\n"));
-  }
-
-  return message;
-}

package/dist/cjs/ui/ColorPalette/styles.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.colorPaletteWrapper = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = require("@emotion/react");
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _templateObject;
-
-var colorPaletteWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", "px;\n  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n  display: flex;\n"])), (0, _constants.gridSize)());
-exports.colorPaletteWrapper = colorPaletteWrapper;

package/dist/cjs/ui/DropList/index.js

@@ -1,215 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = require("react");
-
-var _react2 = require("@emotion/react");
-
-var _analyticsNext = require("@atlaskit/analytics-next");
-
-var _Layer = _interopRequireDefault(require("../Layer"));
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _components = require("@atlaskit/theme/components");
-
-var _tokens = require("@atlaskit/tokens");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var packageName = "@atlaskit/editor-core";
-var packageVersion = "172.1.2";
-var halfFocusRing = 1;
-var dropOffset = "0, ".concat((0, _constants.gridSize)(), "px");
-
-var DropList = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(DropList, _Component);
-
-  var _super = _createSuper(DropList);
-
-  function DropList() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, DropList);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "wrapperStyles", (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n    transition-duration: 0.2s;\n    transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);\n  "])), _this.props.shouldFitContainer ? 'display: block; flex: 1 1 auto;' : 'display: inline-flex;'));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "triggerStyles", (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    transition-duration: 0.2s;\n    transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);\n    ", "\n  "])), _this.props.shouldFitContainer ? 'display: block; box-sizing: border-box;' : 'display: inline-flex;'));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "menuWrapper", function (theme) {
-      return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      background-color: ", ";\n      border-radius: ", "px;\n      box-shadow: 0 ", "px ", "px -", "px ", ",\n        0 0 1px ", ";\n      box-sizing: border-box;\n      overflow: auto;\n      padding: ", "px 0;\n      max-height: 90vh;\n    "])), (0, _components.themed)({
-        light: (0, _tokens.token)('color.text', _colors.N900),
-        dark: (0, _tokens.token)('color.text', _colors.DN600)
-      })(theme), (0, _components.themed)({
-        light: (0, _tokens.token)('elevation.surface.overlay', _colors.N0),
-        dark: (0, _tokens.token)('elevation.surface.overlay', _colors.DN50)
-      })(theme), (0, _constants.borderRadius)(), (0, _constants.gridSize)() / 2, (0, _constants.gridSize)(), (0, _constants.gridSize)() / 4, _colors.N50A, _colors.N60A, (0, _constants.gridSize)() / 2);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentDidMount", function () {
-      _this.setContentWidth(); // We use a captured event here to avoid a radio or checkbox dropdown item firing its
-      // click event first, which would cause a re-render of the element and prevent DropList
-      // from detecting the actual source of this original click event.
-
-
-      document.addEventListener('click', _this.handleClickOutside, true);
-      document.addEventListener('keydown', _this.handleEsc);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentDidUpdate", function () {
-      if (_this.props.isOpen) {
-        _this.setContentWidth();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentWillUnmount", function () {
-      document.removeEventListener('click', _this.handleClickOutside, true);
-      document.removeEventListener('keydown', _this.handleEsc);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setContentWidth", function () {
-      var _assertThisInitialize = (0, _assertThisInitialized2.default)(_this),
-          dropContentRef = _assertThisInitialize.dropContentRef,
-          triggerRef = _assertThisInitialize.triggerRef;
-
-      var shouldFitContainer = _this.props.shouldFitContainer; // We need to manually set the content width to match the trigger width
-
-      if (shouldFitContainer && dropContentRef && triggerRef) {
-        dropContentRef.style.width = "".concat(triggerRef.offsetWidth - halfFocusRing * 2, "px");
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEsc", function (event) {
-      if ((event.key === 'Escape' || event.key === 'Esc') && _this.props.isOpen) {
-        _this.close(event);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickOutside", function (event) {
-      if (_this.props.isOpen) {
-        if (event.target instanceof Node) {
-          // Rather than check for the target within the entire DropList, we specify the trigger/content.
-          // This aids with future effort in scroll-locking DropList when isMenuFixed is enabled; the scroll
-          // blanket which stretches to the viewport should not stop 'close' from being triggered.
-          var withinTrigger = _this.triggerRef && _this.triggerRef.contains(event.target);
-
-          var withinContent = _this.dropContentRef && _this.dropContentRef.contains(event.target);
-
-          if (!withinTrigger && !withinContent) {
-            _this.close(event);
-          }
-        }
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "close", function (event) {
-      if (_this.props.onOpenChange) {
-        _this.props.onOpenChange({
-          isOpen: false,
-          event: event
-        });
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleContentRef", function (ref) {
-      _this.dropContentRef = ref; // If the dropdown has just been opened, we focus on the containing element so the
-      // user can tab to the first dropdown item. We will only receive this ref if isOpen
-      // is true or null, so no need to check for truthiness here.
-
-      if (ref) {
-        ref.focus();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTriggerRef", function (ref) {
-      _this.triggerRef = ref;
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(DropList, [{
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        shouldAllowMultilineItems: false
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          children = _this$props.children,
-          isOpen = _this$props.isOpen,
-          position = _this$props.position,
-          trigger = _this$props.trigger,
-          onPositioned = _this$props.onPositioned,
-          testId = _this$props.testId;
-      var layerContent = isOpen ? (0, _react2.jsx)("div", {
-        css: function css(theme) {
-          return _this2.menuWrapper({
-            theme: theme
-          });
-        },
-        "data-role": "droplistContent",
-        "data-testid": testId && "".concat(testId, "--content"),
-        ref: this.handleContentRef
-      }, children) : null;
-      return (0, _react2.jsx)("div", {
-        css: this.wrapperStyles
-      }, (0, _react2.jsx)(_Layer.default, {
-        content: layerContent,
-        offset: dropOffset,
-        position: position,
-        onPositioned: onPositioned
-      }, (0, _react2.jsx)("div", {
-        css: this.triggerStyles,
-        ref: this.handleTriggerRef
-      }, trigger)));
-    }
-  }]);
-  return DropList;
-}(_react.Component);
-
-var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-
-var _default = (0, _analyticsNext.withAnalyticsContext)({
-  componentName: 'droplist',
-  packageName: packageName,
-  packageVersion: packageVersion
-})((0, _analyticsNext.withAnalyticsEvents)({
-  onOpenChange: createAndFireEventOnAtlaskit({
-    action: 'toggled',
-    actionSubject: 'droplist',
-    attributes: {
-      componentName: 'droplist',
-      packageName: packageName,
-      packageVersion: packageVersion
-    }
-  })
-})(DropList));
-
-exports.default = _default;