@atlaskit/editor-common 69.2.1 → 69.3.0

package/dist/es2019/analytics/types/toolbar-button.js

@@ -0,0 +1,19 @@
+export let TOOLBAR_ACTION_SUBJECT_ID;
+
+(function (TOOLBAR_ACTION_SUBJECT_ID) {
+  TOOLBAR_ACTION_SUBJECT_ID["FIND_REPLACE"] = "findReplace";
+  TOOLBAR_ACTION_SUBJECT_ID["EMOJI"] = "emoji";
+  TOOLBAR_ACTION_SUBJECT_ID["ORDERED_LIST"] = "orderedList";
+  TOOLBAR_ACTION_SUBJECT_ID["BULLET_LIST"] = "bulletList";
+  TOOLBAR_ACTION_SUBJECT_ID["MEDIA"] = "media";
+  TOOLBAR_ACTION_SUBJECT_ID["MENTION"] = "mention";
+  TOOLBAR_ACTION_SUBJECT_ID["DECISION_LIST"] = "decisionList";
+  TOOLBAR_ACTION_SUBJECT_ID["TASK_LIST"] = "taskList";
+  TOOLBAR_ACTION_SUBJECT_ID["TEXT_COLOR"] = "color";
+  TOOLBAR_ACTION_SUBJECT_ID["TEXT_FORMATTING_STRONG"] = "strong";
+  TOOLBAR_ACTION_SUBJECT_ID["TEXT_FORMATTING_ITALIC"] = "italic";
+  TOOLBAR_ACTION_SUBJECT_ID["UNDO"] = "undo";
+  TOOLBAR_ACTION_SUBJECT_ID["REDO"] = "redo";
+  TOOLBAR_ACTION_SUBJECT_ID["INDENT"] = "indent";
+  TOOLBAR_ACTION_SUBJECT_ID["OUTDENT"] = "outdent";
+})(TOOLBAR_ACTION_SUBJECT_ID || (TOOLBAR_ACTION_SUBJECT_ID = {}));

package/dist/es2019/analytics/types/type-ahead.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/analytics/types/utils.js

@@ -0,0 +1,20 @@
+export let SELECTION_TYPE;
+
+(function (SELECTION_TYPE) {
+  SELECTION_TYPE["CURSOR"] = "cursor";
+  SELECTION_TYPE["RANGED"] = "ranged";
+  SELECTION_TYPE["TEXT"] = "text";
+  SELECTION_TYPE["NODE"] = "node";
+  SELECTION_TYPE["CELL"] = "cell";
+  SELECTION_TYPE["GAP_CURSOR"] = "gapCursor";
+})(SELECTION_TYPE || (SELECTION_TYPE = {}));
+
+export let SELECTION_POSITION;
+
+(function (SELECTION_POSITION) {
+  SELECTION_POSITION["START"] = "start";
+  SELECTION_POSITION["MIDDLE"] = "middle";
+  SELECTION_POSITION["END"] = "end";
+  SELECTION_POSITION["LEFT"] = "left";
+  SELECTION_POSITION["RIGHT"] = "right";
+})(SELECTION_POSITION || (SELECTION_POSITION = {}));

package/dist/es2019/core-utils/index.js

@@ -0,0 +1 @@
+export { insideTable } from './inside';

package/dist/es2019/core-utils/inside.js

@@ -0,0 +1,8 @@
+import { hasParentNodeOfType } from 'prosemirror-utils';
+export const insideTable = state => {
+  const {
+    table,
+    tableCell
+  } = state.schema.nodes;
+  return hasParentNodeOfType([table, tableCell])(state.selection);
+};

package/dist/es2019/event-dispatcher/index.js

@@ -0,0 +1,60 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+export class EventDispatcher {
+  constructor() {
+    _defineProperty(this, "listeners", {});
+  }
+
+  on(event, cb) {
+    if (!this.listeners[event]) {
+      this.listeners[event] = new Set();
+    }
+
+    this.listeners[event].add(cb);
+  }
+
+  has(event, cb) {
+    if (!this.listeners[event]) {
+      return false;
+    }
+
+    return this.listeners[event].has(cb);
+  }
+
+  off(event, cb) {
+    if (!this.listeners[event]) {
+      return;
+    }
+
+    if (this.listeners[event].has(cb)) {
+      this.listeners[event].delete(cb);
+    }
+  }
+
+  emit(event, data) {
+    if (!this.listeners[event]) {
+      return;
+    }
+
+    this.listeners[event].forEach(cb => cb(data));
+  }
+
+  destroy() {
+    this.listeners = {};
+  }
+
+}
+/**
+ * Creates a dispatch function that can be called inside ProseMirror Plugin
+ * to notify listeners about that plugin's state change.
+ */
+
+export function createDispatch(eventDispatcher) {
+  return (eventName, data) => {
+    if (!eventName) {
+      throw new Error('event name is required!');
+    }
+
+    const event = typeof eventName === 'string' ? eventName : eventName.key;
+    eventDispatcher.emit(event, data);
+  };
+}

