@atlaskit/editor-common 116.47.0 → 116.48.0

package/dist/es2019/extensions/UnknownMacroPlaceholder.js

@@ -1,4 +1,4 @@
-/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./UnknownMacroPlaceholder.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/icons/shared/PanelErrorIcon.js

@@ -1,4 +1,4 @@
-/* PanelErrorIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelErrorIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./PanelErrorIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/icons/shared/PanelInfoIcon.js

@@ -1,4 +1,4 @@
-/* PanelInfoIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelInfoIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./PanelInfoIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/icons/shared/PanelNoteIcon.js

@@ -1,4 +1,4 @@
-/* PanelNoteIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelNoteIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./PanelNoteIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/icons/shared/PanelSuccessIcon.js

@@ -1,4 +1,4 @@
-/* PanelSuccessIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelSuccessIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./PanelSuccessIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/icons/shared/PanelWarningIcon.js

@@ -1,4 +1,4 @@
-/* PanelWarningIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelWarningIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./PanelWarningIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/messages/syncBlock.js

@@ -40,6 +40,11 @@ export const syncBlockMessages = defineMessages({
     defaultMessage: 'Synced block',
     description: 'Label which appears above the synced block when it is selected'
   },
+  sourceSyncedBlockLabel: {
+    id: 'fabric.editor.sourceSyncedBlock.label.text',
+    defaultMessage: 'Source synced block',
+    description: 'Label which identifies the editable source synced block when it is selected'
+  },
   unsyncedBlockLabel: {
     id: 'fabric.editor.unsyncedBlock.label.text',
     defaultMessage: 'Unsynced block',
@@ -200,6 +205,26 @@ export const syncBlockMessages = defineMessages({
     defaultMessage: 'You appear to be offline. Please connect to the internet to create synced content.',
     description: 'Description in flag which appears when a sync block cannot be created in offline mode'
   },
+  feedbackFlagTitle: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagTitle',
+    defaultMessage: 'Help us improve Synced blocks',
+    description: 'Title of the flag inviting users to give feedback about synced blocks'
+  },
+  feedbackFlagDescription: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagDescription',
+    defaultMessage: 'We’d love your feedback. This quick survey should take less than a minute.',
+    description: 'Description of the flag inviting users to give feedback about synced blocks'
+  },
+  feedbackFlagGiveFeedback: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagGiveFeedback',
+    defaultMessage: 'Give feedback',
+    description: 'Action that opens the synced blocks feedback collector'
+  },
+  feedbackFlagNoThanks: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagNoThanks',
+    defaultMessage: 'No thanks',
+    description: 'Action that dismisses the synced blocks feedback invitation'
+  },
   loadingSyncedContent: {
     id: 'fabric.editor.syncedBlockLoadingSyncedContent',
     defaultMessage: 'Loading synced content',
@@ -315,6 +340,11 @@ export const syncBlockMessages = defineMessages({
     defaultMessage: 'Copy and paste synced blocks to reuse in other locations.',
     description: 'Message shown in the synced location dropdown menu when no shared locations are found'
   },
+  syncedLocationDropdownActivationNoResults: {
+    id: 'editor-common.messages.syncBlock.syncedLocationDropdownActivationNoResults',
+    defaultMessage: 'To reuse content, copy and paste this block to sync to other locations',
+    description: 'Instruction shown in the activation synced locations dropdown when a synced block has no references. It explains how to create the first reference.'
+  },
   syncedLocationDropdownLearnMoreLink: {
     id: 'fabric.editor.syncedLocationDropdownLearnMoreLink',
     defaultMessage: 'Learn more about synced blocks',

package/dist/es2019/monitoring/error.js

@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "116.46.0";
+const packageVersion = "116.47.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/table/NewSortingIcon.js

@@ -1,4 +1,4 @@
-/* NewSortingIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* NewSortingIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./NewSortingIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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 = "116.46.0";
+const packageVersion = "116.47.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -1,8 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component } from 'react';
+import React, { Component, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import Popper from 'popper.js';
 // eslint-disable-line import/extensions
 import rafSchedule from 'raf-schd';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Popper as WrappedPopper } from '@atlaskit/popper/popper';
 import { positionPropToPopperPosition } from './internal/helpers';
 const defaultState = {
   hasExtractedStyles: false,
@@ -19,10 +21,22 @@ const defaultState = {
   originalHeight: null,
   maxHeight: null
 };
+function defaultOnPositioned() {}
+const defaultProps = {
+  boundariesElement: 'viewport',
+  children: null,
+  content: null,
+  offset: '0, 0',
+  position: 'right middle',
+  zIndex: 400,
+  lockScroll: false,
+  isAlwaysFixed: false,
+  onPositioned: defaultOnPositioned
+};
 
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
-export default class Layer extends Component {
+class LegacyLayer extends Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "targetRef", /*#__PURE__*/React.createRef());
@@ -172,14 +186,107 @@ export default class Layer extends Component {
   }
 }
 // working with extract-react-types
