@atlaskit/editor-core 149.0.2 → 150.0.3

package/dist/es2019/plugins/table/commands/insert.js

@@ -6,8 +6,10 @@ import { safeInsert } from 'prosemirror-utils';
 import { AddColumnStep } from '@atlaskit/adf-schema/steps';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { checkIfHeaderRowEnabled, copyPreviousRow } from '../utils';
-import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step'; // #endregion
+import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
+import { rescaleColumns } from '../transforms/column-width';
 
+// #endregion
 function addColumnAtCustomStep(column) {
   return tr => {
     const table = findTable(tr.selection);
@@ -20,17 +22,30 @@ function addColumnAtCustomStep(column) {
   };
 }
 
-function addColumnAt(column, allowAddColumnCustomStep = false) {
-  if (allowAddColumnCustomStep) {
-    return addColumnAtCustomStep(column);
-  }
+function addColumnAt(column, allowAddColumnCustomStep = false, view) {
+  return tr => {
+    let updatedTr = tr;
+
+    if (allowAddColumnCustomStep) {
+      updatedTr = addColumnAtCustomStep(column)(updatedTr);
+    } else {
+      updatedTr = addColumnAtPMUtils(column)(updatedTr);
+    }
 
-  return addColumnAtPMUtils(column);
+    const table = findTable(updatedTr.selection);
+
+    if (table) {
+      // [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
+      updatedTr = rescaleColumns(table, view)(updatedTr);
+    }
+
+    return updatedTr;
+  };
 } // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column before the column with the selection.
 
 
-export const addColumnBefore = (state, dispatch) => {
+export const addColumnBefore = (state, dispatch, view) => {
   const table = findTable(state.selection);
 
   if (!table) {
@@ -39,14 +54,14 @@ export const addColumnBefore = (state, dispatch) => {
 
   if (dispatch) {
     let rect = selectedRect(state);
-    dispatch(addColumnAt(rect.left, getAllowAddColumnCustomStep(state))(state.tr));
+    dispatch(addColumnAt(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
   }
 
   return true;
 }; // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column after the column with the selection.
 
-export const addColumnAfter = (state, dispatch) => {
+export const addColumnAfter = (state, dispatch, view) => {
   const table = findTable(state.selection);
 
   if (!table) {
@@ -55,14 +70,14 @@ export const addColumnAfter = (state, dispatch) => {
 
   if (dispatch) {
     let rect = selectedRect(state);
-    dispatch(addColumnAt(rect.right, getAllowAddColumnCustomStep(state))(state.tr));
+    dispatch(addColumnAt(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
   }
 
   return true;
 }; // #region Commands
 
-export const insertColumn = column => (state, dispatch) => {
-  const tr = addColumnAt(column, getAllowAddColumnCustomStep(state))(state.tr);
+export const insertColumn = column => (state, dispatch, view) => {
+  let tr = addColumnAt(column, getAllowAddColumnCustomStep(state), view)(state.tr);
   const table = findTable(tr.selection);
 
   if (!table) {

package/dist/es2019/plugins/table/commands/misc.js

@@ -89,7 +89,7 @@ export const setCellAttr = (name, value) => (state, dispatch) => {
 
   return false;
 };
-export const triggerUnlessTableHeader = command => (state, dispatch) => {
+export const triggerUnlessTableHeader = command => (state, dispatch, view) => {
   const {
     selection,
     schema: {
@@ -103,7 +103,7 @@ export const triggerUnlessTableHeader = command => (state, dispatch) => {
     const cell = findCellClosestToPos(selection.$from);
 
     if (cell && cell.node.type !== tableHeader) {
-      return command(state, dispatch);
+      return command(state, dispatch, view);
     }
   }
 
@@ -111,7 +111,7 @@ export const triggerUnlessTableHeader = command => (state, dispatch) => {
     const rect = getSelectionRect(selection);
 
     if (!checkIfHeaderRowEnabled(state) || rect && rect.top > 0) {
-      return command(state, dispatch);
+      return command(state, dispatch, view);
     }
   }
 

package/dist/es2019/plugins/table/nodeviews/TableComponent.js

@@ -156,16 +156,17 @@ class TableComponent extends React.Component {
       const parentWidthChanged = parentWidth && parentWidth !== this.state.parentWidth;
       const layoutSize = this.tableNodeLayoutSize(node, containerWidth.width, options);
       const hasNumberedColumnChanged = prevAttrs.isNumberColumnEnabled !== node.attrs.isNumberColumnEnabled;
+      const noOfColumnsChanged = tablesHaveDifferentNoOfColumns(node, prevNode);
 
       if ( // Breakout mode/layout changed
       layoutChanged || // We need to react if our parent changes
       // Scales the cols widths relative to the new parent width.
       parentWidthChanged || // Enabling / disabling this feature reduces or adds size to the table.
-      hasNumberedColumnChanged || // Adding or removing columns from the table, should snap the remaining / new columns to the layout width.
-      tablesHaveDifferentNoOfColumns(node, prevNode) || // This last check is also to cater for dynamic text sizing changing the 'default' layout width
+      hasNumberedColumnChanged || // This last check is also to cater for dynamic text sizing changing the 'default' layout width
       // Usually happens on window resize.
-      layoutSize !== this.layoutSize) {
-        if (!hasNumberedColumnChanged) {
+      layoutSize !== this.layoutSize || noOfColumnsChanged) {
+        // If column has been inserted/deleted avoid multi dispatch
+        if (!hasNumberedColumnChanged && !noOfColumnsChanged) {
           this.scaleTable({
             parentWidth,
             layoutChanged

package/dist/es2019/plugins/table/nodeviews/tableCell.js

@@ -1,6 +1,6 @@
 import uuid from 'uuid';
 import { DOMSerializer } from 'prosemirror-model';
-import { setCellAttrs } from '@atlaskit/adf-schema';
+import { getCellDomAttrs, getCellAttrs } from '@atlaskit/adf-schema';
 import { getFeatureFlags } from '../../feature-flags-context';
 export default class TableCellNodeView {
   constructor(node, view, getPos, observer) {
@@ -25,13 +25,26 @@ export default class TableCellNodeView {
     }
   }
 
-  shouldRecreateNodeView(node) {
+  updateNodeView(node) {
     if (this.node.type !== node.type) {
       return false;
     }
 
-    const attrs = setCellAttrs(this.node);
-    const nextAttrs = setCellAttrs(node); // added + changed attributes
+    const attrs = getCellDomAttrs(this.node);
+    const nextAttrs = getCellDomAttrs(node);
+    const {
+      colspan,
+      rowspan
+    } = getCellAttrs(this.dom); // need to rerender when colspan/rowspan in dom are different from the node attrs
+    // this can happen when undoing merge cells
+
+    const defaultColspan = 1,
+          defaultRowspan = 1;
+
+    if (colspan !== (node.attrs.colspan || defaultColspan) || rowspan !== (node.attrs.rowspan || defaultRowspan)) {
+      return false;
+    } // added + changed attributes
+
 
     const addedAttrs = Object.entries(nextAttrs).filter(([key, value]) => attrs[key] !== value);
     const removedAttrs = Object.keys(attrs).filter(key => !nextAttrs.hasOwnProperty(key));
@@ -51,9 +64,9 @@ export default class TableCellNodeView {
   }
 
   update(node) {
-    const shouldUpdate = this.shouldRecreateNodeView(node);
+    const didUpdate = this.updateNodeView(node);
     this.node = node;
-    return shouldUpdate;
+    return didUpdate;
   }
 
   destroy() {

package/dist/es2019/plugins/table/pm-plugins/table-resizing/utils/resize-state.js

@@ -206,7 +206,7 @@ export const areColumnsEven = resizeState => {
   return newResizeState.cols.every((col, i) => col.width === resizeState.cols[i].width);
 }; // Get the layout
 
-const normaliseTableLayout = input => {
+export const normaliseTableLayout = input => {
   switch (input) {
     case 'wide':
       return input;
@@ -218,7 +218,6 @@ const normaliseTableLayout = input => {
       return 'default';
   }
 };
-
 export const getNewResizeStateFromSelectedColumns = (rect, state, domAtPos, dynamicTextSizing) => {
   const {
     totalRowCount,

package/dist/es2019/plugins/table/pm-plugins/table-resizing/utils/scale-table.js

@@ -78,7 +78,7 @@ export const scaleWithParent = (tableRef, parentWidth, table, start, domAtPos) =
   return scaleTableTo(resizeState, Math.floor(parentWidth));
 }; // Scales the table to a given size and updates its colgroup DOM node
 
-function scaleTableTo(state, maxSize) {
+export function scaleTableTo(state, maxSize) {
   const scaleFactor = maxSize / getTotalWidth(state);
   let newState = { ...state,
     maxSize,

package/dist/es2019/plugins/table/toolbar.js

@@ -97,12 +97,12 @@ export const getToolbarCellOptionsConfig = (editorState, initialSelectionRect, {
   const options = [{
     id: 'editor.table.insertColumn',
     title: formatMessage(tableMessages.insertColumn),
-    onClick: (state, dispatch) => {
+    onClick: (state, dispatch, view) => {
       const selectionRect = getClosestSelectionRect(state);
       const index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
 
       if (index) {
-        insertColumnWithAnalytics(INPUT_METHOD.FLOATING_TB, index)(state, dispatch);
+        insertColumnWithAnalytics(INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
       }
 
       return true;
@@ -132,11 +132,11 @@ export const getToolbarCellOptionsConfig = (editorState, initialSelectionRect, {
     title: formatMessage(tableMessages.removeColumns, {
       0: numberOfColumns
     }),
-    onClick: (state, dispatch) => {
+    onClick: (state, dispatch, view) => {
       const selectionRect = getClosestSelectionRect(state);
 
       if (selectionRect) {
-        deleteColumnsWithAnalytics(INPUT_METHOD.FLOATING_TB, selectionRect)(state, dispatch);
+        deleteColumnsWithAnalytics(INPUT_METHOD.FLOATING_TB, selectionRect)(state, dispatch, view);
       }
 
       return true;

package/dist/es2019/plugins/table/transforms/column-width.js

@@ -1,5 +1,10 @@
 import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { hasTableBeenResized } from '../pm-plugins/table-resizing/utils';
 import { setMeta } from './metadata';
+import { getResizeState, normaliseTableLayout } from '../pm-plugins/table-resizing/utils/resize-state';
+import { getTableMaxWidth } from '../pm-plugins/table-resizing/utils/misc';
+import { tableCellMinWidth } from '@atlaskit/editor-common';
+import { scaleTableTo } from '../pm-plugins/table-resizing/utils/scale-table';
 export const updateColumnWidths = (resizeState, table, start) => tr => {
   const map = TableMap.get(table);
   const updatedCellsAttrs = {}; // calculating new attributes for each cell
@@ -84,19 +89,65 @@ export const updateColumnWidths = (resizeState, table, start) => tr => {
   }
 
   const tablePos = start - 1;
-  const {
-    selection
-  } = tr;
-  /* Create a mapping before the table node is replaced to allow the current
-   * selection to be mapped back to it's original position inside the table.
+  const selectionBookmark = tr.selection.getBookmark();
+  tr.replaceWith(tablePos, tablePos + table.nodeSize, table.type.createChecked(table.attrs, rows, table.marks));
+  /**
+   * We want to restore to the original selection but w/o applying the mapping. Function
+   * tr.replaceWith puts the selection after the inserted content. We need to manually
+   * set the selection back to original state. Mapping in this case doesn't quite work
+   * e.g. if we change the content before a selection. This is because mapping
+   * means moving it if the content in front of it changed. Instead we can get
+   * bookmark of selection.
    *
-   * If the mapping from the new 'replaceWith' transaction is used, prosemirror
-   * will map the selection to after the table as it thinks the original table
-   * node has been deleted.
+   * @see https://github.com/ProseMirror/prosemirror/issues/645
    */
 
-  const originalMap = Object.assign(Object.create(Object.getPrototypeOf(tr.mapping)), tr.mapping);
-  tr.replaceWith(tablePos, tablePos + table.nodeSize, table.type.createChecked(table.attrs, rows, table.marks)); // restore selection after replacing the table
+  return tr.setSelection(selectionBookmark.resolve(tr.doc));
+};
+/**
+ * This function is called when user inserts/deletes a column in a table to rescale all columns.
+ * This is done manually to avoid a multi-dispatch in TableComponent. See [ED-8288].
+ * @param table
+ * @param view
+ * @returns Updated transaction with rescaled columns for a given table
+ */
+
+export const rescaleColumns = (table, view) => tr => {
+  if (!view || !hasTableBeenResized(table.node)) {
+    return tr;
+  }
+
+  const {
+    state
+  } = view;
+  const domAtPos = view.domAtPos.bind(view);
+  const maybeTable = domAtPos(table.start).node;
+  const tableRef = maybeTable.closest('table');
+
+  if (!tableRef) {
+    return tr;
+  }
+
+  const layout = normaliseTableLayout(tableRef === null || tableRef === void 0 ? void 0 : tableRef.dataset.layout);
+  const maxSize = getTableMaxWidth({
+    table: table.node,
+    tableStart: table.start,
+    state,
+    layout,
+    dynamicTextSizing: true
+  });
+  let resizeState = getResizeState({
+    minWidth: tableCellMinWidth,
+    table: table.node,
+    start: table.start,
+    tableRef,
+    domAtPos,
+    maxSize
+  });
+
+  if (resizeState.overflow) {
+    resizeState = scaleTableTo(resizeState, maxSize);
+  }
 
-  return tr.setSelection(selection.map(tr.doc, originalMap));
+  return updateColumnWidths(resizeState, table.node, table.start)(tr);
 };

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -296,7 +296,7 @@ class ContextualMenu extends Component {
           break;
 
         case 'insert_column':
-          insertColumnWithAnalytics(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch);
+          insertColumnWithAnalytics(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
           this.toggleOpen();
           break;
 

package/dist/es2019/plugins/table/ui/FloatingInsertButton/index.js

@@ -185,7 +185,7 @@ class FloatingInsertButton extends React.Component {
         state,
         dispatch
       } = editorView;
-      insertColumnWithAnalytics(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch);
+      insertColumnWithAnalytics(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
     }
   }
 

package/dist/es2019/plugins/table/utils/table.js

@@ -18,4 +18,10 @@ export const getMergedCellsPositions = tr => {
     }
   });
   return mergedCells;
-};
+};
+export const colsToRect = (cols, noOfRows) => ({
+  left: Math.min(...cols),
+  right: Math.max(...cols) + 1,
+  top: 0,
+  bottom: noOfRows
+});

package/dist/es2019/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -117,12 +117,6 @@ class ToolbarTextColor extends React.Component {
         isShowingMoreColors
       } = this.state;
 
-      if (e.defaultPrevented) {
-        // This should be handled by stopping propogation, but as an additional safety net
-        // we ignore handled events for the purpose of hiding the popup.
-        return;
-      }
-
       if (isOpen === true) {
         this.dispatchAnalyticsEvent(this.buildAnalyticsPalette(ACTION.CLOSED, {
           isShowingMoreColors,
@@ -207,11 +201,13 @@ class ToolbarTextColor extends React.Component {
           label: ""
         })))
       })
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-testid": "text-color-palette"
     }, /*#__PURE__*/React.createElement(ColorPalette, {
       palette: palette,
       onClick: color => this.changeTextColor(color, pluginState.disabled),
       selectedColor: pluginState.color
-    }), showMoreColorsToggle && /*#__PURE__*/React.createElement(ShowMoreWrapper, null, /*#__PURE__*/React.createElement(Button, {
+    })), showMoreColorsToggle && /*#__PURE__*/React.createElement(ShowMoreWrapper, null, /*#__PURE__*/React.createElement(Button, {
       appearance: "subtle",
       onClick: this.handleShowMoreToggle,
       iconBefore: /*#__PURE__*/React.createElement(EditorBackgroundColorIcon, {

package/dist/es2019/plugins/type-ahead/ui/TypeAheadPopup.js

@@ -4,14 +4,13 @@ import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { Popup } from '@atlaskit/editor-common';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import { N0, N60A, N50A } from '@atlaskit/theme/colors';
-import { divide } from '@atlaskit/theme/math';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics';
 import { TypeAheadList } from './TypeAheadList';
 const TypeAheadContent = styled.div`
   background: ${N0};
   border-radius: ${borderRadius()}px;
   box-shadow: 0 0 1px ${N60A}, 0 4px 8px -2px ${N50A};
-  padding: ${divide(gridSize, 2)}px 0;
+  padding: ${gridSize() / 2}px 0;
   width: 320px;
   max-height: 380px; /* ~5.5 visibile items */
   overflow-y: auto;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup, withOuterListeners } from '@atlaskit/editor-common';
 import Button from '@atlaskit/button';
 import Tooltip from '@atlaskit/tooltip';
 import { N60A } from '@atlaskit/theme/colors';
@@ -32,6 +32,8 @@ const ColorPickerButton = props => {
     setIsPopupOpen(!isPopupOpen);
   };
 
+  const ColorPaletteWithListeners = withOuterListeners(ColorPalette);
+
   const onColorSelected = (color, label) => {
     setIsPopupOpen(false);
 
@@ -68,11 +70,12 @@ const ColorPickerButton = props => {
       fitWidth: 350,
       offset: [0, 10],
       alignX: props.alignX
-    }, /*#__PURE__*/React.createElement(ColorPickerWrapper, null, /*#__PURE__*/React.createElement(ColorPalette, {
+    }, /*#__PURE__*/React.createElement(ColorPickerWrapper, null, /*#__PURE__*/React.createElement(ColorPaletteWithListeners, {
       palette: props.colorPalette,
       cols: props.cols,
       selectedColor: props.currentColor || null,
-      onClick: onColorSelected
+      onClick: onColorSelected,
+      handleClickOutside: togglePopup
     })));
   };
 

package/dist/es2019/ui/ColorPickerButton/index.test.js

@@ -9,6 +9,7 @@ import { mockCreateAnalyticsEvent, mockFire } from '@atlaskit/editor-test-helper
 import ColorPickerButton from './index';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../plugins/analytics/types';
 import { editorAnalyticsChannel } from '../../plugins/analytics/consts';
+import { act } from 'react-dom/test-utils';
 describe('color-picker-button', () => {
   const onChangeMock = jest.fn();
 
@@ -42,6 +43,20 @@ describe('color-picker-button', () => {
     expect(wrapper.find('ColorPalette')).toHaveLength(1);
     expect(wrapper.find('Color')).toHaveLength(21);
   });
+  it('should close ColorPalette popup after clicking outside', () => {
+    const wrapper = getWrapper(); // show the popup
+
+    wrapper.find('button').simulate('click'); // make sure the popup and picker are shown
+
+    expect(wrapper.find('Popup')).toHaveLength(1);
+    const colorPalette = wrapper.find('InjectIntl(ColorPalette)').instance();
+    act(() => {
+      colorPalette.props.handleClickOutside();
+    });
+    wrapper.update(); // make sure popup is hidden
+
+    expect(wrapper.find('Popup')).toHaveLength(0);
+  });
   it('should hide popup and call onChange after selecting a color', () => {
     const wrapper = getWrapper();
     selectColor(wrapper, 'Mintie'); // ensure popup is hidden

package/dist/es2019/ui/ConfigPanel/Fields/Expand.js

@@ -7,13 +7,12 @@ import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
 import Button from '@atlaskit/button';
 import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../messages';
-import { multiply } from '@atlaskit/theme/math';
 export const ExpandContainer = styled.div`
   border-bottom: 1px solid ${N40};
 `;
 export const ExpandControl = styled.div`
   display: flex;
-  height: ${multiply(gridSize, 6)}px;
+  height: ${gridSize() * 6}px;
   justify-content: center;
   padding-right: ${gridSize()}px;
 `;
@@ -22,8 +21,8 @@ const ChevronContainer = styled.div`
   align-items: center;
 
   & > button {
-    width: ${multiply(gridSize, 3)}px;
-    height: ${multiply(gridSize, 3)}px;
+    width: ${gridSize() * 3}px;
+    height: ${gridSize() * 3}px;
   }
 `;
 const LabelContainer = styled.div`

package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js

@@ -11,12 +11,11 @@ import { messages } from '../messages'; // eslint-disable-next-line import/no-cy
 import FormContent from '../FormContent';
 import { getNameFromDuplicateField, isDuplicateField } from '../utils';
 import { gridSize } from '@atlaskit/theme/constants';
-import { multiply } from '@atlaskit/theme/math';
 import { N40A } from '@atlaskit/theme/colors';
 const ActionsWrapper = styled.div`
   border-top: 1px solid ${N40A};
-  margin-top: ${multiply(gridSize, 2)}px;
-  padding-top: ${multiply(gridSize, 2)}px;
+  margin-top: ${gridSize() * 2}px;
+  padding-top: ${gridSize() * 2}px;
 `;
 
 const populateFromParameters = (parameters, fields) => {

package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -2,14 +2,13 @@ import React from 'react';
 import { injectIntl } from 'react-intl';
 import styled from 'styled-components';
 import { gridSize } from '@atlaskit/theme/constants';
-import { multiply } from '@atlaskit/theme/math';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import Tooltip from '@atlaskit/tooltip';
 import * as colors from '@atlaskit/theme/colors';
 import { messages } from '../messages';
 const RemovableFieldWrapper = styled.div`
   position: relative;
-  margin-bottom: ${props => props.hasMarginBottom ? multiply(gridSize, 2) : 0}px;
+  margin-bottom: ${props => props.hasMarginBottom ? gridSize() * 2 : 0}px;
 `;
 const RemoveButtonWrapper = styled.div`
   position: absolute;

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "149.0.2";
+export const version = "150.0.3";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "149.0.2",
+	"version": "150.0.3",
 	"sideEffects": false
 }

package/dist/esm/create-editor/create-plugins-list.js

@@ -312,7 +312,8 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
 
   if (props.allowLayouts) {
     preset.add([layoutPlugin, _objectSpread(_objectSpread({}, typeof props.allowLayouts === 'boolean' ? {} : props.allowLayouts), {}, {
-      useLongPressSelection: false
+      useLongPressSelection: false,
+      UNSAFE_allowSingleColumnLayout: props.allowLayouts.UNSAFE_allowSingleColumnLayout
     })]);
   }
 

package/dist/esm/i18n/cs.js

@@ -26,6 +26,7 @@ export default {
   'fabric.editor.blockquote.description': 'Vložit citaci',
   'fabric.editor.blockquote2': 'Citace',
   'fabric.editor.bold': 'Tučné',
+  'fabric.editor.bug': 'Chyba',
   'fabric.editor.canNotSortTable': '⚠️ Tabulku se sloučenými buňkami nelze seřadit',
   'fabric.editor.cancelButton': 'Zrušit',
   'fabric.editor.captionPlaceholder': 'Přidejte popisek',
@@ -43,6 +44,7 @@ export default {
   'fabric.editor.code': 'Kód',
   'fabric.editor.codeblock': 'Fragment kódu',
   'fabric.editor.codeblock.description': 'Zobrazit kód se zvýrazněním syntaxe',
+  'fabric.editor.collapseTable': 'Sbalit tabulku',
   'fabric.editor.columns': 'Rozvržení',
   'fabric.editor.columns.description': 'Uspořádejte svou stránku pomocí oddílů',
   'fabric.editor.configFailedToLoad': 'Nepodařilo se načíst',
@@ -71,6 +73,7 @@ export default {
   'fabric.editor.decision': 'Rozhodnutí',
   'fabric.editor.decision.description': 'Zaznamenávejte rozhodnutí, aby se snadněji sledovala',
   'fabric.editor.decisionPlaceholder': 'Přidat rozhodnutí...',
+  'fabric.editor.defaultAltText': 'Položka seznamu',
   'fabric.editor.displayBlock': 'Zobrazit jako kartu',
   'fabric.editor.displayEmbed': 'Zobrazit jako vložený objekt',
   'fabric.editor.displayInline': 'Zobrazit v řádku',
@@ -80,8 +83,11 @@ export default {
   'fabric.editor.distributeColumns': 'Rozložení sloupců',
   'fabric.editor.edit': 'Upravit',
   'fabric.editor.editAltText': 'Upravit alternativní text',
+  'fabric.editor.editDateText': 'Upravit datum',
   'fabric.editor.editLink': 'Upravit odkaz',
   'fabric.editor.editMode.inviteToEditButton.title': 'Pozvat k úpravám',
+  'fabric.editor.editStatusColor': 'Upravit barvu stavu',
+  'fabric.editor.editStatusText': 'Upravit stav',
   'fabric.editor.editorHelp': 'Nápověda editoru.',
   'fabric.editor.elementBrowser.help': 'Nápověda',
   'fabric.editor.elementbrowser.categorylist.category-admin': 'Administrace',
@@ -102,6 +108,7 @@ export default {
   'fabric.editor.emoji': 'Emoji',
   'fabric.editor.emoji.description': 'Používejte emoji k vyjádření nápadů 🎉 a emocí 😄',
   'fabric.editor.emptyLink': 'Zadejte odkaz.',
+  'fabric.editor.epic': 'Epic',
   'fabric.editor.error': 'Chyba',
   'fabric.editor.errorPanel': 'Panel chyb',
   'fabric.editor.errorPanel.description': 'Chyby zobrazit v barevném panelu',
@@ -116,6 +123,9 @@ export default {
   'fabric.editor.findNext': 'Najít další',
   'fabric.editor.findPrevious': 'Najít předchozí',
   'fabric.editor.findReplaceToolbarButton': 'Najít a nahradit',
+  'fabric.editor.floatingToolbar.confirmModalCancel': 'Zrušit',
+  'fabric.editor.floatingToolbar.confirmModalHeading': 'Jste si jistí?',
+  'fabric.editor.floatingToolbar.confirmModalOK': 'OK',
   'fabric.editor.headerColumn': 'Sloupec záhlaví',
   'fabric.editor.headerRow': 'Řádek záhlaví',
   'fabric.editor.heading1': 'Nadpis 1',
@@ -137,8 +147,9 @@ export default {
   'fabric.editor.horizontalRule.description': 'Rozdělit obsah horizontální čárou',
   'fabric.editor.hyperlink.searchLinkAriaDescription': 'Níže se objeví návrhy na základě vámi napsaného textu v poli',
   'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {nebyly nalezeny žádné výsledky} one {{count,number} nalezený výsledek} few {{count,number} nalezené výsledky} many {{count,number} nalezeného výsledku} other {{count,number} nalezených výsledků}}',
-  'fabric.editor.hyperlinkToolbarPlaceholder': 'Vložit nedávno zobrazený odkaz nebo vyhledávání',
+  'fabric.editor.hyperlinkToolbarPlaceholder': 'Vložit nebo vyhledat odkaz',
   'fabric.editor.image': 'Obrázek',
+  'fabric.editor.improvement': 'Vylepšení',
   'fabric.editor.info': 'Informace',
   'fabric.editor.infoPanel': 'Informační panel',
   'fabric.editor.infoPanel.description': 'Zvýraznit informace v barevném panelu',
@@ -176,7 +187,7 @@ export default {
   'fabric.editor.orderedList.description': 'Vytvořit seřazený seznam',
   'fabric.editor.other': 'Jiné...',
   'fabric.editor.panel.backgroundColor': 'Barva pozadí',
-  'fabric.editor.panel.emoji': 'Přidat ikonu',
+  'fabric.editor.panel.emoji': 'Přidat emoji',
   'fabric.editor.pastePlainText': 'Vložit prostý text',
   'fabric.editor.placeholderAltText': 'Popište tento obrázek alternativním textem',
   'fabric.editor.placeholderText': 'Text placeholderu',
@@ -201,7 +212,9 @@ export default {
   'fabric.editor.status': 'Stav',
   'fabric.editor.status.description': 'Přidat vlastní štítek stavu',
   'fabric.editor.statusPlaceholder': 'Nastavit stav',
+  'fabric.editor.story': 'Story',
   'fabric.editor.strike': 'Přeškrtnutí',
+  'fabric.editor.subTask': 'Podúkol',
   'fabric.editor.subscript': 'Dolní index',
   'fabric.editor.success': 'Úspěch',
   'fabric.editor.successPanel': 'Panel úspěchů',
@@ -211,6 +224,9 @@ export default {
   'fabric.editor.table': 'Tabulka',
   'fabric.editor.table.description': 'Vložit tabulku',
   'fabric.editor.tableOptions': 'Možnosti tabulky',
+  'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Odstraněním této tabulky se odstraní i všechna data obsažená v připojených grafech.',
+  'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Odstranit tabulku a data',
+  'fabric.editor.task': 'Úkol',
   'fabric.editor.taskPlaceholder': 'Napište svou akci a použitím „@“ ji někomu přidělte.',
   'fabric.editor.textColor': 'Barva textu',
   'fabric.editor.textColor.lessColors': 'Méně barev',