@atlaskit/renderer 108.15.14 → 108.15.16

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

@@ -5,27 +5,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withSortableColumn = exports.TableHeader = exports.TableCell = void 0;
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _utils = require("@atlaskit/editor-common/utils");
+var _tokens = require("@atlaskit/tokens");
 var _types = require("@atlaskit/editor-common/types");
 var _editorPalette = require("@atlaskit/editor-palette");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _SortingIcon = _interopRequireDefault(require("../../ui/SortingIcon"));
 var _events = require("../../analytics/events");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _consts = require("../../consts");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../messages");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var IgnoreSorting = ['LABEL', 'INPUT'];
 var nextStatusOrder = function nextStatusOrder(currentSortOrder) {
   switch (currentSortOrder) {
@@ -77,13 +69,76 @@ var getDataAttributes = function getDataAttributes(colwidth, background) {
   }
   return attrs;
 };
-var getStyle = function 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) {
+  var hex;
+  if ((0, _adfSchema.isHex)(customColor)) {
+    hex = customColor;
+  } else if ((0, _adfSchema.isRgb)(customColor)) {
+    hex = (0, _adfSchema.rgbToHex)(customColor);
+  } else {
+    return customColor;
+  }
+  var 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 "#".concat((Number("0x1".concat(hexWithoutHash)) ^ 0xffffff).toString(16).substring(1).toUpperCase());
+}
+var getStyle = function getStyle(_ref) {
+  var background = _ref.background,
+    colGroupWidth = _ref.colGroupWidth,
+    offsetTop = _ref.offsetTop,
+    colorMode = _ref.colorMode;
   var style = {};
   if (background &&
   // ignore setting inline styles if ds neutral token is detected
   !background.includes('--ds-background-neutral')) {
-    var tokenColor = (0, _editorPalette.hexToEditorBackgroundPaletteRawValue)(background) || background;
-    style.backgroundColor = tokenColor;
+    if ((0, _platformFeatureFlags.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
+       */
+      var tokenColor = (0, _editorPalette.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 {
+      var _tokenColor = (0, _editorPalette.hexToEditorBackgroundPaletteRawValue)(background) || background;
+      style.backgroundColor = _tokenColor;
+    }
   }
   if (colGroupWidth) {
     style.width = colGroupWidth;
@@ -94,128 +149,115 @@ var getStyle = function getStyle(background, colGroupWidth, offsetTop) {
   }
   return style;
 };
-var withCellProps = function withCellProps(WrapperComponent) {
-  return /*#__PURE__*/function (_React$Component) {
-    (0, _inherits2.default)(WithCellProps, _React$Component);
-    var _super = _createSuper(WithCellProps);
-    function WithCellProps() {
-      (0, _classCallCheck2.default)(this, WithCellProps);
-      return _super.apply(this, arguments);
-    }
-    (0, _createClass2.default)(WithCellProps, [{
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-          children = _this$props.children,
-          className = _this$props.className,
-          onClick = _this$props.onClick,
-          colwidth = _this$props.colwidth,
-          colGroupWidth = _this$props.colGroupWidth,
-          rowspan = _this$props.rowspan,
-          colspan = _this$props.colspan,
-          background = _this$props.background,
-          offsetTop = _this$props.offsetTop,
-          ariaSort = _this$props.ariaSort;
-        var colorName = background ? _adfSchema.tableBackgroundColorPalette.get(background) : '';
-        return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({
-          rowSpan: rowspan,
-          colSpan: colspan,
-          style: getStyle(background, colGroupWidth, offsetTop),
-          colorname: colorName,
-          onClick: onClick,
-          className: className
-        }, getDataAttributes(colwidth, background), {
-          "aria-sort": ariaSort
-        }), children);
-      }
-    }]);
-    return WithCellProps;
-  }(_react.default.Component);
+var getWithCellProps = function getWithCellProps(WrapperComponent) {
+  return function WithCellProps(props) {
+    var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+      colorMode = _useThemeObserver.colorMode;
+    var children = props.children,
+      className = props.className,
+      onClick = props.onClick,
+      colwidth = props.colwidth,
+      colGroupWidth = props.colGroupWidth,
+      rowspan = props.rowspan,
+      colspan = props.colspan,
+      background = props.background,
+      offsetTop = props.offsetTop,
+      ariaSort = props.ariaSort;
+
+    // This is used to set the background color of the cell
+    // to a dark mode color in mobile dark mode
+    var colorName = background ? _adfSchema.tableBackgroundColorPalette.get(background) : '';
+    return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({
+      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: background,
+        colGroupWidth: colGroupWidth,
+        offsetTop: offsetTop,
+        colorMode: colorMode
+      }),
+      colorname: colorName,
+      onClick: onClick,
+      className: className
+    }, getDataAttributes(colwidth, background), {
+      "aria-sort": ariaSort
+    }), children);
+  };
 };
