@atlaskit/editor-common 77.2.5 → 77.3.1

package/dist/es2019/type-ahead/messages.js

@@ -0,0 +1,73 @@
+import { defineMessages } from 'react-intl-next';
+export const typeAheadListMessages = defineMessages({
+  typeAheadPopupLabel: {
+    id: 'fabric.editor.typeAhead.popupLabel',
+    defaultMessage: 'Typeahead results',
+    description: 'the result of a typeahead, similar to autocomplete results+'
+  },
+  quickInsertPopupLabel: {
+    id: 'fabric.editor.typeAhead.quickInsertPopupLabel',
+    defaultMessage: 'Shortcuts for inserts and formatting',
+    description: 'the result of a quick insert typeahead, similar to autocomplete results+'
+  },
+  quickInsertInputLabel: {
+    id: 'fabric.editor.typeAhead.quickInsertInputLabel',
+    defaultMessage: 'Begin typing to search or filter shortcut options',
+    description: 'assisitve text for typeahed input field'
+  },
+  emojiPopupLabel: {
+    id: 'fabric.editor.typeahead.emojiPopupLabel',
+    defaultMessage: 'Emoji shortcuts',
+    description: 'the result of a emoji typeahead, similar to autocomplete results+'
+  },
+  emojiInputLabel: {
+    id: 'fabric.editor.typeahead.emojiInputLabel',
+    defaultMessage: 'Begin typing to search or filter emoji options',
+    description: 'assisitve text for typeahed input field'
+  },
+  mentionPopupLabel: {
+    id: 'fabric.editor.typeahead.mentionPopupLabel',
+    defaultMessage: 'Users you can tag',
+    description: 'the aria label of a mention typeahead popup'
+  },
+  mentionInputLabel: {
+    id: 'fabric.editor.typeahead.mentionInputLabel',
+    defaultMessage: 'Begin typing to search for users to tag',
+    description: 'assisitve text for typeahed input field'
+  },
+  metionListItemLabel: {
+    id: 'fabric.editor.typeahead.metionListItemLabel',
+    defaultMessage: 'User {name} @{shortName}',
+    description: 'assistive text for user mention items username and nickname'
+  },
+  emojiListItemLabel: {
+    id: 'fabric.editor.typeahead.emojiListItemLabel',
+    defaultMessage: 'Emoji {name} Text Shortcut {shortcut}',
+    description: 'assistive text for emoji name and shortcut'
+  },
+  inputQueryAssistiveLabel: {
+    id: 'fabric.editor.inputQueryAssistiveTxt',
+    defaultMessage: 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',
+    description: 'Assistive text to the user when using typeahead shortcut'
+  },
+  searchResultsLabel: {
+    id: 'fabric.editor.searchResults',
+    defaultMessage: '{itemsLength, plural, one {# search result} other {# search results}} available. Use Up and Down arrow keys to navigate amongst the options. Press Enter to select an option.',
+    description: 'Assistive text to the user when using typeahead shortcut and it preceeds with a number - Ex: 10 search results available'
+  },
+  noSearchResultsLabel: {
+    id: 'fabric.editor.noSearchResults',
+    defaultMessage: 'No search results',
+    description: 'Assistive text to the user when using typeahead shortcut'
+  },
+  descriptionLabel: {
+    id: 'fabric.editor.description',
+    defaultMessage: 'Description',
+    description: 'Description'
+  },
+  shortcutLabel: {
+    id: 'fabric.editor.shortcut',
+    defaultMessage: 'Text shortcut',
+    description: 'Text shortcut'
+  }
+});

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

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "77.2.5";
+const packageVersion = "77.3.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/emoji.js

@@ -1,2 +1,10 @@
 export { default as Emoji } from './ui/Emoji';
-export { EmojiSharedCssClassName } from './styles/shared/emoji';
+export { EmojiSharedCssClassName } from './styles/shared/emoji';
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  emojiNodeLabel: {
+    id: 'fabric.emoji.label',
+    defaultMessage: 'Emoji',
+    description: 'Label to indicate emoji node to Screen reader users'
+  }
+});

