@atlaskit/editor-common 112.17.0 → 112.17.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-common
 
+## 112.17.1
+
+### Patch Changes
+
+- [`2e8697decd076`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2e8697decd076) -
+  Migrate @atlaskit/onboarding to @atlaskit/spotlight, gate pulse removal behind
+  platform_editor_spotlight_migration experiment. Remove dead spotlight config code from floating
+  toolbar.
+- Updated dependencies
+
 ## 112.17.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -140,9 +140,6 @@
 		{
 			"path": "../../../platform/feature-flags-react/afm-cc/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/popper/afm-cc/tsconfig.json"
-		},
 		{
 			"path": "../../../design-system/primitives/afm-cc/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -140,9 +140,6 @@
 		{
 			"path": "../../../platform/feature-flags-react/afm-products/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/popper/afm-products/tsconfig.json"
-		},
 		{
 			"path": "../../../design-system/primitives/afm-products/tsconfig.json"
 		},

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,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 = "112.16.2";
+var packageVersion = "112.17.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -24,7 +24,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 = "112.16.2";
+var packageVersion = "112.17.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/FloatingToolbar/Button.js

@@ -6,11 +6,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
@@ -18,7 +16,6 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _Pulse = require("../Pulse/Pulse");
-var _ButtonSpotlightCard = require("./ButtonSpotlightCard");
 var _styles = require("./styles");
 var _excluded = ["buttonStyles"];
 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" != _typeof3(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); }
@@ -60,7 +57,6 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     ariaLabel = _ref.ariaLabel,
     isRadioButton = _ref.isRadioButton,
     pulse = _ref.pulse,
-    spotlightConfig = _ref.spotlightConfig,
     areAnyNewToolbarFlagsEnabled = _ref.areAnyNewToolbarFlagsEnabled;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
@@ -72,10 +68,6 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
    */
   var ariaChecked = isRadioButton ? Boolean(isButtonPressed) : undefined;
   var ariaPressed = isRadioButton ? undefined : isButtonPressed;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    spotlightReferenceElement = _useState2[0],
-    setSpotlightReferenceElement = _useState2[1];
   (0, _react.useEffect)(function () {
     onMount === null || onMount === void 0 || onMount();
     return function () {
@@ -83,12 +75,9 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onSpotlightTargetClick = spotlightConfig !== null && spotlightConfig !== void 0 && spotlightConfig.isSpotlightOpen ? spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.onTargetClick : undefined;
   var handleOnClick = (0, _react.useCallback)(function (event) {
-    // fire the spotlight onTargetClick callback if a spotlight is rendered and callback is provided
-    onSpotlightTargetClick === null || onSpotlightTargetClick === void 0 || onSpotlightTargetClick();
     onClick === null || onClick === void 0 || onClick(event);
-  }, [onClick, onSpotlightTargetClick]);
+  }, [onClick]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tooltip.default
   // Only fallback to title for tooltip if title is not shown
   , {
@@ -100,7 +89,7 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     onMouseEnter: (0, _expValEquals.expValEquals)('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? undefined : onMouseEnter,
     onMouseLeave: (0, _expValEquals.expValEquals)('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? undefined : onMouseLeave
   }, /*#__PURE__*/_react.default.createElement(_Pulse.Pulse, {
-    pulse: pulse || (spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.pulse)
+    pulse: !(0, _expValEquals.expValEquals)('platform_editor_spotlight_migration', 'isEnabled', true) && pulse
   }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
   , {
@@ -108,7 +97,6 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     ref: function ref(buttonElement) {
-      setSpotlightReferenceElement(buttonElement);
       if (forwardedRef && (0, _experiments.editorExperiment)('platform_synced_block', true)) {
         if (typeof forwardedRef === 'function') {
           forwardedRef(buttonElement);
@@ -160,11 +148,7 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
     ,
     tabIndex: tabIndex
-  }, children)))), (spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.isSpotlightOpen) && spotlightReferenceElement && /*#__PURE__*/_react.default.createElement(_ButtonSpotlightCard.ButtonSpotlightCard, (0, _extends2.default)({
-    referenceElement: spotlightReferenceElement
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, spotlightConfig.spotlightCardOptions)));
+  }, children)))));
 };
 
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "112.16.2";
+const packageVersion = "112.17.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "112.16.2";
+const packageVersion = "112.17.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/FloatingToolbar/Button.js