+var TH = getWithCellProps('th');
 var withSortableColumn = exports.withSortableColumn = function withSortableColumn(WrapperComponent) {
-  var WithSortableColumn = /*#__PURE__*/function (_React$Component2) {
-    (0, _inherits2.default)(WithSortableColumn, _React$Component2);
-    var _super2 = _createSuper(WithSortableColumn);
-    function WithSortableColumn(props) {
-      var _this;
-      (0, _classCallCheck2.default)(this, WithSortableColumn);
-      _this = _super2.call(this, props);
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyPress", function (event) {
-        var keys = [' ', 'Enter', 'Spacebar'];
-        var _ref = event.target,
-          tagName = _ref.tagName;
-        // 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();
-        }
-      });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sort", function () {
-        var _this$props2 = _this.props,
-          fireAnalyticsEvent = _this$props2.fireAnalyticsEvent,
-          onSorting = _this$props2.onSorting,
-          columnIndex = _this$props2.columnIndex,
-          sortOrdered = _this$props2.sortOrdered;
-        if (onSorting && columnIndex != null) {
-          var sortOrder = nextStatusOrder(sortOrdered);
-          onSorting(columnIndex, sortOrder);
-          fireAnalyticsEvent && fireAnalyticsEvent({
-            action: _analytics.ACTION.SORT_COLUMN,
-            actionSubject: _analytics.ACTION_SUBJECT.TABLE,
-            attributes: {
-              platform: _events.PLATFORM.WEB,
-              mode: _events.MODE.RENDERER,
-              columnIndex: columnIndex,
-              sortOrder: sortOrder
-            },
-            eventType: _analytics.EVENT_TYPE.TRACK
-          });
-        } else {
-          fireAnalyticsEvent && fireAnalyticsEvent({
-            action: _analytics.ACTION.SORT_COLUMN_NOT_ALLOWED,
-            actionSubject: _analytics.ACTION_SUBJECT.TABLE,
-            attributes: {
-              platform: _events.PLATFORM.WEB,
-              mode: _events.MODE.RENDERER
-            },
-            eventType: _analytics.EVENT_TYPE.TRACK
-          });
-        }
-      });
-      return _this;
+  return function THWithSortableColumn(props) {
+    var intl = (0, _reactIntlNext.useIntl)();
+    var allowColumnSorting = props.allowColumnSorting,
+      onSorting = props.onSorting,
+      children = props.children,
+      sortOrdered = props.sortOrdered,
+      isHeaderRow = props.isHeaderRow;
+    var sortOrderedClassName = sortOrdered === _types.SortOrder.NO_ORDER ? _consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
+    if (!allowColumnSorting || !isHeaderRow) {
+      return /*#__PURE__*/_react.default.createElement(WrapperComponent, props);
     }
-    (0, _createClass2.default)(WithSortableColumn, [{
-      key: "render",
-      value: function render() {
-        var _this$props3 = this.props,
-          allowColumnSorting = _this$props3.allowColumnSorting,
-          onSorting = _this$props3.onSorting,
-          children = _this$props3.children,
-          sortOrdered = _this$props3.sortOrdered,
-          isHeaderRow = _this$props3.isHeaderRow,
-          intl = _this$props3.intl;
-        var sortOrderedClassName = sortOrdered === _types.SortOrder.NO_ORDER ? _consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
-        if (!allowColumnSorting || !isHeaderRow) {
-          return /*#__PURE__*/_react.default.createElement(WrapperComponent, this.props);
-        }
-        return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({}, this.props, {
-          className: _consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
-          ariaSort: getSortOrderLabel(intl, sortOrdered)
-        }), /*#__PURE__*/_react.default.createElement("div", {
-          className: _consts.RendererCssClassName.SORTABLE_COLUMN
-        }, children, /*#__PURE__*/_react.default.createElement("figure", {
-          className: "".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
-        }, /*#__PURE__*/_react.default.createElement(_SortingIcon.default, {
-          isSortingAllowed: !!onSorting,
-          sortOrdered: sortOrdered,
-          onClick: this.sort,
-          onKeyDown: this.onKeyPress
-        }))));
+    return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({}, props, {
+      className: _consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
+      ariaSort: getSortOrderLabel(intl, sortOrdered)
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: _consts.RendererCssClassName.SORTABLE_COLUMN
+    }, children, /*#__PURE__*/_react.default.createElement("figure", {
+      className: "".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
+    }, /*#__PURE__*/_react.default.createElement(_SortingIcon.default, {
+      isSortingAllowed: !!onSorting,
+      sortOrdered: sortOrdered,
+      onClick: sort,
+      onKeyDown: onKeyPress
+    }))));
+    function onKeyPress(event) {
+      var keys = [' ', 'Enter', 'Spacebar'];
+      var _ref2 = event.target,
+        tagName = _ref2.tagName;
+      // 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();
+      }
+    }
+    function sort() {
+      var fireAnalyticsEvent = props.fireAnalyticsEvent,
+        onSorting = props.onSorting,
+        columnIndex = props.columnIndex,
+        sortOrdered = props.sortOrdered;
+      if (onSorting && columnIndex != null) {
+        var sortOrder = nextStatusOrder(sortOrdered);
+        onSorting(columnIndex, sortOrder);
+        fireAnalyticsEvent && fireAnalyticsEvent({
+          action: _analytics.ACTION.SORT_COLUMN,
+          actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+          attributes: {
+            platform: _events.PLATFORM.WEB,
+            mode: _events.MODE.RENDERER,
+            columnIndex: columnIndex,
+            sortOrder: sortOrder
+          },
+          eventType: _analytics.EVENT_TYPE.TRACK
+        });
+      } else {
+        fireAnalyticsEvent && fireAnalyticsEvent({
+          action: _analytics.ACTION.SORT_COLUMN_NOT_ALLOWED,
+          actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+          attributes: {
+            platform: _events.PLATFORM.WEB,
+            mode: _events.MODE.RENDERER
+          },
+          eventType: _analytics.EVENT_TYPE.TRACK
+        });
       }
-    }]);
-    return WithSortableColumn;
-  }(_react.default.Component);
-  return (0, _reactIntlNext.injectIntl)(WithSortableColumn);
+    }
+  };
 };
