@atlaskit/emoji 71.2.2 → 71.3.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/emoji
 
+## 71.3.1
+
+### Patch Changes
+
+- [`26dff0be3275b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/26dff0be3275b) -
+  Search for Atlassian emojis based on keywords
+
+## 71.3.0
+
+### Minor Changes
+
+- [`e0513f0b5178e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e0513f0b5178e) -
+  Drag and drop will still work with native file explorer overlap
+
 ## 71.2.2
 
 ### Patch Changes

package/dist/cjs/api/EmojiRepository.js

@@ -376,6 +376,9 @@ var EmojiRepository = exports.default = /*#__PURE__*/function () {
       this.fullSearch.searchIndex = new _jsSearch.UnorderedSearchIndex();
       this.fullSearch.addIndex('name');
       this.fullSearch.addIndex('shortName');
+      if ((0, _expVal.expVal)(teamojiRefreshExperimentName, 'isEnabled', false)) {
+        this.fullSearch.addIndex('keywords');
+      }
       this.fullSearch.addDocuments(this.getAllSearchableEmojis());
       this.fullSearchReady = true;
     }

package/dist/cjs/components/common/FileChooser.js

@@ -23,6 +23,10 @@ var dropzoneTestId = exports.dropzoneTestId = 'file-dropzone';
 var hasFilesInTransfer = function hasFilesInTransfer(dataTransfer) {
   return !!(dataTransfer !== null && dataTransfer !== void 0 && dataTransfer.types) && Array.from(dataTransfer.types).includes('Files');
 };
+var isEventWithinElement = function isEventWithinElement(event, element) {
+  var rect = element.getBoundingClientRect();
+  return event.clientX >= rect.left && event.clientX <= rect.right && event.clientY >= rect.top && event.clientY <= rect.bottom;
+};
 var dropzone = null;
 var dropzoneActive = null;
 var previewImageStyles = null;
@@ -76,10 +80,40 @@ var FileChooser = function FileChooser(props) {
     }
     var suppressNativeFileDrop = function suppressNativeFileDrop(event) {
       if (!hasFilesInTransfer(event.dataTransfer)) {
-        return;
+        return false;
       }
       event.preventDefault();
       event.stopPropagation();
+      return true;
+    };
+    var onWindowFileDrag = function onWindowFileDrag(event) {
+      if (!hasFilesInTransfer(event.dataTransfer)) {
+        return;
+      }
+      var isOverDropzone = isEventWithinElement(event, element);
+      if (isOverDropzone) {
+        suppressNativeFileDrop(event);
+      }
+      if (!isDropDisabled) {
+        setIsDragging(isOverDropzone);
+      }
+    };
+    var onWindowFileDragLeave = function onWindowFileDragLeave(event) {
+      if (!hasFilesInTransfer(event.dataTransfer) || event.relatedTarget) {
+        return;
+      }
+      setIsDragging(false);
+    };
+    var onWindowFileDrop = function onWindowFileDrop(event) {
+      if (!hasFilesInTransfer(event.dataTransfer) || !isEventWithinElement(event, element)) {
+        return;
+      }
+      suppressNativeFileDrop(event);
+      setIsDragging(false);
+      if (!isDropDisabled) {
+        var _event$dataTransfer$f, _event$dataTransfer;
+        handleFileDrop(Array.from((_event$dataTransfer$f = (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files) !== null && _event$dataTransfer$f !== void 0 ? _event$dataTransfer$f : []));
+      }
     };
 
     // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
@@ -88,6 +122,14 @@ var FileChooser = function FileChooser(props) {
     element.addEventListener('dragover', suppressNativeFileDrop);
     // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
     element.addEventListener('drop', suppressNativeFileDrop);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('dragenter', onWindowFileDrag, true);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('dragover', onWindowFileDrag, true);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('dragleave', onWindowFileDragLeave, true);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('drop', onWindowFileDrop, true);
     var cleanupDropTarget = (0, _adapter.dropTargetForExternal)({
       element: element,
       canDrop: _file.containsFiles,
@@ -114,6 +156,10 @@ var FileChooser = function FileChooser(props) {
       element.removeEventListener('dragenter', suppressNativeFileDrop);
       element.removeEventListener('dragover', suppressNativeFileDrop);
       element.removeEventListener('drop', suppressNativeFileDrop);
+      window.removeEventListener('dragenter', onWindowFileDrag, true);
+      window.removeEventListener('dragover', onWindowFileDrag, true);
+      window.removeEventListener('dragleave', onWindowFileDragLeave, true);
+      window.removeEventListener('drop', onWindowFileDrop, true);
       cleanupDropTarget();
     };
   }, [isDropDisabled, handleFileDrop]);
@@ -135,6 +181,7 @@ var FileChooser = function FileChooser(props) {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: dropzoneRef,
       "data-testid": dropzoneTestId,
+      "data-dragging": isDragging ? 'true' : undefined,
       role: "region",
       "aria-label": label,
       className: (0, _runtime.ax)(["_zulpu2gc _2rko1qi0 _189ee4h9 _1dqogq9o _1h6d1l7x _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _4t3i7l9q _u5f3utpp _19bvutpp _bfhkhfxm _80omtlke _k8m01rje _1oec1ign _6fl4574g", isDragging && "_1h6dq98m _bfhkufnl"])

package/dist/cjs/util/analytics/analytics.js

@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "71.2.1"
+      packageVersion: "71.3.0"
     }, attributes)
   };
 };