-_defineProperty(Layer, "defaultProps", {
-  boundariesElement: 'viewport',
-  children: null,
-  content: null,
-  offset: '0, 0',
-  position: 'right middle',
-  zIndex: 400,
-  lockScroll: false,
-  isAlwaysFixed: false,
-  onPositioned: () => {}
-});
+_defineProperty(LegacyLayer, "defaultProps", defaultProps);
+function parseOffset({
+  offset
+}) {
+  const [rawSkidding, rawDistance] = offset.split(',');
+  const skidding = Number.parseFloat(rawSkidding);
+  const distance = Number.parseFloat(rawDistance);
+  return [Number.isFinite(skidding) ? skidding : 0, Number.isFinite(distance) ? distance : 0];
+}
+const popperInteropModifiers = [{
+  name: 'flip',
+  enabled: false
+}, {
+  name: 'preventOverflow',
+  enabled: false
+}, {
+  name: 'hide',
+  enabled: false
+}];
+function usePopperInteropModifiers({
+  onPositioned
+}) {
+  const onPositionedRef = useRef(onPositioned);
+  const hasPositionedRef = useRef(false);
+  useLayoutEffect(() => {
+    onPositionedRef.current = onPositioned;
+  }, [onPositioned]);
+  return useMemo(() => [...popperInteropModifiers, {
+    name: 'editorLayerFirstPositioned',
+    enabled: true,
+    // React Popper commits calculated styles in `write`; the legacy callback ran afterwards.
+    phase: 'afterWrite',
+    fn() {
+      if (hasPositionedRef.current) {
+        return;
+      }
+      hasPositionedRef.current = true;
+      onPositionedRef.current();
+    }
+  }], []);
+}
+function PopperInterop({
+  children,
+  content,
+  offset,
+  onPositioned,
+  position,
+  strategy
+}) {
+  const targetRef = useRef(null);
+  const [referenceElement, setReferenceElement] = useState(null);
+  const modifiers = usePopperInteropModifiers({
+    onPositioned
+  });
+  // Popper v2 compares the offset prop by reference, so memoise to avoid re-running positioning every render.
+  const parsedOffset = useMemo(() => parseOffset({
+    offset
+  }), [offset]);
+  useLayoutEffect(() => {
+    var _targetRef$current;
+    const actualTarget = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.children[0];
+    setReferenceElement(actualTarget instanceof HTMLElement ? actualTarget : null);
+  }, [children]);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    ref: targetRef
+  }, children), content && referenceElement ? /*#__PURE__*/React.createElement(WrappedPopper, {
+    modifiers: modifiers,
+    offset: parsedOffset,
+    placement: positionPropToPopperPosition(position),
+    referenceElement: referenceElement,
+    strategy: strategy
+  }, ({
+    ref,
+    style
+  }) => /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    style: style
+  }, content)) : /*#__PURE__*/React.createElement("div", null));
+}
+
+/** Selects the reversible Popper v1 or ADS wrapper implementation. */
+export default function Layer({
+  children = defaultProps.children,
+  content = defaultProps.content,
+  offset = defaultProps.offset,
+  onPositioned = defaultProps.onPositioned,
+  position = defaultProps.position
+}) {
+  if (fg('platform-dst-popper-consolidation')) {
+    return /*#__PURE__*/React.createElement(PopperInterop, {
+      content: content,
+      offset: offset,
+      onPositioned: onPositioned,
+      position: position,
+      strategy: "absolute"
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement(LegacyLayer, {
+    content: content,
+    offset: offset,
+    onPositioned: onPositioned,
+    position: position
+  }, children);
+}

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/Toolbar/ButtonGroup.js

@@ -1,4 +1,4 @@
-/* ButtonGroup.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* ButtonGroup.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./ButtonGroup.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/Toolbar/DropdownTriggerWrapper.js

@@ -1,4 +1,4 @@
-/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./DropdownTriggerWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/Toolbar/DropdownWrapper.js

@@ -1,4 +1,4 @@
-/* DropdownWrapper.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* DropdownWrapper.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./DropdownWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/Toolbar/ExpandIcon.js

@@ -1,4 +1,4 @@
-/* ExpandIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* ExpandIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./ExpandIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/Toolbar/Separator.js

@@ -1,4 +1,4 @@
-/* Separator.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* Separator.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./Separator.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.js

@@ -109,50 +109,5 @@ export const lightBackgroundPaletteTooltipMessages = defineMessages({
     id: 'fabric.theme.bold-gray',
     defaultMessage: 'Bold gray',
     description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold gray color option.'
-  },
-  '#EFFFD6': {
-    id: 'fabric.theme.subtle-lime',
-    defaultMessage: 'Subtle lime',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle lime color option.'
-  },
-  '#D3F1A7': {
-    id: 'fabric.theme.lime',
-    defaultMessage: 'Lime',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the lime color option.'
-  },
-  '#BDE97C': {
-    id: 'fabric.theme.bold-lime',
-    defaultMessage: 'Bold lime',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold lime color option.'
-  },
-  '#FFF5DB': {
-    id: 'fabric.theme.subtle-orange',
-    defaultMessage: 'Subtle orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle orange color option.'
-  },
-  '#FCE4A6': {
-    id: 'fabric.theme.orange',
-    defaultMessage: 'Orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the orange color option.'
-  },
-  '#FBD779': {
-    id: 'fabric.theme.bold-orange',
-    defaultMessage: 'Bold orange',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold orange color option.'
-  },
-  '#FFECF8': {
-    id: 'fabric.theme.subtle-magenta',
-    defaultMessage: 'Subtle magenta',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle magenta color option.'
-  },
-  '#FDD0EC': {
-    id: 'fabric.theme.magenta',
-    defaultMessage: 'Magenta',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the magenta color option.'
-  },
-  '#FCB6E1': {
-    id: 'fabric.theme.bold-magenta',
-    defaultMessage: 'Bold magenta',
-    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold magenta color option.'
   }
 });

package/dist/es2019/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -150,66 +150,6 @@ const _default_1 = defineMessages({
     defaultMessage: 'Bold gray',
     description: 'Tooltip label for the bold gray color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
-  'subtle-lime': {
-    id: 'fabric.theme.subtle-lime',
-    defaultMessage: 'Subtle lime',
-    description: 'Tooltip label for the subtle lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-lime': {
-    id: 'fabric.theme.bold-lime',
-    defaultMessage: 'Bold lime',
-    description: 'Tooltip label for the bold lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'subtle-orange': {
-    id: 'fabric.theme.subtle-orange',
-    defaultMessage: 'Subtle orange',
-    description: 'Tooltip label for the subtle orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-orange': {
-    id: 'fabric.theme.bold-orange',
-    defaultMessage: 'Bold orange',
-    description: 'Tooltip label for the bold orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'subtle-magenta': {
-    id: 'fabric.theme.subtle-magenta',
-    defaultMessage: 'Subtle magenta',
-    description: 'Tooltip label for the subtle magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-magenta': {
-    id: 'fabric.theme.bold-magenta',
-    defaultMessage: 'Bold magenta',
-    description: 'Tooltip label for the bold magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-blue': {
-    id: 'fabric.theme.bold-blue',
-    defaultMessage: 'Bold blue',
-    description: 'Tooltip label for the bold blue color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-teal': {
-    id: 'fabric.theme.bold-teal',
-    defaultMessage: 'Bold teal',
-    description: 'Tooltip label for the bold teal color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-green': {
-    id: 'fabric.theme.bold-green',
-    defaultMessage: 'Bold green',
-    description: 'Tooltip label for the bold green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-yellow': {
-    id: 'fabric.theme.bold-yellow',
-    defaultMessage: 'Bold yellow',
-    description: 'Tooltip label for the bold yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-red': {
-    id: 'fabric.theme.bold-red',
-    defaultMessage: 'Bold red',
-    description: 'Tooltip label for the bold red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
-  'bold-purple': {
-    id: 'fabric.theme.bold-purple',
-    defaultMessage: 'Bold purple',
-    description: 'Tooltip label for the bold purple color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
-  },
   // Colors only used in highlight palette
   'no-color': {
     id: 'fabric.theme.no-color',

package/dist/es2019/ui-color/index.js

@@ -10,7 +10,6 @@ export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRo
 export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
 export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
-export { default as cellBackgroundColorPaletteNew } from './ColorPalette/Palettes/cellBackgroundColorPaletteNew';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { panelBackgroundPaletteNew } from './ColorPalette/Palettes/panelBackgroundPaletteNew';

package/dist/es2019/vanilla-tooltip/index.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { createPopper } from '@popperjs/core';
+import { createPopper as createLegacyPopper } from '@popperjs/core';
 import { bind } from 'bind-event-listener';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { createPopper as createWrappedPopper } from '@atlaskit/popper/unsafe-imperative';
 const startingOffset = {
   name: 'offset',
   options: {
@@ -13,6 +15,12 @@ const endingOffset = {
     offset: [0, 8]
   }
 };
+function getCreatePopper() {
+  if (fg('platform-dst-popper-consolidation')) {
+    return createWrappedPopper;
+  }
+  return createLegacyPopper;
+}
 
 /**
  * A tooltip component similar to "@atlaskit/tooltip" but built for vanilla scenarios
@@ -88,7 +96,7 @@ export class VanillaTooltip {
     };
   }
   createPopperInstance() {
-    this.popperInstance = createPopper(this.button, this.tooltip, {
+    this.popperInstance = getCreatePopper()(this.button, this.tooltip, {
       placement: 'top',
       modifiers: [startingOffset]
     });

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

@@ -1,4 +1,4 @@
-/* ViewMore.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* ViewMore.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./ViewMore.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js

@@ -1,4 +1,4 @@
-/* ExtensionFloatingLabel.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* ExtensionFloatingLabel.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./ExtensionFloatingLabel.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/extensions/UnknownMacroPlaceholder.js

@@ -1,4 +1,4 @@
-/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./UnknownMacroPlaceholder.compiled.css";
 import * as React from 'react';

package/dist/esm/icons/shared/PanelErrorIcon.js

@@ -1,4 +1,4 @@
-/* PanelErrorIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelErrorIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./PanelErrorIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/icons/shared/PanelInfoIcon.js

@@ -1,4 +1,4 @@
-/* PanelInfoIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelInfoIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./PanelInfoIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/icons/shared/PanelNoteIcon.js

@@ -1,4 +1,4 @@
-/* PanelNoteIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelNoteIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./PanelNoteIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/icons/shared/PanelSuccessIcon.js

@@ -1,4 +1,4 @@
-/* PanelSuccessIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelSuccessIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./PanelSuccessIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/icons/shared/PanelWarningIcon.js

@@ -1,4 +1,4 @@
-/* PanelWarningIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* PanelWarningIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./PanelWarningIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/messages/syncBlock.js

@@ -40,6 +40,11 @@ export var syncBlockMessages = defineMessages({
     defaultMessage: 'Synced block',
     description: 'Label which appears above the synced block when it is selected'
   },
+  sourceSyncedBlockLabel: {
+    id: 'fabric.editor.sourceSyncedBlock.label.text',
+    defaultMessage: 'Source synced block',
+    description: 'Label which identifies the editable source synced block when it is selected'
+  },
   unsyncedBlockLabel: {
     id: 'fabric.editor.unsyncedBlock.label.text',
     defaultMessage: 'Unsynced block',
@@ -200,6 +205,26 @@ export var syncBlockMessages = defineMessages({
     defaultMessage: 'You appear to be offline. Please connect to the internet to create synced content.',
     description: 'Description in flag which appears when a sync block cannot be created in offline mode'
   },
+  feedbackFlagTitle: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagTitle',
+    defaultMessage: 'Help us improve Synced blocks',
+    description: 'Title of the flag inviting users to give feedback about synced blocks'
+  },
+  feedbackFlagDescription: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagDescription',
+    defaultMessage: 'We’d love your feedback. This quick survey should take less than a minute.',
+    description: 'Description of the flag inviting users to give feedback about synced blocks'
+  },
+  feedbackFlagGiveFeedback: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagGiveFeedback',
+    defaultMessage: 'Give feedback',
+    description: 'Action that opens the synced blocks feedback collector'
+  },
+  feedbackFlagNoThanks: {
+    id: 'editor-common.messages.syncBlock.feedbackFlagNoThanks',
+    defaultMessage: 'No thanks',
+    description: 'Action that dismisses the synced blocks feedback invitation'
+  },
   loadingSyncedContent: {
     id: 'fabric.editor.syncedBlockLoadingSyncedContent',
     defaultMessage: 'Loading synced content',
@@ -315,6 +340,11 @@ export var syncBlockMessages = defineMessages({
     defaultMessage: 'Copy and paste synced blocks to reuse in other locations.',
     description: 'Message shown in the synced location dropdown menu when no shared locations are found'
   },
+  syncedLocationDropdownActivationNoResults: {
+    id: 'editor-common.messages.syncBlock.syncedLocationDropdownActivationNoResults',
+    defaultMessage: 'To reuse content, copy and paste this block to sync to other locations',
+    description: 'Instruction shown in the activation synced locations dropdown when a synced block has no references. It explains how to create the first reference.'
+  },
   syncedLocationDropdownLearnMoreLink: {
     id: 'fabric.editor.syncedLocationDropdownLearnMoreLink',
     defaultMessage: 'Learn more about synced blocks',

package/dist/esm/monitoring/error.js

@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "116.46.0";
+var packageVersion = "116.47.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/table/NewSortingIcon.js

@@ -1,4 +1,4 @@
-/* NewSortingIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
+/* NewSortingIcon.tsx generated by @compiled/babel-plugin v2.0.0 */
 import "./NewSortingIcon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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 = "116.46.0";
+var packageVersion = "116.47.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({