@atlaskit/editor-common 72.6.0 → 72.7.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/editor-common
 
+## 72.7.0
+
+### Minor Changes
+
+- [`2192c9417d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2192c9417d7) - [ESS-3335] Review Collab Provider API error handling & types
+- [`bf04c417bfd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bf04c417bfd) - Add "border" mark to stage0 ADF schema
+- [`27b106a736b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/27b106a736b) - ESS-3274 Refactor participant logic our of Provider class
+- [`af9a85063e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af9a85063e5) - add image border toolbar
+- [`0419ca96512`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0419ca96512) - [ED-17209] `Renamed externalPlugins` API to `dependencies`
+- [`bad1fae839b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bad1fae839b) - Adds `useSharedPluginState` hook which can be used to replace instances of `WithPluginState`. It will take the dependency injection API (provided by a `NextEditorPlugin` and return the shared state for the specified plugins rather than using plugin keys in `WithPluginState`.
+- [`c138d6d000f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c138d6d000f) - CCECO-283 Extended Extension API update function with ability to update the content of the node
+
+### Patch Changes
+
+- [`4f75910f899`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f75910f899) - [ux] Add code wrapping button to code block TSLA-266
+- [`1b4642c6b8c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b4642c6b8c) - [ED-17287] Update feature flag usage for base plugin
+- [`ef830fdabfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ef830fdabfa) - [ED-17294] Enable type checking for Preset plugins on unit tests
+- [`04edc92c8f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04edc92c8f0) - ED-16974: Set focus to Editor after Confirmation dialog is closed.
+- [`7946da1848a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7946da1848a) - [ux] [ED-16668] Update table shadow intersection table to observe new shadow sentinels instead of first and last cell
+- [`a9d6c74f7cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a9d6c74f7cd) - Update optional feature flag type
+- [`7d13224adfc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d13224adfc) - [ED-16731] Initial migration for Feature Flags plugin
+- [`31717a1fe63`](https://bitbucket.org/atlassian/atlassian-frontend/commits/31717a1fe63) - Fix the bug when clicking on media inline files in Hybrid Renderer, viewer is not opening.
+- Updated dependencies
+
+## 72.6.1
+
+### Patch Changes
+
+- [`b737494c727`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b737494c727) - Update optional feature flag type
+
 ## 72.6.0
 
 ### Minor Changes

package/dist/cjs/analytics/types/enums.js

@@ -232,6 +232,7 @@ exports.ACTION_SUBJECT_ID = ACTION_SUBJECT_ID;
   ACTION_SUBJECT_ID["ANNOTATE_BUTTON"] = "annotateButton";
   ACTION_SUBJECT_ID["AVATAR_GROUP_PLUGIN"] = "AvatarGroupInPlugin";
   ACTION_SUBJECT_ID["BLOCK_QUOTE"] = "blockQuote";
+  ACTION_SUBJECT_ID["BORDER"] = "border";
   ACTION_SUBJECT_ID["BUTTON_CATEGORY"] = "categoryButton";
   ACTION_SUBJECT_ID["BUTTON_FEEDBACK"] = "feedbackButton";
   ACTION_SUBJECT_ID["BUTTON_HELP"] = "helpButton";
@@ -241,6 +242,8 @@ exports.ACTION_SUBJECT_ID = ACTION_SUBJECT_ID;
   ACTION_SUBJECT_ID["CARD_INLINE"] = "inlineCard";
   ACTION_SUBJECT_ID["CELL"] = "cell";
   ACTION_SUBJECT_ID["CODE_BLOCK"] = "codeBlock";
+  ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
+  ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
   ACTION_SUBJECT_ID["DATE"] = "date";
   ACTION_SUBJECT_ID["DATE_DAY"] = "day";
   ACTION_SUBJECT_ID["DATE_MONTH"] = "month";

package/dist/cjs/hooks/index.js

@@ -16,5 +16,12 @@ Object.defineProperty(exports, "usePreviousState", {
     return _usePreviousState.default;
   }
 });
