@atlaskit/editor-common 98.0.2 → 98.0.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 98.0.3
+
+### Patch Changes
+
+- [#98963](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98963)
+  [`3638dcf79b6c7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3638dcf79b6c7) -
+  ED-26126 Cleanup code wrapping language bug fg
+
 ## 98.0.2
 
 ### Patch Changes

package/dist/cjs/code-block/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateCodeBlockWrappedStateNodeKeys = exports.transferCodeBlockWrappedValue = exports.isCodeBlockWordWrapEnabled = exports.defaultWordWrapState = exports.codeBlockWrappedStates = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 
 var defaultWordWrapState = exports.defaultWordWrapState = false;
@@ -16,7 +15,6 @@ var isCodeBlockWordWrapEnabled = exports.isCodeBlockWordWrapEnabled = function i
 
 /**
  * Swap the old node key with the new node key in the wrapped states WeakMap.
- * Replaced with updateCodeBlockWrappedStateNodeKeys() under 'editor_code_block_wrapping_language_change_bug' feature gate.
  */
 var transferCodeBlockWrappedValue = exports.transferCodeBlockWrappedValue = function transferCodeBlockWrappedValue(oldCodeBlockNode, newCodeBlockNode) {
   // Don't overwrite the value for the new node if it already exists.
@@ -35,9 +33,6 @@ var transferCodeBlockWrappedValue = exports.transferCodeBlockWrappedValue = func
  * This function takes all the given nodes, finds their old nodes from the old state and updates these old node keys.
  */
 var updateCodeBlockWrappedStateNodeKeys = exports.updateCodeBlockWrappedStateNodeKeys = function updateCodeBlockWrappedStateNodeKeys(newCodeBlockNodes, oldState) {
-  if (!(0, _platformFeatureFlags.fg)('editor_code_block_wrapping_language_change_bug')) {
-    return;
-  }
   newCodeBlockNodes.forEach(function (newCodeBlockNode) {
     // Don't overwrite the value for the new node if it already exists.
     // This can happen when a drag&drop is swapping nodes.
@@ -46,7 +41,7 @@ var updateCodeBlockWrappedStateNodeKeys = exports.updateCodeBlockWrappedStateNod
     }
 
     // Do not go out of range on the oldState doc. Happens on initial load.
-    if (oldState.doc.nodeSize <= newCodeBlockNode.pos) {
+    if (oldState.doc.content.size <= newCodeBlockNode.pos) {
       return;
     }
     var oldCodeBlockNode = oldState.doc.nodeAt(newCodeBlockNode.pos);

package/dist/cjs/element-browser/components/ElementSearch.js

@@ -13,7 +13,7 @@ var _reactIntlNext = require("react-intl-next");
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
-var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/search"));
+var _search = _interopRequireDefault(require("@atlaskit/icon/core/migration/search"));
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _constants = require("../constants");
 var _useFocus = _interopRequireDefault(require("../hooks/use-focus"));
@@ -103,9 +103,9 @@ function ElementSearch(_ref) {
         "data-testid": "element_search__element_before_input",
         "aria-hidden": "true"
       }, (0, _react2.jsx)(_search.default, {
-        size: "medium",
+        spacing: "spacious",
         label: "Advanced search",
-        primaryColor: "inherit"
+        color: "var(--ds-icon-subtle, #626F86)"
       })),
       elemAfterInput: (0, _react2.jsx)("div", {
         css: elementAfterInput,
@@ -166,8 +166,7 @@ var wrapperInline = (0, _react2.css)({
   }
 });
 var elementBeforeInput = (0, _react2.css)({
-  margin: "1px ".concat("var(--ds-space-075, 6px)", " 0 ", "var(--ds-space-100, 8px)"),
-  color: "var(--ds-icon, #44546F)",
+  margin: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)", " 0 ", "var(--ds-space-100, 8px)"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'span, svg': {
     height: '20px',

package/dist/cjs/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSharedPluginStateSelector = useSharedPluginStateSelector;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
 var _react = require("react");
@@ -99,10 +100,19 @@ function useSharedPluginStateSelector(api, plugin) {
       pluginName = _plugin$split4[0];
     return [pluginName];
   }, [plugin]);
-  return useSharedPluginStateSelectorInternal(api, pluginNameArray, transformer);
+  var initialState = (0, _react.useMemo)(function () {
+    var _api$pluginName;
+    var _plugin$split5 = plugin.split('.'),
+      _plugin$split6 = (0, _slicedToArray2.default)(_plugin$split5, 1),
+      pluginName = _plugin$split6[0];
+    return transformer((0, _defineProperty2.default)({}, "".concat(pluginName, "State"), api === null || api === void 0 || (_api$pluginName = api[pluginName]) === null || _api$pluginName === void 0 ? void 0 : _api$pluginName.sharedState.currentState()));
+  }, [plugin, api, transformer]);
+  return useSharedPluginStateSelectorInternal(api, pluginNameArray, transformer, initialState);
 }
-function useSharedPluginStateSelectorInternal(api, plugins, transformer) {
-  var _useState = (0, _react.useState)(),
+
+// eslint-disable-next-line @typescript-eslint/max-params
+function useSharedPluginStateSelectorInternal(api, plugins, transformer, initialState) {
+  var _useState = (0, _react.useState)(initialState),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     selectedPluginState = _useState2[0],
     setSelectedPluginState = _useState2[1];

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "98.0.2";
+var packageVersion = "98.0.3";
 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

@@ -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 = "98.0.2";
+var packageVersion = "98.0.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.iconOnlySpacing = exports.getButtonStyles = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var iconOnlySpacing = exports.iconOnlySpacing = {
   '&&': {
     padding: '0px'
@@ -40,6 +41,22 @@ var background = {
     }
   }
 };
+var backgroundVisualRefresh = {
+  danger: {
+    default: {
+      light: 'inherit',
+      dark: 'inherit'
+    },
+    hover: {
+      light: "var(--ds-background-danger-hovered, #FFD5D2)",
+      dark: "var(--ds-background-danger-hovered, #FFD5D2)"
+    },
+    active: {
+      light: "var(--ds-background-danger-pressed, #FD9891)",
+      dark: "var(--ds-background-danger-pressed, #FD9891)"
+    }
+  }
+};
 var color = {
   danger: {
     default: {
@@ -56,12 +73,31 @@ var color = {
     }
   }
 };
+var colorVisualRefresh = {
+  danger: {
+    default: {
+      light: "var(--ds-icon-subtle, #626F86)",
+      dark: "var(--ds-icon-subtle, #626F86)"
+    },
+    hover: {
+      light: "var(--ds-icon-danger, #C9372C)",
+      dark: "var(--ds-icon-danger, #C9372C)"
+    },
+    active: {
+      light: "var(--ds-icon-danger, #C9372C)",
+      dark: "var(--ds-icon-danger, #C9372C)"
+    }
+  }
+};
 
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var getButtonStyles = exports.getButtonStyles = function getButtonStyles(props) {
   return {
-    background: getStyles(background, props),
-    color: getStyles(color, props)
+    background: getStyles(
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? backgroundVisualRefresh : background, props),
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    color: getStyles((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? colorVisualRefresh : color, props)
   };
 };

package/dist/es2019/code-block/index.js

@@ -1,6 +1,5 @@
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 
-import { fg } from '@atlaskit/platform-feature-flags';
 export const defaultWordWrapState = false;
 export const codeBlockWrappedStates = new WeakMap();
 export const isCodeBlockWordWrapEnabled = codeBlockNode => {
@@ -10,7 +9,6 @@ export const isCodeBlockWordWrapEnabled = codeBlockNode => {
 
 /**
  * Swap the old node key with the new node key in the wrapped states WeakMap.
- * Replaced with updateCodeBlockWrappedStateNodeKeys() under 'editor_code_block_wrapping_language_change_bug' feature gate.
  */
 export const transferCodeBlockWrappedValue = (oldCodeBlockNode, newCodeBlockNode) => {
   // Don't overwrite the value for the new node if it already exists.
@@ -29,9 +27,6 @@ export const transferCodeBlockWrappedValue = (oldCodeBlockNode, newCodeBlockNode
  * This function takes all the given nodes, finds their old nodes from the old state and updates these old node keys.
  */
 export const updateCodeBlockWrappedStateNodeKeys = (newCodeBlockNodes, oldState) => {
-  if (!fg('editor_code_block_wrapping_language_change_bug')) {
-    return;
-  }
   newCodeBlockNodes.forEach(newCodeBlockNode => {
     // Don't overwrite the value for the new node if it already exists.
     // This can happen when a drag&drop is swapping nodes.
@@ -40,7 +35,7 @@ export const updateCodeBlockWrappedStateNodeKeys = (newCodeBlockNodes, oldState)
     }
 
     // Do not go out of range on the oldState doc. Happens on initial load.
-    if (oldState.doc.nodeSize <= newCodeBlockNode.pos) {
+    if (oldState.doc.content.size <= newCodeBlockNode.pos) {
       return;
     }
     const oldCodeBlockNode = oldState.doc.nodeAt(newCodeBlockNode.pos);

package/dist/es2019/element-browser/components/ElementSearch.js

@@ -10,7 +10,7 @@ import { injectIntl } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import SearchIcon from '@atlaskit/icon/glyph/search';
+import SearchIcon from '@atlaskit/icon/core/migration/search';
 import Textfield from '@atlaskit/textfield';
 import { GRID_SIZE, SEARCH_ITEM_HEIGHT_WIDTH } from '../constants';
 import useFocus from '../hooks/use-focus';
@@ -94,9 +94,9 @@ function ElementSearch({
         "data-testid": "element_search__element_before_input",
         "aria-hidden": "true"
       }, jsx(SearchIcon, {
-        size: "medium",
+        spacing: "spacious",
         label: "Advanced search",
-        primaryColor: "inherit"
+        color: "var(--ds-icon-subtle, #626F86)"
       })),
       elemAfterInput: jsx("div", {
         css: elementAfterInput,
@@ -157,8 +157,7 @@ const wrapperInline = css({
   }
 });
 const elementBeforeInput = css({
-  margin: `1px ${"var(--ds-space-075, 6px)"} 0 ${"var(--ds-space-100, 8px)"}`,
-  color: "var(--ds-icon, #44546F)",
+  margin: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"} 0 ${"var(--ds-space-100, 8px)"}`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'span, svg': {
     height: '20px',

package/dist/es2019/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js

@@ -86,10 +86,19 @@ export function useSharedPluginStateSelector(api, plugin) {
     const [pluginName] = plugin.split('.');
     return [pluginName];
   }, [plugin]);
-  return useSharedPluginStateSelectorInternal(api, pluginNameArray, transformer);
+  const initialState = useMemo(() => {
+    var _api$pluginName;
+    const [pluginName] = plugin.split('.');
+    return transformer({
+      [`${pluginName}State`]: api === null || api === void 0 ? void 0 : (_api$pluginName = api[pluginName]) === null || _api$pluginName === void 0 ? void 0 : _api$pluginName.sharedState.currentState()
+    });
+  }, [plugin, api, transformer]);
+  return useSharedPluginStateSelectorInternal(api, pluginNameArray, transformer, initialState);
 }
-function useSharedPluginStateSelectorInternal(api, plugins, transformer) {
-  const [selectedPluginState, setSelectedPluginState] = useState();
+
+// eslint-disable-next-line @typescript-eslint/max-params
+function useSharedPluginStateSelectorInternal(api, plugins, transformer, initialState) {
+  const [selectedPluginState, setSelectedPluginState] = useState(initialState);
   usePluginStateEffect(api, plugins, pluginStates => {
     // `pluginStates`: This is the same type through inference - but typescript doesn't recognise them as they are computed slightly differently
     const transformedValue = transformer(pluginStates);

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 = "98.0.2";
+const packageVersion = "98.0.3";
 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

@@ -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 = "98.0.2";
+const packageVersion = "98.0.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 export const iconOnlySpacing = {
   '&&': {
     padding: '0px'
@@ -32,6 +33,22 @@ const background = {
     }
   }
 };
+const backgroundVisualRefresh = {
+  danger: {
+    default: {
+      light: 'inherit',
+      dark: 'inherit'
+    },
+    hover: {
+      light: "var(--ds-background-danger-hovered, #FFD5D2)",
+      dark: "var(--ds-background-danger-hovered, #FFD5D2)"
+    },
+    active: {
+      light: "var(--ds-background-danger-pressed, #FD9891)",
+      dark: "var(--ds-background-danger-pressed, #FD9891)"
+    }
+  }
+};
 const color = {
   danger: {
     default: {
@@ -48,10 +65,29 @@ const color = {
     }
   }
 };
+const colorVisualRefresh = {
+  danger: {
+    default: {
+      light: "var(--ds-icon-subtle, #626F86)",
+      dark: "var(--ds-icon-subtle, #626F86)"
+    },
+    hover: {
+      light: "var(--ds-icon-danger, #C9372C)",
+      dark: "var(--ds-icon-danger, #C9372C)"
+    },
+    active: {
+      light: "var(--ds-icon-danger, #C9372C)",
+      dark: "var(--ds-icon-danger, #C9372C)"
+    }
+  }
+};
 
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const getButtonStyles = props => ({
-  background: getStyles(background, props),
-  color: getStyles(color, props)
+  background: getStyles(
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  fg('platform-visual-refresh-icons') ? backgroundVisualRefresh : background, props),
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  color: getStyles(fg('platform-visual-refresh-icons') ? colorVisualRefresh : color, props)
 });

package/dist/esm/code-block/index.js

@@ -1,6 +1,5 @@
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 
-import { fg } from '@atlaskit/platform-feature-flags';
 export var defaultWordWrapState = false;
 export var codeBlockWrappedStates = new WeakMap();
 export var isCodeBlockWordWrapEnabled = function isCodeBlockWordWrapEnabled(codeBlockNode) {
@@ -10,7 +9,6 @@ export var isCodeBlockWordWrapEnabled = function isCodeBlockWordWrapEnabled(code
 
 /**
  * Swap the old node key with the new node key in the wrapped states WeakMap.
- * Replaced with updateCodeBlockWrappedStateNodeKeys() under 'editor_code_block_wrapping_language_change_bug' feature gate.
  */
 export var transferCodeBlockWrappedValue = function transferCodeBlockWrappedValue(oldCodeBlockNode, newCodeBlockNode) {
   // Don't overwrite the value for the new node if it already exists.
@@ -29,9 +27,6 @@ export var transferCodeBlockWrappedValue = function transferCodeBlockWrappedValu
  * This function takes all the given nodes, finds their old nodes from the old state and updates these old node keys.
  */
 export var updateCodeBlockWrappedStateNodeKeys = function updateCodeBlockWrappedStateNodeKeys(newCodeBlockNodes, oldState) {
-  if (!fg('editor_code_block_wrapping_language_change_bug')) {
-    return;
-  }
   newCodeBlockNodes.forEach(function (newCodeBlockNode) {
     // Don't overwrite the value for the new node if it already exists.
     // This can happen when a drag&drop is swapping nodes.
@@ -40,7 +35,7 @@ export var updateCodeBlockWrappedStateNodeKeys = function updateCodeBlockWrapped
     }
 
     // Do not go out of range on the oldState doc. Happens on initial load.
-    if (oldState.doc.nodeSize <= newCodeBlockNode.pos) {
+    if (oldState.doc.content.size <= newCodeBlockNode.pos) {
       return;
     }
     var oldCodeBlockNode = oldState.doc.nodeAt(newCodeBlockNode.pos);

package/dist/esm/element-browser/components/ElementSearch.js

@@ -11,7 +11,7 @@ import { injectIntl } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import SearchIcon from '@atlaskit/icon/glyph/search';
+import SearchIcon from '@atlaskit/icon/core/migration/search';
 import Textfield from '@atlaskit/textfield';
 import { GRID_SIZE, SEARCH_ITEM_HEIGHT_WIDTH } from '../constants';
 import useFocus from '../hooks/use-focus';
@@ -92,9 +92,9 @@ function ElementSearch(_ref) {
         "data-testid": "element_search__element_before_input",
         "aria-hidden": "true"
       }, jsx(SearchIcon, {
-        size: "medium",
+        spacing: "spacious",
         label: "Advanced search",
-        primaryColor: "inherit"
+        color: "var(--ds-icon-subtle, #626F86)"
       })),
       elemAfterInput: jsx("div", {
         css: elementAfterInput,
@@ -155,8 +155,7 @@ var wrapperInline = css({
   }
 });
 var elementBeforeInput = css({
-  margin: "1px ".concat("var(--ds-space-075, 6px)", " 0 ", "var(--ds-space-100, 8px)"),
-  color: "var(--ds-icon, #44546F)",
+  margin: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)", " 0 ", "var(--ds-space-100, 8px)"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'span, svg': {
     height: '20px',

package/dist/esm/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toArray from "@babel/runtime/helpers/toArray";
 import { useState, useCallback, useMemo } from 'react';
@@ -93,10 +94,19 @@ export function useSharedPluginStateSelector(api, plugin) {
       pluginName = _plugin$split4[0];
     return [pluginName];
   }, [plugin]);
-  return useSharedPluginStateSelectorInternal(api, pluginNameArray, transformer);
+  var initialState = useMemo(function () {
+    var _api$pluginName;
+    var _plugin$split5 = plugin.split('.'),
+      _plugin$split6 = _slicedToArray(_plugin$split5, 1),
+      pluginName = _plugin$split6[0];
+    return transformer(_defineProperty({}, "".concat(pluginName, "State"), api === null || api === void 0 || (_api$pluginName = api[pluginName]) === null || _api$pluginName === void 0 ? void 0 : _api$pluginName.sharedState.currentState()));
+  }, [plugin, api, transformer]);
+  return useSharedPluginStateSelectorInternal(api, pluginNameArray, transformer, initialState);
 }
-function useSharedPluginStateSelectorInternal(api, plugins, transformer) {
-  var _useState = useState(),
+
+// eslint-disable-next-line @typescript-eslint/max-params
+function useSharedPluginStateSelectorInternal(api, plugins, transformer, initialState) {
+  var _useState = useState(initialState),
     _useState2 = _slicedToArray(_useState, 2),
     selectedPluginState = _useState2[0],
     setSelectedPluginState = _useState2[1];

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 = "98.0.2";
+var packageVersion = "98.0.3";
 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

@@ -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 = "98.0.2";
+var packageVersion = "98.0.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 export var iconOnlySpacing = {
   '&&': {
     padding: '0px'
@@ -34,6 +35,22 @@ var background = {
     }
   }
 };
+var backgroundVisualRefresh = {
+  danger: {
+    default: {
+      light: 'inherit',
+      dark: 'inherit'
+    },
+    hover: {
+      light: "var(--ds-background-danger-hovered, #FFD5D2)",
+      dark: "var(--ds-background-danger-hovered, #FFD5D2)"
+    },
+    active: {
+      light: "var(--ds-background-danger-pressed, #FD9891)",
+      dark: "var(--ds-background-danger-pressed, #FD9891)"
+    }
+  }
+};
 var color = {
   danger: {
     default: {
@@ -50,12 +67,31 @@ var color = {
     }
   }
 };
+var colorVisualRefresh = {
+  danger: {
+    default: {
+      light: "var(--ds-icon-subtle, #626F86)",
+      dark: "var(--ds-icon-subtle, #626F86)"
+    },
+    hover: {
+      light: "var(--ds-icon-danger, #C9372C)",
+      dark: "var(--ds-icon-danger, #C9372C)"
+    },
+    active: {
+      light: "var(--ds-icon-danger, #C9372C)",
+      dark: "var(--ds-icon-danger, #C9372C)"
+    }
+  }
+};
 
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export var getButtonStyles = function getButtonStyles(props) {
   return {
-    background: getStyles(background, props),
-    color: getStyles(color, props)
+    background: getStyles(
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    fg('platform-visual-refresh-icons') ? backgroundVisualRefresh : background, props),
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    color: getStyles(fg('platform-visual-refresh-icons') ? colorVisualRefresh : color, props)
   };
 };

package/dist/types/code-block/index.d.ts

@@ -6,7 +6,6 @@ export declare const codeBlockWrappedStates: WeakMap<PmNode, boolean | undefined
 export declare const isCodeBlockWordWrapEnabled: (codeBlockNode: PmNode) => boolean;
 /**
  * Swap the old node key with the new node key in the wrapped states WeakMap.
- * Replaced with updateCodeBlockWrappedStateNodeKeys() under 'editor_code_block_wrapping_language_change_bug' feature gate.
  */
 export declare const transferCodeBlockWrappedValue: (oldCodeBlockNode: PmNode, newCodeBlockNode: PmNode) => void;
 /**

package/dist/types/hooks/usePluginStateEffect.d.ts

@@ -1,7 +1,6 @@
 import type { BasePluginDependenciesAPI, EditorInjectionAPI, ExtractInjectionAPI, NextEditorPlugin } from '../types/next-editor-plugin';
 type NamedPluginStatesFromInjectionAPI<API extends ExtractInjectionAPI<NextEditorPlugin<any, any>>, PluginNames extends string | number | symbol> = Readonly<{
-    [K in PluginNames as `${K extends string ? K : never}State`]: API[K] extends // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Ignored via go/ees005
-    BasePluginDependenciesAPI<any> | undefined ? ReturnType<API[K]['sharedState']['currentState']> : never;
+    [K in PluginNames as `${K extends string ? K : never}State`]: API[K] extends BasePluginDependenciesAPI<any> | undefined ? ReturnType<API[K]['sharedState']['currentState']> : never;
 }>;
 type ExtractPluginNames<API extends EditorInjectionAPI<any, any>> = keyof API;
 type Cleanup = () => void;

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

@@ -6,7 +6,6 @@ export declare const codeBlockWrappedStates: WeakMap<PmNode, boolean | undefined
 export declare const isCodeBlockWordWrapEnabled: (codeBlockNode: PmNode) => boolean;
 /**
  * Swap the old node key with the new node key in the wrapped states WeakMap.
- * Replaced with updateCodeBlockWrappedStateNodeKeys() under 'editor_code_block_wrapping_language_change_bug' feature gate.
  */
 export declare const transferCodeBlockWrappedValue: (oldCodeBlockNode: PmNode, newCodeBlockNode: PmNode) => void;
 /**

package/dist/types-ts4.5/hooks/usePluginStateEffect.d.ts

@@ -1,7 +1,6 @@
 import type { BasePluginDependenciesAPI, EditorInjectionAPI, ExtractInjectionAPI, NextEditorPlugin } from '../types/next-editor-plugin';
 type NamedPluginStatesFromInjectionAPI<API extends ExtractInjectionAPI<NextEditorPlugin<any, any>>, PluginNames extends string | number | symbol> = Readonly<{
-    [K in PluginNames as `${K extends string ? K : never}State`]: API[K] extends // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Ignored via go/ees005
-    BasePluginDependenciesAPI<any> | undefined ? ReturnType<API[K]['sharedState']['currentState']> : never;
+    [K in PluginNames as `${K extends string ? K : never}State`]: API[K] extends BasePluginDependenciesAPI<any> | undefined ? ReturnType<API[K]['sharedState']['currentState']> : never;
 }>;
 type ExtractPluginNames<API extends EditorInjectionAPI<any, any>> = keyof API;
 type Cleanup = () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "98.0.2",
+	"version": "98.0.3",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -248,9 +248,6 @@
 		"editor_inline_comments_paste_insert_nodes": {
 			"type": "boolean"
 		},
-		"editor_code_block_wrapping_language_change_bug": {
-			"type": "boolean"
-		},
 		"platform_editor_react18_mention_with_provider_fix": {
 			"type": "boolean"
 		},