@atlaskit/emoji 67.0.7 → 67.1.0

package/dist/es2019/components/picker/EmojiPickerListSearch.js

@@ -1,107 +1,60 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
-import React, { PureComponent } from 'react';
+import React, { useLayoutEffect, useRef } from 'react';
 import { jsx } from '@emotion/react';
 import TextField from '@atlaskit/textfield';
 import SearchIcon from '@atlaskit/icon/glyph/search';
-import { injectIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl-next';
 import { messages } from '../i18n';
 import { input, pickerSearch, searchIcon } from './styles';
+import { EMOJI_SEARCH_DEBOUNCE } from '../../util/constants';
+import { useDebouncedCallback } from 'use-debounce';
 export const emojiPickerSearchTestId = 'emoji-picker-serach';
-class EmojiPickerListSearch extends PureComponent {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "onBlur", () => {
-      const activeElement = document.activeElement;
-      // Input lost focus to emoji picker container (happens in IE11 when updating search results)
-      // See FS-2111
-      if (activeElement instanceof HTMLElement && activeElement.getAttribute('data-emoji-picker-container')) {
-        this.restoreInputFocus();
+export const EmojiPickerListSearch = props => {
+  const {
+    style,
+    query,
+    onChange
+  } = props;
+  const textRef = useRef(null);
+  const {
+    formatMessage
+  } = useIntl();
+
+  // Debounce callback
+  const [debouncedSearch] = useDebouncedCallback(value => {
+    onChange(value);
+  },
+  // delay in ms
+  EMOJI_SEARCH_DEBOUNCE);
+  const handleOnChange = e => {
+    debouncedSearch(e.target.value);
+  };
+  useLayoutEffect(() => {
+    requestAnimationFrame(() => {
+      if (textRef) {
+        var _textRef$current;
+        (_textRef$current = textRef.current) === null || _textRef$current === void 0 ? void 0 : _textRef$current.focus();
       }
     });
-    _defineProperty(this, "onChange", e => {
-      this.saveInputSelection();
-      this.props.onChange(e);
-    });
-    _defineProperty(this, "focusInput", () => {
-      if (this.inputRef) {
-        this.inputRef.focus();
-      }
-    });
-    _defineProperty(this, "handleInputRef", input => {
-      if (input) {
-        // Defer focus so it give some time to position the popup before
-        // setting the focus to search input.
-        // see FS-2056
-        this.inputRef = input;
-        if (typeof window === 'undefined') {
-          return;
-        }
-        window.requestAnimationFrame(this.focusInput);
-      }
-    });
-  }
-  saveInputSelection() {
-    this.inputSelection = undefined;
-    if (this.inputRef) {
-      const {
-        selectionStart,
-        selectionEnd,
-        selectionDirection
-      } = this.inputRef;
-      if (selectionStart && selectionEnd && selectionDirection) {
-        this.inputSelection = {
-          selectionStart,
-          selectionEnd,
-          selectionDirection: selectionDirection
-        };
-      }
-    }
-  }
-  restoreInputFocus() {
-    this.focusInput();
-    if (this.inputSelection && this.inputRef && this.inputRef.setSelectionRange) {
-      const {
-        selectionStart,
-        selectionEnd,
-        selectionDirection
-      } = this.inputSelection;
-      this.inputRef.setSelectionRange(selectionStart, selectionEnd, selectionDirection);
-    }
-  }
-  render() {
-    const {
-      style,
-      query,
-      intl
-    } = this.props;
-    const {
-      formatMessage
-    } = intl;
-    return jsx("div", {
-      css: pickerSearch,
-      style: style
-    }, jsx(TextField, {
-      "aria-label": formatMessage(messages.searchLabel),
-      css: input,
-      autoComplete: "off",
-      name: "search",
-      placeholder: `${formatMessage(messages.searchPlaceholder)}...`,
-      onChange: this.onChange,
-      value: query || '',
-      ref: this.handleInputRef,
-      isCompact: true,
-      onBlur: this.onBlur,
-      elemBeforeInput: jsx("span", {
-        css: searchIcon
-      }, jsx(SearchIcon, {
-        label: ""
-      })),
-      testId: emojiPickerSearchTestId
-    }));
-  }
-}
-_defineProperty(EmojiPickerListSearch, "defaultProps", {
-  style: {}
-});
-export default injectIntl(EmojiPickerListSearch);
+  }, []);
+  return jsx("div", {
+    css: pickerSearch,
+    style: style
+  }, jsx(TextField, {
+    "aria-label": formatMessage(messages.searchLabel),
+    css: input,
+    autoComplete: "off",
+    name: "search",
+    placeholder: `${formatMessage(messages.searchPlaceholder)}...`,
+    defaultValue: query || '',
+    onChange: handleOnChange,
+    isCompact: true,
+    elemBeforeInput: jsx("span", {
+      css: searchIcon
+    }, jsx(SearchIcon, {
+      label: ""
+    })),
+    testId: emojiPickerSearchTestId,
+    ref: textRef
+  }));
+};

package/dist/es2019/components/picker/VirtualList.js

@@ -1,42 +1,41 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { Virtualizer, observeElementRect, observeElementOffset, elementScroll } from '@tanstack/react-virtual';
-import React, { PureComponent, createRef } from 'react';
+import React, { useCallback, useImperativeHandle } from 'react';
 import { virtualList } from './styles';
+import { useVirtualizer } from '@tanstack/react-virtual';
 export const virtualListScrollContainerTestId = 'virtual-list-scroll-container';
-export class VirtualList extends PureComponent {
-  /**
-   * Determine if the component is mounted to the DOM or not
-   */
-
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "_isMounted", false);
-    this.parentRef = /*#__PURE__*/createRef();
-    this.rowVirtualizer = new Virtualizer(this.getVirtualizerOptions(props));
-  }
-  getVirtualizerOptions(props) {
+export const VirtualList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const parentRef = React.useRef(null);
+  const currentIndex = React.useRef(0);
+  const {
+    rowRenderer,
+    onRowsRendered,
+    scrollToAlignment,
+    width,
+    height
+  } = props;
+  const getVirtualizerOptions = () => {
     const {
       rowCount,
       rowHeight,
       overscanRowCount
     } = props;
     return {
-      observeElementRect: observeElementRect,
-      observeElementOffset: observeElementOffset,
-      scrollToFn: elementScroll,
       count: rowCount,
-      getScrollElement: () => this.parentRef.current,
+      getScrollElement: () => parentRef.current,
       estimateSize: rowHeight,
       overscan: overscanRowCount,
       onChange: () => {
-        this.forceUpdateGrid();
+        const startIndex = getFirstVisibleListElementIndex();
+        onRowsRendered({
+          startIndex
+        });
       }
     };
-  }
-  isElementVisible(element) {
-    const parent = this.parentRef.current;
+  };
+  const rowVirtualizer = useVirtualizer(getVirtualizerOptions());
+  const isElementVisible = element => {
+    const parent = parentRef.current;
     const elementRect = element.getBoundingClientRect();
     const parentRect = parent.getBoundingClientRect();
     const elemTop = elementRect.top;
@@ -47,105 +46,64 @@ export class VirtualList extends PureComponent {
     // Only completely visible elements return true:
     const isVisible = elemTop >= parentTop && elemBottom <= parentBottom;
     return isVisible;
-  }
-  getFirstVisibleListElementIndex() {
-    var _this$parentRef$curre, _this$parentRef$curre2;
-    const virtualList = this.rowVirtualizer.getVirtualItems();
-    const renderedElements = (_this$parentRef$curre = this.parentRef.current) === null || _this$parentRef$curre === void 0 ? void 0 : (_this$parentRef$curre2 = _this$parentRef$curre.firstChild) === null || _this$parentRef$curre2 === void 0 ? void 0 : _this$parentRef$curre2.childNodes;
+  };
+  const getFirstVisibleListElementIndex = useCallback(() => {
+    var _parentRef$current, _parentRef$current$fi;
+    const virtualList = rowVirtualizer.getVirtualItems();
+    const renderedElements = (_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 ? void 0 : (_parentRef$current$fi = _parentRef$current.firstChild) === null || _parentRef$current$fi === void 0 ? void 0 : _parentRef$current$fi.childNodes;
     if (virtualList.length === 0 || !renderedElements || renderedElements.length === 0) {
       return 0;
     }
-
     // Convert NodeListOf<ChildNodes> to ChildNodes[]
     const renderedElementsToArray = Array.from(renderedElements);
-    const firstVisibleIndex = renderedElementsToArray.findIndex(elem => this.isElementVisible(elem));
+    const firstVisibleIndex = renderedElementsToArray.findIndex(elem => isElementVisible(elem));
     if (firstVisibleIndex !== -1) {
       var _virtualList$firstVis;
       return ((_virtualList$firstVis = virtualList[firstVisibleIndex]) === null || _virtualList$firstVis === void 0 ? void 0 : _virtualList$firstVis.index) || 0;
     }
     return 0;
-  }
-  onRendered() {
-    const {
-      onRowsRendered
-    } = this.props;
-    this.rowVirtualizer.setOptions(this.getVirtualizerOptions(this.props));
-    const startIndex = this.getFirstVisibleListElementIndex();
-    onRowsRendered({
-      startIndex
-    });
-  }
-  componentDidUpdate() {
-    this.onRendered();
-  }
-  componentDidMount() {
-    if (this.rowVirtualizer) {
-      this.rowVirtualizer._didMount();
-      this.rowVirtualizer._willUpdate();
-      this._isMounted = true;
-    }
-  }
-  componentWillUnmount() {
-    this._isMounted = false;
-  }
-  scrollToRow(index) {
-    const {
-      scrollToAlignment
-    } = this.props;
-    if (index !== undefined) {
-      var _this$rowVirtualizer;
-      (_this$rowVirtualizer = this.rowVirtualizer) === null || _this$rowVirtualizer === void 0 ? void 0 : _this$rowVirtualizer.scrollToIndex(index, {
-        align: scrollToAlignment,
-        smoothScroll: false
-      });
-      this.forceUpdateGrid();
+  }, [rowVirtualizer]);
+
+  // Exposing a custom ref handle to the parent component EmojiPickerList to trigger scrollToRow via the listRef
+  // https://beta.reactjs.org/reference/react/useImperativeHandle
+  useImperativeHandle(ref, () => {
+    return {
+      scrollToRow(index) {
+        // only scroll if row index is defined and has changed
+        if (index !== undefined && currentIndex.current !== index) {
+          currentIndex.current = index;
+          rowVirtualizer.scrollToIndex(index, {
+            align: scrollToAlignment,
+            smoothScroll: false
+          });
+        }
+      }
+    };
+  }, [scrollToAlignment, rowVirtualizer]);
+  return jsx("div", {
+    ref: parentRef,
+    role: "grid",
+    style: {
+      height: `${height}px`,
+      width: `${width}px`
+    },
+    css: virtualList,
+    "data-testid": virtualListScrollContainerTestId
+  }, jsx("div", {
+    style: {
+      height: `${rowVirtualizer.getTotalSize()}px`,
+      width: '100%',
+      position: 'relative'
     }
-  }
-  forceUpdateGrid() {
-    if (this._isMounted) {
-      this.forceUpdate();
+  }, rowVirtualizer.getVirtualItems().map(virtualRow => jsx("div", {
+    key: virtualRow.key,
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: `${virtualRow.size}px`,
+      transform: `translateY(${virtualRow.start}px)`
     }
-  }
-  recomputeRowHeights() {
-    var _this$rowVirtualizer2;
-    (_this$rowVirtualizer2 = this.rowVirtualizer) === null || _this$rowVirtualizer2 === void 0 ? void 0 : _this$rowVirtualizer2.measure();
-  }
-  handleScroll(e) {
-    e.preventDefault();
-  }
-  render() {
-    var _this$rowVirtualizer3, _this$rowVirtualizer4;
-    const {
-      rowRenderer,
-      width,
-      height
-    } = this.props;
-    return jsx("div", {
-      ref: this.parentRef,
-      role: "grid",
-      style: {
-        height: `${height}px`,
-        width: `${width}px`
-      },
-      css: virtualList,
-      "data-testid": virtualListScrollContainerTestId,
-      onScroll: this.handleScroll
-    }, jsx("div", {
-      style: {
-        height: `${(_this$rowVirtualizer3 = this.rowVirtualizer) === null || _this$rowVirtualizer3 === void 0 ? void 0 : _this$rowVirtualizer3.getTotalSize()}px`,
-        width: '100%',
-        position: 'relative'
-      }
-    }, (_this$rowVirtualizer4 = this.rowVirtualizer) === null || _this$rowVirtualizer4 === void 0 ? void 0 : _this$rowVirtualizer4.getVirtualItems().map(virtualRow => jsx("div", {
-      key: virtualRow.key,
-      style: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        width: '100%',
-        height: `${virtualRow.size}px`,
-        transform: `translateY(${virtualRow.start}px)`
-      }
-    }, rowRenderer(virtualRow)))));
-  }
-}
+  }, rowRenderer(virtualRow)))));
+});

