@atlaskit/editor-plugin-table 1.2.2 → 1.2.4

package/src/i18n/uk.ts

@@ -0,0 +1,40 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Ukrainian (Ukraine)
+export default {
+  'fabric.editor.canNotSortTable': '⚠️ Не можна сортувати таблицю, у якій є об’єднані клітинки',
+  'fabric.editor.cellBackground': 'Фон клітинки',
+  'fabric.editor.cellOptions': 'Параметри клітинки',
+  'fabric.editor.clearCells':
+    '{0, plural, one {Очистити клітинки} few {Очистити клітинки} many {Очистити клітинки} other {Очистити клітинки}}',
+  'fabric.editor.collapseTable': 'Згорнути таблицю',
+  'fabric.editor.cornerControl': 'Виділити таблицю',
+  'fabric.editor.distributeColumns': 'Вирівняти стовпці по ширині',
+  'fabric.editor.extension.confirmDeleteLinkedModalMessagePrefix': 'Видалення',
+  'fabric.editor.extension.deleteElementTitle': 'Видалення елемента',
+  'fabric.editor.extension.sourceNoTitledName': 'цей елемент',
+  'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': 'Видалити пов’язані елементи',
+  'fabric.editor.headerColumn': 'Стовпець заголовка',
+  'fabric.editor.headerRow': 'Рядок заголовка',
+  'fabric.editor.insertColumn': 'Вставити стовпець справа',
+  'fabric.editor.insertRow': 'Вставити рядок знизу',
+  'fabric.editor.mergeCells': 'Об’єднати клітинки',
+  'fabric.editor.numberedColumn': 'Нумерований стовпець',
+  'fabric.editor.removeColumns':
+    '{0, plural, one {Видалити стовпець} few {Видалити стовпці} many {Видалити стовпці} other {Видалити стовпці}}',
+  'fabric.editor.removeRows':
+    '{0, plural, one {Видалити рядок} few {Видалити рядки} many {Видалити рядки} other {Видалити рядки}}',
+  'fabric.editor.rowControl': 'Виділити рядок',
+  'fabric.editor.sortColumnASC': 'Сортувати стовпці від А до Я',
+  'fabric.editor.sortColumnDESC': 'Сортувати стовпці від Я до А',
+  'fabric.editor.splitCell': 'Розділити клітинки',
+  'fabric.editor.tableOptions': 'Параметри таблиці',
+  'fabric.editor.tables.confirmDeleteLinkedModalMessage':
+    'Видалення розширення {nodeName} порушить роботу всього, що з ним пов’язано.',
+  'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Видалити',
+};

package/src/i18n/vi.ts

@@ -0,0 +1,34 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Vietnamese (Vietnam)
+export default {
+  'fabric.editor.canNotSortTable': '⚠️ Bạn không thể sắp xếp bảng có các ô đã hợp nhất',
+  'fabric.editor.cellBackground': 'Nền ô',
+  'fabric.editor.cellOptions': 'Tùy chọn ô',
+  'fabric.editor.clearCells': '{0, plural, other {Xóa ô}}',
+  'fabric.editor.collapseTable': 'Thu gọn bảng',
+  'fabric.editor.cornerControl': 'Bảng nổi bật',
+  'fabric.editor.distributeColumns': 'Phân phối cột',
+  'fabric.editor.extension.deleteElementTitle': 'Xóa thành phần',
+  'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': 'Đồng thời xóa các thành phần được kết nối',
+  'fabric.editor.headerColumn': 'Cột tiêu đề',
+  'fabric.editor.headerRow': 'Hàng tiêu đề',
+  'fabric.editor.insertColumn': 'Chèn cột vào bên phải',
+  'fabric.editor.insertRow': 'Chèn hàng ở bên dưới',
+  'fabric.editor.mergeCells': 'Hợp nhất ô',
+  'fabric.editor.numberedColumn': 'Cột được đánh số',
+  'fabric.editor.removeColumns': '{0, plural, other {Xóa cột}}',
+  'fabric.editor.removeRows': '{0, plural, other {Xóa hàng}}',
+  'fabric.editor.rowControl': 'Hàng nổi bật',
+  'fabric.editor.sortColumnASC': 'Sắp xếp cột A → Z',
+  'fabric.editor.sortColumnDESC': 'Sắp xếp cột Z → A',
+  'fabric.editor.splitCell': 'Tách ô',
+  'fabric.editor.tableOptions': 'Tùy chọn bảng',
+  'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Việc xóa {nodeName} sẽ ngắt mọi nội dung được kết nối.',
+  'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Xóa',
+};

package/src/i18n/zh.ts

