@atlaskit/editor-plugin-block-controls 4.0.1 → 4.0.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 4.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.0.2
+
+### 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
+
 ## 4.0.1
 
 ### Patch Changes

package/dist/cjs/ui/block-menu.js

@@ -10,22 +10,28 @@ var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _blockMenuItems = require("./block-menu-items");
 var _consts = require("./consts");
 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 useBlockMenuPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var isMenuOpen = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockControls.isMenuOpen');
-  var menuTriggerBy = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockControls.menuTriggerBy');
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
+      var _states$blockControls, _states$blockControls2;
+      return {
+        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
+        menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
+      };
+    }),
+    isMenuOpen = _useSharedPluginState.isMenuOpen,
+    menuTriggerBy = _useSharedPluginState.menuTriggerBy;
   return {
     isMenuOpen: isMenuOpen,
     menuTriggerBy: menuTriggerBy
   };
 }, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['blockControls']),
-    blockControlsState = _useSharedPluginState.blockControlsState;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['blockControls']),
+    blockControlsState = _useSharedPluginState2.blockControlsState;
   return {
     isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen,
     menuTriggerBy: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.menuTriggerBy

package/dist/cjs/ui/drag-handle-menu.js

@@ -7,15 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.DragHandleMenu = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var useDragHandleMenuPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var isMenuOpen = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockControls.isMenuOpen');
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
+      var _states$blockControls;
+      return {
+        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen
+      };
+    }),
+    isMenuOpen = _useSharedPluginState.isMenuOpen;
   return {
     isMenuOpen: isMenuOpen
   };
 }, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['blockControls']),
-    blockControlsState = _useSharedPluginState.blockControlsState;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['blockControls']),
+    blockControlsState = _useSharedPluginState2.blockControlsState;
   return {
     isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen
   };

package/dist/cjs/ui/drag-handle.js

@@ -266,13 +266,19 @@ var getNodeMargins = function getNodeMargins(node) {
   return _consts2.nodeMargins[nodeTypeName] || _consts2.nodeMargins['default'];
 };
 var useDragHandlePluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var macroInteractionUpdates = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'featureFlags.macroInteractionUpdates');
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['featureFlags'], function (states) {
+      var _states$featureFlagsS;
+      return {
+        macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
+      };
+    }),
+    macroInteractionUpdates = _useSharedPluginState.macroInteractionUpdates;
   return {
     macroInteractionUpdates: macroInteractionUpdates
   };
 }, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['featureFlags']),
-    featureFlagsState = _useSharedPluginState.featureFlagsState;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['featureFlags']),
+    featureFlagsState = _useSharedPluginState2.featureFlagsState;
   return {
     macroInteractionUpdates: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.macroInteractionUpdates
   };

package/dist/cjs/ui/drop-target.js

@@ -11,7 +11,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _hooks = require("@atlaskit/editor-common/hooks");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _constants = require("@atlaskit/theme/constants");
@@ -181,13 +180,19 @@ var HoverZone = function HoverZone(_ref) {
   });
 };
 var useDropTargetPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var lineLength = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'width.lineLength');
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['width'], function (states) {
+      var _states$widthState;
+      return {
+        lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
+      };
+    }),
+    lineLength = _useSharedPluginState.lineLength;
   return {
     lineLength: lineLength
   };
 }, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['width']),
-    widthState = _useSharedPluginState.widthState;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['width']),
+    widthState = _useSharedPluginState2.widthState;
   return {
     lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
   };

package/dist/es2019/ui/block-menu.js