package/dist/esm/extensions/index.js

@@ -4,4 +4,5 @@ export { default as DefaultExtensionProvider } from './default-extension-provide
 export { createAutoConverterRunner, getExtensionAutoConvertersFromProvider, getQuickInsertItemsFromModule, getContextualToolbarItemsFromModule, buildMenuItem } from './module-helpers';
 export { getExtensionModuleNode, getExtensionModuleNodePrivateProps, getNodeRenderer } from './extension-handlers';
 export { default as combineExtensionProviders } from './combine-extension-providers';
-export { getCustomFieldResolver, getUserFieldContextProvider, getFieldSerializer, getFieldDeserializer } from './extension-fields-helpers';
+export { getCustomFieldResolver, getUserFieldContextProvider, getFieldSerializer, getFieldDeserializer } from './extension-fields-helpers';
+export { messages, configPanelMessages } from './messages';

package/dist/esm/extensions/messages.js

@@ -0,0 +1,135 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  edit: {
+    id: 'fabric.editor.edit',
+    defaultMessage: 'Edit',
+    description: 'Edit the properties for this extension.'
+  },
+  deleteElementTitle: {
+    id: 'fabric.editor.extension.deleteElementTitle',
+    defaultMessage: 'Delete element',
+    description: 'Title text for confirm modal when deleting an extension linked to a data consumer.'
+  },
+  unnamedSource: {
+    id: 'fabric.editor.extension.sourceNoTitledName',
+    defaultMessage: 'this element',
+    description: 'The current element without preset name been selected'
+  },
+  confirmDeleteLinkedModalOKButton: {
+    id: 'fabric.editor.extension.confirmDeleteLinkedModalOKButton',
+    defaultMessage: 'Delete',
+    description: 'Action button label for confirm modal when deleting an extension linked to a data consumer.'
+  },
+  confirmDeleteLinkedModalMessage: {
+    id: 'fabric.editor.extension.confirmDeleteLinkedModalMessage',
+    defaultMessage: 'Deleting {nodeName} will break anything connected to it.',
+    description: 'Message for confirm modal when deleting a extension linked to an data consumer.'
+  },
+  confirmModalCheckboxLabel: {
+    id: 'fabric.editor.floatingToolbar.confirmModalCheckboxLabel',
+    defaultMessage: 'Also delete connected elements',
+    description: 'checkbox label text'
+  },
+  saveIndicator: {
+    id: 'fabric.editor.extensions.config-panel.save-indicator',
+    defaultMessage: 'All changes are always autosaved',
+    description: 'Message shown to the user to notify to them that we save the changes automatically.'
+  }
+});
+export var configPanelMessages = defineMessages({
+  configFailedToLoad: {
+    id: 'fabric.editor.configFailedToLoad',
+    defaultMessage: 'Failed to load',
+    description: 'Displayed when the config panel fails to load fields'
+  },
+  submit: {
+    id: 'fabric.editor.configPanel.submit',
+    defaultMessage: 'Submit',
+    description: 'Submit button label'
+  },
+  cancel: {
+    id: 'fabric.editor.configPanel.cancel',
+    defaultMessage: 'Cancel',
+    description: 'Cancel button label'
+  },
+  close: {
+    id: 'fabric.editor.configPanel.close',
+    defaultMessage: 'Close',
+    description: 'Close button label'
+  },
+  required: {
+    id: 'fabric.editor.configPanel.required',
+    defaultMessage: 'Required field',
+    description: 'Validation message for required field'
+  },
+  invalid: {
+    id: 'fabric.editor.configPanel.invalid',
+    defaultMessage: 'Invalid field',
+    description: 'Validation message when a field value is not acceptable'
+  },
+  isMultipleAndRadio: {
+    id: 'fabric.editor.configPanel.fieldTypeError.isMultipleAndRadio',
+    defaultMessage: 'Can not combine isMultiple with style: radio',
+    description: 'Configuration error'
+  },
+  addField: {
+    id: 'fabric.editor.configPanel.formType.addField',
+    defaultMessage: 'Add field',
+    description: 'Button to add a new field in nested forms'
+  },
+  removeField: {
+    id: 'fabric.editor.configPanel.formType.removeField',
+    defaultMessage: 'Remove field',
+    description: 'Button to remove a field in nested forms'
+  },
+  createOption: {
+    id: 'fabric.editor.configPanel.customSelect.createOption',
+    defaultMessage: 'Create',
+    description: 'Create a new option for a select field'
+  },
+  documentation: {
+    id: 'fabric.editor.configPanel.documentation',
+    defaultMessage: 'Documentation',
+    description: 'Label for the documentation link'
+  },
+  help: {
+    id: 'fabric.editor.configPanel.help',
+    defaultMessage: 'Need help?',
+    description: 'Label for documentation link v.2 (to replace "Documentation" text)'
+  },
+  custom: {
+    id: 'fabric.editor.configPanel.dateRange.option.custom',
+    defaultMessage: 'Custom',
+    description: 'Label for the option "Custom" in the date range UI element'
+  },
+  from: {
+    id: 'fabric.editor.configPanel.dateRange.custom.from',
+    defaultMessage: 'From',
+    description: 'Label for the initial date when the option "Custom" is selected in the date range UI element'
+  },
+  to: {
+    id: 'fabric.editor.configPanel.dateRange.custom.to',
+    defaultMessage: 'To',
+    description: 'Label for the end date when the option "Custom" is selected in the date range UI element'
+  },
+  expand: {
+    id: 'fabric.editor.configPanel.dateRange.grouping.expand',
+    defaultMessage: 'Expand',
+    description: 'Label for expanding a group of fields'
+  },
+  collapse: {
+    id: 'fabric.editor.configPanel.dateRange.grouping.collapse',
+    defaultMessage: 'Collapse',
+    description: 'Label for collapsing a group of fields'
+  },
+  errorBoundaryTitle: {
+    id: 'fabric.editor.configPanel.errorBoundary.title',
+    defaultMessage: 'Something went wrong.',
+    description: 'Title for uncaught config panel error'
+  },
+  errorBoundaryNote: {
+    id: 'fabric.editor.configPanel.errorBoundary.note',
+    defaultMessage: "We've let the team know. You can still edit and publish this page, or check the error console for more information.",
+    description: 'Note for uncaught config panel error'
+  }
+});