package/dist/es2019/keymaps/consts.js

@@ -0,0 +1,12 @@
+export const LEFT = 37;
+export const RIGHT = 39;
+export const UP = 38;
+export const DOWN = 40;
+export const KEY_0 = 48;
+export const KEY_1 = 49;
+export const KEY_2 = 50;
+export const KEY_3 = 51;
+export const KEY_4 = 52;
+export const KEY_5 = 53;
+export const KEY_6 = 54;
+export const HEADING_KEYS = [KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6];

package/dist/es2019/keymaps/index.js

@@ -0,0 +1,186 @@
+/** @jsx jsx */
+import React, { Fragment } from 'react';
+import { css, jsx } from '@emotion/react';
+import { N400 } from '@atlaskit/theme/colors';
+import { browser } from '../utils';
+export const addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
+export const toggleBold = makeKeyMapWithCommon('Bold', 'Mod-b');
+export const toggleItalic = makeKeyMapWithCommon('Italic', 'Mod-i');
+export const toggleUnderline = makeKeyMapWithCommon('Underline', 'Mod-u');
+export const toggleStrikethrough = makeKeyMapWithCommon('Strikethrough', 'Mod-Shift-s');
+export const toggleSubscript = makeKeyMapWithCommon('Subscript', 'Mod-Shift-,');
+export const toggleSuperscript = makeKeyMapWithCommon('Superscript', 'Mod-Shift-.');
+export const toggleCode = makeKeyMapWithCommon('Code', 'Mod-Shift-m');
+export const pastePlainText = makeKeyMapWithCommon('Paste Plain Text', 'Mod-Shift-v');
+export const clearFormatting = makeKeyMapWithCommon('Clear formatting', 'Mod-\\');
+export const setNormalText = makeKeyMapWithCommon('Normal text', 'Mod-Alt-0');
+export const toggleHeading1 = makeKeyMapWithCommon('Heading 1', 'Mod-Alt-1');
+export const toggleHeading2 = makeKeyMapWithCommon('Heading 2', 'Mod-Alt-2');
+export const toggleHeading3 = makeKeyMapWithCommon('Heading 3', 'Mod-Alt-3');
+export const toggleHeading4 = makeKeyMapWithCommon('Heading 4', 'Mod-Alt-4');
+export const toggleHeading5 = makeKeyMapWithCommon('Heading 5', 'Mod-Alt-5');
+export const toggleHeading6 = makeKeyMapWithCommon('Heading 6', 'Mod-Alt-6');
+export const toggleOrderedList = makeKeyMapWithCommon('Numbered list', 'Mod-Shift-7');
+export const ctrlBackSpace = makeKeyMapWithCommon('Cmd + Backspace', 'Mod-Backspace');
+export const toggleBulletList = makeKeyMapWithCommon('Bullet list', 'Mod-Shift-8');
+export const toggleBlockQuote = makeKeymap('Quote', '', 'Cmd-Alt-9');
+export const insertNewLine = makeKeyMapWithCommon('Insert new line', 'Shift-Enter');
+export const shiftBackspace = makeKeyMapWithCommon('Shift Backspace', 'Shift-Backspace');
+export const splitCodeBlock = makeKeyMapWithCommon('Split code block', 'Enter');
+export const splitListItem = makeKeyMapWithCommon('Split list item', 'Enter');
+export const insertRule = makeKeyMapWithCommon('Insert horizontal rule', 'Mod-Shift--');
+export const undo = makeKeyMapWithCommon('Undo', 'Mod-z');
+export const moveUp = makeKeyMapWithCommon('Move up', 'ArrowUp');
+export const moveDown = makeKeyMapWithCommon('Move down', 'ArrowDown');
+export const moveLeft = makeKeyMapWithCommon('Move left', 'ArrowLeft');
+export const moveRight = makeKeyMapWithCommon('Move right', 'ArrowRight');
+export const indentList = makeKeyMapWithCommon('Indent List', 'Tab');
+export const outdentList = makeKeyMapWithCommon('Outdent List', 'Shift-Tab');
+export const redo = makeKeymap('Redo', 'Ctrl-y', 'Mod-Shift-z');
+export const openHelp = makeKeyMapWithCommon('Open Help', 'Mod-/');
+export const addLink = makeKeyMapWithCommon('Link', 'Mod-k');
+export const addInlineComment = makeKeyMapWithCommon('Annotate', 'Mod-Alt-c');
+export const submit = makeKeyMapWithCommon('Submit Content', 'Mod-Enter');
+export const enter = makeKeyMapWithCommon('Enter', 'Enter');
+export const shiftEnter = makeKeyMapWithCommon('Shift Enter', 'Shift-Enter');
+export const tab = makeKeyMapWithCommon('Tab', 'Tab');
+export const indent = makeKeyMapWithCommon('Indent', 'Tab');
+export const outdent = makeKeyMapWithCommon('Outdent', 'Shift-Tab');
+export const backspace = makeKeyMapWithCommon('Backspace', 'Backspace');
+export const deleteKey = makeKeyMapWithCommon('Delete', 'Delete');
+export const forwardDelete = makeKeymap('Forward Delete', '', 'Ctrl-d');
+export const space = makeKeyMapWithCommon('Space', 'Space');
+export const escape = makeKeyMapWithCommon('Escape', 'Escape');
+export const nextCell = makeKeyMapWithCommon('Next cell', 'Tab');
+export const previousCell = makeKeyMapWithCommon('Previous cell', 'Shift-Tab');
+export const shiftTab = makeKeyMapWithCommon('Shift Tab', 'Shift-Tab');
+export const toggleTable = makeKeyMapWithCommon('Table', 'Shift-Alt-t');
+export const addRowBefore = makeKeyMapWithCommon('Add Row Above', 'Ctrl-Alt-ArrowUp');
+export const addRowAfter = makeKeyMapWithCommon('Add Row Below', 'Ctrl-Alt-ArrowDown');
+export const addColumnAfter = makeKeyMapWithCommon('Add Column After', 'Ctrl-Alt-ArrowRight');
+export const addColumnBefore = makeKeyMapWithCommon('Add Column Before', 'Ctrl-Alt-ArrowLeft');
+export const cut = makeKeyMapWithCommon('Cut', 'Mod-x');
+export const copy = makeKeyMapWithCommon('Copy', 'Mod-c');
+export const paste = makeKeyMapWithCommon('Paste', 'Mod-v');
+export const altPaste = makeKeyMapWithCommon('Paste', 'Mod-Shift-v');
+export const find = makeKeyMapWithCommon('Find', 'Mod-f');
+export const alignLeft = makeKeyMapWithCommon('Align Left', 'Mod-Shift-l');
+export const alignRight = makeKeyMapWithCommon('Align Right', 'Mod-Shift-r');
+const arrowKeysMap = {
+  // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
+  ARROWLEFT: '\u2190',
+  ARROWRIGHT: '\u2192',
+  ARROWUP: '\u2191',
+  ARROWDOWN: '\u2193'
+}; // TOOD: https://product-fabric.atlassian.net/browse/DSP-4460
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
+const tooltipShortcutStyle = css`
+  border-radius: 2px;
+  background-color: ${N400};
+  padding: 0 2px;
+  /* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */
+  /* stylelint-disable-next-line */
+  label: tooltip-shortcut;
+`;
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
+function formatShortcut(keymap) {
+  let shortcut;
+
+  if (browser.mac) {
+    // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
+    shortcut = keymap.mac.replace(/Cmd/i, '\u2318').replace(/Shift/i, '\u21E7').replace(/Ctrl/i, '\u2303').replace(/Alt/i, '\u2325').replace(/Backspace/i, '\u232B').replace(/Enter/i, '\u23CE');
+  } else {
+    shortcut = keymap.windows.replace(/Backspace/i, '\u232B');
+  }
+
+  const keys = shortcut.split('-');
+  let lastKey = keys[keys.length - 1];
+
+  if (lastKey.length === 1) {
+    // capitalise single letters
+    lastKey = lastKey.toUpperCase();
+  }
+
+  keys[keys.length - 1] = arrowKeysMap[lastKey.toUpperCase()] || lastKey;
+  return keys.join(browser.mac ? '' : '+');
+}
+
+export function tooltip(keymap, description) {
+  if (keymap) {
+    const shortcut = formatShortcut(keymap);
+    return description ? `${description} ${shortcut}` : shortcut;
+  }
+
+  return;
+}
+export const ToolTipContent = /*#__PURE__*/React.memo(({
+  description,
+  shortcutOverride,
+  keymap
+}) => {
+  const shortcut = shortcutOverride || keymap && formatShortcut(keymap);
+  return shortcut || description ? jsx(Fragment, null, description, shortcut && description && '\u00A0', shortcut && jsx("span", {
+    css: tooltipShortcutStyle
+  }, shortcut)) : null;
+});
+export function findKeymapByDescription(description) {
+  const matches = ALL.filter(keymap => keymap.description.toUpperCase() === description.toUpperCase());
+  return matches[0];
+}
+export function findShortcutByDescription(description) {
+  const keymap = findKeymapByDescription(description);
+
+  if (keymap) {
+    return findShortcutByKeymap(keymap);
+  }
+
+  return;
+}
+export function findShortcutByKeymap(keymap) {
+  if (browser.mac) {
+    return keymap.mac;
+  }
+
+  return keymap.windows;
+}
+const ALL = [toggleOrderedList, toggleBulletList, toggleBold, toggleItalic, toggleUnderline, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleCode, setNormalText, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleBlockQuote, insertNewLine, insertRule, splitCodeBlock, splitListItem, redo, undo, find, escape, enter, shiftEnter];
+export function makeKeymap(description, windows, mac, common) {
+  return {
+    description: description,
+    windows: windows.replace(/Mod/i, 'Ctrl'),
+    mac: mac.replace(/Mod/i, 'Cmd'),
+    common: common
+  };
+}
+export function makeKeyMapWithCommon(description, common) {
+  const windows = common.replace(/Mod/i, 'Ctrl');
+  const mac = common.replace(/Mod/i, 'Cmd');
+  return makeKeymap(description, windows, mac, common);
+}
+export function bindKeymapWithCommand(shortcut, cmd, keymap) {
+  const oldCmd = keymap[shortcut];
+  let newCmd = cmd;
+
+  if (keymap[shortcut]) {
+    newCmd = (state, dispatch, editorView) => {
+      return oldCmd(state, dispatch) || cmd(state, dispatch, editorView);
+    };
+  }
+
+  keymap[shortcut] = newCmd;
+}
+export function findKeyMapForBrowser(keyMap) {
+  if (keyMap) {
+    if (browser.mac) {
+      return keyMap.mac;
+    }
+
+    return keyMap.windows;
+  }
+
+  return;
+}
+export { DOWN, HEADING_KEYS, KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6, LEFT, RIGHT, UP } from './consts';

