@atlaskit/renderer 108.15.14 → 108.15.15

package/dist/es2019/react/marks/textColor.js

@@ -1,11 +1,75 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
+import { isHex, isRgb, rgbToHex } from '@atlaskit/adf-schema';
 import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { useThemeObserver } from '@atlaskit/tokens';
+/**
+ * This function is duplicated in
+ * - @atlaskit/adf-schema
+ * - ../nodes/tableCell.tsx
+ * it takes a color string, and if the color string is a hex or rgb value
+ * it will invert the color and return the inverted color.
+ */
+function invertCustomColor(customColor) {
+  let hex;
+  if (isHex(customColor)) {
+    hex = customColor;
+  } else if (isRgb(customColor)) {
+    hex = rgbToHex(customColor);
+  } else {
+    return customColor;
+  }
+  const hexWithoutHash = hex.replace('#', '');
+
+  // This inverts the hex color by
+  // 1. converting the hex code to a number
+  // 2. XORing it with 0xffffff
+  // 3. Converting the result back to hex
+  // 4. Removing the leading 1 from the result
+  return `#${(Number(`0x1${hexWithoutHash}`) ^ 0xffffff).toString(16).substring(1).toUpperCase()}`;
+}
 export default function TextColor(props) {
+  const {
+    colorMode
+  } = useThemeObserver();
   // Note -- while there is no way to create custom colors using default tooling
   // the editor does supported ad hoc color values -- and there may be content
   // which has been migrated or created via apis which use such values.
-  const paletteColorValue = hexToEditorTextPaletteColor(props.color) || props.color;
+  let paletteColorValue;
+  if (getBooleanFF('platform.editor.dm-invert-text-color_cvho2')) {
+    /**
+     * The Editor persists custom text colors when content has been migrated from the old editor, or created via
+     * apis.
+     *
+     * This behaviour predates the introduction of dark mode.
+     *
+     * Without the inversion logic below, text with custom colors, can be hard to read when the user loads the page in dark mode.
+     *
+     * This introduces inversion of the presentation of the custom text colors when the user is in dark mode.
+     *
+     * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+     * how we detect text colors copied from external editor sources. Where we load the background color from a
+     * seperate attribute (data-text-custom-color), instead of the inline style.
+     *
+     * See the following document for more details on this behaviour
+     * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2908658046/Unsupported+custom+text+colors+in+dark+theme+Editor+Job+Story
+     */
+    const tokenColor = hexToEditorTextPaletteColor(props.color);
+    if (tokenColor) {
+      paletteColorValue = hexToEditorTextPaletteColor(props.color) || props.color;
+    } else {
+      if (colorMode === 'dark') {
+        // if we have a custom color, we need to check if we are in dark mode
+        paletteColorValue = invertCustomColor(props.color);
+      } else {
+        // if we are in light mode, we can just set the color
+        paletteColorValue = props.color;
+      }
+    }
+  } else {
+    paletteColorValue = hexToEditorTextPaletteColor(props.color) || props.color;
+  }
   const style = useMemo(() => ({
     ['--custom-palette-color']: paletteColorValue
   }), [paletteColorValue]);

package/dist/es2019/react/nodes/tableCell.js

@@ -1,15 +1,15 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { tableBackgroundColorPalette } from '@atlaskit/adf-schema';
-import { compose } from '@atlaskit/editor-common/utils';
+import { isHex, isRgb, rgbToHex, tableBackgroundColorPalette } from '@atlaskit/adf-schema';
+import { useThemeObserver } from '@atlaskit/tokens';
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import SortingIcon from '../../ui/SortingIcon';
 import { MODE, PLATFORM } from '../../analytics/events';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { RendererCssClassName } from '../../consts';
-import { injectIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl-next';
 import { tableCellMessages } from '../../messages';
 const IgnoreSorting = ['LABEL', 'INPUT'];
 const nextStatusOrder = currentSortOrder => {
@@ -64,13 +64,77 @@ const getDataAttributes = (colwidth, background) => {
   }
   return attrs;
 };
-const getStyle = (background, colGroupWidth, offsetTop) => {
+
+/**
+ * This function is duplicated in
+ * - @atlaskit/adf-schema
+ * - ../marks/textColor.tsx
+ * it takes a color string, and if the color string is a hex or rgb value
+ * it will invert the color and return the inverted color.
+ */
+function invertCustomColor(customColor) {
+  let hex;
+  if (isHex(customColor)) {
+    hex = customColor;
+  } else if (isRgb(customColor)) {
+    hex = rgbToHex(customColor);
+  } else {
+    return customColor;
+  }
+  const hexWithoutHash = hex.replace('#', '');
+
+  // This inverts the hex color by
+  // 1. converting the hex code to a number
+  // 2. XORing it with 0xffffff
+  // 3. Converting the result back to hex
+  // 4. Removing the leading 1 from the result
+  return `#${(Number(`0x1${hexWithoutHash}`) ^ 0xffffff).toString(16).substring(1).toUpperCase()}`;
+}
+const getStyle = ({
+  background,
+  colGroupWidth,
+  offsetTop,
+  colorMode
+}) => {
   const style = {};
   if (background &&
   // ignore setting inline styles if ds neutral token is detected
   !background.includes('--ds-background-neutral')) {
-    const tokenColor = hexToEditorBackgroundPaletteRawValue(background) || background;
-    style.backgroundColor = tokenColor;
+    if (getBooleanFF('platform.editor.dm-invert-tablecell-bgcolor_9fz6s')) {
+      /**
+       * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
+       * backgrounds persisted.
+       *
+       * This feature predates the introduction of dark mode.
+       *
+       * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
+       *
+       * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
+       *
+       * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+       * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
+       * seperate attribute (data-cell-background), instead of the inline style.
+       *
+       * See the following document for more details on this behaviour
+       * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
+       */
+      const tokenColor = hexToEditorBackgroundPaletteRawValue(background);
+      if (tokenColor) {
+        style.backgroundColor = tokenColor;
+      } else {
+        // if we have a custom color, we need to check if we are in dark mode
+        if (colorMode === 'dark') {
+          // if we are in dark mode, we need to invert the color
+          style.backgroundColor = invertCustomColor(background);
+        } else {
+          // if we are in light mode, we can just set the color
+          style.backgroundColor = background;
+        }
+      }
+    } else {
+      const tokenColor = hexToEditorBackgroundPaletteRawValue(background) || background;
+      style.backgroundColor = tokenColor;
+    }
   }
   if (colGroupWidth) {
     style.width = colGroupWidth;
@@ -81,113 +145,123 @@ const getStyle = (background, colGroupWidth, offsetTop) => {
   }
   return style;
 };
-const withCellProps = WrapperComponent => {
-  return class WithCellProps extends React.Component {
-    render() {
-      const {
-        children,
-        className,
-        onClick,
-        colwidth,
-        colGroupWidth,
-        rowspan,
-        colspan,
+const getWithCellProps = WrapperComponent => {
+  return function WithCellProps(props) {
+    const {
+      colorMode
+    } = useThemeObserver();
+    const {
+      children,
+      className,
+      onClick,
+      colwidth,
+      colGroupWidth,
+      rowspan,
+      colspan,
+      background,
+      offsetTop,
+      ariaSort
+    } = props;
+
+    // This is used to set the background color of the cell
+    // to a dark mode color in mobile dark mode
+    const colorName = background ? tableBackgroundColorPalette.get(background) : '';
+    return /*#__PURE__*/React.createElement(WrapperComponent, _extends({
+      rowSpan: rowspan,
+      colSpan: colspan
+      // Note: When content from a renderer is pasted into an editor
+      // the background color is not taken from the inline style.
+      // Instead it is taken from the data-cell-background attribute
+      // (added via getDataAttributes below).
+      ,
+      style: getStyle({
         background,
+        colGroupWidth,
         offsetTop,
-        ariaSort
-      } = this.props;
-      const colorName = background ? tableBackgroundColorPalette.get(background) : '';
-      return /*#__PURE__*/React.createElement(WrapperComponent, _extends({
-        rowSpan: rowspan,
-        colSpan: colspan,
-        style: getStyle(background, colGroupWidth, offsetTop),
-        colorname: colorName,
-        onClick: onClick,
-        className: className
-      }, getDataAttributes(colwidth, background), {
-        "aria-sort": ariaSort
-      }), children);
-    }
+        colorMode
+      }),
+      colorname: colorName,
+      onClick: onClick,
+      className: className
+    }, getDataAttributes(colwidth, background), {
+      "aria-sort": ariaSort
+    }), children);
   };
 };
+const TH = getWithCellProps('th');
 export const withSortableColumn = WrapperComponent => {
-  class WithSortableColumn extends React.Component {
-    constructor(props) {
-      super(props);
-      _defineProperty(this, "onKeyPress", event => {
-        const keys = [' ', 'Enter', 'Spacebar'];
-        const {
-          tagName
-        } = event.target;
-        // trigger sorting if space or enter are clicked but not when in an input field (template variables)
-        if (keys.includes(event.key) && !IgnoreSorting.includes(tagName)) {
-          event.preventDefault();
-          this.sort();
-        }
-      });
-      _defineProperty(this, "sort", () => {
-        const {
-          fireAnalyticsEvent,
-          onSorting,
-          columnIndex,
-          sortOrdered
-        } = this.props;
-        if (onSorting && columnIndex != null) {
-          const sortOrder = nextStatusOrder(sortOrdered);
-          onSorting(columnIndex, sortOrder);
-          fireAnalyticsEvent && fireAnalyticsEvent({
-            action: ACTION.SORT_COLUMN,
-            actionSubject: ACTION_SUBJECT.TABLE,
-            attributes: {
-              platform: PLATFORM.WEB,
-              mode: MODE.RENDERER,
-              columnIndex,
-              sortOrder
-            },
-            eventType: EVENT_TYPE.TRACK
-          });
-        } else {
-          fireAnalyticsEvent && fireAnalyticsEvent({
-            action: ACTION.SORT_COLUMN_NOT_ALLOWED,
-            actionSubject: ACTION_SUBJECT.TABLE,
-            attributes: {
-              platform: PLATFORM.WEB,
-              mode: MODE.RENDERER
-            },
-            eventType: EVENT_TYPE.TRACK
-          });
-        }
-      });
+  return function THWithSortableColumn(props) {
+    const intl = useIntl();
+    const {
+      allowColumnSorting,
+      onSorting,
+      children,
+      sortOrdered,
+      isHeaderRow
+    } = props;
+    const sortOrderedClassName = sortOrdered === SortOrder.NO_ORDER ? RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
+    if (!allowColumnSorting || !isHeaderRow) {
+      return /*#__PURE__*/React.createElement(WrapperComponent, props);
+    }
+    return /*#__PURE__*/React.createElement(WrapperComponent, _extends({}, props, {
+      className: RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
+      ariaSort: getSortOrderLabel(intl, sortOrdered)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: RendererCssClassName.SORTABLE_COLUMN
+    }, children, /*#__PURE__*/React.createElement("figure", {
+      className: `${RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER} ${sortOrderedClassName}`
+    }, /*#__PURE__*/React.createElement(SortingIcon, {
+      isSortingAllowed: !!onSorting,
+      sortOrdered: sortOrdered,
+      onClick: sort,
+      onKeyDown: onKeyPress
+    }))));
+    function onKeyPress(event) {
+      const keys = [' ', 'Enter', 'Spacebar'];
+      const {
+        tagName
+      } = event.target;
+      // trigger sorting if space or enter are clicked but not when in an input field (template variables)
+      if (keys.includes(event.key) && !IgnoreSorting.includes(tagName)) {
+        event.preventDefault();
+        sort();
+      }
     }
-    render() {
+    function sort() {
       const {
-        allowColumnSorting,
+        fireAnalyticsEvent,
         onSorting,
-        children,
-        sortOrdered,
-        isHeaderRow,
-        intl
-      } = this.props;
-      const sortOrderedClassName = sortOrdered === SortOrder.NO_ORDER ? RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
-      if (!allowColumnSorting || !isHeaderRow) {
-        return /*#__PURE__*/React.createElement(WrapperComponent, this.props);
+        columnIndex,
+        sortOrdered
+      } = props;
+      if (onSorting && columnIndex != null) {
+        const sortOrder = nextStatusOrder(sortOrdered);
+        onSorting(columnIndex, sortOrder);
+        fireAnalyticsEvent && fireAnalyticsEvent({
+          action: ACTION.SORT_COLUMN,
+          actionSubject: ACTION_SUBJECT.TABLE,
+          attributes: {
+            platform: PLATFORM.WEB,
+            mode: MODE.RENDERER,
+            columnIndex,
+            sortOrder
+          },
+          eventType: EVENT_TYPE.TRACK
+        });
+      } else {
+        fireAnalyticsEvent && fireAnalyticsEvent({
+          action: ACTION.SORT_COLUMN_NOT_ALLOWED,
+          actionSubject: ACTION_SUBJECT.TABLE,
+          attributes: {
+            platform: PLATFORM.WEB,
+            mode: MODE.RENDERER
+          },
+          eventType: EVENT_TYPE.TRACK
+        });
       }
-      return /*#__PURE__*/React.createElement(WrapperComponent, _extends({}, this.props, {
-        className: RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
-        ariaSort: getSortOrderLabel(intl, sortOrdered)
-      }), /*#__PURE__*/React.createElement("div", {
-        className: RendererCssClassName.SORTABLE_COLUMN
-      }, children, /*#__PURE__*/React.createElement("figure", {
-        className: `${RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER} ${sortOrderedClassName}`
-      }, /*#__PURE__*/React.createElement(SortingIcon, {
-        isSortingAllowed: !!onSorting,
-        sortOrdered: sortOrdered,
-        onClick: this.sort,
-        onKeyDown: this.onKeyPress
-      }))));
     }
-  }
-  return injectIntl(WithSortableColumn);
+  };
 };
-export const TableHeader = compose(withSortableColumn, withCellProps)('th');
-export const TableCell = withCellProps('td');
+export const TableHeader = withSortableColumn(TH);
+const TD = getWithCellProps('td');
+export const TableCell = TD;

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

@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.15.14";
+const packageVersion = "108.15.15";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/esm/i18n/da.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Kopiering mislykkedes',
   'fabric.editor.headingLink.invalidLabel': '⚠️ En tabel med flettede celler kan ikke sorteres',
   'fabric.editor.headingLink.noOrderLabel': 'Sortér kolonnen fra A til Å',
-  'fabric.editor.headingLink.noneSortingLabel': 'ingen'
+  'fabric.editor.headingLink.noneSortingLabel': 'ingen',
+  'fabric.editor.tableHeader.sorting.asc': 'Stigende sortering anvendt',
+  'fabric.editor.tableHeader.sorting.default': 'Sortér kolonnen',
+  'fabric.editor.tableHeader.sorting.desc': 'Faldende sortering anvendt',
+  'fabric.editor.tableHeader.sorting.invalid': 'Du kan ikke sortere en tabel med flettede celler',
+  'fabric.editor.tableHeader.sorting.no': 'Ingen sortering anvendt på kolonnen'
 };

package/dist/esm/i18n/de.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Kopieren ist fehlgeschlagen',
   'fabric.editor.headingLink.invalidLabel': '⚠️ Tabellen mit zusammengeführten Zellen können nicht sortiert werden.',
   'fabric.editor.headingLink.noOrderLabel': 'Spalte von A nach Z sortieren',
-  'fabric.editor.headingLink.noneSortingLabel': 'Keine'
+  'fabric.editor.headingLink.noneSortingLabel': 'Keine',
+  'fabric.editor.tableHeader.sorting.asc': 'Aufsteigend sortiert',
+  'fabric.editor.tableHeader.sorting.default': 'Spalte sortieren',
+  'fabric.editor.tableHeader.sorting.desc': 'Absteigend sortiert',
+  'fabric.editor.tableHeader.sorting.invalid': 'Tabellen mit zusammengeführten Zellen können nicht sortiert werden.',
+  'fabric.editor.tableHeader.sorting.no': 'Keine Sortierung auf die Spalte angewendet'
 };

package/dist/esm/i18n/es.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Copia fallida',
   'fabric.editor.headingLink.invalidLabel': '⚠️ No puedes ordenar una tabla con celdas combinadas',
   'fabric.editor.headingLink.noOrderLabel': 'Ordenar columna de la A a la Z',
-  'fabric.editor.headingLink.noneSortingLabel': 'ninguno'
+  'fabric.editor.headingLink.noneSortingLabel': 'ninguno',
+  'fabric.editor.tableHeader.sorting.asc': 'Se ha aplicado el orden ascendente',
+  'fabric.editor.tableHeader.sorting.default': 'Ordenar la columna',
+  'fabric.editor.tableHeader.sorting.desc': 'Se ha aplicado el orden descendente',
+  'fabric.editor.tableHeader.sorting.invalid': 'No puedes ordenar una tabla con celdas combinadas',
+  'fabric.editor.tableHeader.sorting.no': 'No hay ningún orden aplicado a la columna'
 };

package/dist/esm/i18n/fr.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Copie impossible',
   'fabric.editor.headingLink.invalidLabel': '⚠️ Impossible de trier un tableau comportant des cellules fusionnées',
   'fabric.editor.headingLink.noOrderLabel': 'Trier la colonne de A à Z',
-  'fabric.editor.headingLink.noneSortingLabel': 'Néant'
+  'fabric.editor.headingLink.noneSortingLabel': 'Néant',
+  'fabric.editor.tableHeader.sorting.asc': 'Tri par ordre croissant appliqué',
+  'fabric.editor.tableHeader.sorting.default': 'Trier la colonne',
+  'fabric.editor.tableHeader.sorting.desc': 'Tri par ordre décroissant appliqué',
+  'fabric.editor.tableHeader.sorting.invalid': 'Impossible de trier un tableau comportant des cellules fusionnées',
+  'fabric.editor.tableHeader.sorting.no': 'Aucun tri appliqué à la colonne'
 };

package/dist/esm/i18n/hu.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'A másolás nem sikerült',
   'fabric.editor.headingLink.invalidLabel': '⚠️ Nem rendezhetsz egyesített cellákat tartalmazó táblázatot',
   'fabric.editor.headingLink.noOrderLabel': 'Oszlop rendezése: A → Z',
-  'fabric.editor.headingLink.noneSortingLabel': 'Nincs'
+  'fabric.editor.headingLink.noneSortingLabel': 'Nincs',
+  'fabric.editor.tableHeader.sorting.asc': 'Növekvő sorrendbe állítva',
+  'fabric.editor.tableHeader.sorting.default': 'Oszlop rendezése',
+  'fabric.editor.tableHeader.sorting.desc': 'Csökkenő sorrendbe állítva',
+  'fabric.editor.tableHeader.sorting.invalid': 'Nem rendezhetsz egyesített cellákat tartalmazó táblázatot',
+  'fabric.editor.tableHeader.sorting.no': 'Az oszlop nincs rendezve'
 };

package/dist/esm/i18n/it.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Copia non riuscita',
   'fabric.editor.headingLink.invalidLabel': '⚠️ Non puoi ordinare una tabella con celle unite',
   'fabric.editor.headingLink.noOrderLabel': 'Ordina colonna da A a Z',
-  'fabric.editor.headingLink.noneSortingLabel': 'nessuno'
+  'fabric.editor.headingLink.noneSortingLabel': 'nessuno',
+  'fabric.editor.tableHeader.sorting.asc': 'Ordinamento crescente applicato',
+  'fabric.editor.tableHeader.sorting.default': 'Ordina la colonna',
+  'fabric.editor.tableHeader.sorting.desc': 'Ordinamento decrescente applicato',
+  'fabric.editor.tableHeader.sorting.invalid': 'Non puoi ordinare una tabella con celle unite',
+  'fabric.editor.tableHeader.sorting.no': 'Nessun ordinamento applicato alla colonna'
 };

package/dist/esm/i18n/ko.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': '복사 실패',
   'fabric.editor.headingLink.invalidLabel': '⚠️ 병합된 셀이 있는 표를 정렬할 수 없습니다',
   'fabric.editor.headingLink.noOrderLabel': '오름차순으로 열 정렬',
-  'fabric.editor.headingLink.noneSortingLabel': '없음'
+  'fabric.editor.headingLink.noneSortingLabel': '없음',
+  'fabric.editor.tableHeader.sorting.asc': '오름차순 정렬 적용',
+  'fabric.editor.tableHeader.sorting.default': '열 정렬',
+  'fabric.editor.tableHeader.sorting.desc': '내림차순 정렬 적용',
+  'fabric.editor.tableHeader.sorting.invalid': '병합된 셀이 있는 표를 정렬할 수 없습니다',
+  'fabric.editor.tableHeader.sorting.no': '열에 적용한 정렬이 없습니다'
 };

package/dist/esm/i18n/nb.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Kopiering mislyktes',
   'fabric.editor.headingLink.invalidLabel': '⚠️ Du kan ikke sortere en tabell med sammenslåtte celler',
   'fabric.editor.headingLink.noOrderLabel': 'Sorter kolonne A til Å',
-  'fabric.editor.headingLink.noneSortingLabel': 'ingen'
+  'fabric.editor.headingLink.noneSortingLabel': 'ingen',
+  'fabric.editor.tableHeader.sorting.asc': 'Stigende sortering brukt',
+  'fabric.editor.tableHeader.sorting.default': 'Sorter kolonnen',
+  'fabric.editor.tableHeader.sorting.desc': 'Synkende sortering brukt',
+  'fabric.editor.tableHeader.sorting.invalid': 'Du kan ikke sortere en tabell med sammenslåtte celler',
+  'fabric.editor.tableHeader.sorting.no': 'Ingen sortering brukt for kolonnen'
 };