package/dist/esm/extensions.js

@@ -1 +1 @@
-export { DefaultExtensionProvider, combineExtensionProviders, createAutoConverterRunner, getExtensionAutoConvertersFromProvider, getExtensionKeyAndNodeKey, getExtensionModuleNode, getQuickInsertItemsFromModule, getNodeRenderer, getExtensionModuleNodePrivateProps, getContextualToolbarItemsFromModule, resolveImport, getCustomFieldResolver, getFieldSerializer, getFieldDeserializer, isFieldset, isTabGroup, isTabField, isExpand, isDateRange, getUserFieldContextProvider, buildMenuItem } from './extensions/index';
+export { DefaultExtensionProvider, combineExtensionProviders, createAutoConverterRunner, getExtensionAutoConvertersFromProvider, getExtensionKeyAndNodeKey, getExtensionModuleNode, getQuickInsertItemsFromModule, getNodeRenderer, getExtensionModuleNodePrivateProps, getContextualToolbarItemsFromModule, resolveImport, getCustomFieldResolver, getFieldSerializer, getFieldDeserializer, isFieldset, isTabGroup, isTabField, isExpand, isDateRange, getUserFieldContextProvider, buildMenuItem, configPanelMessages, messages } from './extensions/index';

package/dist/esm/floating-toolbar/index.js

