@atlaskit/editor-common 115.5.1 → 115.6.0

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

@@ -1,7 +1,113 @@
 import { defineMessages } from 'react-intl';
-import { lightBackgroundPaletteTooltipMessages } from './lightBackgroundPaletteTooltipMessages';
-import { lightChartsColorPaletteTooltipMessages } from './lightChartsColorPaletteTooltipMessages';
-import { lightTextPaletteTooltipMessages } from './lightTextPaletteTooltipMessages';
+
+// These messages are only to be used when showSomewhatSemanticTooltips is true.
+export const lightTextPaletteTooltipMessages = defineMessages({
+  '#FFFFFF': {
+    id: 'fabric.theme.white',
+    defaultMessage: 'White',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the white color option.'
+  },
+  '#B3D4FF': {
+    id: 'fabric.theme.subtle-blue',
+    defaultMessage: 'Subtle blue',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle blue color option.'
+  },
+  '#B3F5FF': {
+    id: 'fabric.theme.subtle-teal',
+    defaultMessage: 'Subtle teal',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle teal color option.'
+  },
+  '#ABF5D1': {
+    id: 'fabric.theme.subtle-green',
+    defaultMessage: 'Subtle green',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle green color option.'
+  },
+  '#FFF0B3': {
+    id: 'fabric.theme.subtle-yellow',
+    defaultMessage: 'Subtle yellow',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle yellow color option.'
+  },
+  '#FFBDAD': {
+    id: 'fabric.theme.subtle-red',
+    defaultMessage: 'Subtle red',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle red color option.'
+  },
+  '#EAE6FF': {
+    id: 'fabric.theme.subtle-purple',
+    defaultMessage: 'Subtle purple',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the subtle purple color option.'
+  },
+  '#97A0AF': {
+    id: 'fabric.theme.gray',
+    defaultMessage: 'Gray',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the gray color option.'
+  },
+  '#4C9AFF': {
+    id: 'fabric.theme.blue',
+    defaultMessage: 'Blue',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the blue color option.'
+  },
+  '#00B8D9': {
+    id: 'fabric.theme.teal',
+    defaultMessage: 'Teal',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the teal color option.'
+  },
+  '#36B37E': {
+    id: 'fabric.theme.green',
+    defaultMessage: 'Green',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the green color option.'
+  },
+  '#FFC400': {
+    id: 'fabric.theme.yellow',
+    defaultMessage: 'Yellow',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the yellow color option.'
+  },
+  '#FF5630': {
+    id: 'fabric.theme.red',
+    defaultMessage: 'Red',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the red color option.'
+  },
+  '#FF991F': {
+    id: 'fabric.theme.bold-orange',
+    defaultMessage: 'Bold orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold orange color option.'
+  },
+  '#6554C0': {
+    id: 'fabric.theme.purple',
+    defaultMessage: 'Purple',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the purple color option.'
+  },
+  '#0747A6': {
+    id: 'fabric.theme.bold-blue',
+    defaultMessage: 'Bold blue',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold blue color option.'
+  },
+  '#008DA6': {
+    id: 'fabric.theme.bold-teal',
+    defaultMessage: 'Bold teal',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold teal color option.'
+  },
+  '#006644': {
+    id: 'fabric.theme.bold-green',
+    defaultMessage: 'Bold green',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold green color option.'
+  },
+  '#BF2600': {
+    id: 'fabric.theme.bold-red',
+    defaultMessage: 'Bold red',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold red color option.'
+  },
+  '#403294': {
+    id: 'fabric.theme.bold-purple',
+    defaultMessage: 'Bold purple',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the bold purple color option.'
+  },
+  '#172B4D': {
+    id: 'fabric.theme.default',
+    defaultMessage: 'Default',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor text color picker when the user hovers over the default color option.'
+  }
+});
 const darkModeTextPaletteOverrides = defineMessages({
   '#FFFFFF': {
     id: 'fabric.theme.dark-gray',
@@ -14,10 +120,116 @@ export const darkTextPaletteTooltipMessages = {
   ...darkModeTextPaletteOverrides
 };
 export const textPaletteTooltipMessages = {
-  // eslint-disable-next-line @atlaskit/editor/no-re-export
   light: lightTextPaletteTooltipMessages,
   dark: darkTextPaletteTooltipMessages
 };
+export const lightBackgroundPaletteTooltipMessages = defineMessages({
+  '#DEEBFF': {
+    id: 'fabric.theme.subtle-blue',
+    defaultMessage: 'Subtle blue',
+    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 blue color option.'
+  },
+  '#B3D4FF': {
+    id: 'fabric.theme.blue',
+    defaultMessage: 'Blue',
+    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 blue color option.'
+  },
+  '#4C9AFF': {
+    id: 'fabric.theme.bold-blue',
+    defaultMessage: 'Bold blue',
+    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 blue color option.'
+  },
+  '#E6FCFF': {
+    id: 'fabric.theme.subtle-teal',
+    defaultMessage: 'Subtle teal',
+    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 teal color option.'
+  },
+  '#B3F5FF': {
+    id: 'fabric.theme.teal',
+    defaultMessage: 'Teal',
+    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 teal color option.'
+  },
+  '#79E2F2': {
+    id: 'fabric.theme.bold-teal',
+    defaultMessage: 'Bold teal',
+    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 teal color option.'
+  },
+  '#E3FCEF': {
+    id: 'fabric.theme.subtle-green',
+    defaultMessage: 'Subtle green',
+    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 green color option.'
+  },
+  '#ABF5D1': {
+    id: 'fabric.theme.green',
+    defaultMessage: 'Green',
+    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 green color option.'
+  },
+  '#57D9A3': {
+    id: 'fabric.theme.bold-green',
+    defaultMessage: 'Bold green',
+    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 green color option.'
+  },
+  '#FFFAE6': {
+    id: 'fabric.theme.subtle-yellow',
+    defaultMessage: 'Subtle yellow',
+    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 yellow color option.'
+  },
+  '#FFF0B3': {
+    id: 'fabric.theme.yellow',
+    defaultMessage: 'Yellow',
+    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 yellow color option.'
+  },
+  '#FFC400': {
+    id: 'fabric.theme.bold-yellow',
+    defaultMessage: 'Bold yellow',
+    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 yellow color option.'
+  },
+  '#FFEBE6': {
+    id: 'fabric.theme.subtle-red',
+    defaultMessage: 'Subtle red',
+    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 red color option.'
+  },
+  '#FFBDAD': {
+    id: 'fabric.theme.red',
+    defaultMessage: 'Red',
+    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 red color option.'
+  },
+  '#FF8F73': {
+    id: 'fabric.theme.bold-red',
+    defaultMessage: 'Bold red',
+    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 red color option.'
+  },
+  '#EAE6FF': {
+    id: 'fabric.theme.subtle-purple',
+    defaultMessage: 'Subtle purple',
+    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 purple color option.'
+  },
+  '#C0B6F2': {
+    id: 'fabric.theme.purple',
+    defaultMessage: 'Purple',
+    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 purple color option.'
+  },
+  '#998DD9': {
+    id: 'fabric.theme.bold-purple',
+    defaultMessage: 'Bold purple',
+    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 purple color option.'
+  },
+  '#FFFFFF': {
+    id: 'fabric.theme.white',
+    defaultMessage: 'White',
+    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 white color option.'
+  },
+  '#F4F5F7': {
+    id: 'fabric.theme.gray',
+    defaultMessage: '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 gray color option.'
+  },
+  '#B3BAC5': {
+    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.'
+  }
+});
 const darkModeBackgroundPaletteOverrides = defineMessages({
   '#FFFFFF': {
     id: 'fabric.theme.subtle-gray',
@@ -35,15 +247,204 @@ export const darkBackgroundPaletteTooltipMessages = {
   ...darkModeBackgroundPaletteOverrides
 };
 export const backgroundPaletteTooltipMessages = {
-  // eslint-disable-next-line @atlaskit/editor/no-re-export
   light: lightBackgroundPaletteTooltipMessages,
   dark: darkBackgroundPaletteTooltipMessages
 };
+export const lightChartsColorPaletteTooltipMessages = defineMessages({
+  // Blue color
+  '#7AB2FF': {
+    id: 'fabric.theme.subtle-blue',
+    defaultMessage: 'Subtle blue',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle blue color option.'
+  },
+  '#247FFF': {
+    id: 'fabric.theme.blue',
+    defaultMessage: 'Blue',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the blue color option.'
+  },
+  '#0055CC': {
+    id: 'fabric.theme.bold-blue',
+    defaultMessage: 'Bold blue',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold blue color option.'
+  },
+  '#003884': {
+    id: 'fabric.theme.bolder-blue',
+    defaultMessage: 'Bolder blue',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder blue color option.'
+  },
+  // Teal color
+  '#60C6D2': {
+    id: 'fabric.theme.subtle-teal',
+    defaultMessage: 'Subtle teal',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle teal color option.'
+  },
+  '#1D9AAA': {
+    id: 'fabric.theme.teal',
+    defaultMessage: 'Teal',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the teal color option.'
+  },
+  '#1D7F8C': {
+    id: 'fabric.theme.bold-teal',
+    defaultMessage: 'Bold teal',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold teal color option.'
+  },
+  '#206B74': {
+    id: 'fabric.theme.bolder-teal',
+    defaultMessage: 'Bolder teal',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder teal color option.'
+  },
+  // Green color
+  '#6BE1B0': {
+    id: 'fabric.theme.subtle-green',
+    defaultMessage: 'Subtle green',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle green color option.'
+  },
+  '#23A971': {
+    id: 'fabric.theme.green',
+    defaultMessage: 'Green',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the green color option.'
+  },
+  '#177D52': {
+    id: 'fabric.theme.bold-green',
+    defaultMessage: 'Bold green',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold green color option.'
+  },
+  '#055C3F': {
+    id: 'fabric.theme.bolder-green',
+    defaultMessage: 'Bolder green',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder green color option.'
+  },
+  // Yellow color
+  '#FFDB57': {
+    id: 'fabric.theme.subtle-yellow',
+    defaultMessage: 'Subtle yellow',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle yellow color option.'
+  },
+  '#FFBE33': {
+    id: 'fabric.theme.yellow',
+    defaultMessage: 'Yellow',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the yellow color option.'
+  },
+  '#FF9D00': {
+    id: 'fabric.theme.bold-yellow',
+    defaultMessage: 'Bold yellow',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold yellow color option.'
+  },
+  '#946104': {
+    id: 'fabric.theme.bolder-yellow',
+    defaultMessage: 'Bolder yellow',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder yellow color option.'
+  },
+  // Red color
+  '#FF8F73': {
+    id: 'fabric.theme.subtle-red',
+    defaultMessage: 'Subtle red',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle red color option.'
+  },
+  '#FC552C': {
+    id: 'fabric.theme.red',
+    defaultMessage: 'Red',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the red color option.'
+  },
+  '#D32D03': {
+    id: 'fabric.theme.bold-red',
+    defaultMessage: 'Bold red',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold red color option.'
+  },
+  '#A32000': {
+    id: 'fabric.theme.bolder-red',
+    defaultMessage: 'Bolder red',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder red color option.'
+  },
+  // Orange color
+  '#FAA53D': {
+    id: 'fabric.theme.subtle-orange',
+    defaultMessage: 'Subtle orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle orange color option.'
+  },
+  '#D97008': {
+    id: 'fabric.theme.orange',
+    defaultMessage: 'Orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the orange color option.'
+  },
+  '#B65C02': {
+    id: 'fabric.theme.bold-orange',
+    defaultMessage: 'Bold orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold orange color option.'
+  },
+  '#974F0C': {
+    id: 'fabric.theme.bolder-orange',
+    defaultMessage: 'Bolder orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder orange color option.'
+  },
+  // Magenta color
+  '#E774BB': {
+    id: 'fabric.theme.subtle-magenta',
+    defaultMessage: 'Subtle magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle magenta color option.'
+  },
+  '#DA62AC': {
+    id: 'fabric.theme.magenta',
+    defaultMessage: 'Magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the magenta color option.'
+  },
+  '#CD519D': {
+    id: 'fabric.theme.bold-magenta',
+    defaultMessage: 'Bold magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold magenta color option.'
+  },
+  '#943D73': {
+    id: 'fabric.theme.bolder-magenta',
+    defaultMessage: 'Bolder magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder magenta color option.'
+  },
+  // Purple color
+  '#B5A7FB': {
+    id: 'fabric.theme.subtle-purple',
+    defaultMessage: 'Subtle purple',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle purple color option.'
+  },
+  '#8B77EE': {
+    id: 'fabric.theme.purple',
+    defaultMessage: 'Purple',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the purple color option.'
+  },
+  '#5A43D0': {
+    id: 'fabric.theme.bold-purple',
+    defaultMessage: 'Bold purple',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold purple color option.'
+  },
+  '#44368B': {
+    id: 'fabric.theme.bolder-purple',
+    defaultMessage: 'Bolder purple',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder purple color option.'
+  },
+  // Gray color
+  '#8993A5': {
+    id: 'fabric.theme.subtle-gray',
+    defaultMessage: 'Subtle gray',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the subtle gray color option.'
+  },
+  '#8590A2': {
+    id: 'fabric.theme.gray',
+    defaultMessage: 'Gray',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the gray color option.'
+  },
+  '#758195': {
+    id: 'fabric.theme.bold-gray',
+    defaultMessage: 'Bold gray',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bold gray color option.'
+  },
+  '#44546F': {
+    id: 'fabric.theme.bolder-gray',
+    defaultMessage: 'Bolder gray',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor charts color picker when the user hovers over the bolder gray color option.'
+  }
+});
 const darkChartsColorPaletteTooltipMessages = {
   ...lightChartsColorPaletteTooltipMessages
 };
 export const chartsColorPaletteTooltipMessages = {
-  // eslint-disable-next-line @atlaskit/editor/no-re-export
   light: lightChartsColorPaletteTooltipMessages,
   dark: darkChartsColorPaletteTooltipMessages
 };
@@ -70,10 +471,4 @@ const darkBorderPaletteTooltipMessages = {
 export const borderPaletteTooltipMessages = {
   light: lightBorderPaletteTooltipMessages,
   dark: darkBorderPaletteTooltipMessages
-};
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-export { lightTextPaletteTooltipMessages } from './lightTextPaletteTooltipMessages';
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-export { lightBackgroundPaletteTooltipMessages } from './lightBackgroundPaletteTooltipMessages';
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-export { lightChartsColorPaletteTooltipMessages } from './lightChartsColorPaletteTooltipMessages';
+};

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

@@ -1,11 +1,20 @@
 import { colorPalette } from '@atlaskit/adf-schema';
-import { mapPaletteColor } from './mapPaletteColor';
+import getColorMessage from './getColorMessage';
+import paletteMessages from './paletteMessages';
+export const mapPaletteColor = (label, color) => {
+  const key = label.toLowerCase().replace(' ', '-');
+  const message = getColorMessage(paletteMessages, key);
+  return {
+    value: color,
+    label,
+    border: "var(--ds-border, #0B120E24)",
+    message
+  };
+};
+
 // row 1
 export const textColorPalette = [];
+export const textColorPaletteTokenBorders = [];
 colorPalette.forEach((label, color) => {
   textColorPalette.push(mapPaletteColor(label, color));
-});
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-export { mapPaletteColor } from './mapPaletteColor';
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-export { textColorPaletteTokenBorders } from './textColorPaletteTokenBorders';
+});

package/dist/es2019/ui-color/ColorPalette/utils.js

@@ -1,4 +1,3 @@
-import { getSelectedRowAndColumn } from './getSelectedRowAndColumn';
 export const DEFAULT_COLOR_PICKER_COLUMNS = 7;
 export function getColorsPerRowFromPalette(palette, cols = DEFAULT_COLOR_PICKER_COLUMNS) {
   return palette.reduce((resultArray, item, index) => {
@@ -8,6 +7,24 @@ export function getColorsPerRowFromPalette(palette, cols = DEFAULT_COLOR_PICKER_
     return resultArray;
   }, []);
 }
+export function getSelectedRowAndColumn(colorsPerRow, selectedColor) {
+  let selectedRowIndex = -1;
+  let selectedColumnIndex = -1;
+  colorsPerRow.forEach((row, rowIndex) => {
+    row.forEach(({
+      value
+    }, columnIndex) => {
+      if (value === selectedColor) {
+        selectedRowIndex = rowIndex;
+        selectedColumnIndex = columnIndex;
+      }
+    });
+  });
+  return {
+    selectedRowIndex,
+    selectedColumnIndex
+  };
+}
 export function getSelectedRowAndColumnFromPalette(palette, selectedColor, cols = DEFAULT_COLOR_PICKER_COLUMNS) {
   const colorsPerRow = getColorsPerRowFromPalette(palette, cols);
   return getSelectedRowAndColumn(colorsPerRow, selectedColor);
@@ -26,6 +43,4 @@ export const getTokenCSSVariableValue = variableExpression => {
     return value || fallback;
   }
   return '';
-};
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-export { getSelectedRowAndColumn } from './getSelectedRowAndColumn';
+};

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

@@ -3,8 +3,7 @@
 
 export { default as ColorPalette } from './ColorPalette';
 export { default as Color } from './ColorPalette/Color';
-export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
-export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette } from './ColorPalette/utils';
+export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumn, getSelectedRowAndColumnFromPalette } from './ColorPalette/utils';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';

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

@@ -2,5 +2,4 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 export { default as ReactEditorViewContext } from './ReactEditorViewContext';
-export { OutsideClickTargetRefContext } from './OutsideClickTargetRefContext';
-export { default as withReactEditorViewOuterListeners } from './with-react-editor-view-outer-listeners';
+export { default as withReactEditorViewOuterListeners, OutsideClickTargetRefContext } from './with-react-editor-view-outer-listeners';

package/dist/es2019/ui-react/with-react-editor-view-outer-listeners.js

@@ -1,8 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent, useCallback, useEffect, useRef, useState } from 'react';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { OutsideClickTargetRefContext } from './OutsideClickTargetRefContext';
 import ReactEditorViewContext from './ReactEditorViewContext';
+// Use this context to pass in the reference of the element that should be considered as the outside click target
+// The outside click target is the element that should be clicked outside of to trigger the `handleClickOutside` event
+export const OutsideClickTargetRefContext = /*#__PURE__*/React.createContext(() => Object);
 
 // This needs exporting to be used alongside `withReactEditorViewOuterListeners`
 
@@ -158,6 +160,4 @@ export default function withReactEditorViewOuterListeners(Component) {
     // eslint-disable-next-line react/jsx-props-no-spreading
     , props))));
   };