+Object.defineProperty(exports, "useSharedPluginState", {
+  enumerable: true,
+  get: function get() {
+    return _useSharedPluginState.useSharedPluginState;
+  }
+});
 var _usePreviousState = _interopRequireDefault(require("./usePreviousState"));
-var _useConstructor = _interopRequireDefault(require("./useConstructor"));
+var _useConstructor = _interopRequireDefault(require("./useConstructor"));
+var _useSharedPluginState = require("./useSharedPluginState");

package/dist/cjs/hooks/useSharedPluginState.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSharedPluginState = useSharedPluginState;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+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; }
+/**
+ *
+ * Directly map object values
+ *
+ * @param object The object to transform
+ * @param mapFunction The function to map an old value to new one
+ * @returns Object with the same key but transformed values
+ *
+ */
+function mapValues(object, mapFunction) {
+  return Object.entries(object).reduce(function (acc, _ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, key, mapFunction(value)));
+  }, {});
+}
+
+/**
+ *
+ * Used to return the current plugin state of
+ * input dependencies
+ *
+ * Example in plugin:
+ *
+ * ```typescript
+ * function ExampleContent({ api }: Props) {
+ *   const { dogState, exampleState } = useSharedPluginState(
+ *     api,
+ *     ['dog', 'example']
+ *   )
+ *   return <p>{ dogState.title } { exampleState.description }</p>
+ * }
+ *
+ * const examplePlugin: NextEditorPlugin<'example', { dependencies: [typeof pluginDog] }> = (_, api) => {
+ *   return {
+ *     name: 'example',
+ *     contentComponent: () =>
+ *       <ExampleContent
+ *         api={api}
+ *         />
+ *   }
+ * }
+ * ```
+ *
+ * @param injectionApi Plugin injection API from `NextEditorPlugin`
+ * @param plugins Plugin names to get the shared plugin state for
+ * @returns A corresponding object, the keys are names of the plugin with `State` appended,
+ * the values are the shared state exposed by that plugin.
+ */
+function useSharedPluginState(injectionApi, plugins) {
+  // Create a memoized object containing the named plugins
+  var namedExternalPlugins = (0, _react.useMemo)(function () {
+    return plugins.reduce(function (acc, pluginName) {
+      return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, "".concat(pluginName, "State"), injectionApi === null || injectionApi === void 0 ? void 0 : injectionApi.dependencies[pluginName]));
+    }, {});
+  }, [injectionApi === null || injectionApi === void 0 ? void 0 : injectionApi.dependencies, plugins]);
+  return useSharedPluginStateInternal(namedExternalPlugins);
+}
+function useSharedPluginStateInternal(externalPlugins) {
+  var _useState = (0, _react.useState)(mapValues(externalPlugins, function (value) {
+      return value === null || value === void 0 ? void 0 : value.sharedState.currentState();
+    })),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var unsubscribeListeners = Object.entries(externalPlugins).map(function (_ref3) {
+      var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+        pluginKey = _ref4[0],
+        externalPlugin = _ref4[1];
+      return externalPlugin === null || externalPlugin === void 0 ? void 0 : externalPlugin.sharedState.onChange(function (_ref5) {
+        var nextSharedState = _ref5.nextSharedState,
+          prevSharedState = _ref5.prevSharedState;
+        if (prevSharedState === nextSharedState) {
+          return;
+        }
+        setState(function (state) {
+          return _objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, pluginKey, nextSharedState));
+        });
+      });
+    });
+    return function () {
+      unsubscribeListeners.forEach(function (cb) {
+        return cb === null || cb === void 0 ? void 0 : cb();
+      });
+    };
+  }, [externalPlugins]);
+  return state;
+}