@@ -0,0 +1,36 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Chinese (Simplified)
+export default {
+  'fabric.editor.canNotSortTable': '⚠️ 无法对包含合并单元格的表格进行排序',
+  'fabric.editor.cellBackground': '单元格背景',
+  'fabric.editor.cellOptions': '单元格选项',
+  'fabric.editor.clearCells': '{0, plural, other {清除单元格}}',
+  'fabric.editor.collapseTable': '收起表格',
+  'fabric.editor.cornerControl': '突出显示表格',
+  'fabric.editor.distributeColumns': '分散列',
+  'fabric.editor.extension.confirmDeleteLinkedModalMessagePrefix': '正在删除',
+  'fabric.editor.extension.deleteElementTitle': '删除元素',
+  'fabric.editor.extension.sourceNoTitledName': '此元素',
+  'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': '同时删除已连接的元素',
+  'fabric.editor.headerColumn': '标头列',
+  'fabric.editor.headerRow': '表头行',
+  'fabric.editor.insertColumn': '在右侧插入列',
+  'fabric.editor.insertRow': '在下方插入行',
+  'fabric.editor.mergeCells': '合并单元格',
+  'fabric.editor.numberedColumn': '编号列',
+  'fabric.editor.removeColumns': '{0, plural, other {删除列}}',
+  'fabric.editor.removeRows': '{0, plural, other {删除行}}',
+  'fabric.editor.rowControl': '突出显示行',
+  'fabric.editor.sortColumnASC': '对列 A → Z 进行排序',
+  'fabric.editor.sortColumnDESC': '对列 Z → A 进行排序',
+  'fabric.editor.splitCell': '分离单元格',
+  'fabric.editor.tableOptions': '表格选项',
+  'fabric.editor.tables.confirmDeleteLinkedModalMessage': '删除 {nodeName} 将断开与其连接的所有内容。',
+  'fabric.editor.tables.confirmDeleteLinkedModalOKButton': '删除',
+};

package/src/i18n/zh_TW.ts

@@ -0,0 +1,36 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Chinese (Traditional)
+export default {
+  'fabric.editor.canNotSortTable': '⚠️ 您無法排序包含合併儲存格的表格',
+  'fabric.editor.cellBackground': '儲存格背景',
+  'fabric.editor.cellOptions': '儲存格選項',
+  'fabric.editor.clearCells': '{0, plural, other {清除儲存格}}',
+  'fabric.editor.collapseTable': '摺疊表格',
+  'fabric.editor.cornerControl': '醒目提示表格',
+  'fabric.editor.distributeColumns': '平均分配直欄寬度',
+  'fabric.editor.extension.confirmDeleteLinkedModalMessagePrefix': '正在刪除',
+  'fabric.editor.extension.deleteElementTitle': '刪除元素',
+  'fabric.editor.extension.sourceNoTitledName': '這個元素',
+  'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': '同時刪除已連結的元素',
+  'fabric.editor.headerColumn': '標題欄',
+  'fabric.editor.headerRow': '標題列',
+  'fabric.editor.insertColumn': '在右側插入直欄',
+  'fabric.editor.insertRow': '在下方插入列',
+  'fabric.editor.mergeCells': '合併儲存格',
+  'fabric.editor.numberedColumn': '編號直欄',
+  'fabric.editor.removeColumns': '{0, plural, other {刪除直欄}}',
+  'fabric.editor.removeRows': '{0, plural, other {刪除列}}',
+  'fabric.editor.rowControl': '醒目提示列',
+  'fabric.editor.sortColumnASC': '以 A → Z 排序直欄',
+  'fabric.editor.sortColumnDESC': '以 Z → A 排序直欄',
+  'fabric.editor.splitCell': '分割儲存格',
+  'fabric.editor.tableOptions': '表格選項',
+  'fabric.editor.tables.confirmDeleteLinkedModalMessage': '刪除 {nodeName} 將中斷與其連結的任何內容。',
+  'fabric.editor.tables.confirmDeleteLinkedModalOKButton': '刪除',
+};

package/src/plugins/table/ui/common-styles.ts

@@ -137,6 +137,36 @@ const listLargeNumericMarkersOldStyles = `
   }
 `;
 
+const breakoutWidthStyling = (
+  useFragmentMarkBreakoutWidthStylingFix: boolean,
+) => {
+  if (useFragmentMarkBreakoutWidthStylingFix) {
+    return css`
+      > *:not([data-mark-type='fragment'])
+        .${ClassName.NODEVIEW_WRAPPER}
+        .${ClassName.TABLE_CONTAINER} {
+        margin-left: unset !important;
+        width: 100% !important;
+      }
+
+      > [data-mark-type='fragment']
+        *
+        .${ClassName.NODEVIEW_WRAPPER}
+        .${ClassName.TABLE_CONTAINER} {
+        margin-left: unset !important;
+        width: 100% !important;
+      }
+    `;
+  }
+
+  return css`
+    > * .${ClassName.NODEVIEW_WRAPPER} .${ClassName.TABLE_CONTAINER} {
+      margin-left: unset !important;
+      width: 100% !important;
+    }
+  `;
+};
+
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4139
 export const tableStyles = (
   props: ThemeProps & { featureFlags?: FeatureFlags },
@@ -410,11 +440,10 @@ export const tableStyles = (
        */
     }
 
-    /* Breakout only works on top level */
-    > * .${ClassName.NODEVIEW_WRAPPER} .${ClassName.TABLE_CONTAINER} {
-      margin-left: unset !important;
-      width: 100% !important;
-    }
+    /* Breakout only works on top level unless wrapped in fragment mark */
+    ${breakoutWidthStyling(
+      props.featureFlags?.useFragmentMarkBreakoutWidthStylingFix ?? true,
+    )}
 
     ${columnControlsDecoration(props)};