@@ -1,12 +1,10 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { forwardRef, useCallback, useEffect, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { Pulse } from '../Pulse/Pulse';
-import { ButtonSpotlightCard } from './ButtonSpotlightCard';
 import { getButtonStyles, iconOnlySpacing } from './styles';
 const customSizeAndPadding = {
   minWidth: "var(--ds-space-400, 32px)",
@@ -42,7 +40,6 @@ const FloatingToolbarButton = ({
   ariaLabel,
   isRadioButton,
   pulse,
-  spotlightConfig,
   areAnyNewToolbarFlagsEnabled
 }, forwardedRef) => {
   // Check if there's only an icon and add additional styles
@@ -55,18 +52,14 @@ const FloatingToolbarButton = ({
    */
   const ariaChecked = isRadioButton ? Boolean(isButtonPressed) : undefined;
   const ariaPressed = isRadioButton ? undefined : isButtonPressed;
-  const [spotlightReferenceElement, setSpotlightReferenceElement] = useState(null);
   useEffect(() => {
     onMount === null || onMount === void 0 ? void 0 : onMount();
     return () => onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onSpotlightTargetClick = spotlightConfig !== null && spotlightConfig !== void 0 && spotlightConfig.isSpotlightOpen ? spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.onTargetClick : undefined;
   const handleOnClick = useCallback(event => {
-    // fire the spotlight onTargetClick callback if a spotlight is rendered and callback is provided
-    onSpotlightTargetClick === null || onSpotlightTargetClick === void 0 ? void 0 : onSpotlightTargetClick();
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
-  }, [onClick, onSpotlightTargetClick]);
+  }, [onClick]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip
   // Only fallback to title for tooltip if title is not shown
   , {
@@ -78,7 +71,7 @@ const FloatingToolbarButton = ({
     onMouseEnter: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? undefined : onMouseEnter,
     onMouseLeave: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? undefined : onMouseLeave
   }, /*#__PURE__*/React.createElement(Pulse, {
-    pulse: pulse || (spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.pulse)
+    pulse: !expValEquals('platform_editor_spotlight_migration', 'isEnabled', true) && pulse
   }, /*#__PURE__*/React.createElement(Button
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
   , {
@@ -86,7 +79,6 @@ const FloatingToolbarButton = ({
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     ref: buttonElement => {
-      setSpotlightReferenceElement(buttonElement);
       if (forwardedRef && editorExperiment('platform_synced_block', true)) {
         if (typeof forwardedRef === 'function') {
           forwardedRef(buttonElement);
@@ -145,11 +137,7 @@ const FloatingToolbarButton = ({
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
     ,
     tabIndex: tabIndex
-  }, children)))), (spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.isSpotlightOpen) && spotlightReferenceElement && /*#__PURE__*/React.createElement(ButtonSpotlightCard, _extends({
-    referenceElement: spotlightReferenceElement
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, spotlightConfig.spotlightCardOptions)));
+  }, children)))));
 };
 
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "112.16.2";
+var packageVersion = "112.17.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "112.16.2";
+var packageVersion = "112.17.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

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

@@ -1,19 +1,16 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/typeof";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["buttonStyles"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { forwardRef, useCallback, useEffect, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { Pulse } from '../Pulse/Pulse';
-import { ButtonSpotlightCard } from './ButtonSpotlightCard';
 import { getButtonStyles, iconOnlySpacing } from './styles';
 var customSizeAndPadding = {
   minWidth: "var(--ds-space-400, 32px)",
@@ -51,7 +48,6 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     ariaLabel = _ref.ariaLabel,
     isRadioButton = _ref.isRadioButton,
     pulse = _ref.pulse,
-    spotlightConfig = _ref.spotlightConfig,
     areAnyNewToolbarFlagsEnabled = _ref.areAnyNewToolbarFlagsEnabled;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
@@ -63,10 +59,6 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
    */
   var ariaChecked = isRadioButton ? Boolean(isButtonPressed) : undefined;
   var ariaPressed = isRadioButton ? undefined : isButtonPressed;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    spotlightReferenceElement = _useState2[0],
-    setSpotlightReferenceElement = _useState2[1];
   useEffect(function () {
     onMount === null || onMount === void 0 || onMount();
     return function () {
@@ -74,12 +66,9 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onSpotlightTargetClick = spotlightConfig !== null && spotlightConfig !== void 0 && spotlightConfig.isSpotlightOpen ? spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.onTargetClick : undefined;
   var handleOnClick = useCallback(function (event) {
-    // fire the spotlight onTargetClick callback if a spotlight is rendered and callback is provided
-    onSpotlightTargetClick === null || onSpotlightTargetClick === void 0 || onSpotlightTargetClick();
     onClick === null || onClick === void 0 || onClick(event);
-  }, [onClick, onSpotlightTargetClick]);
+  }, [onClick]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip
   // Only fallback to title for tooltip if title is not shown
   , {
@@ -91,7 +80,7 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     onMouseEnter: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? undefined : onMouseEnter,
     onMouseLeave: expValEquals('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? undefined : onMouseLeave
   }, /*#__PURE__*/React.createElement(Pulse, {
-    pulse: pulse || (spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.pulse)
+    pulse: !expValEquals('platform_editor_spotlight_migration', 'isEnabled', true) && pulse
   }, /*#__PURE__*/React.createElement(Button
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
   , {
@@ -99,7 +88,6 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     ref: function ref(buttonElement) {
-      setSpotlightReferenceElement(buttonElement);
       if (forwardedRef && editorExperiment('platform_synced_block', true)) {
         if (typeof forwardedRef === 'function') {
           forwardedRef(buttonElement);
@@ -151,11 +139,7 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
     ,
     tabIndex: tabIndex
-  }, children)))), (spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.isSpotlightOpen) && spotlightReferenceElement && /*#__PURE__*/React.createElement(ButtonSpotlightCard, _extends({
-    referenceElement: spotlightReferenceElement
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, spotlightConfig.spotlightCardOptions)));
+  }, children)))));
 };
 
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/types/types/floating-toolbar.d.ts

@@ -4,8 +4,6 @@ import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EmojiId } from '@atlaskit/emoji/types';
-import type { SpotlightCard } from '@atlaskit/onboarding';
-import type { Placement } from '@atlaskit/popper';
 import type { TooltipProps } from '@atlaskit/tooltip';
 import type { DispatchAnalyticsEvent } from '../analytics/types/dispatch-analytics-event';
 import type { DropdownMenuItemProps } from '../floating-toolbar';
@@ -130,14 +128,6 @@ export type ConfirmationDialogProps = {
     options?: ConfirmDialogOptions;
     testId?: string;
 };
-export type FloatingToolbarButtonSpotlightConfig = {
-    isSpotlightOpen: boolean;
-    onTargetClick?: () => void;
-    pulse?: boolean;
-    spotlightCardOptions: React.ComponentProps<typeof SpotlightCard> & {
-        placement?: Placement;
-    };
-};
 export type FloatingToolbarCopyButton = {
     hidden?: boolean;
     items: Array<FloatingToolbarSeparator | MarkOptions | NodeOptions>;
@@ -175,7 +165,6 @@ export type FloatingToolbarButton<T extends Object> = {
     pulse?: boolean;
     selected?: boolean;
     showTitle?: boolean;
-    spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
     supportsViewMode?: boolean;
     tabIndex?: number | null | undefined;
     target?: string;

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

@@ -13,7 +13,7 @@ export type { FeatureFlags, FeatureFlagKey, GetEditorFeatureFlags } from './feat
 export type { Browsers, Range, DisableSpellcheckByBrowser } from './supported-browsers';
 export type { EditorContainerWidth, GetEditorContainerWidth } from './editor-container-width';
 export type { EmptyStateHandler, EmptyStateHandlerParams } from './empty-state-handler';
-export type { RenderOptionsPropsT, DropdownOptionT, DropdownOptions, ExtensionDropdownOptions, SelectOption, ButtonAppearance, Icon, RenderOptionsProps, AlignType, ConfirmDialogChildInfo, ConfirmDialogOptions, ConfirmationDialogProps, FloatingToolbarButton, FloatingToolbarCopyButton, FloatingToolbarInput, FloatingToolbarCustom, FloatingToolbarListPicker, FloatingToolbarColorPicker, FloatingToolbarEmojiPicker, FloatingToolbarDatePicker, FloatingToolbarSelect, FloatingToolbarSeparator, FloatingToolbarDropdown, FloatingToolbarFallbackItem, FloatingToolbarItem, FloatingToolbarConfig, FloatingToolbarHandler, FloatingToolbarButtonSpotlightConfig, typeOption, FloatingToolbarOverflowDropdown, FloatingToolbarOverflowDropdownOptions, OverflowDropdownHeading, OverflowDropdownOption, } from './floating-toolbar';
+export type { RenderOptionsPropsT, DropdownOptionT, DropdownOptions, ExtensionDropdownOptions, SelectOption, ButtonAppearance, Icon, RenderOptionsProps, AlignType, ConfirmDialogChildInfo, ConfirmDialogOptions, ConfirmationDialogProps, FloatingToolbarButton, FloatingToolbarCopyButton, FloatingToolbarInput, FloatingToolbarCustom, FloatingToolbarListPicker, FloatingToolbarColorPicker, FloatingToolbarEmojiPicker, FloatingToolbarDatePicker, FloatingToolbarSelect, FloatingToolbarSeparator, FloatingToolbarDropdown, FloatingToolbarFallbackItem, FloatingToolbarItem, FloatingToolbarConfig, FloatingToolbarHandler, typeOption, FloatingToolbarOverflowDropdown, FloatingToolbarOverflowDropdownOptions, OverflowDropdownHeading, OverflowDropdownOption, } from './floating-toolbar';
 export type { MarkOptions, NodeOptions } from './copy-button';
 export type { ContextPanelHandler } from './context-panel';
 export type { EditorAppearance, EditorContentMode } from './editor-appearance';

package/dist/types/ui/FloatingToolbar/Button.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { TooltipProps } from '@atlaskit/tooltip';
 import type { ButtonAppearance } from '../../types';
-import type { FloatingToolbarButtonSpotlightConfig } from '../../types/floating-toolbar';
 export interface Props {
     appearance?: ButtonAppearance;
     areaControls?: string;
@@ -28,7 +27,6 @@ export interface Props {
     /** If true, the component will have pulse onboarding effect around it. */
     pulse?: boolean;
     selected?: boolean;
-    spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
     tabIndex?: number | null | undefined;
     target?: string;
     testId?: string;

package/dist/types-ts4.5/types/floating-toolbar.d.ts

@@ -4,8 +4,6 @@ import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EmojiId } from '@atlaskit/emoji/types';
-import type { SpotlightCard } from '@atlaskit/onboarding';
-import type { Placement } from '@atlaskit/popper';
 import type { TooltipProps } from '@atlaskit/tooltip';
 import type { DispatchAnalyticsEvent } from '../analytics/types/dispatch-analytics-event';
 import type { DropdownMenuItemProps } from '../floating-toolbar';
@@ -130,14 +128,6 @@ export type ConfirmationDialogProps = {
     options?: ConfirmDialogOptions;
     testId?: string;
 };
-export type FloatingToolbarButtonSpotlightConfig = {
-    isSpotlightOpen: boolean;
-    onTargetClick?: () => void;
-    pulse?: boolean;
-    spotlightCardOptions: React.ComponentProps<typeof SpotlightCard> & {
-        placement?: Placement;
-    };
-};
 export type FloatingToolbarCopyButton = {
     hidden?: boolean;
     items: Array<FloatingToolbarSeparator | MarkOptions | NodeOptions>;
@@ -175,7 +165,6 @@ export type FloatingToolbarButton<T extends Object> = {
     pulse?: boolean;
     selected?: boolean;
     showTitle?: boolean;
-    spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
     supportsViewMode?: boolean;
     tabIndex?: number | null | undefined;
     target?: string;

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

@@ -13,7 +13,7 @@ export type { FeatureFlags, FeatureFlagKey, GetEditorFeatureFlags } from './feat
 export type { Browsers, Range, DisableSpellcheckByBrowser } from './supported-browsers';
 export type { EditorContainerWidth, GetEditorContainerWidth } from './editor-container-width';
 export type { EmptyStateHandler, EmptyStateHandlerParams } from './empty-state-handler';
-export type { RenderOptionsPropsT, DropdownOptionT, DropdownOptions, ExtensionDropdownOptions, SelectOption, ButtonAppearance, Icon, RenderOptionsProps, AlignType, ConfirmDialogChildInfo, ConfirmDialogOptions, ConfirmationDialogProps, FloatingToolbarButton, FloatingToolbarCopyButton, FloatingToolbarInput, FloatingToolbarCustom, FloatingToolbarListPicker, FloatingToolbarColorPicker, FloatingToolbarEmojiPicker, FloatingToolbarDatePicker, FloatingToolbarSelect, FloatingToolbarSeparator, FloatingToolbarDropdown, FloatingToolbarFallbackItem, FloatingToolbarItem, FloatingToolbarConfig, FloatingToolbarHandler, FloatingToolbarButtonSpotlightConfig, typeOption, FloatingToolbarOverflowDropdown, FloatingToolbarOverflowDropdownOptions, OverflowDropdownHeading, OverflowDropdownOption, } from './floating-toolbar';
+export type { RenderOptionsPropsT, DropdownOptionT, DropdownOptions, ExtensionDropdownOptions, SelectOption, ButtonAppearance, Icon, RenderOptionsProps, AlignType, ConfirmDialogChildInfo, ConfirmDialogOptions, ConfirmationDialogProps, FloatingToolbarButton, FloatingToolbarCopyButton, FloatingToolbarInput, FloatingToolbarCustom, FloatingToolbarListPicker, FloatingToolbarColorPicker, FloatingToolbarEmojiPicker, FloatingToolbarDatePicker, FloatingToolbarSelect, FloatingToolbarSeparator, FloatingToolbarDropdown, FloatingToolbarFallbackItem, FloatingToolbarItem, FloatingToolbarConfig, FloatingToolbarHandler, typeOption, FloatingToolbarOverflowDropdown, FloatingToolbarOverflowDropdownOptions, OverflowDropdownHeading, OverflowDropdownOption, } from './floating-toolbar';
 export type { MarkOptions, NodeOptions } from './copy-button';
 export type { ContextPanelHandler } from './context-panel';
 export type { EditorAppearance, EditorContentMode } from './editor-appearance';

package/dist/types-ts4.5/ui/FloatingToolbar/Button.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { TooltipProps } from '@atlaskit/tooltip';
 import type { ButtonAppearance } from '../../types';
-import type { FloatingToolbarButtonSpotlightConfig } from '../../types/floating-toolbar';
 export interface Props {
     appearance?: ButtonAppearance;
     areaControls?: string;
@@ -28,7 +27,6 @@ export interface Props {
     /** If true, the component will have pulse onboarding effect around it. */
     pulse?: boolean;
     selected?: boolean;
-    spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
     tabIndex?: number | null | undefined;
     target?: string;
     testId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "112.17.0",
+	"version": "112.17.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
 		"@atlaskit/analytics-listeners": "^10.0.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/atlassian-context": "^0.6.0",
+		"@atlaskit/atlassian-context": "^0.7.0",
 		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
@@ -69,7 +69,6 @@
 		"@atlaskit/onboarding": "^14.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/profilecard": "^24.46.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
@@ -80,7 +79,7 @@
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/task-decision": "^19.3.0",
 		"@atlaskit/textfield": "^8.2.0",
-		"@atlaskit/tmp-editor-statsig": "^54.2.0",
+		"@atlaskit/tmp-editor-statsig": "^54.3.0",
 		"@atlaskit/tokens": "^11.4.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/width-detector": "^5.0.0",

package/dist/cjs/ui/FloatingToolbar/ButtonSpotlightCard.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonSpotlightCard = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _onboarding = require("@atlaskit/onboarding");
-var _popper = require("@atlaskit/popper");
-var _excluded = ["referenceElement", "placement"]; // eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
-/*
- * ButtonSpotlightCard is an editor custom spotlight that renders next to a floating toolbar button.
- * It is built on top of the SpotlightCard component from @atlaskit/onboarding.
- * It avoids the issue of the native atlaskit Spotlight component rendering outside the editor bounds and takes focus away from the editor.
- */
-var ButtonSpotlightCard = exports.ButtonSpotlightCard = function ButtonSpotlightCard(props) {
-  var referenceElement = props.referenceElement,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'top-start' : _props$placement,
-    spotlightCardProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_popper.Popper, {
-    referenceElement: referenceElement,
-    placement: placement,
-    strategy: "absolute"
-  }, function (_ref) {
-    var ref = _ref.ref,
-      style = _ref.style;
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      _react.default.createElement("div", {
-        ref: ref,
-        style: style
-      }, /*#__PURE__*/_react.default.createElement(_onboarding.SpotlightCard
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      , spotlightCardProps))
-    );
-  });
-};

package/dist/es2019/ui/FloatingToolbar/ButtonSpotlightCard.js

@@ -1,33 +0,0 @@
-import React from 'react';
-// eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
-import { SpotlightCard } from '@atlaskit/onboarding';
-import { Popper } from '@atlaskit/popper';
-/*
- * ButtonSpotlightCard is an editor custom spotlight that renders next to a floating toolbar button.
- * It is built on top of the SpotlightCard component from @atlaskit/onboarding.
- * It avoids the issue of the native atlaskit Spotlight component rendering outside the editor bounds and takes focus away from the editor.
- */
-export const ButtonSpotlightCard = props => {
-  const {
-    referenceElement,
-    placement = 'top-start',
-    ...spotlightCardProps
-  } = props;
-  return /*#__PURE__*/React.createElement(Popper, {
-    referenceElement: referenceElement,
-    placement: placement,
-    strategy: "absolute"
-  }, ({
-    ref,
-    style
-  }) =>
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-  React.createElement("div", {
-    ref: ref,
-    style: style
-  }, /*#__PURE__*/React.createElement(SpotlightCard
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , spotlightCardProps)));
-};

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

@@ -1,36 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["referenceElement", "placement"];
-import React from 'react';
-// eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
-import { SpotlightCard } from '@atlaskit/onboarding';
-import { Popper } from '@atlaskit/popper';
-/*
- * ButtonSpotlightCard is an editor custom spotlight that renders next to a floating toolbar button.
- * It is built on top of the SpotlightCard component from @atlaskit/onboarding.
- * It avoids the issue of the native atlaskit Spotlight component rendering outside the editor bounds and takes focus away from the editor.
- */
-export var ButtonSpotlightCard = function ButtonSpotlightCard(props) {
-  var referenceElement = props.referenceElement,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'top-start' : _props$placement,
-    spotlightCardProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Popper, {
-    referenceElement: referenceElement,
-    placement: placement,
-    strategy: "absolute"
-  }, function (_ref) {
-    var ref = _ref.ref,
-      style = _ref.style;
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      React.createElement("div", {
-        ref: ref,
-        style: style
-      }, /*#__PURE__*/React.createElement(SpotlightCard
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      , spotlightCardProps))
-    );
-  });
-};

package/dist/types/ui/FloatingToolbar/ButtonSpotlightCard.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import { SpotlightCard } from '@atlaskit/onboarding';
-import type { Placement } from '@atlaskit/popper';
-type PropsFromSpotlightCard = ComponentProps<typeof SpotlightCard>;
-export type ButtonSpotlightCardProps = PropsFromSpotlightCard & {
-    placement?: Placement;
-    referenceElement: HTMLElement;
-};
-export declare const ButtonSpotlightCard: (props: ButtonSpotlightCardProps) => React.JSX.Element;
-export {};

package/dist/types-ts4.5/ui/FloatingToolbar/ButtonSpotlightCard.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import { SpotlightCard } from '@atlaskit/onboarding';
-import type { Placement } from '@atlaskit/popper';
-type PropsFromSpotlightCard = ComponentProps<typeof SpotlightCard>;
-export type ButtonSpotlightCardProps = PropsFromSpotlightCard & {
-    placement?: Placement;
-    referenceElement: HTMLElement;
-};
-export declare const ButtonSpotlightCard: (props: ButtonSpotlightCardProps) => React.JSX.Element;
-export {};