@@ -98,4 +98,5 @@ export var areSameItems = function areSameItems(leftArr, rightArr) {
   return leftArr.every(function (item, index) {
     return isSameItem(rightArr[index], item);
   });
-};
+};
+export { default as messages } from './messages';

package/dist/esm/floating-toolbar/messages.js

@@ -0,0 +1,48 @@
+import { defineMessages } from 'react-intl-next';
+export default defineMessages({
+  confirmModalDefaultHeading: {
+    id: 'fabric.editor.floatingToolbar.confirmModalHeading',
+    defaultMessage: 'Are you sure?',
+    description: 'Default heading of floating toolbar confirmation modal.'
+  },
+  confirmModalOK: {
+    id: 'fabric.editor.floatingToolbar.confirmModalOK',
+    defaultMessage: 'OK',
+    description: 'OK button for floating toolbar confirmation modal.'
+  },
+  confirmModalCancel: {
+    id: 'fabric.editor.floatingToolbar.confirmModalCancel',
+    defaultMessage: 'Cancel',
+    description: 'Cancel button for floating toolbar confirmation modal.'
+  },
+  confirmModalListUnit: {
+    id: 'fabric.editor.floatingToolbar.confirmModalConnectedUnit',
+    defaultMessage: '{name}{amount, plural, =0 {} one { (+1 connected element)} other { (+# connected elements)}}',
+    description: 'Text displayed in confirmation modal which highlights the nodes and the amount of connected nodes that will be deleted'
+  },
+  confirmDeleteLinkedModalMessage: {
+    id: 'fabric.editor.extension.confirmDeleteLinkedModalMessage',
+    defaultMessage: 'Deleting {nodeName} will break anything connected to it.',
+    description: 'Message for confirm modal when deleting a extension linked to an data consumer.'
+  },
+  floatingToolbarAriaLabel: {
+    id: 'fabric.editor.floatingToolbar.floatingToolbarAriaLabel',
+    defaultMessage: 'Floating Toolbar',
+    description: "a floating toolbar's aria label"
+  },
+  floatingToolbarAnnouncer: {
+    id: 'fabric.editor.floatingToolbar.floatingToolbarAnnouncer',
+    defaultMessage: 'Floating toolbar controls have been opened',
+    description: 'message that will be announced to screenreaders that the floating toolbar is opened'
+  },
+  floatingToolbarScrollLeft: {
+    id: 'fabric.editor.floatingToolbar.scrollLeft',
+    defaultMessage: 'Scroll left',
+    description: 'Button to scroll left when the toolbar is in the overflow state'
+  },
+  floatingToolbarScrollRight: {
+    id: 'fabric.editor.floatingToolbar.scrollRight',
+    defaultMessage: 'Scroll right',
+    description: 'Button to scroll right when the toolbar is in the overflow state'
+  }
+});

package/dist/esm/lists/index.js

@@ -1,6 +1,7 @@
 export { getListItemAttributes, normalizeListItemsSelection } from './selection';
 export { moveTargetIntoList } from './replace-content';
-export { JoinDirection, isListNodeValidContent, joinSiblingLists } from './node';
+export { JoinDirection, isListNodeValidContent, joinSiblingLists, processNestedTaskListsInSameLevel } from './node';
 export { getCommonListAnalyticsAttributes, countListItemsInSelection } from './analytics';
 export { hasValidListIndentationLevel } from './indentation';
-export { isListNode, isListItemNode, isBulletList, isParagraphNode } from '../utils';
+export { isListNode, isListItemNode, isBulletList, isParagraphNode } from '../utils';
+export { messages } from './messages';

package/dist/esm/lists/messages.js

