@atlaskit/renderer 108.15.13 → 108.15.15

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/renderer
 
+## 108.15.15
+
+### Patch Changes
+
+- [#40326](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40326) [`596e7daf364`](https://bitbucket.org/atlassian/atlassian-frontend/commits/596e7daf364) - [ux] ED-20037 feat(adf-schema): invert custom tableCell backgrounds in dark mode
+
+## 108.15.14
+
+### Patch Changes
+
+- [#41531](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41531) [`7301110e9d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7301110e9d4) - [ux] remove force width in editor table container to fix right shadow
+
 ## 108.15.13
 
 ### Patch Changes

package/dist/cjs/i18n/da.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/de.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/es.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/fr.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/hu.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/it.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/ko.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/nb.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/nl.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/pl.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/sv.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/th.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/tr.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/uk.js

@@ -28,5 +28,5 @@ var _default = exports.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/cjs/i18n/vi.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/zh.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/i18n/zh_TW.js

@@ -23,5 +23,10 @@ var _default = exports.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/cjs/react/marks/textColor.js

@@ -9,14 +9,77 @@ exports.default = TextColor;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _adfSchema = require("@atlaskit/adf-schema");
 var _editorPalette = require("@atlaskit/editor-palette");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _tokens = require("@atlaskit/tokens");
 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; }
+/**
+ * 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 ((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());
+}
 function TextColor(props) {
+  var _useThemeObserver = (0, _tokens.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 = (0, _editorPalette.hexToEditorTextPaletteColor)(props.color) || props.color;
+  var paletteColorValue;
+  if ((0, _platformFeatureFlags.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 = (0, _editorPalette.hexToEditorTextPaletteColor)(props.color);
+    if (tokenColor) {
+      paletteColorValue = (0, _editorPalette.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 = (0, _editorPalette.hexToEditorTextPaletteColor)(props.color) || props.color;
+  }
   var style = (0, _react.useMemo)(function () {
     return (0, _defineProperty2.default)({}, '--custom-palette-color', paletteColorValue);
   }, [paletteColorValue]);