package/dist/es2019/messages/index.js

@@ -1,4 +1,128 @@
+import { defineMessages } from 'react-intl-next';
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
 export { unsupportedContentMessages } from './unsupportedContent';
-export { codeBlockCopyButtonMessages } from './codeBlockCopyButton';
+export { codeBlockCopyButtonMessages } from './codeBlockCopyButton';
+export { toolbarInsertBlockMessages } from './insert-block';
+export default defineMessages({
+  layoutFixedWidth: {
+    id: 'fabric.editor.layoutFixedWidth',
+    defaultMessage: 'Back to center',
+    description: 'Display your element (image, table, extension, etc) as standard width'
+  },
+  layoutWide: {
+    id: 'fabric.editor.layoutWide',
+    defaultMessage: 'Go wide',
+    description: 'Display your element (image, table, extension, etc) wider than normal'
+  },
+  layoutFullWidth: {
+    id: 'fabric.editor.layoutFullWidth',
+    defaultMessage: 'Go full width',
+    description: 'Display your element (image, table, extension, etc) as full width'
+  },
+  alignImageRight: {
+    id: 'fabric.editor.alignImageRight',
+    defaultMessage: 'Align right',
+    description: 'Aligns image to the right'
+  },
+  alignImageCenter: {
+    id: 'fabric.editor.alignImageCenter',
+    defaultMessage: 'Align center',
+    description: 'Aligns image to the center'
+  },
+  alignImageLeft: {
+    id: 'fabric.editor.alignImageLeft',
+    defaultMessage: 'Align left',
+    description: 'Aligns image to the left'
+  },
+  remove: {
+    id: 'fabric.editor.remove',
+    defaultMessage: 'Remove',
+    description: 'Delete the element (image, panel, table, etc.) from your document'
+  },
+  removeEmoji: {
+    id: 'fabric.editor.removeEmoji',
+    defaultMessage: 'Remove emoji',
+    description: 'Remove the emoji panel icon from custom panel'
+  },
+  visit: {
+    id: 'fabric.editor.visit',
+    defaultMessage: 'Open link in a new window',
+    description: 'Open the link in a new window'
+  },
+  inviteToEditButtonTitle: {
+    id: 'fabric.editor.editMode.inviteToEditButton.title',
+    defaultMessage: 'Invite to edit',
+    description: 'Invite another user to edit the current document'
+  },
+  saveButton: {
+    id: 'fabric.editor.saveButton',
+    defaultMessage: 'Save',
+    description: 'Submit and save a comment or document'
+  },
+  cancelButton: {
+    id: 'fabric.editor.cancelButton',
+    defaultMessage: 'Cancel',
+    description: 'Discard the current comment or document'
+  },
+  taskList: {
+    id: 'fabric.editor.tooltip.taskList',
+    defaultMessage: 'an action item',
+    description: 'an action item in the Editor'
+  },
+  bulletList: {
+    id: 'fabric.editor.tooltip.bulletList',
+    defaultMessage: 'a list',
+    description: 'a list item in the Editor'
+  },
+  nestedExpand: {
+    id: 'fabric.editor.tooltip.nestedExpand',
+    defaultMessage: 'a nested expand',
+    description: 'expand node which is nested'
+  },
+  decisionList: {
+    id: 'fabric.editor.tooltip.decisionList',
+    defaultMessage: 'a decision list',
+    description: 'a list of decisions'
+  },
+  defaultBlockNode: {
+    id: 'fabric.editor.tooltip.defaultBlockNode',
+    defaultMessage: 'a block node',
+    description: 'a block node element'
+  },
+  panel: {
+    id: 'fabric.editor.tooltip.blockPanel',
+    defaultMessage: 'a panel',
+    description: 'Panel node in the Editor'
+  },
+  blockquote: {
+    id: 'fabric.editor.blockquote',
+    defaultMessage: 'a quote',
+    description: 'a quote node'
+  },
+  timeUpdated: {
+    id: 'fabric.editor.time.updated',
+    defaultMessage: 'Updated',
+    description: 'Time last updated'
+  },
+  timeViewed: {
+    id: 'fabric.editor.time.viewed',
+    defaultMessage: 'Viewed',
+    description: 'Time last viewed'
+  },
+  timeAgo: {
+    id: 'fabric.editor.time.ago',
+    defaultMessage: 'ago',
+    description: 'Some time ago'
+  },
+  copyToClipboard: {
+    id: 'fabric.editor.copyToClipboard',
+    defaultMessage: 'Copy',
+    description: 'Copy the whole content of the element to your clipboard'
+  },
+  copiedToClipboard: {
+    id: 'fabric.editor.copiedToClipboard',
+    defaultMessage: 'Copied!',
+    description: 'Copied the whole content of the element to clipboard'
+  }
+});

