@atlaskit/emoji 67.0.4 → 67.0.5

package/dist/es2019/util/DuplicateLimitedQueue.js

@@ -21,82 +21,73 @@ export default class DuplicateLimitedQueue {
     if (options.maxDuplicates < 1) {
       throw new RangeError('The maxDuplicates option must be at least 1');
     }
-
     if (options.minUniqueItems < 1) {
       throw new RangeError('The minUniqueItems option must be at least 1');
     }
-
     this.maximumSize = options.maxDuplicates * options.minUniqueItems;
     this.perItemSize = options.maxDuplicates;
     this.createEmptyState();
   }
+
   /**
    * @param item the item to add to the queue.
    */
-
-
   enqueue(item) {
-    this.enqueueWithoutOrdering(item); // enqueues are less time sensitive (and may happen less frequently) than queries against the queue
-    // so do the ordering work on each enqueue.
+    this.enqueueWithoutOrdering(item);
 
+    // enqueues are less time sensitive (and may happen less frequently) than queries against the queue
+    // so do the ordering work on each enqueue.
     this.itemsOrderedByFrequency = this.orderItemsByFrequency();
   }
+
   /**
    * Return the items in the queue, ordered by how often they are duplicated. The items with the
    * most duplicates come first in the returned Array.
    *
    * If there are no items in the queue then an empty Array will be returned.
    */
-
-
   getItemsOrderedByDuplicateCount() {
     return this.itemsOrderedByFrequency;
   }
+
   /**
    * Exposed for storybook/testing purposes only. Clear the contents of the queue.
    */
-
-
   clear() {
     this.createEmptyState();
   }
+
   /**
    * A more efficient mechanism for adding multiple items. Ordering is only performed once all
    * the items have been added.
    *
    * @param items the items to be enqueued, which happens in their presented order.
    */
-
-
   bulkEnqueue(items) {
     items.map(item => this.enqueueWithoutOrdering(item));
     this.itemsOrderedByFrequency = this.orderItemsByFrequency();
   }
+
   /**
    * Return the items currently stored in the queue.
    */
-
-
   getItems() {
     return this.items;
   }
-
   createEmptyState() {
     this.items = new Array();
     this.itemCountMap = new Map();
     this.itemsOrderedByFrequency = new Array();
   }
+
   /**
    * Enqueue the supplied item, keeping consistency with the limits configured. However no ordering is
    * performed by this enqueuing. You must trigger that manually if required.
    *
    * @param item the item to be queued
    */
-
-
   enqueueWithoutOrdering(item) {
     const count = this.itemCountMap.get(item);
-
     if (count && count >= this.perItemSize) {
       // find the first item with that key in the array and remove it
       this.removeFirstOccurrence(item);
@@ -105,27 +96,22 @@ export default class DuplicateLimitedQueue {
         this.remove();
       }
     }
-
     this.add(item);
   }
+
   /**
    * Get an array of items from the queue ordered by how often they are duplicated in the queue.
    */
-
-
   orderItemsByFrequency() {
     const orderedEntries = Array.from(this.itemCountMap.entries()).sort((a, b) => {
       return b[1] - a[1];
     });
     return orderedEntries.map(value => value[0]);
   }
-
   decrementCount(item) {
     let count = this.itemCountMap.get(item);
-
     if (count) {
       count--;
-
       if (count > 0) {
         this.itemCountMap.set(item, count);
       } else {
@@ -133,51 +119,43 @@ export default class DuplicateLimitedQueue {
       }
     }
   }
+
   /**
    * Walk the list of items and remove the first occurrence of the matching item.
    *
    * @param item the item to be removed.
    */
-
-
   removeFirstOccurrence(item) {
     const index = this.items.indexOf(item);
-
     if (index !== -1) {
       this.items.splice(index, 1);
       this.decrementCount(item);
     }
   }
+
   /**
    * Remove the first item from the queue and update the itemCountMap accordingly.
    * @return the item add the front of the queue or undefined if the queue is empty
    */
-
-
   remove() {
     const removed = this.items.shift();
-
     if (removed !== undefined) {
       this.decrementCount(removed);
     }
-
     return removed;
   }
+
   /**
    * Add the supplied item to the end of the queue and update the itemCountMap accordingly.
    * @param item the item to be added to the queue
    */
-
-
   add(item) {
     this.items.push(item);
     const count = this.itemCountMap.get(item);
-
     if (count) {
       this.itemCountMap.set(item, count + 1);
     } else {
       this.itemCountMap.set(item, 1);
     }
   }
-
 }