-}
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-export { OutsideClickTargetRefContext } from './OutsideClickTargetRefContext';
+}

package/dist/es2019/user-preferences/user-preferences-provider.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { areUserPreferencesEqual } from './areUserPreferencesEqual';
-import { mergeUserPreferences } from './mergeUserPreferences';
+import { areUserPreferencesEqual, mergeUserPreferences } from './utils';
 /**
  * This class is used to manage user preferences in the editor.
  * It provides methods to load, update, and get user preferences,

package/dist/es2019/user-preferences/utils.js

@@ -1,2 +1,33 @@
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-// eslint-disable-next-line @atlaskit/editor/no-re-export
+import { TOOLBAR_DOCKING_POSITIONS } from './user-preferences';
+export const mergeUserPreferences = (userPreferences, defaultPreferences) => {
+  const newResolvedUserPreferences = {
+    ...defaultPreferences,
+    ...Object.fromEntries(Object.entries(userPreferences).filter(([key, value]) => {
+      if (key === 'toolbarDockingPosition') {
+        return TOOLBAR_DOCKING_POSITIONS.includes(value);
+      }
+      return value !== undefined && value !== null;
+    }))
+  };
+  return newResolvedUserPreferences;
+};
+
+/**
+ * Compare two user preferences objects
+ * @param {ResolvedUserPreferences} left a ResolvedUserPreferences
+ * @param {ResolvedUserPreferences} right a ResolvedUserPreferences
+ * @returns true if the user preferences are the same, false otherwise
+ * @example
+ * const userPreferences1 = {
+ *   toolbarDockingPosition: 'top',
+ * };
+ * const userPreferences2 = {
+ *   toolbarDockingPosition: 'top',
+ * };
+ * compareUserPreferences(userPreferences1, userPreferences2); // true
+ */
+export const areUserPreferencesEqual = (left, right) => {
+  return Object.entries(left).every(([key, value]) => {
+    return value === right[key];
+  });
+};

