@atlaskit/editor-common 81.1.5 → 81.2.1

package/dist/es2019/i18n/zh_TW.js

@@ -321,6 +321,7 @@ export default {
   'fabric.editor.pageActionsLabel': '頁面動作',
   'fabric.editor.panel.backgroundColor': '背景顏色',
   'fabric.editor.panel.emoji': '新增表情符號',
+  'fabric.editor.panel.panelsGroup': '面板類型',
   'fabric.editor.pasteOptions': '貼上選項',
   'fabric.editor.pastePlainText': '貼上純文字',
   'fabric.editor.placeholderAltText': '使用替代文字描述這張圖片',

package/dist/es2019/lists/node.js

@@ -139,10 +139,10 @@ const findGrandParentResolvedPos = (tr, $from) => {
 };
 const findNestedTaskListsIndexAtSameLevel = (tr, $from) => {
   /*
-    Currently our cursor would be inside a pargraph of a list of type numbered/bullet list,
-    we need to find the grandparent of the cursor which is the list at same level of taskList.
-    We can get the root list item(inside which various lists are being resolved before outdenting) by going one depth above that list.
-  */
+     Currently our cursor would be inside a pargraph of a list of type numbered/bullet list,
+     we need to find the grandparent of the cursor which is the list at same level of taskList.
+     We can get the root list item(inside which various lists are being resolved before outdenting) by going one depth above that list.
+   */
   const nestedListResolvedPos = findGrandParentResolvedPos(tr, $from);
   const rootListItem = nestedListResolvedPos === null || nestedListResolvedPos === void 0 ? void 0 : nestedListResolvedPos.node(nestedListResolvedPos.depth - 1);
   const nestedTaskListsIndexes = [];
@@ -170,10 +170,10 @@ export const processNestedTaskListsInSameLevel = tr => {
   const nestedTaskListIndexesToWrap = nestedTaskListIndexes.filter(index => index > 1);
 
   /*
-    Wraps the taskLists present at each index mentioned in the nestedTaskListIndexesToWrap to the list above it.
-    After each wrap the indexes changes since two lists are being merged into one,
-    so we keep track of it and use it to access actual calculated taskList indexes.
-  */
+     Wraps the taskLists present at each index mentioned in the nestedTaskListIndexesToWrap to the list above it.
+     After each wrap the indexes changes since two lists are being merged into one,
+     so we keep track of it and use it to access actual calculated taskList indexes.
+   */
   if (rootListItemStart) {
     let taskListsFixedNested = 0;
     nestedTaskListIndexesToWrap.forEach(index => {

package/dist/es2019/lists/replace-content.js

@@ -29,14 +29,14 @@ export const wrapTaskListIntoListAbove = (tr, taskListStart, previousListStart)
   const frag = Fragment.from(taskList.content);
 
   /*
-    Delete the existing taskList at the same level and insert inside above list provided
-    1. To delete the tasklist, we need wrapping positions before and after it to completely delete it.
-      $taskListStart.after() would give us closing position enclosed by node itself using it would remove only the contents of taskList
-      so we add 1 to it to get the position after the taskList node and completly remove it.
-    2. Inserting the taskList at the end() position safe inserts the taskList to next available position which would lead to deleting and inserting taskList at same place.
-      Reason: $previousListStart.end() gives us end position of listItem but we can add content only inside listItem not at same level
-      so we subtract 1 to get the position inside the list item and insert the TaskList same level as paragraph/content inside listItem.
-  */
+     Delete the existing taskList at the same level and insert inside above list provided
+     1. To delete the tasklist, we need wrapping positions before and after it to completely delete it.
+       $taskListStart.after() would give us closing position enclosed by node itself using it would remove only the contents of taskList
+       so we add 1 to it to get the position after the taskList node and completly remove it.
+     2. Inserting the taskList at the end() position safe inserts the taskList to next available position which would lead to deleting and inserting taskList at same place.
+       Reason: $previousListStart.end() gives us end position of listItem but we can add content only inside listItem not at same level
+       so we subtract 1 to get the position inside the list item and insert the TaskList same level as paragraph/content inside listItem.
+   */
   tr.delete($taskListStart.before(), $taskListStart.after() + 1);
   tr.insert($previousListStart.end() - 1, frag);
 };

package/dist/es2019/mark/commands.js

@@ -61,6 +61,59 @@ export function filterChildrenBetween(doc, from, to, predicate) {
   });
   return results;
 }
+export function transformNonTextNodesToText(from, to, tr) {
+  const {
+    doc
+  } = tr;
+  const {
+    schema
+  } = doc.type;
+  const {
+    mention: mentionNodeType,
+    text: textNodeType,
+    emoji: emojiNodeType,
+    inlineCard: inlineCardNodeType
+  } = schema.nodes;
+  const nodesToChange = [];
+  doc.nodesBetween(from, to, (node, pos, parent) => {
+    if ([mentionNodeType, textNodeType, emojiNodeType, inlineCardNodeType].includes(node.type)) {
+      nodesToChange.push({
+        node,
+        pos
+      });
+    }
+  });
+  nodesToChange.forEach(({
+    node,
+    pos
+  }) => {
+    if (node.type !== textNodeType) {
+      const newText = node.attrs.url ||
+      // url for inlineCard
+      node.attrs.text || `${node.type.name} text missing`; // fallback for missing text
+
+      const currentPos = tr.mapping.map(pos);
+      tr.replaceWith(currentPos, currentPos + node.nodeSize, schema.text(newText, node.marks));
+    } else if (node.text) {
+      // Find a valid start and end position because the text may be partially selected.
+      const startPositionInSelection = Math.max(pos, from);
+      const endPositionInSelection = Math.min(pos + node.nodeSize, to);
+      const textForReplacing = doc.textBetween(startPositionInSelection, endPositionInSelection);
+      const newText = textForReplacing.replace(FIND_SMART_CHAR, match => {
+        var _SMART_TO_ASCII$match;
+        return (_SMART_TO_ASCII$match = SMART_TO_ASCII[match]) !== null && _SMART_TO_ASCII$match !== void 0 ? _SMART_TO_ASCII$match : match;
+      });
+      const currentStartPos = tr.mapping.map(startPositionInSelection);
+      const currentEndPos = tr.mapping.map(endPositionInSelection);
+      tr.replaceWith(currentStartPos, currentEndPos, schema.text(newText, node.marks));
+    }
+  });
+}
+
+/**
+ * @private
+ * @deprecated Use {@link transformNonTextNodesToText} instead.
+ */
 export const transformSmartCharsMentionsAndEmojis = (from, to, tr) => {
   const {
     schema
@@ -101,7 +154,7 @@ export const applyMarkOnRange = (from, to, removeMark, mark, tr) => {
     inlineCard
   } = schema.nodes;
   if (mark.type === code) {
-    transformSmartCharsMentionsAndEmojis(from, to, tr);
+    getBooleanFF('platform.editor.simplify-inline-cards-in-code-blocks_jw6t1') ? transformNonTextNodesToText(from, to, tr) : transformSmartCharsMentionsAndEmojis(from, to, tr);
   }
   tr.doc.nodesBetween(tr.mapping.map(from), tr.mapping.map(to), (node, pos) => {
     if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {

package/dist/es2019/mark/index.js

@@ -1,2 +1,2 @@
-export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, filterChildrenBetween, toggleMark, removeMark, entireSelectionContainsMark } from './commands';
+export { transformSmartCharsMentionsAndEmojis, transformNonTextNodesToText, applyMarkOnRange, filterChildrenBetween, toggleMark, removeMark, entireSelectionContainsMark } from './commands';
 export { anyMarkActive, isMarkAllowedInRange, isMarkExcluded } from './text-formatting';

package/dist/es2019/media-inline/styles.js

@@ -9,15 +9,15 @@ export const INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = '--editor-media-inline-imag
 // We implemented such selectors to ensure specificity:
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Nested and dynamic css calls are violations, needs manual remediation
 const inlineImageHeight = (height, margin = 0) => css`
-  /* Editor style */
-  > .mediaInlineView-content-wrap > .${INLINE_IMAGE_WRAPPER_CLASS_NAME},
+	/* Editor style */
+	> .mediaInlineView-content-wrap > .${INLINE_IMAGE_WRAPPER_CLASS_NAME},
   > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .${INLINE_IMAGE_WRAPPER_CLASS_NAME},
   /* Renderer style */
   > .${INLINE_IMAGE_WRAPPER_CLASS_NAME},
   > :is(a, span[data-mark-type='border']) .${INLINE_IMAGE_WRAPPER_CLASS_NAME} {
-    height: ${height}px;
-    transform: translateY(${margin}px);
-  }
+		height: ${height}px;
+		transform: translateY(${margin}px);
+	}
 `;
 
 /**
@@ -28,35 +28,35 @@ const inlineImageHeight = (height, margin = 0) => css`
  */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Nested and dynamic css calls are violations, needs manual remediation
 export const mediaInlineImageStyles = css`
-  // p, h3, and action items
-  .${INLINE_IMAGE_WRAPPER_CLASS_NAME} {
-    height: ${referenceHeights['p']}px;
-    transform: translateY(-2px);
-  }
+	// p, h3, and action items
+	.${INLINE_IMAGE_WRAPPER_CLASS_NAME} {
+		height: ${referenceHeights['p']}px;
+		transform: translateY(-2px);
+	}
 
-  h1 {
-    ${inlineImageHeight(referenceHeights['h1'], -3)}
-  }
+	h1 {
+		${inlineImageHeight(referenceHeights['h1'], -3)}
+	}
 
-  h2 {
-    ${inlineImageHeight(referenceHeights['h2'], -3)}
-  }
+	h2 {
+		${inlineImageHeight(referenceHeights['h2'], -3)}
+	}
 
-  h3 {
-    ${inlineImageHeight(referenceHeights['h3'], -2)}
-  }
+	h3 {
+		${inlineImageHeight(referenceHeights['h3'], -2)}
+	}
 
-  h4 {
-    ${inlineImageHeight(referenceHeights['h4'], -2)}
-  }
+	h4 {
+		${inlineImageHeight(referenceHeights['h4'], -2)}
+	}
 
-  h5 {
-    ${inlineImageHeight(referenceHeights['h5'], -2)}
-  }
+	h5 {
+		${inlineImageHeight(referenceHeights['h5'], -2)}
+	}
 
-  h6 {
-    ${inlineImageHeight(referenceHeights['h6'], -2)}
-  }
+	h6 {
+		${inlineImageHeight(referenceHeights['h6'], -2)}
+	}
 `;
 export const wrapperStyle = css({
   display: 'inline-flex',

package/dist/es2019/messages/card.js

@@ -80,6 +80,26 @@ export const messages = defineMessages({
     defaultMessage: 'Display an interactive preview of a link',
     description: 'Description for option to display link as an embedded object.'
   },
+  editDropdownExpandIconLabel: {
+    id: 'fabric.editor.editDropdownExpandIconLabel',
+    defaultMessage: 'Expand dropdown menu',
+    description: 'Text of an icon to expand the dropdown'
+  },
+  editDropdownTriggerTitle: {
+    id: 'fabric.editor.editDropdownTriggerTitle',
+    defaultMessage: 'Edit',
+    description: 'Text of a button to trigger opening an edit dropdown'
+  },
+  editDropdownEditLinkTitle: {
+    id: 'fabric.editor.editDropdownEditLinkTitle',
+    defaultMessage: 'Edit link',
+    description: 'Edit dropdown edit link button text'
+  },
+  editDropdownEditDatasourceTitle: {
+    id: 'fabric.editor.editDropdownEditDatasourceTitle',
+    defaultMessage: 'Edit search query',
+    description: 'Edit dropdown edit datasource button text'
+  },
   datasourceTitle: {
     id: 'fabric.editor.datasourceTitle',
     defaultMessage: 'Edit search query',

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "81.1.5";
+const packageVersion = "81.2.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/selection/gap-cursor/styles.js

@@ -15,70 +15,70 @@ const wrapRight = '[layout="wrap-right"]';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- This needs manual remediation, it autofixes seemingly safely, but the code style and readability is destroyed.
 export const gapCursorStyles = css`
-  /* =============== GAP CURSOR ================== */
-  .ProseMirror {
-    &.${hideCaretModifier} {
-      caret-color: transparent;
-    }
+	/* =============== GAP CURSOR ================== */
+	.ProseMirror {
+		&.${hideCaretModifier} {
+			caret-color: transparent;
+		}
 
-    ${gapCursor} {
-      display: none;
-      pointer-events: none;
-      position: relative;
+		${gapCursor} {
+			display: none;
+			pointer-events: none;
+			position: relative;
 
-      & span {
-        caret-color: transparent;
-        position: absolute;
-        height: 100%;
-        width: 100%;
-        display: block;
-      }
+			& span {
+				caret-color: transparent;
+				position: absolute;
+				height: 100%;
+				width: 100%;
+				display: block;
+			}
 
-      & span::after {
-        animation: 1s ${gapCursorBlink} step-end infinite;
-        border-left: 1px solid;
-        content: '';
-        display: block;
-        position: absolute;
-        top: 0;
-        height: 100%;
-      }
-      &.-left span::after {
-        left: ${"var(--ds-space-negative-050, -4px)"};
-      }
-      &.-right span::after {
-        right: ${"var(--ds-space-negative-050, -4px)"};
-      }
-      & span[layout='full-width'],
-      & span[layout='wide'],
-      & span[layout='fixed-width'] {
-        margin-left: 50%;
-        transform: translateX(-50%);
-      }
-      &${wrapRight} {
-        float: right;
-      }
+			& span::after {
+				animation: 1s ${gapCursorBlink} step-end infinite;
+				border-left: 1px solid;
+				content: '';
+				display: block;
+				position: absolute;
+				top: 0;
+				height: 100%;
+			}
+			&.-left span::after {
+				left: ${"var(--ds-space-negative-050, -4px)"};
+			}
+			&.-right span::after {
+				right: ${"var(--ds-space-negative-050, -4px)"};
+			}
+			& span[layout='full-width'],
+			& span[layout='wide'],
+			& span[layout='fixed-width'] {
+				margin-left: 50%;
+				transform: translateX(-50%);
+			}
+			&${wrapRight} {
+				float: right;
+			}
 
-      /* fix vertical alignment of gap cursor */
-      &:first-of-type + ul,
-      &:first-of-type + span + ul,
-      &:first-of-type + ol,
-      &:first-of-type + span + ol,
-      &:first-of-type + pre,
-      &:first-of-type + span + pre,
-      &:first-of-type + blockquote,
-      &:first-of-type + span + blockquote {
-        margin-top: 0;
-      }
-    }
-    &.ProseMirror-focused ${gapCursor} {
-      display: block;
-      border-color: transparent;
-    }
-  }
+			/* fix vertical alignment of gap cursor */
+			&:first-of-type + ul,
+			&:first-of-type + span + ul,
+			&:first-of-type + ol,
+			&:first-of-type + span + ol,
+			&:first-of-type + pre,
+			&:first-of-type + span + pre,
+			&:first-of-type + blockquote,
+			&:first-of-type + span + blockquote {
+				margin-top: 0;
+			}
+		}
+		&.ProseMirror-focused ${gapCursor} {
+			display: block;
+			border-color: transparent;
+		}
+	}
 
-  /* This hack below is for two images aligned side by side */
-  ${gapCursor}${wrapLeft} + span + ${wrapLeft},
+	/* This hack below is for two images aligned side by side */
+	${gapCursor}${wrapLeft} + span + ${wrapLeft},
   ${gapCursor}${wrapRight} + span + ${wrapRight},
   ${gapCursor} + ${wrapLeft} + ${wrapRight},
   ${gapCursor} + ${wrapLeft} + span + ${wrapRight},
@@ -89,10 +89,10 @@ export const gapCursorStyles = css`
   ${wrapRight} + ${gapCursor} + ${wrapLeft},
   ${wrapRight} + ${gapCursor} + span + ${wrapLeft},
   ${wrapLeft} + ${gapCursor} {
-    clear: none;
-  }
+		clear: none;
+	}
 
-  ${wrapLeft} + ${gapCursor} + ${wrapRight} > div,
+	${wrapLeft} + ${gapCursor} + ${wrapRight} > div,
   ${wrapLeft} + ${gapCursor} + span + ${wrapRight} > div,
   ${wrapRight} + ${gapCursor} + ${wrapLeft} > div,
   ${wrapRight} + ${gapCursor} + span + ${wrapLeft} > div,
@@ -100,31 +100,31 @@ export const gapCursorStyles = css`
   ${gapCursor} + ${wrapRight} + span + ${wrapLeft} > div,
   ${gapCursor} + ${wrapLeft} + ${wrapRight} > div,
   ${gapCursor} + ${wrapLeft} + span + ${wrapRight} > div {
-    margin-right: 0;
-    margin-left: 0;
-    margin-bottom: 0;
-  }
+		margin-right: 0;
+		margin-left: 0;
+		margin-bottom: 0;
+	}
 
-  ${wrapLeft} + ${gapCursor},
+	${wrapLeft} + ${gapCursor},
   ${wrapRight} + ${gapCursor} {
-    float: left;
-  }
+		float: left;
+	}
 
-  ${gapCursor} + ${wrapLeft} + span + ${wrapRight}::after,
+	${gapCursor} + ${wrapLeft} + span + ${wrapRight}::after,
   ${gapCursor} + ${wrapRight} + span + ${wrapLeft}::after,
   ${wrapLeft} + ${gapCursor} + ${wrapRight}::after,
   ${wrapLeft} + ${gapCursor} + span + ${wrapRight}::after,
   ${wrapRight} + ${gapCursor} + ${wrapLeft}::after,
   ${wrapRight} + ${gapCursor} + span + ${wrapLeft}::after {
-    visibility: hidden;
-    display: block;
-    font-size: 0;
-    content: ' ';
-    clear: both;
-    height: 0;
-  }
+		visibility: hidden;
+		display: block;
+		font-size: 0;
+		content: ' ';
+		clear: both;
+		height: 0;
+	}
 
-  ${wrapLeft} + ${gapCursor} + ${wrapRight} + *,
+	${wrapLeft} + ${gapCursor} + ${wrapRight} + *,
   ${wrapLeft} + ${gapCursor} + ${wrapRight} + span + *,
   ${wrapRight} + ${gapCursor} + ${wrapLeft} + *,
   ${wrapRight} + ${gapCursor} + ${wrapLeft} + span + *,
@@ -142,6 +142,6 @@ export const gapCursorStyles = css`
   ${gapCursor} + ${wrapRight} + span + ${wrapLeft} + * > *,
   ${prosemirrorwidget} + ${gapCursor} + *,
   ${prosemirrorwidget} + ${gapCursor} + span + * {
-    margin-top: 0;
-  }
+		margin-top: 0;
+	}
 `;

package/dist/es2019/styles/shared/annotation.js

@@ -60,18 +60,18 @@ export const AnnotationSharedCSSByState = () => getBooleanFF('platform.editor.al
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState()` is not safe in object syntax
 export const annotationSharedStyles = () => css`
-  .ProseMirror {
-    .${AnnotationSharedClassNames.focus} {
-      ${AnnotationSharedCSSByState().focus};
-    }
+	.ProseMirror {
+		.${AnnotationSharedClassNames.focus} {
+			${AnnotationSharedCSSByState().focus};
+		}
 
-    .${AnnotationSharedClassNames.draft} {
-      ${AnnotationSharedCSSByState().focus};
-      cursor: initial;
-    }
+		.${AnnotationSharedClassNames.draft} {
+			${AnnotationSharedCSSByState().focus};
+			cursor: initial;
+		}
 
-    .${AnnotationSharedClassNames.blur} {
-      ${AnnotationSharedCSSByState().blur};
-    }
-  }
+		.${AnnotationSharedClassNames.blur} {
+			${AnnotationSharedCSSByState().blur};
+		}
+	}
 `;

package/dist/es2019/styles/shared/block-marks.js

@@ -1,11 +1,11 @@
 /* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Perfectly safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing */
 import { css } from '@emotion/react';
 export const blockMarksSharedStyles = css`
-  /**
+	/**
    * We need to remove margin-top from first item
    * inside doc, tableCell, tableHeader, blockquote, etc.
    */
-  *:not(.fabric-editor-block-mark) >,
+	*:not(.fabric-editor-block-mark) >,
   /* For nested block marks apart from those with indentation mark */
   *:not(.fabric-editor-block-mark) >
     div.fabric-editor-block-mark:first-of-type
@@ -17,18 +17,18 @@ export const blockMarksSharedStyles = css`
   .fabric-editor-alignment:first-of-type:first-child,
   // If first document element has indentation mark remove margin-top
   .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child {
-    p,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    .heading-wrapper {
-      :first-child:not(style),
-      style:first-child + * {
-        margin-top: 0;
-      }
-    }
-  }
+		p,
+		h1,
+		h2,
+		h3,
+		h4,
+		h5,
+		h6,
+		.heading-wrapper {
+			:first-child:not(style),
+			style:first-child + * {
+				margin-top: 0;
+			}
+		}
+	}
 `;