@@ -1,16 +1,23 @@
 import React, { useCallback } from 'react';
 import { injectIntl } from 'react-intl-next';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getBlockMenuItems, menuItemsCallback } from './block-menu-items';
 import { BLOCK_MENU_WIDTH } from './consts';
 const useBlockMenuPluginState = sharedPluginStateHookMigratorFactory(api => {
-  const isMenuOpen = useSharedPluginStateSelector(api, 'blockControls.isMenuOpen');
-  const menuTriggerBy = useSharedPluginStateSelector(api, 'blockControls.menuTriggerBy');
+  const {
+    isMenuOpen,
+    menuTriggerBy
+  } = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
+    var _states$blockControls, _states$blockControls2;
+    return {
+      isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
+      menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
+    };
+  });
   return {
     isMenuOpen,
     menuTriggerBy

package/dist/es2019/ui/drag-handle-menu.js

@@ -1,8 +1,14 @@
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 const useDragHandleMenuPluginState = sharedPluginStateHookMigratorFactory(api => {
-  const isMenuOpen = useSharedPluginStateSelector(api, 'blockControls.isMenuOpen');
+  const {
+    isMenuOpen
+  } = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
+    var _states$blockControls;
+    return {
+      isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen
+    };
+  });
   return {
     isMenuOpen
   };

package/dist/es2019/ui/drag-handle.js

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { browser } from '@atlaskit/editor-common/browser';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
 import { blockControlsMessages } from '@atlaskit/editor-common/messages';
 import { tableControlsSpacing } from '@atlaskit/editor-common/styles';
@@ -258,7 +258,14 @@ const getNodeMargins = node => {
   return nodeMargins[nodeTypeName] || nodeMargins['default'];
 };
 const useDragHandlePluginState = sharedPluginStateHookMigratorFactory(api => {
-  const macroInteractionUpdates = useSharedPluginStateSelector(api, 'featureFlags.macroInteractionUpdates');
+  const {
+    macroInteractionUpdates
+  } = useSharedPluginStateWithSelector(api, ['featureFlags'], states => {
+    var _states$featureFlagsS;
+    return {
+      macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
+    };
+  });
   return {
     macroInteractionUpdates
   };

package/dist/es2019/ui/drop-target.js

@@ -7,8 +7,7 @@ import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
 import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { layers } from '@atlaskit/theme/constants';
@@ -169,7 +168,14 @@ const HoverZone = ({
   });
 };
 const useDropTargetPluginState = sharedPluginStateHookMigratorFactory(api => {
-  const lineLength = useSharedPluginStateSelector(api, 'width.lineLength');
+  const {
+    lineLength
+  } = useSharedPluginStateWithSelector(api, ['width'], states => {
+    var _states$widthState;
+    return {
+      lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
+    };
+  });
   return {
     lineLength
   };

package/dist/esm/ui/block-menu.js

@@ -1,23 +1,29 @@
 import React, { useCallback } from 'react';
 import { injectIntl } from 'react-intl-next';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getBlockMenuItems, menuItemsCallback } from './block-menu-items';
 import { BLOCK_MENU_WIDTH } from './consts';
 var useBlockMenuPluginState = sharedPluginStateHookMigratorFactory(function (api) {
-  var isMenuOpen = useSharedPluginStateSelector(api, 'blockControls.isMenuOpen');
-  var menuTriggerBy = useSharedPluginStateSelector(api, 'blockControls.menuTriggerBy');
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
+      var _states$blockControls, _states$blockControls2;
+      return {
+        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
+        menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
+      };
+    }),
+    isMenuOpen = _useSharedPluginState.isMenuOpen,
+    menuTriggerBy = _useSharedPluginState.menuTriggerBy;
   return {
     isMenuOpen: isMenuOpen,
     menuTriggerBy: menuTriggerBy
   };
 }, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['blockControls']),
-    blockControlsState = _useSharedPluginState.blockControlsState;
+  var _useSharedPluginState2 = useSharedPluginState(api, ['blockControls']),
+    blockControlsState = _useSharedPluginState2.blockControlsState;
   return {
     isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen,
     menuTriggerBy: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.menuTriggerBy

package/dist/esm/ui/drag-handle-menu.js

@@ -1,14 +1,19 @@
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 var useDragHandleMenuPluginState = sharedPluginStateHookMigratorFactory(function (api) {
-  var isMenuOpen = useSharedPluginStateSelector(api, 'blockControls.isMenuOpen');
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
+      var _states$blockControls;
+      return {
+        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen
+      };
+    }),
+    isMenuOpen = _useSharedPluginState.isMenuOpen;
   return {
     isMenuOpen: isMenuOpen
   };
 }, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['blockControls']),
-    blockControlsState = _useSharedPluginState.blockControlsState;
+  var _useSharedPluginState2 = useSharedPluginState(api, ['blockControls']),
+    blockControlsState = _useSharedPluginState2.blockControlsState;
   return {
     isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen
   };

package/dist/esm/ui/drag-handle.js

@@ -15,7 +15,7 @@ import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { browser } from '@atlaskit/editor-common/browser';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
 import { blockControlsMessages } from '@atlaskit/editor-common/messages';
 import { tableControlsSpacing } from '@atlaskit/editor-common/styles';
@@ -263,13 +263,19 @@ var getNodeMargins = function getNodeMargins(node) {
   return nodeMargins[nodeTypeName] || nodeMargins['default'];
 };
 var useDragHandlePluginState = sharedPluginStateHookMigratorFactory(function (api) {
-  var macroInteractionUpdates = useSharedPluginStateSelector(api, 'featureFlags.macroInteractionUpdates');
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['featureFlags'], function (states) {
+      var _states$featureFlagsS;
+      return {
+        macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
+      };
+    }),
+    macroInteractionUpdates = _useSharedPluginState.macroInteractionUpdates;
   return {
     macroInteractionUpdates: macroInteractionUpdates
   };
 }, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['featureFlags']),
-    featureFlagsState = _useSharedPluginState.featureFlagsState;
+  var _useSharedPluginState2 = useSharedPluginState(api, ['featureFlags']),
+    featureFlagsState = _useSharedPluginState2.featureFlagsState;
   return {
     macroInteractionUpdates: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.macroInteractionUpdates
   };

package/dist/esm/ui/drop-target.js

@@ -9,8 +9,7 @@ import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
 import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { layers } from '@atlaskit/theme/constants';
@@ -173,13 +172,19 @@ var HoverZone = function HoverZone(_ref) {
   });
 };
 var useDropTargetPluginState = sharedPluginStateHookMigratorFactory(function (api) {
-  var lineLength = useSharedPluginStateSelector(api, 'width.lineLength');
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['width'], function (states) {
+      var _states$widthState;
+      return {
+        lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
+      };
+    }),
+    lineLength = _useSharedPluginState.lineLength;
   return {
     lineLength: lineLength
   };
 }, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['width']),
-    widthState = _useSharedPluginState.widthState;
+  var _useSharedPluginState2 = useSharedPluginState(api, ['width']),
+    widthState = _useSharedPluginState2.widthState;
   return {
     lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
   };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "4.0.1",
+	"version": "4.0.3",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -53,8 +53,8 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^14.10.0",
-		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.0.0",
+		"@atlaskit/theme": "^19.0.0",
+		"@atlaskit/tmp-editor-statsig": "^9.1.0",
 		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@babel/runtime": "^7.0.0",