package/dist/es2019/utils/analytics.js

@@ -1,5 +1,23 @@
-import { getAnalyticsAppearance } from './getAnalyticsAppearance';
-import { SEVERITY } from './SEVERITY';
+import { EDITOR_APPEARANCE_CONTEXT } from '@atlaskit/analytics-namespaced-context/FabricEditorAnalyticsContext';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNode } from '@atlaskit/editor-prosemirror/utils';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+export const getAnalyticsAppearance = appearance => {
+  switch (appearance) {
+    case 'full-page':
+      return EDITOR_APPEARANCE_CONTEXT.FIXED_WIDTH;
+    case 'full-width':
+      return EDITOR_APPEARANCE_CONTEXT.FULL_WIDTH;
+    case 'comment':
+      return EDITOR_APPEARANCE_CONTEXT.COMMENT;
+    case 'chromeless':
+      return EDITOR_APPEARANCE_CONTEXT.CHROMELESS;
+    case 'mobile':
+      return EDITOR_APPEARANCE_CONTEXT.MOBILE;
+    case 'max':
+      return EDITOR_APPEARANCE_CONTEXT.MAX;
+  }
+};
 export const getAnalyticsEditorAppearance = editorAppearance => editorAppearance ? `editor_${getAnalyticsAppearance(editorAppearance)}` : '_unknown';
 export const getAnalyticsEventSeverity = (duration, normalThreshold, degradedThreshold) => {
   if (duration > normalThreshold && duration <= degradedThreshold) {
@@ -10,6 +28,28 @@ export const getAnalyticsEventSeverity = (duration, normalThreshold, degradedThr
   }
   return SEVERITY.NORMAL;
 };
+export function findInsertLocation(selection) {
+  const {
+    schema,
+    name
+  } = selection.$from.doc.type;
+  if (selection instanceof NodeSelection) {
+    return selection.node.type.name;
+  }
+  if (selection instanceof CellSelection) {
+    return schema.nodes.table.name;
+  }
+
+  // Text selection
+  const parentNodeInfo = findParentNode(node => node.type !== schema.nodes.paragraph)(selection);
+  return parentNodeInfo ? parentNodeInfo.node.type.name : name;
+}
+export let SEVERITY = /*#__PURE__*/function (SEVERITY) {
+  SEVERITY["NORMAL"] = "normal";
+  SEVERITY["DEGRADED"] = "degraded";
+  SEVERITY["BLOCKING"] = "blocking";
+  return SEVERITY;
+}({});
 export const analyticsEventKey = 'EDITOR_ANALYTICS_EVENT';
 const EDITOR_BREAKPOINT_WIDTH = {
   S: 760,
@@ -19,10 +59,4 @@ const EDITOR_BREAKPOINT_WIDTH = {
 const TABLE_BREAKPOINT_KEYS = Object.keys(EDITOR_BREAKPOINT_WIDTH);
 export const getBreakpointKey = width => {
   return TABLE_BREAKPOINT_KEYS.find(key => width <= EDITOR_BREAKPOINT_WIDTH[key]) || 'L';
-};
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-export { getAnalyticsAppearance } from './getAnalyticsAppearance';
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-export { findInsertLocation } from './findInsertLocation';
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-export { SEVERITY } from './SEVERITY';
+};