package/dist/esm/i18n/nl.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Kopiëren mislukt',
   'fabric.editor.headingLink.invalidLabel': '⚠️ Je kan een tabel met samengevoegde cellen niet rangschikken',
   'fabric.editor.headingLink.noOrderLabel': 'Rangschik kolom van A tot Z',
-  'fabric.editor.headingLink.noneSortingLabel': 'Geen'
+  'fabric.editor.headingLink.noneSortingLabel': 'Geen',
+  'fabric.editor.tableHeader.sorting.asc': 'Oplopende sortering toegepast',
+  'fabric.editor.tableHeader.sorting.default': 'Sorteer de kolom',
+  'fabric.editor.tableHeader.sorting.desc': 'Aflopende sortering toegepast',
+  'fabric.editor.tableHeader.sorting.invalid': 'Je kunt een tabel met samengevoegde cellen niet rangschikken',
+  'fabric.editor.tableHeader.sorting.no': 'Geen sortering toegepast op de kolom'
 };

package/dist/esm/i18n/pl.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się',
   'fabric.editor.headingLink.invalidLabel': '⚠️ Nie można sortować tabeli ze scalonymi komórkami',
   'fabric.editor.headingLink.noOrderLabel': 'Sortuj kolumnę od A do Z',
-  'fabric.editor.headingLink.noneSortingLabel': 'Brak'
+  'fabric.editor.headingLink.noneSortingLabel': 'Brak',
+  'fabric.editor.tableHeader.sorting.asc': 'Posortowano rosnąco',
+  'fabric.editor.tableHeader.sorting.default': 'Sortuj kolumnę',
+  'fabric.editor.tableHeader.sorting.desc': 'Posortowano malejąco',
+  'fabric.editor.tableHeader.sorting.invalid': 'Nie można sortować tabeli ze scalonymi komórkami',
+  'fabric.editor.tableHeader.sorting.no': 'Do kolumny nie zastosowano żadnego sortowania'
 };