package/dist/es2019/components/typeahead/EmojiTypeAheadComponent.js

@@ -71,11 +71,6 @@ export default class EmojiTypeAheadComponent extends PureComponent {
       const wasVisible = this.state.visible;
       const visible = emojis.length > 0;
       this.fireAnalyticsEvent(typeaheadRenderedEvent(Date.now() - this.renderStartTime, query, emojis));
-      ufoExperiences['emoji-searched'].success({
-        metadata: {
-          emojisLength: emojis.length
-        }
-      });
       debug('emoji-typeahead.applyPropChanges', emojis.length, wasVisible, visible);
       this.setState({
         emojis: emojis,
@@ -192,11 +187,6 @@ export default class EmojiTypeAheadComponent extends PureComponent {
       // if empty query (i.e. typeahead triggered only) then only sort by usage
       options.sort = SearchSort.UsageFrequency;
     }
-    ufoExperiences['emoji-searched'].start();
-    ufoExperiences['emoji-searched'].addMetadata({
-      queryLength: (query === null || query === void 0 ? void 0 : query.length) || 0,
-      source: 'EmojiTypeAheadComponent'
-    });
     this.renderStartTime = Date.now();
     emojiProvider.filter(query, options);
   }

package/dist/es2019/i18n/cs.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -6,38 +7,38 @@
  */
 //Czech
 export default {
-  'fabric.emoji.add.custom.emoji.label': 'Přidat své vlastní emoji',
-  'fabric.emoji.add.label': 'Přidat emoji',
-  'fabric.emoji.cancel.label': 'Zrušit',
-  'fabric.emoji.categories.search.results': 'Výsledky vyhledávání',
-  'fabric.emoji.category.activity': 'Činnosti',
-  'fabric.emoji.category.all.uploads': 'Všechny nahrané položky',
-  'fabric.emoji.category.flags': 'Vlajky',
-  'fabric.emoji.category.foods': 'Jídlo a pití',
-  'fabric.emoji.category.frequent': 'Časté',
-  'fabric.emoji.category.nature': 'Příroda',
-  'fabric.emoji.category.objects': 'Objekty',
-  'fabric.emoji.category.people': 'Lidé',
-  'fabric.emoji.category.places': 'Cestování a místa',
-  'fabric.emoji.category.productivity': 'Produktivita',
-  'fabric.emoji.category.symbols': 'Symboly',
-  'fabric.emoji.category.user.uploads': 'Vaše nahrané položky',
-  'fabric.emoji.choose.file.screenReaderDescription': 'Vyberte soubor smajlíku. JPG, PNG nebo GIF. Maximální velikost je 1 MB.',
-  'fabric.emoji.choose.file.title': 'Vybrat soubor',
-  'fabric.emoji.delete.description': 'Veškeré existující výskyty tohoto emoji budou nahrazeny {emojiShortName}',
-  'fabric.emoji.delete.label': 'Odstranit',
-  'fabric.emoji.delete.title': 'Odstranit emoji',
-  'fabric.emoji.error.delete.failed': 'Odstranění se nezdařilo.',
-  'fabric.emoji.error.image.too.big': 'Vybraný obrázek je větší než 1 MB.',
-  'fabric.emoji.error.invalid.image': 'Vybraný obrázek je neplatný.',
-  'fabric.emoji.error.upload.failed': 'Nahrávání se nezdařilo',
-  'fabric.emoji.image.requirements': 'JPG, PNG nebo GIF. Max. velikost je 1 MB.',
-  'fabric.emoji.name.ariaLabel': 'Zadejte název nového emotikonu',
-  'fabric.emoji.placeholder': 'Název emoji',
-  'fabric.emoji.preview': 'Vaše nové emoji {emoji} vypadá skvěle!',
-  'fabric.emoji.preview.title': 'Náhled',
-  'fabric.emoji.retry.label': 'Zkusit znovu',
-  'fabric.emoji.search.label': 'Vyhledat smajlík',
-  'fabric.emoji.search.placeholder': 'Vyhledat',
-  'fabric.emoji.select.skin.tone.ariaLabel': 'Výběr odstínu pleti – {selectedTone}'
+  "fabric.emoji.add.custom.emoji.label": "Přidat své vlastní emoji",
+  "fabric.emoji.add.label": "Přidat emoji",
+  "fabric.emoji.cancel.label": "Zrušit",
+  "fabric.emoji.categories.search.results": "Výsledky vyhledávání",
+  "fabric.emoji.category.activity": "Činnosti",
+  "fabric.emoji.category.all.uploads": "Všechny nahrané položky",
+  "fabric.emoji.category.flags": "Vlajky",
+  "fabric.emoji.category.foods": "Jídlo a pití",
+  "fabric.emoji.category.frequent": "Časté",
+  "fabric.emoji.category.nature": "Příroda",
+  "fabric.emoji.category.objects": "Objekty",
+  "fabric.emoji.category.people": "Lidé",
+  "fabric.emoji.category.places": "Cestování a místa",
+  "fabric.emoji.category.productivity": "Produktivita",
+  "fabric.emoji.category.symbols": "Symboly",
+  "fabric.emoji.category.user.uploads": "Vaše nahrané položky",
+  "fabric.emoji.choose.file.screenReaderDescription": "Vyberte soubor smajlíku. JPG, PNG nebo GIF. Maximální velikost je 1 MB.",
+  "fabric.emoji.choose.file.title": "Vybrat soubor",
+  "fabric.emoji.delete.description": "Veškeré existující výskyty tohoto emoji budou nahrazeny {emojiShortName}",
+  "fabric.emoji.delete.label": "Odstranit",
+  "fabric.emoji.delete.title": "Odstranit emoji",
+  "fabric.emoji.error.delete.failed": "Odstranění se nezdařilo.",
+  "fabric.emoji.error.image.too.big": "Vybraný obrázek je větší než 1 MB.",
+  "fabric.emoji.error.invalid.image": "Vybraný obrázek je neplatný.",
+  "fabric.emoji.error.upload.failed": "Nahrávání se nezdařilo",
+  "fabric.emoji.image.requirements": "JPG, PNG nebo GIF. Max. velikost je 1 MB.",
+  "fabric.emoji.name.ariaLabel": "Zadejte název nového emotikonu",
+  "fabric.emoji.placeholder": "Název emoji",
+  "fabric.emoji.preview": "Vaše nové emoji {emoji} vypadá skvěle!",
+  "fabric.emoji.preview.title": "Náhled",
+  "fabric.emoji.retry.label": "Zkusit znovu",
+  "fabric.emoji.search.label": "Vyhledat smajlík",
+  "fabric.emoji.search.placeholder": "Vyhledat",
+  "fabric.emoji.select.skin.tone.ariaLabel": "Výběr odstínu pleti – {selectedTone}"
 };

package/dist/es2019/i18n/da.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -6,38 +7,38 @@
  */
 //Danish (Denmark)
 export default {
-  'fabric.emoji.add.custom.emoji.label': 'Tilføj din egen emoji',
-  'fabric.emoji.add.label': 'Tilføj emoji',
-  'fabric.emoji.cancel.label': 'Annullér',
-  'fabric.emoji.categories.search.results': 'Søgeresultater',
-  'fabric.emoji.category.activity': 'Aktivitet',
-  'fabric.emoji.category.all.uploads': 'Alle uploads',
-  'fabric.emoji.category.flags': 'Flag',
-  'fabric.emoji.category.foods': 'Mad og drikke',
-  'fabric.emoji.category.frequent': 'Ofte benyttede',
-  'fabric.emoji.category.nature': 'Natur',
-  'fabric.emoji.category.objects': 'Objekter',
-  'fabric.emoji.category.people': 'Personer',
-  'fabric.emoji.category.places': 'Rejser og steder',
-  'fabric.emoji.category.productivity': 'Produktivitet',
-  'fabric.emoji.category.symbols': 'Symboler',
-  'fabric.emoji.category.user.uploads': 'Dine uploads',
-  'fabric.emoji.choose.file.screenReaderDescription': 'Vælg en fil til emojien. JPG, PNG eller GIF. Maks. størrelse 1 MB.',
-  'fabric.emoji.choose.file.title': 'Vælg fil',
-  'fabric.emoji.delete.description': 'Alle eksisterende forekomster af denne emoji erstattes med  {emojiShortName}',
-  'fabric.emoji.delete.label': 'Fjern',
-  'fabric.emoji.delete.title': 'Fjern emoji',
-  'fabric.emoji.error.delete.failed': 'Fjern mislykkede',
-  'fabric.emoji.error.image.too.big': 'Det valgte billede er større end 1 MB',
-  'fabric.emoji.error.invalid.image': 'Det valgte billede er ugyldigt',
-  'fabric.emoji.error.upload.failed': 'Upload mislykkedes',
-  'fabric.emoji.image.requirements': 'JPG, PNG eller GIF. Maks. størrelse 1 MB.',
-  'fabric.emoji.name.ariaLabel': 'Angiv et navn til den nye emoji',
-  'fabric.emoji.placeholder': 'Emojinavn',
-  'fabric.emoji.preview': 'Din nye emoji {emoji} ser flot ud',
-  'fabric.emoji.preview.title': 'Vis',
-  'fabric.emoji.retry.label': 'Prøv igen',
-  'fabric.emoji.search.label': 'Søg efter emoji',
-  'fabric.emoji.search.placeholder': 'Søg',
-  'fabric.emoji.select.skin.tone.ariaLabel': 'Vælg hudfarve, {selectedTone}'
+  "fabric.emoji.add.custom.emoji.label": "Tilføj din egen emoji",
+  "fabric.emoji.add.label": "Tilføj emoji",
+  "fabric.emoji.cancel.label": "Annullér",
+  "fabric.emoji.categories.search.results": "Søgeresultater",
+  "fabric.emoji.category.activity": "Aktivitet",
+  "fabric.emoji.category.all.uploads": "Alle uploads",
+  "fabric.emoji.category.flags": "Flag",
+  "fabric.emoji.category.foods": "Mad og drikke",
+  "fabric.emoji.category.frequent": "Ofte benyttede",
+  "fabric.emoji.category.nature": "Natur",
+  "fabric.emoji.category.objects": "Objekter",
+  "fabric.emoji.category.people": "Personer",
+  "fabric.emoji.category.places": "Rejser og steder",
+  "fabric.emoji.category.productivity": "Produktivitet",
+  "fabric.emoji.category.symbols": "Symboler",
+  "fabric.emoji.category.user.uploads": "Dine uploads",
+  "fabric.emoji.choose.file.screenReaderDescription": "Vælg en fil til emojien. JPG, PNG eller GIF. Maks. størrelse 1 MB.",
+  "fabric.emoji.choose.file.title": "Vælg fil",
+  "fabric.emoji.delete.description": "Alle eksisterende forekomster af denne emoji erstattes med  {emojiShortName}",
+  "fabric.emoji.delete.label": "Fjern",
+  "fabric.emoji.delete.title": "Fjern emoji",
+  "fabric.emoji.error.delete.failed": "Fjern mislykkede",
+  "fabric.emoji.error.image.too.big": "Det valgte billede er større end 1 MB",
+  "fabric.emoji.error.invalid.image": "Det valgte billede er ugyldigt",
+  "fabric.emoji.error.upload.failed": "Upload mislykkedes",
+  "fabric.emoji.image.requirements": "JPG, PNG eller GIF. Maks. størrelse 1 MB.",
+  "fabric.emoji.name.ariaLabel": "Angiv et navn til den nye emoji",
+  "fabric.emoji.placeholder": "Emojinavn",
+  "fabric.emoji.preview": "Din nye emoji {emoji} ser flot ud",
+  "fabric.emoji.preview.title": "Vis",
+  "fabric.emoji.retry.label": "Prøv igen",
+  "fabric.emoji.search.label": "Søg efter emoji",
+  "fabric.emoji.search.placeholder": "Søg",
+  "fabric.emoji.select.skin.tone.ariaLabel": "Vælg hudfarve, {selectedTone}"
 };