package/dist/es2019/messages/insert-block.js

@@ -0,0 +1,168 @@
+import { defineMessages } from 'react-intl-next';
+export const toolbarInsertBlockMessages = defineMessages({
+  action: {
+    id: 'fabric.editor.action',
+    defaultMessage: 'Action item',
+    description: 'Also known as a “task”, “to do item”, or a checklist'
+  },
+  actionDescription: {
+    id: 'fabric.editor.action.description',
+    defaultMessage: 'Create and assign action items',
+    description: ''
+  },
+  link: {
+    id: 'fabric.editor.link',
+    defaultMessage: 'Link',
+    description: 'Insert a hyperlink'
+  },
+  linkDescription: {
+    id: 'fabric.editor.link.description',
+    defaultMessage: 'Insert a link',
+    description: 'Insert a hyperlink'
+  },
+  filesAndImages: {
+    id: 'fabric.editor.filesAndImages',
+    defaultMessage: 'Files & images',
+    description: 'Insert one or more files or images'
+  },
+  filesAndImagesDescription: {
+    id: 'fabric.editor.filesAndImages.description',
+    defaultMessage: 'Add images and other files to your page',
+    description: 'Insert one or more files or images'
+  },
+  image: {
+    id: 'fabric.editor.image',
+    defaultMessage: 'Image',
+    description: 'Insert an image.'
+  },
+  mention: {
+    id: 'fabric.editor.mention',
+    defaultMessage: 'Mention',
+    description: 'Reference another person in your document'
+  },
+  mentionDescription: {
+    id: 'fabric.editor.mention.description',
+    defaultMessage: 'Mention someone to send them a notification',
+    description: 'Reference another person in your document'
+  },
+  emoji: {
+    id: 'fabric.editor.emoji',
+    defaultMessage: 'Emoji',
+    description: 'Insert an emoticon or smiley :-)'
+  },
+  emojiDescription: {
+    id: 'fabric.editor.emoji.description',
+    defaultMessage: 'Use emojis to express ideas 🎉 and emotions 😄',
+    description: 'Insert an emoticon or smiley :-)'
+  },
+  table: {
+    id: 'fabric.editor.table',
+    defaultMessage: 'Table',
+    description: 'Inserts a table in the document'
+  },
+  tableDescription: {
+    id: 'fabric.editor.table.description',
+    defaultMessage: 'Insert a table',
+    description: 'Inserts a table in the document'
+  },
+  expand: {
+    id: 'fabric.editor.expand',
+    defaultMessage: 'Expand',
+    description: 'Inserts an expand in the document'
+  },
+  expandDescription: {
+    id: 'fabric.editor.expand.description',
+    defaultMessage: 'Insert an expand',
+    description: 'Inserts an expand in the document'
+  },
+  decision: {
+    id: 'fabric.editor.decision',
+    defaultMessage: 'Decision',
+    description: 'Capture a decision you’ve made'
+  },
+  decisionDescription: {
+    id: 'fabric.editor.decision.description',
+    defaultMessage: 'Capture decisions so they’re easy to track',
+    description: 'Capture a decision you’ve made'
+  },
+  feedbackDialog: {
+    id: 'fabric.editor.feedbackDialog',
+    defaultMessage: 'Give feedback',
+    description: 'Open the feedback dialog from editor'
+  },
+  feedbackDialogDescription: {
+    id: 'fabric.editor.feedbackDialog.description',
+    defaultMessage: 'Tell us about your experience using the new editor',
+    description: 'Description for feedback option under quick insert dropdown'
+  },
+  horizontalRule: {
+    id: 'fabric.editor.horizontalRule',
+    defaultMessage: 'Divider',
+    description: 'A horizontal rule or divider'
+  },
+  horizontalRuleDescription: {
+    id: 'fabric.editor.horizontalRule.description',
+    defaultMessage: 'Separate content with a horizontal line',
+    description: 'A horizontal rule or divider'
+  },
+  date: {
+    id: 'fabric.editor.date',
+    defaultMessage: 'Date',
+    description: 'Opens a date picker that lets you select a date'
+  },
+  dateDescription: {
+    id: 'fabric.editor.date.description',
+    defaultMessage: 'Add a date using a calendar',
+    description: 'Opens a date picker that lets you select a date'
+  },
+  placeholderText: {
+    id: 'fabric.editor.placeholderText',
+    defaultMessage: 'Placeholder text',
+    description: 'Inserts a text placeholder into the page'
+  },
+  placeholderTextDescription: {
+    id: 'fabric.editor.placeholderText.description',
+    defaultMessage: 'Insert a text placeholder into the page',
+    description: 'Inserts a text placeholder into the page'
+  },
+  columns: {
+    id: 'fabric.editor.columns',
+    defaultMessage: 'Layouts',
+    description: 'Create a multi column section or layout'
+  },
+  columnsDescription: {
+    id: 'fabric.editor.columns.description',
+    defaultMessage: 'Structure your page using sections',
+    description: 'Create a multi column section or layout'
+  },
+  status: {
+    id: 'fabric.editor.status',
+    defaultMessage: 'Status',
+    description: 'Inserts an item representing the status of an activity to task.'
+  },
+  statusDescription: {
+    id: 'fabric.editor.status.description',
+    defaultMessage: 'Add a custom status label',
+    description: 'Inserts an item representing the status of an activity to task.'
+  },
+  viewMore: {
+    id: 'fabric.editor.viewMore',
+    defaultMessage: 'View more',
+    description: ''
+  },
+  insertMenu: {
+    id: 'fabric.editor.insertMenu',
+    defaultMessage: 'Insert',
+    description: 'Opens a menu of additional items that can be inserted into your document.'
+  },
+  help: {
+    id: 'fabric.editor.help',
+    defaultMessage: 'Help',
+    description: 'Opens up the help dialog'
+  },
+  helpDescription: {
+    id: 'fabric.editor.help.description',
+    defaultMessage: 'Browse all the keyboard shortcuts and markdown options',
+    description: 'Browse all the keyboard shortcuts and markdown options'
+  }
+});