package/dist/cjs/messages/{codeBlockCopyButton.js → codeBlockButton.js}

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.codeBlockCopyButtonMessages = void 0;
+exports.codeBlockButtonMessages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var codeBlockCopyButtonMessages = (0, _reactIntlNext.defineMessages)({
+var codeBlockButtonMessages = (0, _reactIntlNext.defineMessages)({
   copyCodeToClipboard: {
     id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
     defaultMessage: 'Copy as text',
@@ -15,6 +15,16 @@ var codeBlockCopyButtonMessages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.codeBlockCopyButton.copiedToClipboard',
     defaultMessage: 'Copied!',
     description: 'Copied the content of the code block as text to clipboard'
+  },
+  wrapCode: {
+    id: 'fabric.editor.codeBlockWrapButton.wrapCodeBlock',
+    defaultMessage: 'Turn on wrap',
+    description: 'Wrap the content of the code block'
+  },
+  unwrapCode: {
+    id: 'fabric.editor.codeBlockWrapButton.unwrapCodeBlock',
+    defaultMessage: 'Turn off wrap',
+    description: 'Wrap the content of the code block'
   }
 });
-exports.codeBlockCopyButtonMessages = codeBlockCopyButtonMessages;
+exports.codeBlockButtonMessages = codeBlockButtonMessages;

package/dist/cjs/messages/index.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "codeBidiWarningMessages", {
     return _codeBidiWarning.codeBidiWarningMessages;
   }
 });