package/dist/es2019/util/StoredDuplicateLimitedQueue.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import DuplicateLimitedQueue from './DuplicateLimitedQueue';
 import debug from './logger';
+
 /**
  * The options used to configure a newly constructed queue.
  */
@@ -16,36 +17,32 @@ export default class StoredDuplicateLimitedQueue extends DuplicateLimitedQueue {
     this.prefixedStorageKey = `${options.storagePrefix}.${StoredDuplicateLimitedQueue.storageKey}`;
     this.load();
   }
+
   /**
    * Enqueue the supplied item and also persist the new contents of the queue to storage.
    *
    * @param item the item to be enqueued
    */
-
-
   enqueue(item) {
     super.enqueue(item);
     this.save();
   }
+
   /**
    * Exposed for storybook/testing purposes only. Clear the contents of the queue, and localStorage.
    */
-
-
   clear() {
     super.clear();
     this.storage.removeItem(this.prefixedStorageKey);
   }
+
   /**
    * Initialise the queue contents from the configured Storage. If there is no data found in
    * storage then the queue will have no items added. Likewise, a failure to read or parse stored
    * data will be swallowed and no items are added to the queue.
    */
-
-
   load() {
     const itemsJson = this.storage.getItem(this.prefixedStorageKey);
-
     if (itemsJson) {
       try {
         const items = JSON.parse(itemsJson);
@@ -55,23 +52,19 @@ export default class StoredDuplicateLimitedQueue extends DuplicateLimitedQueue {
       }
     }
   }
+
   /**
    * Save the current items in the queue, overwriting any previously stored queue.
    * Any failure in saving will be silently ignored with the likely outcome that any previous
    * saved items will remain unchanged in storage.
    */
-
-
   save() {
     const itemsJson = JSON.stringify(this.getItems());
-
     try {
       this.storage.setItem(this.prefixedStorageKey, itemsJson);
     } catch (e) {
       debug(`Error saving the queued items as ${this.prefixedStorageKey}`, e);
     }
   }
-
 }
-
 _defineProperty(StoredDuplicateLimitedQueue, "storageKey", 'lastUsed');

package/dist/es2019/util/analytics/analytics.js

@@ -1,7 +1,6 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { name as packageName, version as packageVersion } from '../../version.json';
 export const createAndFireEventInElementsChannel = createAndFireEvent('fabric-elements');
-
 const createEvent = (eventType, action, actionSubject, actionSubjectId, attributes = {}) => ({
   eventType,
   action,
@@ -13,7 +12,6 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
     ...attributes
   }
 });
