@atlaskit/editor-common 74.4.0 → 74.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-common
 
+## 74.5.0
+
+### Minor Changes
+
+- [`7cd4abcdc0d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7cd4abcdc0d) - Fix workaround in `editor-plugin-width`. This involved removing `WidthEmitter` in `editor-core`, removing `containerWidth` from `WidthPluginState`. This change also introduces `usePluginHook` for an `EditorPlugin` - this enables a react hook to be mounted for plugins (in all appearances).
+
 ## 74.4.0
 
 ### Minor Changes

package/dist/cjs/hooks/useSharedPluginState.js

@@ -28,6 +28,16 @@ function mapValues(object, mapFunction) {
   }, {});
 }
 
+// When we use the `useSharedPluginState` example: `useSharedPluginState(api, ['width'])`
+// it will re-render every time the component re-renders as the array "['width']" is seen as an update.
+// This hook is used to prevent re-renders due to this.
+function useStaticPlugins(plugins) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return (0, _react.useMemo)(function () {
+    return plugins;
+  }, []);
+}
+
 /**
  *
  * Used to return the current plugin state of
@@ -61,12 +71,14 @@ function mapValues(object, mapFunction) {
  * the values are the shared state exposed by that plugin.
  */
 function useSharedPluginState(injectionApi, plugins) {
+  var pluginNames = useStaticPlugins(plugins);
+
   // Create a memoized object containing the named plugins
   var namedExternalPlugins = (0, _react.useMemo)(function () {
-    return plugins.reduce(function (acc, pluginName) {
+    return pluginNames.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]);
+  }, [injectionApi === null || injectionApi === void 0 ? void 0 : injectionApi.dependencies, pluginNames]);
   return useSharedPluginStateInternal(namedExternalPlugins);
 }
 function useSharedPluginStateInternal(externalPlugins) {
@@ -74,10 +86,10 @@ function useSharedPluginStateInternal(externalPlugins) {
       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) {
+    pluginStates = _useState2[0],
+    setPluginState = _useState2[1];
+  (0, _react.useLayoutEffect)(function () {
+    var unsubs = Object.entries(externalPlugins).map(function (_ref3) {
       var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
         pluginKey = _ref4[0],
         externalPlugin = _ref4[1];
@@ -87,16 +99,19 @@ function useSharedPluginStateInternal(externalPlugins) {
         if (prevSharedState === nextSharedState) {
           return;
         }
-        setState(function (state) {
-          return _objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, pluginKey, nextSharedState));
+        setPluginState(function (currentPluginStates) {
+          return _objectSpread(_objectSpread({}, currentPluginStates), {}, (0, _defineProperty2.default)({}, pluginKey, nextSharedState));
         });
       });
     });
     return function () {
-      unsubscribeListeners.forEach(function (cb) {
+      unsubs.forEach(function (cb) {
         return cb === null || cb === void 0 ? void 0 : cb();
       });
     };
+    // Do not re-render due to state changes, we only need to check this when
+    // setting up the initial subscription.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [externalPlugins]);
-  return state;
+  return pluginStates;
 }

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.4.0";
+var packageVersion = "74.5.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.4.0";
+var packageVersion = "74.5.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/version.json

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

package/dist/es2019/hooks/useSharedPluginState.js

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from 'react';
+import { useLayoutEffect, useMemo, useState } from 'react';
 /**
  *
  * Directly map object values
@@ -15,6 +15,14 @@ function mapValues(object, mapFunction) {
   }), {});
 }
 
+// When we use the `useSharedPluginState` example: `useSharedPluginState(api, ['width'])`
+// it will re-render every time the component re-renders as the array "['width']" is seen as an update.
+// This hook is used to prevent re-renders due to this.
+function useStaticPlugins(plugins) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return useMemo(() => plugins, []);
+}
+
 /**
  *
  * Used to return the current plugin state of
@@ -48,31 +56,38 @@ function mapValues(object, mapFunction) {
  * the values are the shared state exposed by that plugin.
  */
 export function useSharedPluginState(injectionApi, plugins) {
+  const pluginNames = useStaticPlugins(plugins);
+
   // Create a memoized object containing the named plugins
-  const namedExternalPlugins = useMemo(() => plugins.reduce((acc, pluginName) => ({
+  const namedExternalPlugins = useMemo(() => pluginNames.reduce((acc, pluginName) => ({
     ...acc,
     [`${pluginName}State`]: injectionApi === null || injectionApi === void 0 ? void 0 : injectionApi.dependencies[pluginName]
-  }), {}), [injectionApi === null || injectionApi === void 0 ? void 0 : injectionApi.dependencies, plugins]);
+  }), {}), [injectionApi === null || injectionApi === void 0 ? void 0 : injectionApi.dependencies, pluginNames]);
   return useSharedPluginStateInternal(namedExternalPlugins);
 }
 function useSharedPluginStateInternal(externalPlugins) {
-  const [state, setState] = useState(mapValues(externalPlugins, value => value === null || value === void 0 ? void 0 : value.sharedState.currentState()));
-  useEffect(() => {
-    const unsubscribeListeners = Object.entries(externalPlugins).map(([pluginKey, externalPlugin]) => externalPlugin === null || externalPlugin === void 0 ? void 0 : externalPlugin.sharedState.onChange(({
-      nextSharedState,
-      prevSharedState
-    }) => {
-      if (prevSharedState === nextSharedState) {
-        return;
-      }
-      setState(state => ({
-        ...state,
-        [pluginKey]: nextSharedState
-      }));
-    }));
+  const [pluginStates, setPluginState] = useState(mapValues(externalPlugins, value => value === null || value === void 0 ? void 0 : value.sharedState.currentState()));
+  useLayoutEffect(() => {
+    const unsubs = Object.entries(externalPlugins).map(([pluginKey, externalPlugin]) => {
+      return externalPlugin === null || externalPlugin === void 0 ? void 0 : externalPlugin.sharedState.onChange(({
+        nextSharedState,
+        prevSharedState
+      }) => {
+        if (prevSharedState === nextSharedState) {
+          return;
+        }
+        setPluginState(currentPluginStates => ({
+          ...currentPluginStates,
+          [pluginKey]: nextSharedState
+        }));
+      });
+    });
     return () => {
-      unsubscribeListeners.forEach(cb => cb === null || cb === void 0 ? void 0 : cb());
+      unsubs.forEach(cb => cb === null || cb === void 0 ? void 0 : cb());
     };
+    // Do not re-render due to state changes, we only need to check this when
+    // setting up the initial subscription.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [externalPlugins]);
-  return state;
+  return pluginStates;
 }

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "74.4.0";
+const packageVersion = "74.5.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "74.4.0";
+const packageVersion = "74.5.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/version.json

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

package/dist/esm/hooks/useSharedPluginState.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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 { useEffect, useMemo, useState } from 'react';
+import { useLayoutEffect, useMemo, useState } from 'react';
 /**
  *
  * Directly map object values
@@ -21,6 +21,16 @@ function mapValues(object, mapFunction) {
   }, {});
 }
 
+// When we use the `useSharedPluginState` example: `useSharedPluginState(api, ['width'])`
+// it will re-render every time the component re-renders as the array "['width']" is seen as an update.
+// This hook is used to prevent re-renders due to this.
+function useStaticPlugins(plugins) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return useMemo(function () {
+    return plugins;
+  }, []);
+}
+
 /**
  *
  * Used to return the current plugin state of
@@ -54,12 +64,14 @@ function mapValues(object, mapFunction) {
  * the values are the shared state exposed by that plugin.
  */
 export function useSharedPluginState(injectionApi, plugins) {
+  var pluginNames = useStaticPlugins(plugins);
+
   // Create a memoized object containing the named plugins
   var namedExternalPlugins = useMemo(function () {
-    return plugins.reduce(function (acc, pluginName) {
+    return pluginNames.reduce(function (acc, pluginName) {
       return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, "".concat(pluginName, "State"), injectionApi === null || injectionApi === void 0 ? void 0 : injectionApi.dependencies[pluginName]));
     }, {});
-  }, [injectionApi === null || injectionApi === void 0 ? void 0 : injectionApi.dependencies, plugins]);
+  }, [injectionApi === null || injectionApi === void 0 ? void 0 : injectionApi.dependencies, pluginNames]);
   return useSharedPluginStateInternal(namedExternalPlugins);
 }
 function useSharedPluginStateInternal(externalPlugins) {
@@ -67,10 +79,10 @@ function useSharedPluginStateInternal(externalPlugins) {
       return value === null || value === void 0 ? void 0 : value.sharedState.currentState();
     })),
     _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  useEffect(function () {
-    var unsubscribeListeners = Object.entries(externalPlugins).map(function (_ref3) {
+    pluginStates = _useState2[0],
+    setPluginState = _useState2[1];
+  useLayoutEffect(function () {
+    var unsubs = Object.entries(externalPlugins).map(function (_ref3) {
       var _ref4 = _slicedToArray(_ref3, 2),
         pluginKey = _ref4[0],
         externalPlugin = _ref4[1];
@@ -80,16 +92,19 @@ function useSharedPluginStateInternal(externalPlugins) {
         if (prevSharedState === nextSharedState) {
           return;
         }
-        setState(function (state) {
-          return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, pluginKey, nextSharedState));
+        setPluginState(function (currentPluginStates) {
+          return _objectSpread(_objectSpread({}, currentPluginStates), {}, _defineProperty({}, pluginKey, nextSharedState));
         });
       });
     });
     return function () {
-      unsubscribeListeners.forEach(function (cb) {
+      unsubs.forEach(function (cb) {
         return cb === null || cb === void 0 ? void 0 : cb();
       });
     };
+    // Do not re-render due to state changes, we only need to check this when
+    // setting up the initial subscription.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [externalPlugins]);
-  return state;
+  return pluginStates;
 }

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.4.0";
+var packageVersion = "74.5.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.4.0";
+var packageVersion = "74.5.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/version.json

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

package/dist/types/types/editor-container-width.d.ts

@@ -6,7 +6,6 @@ export type EditorContainerWidth = {
      * container element prop).
      */
     width: number;
-    containerWidth?: number;
     /**
      * Starts as undefined, and then updates to the
      * clientWidth of the dom element the EditorView

package/dist/types/types/editor-plugin.d.ts

@@ -6,7 +6,7 @@ import type { MarkConfig, NodeConfig } from './prosemirror-config';
 import type { QuickInsertHandler } from './quick-insert';
 import type { ToolbarUIComponentFactory } from './toolbar';
 import type { TypeAheadHandler } from './type-ahead';
-import type { UIComponentFactory } from './ui-components';
+import type { ReactHookFactory, UIComponentFactory } from './ui-components';
 export type PluginsOptions = {
     [pluginName: string]: any;
     /**
@@ -60,6 +60,15 @@ export interface EditorPlugin {
      * Although it’s common to specify a custom mount point (eg. date picker)
      */
     contentComponent?: UIComponentFactory;
+    /**
+     * Optional react hook that is mounted for all appearances
+     *
+     * This can be used to access React context, or other React specific code (ie. run `useEffect`)
+     * within a plugin that will run for all appearances without mounting any components.
+     *
+     * Example usages include analytics or width.
+     */
+    usePluginHook?: ReactHookFactory;
     /**
      * Optional UI-component that will be added to the toolbar at the top of the editor (doesn't exist in the compact-editor).
      *

package/dist/types/types/index.d.ts

@@ -23,7 +23,7 @@ export type { ContextPanelHandler } from './context-panel';
 export type { EditorAppearance } from './editor-appearance';
 export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory, } from './toolbar';
 export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './toolbar';
-export type { UiComponentFactoryParams, UIComponentFactory, } from './ui-components';
+export type { UiComponentFactoryParams, UIComponentFactory, ReactHookFactory, } from './ui-components';
 export type { EditorReactContext } from './editor-react-context';
 export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin, } from './plugin-factory';
 export type { NodeConfig, MarkConfig, NodeViewConfig, } from './prosemirror-config';

package/dist/types/types/ui-components.d.ts

@@ -20,3 +20,4 @@ export type UiComponentFactoryParams = {
     wrapperElement: HTMLElement | null;
 };
 export type UIComponentFactory = (params: UiComponentFactoryParams) => React.ReactElement<any> | null;
+export type ReactHookFactory = (params: Pick<UiComponentFactoryParams, 'editorView' | 'containerElement'>) => void;

package/dist/types-ts4.5/types/editor-container-width.d.ts

@@ -6,7 +6,6 @@ export type EditorContainerWidth = {
      * container element prop).
      */
     width: number;
-    containerWidth?: number;
     /**
      * Starts as undefined, and then updates to the
      * clientWidth of the dom element the EditorView

package/dist/types-ts4.5/types/editor-plugin.d.ts

@@ -6,7 +6,7 @@ import type { MarkConfig, NodeConfig } from './prosemirror-config';
 import type { QuickInsertHandler } from './quick-insert';
 import type { ToolbarUIComponentFactory } from './toolbar';
 import type { TypeAheadHandler } from './type-ahead';
-import type { UIComponentFactory } from './ui-components';
+import type { ReactHookFactory, UIComponentFactory } from './ui-components';
 export type PluginsOptions = {
     [pluginName: string]: any;
     /**
@@ -60,6 +60,15 @@ export interface EditorPlugin {
      * Although it’s common to specify a custom mount point (eg. date picker)
      */
     contentComponent?: UIComponentFactory;
+    /**
+     * Optional react hook that is mounted for all appearances
+     *
+     * This can be used to access React context, or other React specific code (ie. run `useEffect`)
+     * within a plugin that will run for all appearances without mounting any components.
+     *
+     * Example usages include analytics or width.
+     */
+    usePluginHook?: ReactHookFactory;
     /**
      * Optional UI-component that will be added to the toolbar at the top of the editor (doesn't exist in the compact-editor).
      *

package/dist/types-ts4.5/types/index.d.ts

@@ -23,7 +23,7 @@ export type { ContextPanelHandler } from './context-panel';
 export type { EditorAppearance } from './editor-appearance';
 export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory, } from './toolbar';
 export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './toolbar';
-export type { UiComponentFactoryParams, UIComponentFactory, } from './ui-components';
+export type { UiComponentFactoryParams, UIComponentFactory, ReactHookFactory, } from './ui-components';
 export type { EditorReactContext } from './editor-react-context';
 export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin, } from './plugin-factory';
 export type { NodeConfig, MarkConfig, NodeViewConfig, } from './prosemirror-config';

package/dist/types-ts4.5/types/ui-components.d.ts

@@ -20,3 +20,4 @@ export type UiComponentFactoryParams = {
     wrapperElement: HTMLElement | null;
 };
 export type UIComponentFactory = (params: UiComponentFactoryParams) => React.ReactElement<any> | null;
+export type ReactHookFactory = (params: Pick<UiComponentFactoryParams, 'editorView' | 'containerElement'>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.4.0",
+  "version": "74.5.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
   "atlassian": {
     "team": "Editor",
     "inPublicMirror": true,
-    "releaseModel": "scheduled"
+    "releaseModel": "continuous"
   },
   "af:exports": {
     "./event-dispatcher": "./src/event-dispatcher/index.ts",
@@ -79,7 +79,7 @@
     "@atlaskit/button": "^16.7.0",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/collab-provider": "^9.1.0",
+    "@atlaskit/collab-provider": "^9.2.0",
     "@atlaskit/editor-json-transformer": "^8.9.0",
     "@atlaskit/editor-palette": "1.4.2",
     "@atlaskit/editor-shared-styles": "^2.4.0",
@@ -143,7 +143,7 @@
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
     "@atlaskit/editor-plugin-grid": "^0.1.0",
     "@atlaskit/editor-plugin-table": "^1.5.0",
-    "@atlaskit/editor-plugin-width": "^0.0.1",
+    "@atlaskit/editor-plugin-width": "^0.1.0",
     "@atlaskit/editor-test-helpers": "^18.5.0",
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/util-data-test": "^17.8.0",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,9 @@
+## API Report File for "@atlaskit/editor-common"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+// (No @packageDocumentation comment for this package)
+
+```