@atlaskit/editor-core 153.1.1 → 154.0.0

package/dist/esm/ui/ColorPalette/Palettes/panelBackgroundPalette.js

@@ -1,78 +1,147 @@
 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; }
 
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { colors } from '@atlaskit/theme';
 import { DEFAULT_BORDER_COLOR } from './common';
+import { darkPanelColors } from '@atlaskit/editor-common/styles';
 export var panelBackgroundPalette = [{
-  label: 'Doctor',
+  label: 'White',
   value: colors.N0
 }, {
-  label: 'Pixie dust',
+  label: 'Light blue',
   value: colors.B50
 }, {
-  label: "Gram's sofa",
+  label: 'Light teal',
   value: colors.T50
 }, {
-  label: 'The smell',
+  label: 'Light green',
   value: colors.G50
 }, {
-  label: 'James blonde',
+  label: 'Light yellow',
   value: colors.Y50
 }, {
-  label: 'Rosie',
+  label: 'Light red',
   value: colors.R50
 }, {
-  label: 'Lavender secret',
+  label: 'Light purple',
   value: colors.P50
 }, {
-  label: "Gram's hair",
+  label: 'Light gray',
   value: colors.N20
 }, {
-  label: 'Schwag',
+  label: 'Blue',
   value: colors.B75
 }, {
-  label: 'Arctic chill',
+  label: 'Teal',
   value: colors.T75
 }, {
-  label: 'Mintie',
+  label: 'Green',
   value: colors.G75
 }, {
-  label: 'Dandelion whisper',
+  label: 'Yellow',
   value: colors.Y75
 }, {
-  label: 'Bondi sunburn',
+  label: 'Red',
   value: colors.R75
 }, {
-  label: 'Phantom mist',
+  label: 'Purple',
   value: colors.P75
 }, {
-  label: 'Sentinel',
+  label: 'Gray',
   value: colors.N60
 }, {
-  label: 'Arvo breeze',
+  label: 'Dark blue',
   value: colors.B100
 }, {
-  label: 'Hairy fairy',
+  label: 'Dark teal',
   value: colors.T100
 }, {
-  label: 'Green tea',
+  label: 'Dark green',
   value: colors.G200
 }, {
-  label: 'Pub mix',
+  label: 'Dark yellow',
   value: colors.Y200
 }, {
-  label: 'Alexandria',
+  label: 'Dark red',
   value: colors.R100
 }, {
-  label: 'Herky jerky',
+  label: 'Dark purple',
   value: colors.P100
 }].map(function (color) {
   return _objectSpread(_objectSpread({}, color), {}, {
     border: DEFAULT_BORDER_COLOR
   });
+});
+export var panelDarkModeBackgroundPalette = [{
+  label: 'Dark gray',
+  value: darkPanelColors.DarkGray
+}, {
+  label: 'Dark blue',
+  value: darkPanelColors.B1200S
+}, {
+  label: 'Dark teal',
+  value: darkPanelColors.T1200S
+}, {
+  label: 'Dark green',
+  value: darkPanelColors.G1200S
+}, {
+  label: 'Dark yellow',
+  value: darkPanelColors.Y1200S
+}, {
+  label: 'Dark red',
+  value: darkPanelColors.R1200S
+}, {
+  label: 'Dark purple',
+  value: darkPanelColors.P1200S
+}, {
+  label: 'Gray',
+  value: darkPanelColors.Gray
+}, {
+  label: 'blue',
+  value: darkPanelColors.B900
+}, {
+  label: 'teal',
+  value: darkPanelColors.T900
+}, {
+  label: 'green',
+  value: darkPanelColors.G900
+}, {
+  label: 'yellow',
+  value: darkPanelColors.Y900
+}, {
+  label: 'red',
+  value: darkPanelColors.R900
+}, {
+  label: 'purple',
+  value: darkPanelColors.P900
+}, {
+  label: 'Light gray',
+  value: darkPanelColors.LightGray
+}, {
+  label: 'Light blue',
+  value: darkPanelColors.B800S
+}, {
+  label: 'Light teal',
+  value: darkPanelColors.T900S
+}, {
+  label: 'Light green',
+  value: darkPanelColors.G900S
+}, {
+  label: 'Light yellow',
+  value: darkPanelColors.Y800S
+}, {
+  label: 'Light red',
+  value: darkPanelColors.R800S
+}, {
+  label: 'Light purple',
+  value: darkPanelColors.P800S
+}].map(function (color) {
+  return _objectSpread(_objectSpread({}, color), {}, {
+    border: DEFAULT_BORDER_COLOR
+  });
 });

package/dist/esm/ui/ColorPickerButton/index.js

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2;
 
 import React from 'react';
 import styled from 'styled-components';