-
 export const recordSucceeded = source => {
   return createEvent('operational', 'succeeded', 'recordEmojiSelection', undefined, {
     source
@@ -24,9 +22,7 @@ export const recordFailed = source => {
     source
   });
 };
-
 const emojiPickerEvent = (action, attributes = {}, actionSubjectId) => createEvent('ui', action, 'emojiPicker', actionSubjectId, attributes);
-
 export const openedPickerEvent = () => emojiPickerEvent('opened');
 export const closedPickerEvent = attributes => emojiPickerEvent('closed', attributes);
 const skinTones = [{
@@ -45,12 +41,10 @@ const skinTones = [{
   id: '-1f3ff',
   skinToneModifier: 'dark'
 }];
-
 const getSkinTone = emojiId => {
   if (!emojiId) {
     return {};
   }
-
   for (const {
     id,
     skinToneModifier
@@ -62,24 +56,19 @@ const getSkinTone = emojiId => {
       };
     }
   }
-
   return {};
 };
-
-export const pickerClickedEvent = attributes => emojiPickerEvent('clicked', { ...getSkinTone(attributes.emojiId),
+export const pickerClickedEvent = attributes => emojiPickerEvent('clicked', {
+  ...getSkinTone(attributes.emojiId),
   ...attributes
 }, 'emoji');
 export const categoryClickedEvent = attributes => emojiPickerEvent('clicked', attributes, 'category');
 export const pickerSearchedEvent = attributes => emojiPickerEvent('searched', attributes, 'query');
-
 const skintoneSelectorEvent = (action, attributes = {}) => createEvent('ui', action, 'emojiSkintoneSelector', undefined, attributes);
-
 export const toneSelectedEvent = attributes => skintoneSelectorEvent('clicked', attributes);
 export const toneSelectorOpenedEvent = attributes => skintoneSelectorEvent('opened', attributes);
 export const toneSelectorClosedEvent = () => skintoneSelectorEvent('cancelled');
-
 const emojiUploaderEvent = (action, actionSubjectId, attributes) => createEvent('ui', action, 'emojiUploader', actionSubjectId, attributes);
-
 export const uploadBeginButton = () => emojiUploaderEvent('clicked', 'addButton');
 export const uploadConfirmButton = attributes => emojiUploaderEvent('clicked', 'confirmButton', attributes);
 export const uploadCancelButton = () => emojiUploaderEvent('clicked', 'cancelButton');
@@ -89,7 +78,6 @@ export const deleteBeginEvent = attributes => createEvent('ui', 'clicked', 'emoj
 export const deleteConfirmEvent = attributes => createEvent('ui', 'clicked', 'emojiPicker', 'deleteEmojiConfirm', attributes);
 export const deleteCancelEvent = attributes => createEvent('ui', 'clicked', 'emojiPicker', 'deleteEmojiCancel', attributes);
 export const selectedFileEvent = () => createEvent('ui', 'clicked', 'emojiUploader', 'selectFile');
-
 const extractCommonAttributes = (query, emojiList) => {
   return {
     queryLength: query ? query.length : 0,
@@ -97,21 +85,17 @@ const extractCommonAttributes = (query, emojiList) => {
     emojiIds: emojiList ? emojiList.map(emoji => emoji.id).filter(Boolean).slice(0, 20) : []
   };
 };
-
 export const typeaheadCancelledEvent = (duration, query, emojiList) => createEvent('ui', 'cancelled', 'emojiTypeahead', undefined, {
   duration,
   ...extractCommonAttributes(query, emojiList)
 });
-
 const getPosition = (emojiList, selectedEmoji) => {
   if (emojiList) {
     const index = emojiList.findIndex(emoji => emoji.id === selectedEmoji.id);
     return index === -1 ? undefined : index;
   }
-
   return;
 };
-
 export const typeaheadSelectedEvent = (pressed, duration, emoji, emojiList, query, exactMatch) => createEvent('ui', pressed ? 'pressed' : 'clicked', 'emojiTypeahead', undefined, {
   duration,
   position: getPosition(emojiList, emoji),
@@ -123,27 +107,28 @@ export const typeaheadSelectedEvent = (pressed, duration, emoji, emojiList, quer
 export const typeaheadRenderedEvent = (duration, query, emojiList) => createEvent('operational', 'rendered', 'emojiTypeahead', undefined, {
   duration,
   ...extractCommonAttributes(query, emojiList)
-}); // it's used in editor typeahead to fire success record analytics
+});
 
+// it's used in editor typeahead to fire success record analytics
 export const recordSelectionSucceededSli = options => () => {
   if (options && options.createAnalyticsEvent) {
     createAndFireEvent('editor')(recordSucceeded('typeahead'))(options.createAnalyticsEvent);
   }
-}; // it's used in editor typeahead to fire failure record analytics
+};
 
+// it's used in editor typeahead to fire failure record analytics
 export const recordSelectionFailedSli = options => err => {
   if (options && options.createAnalyticsEvent) {
     createAndFireEvent('editor')(recordFailed('typeahead'))(options.createAnalyticsEvent);
   }
-
   return Promise.reject(err);
 };
+
 /**
  * Used for store failure metadata for analytics
  * @param error The error could be a service error with {code, reason} or an Error
  * @returns any
  */
-
 export const extractErrorInfo = error => {
   if (error instanceof Error) {
     return {
@@ -151,6 +136,5 @@ export const extractErrorInfo = error => {
       message: error.message
     };
   }
-
   return error;
 };

package/dist/es2019/util/analytics/samplingUfo.js

@@ -4,6 +4,7 @@ export const clearSampled = () => {
     delete ufoExperiencesSampled[prop];
   }
 };
+
 /**
  * A random sampling function
  * sampling algorithm is from @atlassian/jira-coinflip at https://stash.atlassian.com/projects/JIRACLOUD/repos/jira-frontend/browse/src/packages/platform/app-framework/coinflip/src/index.tsx
@@ -12,31 +13,26 @@ export const clearSampled = () => {
  * @returns bool, if it passes or not
  */
 // default sampling function to determine which one to be sampled
-
 export const isExperienceSampled = rate => {
   if (rate === 1) {
     return true;
   }
-
   if (rate === 0) {
     return false;
   }
-
   return Math.random() * rate <= 1;
 };
-
 const hasSampledFromStart = experience => {
   if (!ufoExperiencesSampled[experience.id]) {
     return false;
   }
-
   if (experience.instanceId) {
     // if the instance of concurrent exp has been sampled from start, allow it.
     return ufoExperiencesSampled[experience.id].sampledInstance[experience.instanceId];
   }
-
   return ufoExperiencesSampled[experience.id].sampled;
 };
+
 /**
  * This function is a temp solution to reduce the event traffic, as UFO package does not support it.
  *
@@ -44,8 +40,6 @@ const hasSampledFromStart = experience => {
  * @param ufoExperience
  * @returns
  */
-
-
 export const withSampling = ufoExperience => {
   const init = () => {
     if (!ufoExperiencesSampled[ufoExperience.id]) {
@@ -55,91 +49,71 @@ export const withSampling = ufoExperience => {
       };
     }
   };
-
   const start = async options => {
     // check if the experience has already sampled before
     if (hasSampledFromStart(ufoExperience)) {
       return;
     }
-
     const isSampled = options.samplingFunc || isExperienceSampled;
-
     if (!isSampled(options.samplingRate)) {
       if (ufoExperience.instanceId) {
         ufoExperiencesSampled[ufoExperience.id].sampledInstance[ufoExperience.instanceId] = false;
       }
-
       ufoExperiencesSampled[ufoExperience.id].sampled = false;
       return;
-    } // update sampled records
-
-
+    }
+    // update sampled records
     if (ufoExperience.instanceId) {
       ufoExperiencesSampled[ufoExperience.id].sampledInstance[ufoExperience.instanceId] = true;
       ufoExperiencesSampled[ufoExperience.id].sampled = true;
     }
-
     return ufoExperience.start(options.startTime);
   };
-
   const success = async config => {
     if (!hasSampledFromStart(ufoExperience)) {
       return null;
     }
-
     return ufoExperience.success(config);
   };
-
   const failure = async config => {
     if (!hasSampledFromStart(ufoExperience)) {
       return null;
     }
-
     return ufoExperience.failure(config);
   };
-
   const abort = async config => {
     if (!hasSampledFromStart(ufoExperience)) {
       return null;
     }
-
     return ufoExperience.abort(config);
   };
-
   const addMetadata = data => {
     if (!hasSampledFromStart(ufoExperience)) {
       return;
     }
-
     return ufoExperience.addMetadata(data);
   };
-
   const mark = (name, timestamp) => {
     if (!hasSampledFromStart(ufoExperience)) {
       return;
     }
-
     return ufoExperience.mark(name, timestamp);
   };
-
   const markFMP = timestamp => {
     if (!hasSampledFromStart(ufoExperience)) {
       return;
     }
-
     return ufoExperience.markFMP(timestamp);
   };
-
   const markInlineResponse = timestamp => {
     if (!hasSampledFromStart(ufoExperience)) {
       return;
     }
-
     return ufoExperience.markInlineResponse(timestamp);
   };
-
   init();
-  return { ...ufoExperience,
+  return {
+    ...ufoExperience,
     start,
     addMetadata,
     success,

package/dist/es2019/util/analytics/ufoExperiences.js

@@ -1,7 +1,6 @@
 import { UfoComponentName, UfoEmojiTimings, UfoEmojiTimingsKeys, UfoExperienceName } from '../../types';
 import { ExperiencePerformanceTypes, ExperienceTypes, ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
 import { withSampling } from './samplingUfo';
-
 const createRenderExperience = componentName => {
   return {
     platform: {
@@ -11,7 +10,6 @@ const createRenderExperience = componentName => {
     performanceType: ExperiencePerformanceTypes.PageSegmentLoad
   };
 };
-
 const createInlineExperience = componentName => {
   return {
     platform: {
@@ -21,7 +19,6 @@ const createInlineExperience = componentName => {
     performanceType: ExperiencePerformanceTypes.InlineResult
   };
 };
-
 const customEmojiTimings = [{
   key: UfoEmojiTimingsKeys.FMP,
   endMark: UfoEmojiTimings.FMP_END

package/dist/es2019/util/analytics/useSampledUFOComponentExperience.js

@@ -1,29 +1,26 @@
 import { useEffect, useRef } from 'react';
 import { withSampling } from './samplingUfo';
-
 const useConstructor = callback => {
   const hasBeenFired = useRef(false);
-
   if (!hasBeenFired.current) {
     callback();
     hasBeenFired.current = true;
   }
-
   return null;
 };
+
 /**
  * A hook to start an experience and to auto abort the experience when the parent component is unmounted.
  * Use this instead of a direct call to `experience.start`. If you need to restart the experience
  * simply trigger an unmount and remount of the parent component.
  * @param experience the experience to start and abort
  */
-
-
 export const useSampledUFOComponentExperience = (experience, samplingRate, metadata) => {
   useEffect(() => {
     return () => {
       withSampling(experience).abort();
-    }; // we want this cleanup to only happen on unmount so this is a legit use of empty array
+    };
+    // we want this cleanup to only happen on unmount so this is a legit use of empty array
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   useConstructor(() => {
@@ -31,7 +28,6 @@ export const useSampledUFOComponentExperience = (experience, samplingRate, metad
       samplingRate
     });
     const isMetadataEmpty = Object.keys(experience.metadata).length === 0;
-
     if (metadata && isMetadataEmpty) {
       experience.addMetadata(metadata);
     }

package/dist/es2019/util/constants.js

@@ -5,11 +5,11 @@ export const customTitle = 'allUploadsCustomCategory';
 export const userCustomTitle = 'userUploadsCustomCategory';
 export const dataURLPrefix = 'data:';
 export const deleteEmojiLabel = 'delete-emoji';
+
 /**
  * A constant used in sorting/ordering to represent a number 'obviously much bigger than any item in the set being handled'.
  * This is used instead of Number.MAX_VALUE since subtraction of MAX_VALUE from itself occassionaly doesn't equal zero exactly :-(
  */
-
 export const MAX_ORDINAL = 100000;
 export const defaultEmojiHeight = 20;
 export const emojiPickerWidth = 350;
@@ -26,8 +26,9 @@ export const selectedToneStorageKey = `${localStoragePrefix}.selectedTone`;
 export const defaultCategories = ['PEOPLE', 'NATURE', 'FOODS', 'ACTIVITY', 'PLACES', 'OBJECTS', 'SYMBOLS', 'FLAGS'];
 export const defaultListLimit = 50;
 export const migrationUserId = 'hipchat_migration_emoticons';
-export const analyticsEmojiPrefix = 'atlassian.fabric.emoji.picker'; // This is the base sampling rate in Emoji
-
-export const SAMPLING_RATE_EMOJI_RENDERED_EXP = 20; // This rate is used in fetching emoji resource
+export const analyticsEmojiPrefix = 'atlassian.fabric.emoji.picker';
 
+// This is the base sampling rate in Emoji
+export const SAMPLING_RATE_EMOJI_RENDERED_EXP = 20;
+// This rate is used in fetching emoji resource
 export const SAMPLING_RATE_EMOJI_RESOURCE_FETCHED_EXP = 100;

package/dist/es2019/util/filters.js

@@ -1,9 +1,6 @@
 const toneEmojiShortName = ':raised_hand:';
-
 const byShortName = (emojis, shortName) => emojis.filter(emoji => emoji.shortName === shortName)[0];
-
 const toneEmoji = emojis => byShortName(emojis, toneEmojiShortName);
-
 export const getToneEmoji = provider => provider.findByShortName(toneEmojiShortName);
 export default {
   byShortName,

package/dist/es2019/util/image.js

@@ -15,19 +15,18 @@ export const getNaturalImageSize = dataURL => {
 export const parseImage = dataURL => {
   return new Promise((resolve, reject) => {
     let img = new Image();
-
     img.onload = () => resolve({
       src: img.src
     });
-
     img.onerror = () => reject();
-
     img.src = dataURL;
   });
 };
 export const hasFileExceededSize = file => {
   return file && file.size > maxEmojiSizeInBytes;
-}; // Duplicates https://bitbucket.org/atlassian/atlaskit/src/0e843df6df8bcd33fa7fc16cc63f11a0f6094957/packages/media-core/src/utils/checkWebpSupport.ts?at=master&fileviewer=file-view-default
+};
+
+// Duplicates https://bitbucket.org/atlassian/atlaskit/src/0e843df6df8bcd33fa7fc16cc63f11a0f6094957/packages/media-core/src/utils/checkWebpSupport.ts?at=master&fileviewer=file-view-default
 // Didn't want to depend on the whole of media-core just for this util
 
 /**
@@ -35,21 +34,17 @@ export const hasFileExceededSize = file => {
  * We know that creating a new image in memory and checking its height,
  * later on we cache this value forever.
  */
-
 let isWebpSupported;
 export const checkWebpSupport = () => {
   if (isWebpSupported !== undefined) {
     return Promise.resolve(isWebpSupported);
   }
-
   return new Promise(resolve => {
     const img = new Image();
-
     const checkSupport = () => {
       isWebpSupported = img.height === 2;
       resolve(isWebpSupported);
     };
-
     img.addEventListener('load', checkSupport);
     img.addEventListener('error', checkSupport);
     img.src = 'data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCEAAAAvAUAAEB8wAiMwAgSSNtse/cXjxyCCmrYNWPwmHRH9jwMA';

package/dist/es2019/util/mouse.js

@@ -3,14 +3,14 @@ export function mouseLocation(event) {
     x: event.clientX,
     y: event.clientY
   };
-} // Used to prevent invalid mouse move detection on scroll
-// lastPosition is object (x, y)
+}
 
+// Used to prevent invalid mouse move detection on scroll
+// lastPosition is object (x, y)
 export function actualMouseMove(oldPosition, newPosition) {
   if (!oldPosition || oldPosition.x !== newPosition.x || oldPosition.y !== newPosition.y) {
     return true;
   }
-
   return false;
 }
 export function leftClick(reactEvent) {