package/dist/esm/i18n/sv.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Kopiering misslyckades',
   'fabric.editor.headingLink.invalidLabel': '⚠️ Du kan inte sortera en panelvy med sammanslagna celler',
   'fabric.editor.headingLink.noOrderLabel': 'Sortera kolumn A till Ö',
-  'fabric.editor.headingLink.noneSortingLabel': 'Ingen'
+  'fabric.editor.headingLink.noneSortingLabel': 'Ingen',
+  'fabric.editor.tableHeader.sorting.asc': 'Stigande sortering används',
+  'fabric.editor.tableHeader.sorting.default': 'Sortera kolumnen',
+  'fabric.editor.tableHeader.sorting.desc': 'Fallande sortering används',
+  'fabric.editor.tableHeader.sorting.invalid': 'Du kan inte sortera en tabell med sammanslagna celler',
+  'fabric.editor.tableHeader.sorting.no': 'Ingen sortering används på kolumnen'
 };

package/dist/esm/i18n/th.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'การคัดลอกไม่สำเร็จ',
   'fabric.editor.headingLink.invalidLabel': '⚠️ คุณไม่สามารถจัดเรียงตารางด้วยช่องข้อมูลที่ถูกรวมได้',
   'fabric.editor.headingLink.noOrderLabel': 'เรียงจากคอลัมน์ A ไป Z',
