@atlaskit/renderer 108.15.13 → 108.15.15

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

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

@@ -1,12 +1,75 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) {
+  var hex;
+  if (isHex(customColor)) {
+    hex = customColor;
+  } else if (isRgb(customColor)) {
+    hex = 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());
+}
 export default function TextColor(props) {
+  var _useThemeObserver = useThemeObserver(),
+    colorMode = _useThemeObserver.colorMode;
   // 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.
-  var paletteColorValue = hexToEditorTextPaletteColor(props.color) || props.color;
+  var 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
+     */
+    var 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;
+  }
   var style = useMemo(function () {
     return _defineProperty({}, '--custom-palette-color', paletteColorValue);
   }, [paletteColorValue]);

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

@@ -1,23 +1,15 @@
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
 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';
 var IgnoreSorting = ['LABEL', 'INPUT'];
 var nextStatusOrder = function nextStatusOrder(currentSortOrder) {
@@ -70,13 +62,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 (isHex(customColor)) {
+    hex = customColor;
+  } else if (isRgb(customColor)) {
+    hex = 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 = 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
+       */
+      var 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 {
+      var _tokenColor = hexToEditorBackgroundPaletteRawValue(background) || background;
+      style.backgroundColor = _tokenColor;
+    }
   }
   if (colGroupWidth) {
     style.width = colGroupWidth;
@@ -87,128 +142,115 @@ var getStyle = function getStyle(background, colGroupWidth, offsetTop) {
   }
   return style;
 };
-var withCellProps = function withCellProps(WrapperComponent) {
-  return /*#__PURE__*/function (_React$Component) {
-    _inherits(WithCellProps, _React$Component);
-    var _super = _createSuper(WithCellProps);
-    function WithCellProps() {
-      _classCallCheck(this, WithCellProps);
-      return _super.apply(this, arguments);
-    }
-    _createClass(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 ? 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);
-      }
-    }]);
-    return WithCellProps;
-  }(React.Component);
+var getWithCellProps = function getWithCellProps(WrapperComponent) {
+  return function WithCellProps(props) {
+    var _useThemeObserver = 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 ? 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: background,
+        colGroupWidth: colGroupWidth,
+        offsetTop: offsetTop,
+        colorMode: colorMode
+      }),
+      colorname: colorName,
+      onClick: onClick,
+      className: className
+    }, getDataAttributes(colwidth, background), {
+      "aria-sort": ariaSort
+    }), children);
+  };
 };
+var TH = getWithCellProps('th');
 export var withSortableColumn = function withSortableColumn(WrapperComponent) {
-  var WithSortableColumn = /*#__PURE__*/function (_React$Component2) {
-    _inherits(WithSortableColumn, _React$Component2);
-    var _super2 = _createSuper(WithSortableColumn);
-    function WithSortableColumn(props) {
-      var _this;
-      _classCallCheck(this, WithSortableColumn);
-      _this = _super2.call(this, props);
-      _defineProperty(_assertThisInitialized(_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();
-        }
-      });
-      _defineProperty(_assertThisInitialized(_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: ACTION.SORT_COLUMN,
-            actionSubject: ACTION_SUBJECT.TABLE,
-            attributes: {
-              platform: PLATFORM.WEB,
-              mode: MODE.RENDERER,
-              columnIndex: columnIndex,
-              sortOrder: 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 _this;
+  return function THWithSortableColumn(props) {
+    var intl = useIntl();
+    var allowColumnSorting = props.allowColumnSorting,
+      onSorting = props.onSorting,
+      children = props.children,
+      sortOrdered = props.sortOrdered,
+      isHeaderRow = props.isHeaderRow;
+    var sortOrderedClassName = sortOrdered === SortOrder.NO_ORDER ? RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
+    if (!allowColumnSorting || !isHeaderRow) {
+      return /*#__PURE__*/React.createElement(WrapperComponent, props);
     }
-    _createClass(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 === SortOrder.NO_ORDER ? RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
-        if (!allowColumnSorting || !isHeaderRow) {
-          return /*#__PURE__*/React.createElement(WrapperComponent, this.props);
-        }
-        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: "".concat(RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
-        }, /*#__PURE__*/React.createElement(SortingIcon, {
-          isSortingAllowed: !!onSorting,
-          sortOrdered: sortOrdered,
-          onClick: this.sort,
-          onKeyDown: this.onKeyPress
-        }))));
+    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: "".concat(RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
+    }, /*#__PURE__*/React.createElement(SortingIcon, {
+      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();
       }
-    }]);
-    return WithSortableColumn;
-  }(React.Component);
-  return injectIntl(WithSortableColumn);
+    }
+    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: ACTION.SORT_COLUMN,
+          actionSubject: ACTION_SUBJECT.TABLE,
+          attributes: {
+            platform: PLATFORM.WEB,
+            mode: MODE.RENDERER,
+            columnIndex: columnIndex,
+            sortOrder: 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
+        });
+      }
+    }
+  };
 };
-export var TableHeader = compose(withSortableColumn, withCellProps)('th');
-export var TableCell = withCellProps('td');
+export var TableHeader = withSortableColumn(TH);
+var TD = getWithCellProps('td');
+export var TableCell = TD;

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

@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.15.13";
+var packageVersion = "108.15.15";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

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

@@ -101,7 +101,7 @@ var fullWidthStyles = function fullWidthStyles(_ref5) {
   return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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  "])), akEditorFullWidthLayoutWidth, isTableResizingEnabled(appearance) ? '' : "\n      .pm-table-container {\n        width: 100% !important;\n      }\n    ");
 };
 var breakoutWidthStyle = function breakoutWidthStyle() {
-  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    *:not([data-mark-type='fragment'])\n      .", " {\n      width: 100% !important;\n      left: 0 !important;\n    }\n\n    [data-mark-type='fragment'] * .", " {\n      width: 100% !important;\n      left: 0 !important;\n    }\n  "])), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER);
+  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\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  "])), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER);
 };
 var getShadowOverrides = function getShadowOverrides() {
   return getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\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      "])), shadowClassNames.RIGHT_SHADOW, shadowClassNames.LEFT_SHADOW, tableShadowWidth, "var(--ds-shadow-overflow-spread, ".concat(N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", shadowClassNames.RIGHT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", tableShadowWidth) : '';

package/dist/types/i18n/da.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/de.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/es.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/fr.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/hu.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/it.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/ko.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/nb.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/nl.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/pl.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/sv.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/th.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/tr.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/vi.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;

package/dist/types/i18n/zh.d.ts

@@ -16,5 +16,10 @@ declare const _default: {
     'fabric.editor.headingLink.invalidLabel': string;
     'fabric.editor.headingLink.noOrderLabel': string;
     'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.tableHeader.sorting.asc': string;
+    'fabric.editor.tableHeader.sorting.default': string;
+    'fabric.editor.tableHeader.sorting.desc': string;
+    'fabric.editor.tableHeader.sorting.invalid': string;
+    'fabric.editor.tableHeader.sorting.no': string;
 };
 export default _default;