package/dist/es2019/api/EmojiRepository.js

@@ -302,6 +302,9 @@ export default class EmojiRepository {
     this.fullSearch.searchIndex = new UnorderedSearchIndex();
     this.fullSearch.addIndex('name');
     this.fullSearch.addIndex('shortName');
+    if (expVal(teamojiRefreshExperimentName, 'isEnabled', false)) {
+      this.fullSearch.addIndex('keywords');
+    }
     this.fullSearch.addDocuments(this.getAllSearchableEmojis());
     this.fullSearchReady = true;
   }

package/dist/es2019/components/common/FileChooser.js

@@ -11,6 +11,10 @@ export const chooseFileButtonTestId = 'choose-file-button';
 export const fileUploadInputTestId = 'file-upload';
 export const dropzoneTestId = 'file-dropzone';
 const hasFilesInTransfer = dataTransfer => !!(dataTransfer !== null && dataTransfer !== void 0 && dataTransfer.types) && Array.from(dataTransfer.types).includes('Files');
+const isEventWithinElement = (event, element) => {
+  const rect = element.getBoundingClientRect();
+  return event.clientX >= rect.left && event.clientX <= rect.right && event.clientY >= rect.top && event.clientY <= rect.bottom;
+};
 const dropzone = null;
 const dropzoneActive = null;
 const previewImageStyles = null;