-import { Popup, withOuterListeners } from '@atlaskit/editor-common';
+import { Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
 import Button from '@atlaskit/button';
 import Tooltip from '@atlaskit/tooltip';
 import { N60A } from '@atlaskit/theme/colors';

package/dist/esm/ui/ConfigPanel/Fields/Boolean.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["value"],
+    _excluded2 = ["id", "value"];
 
 var _templateObject, _templateObject2;
 
@@ -50,7 +52,7 @@ function Checkbox(_ref) {
         error = _ref2.error;
 
     var isChecked = fieldProps.value,
-        restFieldProps = _objectWithoutProperties(fieldProps, ["value"]);
+        restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
 
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(AKCheckbox, _extends({}, restFieldProps, {
       label: label,
@@ -88,7 +90,7 @@ function Toggle(_ref3) {
 
     var id = fieldProps.id,
         isChecked = fieldProps.value,
-        restFieldProps = _objectWithoutProperties(fieldProps, ["id", "value"]);
+        restFieldProps = _objectWithoutProperties(fieldProps, _excluded2);
 
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ToggleFieldWrapper, null, /*#__PURE__*/React.createElement(ToggleLabel, {
       id: id,

package/dist/esm/ui/ConfigPanel/Fields/CheckboxGroup.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["onChange", "value"];
 
 var _templateObject;
 
@@ -30,7 +31,7 @@ function CheckboxGroupInner(_ref) {
 
   var onChange = fieldProps.onChange,
       value = fieldProps.value,
-      restFieldProps = _objectWithoutProperties(fieldProps, ["onChange", "value"]);
+      restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
 
   function _onChange(optionValue, isChecked) {
     var active = new Set(value ? value : []);

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -3,9 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 var _templateObject, _templateObject2;
 
-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; }
 
 import React from 'react';
 import { Field } from '@atlaskit/form';

package/dist/esm/ui/ConfigPanel/Fields/DateRange.js

@@ -6,9 +6,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3;
 
-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; }
 
 import React, { Fragment, useState, useEffect, useMemo } from 'react';
 import { injectIntl } from 'react-intl-next';

package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js

@@ -11,9 +11,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2;
 
-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; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/dist/esm/ui/ConfigPanel/Fields/RadioGroup.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 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; }
 
 import React, { Fragment } from 'react';
 import { Field } from '@atlaskit/form';

package/dist/esm/ui/ConfigPanel/Fields/String.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onChange"];
 import React, { Fragment } from 'react';
 import { Field } from '@atlaskit/form';
 import TextArea from '@atlaskit/textarea';
@@ -31,7 +32,7 @@ export default function String(_ref) {
 
     if (field.style === 'multiline') {
       var _onChange = fieldProps.onChange,
-          restFieldProps = _objectWithoutProperties(fieldProps, ["onChange"]);
+          restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
 
       var options = field.options;
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextArea, _extends({}, restFieldProps, options, {

package/dist/esm/ui/ConfigPanel/Fields/UserSelect.js

@@ -3,6 +3,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["value"];
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -91,7 +92,7 @@ function SafeSmartUserPicker(_ref) {
       includeUsers = _context$includeUsers === void 0 ? true : _context$includeUsers;
 
   var safeValue = formFieldProps.value,
-      formFieldPropsRest = _objectWithoutProperties(formFieldProps, ["value"]);
+      formFieldPropsRest = _objectWithoutProperties(formFieldProps, _excluded);
 
   var isMultiple = field.isMultiple,
       placeholder = field.placeholder;

package/dist/esm/ui/ConfigPanel/FormContent.js

@@ -1,8 +1,8 @@
 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; }
 
 import React from 'react';
 import { isFieldset } from '@atlaskit/editor-common/extensions';

package/dist/esm/ui/ContextPanel/index.js

@@ -10,9 +10,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3;
 
-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; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/dist/esm/ui/Dropdown/index.js

@@ -14,7 +14,7 @@ import React from 'react';
 import { PureComponent } from 'react'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
 import DropdownList from '@atlaskit/droplist';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import withOuterListeners from '../with-outer-listeners';
 
 /**

package/dist/esm/ui/DropdownMenu/index.js

@@ -20,7 +20,7 @@ import DropList from '@atlaskit/droplist'; // eslint-disable-next-line @atlaskit
 
 import Item, { ItemGroup } from '@atlaskit/item';
 import Tooltip from '@atlaskit/tooltip';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import withOuterListeners from '../with-outer-listeners';
 var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* tooltip in ToolbarButton is display:block */\n  & > div > div {\n    display: flex;\n  }\n"])));
@@ -95,7 +95,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
       var _this$props = this.props,
           onItemActivated = _this$props.onItemActivated,
           _onMouseEnter = _this$props.onMouseEnter,
-          _onMouseLeave = _this$props.onMouseLeave; // onClick and value.name are the action indicators in the handlers
+          _onMouseLeave = _this$props.onMouseLeave,
+          shouldUseDefaultRole = _this$props.shouldUseDefaultRole; // onClick and value.name are the action indicators in the handlers
       // If neither are present, don't wrap in an Item.
 
       if (!item.onClick && !item.value && !item.value.name) {
@@ -108,7 +109,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         key: item.key || item.content,
         isSelected: item.isActive
       }, /*#__PURE__*/React.createElement(Item, {
-        role: "menuitem",
+        role: shouldUseDefaultRole ? 'button' : 'menuitem',
         elemBefore: item.elemBefore,
         elemAfter: item.elemAfter,
         isDisabled: item.isDisabled,
@@ -128,7 +129,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
           });
         },
         className: item.className,
-        "aria-label": String(item.content)
+        "aria-label": item.label || String(item.content),
+        "aria-pressed": shouldUseDefaultRole ? item.isActive : undefined
       }, /*#__PURE__*/React.createElement(ItemContentWrapper, {
         hasElemBefore: !!item.elemBefore
       }, item.content)));
@@ -160,7 +162,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
           fitHeight = _this$props2.fitHeight,
           fitWidth = _this$props2.fitWidth,
           isOpen = _this$props2.isOpen,
-          zIndex = _this$props2.zIndex;
+          zIndex = _this$props2.zIndex,
+          shouldUseDefaultRole = _this$props2.shouldUseDefaultRole;
       return /*#__PURE__*/React.createElement(Popup, {
         target: isOpen ? target : undefined,
         mountTo: mountTo,
@@ -188,7 +191,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
       }), items.map(function (group, index) {
         return /*#__PURE__*/React.createElement(ItemGroup, {
           key: index,
-          role: "menu"
+          role: shouldUseDefaultRole ? 'group' : 'menu'
         }, group.items.map(function (item) {
           return _this2.renderItem(item);
         }));

package/dist/esm/ui/ElementBrowser/components/CategoryList.js

@@ -6,9 +6,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 
 var _templateObject;
 
-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; }
+var _excluded = ["categories"],
+    _excluded2 = ["buttonStyles"];
 
-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 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; }
 
 import React, { memo, useCallback } from 'react';
 import styled from 'styled-components';
@@ -22,7 +25,7 @@ import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, ACTI
 function CategoryList(_ref) {
   var _ref$categories = _ref.categories,
       categories = _ref$categories === void 0 ? [] : _ref$categories,
-      props = _objectWithoutProperties(_ref, ["categories"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -78,7 +81,7 @@ function CategoryListItem(_ref2) {
   var getTheme = useCallback(function (currentTheme, themeProps) {
     var _currentTheme = currentTheme(themeProps),
         buttonStyles = _currentTheme.buttonStyles,
-        rest = _objectWithoutProperties(_currentTheme, ["buttonStyles"]);
+        rest = _objectWithoutProperties(_currentTheme, _excluded2);
 
     return _objectSpread({
       buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), {}, {

package/dist/esm/ui/ElementBrowser/components/ElementList/ElementList.js

@@ -5,9 +5,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
-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; }
+var _excluded = ["items", "mode", "selectedItemIndex", "focusedItemIndex", "setColumnCount", "createAnalyticsEvent", "emptyStateHandler", "selectedCategory", "searchTerm"];
 
-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 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; }
 
 import React, { memo, useCallback, useEffect, useMemo } from 'react';
 import memoizeOne from 'memoize-one';
@@ -42,7 +44,7 @@ function ElementList(_ref) {
       emptyStateHandler = _ref.emptyStateHandler,
       selectedCategory = _ref.selectedCategory,
       searchTerm = _ref.searchTerm,
-      props = _objectWithoutProperties(_ref, ["items", "mode", "selectedItemIndex", "focusedItemIndex", "setColumnCount", "createAnalyticsEvent", "emptyStateHandler", "selectedCategory", "searchTerm"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   var _useContainerWidth = useContainerWidth(),
       containerWidth = _useContainerWidth.containerWidth,
@@ -227,7 +229,7 @@ function ElementItem(_ref4) {
     innerRef: ref,
     onKeyPress: onKeyPress,
     "data-testid": "element-item-".concat(index),
-    tabIndex: -1,
+    tabIndex: 0,
     style: inlineMode ? null : itemStyleOverrides
   }, /*#__PURE__*/React.createElement(ItemContent, {
     title: title,

package/dist/esm/ui/ElementBrowser/hooks/use-select-and-focus-on-arrow-navigation.js

@@ -1,9 +1,9 @@
 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; }
 
 import { useCallback, useEffect, useRef, useReducer } from 'react';
 /**

package/dist/esm/ui/FloatingToolbar/index.js

@@ -10,7 +10,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import { PureComponent } from 'react';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { Container } from './styles';
 export { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode } from './utils';
 

package/dist/esm/ui/LinkSearch/LinkSearchList.js

@@ -42,15 +42,21 @@ var LinkSearchList = /*#__PURE__*/function (_PureComponent) {
           items = _this$props.items,
           selectedIndex = _this$props.selectedIndex,
           isLoading = _this$props.isLoading,
-          ariaControls = _this$props.ariaControls;
+          ariaControls = _this$props.ariaControls,
+          role = _this$props.role,
+          id = _this$props.id;
       var itemsContent;
       var loadingContent;
 
       if (items && items.length > 0) {
         itemsContent = /*#__PURE__*/React.createElement(List, {
+          id: id,
+          role: role,
           "aria-controls": ariaControls
         }, items.map(function (item, index) {
           return /*#__PURE__*/React.createElement(LinkSearchListItem, {
+            id: "link-search-list-item-".concat(index),
+            role: role && 'option',
             item: item,
             selected: selectedIndex === index,
             onMouseMove: onMouseMove,

package/dist/esm/ui/LinkSearch/LinkSearchListItem.js

@@ -20,12 +20,9 @@ import styled from 'styled-components'; // AFP-2532 TODO: Fix automatic suppress
 import { fontSizeSmall } from '@atlaskit/theme';
 import { N20, N300, N800 } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import formatDistance from 'date-fns/formatDistance';
-import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
-import format from 'date-fns/format';
 import { getCorrectAltByIconUrl } from './listItemAlts';
+import { transformTimeStamp } from './transformTimeStamp';
 import { injectIntl } from 'react-intl-next';
-import messages from '../../messages';
 export var Container = styled.li(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  margin-top: 0;\n"])), function (props) {
   return props.selected ? N20 : 'transparent';
 });
@@ -105,59 +102,30 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
 
       return null;
     }
-  }, {
-    key: "renderWithSpaces",
-    value: function renderWithSpaces(pageAction, dateString) {
-      var timeSince = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-      return /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0 \u2022", /*#__PURE__*/React.createElement("span", {
-        className: "link-search-timestamp",
-        "data-test-id": "link-search-timestamp"
-      }, "\xA0 ", pageAction, " ", dateString, " ", timeSince));
-    }
-  }, {
-    key: "renderAbsoluteOrRelativeDate",
-    value: function renderAbsoluteOrRelativeDate(timeStamp, pageAction) {
-      var intl = this.props.intl;
-      var pageActionText = '';
-
-      switch (pageAction) {
-        case 'updated':
-          pageActionText = intl.formatMessage(messages.timeUpdated);
-          break;
-
-        case 'viewed':
-          pageActionText = intl.formatMessage(messages.timeViewed);
-          break;
-      }
-
-      if (differenceInCalendarDays(timeStamp, Date.now()) < -7) {
-        return this.renderWithSpaces(pageActionText, format(timeStamp, 'MMMM dd, yyyy'));
-      }
-
-      return this.renderWithSpaces(pageActionText, formatDistance(timeStamp, Date.now()), intl.formatMessage(messages.timeAgo));
-    }
   }, {
     key: "renderTimeStamp",
     value: function renderTimeStamp() {
-      var _this$props$item = this.props.item,
-          lastUpdatedDate = _this$props$item.lastUpdatedDate,
-          lastViewedDate = _this$props$item.lastViewedDate;
-
-      if (lastViewedDate) {
-        return this.renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed');
-      }
-
-      if (lastUpdatedDate) {
-        return this.renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated');
-      }
+      var _this$props6 = this.props,
+          item = _this$props6.item,
+          intl = _this$props6.intl;
+      var date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
+      return date && /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0 \u2022", /*#__PURE__*/React.createElement("span", {
+        className: "link-search-timestamp",
+        "data-test-id": "link-search-timestamp"
+      }, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$props6 = this.props,
-          item = _this$props6.item,
-          selected = _this$props6.selected;
+      var _this$props7 = this.props,
+          item = _this$props7.item,
+          selected = _this$props7.selected,
+          id = _this$props7.id,
+          role = _this$props7.role;
       return /*#__PURE__*/React.createElement(Container, {
+        role: role,
+        id: id,
+        "aria-selected": selected,
         "data-testid": "link-search-list-item",
         selected: selected,
         onMouseMove: this.handleMouseMove,