@atlaskit/editor-common 107.7.2 → 107.7.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-common
 
+## 107.7.3
+
+### Patch Changes
+
+- [#183109](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/183109)
+  [`3fd4ff5c71ef7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3fd4ff5c71ef7) -
+  Migrate to useSharedPluginStateWithSelector
+- Updated dependencies
+
 ## 107.7.2
 
 ### Patch Changes

package/dist/cjs/extensibility/Extension/Extension/index.js

@@ -14,7 +14,6 @@ var _react2 = require("@emotion/react");
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _hooks = require("../../../hooks");
-var _useSharedPluginStateSelector = require("../../../hooks/useSharedPluginStateSelector/useSharedPluginStateSelector");
 var _ui = require("../../../ui");
 var _utils = require("../../../utils");
 var _LegacyContentHeader = require("../LegacyContentHeader");
@@ -219,22 +218,29 @@ function ExtensionWithPluginState(props) {
   }))))));
 }
 var useExtensionSharedPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
-  var _widthState$width;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState.widthState;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['width'], function (states) {
+      var _states$widthState$wi, _states$widthState, _states$widthState2;
+      return {
+        width: (_states$widthState$wi = (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width) !== null && _states$widthState$wi !== void 0 ? _states$widthState$wi : 0,
+        lineLength: (_states$widthState2 = states.widthState) === null || _states$widthState2 === void 0 ? void 0 : _states$widthState2.lineLength
+      };
+    }),
+    lineLength = _useSharedPluginState.lineLength,
+    width = _useSharedPluginState.width;
   return {
     widthState: {
-      width: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : 0,
-      lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
+      width: width !== null && width !== void 0 ? width : 0,
+      lineLength: lineLength
     }
   };
 }, function (pluginInjectionApi) {
-  var width = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'width.width');
-  var lineLength = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'width.lineLength');
+  var _widthState$width;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
+    widthState = _useSharedPluginState2.widthState;
   return {
     widthState: {
-      width: width !== null && width !== void 0 ? width : 0,
-      lineLength: lineLength
+      width: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : 0,
+      lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
     }
   };
 });

package/dist/cjs/extensibility/Extension/InlineExtension/index.js

@@ -11,7 +11,6 @@ var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _hooks = require("../../../hooks");
-var _useSharedPluginStateSelector = require("../../../hooks/useSharedPluginStateSelector/useSharedPluginStateSelector");
 var _ui = require("../../../ui");
 var _Lozenge = _interopRequireDefault(require("../Lozenge"));
 var _styles = require("../styles");
@@ -25,18 +24,24 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var useInlineExtensionSharedPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState.widthState;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['width'], function (states) {
+      var _states$widthState;
+      return {
+        width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width
+      };
+    }),
+    width = _useSharedPluginState.width;
   return {
     widthState: {
-      width: widthState === null || widthState === void 0 ? void 0 : widthState.width
+      width: width
     }
   };
 }, function (pluginInjectionApi) {
-  var width = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'width.width');
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
+    widthState = _useSharedPluginState2.widthState;
   return {
     widthState: {
-      width: width
+      width: widthState === null || widthState === void 0 ? void 0 : widthState.width
     }
   };
 });

package/dist/cjs/extensibility/MultiBodiedExtension/index.js

@@ -16,7 +16,6 @@ var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _fileEditorFile = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--editor-file"));
 var _hooks = require("../../hooks");
-var _useSharedPluginStateSelector = require("../../hooks/useSharedPluginStateSelector/useSharedPluginStateSelector");
 var _MultiBodiedExtension = require("../../ui/MultiBodiedExtension");
 var _utils = require("../../utils");
 var _Lozenge = _interopRequireDefault(require("../Extension/Lozenge"));
@@ -241,20 +240,27 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
   }, extensionHandlerResult), childrenContainer))));
 };
 var useMultiBodyExtensionSharedPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState.widthState;
-  return {
-    widthState: widthState
-  };
-}, function (pluginInjectionApi) {
-  var width = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'width.width');
-  var lineLength = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'width.lineLength');
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['width'], function (states) {
+      var _states$widthState, _states$widthState2;
+      return {
+        width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width,
+        lineLength: (_states$widthState2 = states.widthState) === null || _states$widthState2 === void 0 ? void 0 : _states$widthState2.lineLength
+      };
+    }),
+    width = _useSharedPluginState.width,
+    lineLength = _useSharedPluginState.lineLength;
   return {
     widthState: width === undefined ? undefined : {
       width: width,
       lineLength: lineLength
     }
   };
+}, function (pluginInjectionApi) {
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
+    widthState = _useSharedPluginState2.widthState;
+  return {
+    widthState: widthState
+  };
 });
 var MultiBodiedExtension = function MultiBodiedExtension(props) {
   var pluginInjectionApi = props.pluginInjectionApi;

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "107.7.1";
+var packageVersion = "107.7.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.7.1";
+var packageVersion = "107.7.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/extensibility/Extension/Extension/index.js

@@ -10,8 +10,7 @@ import React, { Fragment } from 'react';
 import { jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '../../../hooks';
-import { useSharedPluginStateSelector } from '../../../hooks/useSharedPluginStateSelector/useSharedPluginStateSelector';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '../../../hooks';
 import { overflowShadow } from '../../../ui';
 import { calculateBreakoutStyles } from '../../../utils';
 import { LegacyContentHeader } from '../LegacyContentHeader';
@@ -211,23 +210,31 @@ function ExtensionWithPluginState(props) {
   }))))));
 }
 const useExtensionSharedPluginState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
-  var _widthState$width;
   const {
-    widthState
-  } = useSharedPluginState(pluginInjectionApi, ['width']);
+    lineLength,
+    width
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['width'], states => {
+    var _states$widthState$wi, _states$widthState, _states$widthState2;
+    return {
+      width: (_states$widthState$wi = (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width) !== null && _states$widthState$wi !== void 0 ? _states$widthState$wi : 0,
+      lineLength: (_states$widthState2 = states.widthState) === null || _states$widthState2 === void 0 ? void 0 : _states$widthState2.lineLength
+    };
+  });
   return {
     widthState: {
-      width: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : 0,
-      lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
+      width: width !== null && width !== void 0 ? width : 0,
+      lineLength
     }
   };
 }, pluginInjectionApi => {
-  const width = useSharedPluginStateSelector(pluginInjectionApi, 'width.width');
-  const lineLength = useSharedPluginStateSelector(pluginInjectionApi, 'width.lineLength');
+  var _widthState$width;
+  const {
+    widthState
+  } = useSharedPluginState(pluginInjectionApi, ['width']);
   return {
     widthState: {
-      width: width !== null && width !== void 0 ? width : 0,
-      lineLength
+      width: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : 0,
+      lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
     }
   };
 });

package/dist/es2019/extensibility/Extension/InlineExtension/index.js

@@ -8,26 +8,32 @@ import React, { Fragment } from 'react';
 import { jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '../../../hooks';
-import { useSharedPluginStateSelector } from '../../../hooks/useSharedPluginStateSelector/useSharedPluginStateSelector';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '../../../hooks';
 import { createWidthContext, WidthContext } from '../../../ui';
 import ExtensionLozenge from '../Lozenge';
 import { overlay } from '../styles';
 import { inlineWrapperStyles, wrapperStyle } from './styles';
 const useInlineExtensionSharedPluginState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
   const {
-    widthState
-  } = useSharedPluginState(pluginInjectionApi, ['width']);
+    width
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['width'], states => {
+    var _states$widthState;
+    return {
+      width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width
+    };
+  });
   return {
     widthState: {
-      width: widthState === null || widthState === void 0 ? void 0 : widthState.width
+      width
     }
   };
 }, pluginInjectionApi => {
-  const width = useSharedPluginStateSelector(pluginInjectionApi, 'width.width');
+  const {
+    widthState
+  } = useSharedPluginState(pluginInjectionApi, ['width']);
   return {
     widthState: {
-      width
+      width: widthState === null || widthState === void 0 ? void 0 : widthState.width
     }
   };
 });

package/dist/es2019/extensibility/MultiBodiedExtension/index.js

@@ -11,8 +11,7 @@ import React, { Fragment, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import EditorFileIcon from '@atlaskit/icon/core/migration/file--editor-file';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '../../hooks';
-import { useSharedPluginStateSelector } from '../../hooks/useSharedPluginStateSelector/useSharedPluginStateSelector';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '../../hooks';
 import { removeMarginsAndBorder, sharedMultiBodiedExtensionStyles } from '../../ui/MultiBodiedExtension';
 import { calculateBreakoutStyles, getExtensionLozengeData } from '../../utils';
 import ExtensionLozenge from '../Extension/Lozenge';
@@ -229,20 +228,28 @@ const MultiBodiedExtensionWithWidth = ({
 };
 const useMultiBodyExtensionSharedPluginState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
   const {
-    widthState
-  } = useSharedPluginState(pluginInjectionApi, ['width']);
-  return {
-    widthState
-  };
-}, pluginInjectionApi => {
-  const width = useSharedPluginStateSelector(pluginInjectionApi, 'width.width');
-  const lineLength = useSharedPluginStateSelector(pluginInjectionApi, 'width.lineLength');
+    width,
+    lineLength
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['width'], states => {
+    var _states$widthState, _states$widthState2;
+    return {
+      width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width,
+      lineLength: (_states$widthState2 = states.widthState) === null || _states$widthState2 === void 0 ? void 0 : _states$widthState2.lineLength
+    };
+  });
   return {
     widthState: width === undefined ? undefined : {
       width,
       lineLength
     }
   };
+}, pluginInjectionApi => {
+  const {
+    widthState
+  } = useSharedPluginState(pluginInjectionApi, ['width']);
+  return {
+    widthState
+  };
 });
 const MultiBodiedExtension = props => {
   const {

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "107.7.1";
+const packageVersion = "107.7.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.7.1";
+const packageVersion = "107.7.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/extensibility/Extension/Extension/index.js

@@ -15,8 +15,7 @@ import React, { Fragment } from 'react';
 import { jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '../../../hooks';
-import { useSharedPluginStateSelector } from '../../../hooks/useSharedPluginStateSelector/useSharedPluginStateSelector';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '../../../hooks';
 import { overflowShadow } from '../../../ui';
 import { calculateBreakoutStyles } from '../../../utils';
 import { LegacyContentHeader } from '../LegacyContentHeader';
@@ -212,22 +211,29 @@ function ExtensionWithPluginState(props) {
   }))))));
 }
 var useExtensionSharedPluginState = sharedPluginStateHookMigratorFactory(function (pluginInjectionApi) {
-  var _widthState$width;
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState.widthState;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(pluginInjectionApi, ['width'], function (states) {
+      var _states$widthState$wi, _states$widthState, _states$widthState2;
+      return {
+        width: (_states$widthState$wi = (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width) !== null && _states$widthState$wi !== void 0 ? _states$widthState$wi : 0,
+        lineLength: (_states$widthState2 = states.widthState) === null || _states$widthState2 === void 0 ? void 0 : _states$widthState2.lineLength
+      };
+    }),
+    lineLength = _useSharedPluginState.lineLength,
+    width = _useSharedPluginState.width;
   return {
     widthState: {
-      width: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : 0,
-      lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
+      width: width !== null && width !== void 0 ? width : 0,
+      lineLength: lineLength
     }
   };
 }, function (pluginInjectionApi) {
-  var width = useSharedPluginStateSelector(pluginInjectionApi, 'width.width');
-  var lineLength = useSharedPluginStateSelector(pluginInjectionApi, 'width.lineLength');
+  var _widthState$width;
+  var _useSharedPluginState2 = useSharedPluginState(pluginInjectionApi, ['width']),
+    widthState = _useSharedPluginState2.widthState;
   return {
     widthState: {
-      width: width !== null && width !== void 0 ? width : 0,
-      lineLength: lineLength
+      width: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : 0,
+      lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
     }
   };
 });

package/dist/esm/extensibility/Extension/InlineExtension/index.js

@@ -8,25 +8,30 @@ import React, { Fragment } from 'react';
 import { jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '../../../hooks';
-import { useSharedPluginStateSelector } from '../../../hooks/useSharedPluginStateSelector/useSharedPluginStateSelector';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '../../../hooks';
 import { createWidthContext, WidthContext } from '../../../ui';
 import ExtensionLozenge from '../Lozenge';
 import { overlay } from '../styles';
 import { inlineWrapperStyles, wrapperStyle } from './styles';
 var useInlineExtensionSharedPluginState = sharedPluginStateHookMigratorFactory(function (pluginInjectionApi) {
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState.widthState;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(pluginInjectionApi, ['width'], function (states) {
+      var _states$widthState;
+      return {
+        width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width
+      };
+    }),
+    width = _useSharedPluginState.width;
   return {
     widthState: {
-      width: widthState === null || widthState === void 0 ? void 0 : widthState.width
+      width: width
     }
   };
 }, function (pluginInjectionApi) {
-  var width = useSharedPluginStateSelector(pluginInjectionApi, 'width.width');
+  var _useSharedPluginState2 = useSharedPluginState(pluginInjectionApi, ['width']),
+    widthState = _useSharedPluginState2.widthState;
   return {
     widthState: {
-      width: width
+      width: widthState === null || widthState === void 0 ? void 0 : widthState.width
     }
   };
 });

package/dist/esm/extensibility/MultiBodiedExtension/index.js

@@ -16,8 +16,7 @@ import React, { Fragment, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import EditorFileIcon from '@atlaskit/icon/core/migration/file--editor-file';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '../../hooks';
-import { useSharedPluginStateSelector } from '../../hooks/useSharedPluginStateSelector/useSharedPluginStateSelector';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '../../hooks';
 import { removeMarginsAndBorder, sharedMultiBodiedExtensionStyles } from '../../ui/MultiBodiedExtension';
 import { calculateBreakoutStyles, getExtensionLozengeData } from '../../utils';
 import ExtensionLozenge from '../Extension/Lozenge';
@@ -234,20 +233,27 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
   }, extensionHandlerResult), childrenContainer))));
 };
 var useMultiBodyExtensionSharedPluginState = sharedPluginStateHookMigratorFactory(function (pluginInjectionApi) {
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState.widthState;
-  return {
-    widthState: widthState
-  };
-}, function (pluginInjectionApi) {
-  var width = useSharedPluginStateSelector(pluginInjectionApi, 'width.width');
-  var lineLength = useSharedPluginStateSelector(pluginInjectionApi, 'width.lineLength');
+  var _useSharedPluginState = useSharedPluginStateWithSelector(pluginInjectionApi, ['width'], function (states) {
+      var _states$widthState, _states$widthState2;
+      return {
+        width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width,
+        lineLength: (_states$widthState2 = states.widthState) === null || _states$widthState2 === void 0 ? void 0 : _states$widthState2.lineLength
+      };
+    }),
+    width = _useSharedPluginState.width,
+    lineLength = _useSharedPluginState.lineLength;
   return {
     widthState: width === undefined ? undefined : {
       width: width,
       lineLength: lineLength
     }
   };
+}, function (pluginInjectionApi) {
+  var _useSharedPluginState2 = useSharedPluginState(pluginInjectionApi, ['width']),
+    widthState = _useSharedPluginState2.widthState;
+  return {
+    widthState: widthState
+  };
 });
 var MultiBodiedExtension = function MultiBodiedExtension(props) {
   var pluginInjectionApi = props.pluginInjectionApi;

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "107.7.1";
+var packageVersion = "107.7.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.7.1";
+var packageVersion = "107.7.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.7.2",
+	"version": "107.7.3",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -143,9 +143,9 @@
 		"@atlaskit/icon": "^27.3.0",
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/link-datasource": "^4.12.0",
-		"@atlaskit/link-picker": "^3.5.0",
-		"@atlaskit/media-card": "^79.3.0",
+		"@atlaskit/link-datasource": "^4.13.0",
+		"@atlaskit/link-picker": "^3.6.0",
+		"@atlaskit/media-card": "^79.4.0",
 		"@atlaskit/media-client": "^35.0.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
@@ -163,14 +163,14 @@
 		"@atlaskit/profilecard": "^23.21.0",
 		"@atlaskit/react-ufo": "^3.14.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/smart-card": "^39.1.0",
+		"@atlaskit/smart-card": "^39.2.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.0.0",
+		"@atlaskit/tmp-editor-statsig": "^9.1.0",
 		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/width-detector": "^5.0.0",