-var TableHeader = exports.TableHeader = (0, _utils.compose)(withSortableColumn, withCellProps)('th');
-var TableCell = exports.TableCell = withCellProps('td');
+var TableHeader = exports.TableHeader = withSortableColumn(TH);
+var TD = getWithCellProps('td');
+var TableCell = exports.TableCell = TD;

package/dist/cjs/ui/MediaCard.js

@@ -18,7 +18,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _traverse = require("@atlaskit/adf-utils/traverse");
 var _mediaCard = require("@atlaskit/media-card");
-var _mediaClient = require("@atlaskit/media-client");
+var _mediaClientReact = require("@atlaskit/media-client-react");
 var _utils = require("@atlaskit/editor-common/utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -73,7 +73,7 @@ var MediaCardInternal = exports.MediaCardInternal = /*#__PURE__*/function (_Comp
           while (1) switch (_context.prev = _context.next) {
             case 0:
               collectionName = _this.props.collection;
-              mediaClient = (0, _mediaClient.getMediaClient)(mediaClientConfig);
+              mediaClient = (0, _mediaClientReact.getMediaClient)(mediaClientConfig);
               options = {
                 collectionName: collectionName
               };

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

@@ -53,7 +53,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.15.14";
+var packageVersion = "108.15.16";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/cjs/ui/Renderer/style.js

@@ -110,7 +110,7 @@ var fullWidthStyles = function fullWidthStyles(_ref5) {
   return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    max-width: ", "px;\n    margin: 0 auto;\n\n    .fabric-editor-breakout-mark,\n    .ak-renderer-extension {\n      width: 100% !important;\n    }\n\n    ", "\n  "])), _editorSharedStyles.akEditorFullWidthLayoutWidth, (0, _table.isTableResizingEnabled)(appearance) ? '' : "\n      .pm-table-container {\n        width: 100% !important;\n      }\n    ");
 };
 var breakoutWidthStyle = function breakoutWidthStyle() {
-  return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n    *:not([data-mark-type='fragment'])\n      .", " {\n      width: 100%;\n      left: 0 !important;\n    }\n\n    [data-mark-type='fragment'] * .", " {\n      width: 100%;\n      left: 0 !important;\n    }\n  "])), _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_CONTAINER);
+  return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n    *:not([data-mark-type='fragment'])\n      .", " {\n      // TODO - improve inline style logic on table container so important styles aren't required here\n      width: 100% !important;\n      left: 0 !important;\n    }\n\n    [data-mark-type='fragment'] * .", " {\n      // TODO - improve inline style logic on table container so important styles aren't required here\n      width: 100% !important;\n      left: 0 !important;\n    }\n  "])), _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_CONTAINER);
 };
 var getShadowOverrides = function getShadowOverrides() {
   return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.increase-shadow-visibility_lh89r') ? (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n        /** Shadow overrides */\n        &.", "::after,\n          &.", "::before {\n          width: ", "px;\n          background: linear-gradient(\n              to left,\n              transparent 0,\n              ", " 140%\n            ),\n            linear-gradient(\n              to right,\n              ", " 0px,\n              transparent 1px\n            );\n        }\n\n        &.", "::after {\n          background: linear-gradient(\n              to right,\n              transparent 0,\n              ", " 140%\n            ),\n            linear-gradient(\n              to left,\n              ", " 0px,\n              transparent 1px\n            );\n          left: calc(100% - ", "px);\n        }\n      "])), _ui.shadowClassNames.RIGHT_SHADOW, _ui.shadowClassNames.LEFT_SHADOW, tableShadowWidth, "var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", _ui.shadowClassNames.RIGHT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", tableShadowWidth) : '';

package/dist/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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ücreler içeren bir tabloyu sıralayamazsınız',
+  'fabric.editor.tableHeader.sorting.no': 'Sütuna sıralama uygulanmadı'
 };

package/dist/es2019/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/es2019/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/es2019/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/es2019/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': '沒有套用至直欄的排序'
 };