-  'fabric.editor.headingLink.noneSortingLabel': 'ไม่มี'
+  'fabric.editor.headingLink.noneSortingLabel': 'ไม่มี',
+  'fabric.editor.tableHeader.sorting.asc': 'ใช้การเรียงลำดับจากน้อยไปมาก',
+  'fabric.editor.tableHeader.sorting.default': 'จัดเรียงคอลัมน์',
+  'fabric.editor.tableHeader.sorting.desc': 'ใช้การเรียงลำดับจากมากไปน้อย',
+  'fabric.editor.tableHeader.sorting.invalid': 'คุณไม่สามารถจัดเรียงตารางด้วยช่องข้อมูลที่ถูกรวมได้',
+  'fabric.editor.tableHeader.sorting.no': 'ไม่มีการใช้การจัดเรียงกับคอลัมน์'
 };

package/dist/esm/i18n/tr.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Kopyalama işlemi başarısız oldu',
   'fabric.editor.headingLink.invalidLabel': '⚠️ Birleştirilmiş hücre içeren bir tabloyu sıralayamazsınız',
   'fabric.editor.headingLink.noOrderLabel': "Sütunu A'dan Z'ye sırala",
-  'fabric.editor.headingLink.noneSortingLabel': 'yok'
+  'fabric.editor.headingLink.noneSortingLabel': 'yok',
+  'fabric.editor.tableHeader.sorting.asc': 'Artan biçimde sıralama uygulandı',
+  'fabric.editor.tableHeader.sorting.default': 'Sütunu sırala',
+  'fabric.editor.tableHeader.sorting.desc': 'Azalan biçimde sıralama uygulandı',
+  'fabric.editor.tableHeader.sorting.invalid': 'Birleştirilmiş hücre içeren bir tabloyu sıralayamazsınız',
+  'fabric.editor.tableHeader.sorting.no': 'Sütuna sıralama uygulanmadı'
 };