-Object.defineProperty(exports, "codeBlockCopyButtonMessages", {
+Object.defineProperty(exports, "codeBlockButtonMessages", {
   enumerable: true,
   get: function get() {
-    return _codeBlockCopyButton.codeBlockCopyButtonMessages;
+    return _codeBlockButton.codeBlockButtonMessages;
   }
 });
 exports.default = void 0;
@@ -38,7 +38,7 @@ var _reactIntlNext = require("react-intl-next");
 var _codeBidiWarning = require("./codeBidiWarning");
 var _link = require("./link");
 var _unsupportedContent = require("./unsupportedContent");
-var _codeBlockCopyButton = require("./codeBlockCopyButton");
+var _codeBlockButton = require("./codeBlockButton");
 var _insertBlock = require("./insert-block");
 var _default = (0, _reactIntlNext.defineMessages)({
   layoutFixedWidth: {

package/dist/cjs/normalize-feature-flags.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getEnabledFeatureFlagKeys = getEnabledFeatureFlagKeys;
 exports.normalizeFeatureFlags = normalizeFeatureFlags;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -72,4 +73,15 @@ function normalizeFeatureFlags(rawFeatureFlags, options) {
     }
     return flags;
   }, {});
+}
+
+/**
+ * Transforms FeatureFlags to a type safe string array of the enabled feature flags.
+ *
+ * Useful for analytics and analysis purposes.
+ */
+function getEnabledFeatureFlagKeys(featureFlags) {
+  return Object.keys(featureFlags).filter(function (key) {
+    return featureFlags[key] === true;
+  });
 }

package/dist/cjs/preset/plugin-injection-api.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SharedStateAPI = exports.PluginsData = exports.EditorPluginInjectionAPI = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
@@ -20,56 +22,78 @@ function hasGetSharedState(plugin) {
 function hasActions(plugin) {
   return (0, _typeof2.default)(plugin.actions) === 'object';
 }
-var DREAM_TARGET_60_FPS = 16;
-/*
- *
- * After some investigations, we discovered this is the best ratio for our current Editor: 80ms. That means is five times bigger than the 60fps dream target.
- *
- * In the future, once we remove the entire WithPluginState, We may decide to reduce this value.
- *
- */
-var THROTTLE_CALLS_FOR_MILLISECONDS = DREAM_TARGET_60_FPS * 5;
-var notifyListenersThrottled = (0, _throttle.default)(function (_ref) {
-  var newEditorState = _ref.newEditorState,
-    oldEditorState = _ref.oldEditorState,
-    listeners = _ref.listeners,
+var filterPluginsWithListeners = function filterPluginsWithListeners(_ref) {
+  var listeners = _ref.listeners,
     plugins = _ref.plugins;
+  return Array.from(listeners.keys()).map(function (pluginName) {
+    return plugins.get(pluginName);
+  }).filter(function (plugin) {
+    return plugin !== undefined && hasGetSharedState(plugin);
+  });
+};
+var extractSharedStateFromPlugins = function extractSharedStateFromPlugins(_ref2) {
+  var oldEditorState = _ref2.oldEditorState,
+    newEditorState = _ref2.newEditorState,
+    plugins = _ref2.plugins;
   var isInitialization = !oldEditorState && newEditorState;
-  var callbacks = [];
-  var _iterator = _createForOfIteratorHelper(listeners.keys()),
+  var result = new Map();
+  var _iterator = _createForOfIteratorHelper(plugins),
     _step;
   try {
-    var _loop = function _loop() {
-      var pluginName = _step.value;
-      var plugin = plugins.get(pluginName);
-      if (!plugin || !hasGetSharedState(plugin)) {
-        return "continue";
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _plugin = _step.value;
+      if (!_plugin || !hasGetSharedState(_plugin)) {
+        continue;
       }
-      var nextSharedState = plugin.getSharedState(newEditorState);
-      var prevSharedState = !isInitialization && oldEditorState ? plugin.getSharedState(oldEditorState) : undefined;
+      var nextSharedState = _plugin.getSharedState(newEditorState);
+      var prevSharedState = !isInitialization && oldEditorState ? _plugin.getSharedState(oldEditorState) : undefined;
       var isSamePluginState = (0, _isEqual.default)(prevSharedState, nextSharedState);
       if (isInitialization || !isSamePluginState) {
-        (listeners.get(pluginName) || new Set()).forEach(function (callback) {
-          callbacks.push(callback.bind(callback, {
-            nextSharedState: nextSharedState,
-            prevSharedState: prevSharedState
-          }));
+        result.set(_plugin.name, {
+          nextSharedState: nextSharedState,
+          prevSharedState: prevSharedState
         });
       }
-    };
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _ret = _loop();
-      if (_ret === "continue") continue;
     }
   } catch (err) {
     _iterator.e(err);
   } finally {
     _iterator.f();
   }
+  return result;
+};
+var THROTTLE_CALLS_FOR_MILLISECONDS = 0;
+var notifyListenersThrottled = (0, _throttle.default)(function (_ref3) {
+  var listeners = _ref3.listeners,
+    updatesToNotifyQueue = _ref3.updatesToNotifyQueue;
+  var callbacks = [];
+  var _iterator2 = _createForOfIteratorHelper(updatesToNotifyQueue.entries()),
+    _step2;
+  try {
+    var _loop = function _loop() {
+      var _step2$value = (0, _slicedToArray2.default)(_step2.value, 2),
+        pluginName = _step2$value[0],
+        diffs = _step2$value[1];
+      var pluginListeners = listeners.get(pluginName) || [];
+      pluginListeners.forEach(function (callback) {
+        diffs.forEach(function (diff) {
+          callbacks.push(callback.bind(callback, diff));
+        });
+      });
+    };
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      _loop();
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  updatesToNotifyQueue.clear();
   if (callbacks.length === 0) {
     return;
   }
-  callbacks.forEach(function (cb) {
+  callbacks.reverse().forEach(function (cb) {
     cb();
   });
 }, THROTTLE_CALLS_FOR_MILLISECONDS);
@@ -98,9 +122,10 @@ var ActionsAPI = /*#__PURE__*/function () {
   return ActionsAPI;
 }();
 var SharedStateAPI = /*#__PURE__*/function () {
-  function SharedStateAPI(_ref2) {
-    var getEditorState = _ref2.getEditorState;
+  function SharedStateAPI(_ref4) {
+    var getEditorState = _ref4.getEditorState;
     (0, _classCallCheck2.default)(this, SharedStateAPI);
+    (0, _defineProperty2.default)(this, "updatesToNotifyQueue", new Map());
     this.getEditorState = getEditorState;
     this.listeners = new Map();
   }
@@ -121,10 +146,10 @@ var SharedStateAPI = /*#__PURE__*/function () {
       var pluginName = plugin.name;
       return {
         currentState: function currentState() {
-          var state = _this.getEditorState();
-          if (!state || !hasGetSharedState(plugin)) {
+          if (!hasGetSharedState(plugin)) {
             return undefined;
           }
+          var state = _this.getEditorState();
           return plugin.getSharedState(state);
         },
         onChange: function onChange(sub) {
@@ -132,42 +157,74 @@ var SharedStateAPI = /*#__PURE__*/function () {
           pluginListeners.add(sub);
           _this.listeners.set(pluginName, pluginListeners);
           return function () {
-            (_this.listeners.get(pluginName) || new Set()).delete(sub);
+            return _this.cleanupSubscription(pluginName, sub);
           };
         }
       };
     }
+  }, {
+    key: "cleanupSubscription",
+    value: function cleanupSubscription(pluginName, sub) {
+      (this.listeners.get(pluginName) || new Set()).delete(sub);
+    }
   }, {
     key: "notifyListeners",
-    value: function notifyListeners(_ref3) {
-      var newEditorState = _ref3.newEditorState,
-        oldEditorState = _ref3.oldEditorState,
-        plugins = _ref3.plugins;
-      var listeners = this.listeners;
-      notifyListenersThrottled({
-        newEditorState: newEditorState,
+    value: function notifyListeners(_ref5) {
+      var newEditorState = _ref5.newEditorState,
+        oldEditorState = _ref5.oldEditorState,
+        plugins = _ref5.plugins;
+      var listeners = this.listeners,
+        updatesToNotifyQueue = this.updatesToNotifyQueue;
+      var pluginsFiltered = filterPluginsWithListeners({
+        plugins: plugins,
+        listeners: listeners
+      });
+      var sharedStateDiffs = extractSharedStateFromPlugins({
         oldEditorState: oldEditorState,
-        listeners: listeners,
-        plugins: plugins
+        newEditorState: newEditorState,
+        plugins: pluginsFiltered
+      });
+      if (sharedStateDiffs.size === 0) {
+        return;
+      }
+      var _iterator3 = _createForOfIteratorHelper(sharedStateDiffs),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _step3$value = (0, _slicedToArray2.default)(_step3.value, 2),
+            pluginName = _step3$value[0],
+            nextDiff = _step3$value[1];
+          var currentDiffQueue = updatesToNotifyQueue.get(pluginName) || [];
+          updatesToNotifyQueue.set(pluginName, [].concat((0, _toConsumableArray2.default)(currentDiffQueue), [nextDiff]));
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      notifyListenersThrottled({
+        updatesToNotifyQueue: updatesToNotifyQueue,
+        listeners: listeners
       });
     }
   }, {
     key: "destroy",
     value: function destroy() {
       this.listeners.clear();
+      this.updatesToNotifyQueue.clear();
     }
   }]);
   return SharedStateAPI;
 }();
 exports.SharedStateAPI = SharedStateAPI;
 var EditorPluginInjectionAPI = /*#__PURE__*/function () {
-  function EditorPluginInjectionAPI(_ref4) {
+  function EditorPluginInjectionAPI(_ref6) {
     var _this2 = this;
-    var getEditorState = _ref4.getEditorState;
+    var getEditorState = _ref6.getEditorState;
     (0, _classCallCheck2.default)(this, EditorPluginInjectionAPI);
-    (0, _defineProperty2.default)(this, "onEditorViewUpdated", function (_ref5) {
-      var newEditorState = _ref5.newEditorState,
-        oldEditorState = _ref5.oldEditorState;
+    (0, _defineProperty2.default)(this, "onEditorViewUpdated", function (_ref7) {
+      var newEditorState = _ref7.newEditorState,
+        oldEditorState = _ref7.oldEditorState;
       _this2.sharedStateAPI.notifyListeners({
         newEditorState: newEditorState,
         oldEditorState: oldEditorState,
@@ -196,8 +253,13 @@ var EditorPluginInjectionAPI = /*#__PURE__*/function () {
       var sharedStateAPI = this.sharedStateAPI,
         actionsAPI = this.actionsAPI,
         getPluginByName = this.getPluginByName;
-      var externalPlugins = new Proxy({}, {
+      var dependencies = new Proxy({}, {
         get: function get(target, prop, receiver) {
+          // If we pass this as a prop React hates us
+          // Let's just reflect the result and ignore these
+          if (prop === 'toJSON') {
+            return Reflect.get(target, prop);
+          }
           var plugin = getPluginByName(prop);
           if (!plugin) {
             // eslint-disable-next-line
@@ -214,7 +276,7 @@ var EditorPluginInjectionAPI = /*#__PURE__*/function () {
         }
       });
       return {
-        externalPlugins: externalPlugins
+        dependencies: dependencies
       };
     }
   }]);

package/dist/cjs/styles/shared/table.js

@@ -43,6 +43,8 @@ var TableSharedCssClassName = {
   TABLE_STICKY_WRAPPER: "".concat(_adfSchema.tablePrefixSelector, "-sticky-wrapper"),
   TABLE_STICKY_SENTINEL_TOP: "".concat(_adfSchema.tablePrefixSelector, "-sticky-sentinel-top"),
   TABLE_STICKY_SENTINEL_BOTTOM: "".concat(_adfSchema.tablePrefixSelector, "-sticky-sentinel-bottom"),
+  TABLE_SHADOW_SENTINEL_LEFT: "".concat(_adfSchema.tablePrefixSelector, "-shadow-sentinel-left"),
+  TABLE_SHADOW_SENTINEL_RIGHT: "".concat(_adfSchema.tablePrefixSelector, "-shadow-sentinel-right"),
   TABLE_CELL_NODEVIEW_CONTENT_DOM: _adfSchema.tableCellContentDomSelector,
   TABLE_CELL_WRAPPER: _adfSchema.tableCellSelector,
   TABLE_HEADER_CELL_WRAPPER: _adfSchema.tableHeaderSelector,

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

@@ -24,7 +24,7 @@ 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-common";
-var packageVersion = "72.6.0";
+var packageVersion = "72.7.0";
 var halfFocusRing = 1;
 var dropOffset = "0, ".concat((0, _constants.gridSize)(), "px");
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui-color/ColorPalette/Palettes/borderColorPalette.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _adfSchema = require("@atlaskit/adf-schema");
+var _common = require("./common");
+var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
+var _paletteMessages = _interopRequireDefault(require("./paletteMessages"));
+var borderColorPalette = [];
+_adfSchema.borderColorPalette.forEach(function (label, color) {
+  var key = label.toLowerCase().replace(' ', '-');
+  var message = (0, _getColorMessage.default)(_paletteMessages.default, key);
+  borderColorPalette.push({
+    value: color,
+    label: label,
+    border: _common.DEFAULT_BORDER_COLOR,
+    message: message
+  });
+});
+var _default = borderColorPalette;
+exports.default = _default;

package/dist/cjs/ui-color/ColorPalette/Palettes/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "backgroundPaletteTooltipMessages", {
     return _paletteMessagesTokenModeNames.backgroundPaletteTooltipMessages;
   }
 });
+Object.defineProperty(exports, "borderPaletteTooltipMessages", {
+  enumerable: true,
+  get: function get() {
+    return _paletteMessagesTokenModeNames.borderPaletteTooltipMessages;
+  }
+});
 Object.defineProperty(exports, "textPaletteTooltipMessages", {
   enumerable: true,
   get: function get() {

package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessagesTokenModeNames.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.textPaletteTooltipMessages = exports.lightTextPaletteTooltipMessages = exports.lightBackgroundPaletteTooltipMessages = exports.darkTextPaletteTooltipMessages = exports.darkBackgroundPaletteTooltipMessages = exports.backgroundPaletteTooltipMessages = void 0;
+exports.textPaletteTooltipMessages = exports.lightTextPaletteTooltipMessages = exports.lightBackgroundPaletteTooltipMessages = exports.darkTextPaletteTooltipMessages = exports.darkBackgroundPaletteTooltipMessages = exports.borderPaletteTooltipMessages = exports.backgroundPaletteTooltipMessages = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _reactIntlNext = require("react-intl-next");
 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; }
@@ -258,4 +258,27 @@ var backgroundPaletteTooltipMessages = {
   light: lightBackgroundPaletteTooltipMessages,
   dark: darkBackgroundPaletteTooltipMessages
 };
-exports.backgroundPaletteTooltipMessages = backgroundPaletteTooltipMessages;
+exports.backgroundPaletteTooltipMessages = backgroundPaletteTooltipMessages;
+var lightBorderPaletteTooltipMessages = (0, _reactIntlNext.defineMessages)({
+  '#091E4224': {
+    id: 'fabric.theme.subtle-gray',
+    defaultMessage: 'Subtle gray',
+    description: 'Name of a color'
+  },
+  '#758195': {
+    id: 'fabric.theme.gray',
+    defaultMessage: 'Gray',
+    description: 'Name of a color'
+  },
+  '#172B4D': {
+    id: 'fabric.theme.bold-gray',
+    defaultMessage: 'Bold gray',
+    description: 'Name of a color'
+  }
+});
+var darkBorderPaletteTooltipMessages = _objectSpread({}, lightBorderPaletteTooltipMessages);
+var borderPaletteTooltipMessages = {
+  light: lightBorderPaletteTooltipMessages,
+  dark: darkBorderPaletteTooltipMessages
+};
+exports.borderPaletteTooltipMessages = borderPaletteTooltipMessages;

package/dist/cjs/ui-color/index.js

@@ -34,6 +34,18 @@ Object.defineProperty(exports, "backgroundPaletteTooltipMessages", {
     return _Palettes.backgroundPaletteTooltipMessages;
   }
 });
+Object.defineProperty(exports, "borderColorPalette", {
+  enumerable: true,
+  get: function get() {
+    return _borderColorPalette.default;
+  }
+});
+Object.defineProperty(exports, "borderPaletteTooltipMessages", {
+  enumerable: true,
+  get: function get() {
+    return _Palettes.borderPaletteTooltipMessages;
+  }
+});
 Object.defineProperty(exports, "cellBackgroundColorPalette", {
   enumerable: true,
   get: function get() {
@@ -109,4 +121,5 @@ var _panelBackgroundPalette = require("./ColorPalette/Palettes/panelBackgroundPa
 var _statusColorPalette = require("./ColorPalette/Palettes/statusColorPalette");
 var _textColorPalette = require("./ColorPalette/Palettes/textColorPalette");
 var _Palettes = require("./ColorPalette/Palettes");
-var _common = require("./ColorPalette/Palettes/common");
+var _common = require("./ColorPalette/Palettes/common");
+var _borderColorPalette = _interopRequireDefault(require("./ColorPalette/Palettes/borderColorPalette"));

package/dist/cjs/utils/validator.js

@@ -862,6 +862,13 @@ var getValidMark = function getValidMark(mark) {
             attrs: attrs
           };
         }
+      case 'border':
+        {
+          return {
+            type: type,
+            attrs: attrs
+          };
+        }
     }
   }
   return null;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "72.6.0",
+	"version": "72.7.0",
 	"sideEffects": false
 }