@atlaskit/editor-common 115.3.0 → 115.4.0

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

@@ -1,113 +1,7 @@
 import { defineMessages } from 'react-intl';
-
-// 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.'
-  }
-});
+import { lightBackgroundPaletteTooltipMessages } from './lightBackgroundPaletteTooltipMessages';
+import { lightChartsColorPaletteTooltipMessages } from './lightChartsColorPaletteTooltipMessages';
+import { lightTextPaletteTooltipMessages } from './lightTextPaletteTooltipMessages';
 const darkModeTextPaletteOverrides = defineMessages({
   '#FFFFFF': {
     id: 'fabric.theme.dark-gray',
@@ -120,116 +14,10 @@ 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',
@@ -247,204 +35,15 @@ 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
 };
@@ -471,4 +70,10 @@ 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,20 +1,11 @@
 import { colorPalette } from '@atlaskit/adf-schema';
-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
-  };
-};
-
+import { mapPaletteColor } from './mapPaletteColor';
 // 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/Palettes/textColorPaletteTokenBorders.js

@@ -0,0 +1 @@
+export const textColorPaletteTokenBorders = [];

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

@@ -0,0 +1,18 @@
+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
+  };
+}

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

@@ -1,3 +1,4 @@
+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) => {
@@ -7,24 +8,6 @@ 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);
@@ -43,4 +26,6 @@ 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,7 +3,8 @@
 
 export { default as ColorPalette } from './ColorPalette';
 export { default as Color } from './ColorPalette/Color';
-export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumn, getSelectedRowAndColumnFromPalette } from './ColorPalette/utils';
+export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
+export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, 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/OutsideClickTargetRefContext.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+// 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);

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

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

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

@@ -1,10 +1,8 @@
 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`
 
@@ -160,4 +158,6 @@ 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/areUserPreferencesEqual.js

@@ -0,0 +1,19 @@
+/**
+ * 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/user-preferences/mergeUserPreferences.js

@@ -0,0 +1,13 @@
+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;
+};

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

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