package/dist/esm/i18n/uk.js

@@ -22,5 +22,5 @@ export default {
   'fabric.editor.tableHeader.sorting.default': 'Сортувати стовпець',
   'fabric.editor.tableHeader.sorting.desc': 'Застосовано сортування за спаданням',
   'fabric.editor.tableHeader.sorting.invalid': 'Не можна сортувати таблицю, у якій є об’єднані клітинки',
-  'fabric.editor.tableHeader.sorting.no': 'До стовпця не застосовано сортування'
+  'fabric.editor.tableHeader.sorting.no': 'Стовпець не сортувався'
 };

package/dist/esm/i18n/vi.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': 'Sao chép không thành công',
   'fabric.editor.headingLink.invalidLabel': '⚠️ Bạn không thể sắp xếp bảng có các ô đã hợp nhất',
   'fabric.editor.headingLink.noOrderLabel': 'Sắp xếp cột theo thứ tự từ A đến Z',
-  'fabric.editor.headingLink.noneSortingLabel': 'không có'
+  'fabric.editor.headingLink.noneSortingLabel': 'không có',
+  'fabric.editor.tableHeader.sorting.asc': 'Đã áp dụng kiểu sắp xếp tăng dần',
+  'fabric.editor.tableHeader.sorting.default': 'Sắp xếp cột',
+  'fabric.editor.tableHeader.sorting.desc': 'Đã áp dụng kiểu sắp xếp giảm dần',
+  'fabric.editor.tableHeader.sorting.invalid': 'Bạn không thể sắp xếp bảng có các ô đã hợp nhất',
+  'fabric.editor.tableHeader.sorting.no': 'Không có kiểu sắp xếp nào được áp dụng cho cột'
 };