@@ -61,10 +65,40 @@ const FileChooser = props => {
     }
     const suppressNativeFileDrop = event => {
       if (!hasFilesInTransfer(event.dataTransfer)) {
-        return;
+        return false;
       }
       event.preventDefault();
       event.stopPropagation();
+      return true;
+    };
+    const onWindowFileDrag = event => {
+      if (!hasFilesInTransfer(event.dataTransfer)) {
+        return;
+      }
+      const isOverDropzone = isEventWithinElement(event, element);
+      if (isOverDropzone) {
+        suppressNativeFileDrop(event);
+      }
+      if (!isDropDisabled) {
+        setIsDragging(isOverDropzone);
+      }
+    };
+    const onWindowFileDragLeave = event => {
+      if (!hasFilesInTransfer(event.dataTransfer) || event.relatedTarget) {
+        return;
+      }
+      setIsDragging(false);
+    };
+    const onWindowFileDrop = event => {
+      if (!hasFilesInTransfer(event.dataTransfer) || !isEventWithinElement(event, element)) {
+        return;
+      }
+      suppressNativeFileDrop(event);
+      setIsDragging(false);
+      if (!isDropDisabled) {
+        var _event$dataTransfer$f, _event$dataTransfer;
+        handleFileDrop(Array.from((_event$dataTransfer$f = (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files) !== null && _event$dataTransfer$f !== void 0 ? _event$dataTransfer$f : []));
+      }
     };
 
     // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
@@ -73,6 +107,14 @@ const FileChooser = props => {
     element.addEventListener('dragover', suppressNativeFileDrop);
     // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
     element.addEventListener('drop', suppressNativeFileDrop);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('dragenter', onWindowFileDrag, true);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('dragover', onWindowFileDrag, true);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('dragleave', onWindowFileDragLeave, true);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('drop', onWindowFileDrop, true);
     const cleanupDropTarget = dropTargetForExternal({
       element,
       canDrop: containsFiles,
@@ -98,6 +140,10 @@ const FileChooser = props => {
       element.removeEventListener('dragenter', suppressNativeFileDrop);
       element.removeEventListener('dragover', suppressNativeFileDrop);
       element.removeEventListener('drop', suppressNativeFileDrop);
+      window.removeEventListener('dragenter', onWindowFileDrag, true);
+      window.removeEventListener('dragover', onWindowFileDrag, true);
+      window.removeEventListener('dragleave', onWindowFileDragLeave, true);
+      window.removeEventListener('drop', onWindowFileDrop, true);
       cleanupDropTarget();
     };
   }, [isDropDisabled, handleFileDrop]);
@@ -119,6 +165,7 @@ const FileChooser = props => {
     return /*#__PURE__*/React.createElement("div", {
       ref: dropzoneRef,
       "data-testid": dropzoneTestId,
+      "data-dragging": isDragging ? 'true' : undefined,
       role: "region",
       "aria-label": label,
       className: ax(["_zulpu2gc _2rko1qi0 _189ee4h9 _1dqogq9o _1h6d1l7x _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _4t3i7l9q _u5f3utpp _19bvutpp _bfhkhfxm _80omtlke _k8m01rje _1oec1ign _6fl4574g", isDragging && "_1h6dq98m _bfhkufnl"])

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

@@ -9,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "71.2.1",
+    packageVersion: "71.3.0",
     ...attributes
   }
 });

package/dist/esm/api/EmojiRepository.js

@@ -369,6 +369,9 @@ var EmojiRepository = /*#__PURE__*/function () {
       this.fullSearch.searchIndex = new UnorderedSearchIndex();
       this.fullSearch.addIndex('name');
       this.fullSearch.addIndex('shortName');
+      if (expVal(teamojiRefreshExperimentName, 'isEnabled', false)) {
+        this.fullSearch.addIndex('keywords');
+      }
       this.fullSearch.addDocuments(this.getAllSearchableEmojis());
       this.fullSearchReady = true;
     }

package/dist/esm/components/common/FileChooser.js

@@ -14,6 +14,10 @@ export var dropzoneTestId = 'file-dropzone';
 var hasFilesInTransfer = function hasFilesInTransfer(dataTransfer) {
   return !!(dataTransfer !== null && dataTransfer !== void 0 && dataTransfer.types) && Array.from(dataTransfer.types).includes('Files');
 };
+var isEventWithinElement = function isEventWithinElement(event, element) {
+  var rect = element.getBoundingClientRect();
+  return event.clientX >= rect.left && event.clientX <= rect.right && event.clientY >= rect.top && event.clientY <= rect.bottom;
+};
 var dropzone = null;
 var dropzoneActive = null;
 var previewImageStyles = null;
@@ -67,10 +71,40 @@ var FileChooser = function FileChooser(props) {
     }
     var suppressNativeFileDrop = function suppressNativeFileDrop(event) {
       if (!hasFilesInTransfer(event.dataTransfer)) {
-        return;
+        return false;
       }
       event.preventDefault();
       event.stopPropagation();
+      return true;
+    };
+    var onWindowFileDrag = function onWindowFileDrag(event) {
+      if (!hasFilesInTransfer(event.dataTransfer)) {
+        return;
+      }
+      var isOverDropzone = isEventWithinElement(event, element);
+      if (isOverDropzone) {
+        suppressNativeFileDrop(event);
+      }
+      if (!isDropDisabled) {
+        setIsDragging(isOverDropzone);
+      }
+    };
+    var onWindowFileDragLeave = function onWindowFileDragLeave(event) {
+      if (!hasFilesInTransfer(event.dataTransfer) || event.relatedTarget) {
+        return;
+      }
+      setIsDragging(false);
+    };
+    var onWindowFileDrop = function onWindowFileDrop(event) {
+      if (!hasFilesInTransfer(event.dataTransfer) || !isEventWithinElement(event, element)) {
+        return;
+      }
+      suppressNativeFileDrop(event);
+      setIsDragging(false);
+      if (!isDropDisabled) {
+        var _event$dataTransfer$f, _event$dataTransfer;
+        handleFileDrop(Array.from((_event$dataTransfer$f = (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files) !== null && _event$dataTransfer$f !== void 0 ? _event$dataTransfer$f : []));
+      }
     };
 
     // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
@@ -79,6 +113,14 @@ var FileChooser = function FileChooser(props) {
     element.addEventListener('dragover', suppressNativeFileDrop);
     // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
     element.addEventListener('drop', suppressNativeFileDrop);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('dragenter', onWindowFileDrag, true);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('dragover', onWindowFileDrag, true);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('dragleave', onWindowFileDragLeave, true);
+    // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
+    window.addEventListener('drop', onWindowFileDrop, true);
     var cleanupDropTarget = dropTargetForExternal({
       element: element,
       canDrop: containsFiles,
@@ -105,6 +147,10 @@ var FileChooser = function FileChooser(props) {
       element.removeEventListener('dragenter', suppressNativeFileDrop);
       element.removeEventListener('dragover', suppressNativeFileDrop);
       element.removeEventListener('drop', suppressNativeFileDrop);
+      window.removeEventListener('dragenter', onWindowFileDrag, true);
+      window.removeEventListener('dragover', onWindowFileDrag, true);
+      window.removeEventListener('dragleave', onWindowFileDragLeave, true);
+      window.removeEventListener('drop', onWindowFileDrop, true);
       cleanupDropTarget();
     };
   }, [isDropDisabled, handleFileDrop]);
@@ -126,6 +172,7 @@ var FileChooser = function FileChooser(props) {
     return /*#__PURE__*/React.createElement("div", {
       ref: dropzoneRef,
       "data-testid": dropzoneTestId,
+      "data-dragging": isDragging ? 'true' : undefined,
       role: "region",
       "aria-label": label,
       className: ax(["_zulpu2gc _2rko1qi0 _189ee4h9 _1dqogq9o _1h6d1l7x _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _4t3i7l9q _u5f3utpp _19bvutpp _bfhkhfxm _80omtlke _k8m01rje _1oec1ign _6fl4574g", isDragging && "_1h6dq98m _bfhkufnl"])

package/dist/esm/util/analytics/analytics.js

@@ -14,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "71.2.1"
+      packageVersion: "71.3.0"
     }, attributes)
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.2.2",
+	"version": "71.3.1",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"