@@ -0,0 +1,29 @@
+// Common Translations will live here
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  unorderedList: {
+    id: 'fabric.editor.unorderedList',
+    defaultMessage: 'Bullet list',
+    description: 'A list with bullets. Also known as an “unordered” list'
+  },
+  unorderedListDescription: {
+    id: 'fabric.editor.unorderedList.description',
+    defaultMessage: 'Create an unordered list',
+    description: ''
+  },
+  orderedList: {
+    id: 'fabric.editor.orderedList',
+    defaultMessage: 'Numbered list',
+    description: 'A list with ordered items 1… 2… 3…'
+  },
+  orderedListDescription: {
+    id: 'fabric.editor.orderedList.description',
+    defaultMessage: 'Create an ordered list',
+    description: ''
+  },
+  lists: {
+    id: 'fabric.editor.lists',
+    defaultMessage: 'Lists',
+    description: 'Menu shows ordered/bullet list and unordered/numbered lists'
+  }
+});

package/dist/esm/lists/node.js

@@ -1,6 +1,7 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { isListItemNode, isListNode, isOrderedList, isOrderedListContinuous } from '../utils';
+import { wrapTaskListIntoListAbove } from './replace-content';
 export function isListNodeValidContent(node) {
   var bulletList = node.type.schema.nodes.bulletList;
   if (!bulletList) {
@@ -96,4 +97,79 @@ export var joinSiblingLists = function joinSiblingLists(_ref) {
     tr.join(joins[i]);
   }
   return result;
+};
+
+/**
+ * Returns the prosemirror position for the child at give index inside the parent node.
+ * Example: Considering doc structure as below using the function
+ *          passing parent resolved position for li and index 2
+ *          would return starting position of taskList
+ * DOC STRUCTURE:
+ * ol()
+ *  ( li(
+ *      p('text'),
+ *      ul(content),
+ *      taskList(),
+ *    )
+ *  )
+ * @param $from Starting resolved position for the parent node of the child we are looking for.
+ * @param index Index of the child node we want the position for.
+ * @returns
+ */
+var findStartPositionOfChildWithIndex = function findStartPositionOfChildWithIndex($from, index) {
+  var parent = $from.node();
+  var currentPos = $from.pos + 1;
+  for (var i = 0; i < index; i++) {
+    currentPos += parent.child(i).nodeSize;
+  }
+  return currentPos;
+};
+var findGrandParentResolvedPos = function findGrandParentResolvedPos(tr, $from) {
+  return $from.depth > 2 ? tr.doc.resolve($from.start($from.depth - 2)) : null;
+};
+var findNestedTaskListsIndexAtSameLevel = function 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.
+  */
+  var nestedListResolvedPos = findGrandParentResolvedPos(tr, $from);
+  var rootListItem = nestedListResolvedPos === null || nestedListResolvedPos === void 0 ? void 0 : nestedListResolvedPos.node(nestedListResolvedPos.depth - 1);
+  var nestedTaskListsIndexes = [];
+  var rootListItemChildCount = (rootListItem === null || rootListItem === void 0 ? void 0 : rootListItem.childCount) || 0;
+  // first child of list item is always paragraph (i = 0) so we start from 1
+  for (var i = 1; i < rootListItemChildCount; i++) {
+    if ((rootListItem === null || rootListItem === void 0 ? void 0 : rootListItem.child(i).type.name) === 'taskList') {
+      nestedTaskListsIndexes.push(i);
+    }
+  }
+  return nestedTaskListsIndexes;
+};
+export var processNestedTaskListsInSameLevel = function processNestedTaskListsInSameLevel(tr) {
+  var $from = tr.selection.$from;
+  var nestedTaskListIndexes = findNestedTaskListsIndexAtSameLevel(tr, $from);
+  if (nestedTaskListIndexes.length === 0) {
+    return;
+  }
+  var nestedListResolvedPos = findGrandParentResolvedPos(tr, $from);
+  var rootListItemStart = nestedListResolvedPos === null || nestedListResolvedPos === void 0 ? void 0 : nestedListResolvedPos.start(nestedListResolvedPos.depth - 1);
+
+  /* We need not wrap the taskList present above other lists since it doesn't affect the flow. */
+  var nestedTaskListIndexesToWrap = nestedTaskListIndexes.filter(function (index) {
+    return 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.
+  */
+  if (rootListItemStart) {
+    var taskListsFixedNested = 0;
+    nestedTaskListIndexesToWrap.forEach(function (index) {
+      wrapTaskListIntoListAbove(tr, findStartPositionOfChildWithIndex(tr.doc.resolve(rootListItemStart), index - taskListsFixedNested), findStartPositionOfChildWithIndex(tr.doc.resolve(rootListItemStart), index - 1 - taskListsFixedNested));
+      taskListsFixedNested++;
+    });
+  }
+  return;
 };

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

@@ -1,3 +1,4 @@
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 export var moveTargetIntoList = function moveTargetIntoList(_ref) {
   var _$target$nodeAfter;
@@ -14,4 +15,27 @@ export var moveTargetIntoList = function moveTargetIntoList(_ref) {
   }
   var step = new ReplaceAroundStep(from, to, gapFrom, gapTo, $target.doc.slice(insertPosition, $target.pos), 0, true);
   return step;
+};
+export var wrapTaskListIntoListAbove = function wrapTaskListIntoListAbove(tr, taskListStart, previousListStart) {
+  var $taskListStart = tr.doc.resolve(taskListStart);
+
+  /* Safecheck: if not passed a taskList node, return */
+  if ($taskListStart.node().type.name !== 'taskList') {
+    return;
+  }
+  var $previousListStart = tr.doc.resolve(previousListStart);
+  var taskList = tr.doc.slice($taskListStart.pos, $taskListStart.after());
+  var 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.
+  */
+  tr.delete($taskListStart.before(), $taskListStart.after() + 1);
+  tr.insert($previousListStart.end() - 1, frag);
 };

package/dist/esm/media/index.js

@@ -0,0 +1,9 @@
+export { mediaLinkToolbarMessages } from './messages/mediaLinkingToolbar';
+export { imageBorderMessages } from './messages/imageBorder';
+export { nodeViewsMessages } from './messages/nodeviews';
+export { pixelEntryMessages } from './messages/pixelEntry';
+export { toolbarMediaMessages } from './messages/toolbarMedia';
+export { captionMessages } from './messages/caption';
+export { dropPlaceholderMessages } from './messages/dropPlaceholder';
+export { altTextMessages } from './messages/altText';
+export { mediaResizeAnnouncerMessMessages } from './messages/mediaResizeAnnouncerMess';

package/dist/esm/media/messages/altText.js

@@ -0,0 +1,38 @@
+import { defineMessages } from 'react-intl-next';
+export var altTextMessages = defineMessages({
+  altText: {
+    id: 'fabric.editor.addAltText',
+    defaultMessage: 'Alt text',
+    description: 'Add an alt text for this image'
+  },
+  editAltText: {
+    id: 'fabric.editor.editAltText',
+    defaultMessage: 'Edit alt text',
+    description: 'Edit an alt text for this image'
+  },
+  back: {
+    id: 'fabric.editor.closeAltTextEdit',
+    defaultMessage: 'Back',
+    description: 'Back to toolbar'
+  },
+  clear: {
+    id: 'fabric.editor.clearAltTextEdit',
+    defaultMessage: 'Clear alt text',
+    description: 'Clear alt text'
+  },
+  placeholder: {
+    id: 'fabric.editor.placeholderAltText',
+    defaultMessage: 'Describe this image with alt text',
+    description: 'Describe this image with alt text'
+  },
+  supportText: {
+    id: 'fabric.editor.supportAltText',
+    defaultMessage: 'Alt text is useful for people using screen readers because of visual limitations.',
+    description: 'Alt text is useful for people using screen readers because of visual limitations.'
+  },
+  validationMessage: {
+    id: 'fabric.editor.alttext.validation',
+    defaultMessage: 'Please remove any special characters in alt text.',
+    description: 'Please remove any special characters in alt text. '
+  }
+});

package/dist/esm/media/messages/caption.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var captionMessages = defineMessages({
+  placeholder: {
+    id: 'fabric.editor.captionPlaceholder',
+    defaultMessage: 'Add a caption',
+    description: 'Placeholder description for an empty (new) caption in the editor'
+  }
+});

package/dist/esm/media/messages/dropPlaceholder.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var dropPlaceholderMessages = defineMessages({
+  dropPlaceholderLabel: {
+    id: 'fabric.editor.dropPlaceholderLabel',
+    defaultMessage: 'Document',
+    description: 'document label for an media icon'
+  }
+});

package/dist/esm/media/messages/imageBorder.js

@@ -0,0 +1,43 @@
+import { defineMessages } from 'react-intl-next';
+export var imageBorderMessages = defineMessages({
+  borderColor: {
+    id: 'fabric.editor.imageBorderColor',
+    defaultMessage: 'Color',
+    description: 'Change the border color of an image.'
+  },
+  borderSize: {
+    id: 'fabric.editor.imageBorderSize',
+    defaultMessage: 'Size',
+    description: 'Change the border size of an image.'
+  },
+  addBorder: {
+    id: 'fabric.editor.addImageBorder',
+    defaultMessage: 'Add border',
+    description: 'Add a border to an image.'
+  },
+  removeBorder: {
+    id: 'fabric.editor.removeImageBorder',
+    defaultMessage: 'Remove border',
+    description: 'Remove the border of an image.'
+  },
+  borderOptions: {
+    id: 'fabric.editor.imageBorderOptions',
+    defaultMessage: 'Border options',
+    description: 'Display options available for customizing the border of an image.'
+  },
+  borderSizeSubtle: {
+    id: 'fabric.editor.imageBorderSubtle',
+    defaultMessage: 'Subtle',
+    description: 'Name of a border size.'
+  },
+  borderSizeMedium: {
+    id: 'fabric.editor.imageBorderMedium',
+    defaultMessage: 'Medium',
+    description: 'Name of a border size.'
+  },
+  borderSizeBold: {
+    id: 'fabric.editor.imageBorderBold',
+    defaultMessage: 'Bold',
+    description: 'Name of a border size.'
+  }
+});

package/dist/esm/media/messages/mediaLinkingToolbar.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var mediaLinkToolbarMessages = defineMessages({
+  backLink: {
+    id: 'fabric.editor.backLink',
+    defaultMessage: 'Go back',
+    description: 'Go back from media linking toolbar to main toolbar'
+  }
+});

package/dist/esm/media/messages/mediaResizeAnnouncerMess.js

@@ -0,0 +1,28 @@
+import { defineMessages } from 'react-intl-next';
+export var mediaResizeAnnouncerMessMessages = defineMessages({
+  MediaWidthIsMax: {
+    id: 'fabric.editor.media.pixelEntry.MediaWidthIsMax',
+    defaultMessage: 'Media increased to the maximum size',
+    description: 'The media has the maximum allowed width'
+  },
+  MediaWidthIsMin: {
+    id: 'fabric.editor.media.MediaWidthIsMin',
+    defaultMessage: 'Media decreased to the minimum size',
+    description: 'The media has the minimum allowed width'
+  },
+  DefaultMediaWidth: {
+    id: 'fabric.editor.media.DefaultMediaWidth',
+    defaultMessage: 'Media width {action} to {newMediaWidth} pixels.',
+    description: 'Media width {action} to {newMediaWidth} pixels.'
+  },
+  IncreasedAction: {
+    id: 'fabric.editor.media.increased',
+    defaultMessage: 'increased',
+    description: 'Increased action'
+  },
+  DecreasedAction: {
+    id: 'fabric.editor.media.decreased',
+    defaultMessage: 'decreased',
+    description: 'Decreased action'
+  }
+});

package/dist/esm/media/messages/nodeviews.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var nodeViewsMessages = defineMessages({
+  mediaGroupDeleteLabel: {
+    id: 'fabric.editor.mediaGroupDeleteLabel',
+    defaultMessage: 'delete',
+    description: 'a label for an icon that deletes media'
+  }
+});