package/dist/esm/i18n/zh.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': '复制失败',
   'fabric.editor.headingLink.invalidLabel': '⚠️ 无法对包含合并单元格的表格进行排序',
   'fabric.editor.headingLink.noOrderLabel': '按照 A 到 Z 进行列排序',
-  'fabric.editor.headingLink.noneSortingLabel': '无'
+  'fabric.editor.headingLink.noneSortingLabel': '无',
+  'fabric.editor.tableHeader.sorting.asc': '已应用升序排序',
+  'fabric.editor.tableHeader.sorting.default': '对列进行排序',
+  'fabric.editor.tableHeader.sorting.desc': '已应用降序排序',
+  'fabric.editor.tableHeader.sorting.invalid': '无法对包含合并单元格的表格进行排序',
+  'fabric.editor.tableHeader.sorting.no': '未对该列应用任何排序'
 };

package/dist/esm/i18n/zh_TW.js

@@ -17,5 +17,10 @@ export default {
   'fabric.editor.headingLink.failedToCopy': '複製失敗',
   'fabric.editor.headingLink.invalidLabel': '⚠️ 您無法排序包含合併儲存格的表格',
   'fabric.editor.headingLink.noOrderLabel': '從 A 欄排序到 Z 欄',
-  'fabric.editor.headingLink.noneSortingLabel': '無'
+  'fabric.editor.headingLink.noneSortingLabel': '無',
+  'fabric.editor.tableHeader.sorting.asc': '已套用遞增排序',
+  'fabric.editor.tableHeader.sorting.default': '排序直欄',
+  'fabric.editor.tableHeader.sorting.desc': '已套用遞減排序',
+  'fabric.editor.tableHeader.sorting.invalid': '您無法使用合併的儲存格來排序表格',
+  'fabric.editor.tableHeader.sorting.no': '沒有套用至直欄的排序'
 };